/* Podstrony — przeniesione z style.css (nie ładują się na stronie głównej).
 * Zależność: po style.css (tokeny :root, komponenty globalne).
 */

div#panel-onas {
    padding: 0;
}

/* Panel Paleta Euro – strona produktu (inspiracja: e-commerce product detail) */
.product-panel { padding: 0; background: var(--color-bg); }
.product-panel-inner { min-height: 100vh; }
.product-panel-header {
    position: sticky; top: 0; z-index: 100;
    background: #0e0e13;
    padding: 2rem 5%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.product-panel-header-left, .product-panel-logo, .product-panel-header-right { display: flex; align-items: center; }
.product-panel-header-right { gap: 2rem; }
.product-panel-menu, .product-panel-logo-link {
    display: flex; align-items: center; justify-content: center;
    padding: 0.5rem;
    color: #fff;
    text-decoration: none;
    background: transparent;
    border: none;
    cursor: pointer;
}
.product-panel-menu:hover, .product-panel-logo-link:hover { background: rgba(255,255,255,0.12); color: #fff; }
.product-panel-logo-img { height: 3.2rem; width: auto; }
@media (max-width: 1024px) { .product-panel-logo-img { height: 2.4rem; } }
.product-panel-header .header-account { color: #fff; }
.product-panel .product-breadcrumb {
    max-width: 200rem; margin: 0 auto;
    padding: 2.4rem 5% 1.6rem;
    font-size: 1.4rem;
    color: var(--color-text-muted);
}
.product-panel .product-breadcrumb a { color: var(--color-text-muted); text-decoration: none; }
.product-panel .product-breadcrumb a:hover { color: var(--color-accent); }
.product-panel .product-breadcrumb span { margin: 0 0.5rem; }
.product-section {
    max-width: 200rem; margin: 0 auto;
    padding: 0 5% var(--spacing-section);
}
.product-layout {
    display: grid;
    grid-template-columns: 4fr 5fr;
    gap: 5rem;
    align-items: start;
}
@media (max-width: 768px) {
    .product-layout { grid-template-columns: 1fr; gap: 3rem; }
}
.product-image-wrap {
    position: sticky;
    top: 2rem;
    border-radius: var(--radius-xl);
    overflow: visible;
}
.product-gallery {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}
.product-gallery-main {
    position: relative;
    aspect-ratio: 1;
    border-radius: var(--radius-xl);
    overflow: hidden;
    background: var(--color-bg-alt);
}
.product-gallery-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.product-gallery-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 4rem;
    height: 4rem;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    color: var(--color-text);
    box-shadow: 0 1px 4px rgba(14, 14, 19, 0.12);
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.product-gallery-nav:hover {
    background: #fff;
    box-shadow: 0 2px 10px rgba(14, 14, 19, 0.14);
}
.product-gallery-prev { left: 1rem; }
.product-gallery-next { right: 1rem; }
.product-gallery.is-single .product-gallery-nav,
.product-gallery.is-single .product-gallery-thumbs {
    display: none;
}
.product-gallery-thumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 100%;
}
.product-gallery-thumbs::-webkit-scrollbar { height: 4px; }
@media (max-width: 768px) {
    .product-gallery-thumbs {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 0.4rem;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }
}
.product-gallery-thumb {
    flex: 0 0 auto;
    width: 7.2rem;
    height: 7.2rem;
    padding: 0;
    border: 2px solid transparent;
    border-radius: var(--radius-md);
    overflow: hidden;
    cursor: pointer;
    background: var(--color-bg-alt);
    transition: border-color 0.2s ease, opacity 0.2s ease;
}
.product-gallery-thumb:hover {
    border-color: rgba(14, 14, 19, 0.15);
}
.product-gallery-thumb.is-active {
    border-color: var(--color-text);
}
.product-gallery-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    pointer-events: none;
}
.product-content { padding-top: 0.5rem; }
.product-content h1 {
    font-size: var(--font-size-h3);
    font-weight: 400;
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    margin-bottom: 2rem;
    color: var(--color-text);
}
.product-desc {
    font-size: 1.6rem;
    line-height: var(--line-height);
    color: var(--color-text-muted);
    margin-bottom: 6rem;
    padding-bottom: 4rem;
    border-bottom: var(--border-subtle);
    font-weight: 600;
}
.product-spec-block {
    background: var(--color-bg-alt);
    border-radius: var(--radius-lg);
    padding: 2.4rem 2.8rem;
    margin-bottom: 2.4rem;
}
.product-spec-collapsible .product-spec-block {
    margin-bottom: 0;
}
.product-spec-title {
    margin-bottom: 2rem;
}
.product-spec-subtitle {
    font-size: var(--font-size-caption);
    color: var(--color-text-muted);
    margin-bottom: 1.6rem;
}
.product-spec-list {
    list-style: none;
}
.product-spec-item {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 2rem 0;
    font-size: var(--font-size-body-sm);
    border-bottom: 1px solid rgba(14, 14, 19,0.06);
}
.product-spec-item:last-child { border-bottom: none; padding-bottom: 0; }
.product-spec-item:first-of-type { padding-top: 0; }
.product-spec-label {
    color: var(--color-text-muted);
    display: flex;
    align-items: center;
    gap: 0.6rem;
}
.product-spec-label::before {
    content: '+';
    font-size: 1.2rem;
    color: var(--color-text);
}
.product-spec-value {
    font-weight: 500;
    color: var(--color-text);
    text-align: right;
}

/* Specyfikacja produktu – zwinięcie ~20–25% wysokości + fade + przycisk */
.product-spec-collapsible {
    margin-bottom: 2.4rem;
}
.product-spec-viewport {
    position: relative;
    overflow: hidden;
    max-height: 180px;
    transition: max-height 0.45s ease;
}
.product-spec-collapsible.is-expanded .product-spec-viewport {
    max-height: none;
    overflow: visible;
}
.product-spec-collapsible.is-short .product-spec-viewport {
    max-height: none;
    overflow: visible;
}
.product-spec-fade {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 82%;
    min-height: 6rem;
    pointer-events: none;
    /* Od przezroczystości (widać szary blok + treść) do tła strony – zanik szarego tła, nie tylko tekstu */
    background: linear-gradient(
        to bottom,
        rgba(253, 253, 253, 0) 0%,
        rgba(253, 253, 253, 0) 8%,
        rgba(253, 253, 253, 0.04) 18%,
        rgba(253, 253, 253, 0.12) 32%,
        rgba(253, 253, 253, 0.28) 46%,
        rgba(253, 253, 253, 0.48) 58%,
        rgba(253, 253, 253, 0.68) 70%,
        rgba(253, 253, 253, 0.84) 81%,
        rgba(253, 253, 253, 0.94) 90%,
        var(--color-bg) 100%
    );
    transition: opacity 0.35s ease, visibility 0.35s ease;
}
.product-spec-collapsible.is-expanded .product-spec-fade,
.product-spec-collapsible.is-short .product-spec-fade {
    opacity: 0;
    visibility: hidden;
}
.product-spec-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.2rem;
    padding: 0.65rem 1.4rem;
    font-family: inherit;
    font-size: var(--font-size-caption);
    font-weight: 500;
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    color: var(--color-text-muted);
    background: #fff;
    border: 1px solid rgba(14, 14, 19, 0.12);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}
.product-spec-toggle:hover {
    color: var(--color-text);
    border-color: rgba(14, 14, 19, 0.22);
    background: var(--color-bg-alt);
}
.product-spec-toggle:focus-visible {
    outline: 2px solid var(--color-accent);
    outline-offset: 3px;
}
.product-spec-collapsible.is-expanded .product-spec-toggle {
    margin-top: 1.6rem;
}
.product-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 0;
    padding: 2rem 3.6rem;
    font-family: var(--font-main);
    font-weight: 500;
    font-size: var(--font-size-body);
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    text-decoration: none;
    background: var(--color-text);
    color: #fff;
    border-radius: var(--radius-md);
    transition: background-color var(--transition), color var(--transition);
}
.product-cta:hover { background: #333; color: #fff; }
.product-cta { border: none; cursor: pointer; font: inherit; }
.product-panel .product-section .product-cta { margin-top: 0; }
.product-desc-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5rem;
}
.product-desc a {
    color: var(--color-accent);
    text-decoration: none;
}
.product-desc a:hover {
    text-decoration: underline;
}
.product-price-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: end;
    margin-bottom: 6rem;
}
.product-price-col {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.product-price-contact {
    justify-self: end;
    align-items: flex-end;
    text-align: right;
    font-size: var(--font-size-caption);
    color: var(--color-text-muted);
    font-weight: 600;
}
.product-price-contact .product-desc-icon {
    margin-bottom: 0.5rem;
}
.product-price-contact a {
    color: var(--color-accent);
    text-decoration: none;
}
.product-price-contact a:hover {
    text-decoration: underline;
}
.product-price-gross {
    font-size: var(--font-size-h3);
    color: var(--color-text);
}
.product-price-net {
    font-size: var(--font-size-h4);
    font-weight: 500;
    color: var(--color-text-muted);
}
.product-price-block small {
    font-size: var(--font-size-body);
    font-weight: 400;
    color: var(--color-text-muted);
    margin-left: 0.3rem;
}
.product-price-gross small {
    color: var(--color-text-muted);
}
.product-add-block {
    display: flex;
    gap: 2rem;
    align-items: center;
    flex-wrap: wrap;
}
.product-quantity {
    display: inline-flex;
    align-items: center;
    background: transparent;
    border: 1px solid var(--color-text);
    border-radius: 999px;
    overflow: hidden;
}
.product-quantity-btn {
    width: 6.6rem;
    height: 5.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1;
    color: var(--color-text);
    padding: 0;
}
.product-quantity-btn:hover { background: var(--color-bg-alt); }
.product-quantity-input {
    width: 4rem;
    border: none;
    background: transparent;
    font-size: var(--font-size-body);
    font-weight: 500;
    color: var(--color-text);
    text-align: center;
    padding: 0;
    appearance: textfield;
    -moz-appearance: textfield;
}
.product-quantity-input::-webkit-outer-spin-button,
.product-quantity-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.product-add-block .product-cta { flex: 1; min-width: 16rem; }
.product-related {
    margin-top: var(--space-200);
    padding-top: var(--size-48);
    border-top: var(--border-subtle);
}
.product-related-title {
    font-size: var(--font-size-h4);
    font-weight: 400;
    letter-spacing: var(--letter-spacing);
    color: var(--color-text);
    margin-bottom: var(--size-32);
}
.product-related-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--size-24);
}
@media (max-width: 768px) {
    .product-related-grid { grid-template-columns: 1fr; }
}
.product-related-card {
    display: block;
    background: var(--color-bg-alt);
    border-radius: var(--radius-xl);
    overflow: hidden;
    text-decoration: none;
    color: inherit;
}
.product-related-card-image {
    aspect-ratio: 3/1;
    overflow: hidden;
}
.product-related-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.product-related-card-body {
    padding: var(--size-24);
}
.product-related-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--space-8);
}
.product-related-name {
    font-size: 3.5rem;
    font-weight: 300;
    color: var(--color-text);
    margin: 0;
}
.product-related-header .tile-category {
    flex-shrink: 0;
    margin: 0;
}
.product-related-price {
    display: block;
    font-weight: 600;
    color: var(--color-text-muted);
    margin-bottom: var(--space-8);
}
.product-related-specs {
    list-style: none;
    margin: 4rem 0;
    padding: 0;
    line-height: var(--line-height);
}

.product-related-spec-value {
    display: block;
    font-size: var(--font-size-h4);
    font-weight: 400;
    color: var(--color-text);
}
.product-related-spec-label {
    display: block;
    font-size: var(--font-size-caption);
    font-weight: 400;
    color: var(--color-text-muted);
    margin-bottom: 1.5rem;
}
.product-related-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-12) var(--size-16);
    font-size: var(--font-size-body-sm);
    font-weight: 400;
    background: var(--color-text-muted);
    color: #fff;
    border-radius: var(--radius-md);
}
.contact-form-section {
    margin-top: var(--space-64);
    padding-top: var(--space-64);
    border-top: var(--border-subtle);
}
.contact-form-wrap {
    display: grid;
    grid-template-columns: 1fr 2.5fr;
    gap: var(--size-48);
    align-items: start;
}
@media (max-width: 768px) {
    .contact-form-wrap { grid-template-columns: 1fr; }
}
.contact-form-title {
    font-size: var(--font-size-h3);
    font-weight: 400;
    letter-spacing: var(--letter-spacing);
    color: var(--color-text);
    margin: 0 0 var(--space-12);
}
.contact-form-desc {
    font-size: var(--font-size-body);
    line-height: 1.6;
    color: var(--color-text-muted);
    margin: 0;
}
/* Treść danych kontaktowych pochodzi z edytora (metabox PEC) — akapit bez marginesu. */
.contact-form-desc p {
    margin: 0;
}
.contact-form-right {
    position: relative;
    border-radius: var(--radius-xl);
    overflow: hidden;
    min-height: 40rem;
}
.contact-form-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.contact-form-box {
    position: relative;
    z-index: 1;
    background: var(--backdrop-blur-lg);
    backdrop-filter: var(--backdrop-blur-lg);
    -webkit-backdrop-filter: var(--backdrop-blur-lg);
    border-radius: var(--radius-xl);
    padding: var(--size-32);
    margin: var(--size-24);
    margin-left: auto;
    max-width: 70rem;
    box-shadow: 0 4px 24px rgba(14, 14, 19,0.08);
}
.contact-form {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
}
.contact-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-12);
}
.contact-form-row--full {
    grid-template-columns: 1fr;
}
.contact-form-field {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}
.contact-form label {
    font-size: var(--font-size-caption);
    font-weight: 500;
    color: var(--color-text);
    line-height: 1.2;
}
.contact-form input,
.contact-form select,
.contact-form textarea {
    width: 100%;
    padding: var(--space-12);
    border: 1px solid var(--color-bg-alt);
    border-radius: var(--radius-sm);
    font-family: var(--font-main);
    font-size: var(--font-size-body-sm);
    color: var(--color-text);
    background: var(--color-bg);
}
.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: var(--color-text-muted);
}
.contact-form textarea {
    min-height: 10rem;
    resize: vertical;
}
.contact-form-consent {
    margin-top: var(--space-8);
}
.contact-form-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: var(--space-8);
    font-size: var(--font-size-caption);
    font-weight: 400;
    color: var(--color-text-muted);
    line-height: 1.5;
    cursor: pointer;
}
.contact-form-checkbox-label input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 2rem;
    height: 2rem;
    margin: 0;
    padding: 0;
    flex-shrink: 0;
    border: 1.5px solid var(--color-text-muted);
    border-radius: 2px;
    background: transparent;
    cursor: pointer;
    position: relative;
    transition: border-color var(--transition), background var(--transition);
}
.contact-form-checkbox-label input[type="checkbox"]:hover {
    border-color: var(--color-accent);
}
.contact-form-checkbox-label input[type="checkbox"]:checked {
    background: var(--color-accent);
    border-color: var(--color-accent);
}
.contact-form-checkbox-label input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    left: 0.5rem;
    top: 0.2rem;
    width: 0.4rem;
    height: 0.8rem;
    border: solid var(--color-bg);
    border-width: 0 0.15em 0.15em 0;
    transform: rotate(45deg);
}
.contact-form-checkbox-label a {
    color: var(--color-accent);
    text-decoration: none;
}
.contact-form-checkbox-label a:hover {
    text-decoration: underline;
}
.contact-form-field-label {
    font-size: var(--font-size-caption);
    font-weight: 400;
    color: var(--color-bg);
    line-height: 1.2;
}
.contact-form-checkboxes {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-8) var(--space-12);
}
.contact-form-checkbox-item {
    display: flex;
    align-items: center;
    gap: var(--space-6);
    font-size: var(--font-size-body-sm);
    font-weight: 400;
    color: var(--color-bg);
    cursor: pointer;
}

.contact-form-field.contact-form-field--checkboxes {
    padding: 2rem 0;
    gap: var(--space-12);
}

.contact-form-checkbox-item input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 2rem;
    height: 2rem;
    margin: 0;
    padding: 0;
    flex-shrink: 0;
    border: 1.5px solid var(--color-text-muted);
    border-radius: 2px;
    background: transparent;
    cursor: pointer;
    position: relative;
    transition: border-color var(--transition), background var(--transition);
}
.contact-form-checkbox-item input[type="checkbox"]:hover {
    border-color: var(--color-accent);
}
.contact-form-checkbox-item input[type="checkbox"]:checked {
    background: var(--color-accent);
    border-color: var(--color-accent);
}
.contact-form-checkbox-item input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    left: 0.5rem;
    top: 0.2rem;
    width: 0.4rem;
    height: 0.8rem;
    border: solid var(--color-bg);
    border-width: 0 0.15em 0.15em 0;
    transform: rotate(45deg);
}
.contact-form-submit-wrap {
    margin-top: var(--space-12);
}
.contact-form-submit {
    width: 100%;
    padding: var(--space-12) var(--size-24);
    font-family: var(--font-main);
    font-size: var(--font-size-body-sm);
    font-weight: 500;
    letter-spacing: var(--letter-spacing);
    background: var(--color-text);
    color: #fff;
    border: none;
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: background var(--transition);
}
.contact-form-submit:hover {
    background: #333;
}
.product-panel-footer {
    background: #0e0e13;
    padding: 8rem 5% 5rem;
    margin-top: var(--spacing-section);
}
.product-panel-footer-scroll {
    max-width: 200rem;
    margin: 0 auto 8rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.product-panel-scroll-top {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    color: rgba(255,255,255,0.8);
    text-decoration: none;
    font-size: var(--font-size-body-sm);
}
.product-panel-scroll-top:hover { color: #fff; }
.product-panel-footer-divider {
    max-width: 200rem;
    margin: 0 auto 6rem;
    height: 1px;
    background: rgba(255,255,255,0.15);
}
.product-panel-footer-bottom {
    max-width: 200rem;
    margin: 0 auto;
}
.product-panel-footer-bottom p {
    font-size: var(--font-size-caption);
    color: rgba(255,255,255,0.6);
}

/* O nas hero – jak strona główna, zamiast wideo: zdjęcie, 85vh */
#panel-onas .hero.hero--image {
    height: 85vh;
    min-height: 50rem;
    padding: 0 5% var(--spacing-section);
}
#panel-onas .hero .hero-overlay {
    background: var(--gradient-overlay-hero);
}
#panel-onas .hero .hero-content {
    max-width: 60%;
    padding: 0;
}
#panel-onas .hero .hero-content h1 {
    font-size: var(--font-size-h1);
    margin-bottom: 2rem;
}
#panel-onas .hero .hero-content .hero-subtitle {
    font-size: var(--font-size-h5);
    font-weight: 400;
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    margin: 0 0 2rem;
}
#panel-onas .hero {
    position: relative;
}
#panel-onas .hero .hero-arrow {
    position: absolute;
    right: 5%;
    bottom: calc(var(--spacing-section) + 2rem);
    color: rgba(255, 255, 255, 0.85);
    z-index: 2;
}
#panel-onas .hero .hero-arrow svg {
    display: block;
}
@media (max-width: 1024px) {
    #panel-onas .hero .hero-content h1 { font-size: 6rem; }
}
@media (max-width: 768px) {
    #panel-onas .hero.hero--image { height: 85vh; min-height: 40rem; padding: 0 5% var(--space-100); }
    #panel-onas .hero .hero-content { max-width: 100%; }
    #panel-onas .hero .hero-content h1 { font-size: 5rem; margin-bottom: 4rem; }
    #panel-onas .hero .hero-content .hero-subtitle { margin-bottom: 1.5rem; }
    #panel-onas .hero .hero-arrow { right: 5%; bottom: calc(var(--space-100) + 2rem); }
}
/* Podstrony Usługa – hero jak O nas (zdjęcie, 65vh, strzałka) */
div.service-page[id^="panel-usluga-"] {
    padding: 0;
}
.service-page[id^="panel-usluga-"] .hero.hero--image {
    height: 65vh;
    min-height: 50rem;
    padding: 0 5% var(--spacing-section);
}
.service-page[id^="panel-usluga-"] .hero .hero-overlay {
    background: var(--gradient-overlay-hero);
}
.service-page[id^="panel-usluga-"] .hero .hero-content {
    max-width: 60%;
    padding: 0;
}
.service-page[id^="panel-usluga-"] .hero .hero-content h1 {
    font-size: var(--font-size-h1);
    margin-bottom: 2rem;
}
.service-page[id^="panel-usluga-"] .hero .hero-content .hero-subtitle {
    font-size: var(--font-size-h5);
    font-weight: 400;
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    margin: 0 0 2rem;
}
.service-page[id^="panel-usluga-"] .hero .hero-content .page-breadcrumb {
    margin: 0 0 5rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}
.service-page[id^="panel-usluga-"] .hero .hero-content .page-breadcrumb a {
    color: rgba(255, 255, 255, 0.58);
}
.service-page[id^="panel-usluga-"] .hero .hero-content .page-breadcrumb a:hover {
    color: rgba(255, 255, 255, 0.82);
}
.service-page[id^="panel-usluga-"] .hero .hero-content .page-breadcrumb span:not(:last-child) {
    color: rgba(255, 255, 255, 0.42);
}
.service-page[id^="panel-usluga-"] .hero .hero-content .page-breadcrumb span:last-child {
    color: var(--color-bg);
    font-weight: 500;
    opacity: 0.8;
}
.service-page[id^="panel-usluga-"] .hero {
    position: relative;
}
.service-page[id^="panel-usluga-"] .hero .hero-arrow {
    position: absolute;
    right: 5%;
    bottom: calc(var(--spacing-section) + 2rem);
    color: rgba(255, 255, 255, 0.85);
    z-index: 2;
}
.service-page[id^="panel-usluga-"] .hero .hero-arrow svg {
    display: block;
}
@media (max-width: 1024px) {
    .service-page[id^="panel-usluga-"] .hero .hero-content h1 { font-size: 6rem; }
}
@media (max-width: 768px) {
    .service-page[id^="panel-usluga-"] .hero.hero--image { height: 85vh; min-height: 40rem; padding: 0 5% var(--space-100); }
    .service-page[id^="panel-usluga-"] .hero .hero-content { max-width: 100%; }
    .service-page[id^="panel-usluga-"] .hero .hero-content h1 { font-size: 5rem; margin-bottom: 4rem; }
    .service-page[id^="panel-usluga-"] .hero .hero-content .hero-subtitle { margin-bottom: 1.5rem; }
    .service-page[id^="panel-usluga-"] .hero .hero-arrow { right: 5%; bottom: calc(var(--space-100) + 2rem); }
}
#panel-onas .section-intro {
    padding: var(--spacing-section) 5%;
}
#panel-onas .section-intro__content {
    max-width: 100rem;
    margin: 0 auto;
}
#panel-onas .section-intro__heading {
    font-size: var(--font-size-48);
    font-weight: 600;
    line-height: var(--line-height);
    margin: 0 0 6rem;
    color: var(--color-text);
    text-align: center;
}

#panel-onas .section-intro__body {
    padding: 0 15%;
}

#panel-onas .section-intro__body p {
    font-size: var(--font-size-body-sm);
    line-height: 1.4;
    color: var(--color-text);
    text-align: center;
}
#panel-onas .section-intro__body p {
    margin: 0 0 1.5rem;
}
#panel-onas .section-intro__body p:last-child {
    margin-bottom: 0;
}
@media (max-width: 768px) {
    #panel-onas .section-intro { padding: var(--space-100) 5%; }
    #panel-onas .section-intro__heading { margin-bottom: 1.5rem; }
}
/* Sekcja specjalizacji – pełna szerokość, tło z gradientem, siatka na granicy ciemne/białe */
#panel-onas .section-spec {
    position: relative;
    min-height: 150vh;
    padding: 0;
    max-width: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    background: var(--color-bg);
}
#panel-onas .section-spec__bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 115vh;
    background-color: var(--color-black);
    background-size: 100% 108.475%;
    background-position: center -54px;
    background-repeat: no-repeat;
    background-size: cover;
}
#panel-onas .section-spec__bg::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(94, 94, 94, 0) 0%, rgba(14, 14, 19, 0.5) 50%, rgba(14, 14, 19, 0.95) 79.81%, var(--color-black) 100%);
}
#panel-onas .section-spec__content {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 50vh 5% var(--spacing-section);
    display: flex;
    flex-direction: column;
}
#panel-onas .section-spec__heading {
    font-size: var(--font-size-48);
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    color: var(--color-bg);
    margin: 0 0 var(--space-12);
}
#panel-onas .section-spec__desc {
    font-size: var(--font-size-body-lg);
    font-weight: 300;
    line-height: 1.5;
    text-align: center;
    color: var(--color-bg);
    margin: 0 auto var(--spacing-section);
    max-width: 60%;
}
/* Treść opisu pochodzi z edytora (metabox PEC) i może zawierać akapity. */
#panel-onas .section-spec__desc p {
    margin: 0 0 1em;
}
#panel-onas .section-spec__desc p:last-child {
    margin-bottom: 0;
}
#panel-onas .section-spec__grid-wrap {
    /* 35% liczy się od szerokości bloku — na szerokich ekranach 72vh−35% bywa ujemne i nakłada siatkę na .section-spec__desc */
    margin-top: max(var(--space-56), calc(72vh - 35%));
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    max-width: calc(52.5rem * 3 + var(--size-32) * 2);
}
#panel-onas .section-spec__subheading {
    font-size: var(--font-size-h6);
    font-weight: 600;
    line-height: 1.5;
    color: #fff;
    margin: 0 0 var(--space-12);
    text-align: left;
}
#panel-onas .section-spec__separator {
    width: 100%;
    max-width: calc(52.5rem * 3 + var(--size-32) * 2);
    height: 1px;
    border: none;
    background: rgba(255, 255, 255, 0.3);
    margin: 0 0 var(--space-56);
}
#panel-onas .section-spec__grid {
    display: inline-grid;
    row-gap: var(--size-32);
    column-gap: var(--size-32);
    grid-template-rows: repeat(3, fit-content(100%));
    grid-template-columns: repeat(3, fit-content(100%));
}
#panel-onas .section-spec__tile {
    position: relative;
    display: flex;
    width: 52.5rem;
    min-height: 12.5rem;
    padding: var(--space-12) var(--size-32) var(--size-16) var(--space-12);
    align-items: flex-end;
    gap: var(--space-10);
    border-radius: var(--radius-xl);
    background: #EEEFF2;
    color: var(--color-text);
}
#panel-onas .section-spec__num {
    position: absolute;
    top: var(--space-12);
    left: var(--space-12);
    font-size: var(--font-size-caption);
    font-weight: 600;
    color: var(--color-text-muted);
}
#panel-onas .section-spec__label {
    font-size: var(--font-size-body);
    line-height: var(--line-height);
}

/* PIN (desktop): zdjęcie „przykleja się" (position: sticky) i wypełnia ekran, a treść tej sekcji
 * (nagłówek, opis, „Zakres działalności" + szare boxy) przewija się NAD nim. Po boxach zdjęcie
 * się odkleja i strona scrolluje normalnie. Czysty CSS sticky (bez scroll-jackingu JS).
 * Mechanizm: bg jest sticky (100vh) w normalnym przepływie, a content ma margin-top:-100vh,
 * więc nakłada się na przyklejone zdjęcie i przewija po nim, dopóki sekcja się nie skończy. */
@media (min-width: 769px) {
    #panel-onas .section-spec {
        display: block;      /* zamiast flex — sticky działa czyściej w bloku */
        min-height: 0;       /* wysokość = treść (bg zredukowany ujemnym marginesem) */
        background: var(--color-black);  /* obszar poza przyklejonym zdjęciem = ciemny (nie biały) → wtapia się w stopkę, brak białej przerwy */
    }
    #panel-onas .section-spec__bg {
        position: sticky;
        top: 0;
        height: 100vh;
    }
    #panel-onas .section-spec__content {
        margin-top: -100vh;                        /* nałóż treść na przyklejone zdjęcie */
        padding-bottom: var(--space-56);           /* krótki bufor po boxach → stopka od razu, bez białej przerwy */
    }
}
/* O nas: sekcja „specjalizacja" kończy się CIEMNO. Stopka ma globalny margin-top: 68px,
 * który tu prześwitywałby białym tłem strony między sekcją a stopką. Zerujemy go na tej
 * stronie — bufor daje ciemny padding-bottom sekcji, więc stopka wpada bez białej przerwy. */
body.page-template-about .footer,
body.page-template-about footer.footer { margin-top: 0; }
@media (max-width: 1200px) {
    #panel-onas .section-spec__grid {
        grid-template-columns: repeat(2, 1fr);
    }
    #panel-onas .section-spec__tile {
        width: 100%;
        max-width: 52.5rem;
    }
}
@media (max-width: 768px) {
    #panel-onas .section-spec {
        min-height: auto;
        padding: 0;
    }
    #panel-onas .section-spec__content {
        padding: var(--space-100) 5%;
    }
    #panel-onas .section-spec__bg {
        height: 60vh;
        background-size: cover;
        background-position: center;
    }
    #panel-onas .section-spec__grid-wrap {
        margin-top: var(--space-100);
        margin-left: -5%;
        margin-right: -5%;
        width: calc(100% + 10%);
        max-width: none;
        padding: var(--space-100) 5% 0;
        box-sizing: border-box;
        background: var(--color-bg);
        border-radius: var(--radius-xl) var(--radius-xl) 0 0;
    }
    #panel-onas .section-spec__subheading {
        color: var(--color-text);
    }
    #panel-onas .section-spec__separator {
        background: var(--border-subtle);
        margin-bottom: var(--space-24);
    }
    #panel-onas .section-spec__heading {
        font-size: var(--font-size-h3);
        margin-bottom: var(--space-8);
    }
    #panel-onas .section-spec__desc {
        font-size: var(--font-size-body);
        margin-bottom: var(--space-100);
        max-width: 100%;
    }
    #panel-onas .section-spec__grid {
        display: grid;
        width: 100%;
        grid-template-columns: 1fr;
        row-gap: var(--space-12);
        column-gap: 0;
    }
    #panel-onas .section-spec__tile {
        width: 100%;
        max-width: none;
        min-height: auto;
        flex-direction: row;
        align-items: flex-start;
        gap: var(--space-10);
        padding: var(--space-12) var(--space-16);
    }
    #panel-onas .section-spec__num {
        position: static;
        top: auto;
        left: auto;
        flex: 0 0 auto;
        min-width: 2.75rem;
        padding-top: 0.15rem;
        line-height: 1.3;
    }
    #panel-onas .section-spec__label {
        flex: 1 1 auto;
        min-width: 0;
        font-size: var(--font-size-body-sm);
        line-height: 1.45;
    }
}
div#panel-paleta-euro-nowa,
div#panel-paleta-euro-nowa-hurt {
    padding: 0;
}

#panel-paleta-euro-nowa .product-cta,
#panel-paleta-euro-nowa-hurt .product-cta,
#panel-paleta-euro-nowa .product-related-cta,
#panel-paleta-euro-nowa-hurt .product-related-cta,
#panel-paleta-euro-nowa .contact-form-submit,
#panel-paleta-euro-nowa-hurt .contact-form-submit {
    border-radius: var(--radius-sm);
}
#panel-paleta-euro-nowa .product-section,
#panel-paleta-euro-nowa-hurt .product-section {
    padding-top: var(--space-64);
}
/* product-related: label--solid, ikona ukryta */
#panel-paleta-euro-nowa .product-related .tile-category,
#panel-paleta-euro-nowa-hurt .product-related .tile-category {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}
#panel-paleta-euro-nowa .product-related .tile-category .tile-category-icon,
#panel-paleta-euro-nowa-hurt .product-related .tile-category .tile-category-icon {
    display: none;
}
#panel-paleta-euro-nowa .product-related .tile-category .tile-category-value,
#panel-paleta-euro-nowa-hurt .product-related .tile-category .tile-category-value {
    font-weight: 600;
}
#panel-paleta-euro-nowa .product-related-card .product-related-specs,
#panel-paleta-euro-nowa-hurt .product-related-card .product-related-specs {
    margin: 4rem 0;
    padding: 0;
}
#panel-paleta-euro-nowa .contact-form-section,
#panel-paleta-euro-nowa-hurt .contact-form-section {
    max-width: 200rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
}
#panel-paleta-euro-nowa .contact-form-wrap,
#panel-paleta-euro-nowa-hurt .contact-form-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--size-48);
    align-items: start;
}
@media (max-width: 768px) {
    #panel-paleta-euro-nowa .contact-form-wrap,
    #panel-paleta-euro-nowa-hurt .contact-form-wrap { grid-template-columns: 1fr; }
}
#panel-paleta-euro-nowa .contact-form-left,
#panel-paleta-euro-nowa-hurt .contact-form-left {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    padding: 0 10%;
}
#panel-paleta-euro-nowa .contact-form-image,
#panel-paleta-euro-nowa-hurt .contact-form-image {
    width: 100%;
    aspect-ratio: 16 / 8;
    object-fit: cover;
    border-radius: var(--radius-xl);
    display: block;
}
#panel-paleta-euro-nowa .contact-form-title,
#panel-paleta-euro-nowa-hurt .contact-form-title {
    margin: 0;
}
#panel-paleta-euro-nowa .contact-form-desc,
#panel-paleta-euro-nowa-hurt .contact-form-desc {
    margin: 0;
}
#panel-paleta-euro-nowa .contact-form-desc a,
#panel-paleta-euro-nowa-hurt .contact-form-desc a {
    color: var(--color-accent);
    font-weight: 600;
    text-decoration: none;
}
#panel-paleta-euro-nowa .contact-form-desc a:hover,
#panel-paleta-euro-nowa-hurt .contact-form-desc a:hover {
    text-decoration: underline;
}
#panel-paleta-euro-nowa .contact-form-right,
#panel-paleta-euro-nowa-hurt .contact-form-right {
    position: relative;
}
#panel-paleta-euro-nowa .contact-form-box,
#panel-paleta-euro-nowa-hurt .contact-form-box {
    background: var(--color-black);
    padding: var(--size-32);
    border-radius: var(--radius-xl);
    margin: 0;
    max-width: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
#panel-paleta-euro-nowa .contact-form-box .contact-form label,
#panel-paleta-euro-nowa-hurt .contact-form-box .contact-form label {
    color: rgba(255, 255, 255, 0.95);
}
#panel-paleta-euro-nowa .contact-form-box .contact-form-field-label,
#panel-paleta-euro-nowa-hurt .contact-form-box .contact-form-field-label,
#panel-paleta-euro-nowa .contact-form-box .contact-form-checkbox-item,
#panel-paleta-euro-nowa-hurt .contact-form-box .contact-form-checkbox-item {
    color: rgba(255, 255, 255, 0.95);
}
#panel-paleta-euro-nowa .contact-form-box .contact-form-checkbox-item input[type="checkbox"],
#panel-paleta-euro-nowa-hurt .contact-form-box .contact-form-checkbox-item input[type="checkbox"] {
    border-color: rgba(255, 255, 255, 0.5);
}
#panel-paleta-euro-nowa .contact-form-box .contact-form-checkbox-item input[type="checkbox"]:hover,
#panel-paleta-euro-nowa-hurt .contact-form-box .contact-form-checkbox-item input[type="checkbox"]:hover {
    border-color: var(--color-accent);
}
#panel-paleta-euro-nowa .contact-form-box .contact-form-checkbox-item input[type="checkbox"]:checked::after,
#panel-paleta-euro-nowa-hurt .contact-form-box .contact-form-checkbox-item input[type="checkbox"]:checked::after {
    border-color: var(--color-bg);
}
#panel-paleta-euro-nowa .contact-form-box .contact-form-checkbox-label,
#panel-paleta-euro-nowa-hurt .contact-form-box .contact-form-checkbox-label {
    color: rgba(255, 255, 255, 0.85);
}
#panel-paleta-euro-nowa .contact-form-box .contact-form-checkbox-label input[type="checkbox"],
#panel-paleta-euro-nowa-hurt .contact-form-box .contact-form-checkbox-label input[type="checkbox"] {
    border-color: rgba(255, 255, 255, 0.5);
}
#panel-paleta-euro-nowa .contact-form-box .contact-form-checkbox-label input[type="checkbox"]:hover,
#panel-paleta-euro-nowa-hurt .contact-form-box .contact-form-checkbox-label input[type="checkbox"]:hover {
    border-color: var(--color-accent);
}
#panel-paleta-euro-nowa .contact-form-box .contact-form-checkbox-label input[type="checkbox"]:checked::after,
#panel-paleta-euro-nowa-hurt .contact-form-box .contact-form-checkbox-label input[type="checkbox"]:checked::after {
    border-color: var(--color-bg);
}
#panel-paleta-euro-nowa .contact-form-box .contact-form-checkbox-label a,
#panel-paleta-euro-nowa-hurt .contact-form-box .contact-form-checkbox-label a {
    color: var(--color-accent);
}
#panel-paleta-euro-nowa .contact-form-box .contact-form-submit-wrap,
#panel-paleta-euro-nowa-hurt .contact-form-box .contact-form-submit-wrap {
    display: flex;
    justify-content: center;
}
#panel-paleta-euro-nowa .contact-form-box .contact-form-submit,
#panel-paleta-euro-nowa-hurt .contact-form-box .contact-form-submit {
    width: auto;
    padding-left: var(--size-48);
    padding-right: var(--size-48);
}
#panel-paleta-euro-nowa-hurt .product-add-block--quote-only {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.6rem;
    margin-top: 2rem;
}
#panel-paleta-euro-nowa-hurt .product-cta.product-cta--quote {
    margin: 0;
}
#quote-request-modal-paleta-hurt .product-cart-modal__dialog {
    max-width: 56rem;
}
#quote-request-modal-paleta-hurt .quote-modal-form {
    margin-top: 0.5rem;
}
#quote-request-modal-paleta-hurt .quote-modal-form .contact-form-row {
    margin-bottom: 1.2rem;
}
#quote-request-modal-paleta-hurt .quote-modal-form label {
    color: var(--color-text);
}
#quote-request-modal-paleta-hurt .quote-modal-form .contact-form-submit-wrap {
    margin-top: 1.6rem;
    justify-content: flex-start;
}

/* Modal: produkt dodany do koszyka (Paleta Euro) */
body.product-cart-modal-open {
    overflow: hidden;
}
.product-cart-modal {
    position: fixed;
    inset: 0;
    z-index: 2400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.4rem;
    box-sizing: border-box;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.38s cubic-bezier(0.25, 0.1, 0.25, 1), visibility 0.38s step-end;
}
.product-cart-modal.is-open {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.38s cubic-bezier(0.25, 0.1, 0.25, 1), visibility 0s step-start;
}
.product-cart-modal__backdrop {
    position: absolute;
    inset: 0;
    background: linear-gradient(165deg, rgba(20, 22, 26, 0.52) 0%, rgba(12, 14, 18, 0.62) 100%);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    opacity: 0;
    transition: opacity 0.4s ease;
}
.product-cart-modal.is-open .product-cart-modal__backdrop {
    opacity: 1;
}
.product-cart-modal__dialog {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 52rem;
    background: var(--color-bg);
    border-radius: var(--radius-xl);
    box-shadow:
        0 4px 6px rgba(14, 14, 19, 0.04),
        0 24px 48px rgba(14, 14, 19, 0.12),
        0 0 0 1px rgba(14, 14, 19, 0.05);
    padding: 3.2rem 3.6rem 3rem;
    box-sizing: border-box;
    transform: translateY(1.2rem) scale(0.985);
    opacity: 0;
    transition:
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.38s ease;
}
.product-cart-modal.is-open .product-cart-modal__dialog {
    transform: translateY(0) scale(1);
    opacity: 1;
}
.product-cart-modal__close {
    position: absolute;
    top: 1.6rem;
    right: 1.6rem;
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 0;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--color-text-muted);
    cursor: pointer;
    transition: color 0.2s ease, background 0.2s ease;
}
.product-cart-modal__close:hover {
    color: var(--color-text);
    background: var(--color-bg-alt);
}
.product-cart-modal__close svg {
    width: 2.2rem;
    height: 2.2rem;
}
.product-cart-modal__top {
    display: flex;
    flex-direction: row;
    gap: 2.4rem;
    align-items: flex-start;
    margin-bottom: 3rem;
    padding-right: 2rem;
}
.product-cart-modal__thumb {
    flex: 0 0 14rem;
    width: 14rem;
    aspect-ratio: 1;
    border-radius: var(--radius-lg);
    overflow: hidden;
    background: var(--color-bg-alt);
    box-shadow: 0 2px 12px rgba(14, 14, 19, 0.06);
}
.product-cart-modal__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.product-cart-modal__intro {
    flex: 1;
    min-width: 0;
    padding-top: 0.4rem;
}
.product-cart-modal__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    margin: 0 0 1.2rem;
    font-size: var(--font-size-caption);
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--color-accent);
}
.product-cart-modal__badge svg {
    flex-shrink: 0;
}
.product-cart-modal__title {
    font-size: var(--font-size-h4);
    font-weight: 600;
    color: var(--color-text);
    margin: 0 0 1rem;
    letter-spacing: -0.02em;
    line-height: 1.2;
}
.product-cart-modal__meta {
    margin: 0;
    font-size: var(--font-size-body-sm);
    color: var(--color-text-muted);
    line-height: 1.55;
    font-weight: 500;
}
.product-cart-modal__meta strong {
    color: var(--color-text);
    font-weight: 600;
}
.product-cart-modal__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1.2rem 2rem;
}
.product-cart-modal__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 5.2rem;
    padding: 0 2.4rem;
    font-family: inherit;
    font-size: var(--font-size-body-sm);
    font-weight: 600;
    letter-spacing: var(--letter-spacing);
    border-radius: var(--radius-md);
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
    transition: background 0.22s ease, color 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}
.product-cart-modal__btn--secondary {
    border: 1px solid rgba(14, 14, 19, 0.18);
    background: #fff;
    color: var(--color-text);
}
.product-cart-modal__btn--secondary:hover {
    border-color: var(--color-text);
    background: var(--color-bg-alt);
}
.product-cart-modal__btn--primary {
    border: none;
    background: var(--color-text);
    color: #fff;
    box-shadow: 0 2px 8px rgba(14, 14, 19, 0.12);
}
.product-cart-modal__btn--primary:hover {
    background: #333;
    color: #fff;
}
@media (max-width: 600px) {
    .product-cart-modal__top {
        flex-direction: column;
        align-items: stretch;
    }
    .product-cart-modal__thumb {
        flex-basis: auto;
        width: 100%;
        max-width: 20rem;
    }
    .product-cart-modal__actions {
        flex-direction: column-reverse;
        align-items: stretch;
    }
    .product-cart-modal__btn {
        width: 100%;
    }
}

/* ===== Hero plain (Sklep, Koszyk, Zamówienie, Moje konto, Certyfikaty, Usługi) – gradient, przezroczysty header, centrowany nagłówek ===== */
.hero-plain-wrap {
    background: radial-gradient(50% 100% at 50% 0%, #FEFEFE 50%, #e6e6e6 100%);
}
.hero-plain-wrap .header {
    background: transparent;
}
#panel-sklep section.hero.hero--plain,
#panel-koszyk section.hero.hero--plain,
#panel-zamowienie section.hero.hero--plain,
#panel-zamowienie-szczegoly section.hero.hero--plain,
#panel-moje-konto section.hero.hero--plain,
#panel-uslugi section.hero.hero--plain,
#panel-certyfikaty section.hero.hero--plain,
#panel-faq section.hero.hero--plain,
#panel-aktualnosci section.hero.hero--plain,
#panel-logowanie section.hero.hero--plain,
#panel-przypomnij-haslo section.hero.hero--plain,
#panel-rejestracja section.hero.hero--plain {
    justify-content: center;
    align-items: center;
}


#panel-moje-konto.hgv-woocommerce-account--login section.hero.hero--plain {
    justify-content: flex-start;
    align-items: center;
}
#panel-sklep .hero-content,
#panel-koszyk .hero-content,
#panel-zamowienie .hero-content,
#panel-zamowienie-szczegoly .hero-content,
#panel-moje-konto .hero-content,
#panel-uslugi .hero-content,
#panel-certyfikaty .hero-content,
#panel-faq .hero-content,
#panel-aktualnosci .hero-content,
#panel-logowanie .hero-content,
#panel-przypomnij-haslo .hero-content,
#panel-rejestracja .hero-content,
#panel-moje-konto.hgv-woocommerce-account--login .hero-content {
    text-align: center;
    align-items: center;
}
#panel-sklep .hero-content h1,
#panel-koszyk .hero-content h1,
#panel-zamowienie .hero-content h1,
#panel-zamowienie-szczegoly .hero-content h1,
#panel-moje-konto .hero-content h1,
#panel-uslugi .hero-content h1,
#panel-certyfikaty .hero-content h1,
#panel-faq .hero-content h1,
#panel-aktualnosci .hero-content h1,
#panel-logowanie .hero-content h1,
#panel-przypomnij-haslo .hero-content h1,
#panel-rejestracja .hero-content h1,
#panel-moje-konto.hgv-woocommerce-account--login .hero-content h1 {
    font-size: var(--font-size-h1);
    font-weight: 300;
    margin-bottom: 2rem;
    opacity: 0.2;
}
#panel-uslugi .hero-content p,
#panel-certyfikaty .hero-content p,
#panel-faq .hero-content p,
#panel-aktualnosci .hero-content p,
#panel-logowanie .hero-content p,
#panel-przypomnij-haslo .hero-content p,
#panel-rejestracja .hero-content p {
    max-width: 42rem;
    margin-left: auto;
    margin-right: auto;
}
/* ===== Usługi – hub (kafle do wszystkich stron usług) ===== */
#panel-uslugi .uslugi-hub-tiles {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3rem;
    width: 82%;
    max-width: 132rem;
    margin: 1rem auto 8rem;
}
#panel-uslugi .uslugi-hub-tiles .tile {
    flex: 0 1 calc((100% - 6rem) / 3);
    max-width: 41rem;
    margin: 0;
}
@media (max-width: 1024px) {
    #panel-uslugi .uslugi-hub-tiles .tile {
        flex-basis: calc((100% - 3rem) / 2);
        max-width: none;
    }
}
@media (max-width: 768px) {
    #panel-uslugi .uslugi-hub-tiles { width: 90%; gap: 2rem; margin-bottom: 5rem; }
    #panel-uslugi .uslugi-hub-tiles .tile { flex-basis: 100%; max-width: 40rem; }
}
/* ===== Sklep – listing e-commerce (styl Porsche) ===== */
.shop-intro { padding: 4rem 0 16rem; }
.shop-intro h2 { font-size: var(--font-size-48); font-weight: 400; margin-bottom: 1.5rem; letter-spacing: -0.02em; }
.shop-intro p { color: var(--color-text-muted); font-size: var(--font-size-body-sm); line-height: 1.5; max-width: 50%;
    margin: 0 auto; font-weight: 600; }
#panel-sklep .shop-intro { text-align: center; margin-left: auto; margin-right: auto; }
#panel-sklep .shop-categories { align-items: center; text-align: center; }
#panel-sklep .shop-category-group { align-items: center; }
#panel-sklep .shop-category-group-btns { justify-content: center; }
.shop-categories { display: flex; flex-direction: column; gap: 5rem; margin-bottom: 6rem; }
.shop-category-group { display: flex; flex-direction: column; gap: 1.5rem; }
.shop-category-group-label { font-size: var(--font-size-caption); font-weight: 600; color: var(--color-text-muted); text-transform: uppercase; letter-spacing: 0.05em; }
.shop-category-group-btns { display: flex; gap: 1.5rem; flex-wrap: wrap; }
.shop-category-btn { display: inline-flex; align-items: center; gap: 1rem; padding: 1.5rem 2.5rem; background: #fff; border: 0.1em solid var(--color-text); border-radius: var(--radius-sm); font: inherit; font-size: var(--font-size-body); font-weight: 500; color: var(--color-text); cursor: pointer; transition: background-color var(--transition), color var(--transition), border-color var(--transition); }
.shop-category-btn:hover { border-color: var(--color-accent); color: var(--color-accent); }
.shop-category-btn.is-active { background: var(--color-text); color: #fff; border-color: var(--color-text); }
.shop-toolbar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 2rem; padding: 2rem 0; border-top: var(--border-subtle); border-bottom: var(--border-subtle); margin-bottom: 4rem; }
.shop-results-count { font-size: var(--font-size-body-sm); color: var(--color-text-muted); }
.shop-filters { display: flex; flex-wrap: wrap; gap: 1.5rem; align-items: center; }
.shop-filter-label { font-size: var(--font-size-caption); color: var(--color-text-muted); }
.shop-filter-select {
    padding: 1rem 3rem 1rem 1.5rem;
    font: inherit;
    font-size: var(--font-size-body-sm);
    border: 1px solid var(--color-bg-alt);
    border-radius: var(--radius-sm);
    background: var(--color-bg-alt) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 1rem center;
    background-size: 1.5rem;
    -webkit-appearance: none;
    appearance: none;
    color: var(--color-text);
    cursor: pointer;
    min-width: 18rem;
}
.shop-filter-select:focus { outline: none; border-color: var(--color-accent); }
.shop-sort { display: flex; align-items: center; gap: 1rem; }
.shop-sort-label { font-size: var(--font-size-caption); color: var(--color-text-muted); }
/* Sklep – listing w stylu Palety Euro (product-related-card) */
/* Globalne `section { max-width: 200rem; margin: 0 auto; }` (style.css) wyśrodkowuje całą sekcję na bardzo szerokich viewportach — wyłączamy to tylko dla listingu produktów, żeby kafelki szły w jednej linii z toolbarem i treścią .page-container. */
#panel-sklep .page-container > section.product-related.shop-product-related {
	max-width: none;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	box-sizing: border-box;
}
#panel-sklep .shop-product-related {
	margin-top: 0;
	padding-top: 2rem;
	border-top: none;
	padding: 4rem 0 6rem;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	position: relative;
	left: auto;
	transform: none;
}
#panel-sklep .shop-product-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	gap: var(--size-24);
	margin-bottom: 0;
}
@media (min-width: 1024px) { #panel-sklep .page-container { padding-left: 2.5%; padding-right: 2.5%; } }
#panel-sklep .shop-product-grid.columns-4 > a.product-related-card {
	flex: 0 0 calc((100% - 3 * var(--size-24)) / 4);
	max-width: calc((100% - 3 * var(--size-24)) / 4);
	min-width: 0;
	box-sizing: border-box;
}
@media (max-width: 1024px) {
	#panel-sklep .shop-product-grid.columns-4 > a.product-related-card {
		flex: 0 0 calc((100% - 1 * var(--size-24)) / 2);
		max-width: calc((100% - 1 * var(--size-24)) / 2);
	}
}
@media (max-width: 600px) {
	#panel-sklep .shop-product-grid.columns-4 > a.product-related-card {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
#panel-sklep .product-related-card { display: flex; flex-direction: column; height: 100%; background: var(--color-bg-alt); box-shadow: 0 2px 12px rgba(14, 14, 19,0.06); transition: box-shadow var(--transition); }
#panel-sklep .product-related-card:hover { box-shadow: 0 8px 24px rgba(14, 14, 19,0.1); }
#panel-sklep .product-related-card .product-related-name { font-size: 3.2rem; }
#panel-sklep .product-related-card .tile-category { background: var(--color-text-muted); color: #fff; }
#panel-sklep .product-related-card-image { position: relative; }
#panel-sklep .product-related-card-image .tile-category { position: absolute; bottom: var(--space-12); right: var(--space-12); margin: 0; z-index: 2; }
#panel-sklep .product-related-card-body { flex: 1; display: flex; flex-direction: column; }
#panel-sklep .product-related-card .product-related-specs { margin: 0; padding-top: 5rem; padding-bottom: 3rem; }
#panel-sklep .product-related-card .product-related-cta { background: var(--color-text); color: #fff; border-radius: var(--radius-sm); }
#panel-sklep .product-related-card-image { border-radius: var(--radius-xl) var(--radius-xl) 0 0; }
.product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem; margin-bottom: 8rem; }
@media (max-width: 1024px) { .product-grid { grid-template-columns: repeat(2, 1fr); gap: 2rem; } }
@media (max-width: 600px) { .product-grid { grid-template-columns: 1fr; } }
.product-card { display: block; color: inherit; background: #fff; border-radius: var(--radius-xl); overflow: hidden; border: 1px solid rgba(14, 14, 19,0.06); transition: box-shadow var(--transition), transform var(--transition); }
.product-card:hover { box-shadow: 0 12px 40px rgba(14, 14, 19,0.08); transform: translateY(-2px); }
.product-card-link { text-decoration: none; color: inherit; display: block; }
.product-card-link:hover { color: var(--color-accent); }
.product-card-image { position: relative; aspect-ratio: 4/3; overflow: hidden; background: var(--color-bg-alt); }
.product-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
.product-card:hover .product-card-image img { transform: scale(1.05); }
.product-card-badge { position: absolute; top: 1.5rem; left: 1.5rem; z-index: 2; }
.product-card-body { padding: 2.5rem; }
.product-card-title { font-size: var(--font-size-h5); font-weight: 400; margin-bottom: 0.75rem; line-height: var(--line-height); letter-spacing: var(--letter-spacing); }
.product-card-spec { font-size: var(--font-size-caption); color: var(--color-text-muted); margin-bottom: 1.5rem; line-height: 1.4; }
.product-card-footer { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.product-card-price { font-size: var(--font-size-h5); font-weight: 600; color: var(--color-text); }
.product-card-price .unit { font-size: var(--font-size-body-sm); font-weight: 400; color: var(--color-text-muted); }
.shop-trust { display: grid; grid-template-columns: repeat(4, 1fr); gap: 3rem; padding: 6rem 0; margin: 6rem 0; border-top: var(--border-subtle); border-bottom: var(--border-subtle); }
@media (max-width: 768px) { .shop-trust { grid-template-columns: repeat(2, 1fr); gap: 2rem; padding: 4rem 0; } }
.shop-trust-item { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 1rem; }
.shop-trust-icon { width: var(--size-48); height: var(--size-48); display: flex; align-items: center; justify-content: center; color: var(--color-accent); }
.shop-trust-icon svg { width: 100%; height: 100%; }
.shop-trust-title { font-size: var(--font-size-body); font-weight: 600; color: var(--color-text); }
.shop-trust-desc { font-size: var(--font-size-caption); color: var(--color-text-muted); line-height: 1.4; }
.pagination { display: flex; justify-content: center; align-items: center; gap: 0.5rem; margin: 6rem 0; flex-wrap: wrap; }
.pagination-btn { display: flex; align-items: center; justify-content: center; min-width: var(--size-40); height: var(--size-40); padding: 0 1rem; border: 1px solid var(--color-bg-alt); background: #fff; border-radius: var(--radius-sm); font: inherit; font-size: var(--font-size-body-sm); color: var(--color-text); cursor: pointer; transition: background-color 0.2s, color 0.2s, border-color 0.2s; text-decoration: none; }
.pagination-btn:hover { border-color: var(--color-accent); color: var(--color-accent); }
.pagination-btn.is-active { background: var(--color-text); color: #fff; border-color: var(--color-text); }
.btn-sm { padding: 1rem 2rem; font-size: var(--font-size-body-sm); }

/* ===== Checkout stepper (Koszyk + Zamówienie) ===== */
.checkout-stepper { margin: 3rem 0 10rem; width: 100%; }
.checkout-stepper__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; justify-content: stretch; width: 100%; }
.checkout-stepper__item {
    flex: 1 1 0; min-width: 0; max-width: 100%; text-align: left;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 2.4rem minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 0;
    row-gap: 1.5rem;
}
/* Pierwszy krok: ta sama siatka co pozostałe (1fr auto 1fr). Lewy segment jest ukryty, ale zostaje w komórce – inaczej 0fr + brak segmentu przesuwało kółko w lewo i powiększało odstęp do kroku 2 */
.checkout-stepper__item:first-child .checkout-stepper__seg--left {
    visibility: hidden;
    pointer-events: none;
}
@media (max-width: 900px) {
    .checkout-stepper__list { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 0.5rem; -webkit-overflow-scrolling: touch; }
    .checkout-stepper__item { flex: 0 0 min(22rem, 85vw); }
}
.checkout-stepper__seg { height: 1px; border-radius: 1px; align-self: center; width: 100%; min-width: 0; }
.checkout-stepper__seg--left { grid-column: 1; grid-row: 1; }
.checkout-stepper__seg--right { grid-column: 3; grid-row: 1; }
.checkout-stepper__item:last-child .checkout-stepper__seg--right { display: none; }
.checkout-stepper__seg--solid { background: var(--color-text); }
.checkout-stepper__seg--muted { background: rgba(26, 26, 26, 0.14); }
.checkout-stepper__marker { grid-column: 2; grid-row: 1; align-self: center; justify-self: start; width: 2.4rem; height: 2.4rem; border-radius: 50%; box-sizing: border-box; }
.checkout-stepper__marker--complete { display: flex; align-items: center; justify-content: center; background: var(--color-text); color: #fff; }
.checkout-stepper__marker--complete svg { display: block; stroke: #fff; }
.checkout-stepper__marker--current { position: relative; border: 2px solid var(--color-text); background: var(--color-bg); }
.checkout-stepper__marker--current::after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 1rem; height: 1rem; border-radius: 50%; background: var(--color-text); }
.checkout-stepper__marker--upcoming { background: var(--color-text); opacity: 0.28; }
.checkout-stepper__label { grid-column: 2 / -1; grid-row: 2; display: flex; flex-direction: column; align-items: flex-start; gap: 0.35rem; width: 100%; box-sizing: border-box; min-width: 0; text-align: left; }
.checkout-stepper__step { font-size: var(--font-size-caption); color: var(--color-text-muted); font-weight: 400; line-height: 1.2; max-width: 100%; }
.checkout-stepper__title { font-size: var(--font-size-body-sm); font-weight: 600; color: var(--color-text); line-height: 1.25; max-width: 100%; overflow-wrap: break-word; word-wrap: break-word; hyphens: manual; }
.checkout-stepper__status { font-size: var(--font-size-caption); font-weight: 500; line-height: 1.2; }
.checkout-stepper__status--complete { color: #15803d; }
.checkout-stepper__status--current { color: var(--color-accent); }
.checkout-stepper__status--pending { color: var(--color-text-muted); }

/* ===== Koszyk ===== */
#panel-koszyk .page-container { min-height: 50vh; }
.cart-continue-wrap { display: flex; justify-content: center; width: 100%; margin-top: 3rem; margin-bottom: 10rem; }
.cart-main-col { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; width: 100%; }
#panel-koszyk .cart-main-col .cart-continue-wrap {
    justify-content: flex-start;
    margin-top: 2.4rem;
    margin-bottom: 0;
}
#panel-zamowienie .order-form-wrap .cart-continue-wrap {
    justify-content: flex-start;
    margin-top: 2.4rem;
    margin-bottom: 0;
}
#panel-zamowienie-szczegoly .order-form-wrap .cart-continue-wrap {
    justify-content: flex-start;
    margin-top: 2.4rem;
    margin-bottom: 0;
}
#panel-koszyk .checkout-stepper { margin-top: 0; margin-bottom: 10rem; }
#panel-zamowienie .checkout-stepper { margin-top: 0; margin-bottom: 10rem; }
#panel-zamowienie-szczegoly .checkout-stepper { margin-top: 0; margin-bottom: 10rem; }
#panel-zamowienie-szczegoly .page-container { min-height: 40vh; }
#panel-moje-konto .page-container { min-height: 50vh; }
#panel-moje-konto .account-shop-link-wrap {
    margin-top: 5rem;
    margin-bottom: 2rem;
    display: flex;
    justify-content: flex-start;
    width: 100%;
    box-sizing: border-box;
}

/* Szczegóły zamówienia (krok 4) – meta, tylko do odczytu */
.order-detail-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem 4rem;
    margin-bottom: 5rem;
    padding-bottom: 3rem;
    border-bottom: var(--border-subtle);
}
.order-detail-meta-block { display: flex; flex-direction: column; gap: 0.5rem; min-width: 0; }
.order-detail-meta-label { font-size: var(--font-size-caption); color: var(--color-text-muted); font-weight: 500; text-transform: uppercase; letter-spacing: 0.04em; }
.order-detail-meta-value { font-size: var(--font-size-h5); font-weight: 600; color: var(--color-text); letter-spacing: -0.02em; }
.order-detail-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1.25rem;
    border-radius: 999px;
    font-size: var(--font-size-caption);
    font-weight: 600;
    background: rgba(21, 128, 61, 0.12);
    color: #15803d;
}
.order-detail-badge--muted {
    background: var(--color-bg-alt);
    color: var(--color-text-muted);
}
.order-detail-intro {
    font-size: var(--font-size-body);
    color: var(--color-text-muted);
    max-width: 52rem;
    margin: 0 0 4rem;
    line-height: 1.55;
}
.order-detail-address-box {
    padding: 3rem 2.5rem;
    background: var(--color-bg-alt);
    border-radius: var(--radius-xl);
    font-size: var(--font-size-body-sm);
    line-height: 1.6;
    color: var(--color-text);
}
.order-detail-address-box p { margin: 0 0 0.75rem; }
.order-detail-address-box p:last-child { margin-bottom: 0; }
.cart-item--readonly {
    padding-top: 3rem;
    padding-bottom: 3rem;
    grid-template-columns: 12rem 1fr auto auto;
}
.cart-item--readonly .cart-item-remove { display: none; }
.cart-item--readonly .cart-item-qty input { display: none; }
@media (max-width: 768px) {
    .cart-item--readonly { grid-template-columns: 8rem 1fr; }
}
.cart-item-qty-static { font-size: var(--font-size-body-sm); color: var(--color-text-muted); font-weight: 500; }
.order-detail-actions { display: flex; flex-wrap: wrap; gap: 1.5rem; margin-top: 3rem; align-items: center; }
.order-detail-actions .btn-primary { flex: 1 1 auto; min-width: 18rem; text-align: center; box-sizing: border-box; }
.order-detail-actions .btn-secondary-outline {
    flex: 1 1 auto;
    min-width: 18rem;
    text-align: center;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem 2.5rem;
    border: 1px solid var(--color-text);
    border-radius: var(--radius-sm);
    font: inherit;
    font-size: var(--font-size-body-sm);
    font-weight: 600;
    color: var(--color-text);
    background: transparent;
    text-decoration: none;
    cursor: pointer;
    transition: opacity 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.order-detail-actions .btn-secondary-outline:hover { opacity: 0.85; border-color: var(--color-accent); color: var(--color-accent); }
.cart-page-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 2rem 3rem; margin-bottom: 4rem; }
.cart-page-title { font-size: var(--font-size-h3); font-weight: 400; margin-bottom: 4rem; letter-spacing: -0.02em; }
.cart-page-head .cart-page-title { margin-bottom: 0; }
.cart-layout { display: grid; grid-template-columns: minmax(0, 1fr) 45rem; gap: 3rem 8rem; align-items: start; margin-bottom: 4rem; }
@media (max-width: 1024px) { .cart-layout { grid-template-columns: 1fr; } .cart-summary { max-width: none; } }
.cart-items { display: flex; flex-direction: column; gap: 0; margin-bottom: 0; overflow: hidden; border-top: var(--border-regular); border-bottom: var(--border-regular); }
.cart-item { display: grid; grid-template-columns: 12rem 1fr auto auto auto; gap: 2rem 3rem; align-items: center; padding: 4rem 2rem; border-bottom: var(--border-regular); }
.cart-item:last-child { border-bottom: none; }
@media (max-width: 768px) { .cart-item { grid-template-columns: 8rem 1fr; gap: 1rem 1.5rem; } .cart-item-qty { grid-column: 2; } .cart-item-price { grid-column: 2; } .cart-item-remove { grid-column: 2; justify-self: end; } }
.cart-item-image { aspect-ratio: 4/3; overflow: hidden; border-radius: var(--radius-md); background: var(--color-bg-alt); }
.cart-item-image img { width: 100%; height: 100%; object-fit: cover; }
.cart-item-info { min-width: 0; }
.cart-item-title { font-size: var(--font-size-h5); font-weight: 400; margin-bottom: 0.25rem; }
.cart-item-spec { font-size: var(--font-size-caption); color: var(--color-text-muted); }
.cart-item-price { font-size: var(--font-size-body); font-weight: 600; white-space: nowrap; }
.cart-item-qty { display: flex; align-items: center; gap: 0.5rem; }
.cart-item-qty input { width: 7rem; padding: 0.75rem; text-align: center; border: 1px solid var(--color-text); border-radius: var(--radius-sm); font: inherit; }
.cart-item-remove { padding: 0.75rem; border: none; background: transparent; color: var(--color-text-muted); cursor: pointer; border-radius: var(--radius-sm); transition: color 0.2s; }
.cart-item-remove:hover { color: #dc2626; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.cart-summary { width: 100%; max-width: 45rem; margin-left: 0; padding: 5rem 3rem; background: var(--color-bg-alt); border-radius: var(--radius-xl); }
.cart-summary-row { display: flex; justify-content: space-between; margin-bottom: 1.5rem; font-size: var(--font-size-body); }
.cart-summary-row.cart-total { font-size: var(--font-size-h4); font-weight: 600; margin-top: 2rem; padding-top: 2rem; border-top: var(--border-subtle); }
.cart-actions { display: flex; flex-direction: column; gap: 2rem; margin-top: 3rem; align-items: stretch; }
.cart-actions .btn-primary { width: 100%; box-sizing: border-box; }
.cart-action-continue { display: inline-flex; align-items: center; gap: 0.75rem; padding: 0; border: none; background: transparent; color: var(--color-text); font-family: var(--font-main); font-size: var(--font-size-body-sm); font-weight: 600; letter-spacing: var(--letter-spacing); text-decoration: none; cursor: pointer; transition: opacity 0.2s ease; flex-shrink: 0; }
.cart-action-continue:hover { opacity: 0.75; }
.cart-action-continue svg { flex-shrink: 0; }
.cart-empty-box { text-align: center; padding: 8rem 2rem; background: var(--color-bg-alt); border-radius: var(--radius-xl); }
.cart-empty-box h3 { font-size: var(--font-size-h4); font-weight: 400; margin-bottom: 1rem; }
.cart-empty-box p { color: var(--color-text-muted); margin-bottom: 2rem; }

/* ===== Zamówienie (checkout) ===== */
.order-layout { display: grid; grid-template-columns: minmax(0, 1fr) 45rem; gap: 3rem 10rem; align-items: start; margin-bottom: 4rem; }
@media (max-width: 1024px) { .order-layout { grid-template-columns: 1fr; } }
.order-summary-box { position: sticky; top: 2rem; padding: 5rem 3rem; background: var(--color-bg-alt); border-radius: var(--radius-xl); }
.order-summary-title { font-size: var(--font-size-h5); font-weight: 600; margin-bottom: 5rem; }
.order-summary-item { display: flex; justify-content: space-between; margin-bottom: 1rem; font-size: var(--font-size-body-sm); }
.order-summary-divider { border-top: var(--border-subtle); margin: 1.5rem 0; }
.order-summary-total { font-size: var(--font-size-h5); font-weight: 600; display: flex; justify-content: space-between; }
.order-summary-consent { margin-top: 2.5rem; }
.order-summary-box .contact-form-checkbox-label { color: var(--color-text-muted); }
.order-form-section { margin-bottom: 6rem; padding: 0; }
/* Nagłówki sekcji jak .label--solid na Palecie Euro; .order-form-section h3 nadpisuje .label bez wyższej specyficzności */
.order-form-section h3.label.label--solid.label--checkout {
    font-size: var(--font-size-body-sm);
    font-weight: 400;
    letter-spacing: var(--letter-spacing);
    line-height: 1;
    padding: 0.75rem 0.6rem;
    border-radius: var(--radius-sm);
    display: inline-block;
    width: fit-content;
    white-space: nowrap;
    background: #5c5c5c;
    color: var(--color-bg);
    margin-bottom: 3rem;
}
.order-form .contact-form-field { margin-bottom: 2rem; }
.order-form .contact-form-field-label { display: block; font-size: var(--font-size-body-sm); color: var(--color-text-muted); margin-bottom: 0.5rem; }
.order-form input:not([type="radio"]), .order-form select, .order-form textarea { width: 100%; padding: 2rem 1.5rem; border: 1px solid var(--color-text); border-radius: var(--radius-sm); font: inherit; }
.order-form input:focus, .order-form select:focus, .order-form textarea:focus { outline: none; border-color: var(--color-accent); }
.order-form input[type="radio"]:focus-visible + .order-radio__control {
    outline: 2px solid var(--color-accent);
    outline-offset: 2px;
}
.order-radio-list { display: flex; flex-direction: column; gap: 1.25rem; margin-top: 0.5rem; }
/* .contact-form label ma color: var(--color-bg) (jasny) – na stronie zamówienia tło jest jasne; bez tego tekst jest niewidoczny */
.order-form.contact-form label.order-radio {
    color: var(--color-text);
}
.order-radio {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    cursor: pointer;
    font-size: var(--font-size-body);
    line-height: 1.4;
    margin: 0;
}
.order-radio__text {
    color: inherit;
    font-size: var(--font-size-body);
}
/* .contact-form input { width: 100% } nadpisuje ukryte radio – nie może rozciągać pola */
.order-form.contact-form input.order-radio__input[type="radio"] {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    opacity: 0;
    background: transparent;
    cursor: pointer;
}
.order-radio__control {
    position: relative;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: 1px solid var(--color-text);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.order-radio__icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    display: block;
    opacity: 0;
    pointer-events: none;
    color: var(--color-text);
}
.order-radio__icon path {
    fill: none;
    stroke: currentColor;
}
.order-radio__input:checked + .order-radio__control {
    background: var(--color-text);
    border-color: var(--color-text);
}
.order-radio__input:checked + .order-radio__control .order-radio__icon {
    opacity: 1;
    color: var(--color-bg);
}
.order-delivery-payment-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem 4rem;
    align-items: start;
    margin-bottom: 2rem;
}
.order-delivery-payment-row .contact-form-field {
    margin-bottom: 0;
}
@media (max-width: 900px) {
    .order-delivery-payment-row {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}

/* ===== Aktualności, Kontakt, Certyfikaty, Usługi, Auth, 404 ===== */
.page-breadcrumb { font-size: var(--font-size-caption); color: var(--color-text-muted); margin: 3rem 0 2rem; }
.page-breadcrumb a { color: var(--color-text-muted); text-decoration: none; }
.page-breadcrumb a:hover { color: var(--color-accent); }
.page-breadcrumb-home { display: inline-flex; align-items: center; vertical-align: middle; line-height: 1; }
.page-breadcrumb-home svg { display: block; }

/* Certyfikaty – siatka dokumentów (jak homepage.html / #panel-certyfikaty) */
#panel-certyfikaty .cert-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2rem;
    margin: 5rem 0 4rem;
    align-items: stretch;
}
#panel-certyfikaty .cert-card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    text-align: left;
    padding: 0;
    background: var(--color-bg-alt);
    border: var(--border-subtle);
    border-radius: var(--radius-lg);
    box-sizing: border-box;
    min-width: 0;
    transition: box-shadow 0.2s;
    overflow: hidden;
}
#panel-certyfikaty .cert-card:hover {
    box-shadow: 0 4px 20px rgba(14, 14, 19, 0.06);
}
#panel-certyfikaty .cert-card-preview {
    margin: 0;
    aspect-ratio: 210 / 297;
    width: 100%;
    max-height: min(88vh, 56rem);
    background: #fff;
    border-bottom: var(--border-subtle);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}
#panel-certyfikaty .cert-card-preview--pdf {
    max-height: min(92vh, 58rem);
}
#panel-certyfikaty .cert-card-preview img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
    opacity: 0.94;
}
#panel-certyfikaty .cert-card-preview-frame {
    width: 100%;
    height: 100%;
    min-height: 0;
    border: 0;
    display: block;
    background: #f0f0f0;
}
#panel-certyfikaty .cert-card-preview--pdf .cert-card-preview-fallback {
    position: absolute;
    inset: 0;
    object-fit: contain;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
}
#panel-certyfikaty .cert-card-preview--pdf.is-pdf-fallback .cert-card-preview-frame {
    display: none;
}
#panel-certyfikaty .cert-card-preview--pdf.is-pdf-fallback .cert-card-preview-fallback {
    opacity: 1;
    pointer-events: auto;
}
#panel-certyfikaty .cert-card-body {
    padding: 2.5rem 2.5rem 0;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}
#panel-certyfikaty .cert-card-title {
    font-size: var(--font-size-h4);
    font-weight: 400;
    margin: 0 0 0.75rem;
    color: var(--color-text);
}
#panel-certyfikaty .cert-card-desc {
    font-size: var(--font-size-body);
    color: var(--color-text-muted);
    line-height: 1.5;
    margin: 0 0 2rem;
    flex-grow: 1;
}
#panel-certyfikaty .cert-card .btn {
    align-self: stretch;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    width: auto;
    margin: auto 2.5rem 2.5rem;
    box-sizing: border-box;
}
#panel-certyfikaty .cert-card .btn svg {
    flex-shrink: 0;
    color: inherit;
}
@media (max-width: 1024px) {
    #panel-certyfikaty .cert-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 48rem) {
    #panel-certyfikaty .cert-grid {
        grid-template-columns: 1fr;
    }
}

#panel-aktualnosci .cart-page-title {
    font-size: var(--font-size-h2);
    font-weight: 300;
    margin-bottom: 4rem;
    letter-spacing: -0.02em;
    margin-top: 8rem;
    color: var(--color-text-muted);
}
.news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem; margin: 4rem 0; }
@media (max-width: 1024px) { .news-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .news-grid { grid-template-columns: 1fr; } }
.news-card { display: block; background: #fff; border-radius: var(--radius-xl); overflow: hidden; border: var(--border-subtle); transition: box-shadow 0.2s; }
.news-card:hover { box-shadow: 0 8px 30px rgba(14, 14, 19,0.08); }
.news-card-image { aspect-ratio: 16/10; overflow: hidden; background: var(--color-bg-alt); }
.news-card-image img { width: 100%; height: 100%; object-fit: cover; }
.news-card-body { padding: 2rem; }
.news-card-date { font-size: var(--font-size-caption); color: var(--color-text-muted); margin-bottom: 0.5rem; }
.news-card-title { font-size: var(--font-size-h5); font-weight: 400; margin-bottom: 1rem; margin-top: 2rem; line-height: 1.1; }
.news-card-excerpt { font-size: var(--font-size-body); color: var(--color-text-muted); line-height: 1.3; }
/* Aktualności – karty: przycisk „Czytaj wpis” przy dolnej krawędzi .news-card-body */
#panel-aktualnosci .news-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}
#panel-aktualnosci .news-card-body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
}
/* Aktualności – link „Czytaj wpis” jak #panel-usluga-logistyka .logistyka-sortowanie__internal-link */
#panel-aktualnosci .news-card .logistyka-sortowanie__internal-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    white-space: nowrap;
    margin-top: auto;
    padding-top: 4rem;
    font-size: var(--font-size-caption);
    color: var(--color-black);
    text-decoration: underline;
    text-underline-offset: 0.15em;
    font-weight: 500;
}
#panel-aktualnosci .news-card .logistyka-sortowanie__internal-link:hover {
    color: var(--color-text);
}
#panel-aktualnosci .news-card .logistyka-sortowanie__internal-link svg {
    flex-shrink: 0;
    display: block;
    width: 16px;
    height: 16px;
}
/* Aktualności – wpis wyróżniony (zamiast hero): jak .tile + strzałka jak .tiles-6 .tile-overlay */
#panel-aktualnosci .news-featured-outer {
    padding-top: 5rem;
    padding-bottom: 0;
    margin-bottom: 0;
}
#panel-aktualnosci .news-featured {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: var(--radius-xl);
    text-decoration: none;
    color: inherit;
    aspect-ratio: 16 / 9;
    min-height: 28rem;
    max-height: 85rem;
    width: 100%;
}
#panel-aktualnosci .news-featured img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
#panel-aktualnosci .news-featured:hover img {
    transform: scale(1.08);
}
#panel-aktualnosci .news-featured-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    background: linear-gradient(to top, rgba(14, 14, 19, 0.88) 0%, rgba(14, 14, 19, 0.35) 45%, transparent 72%);
    padding: 7rem;
    box-sizing: border-box;
    gap: 4rem;
}
#panel-aktualnosci .news-featured-overlay > * {
    position: relative;
    z-index: 1;
}
#panel-aktualnosci .news-featured-overlay::after {
    content: '';
    position: absolute;
    right: 7rem;
    bottom: 7rem;
    width: var(--size-15);
    height: var(--size-15);
    background: var(--icon-arrow-corner-sm) no-repeat center;
    background-size: contain;
    opacity: 0;
    z-index: 1;
    pointer-events: none;
    transition: opacity 0.5s ease-in-out;
}
#panel-aktualnosci .news-featured:hover .news-featured-overlay::after {
    opacity: 1;
}
/* Pozycja daty = padding overlay (7rem); tło: .label.label--glass.tile-category */
#panel-aktualnosci .news-featured-date {
    position: absolute;
    top: 7rem;
    left: 7rem;
    z-index: 2;
}
#panel-aktualnosci .news-featured-title {
    margin: 0;
    max-width: 55ch;
    font-size: var(--font-size-h3);
    font-weight: 400;
    line-height: var(--line-height);
    color: var(--color-bg);
}
/* Jak .hero .btn-primary (obrys, bez wypełnienia) */
#panel-aktualnosci .news-featured .btn.btn-primary {
    align-self: flex-start;
    pointer-events: none;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 1.5rem 3rem;
    position: relative;
    width: auto;
    min-width: auto;
    min-height: auto;
    height: auto;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.95);
    border-radius: var(--radius-sm);
    color: #ffffff;
    font-weight: 400;
    letter-spacing: 0.02em;
    filter: none;
}
#panel-aktualnosci .news-featured:hover .btn.btn-primary {
    background: rgba(255, 255, 255, 0.06);
    border-color: #ffffff;
    filter: none;
}
@media (max-width: 1024px) {
    #panel-aktualnosci .news-featured img {
        transition: none;
        transform: none;
    }
    #panel-aktualnosci .news-featured:hover img {
        transform: none;
    }
}
@media (max-width: 768px) {
    #panel-aktualnosci .news-featured {
        aspect-ratio: 4 / 3;
        min-height: 0;
        max-height: none;
    }
    #panel-aktualnosci .news-featured-overlay {
        padding: 7rem;
    }
    #panel-aktualnosci .news-featured-date {
        top: 7rem;
        left: 7rem;
    }
    #panel-aktualnosci .news-featured-title {
        font-size: var(--font-size-h4);
    }
    #panel-aktualnosci .news-featured-overlay::after {
        right: 7rem;
        bottom: 7rem;
    }
    #panel-aktualnosci .news-featured .btn.btn-primary {
        width: 100%;
        max-width: none;
        padding: 1.5rem 3rem;
    }
}
/* Usługi – siatka jak .tiles-6 (Oferta produktowa), ten sam hover */
#panel-uslugi .tiles-6-wrap { margin-top: 0; margin-bottom: var(--spacing-section-xl); }
/* Duże ekrany: max szerokość tylko Usługi – .tiles-6-wrap jest tu bezpośrednio w panelu.
   Na str. głównej .tiles-6-wrap jest w section.section-tiles-3 (padding 8%): nadpisanie
   width:100% + margin:auto zrywało breakout 100vw i zostawiało bardzo wąską kolumnę. */
@media (min-width: 1921px) {
    #panel-uslugi .tiles-6-wrap {
        max-width: 1920px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}
/* Usługi – tytuł w .tile-overlay nad <p>, odstęp 2rem do akapitu */
#panel-uslugi .tiles-6 .tile-overlay {
    gap: 0;
}
#panel-uslugi .tiles-6-slide .tiles-6-tile-title {
    position: static;
    transform: none;
    left: auto;
    top: auto;
    width: auto;
    max-width: 32ch;
    margin: 0 0 2rem 0;
    padding: 0;
    text-align: left;
    align-self: flex-start;
    z-index: 1;
    color: #fff;
    font-size: var(--font-size-h3);
}
#panel-uslugi .tiles-6 .tile-overlay p {
    margin-top: 0;
}
.contact-map-wrap { min-height: 35rem; background: var(--color-bg-alt); border-radius: var(--radius-xl); margin-bottom: 4rem; display: flex; align-items: center; justify-content: center; }
.contact-map-wrap iframe {
    width: 100%;
    min-height: 35rem;
    border: 0;
    border-radius: var(--radius-xl);
}
#panel-kontakt .contact-map-placeholder {
    margin: 0;
    padding: 2rem;
    text-align: center;
    color: var(--color-text-muted);
    font-size: var(--font-size-body-sm);
}
#panel-kontakt .hgv-contact-notice {
    margin: 0 0 3rem;
    padding: 2rem 2.5rem;
    border-radius: var(--radius-md);
    font-size: var(--font-size-body-sm);
    line-height: 1.5;
}
#panel-kontakt .hgv-contact-notice--success {
    background: rgba(5, 126, 213, 0.08);
    border: 1px solid rgba(5, 126, 213, 0.25);
    color: var(--color-text);
}
#panel-kontakt .hgv-contact-notice--error {
    background: rgba(220, 38, 38, 0.06);
    border: 1px solid rgba(220, 38, 38, 0.2);
    color: var(--color-text);
}
/* Tel / e-mail: jak zwykły tekst w bloku (bez akcentu linku). */
#panel-kontakt .contact-form-desc a,
#panel-kontakt .contact-form-desc a:visited {
    color: inherit;
    text-decoration: none;
}
#panel-kontakt .contact-form-desc a:hover {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 0.15em;
}
.auth-page-wrap { max-width: 49.5rem; margin: 0 auto; padding: 6rem 2rem; }

/* WooCommerce Moje konto (niezalogowany) — grid jak #panel-logowanie */
#panel-moje-konto.hgv-woocommerce-account--login {
    display: grid;
    grid-template-rows: auto auto;
    align-items: stretch;
    width: 100%;
    max-width: none;
    margin-top: 0;
    box-sizing: border-box;
    background: transparent;
}

body.woocommerce-account:not(.logged-in) #panel-moje-konto.main-content {
    margin-top: 0;
}

body.woocommerce-account:not(.logged-in) #content .woocommerce,
body.woocommerce-account:not(.logged-in) #content {
    max-width: none;
    padding: 0;
    margin: 0;
}

#panel-moje-konto.hgv-woocommerce-account--login .hgv-account-hero-plain-wrap.hero-plain-wrap {
    background: radial-gradient(50% 100% at 50% 0%, #fefefe 50%, #e6e6e6 100%);
}

/* Logowanie / przypomnij / rejestracja: boks z gradientem nachodzi na hero (ujemny margin-top) */
/* Grid + min-height TYLKO gdy panel ma .is-active. Reguła typu #panel-logowanie.main-content { display: grid }
   nadpisywała inline style="display:none" i pokazywała wszystkie 3 panele auth naraz. */
#panel-logowanie.design-panel.is-active,
#panel-przypomnij-haslo.design-panel.is-active,
#panel-rejestracja.design-panel.is-active {
    margin-top: 0;
    min-height: 100vh;
    min-height: 100dvh;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    align-items: stretch;
    width: 100%;
    box-sizing: border-box;
}
#panel-logowanie .hero-plain-wrap > section.hero.hero--plain,
#panel-przypomnij-haslo .hero-plain-wrap > section.hero.hero--plain,
#panel-rejestracja .hero-plain-wrap > section.hero.hero--plain,
#panel-moje-konto.hgv-woocommerce-account--login .hero-plain-wrap > section.hero.hero--plain {
    margin-bottom: 0;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: clamp(4rem, 7vw, 8rem);   /* odstęp nad tytułem Logowanie/Rejestracja (spójnie login+rejestracja) */
    padding-bottom: 10rem;
}
#panel-logowanie > .footer,
#panel-przypomnij-haslo > .footer,
#panel-rejestracja > .footer {
    margin-top: 0;
}
#panel-logowanie .auth-page-wrap,
#panel-przypomnij-haslo .auth-page-wrap,
#panel-rejestracja .auth-page-wrap {
    position: relative;
    z-index: 2;
    align-self: start;
    justify-self: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: min(58rem, calc(100% - 3rem));
    max-width: 58rem;
    margin: -8rem auto 24rem;
    padding: 5rem 5rem 8rem 5rem;
    box-sizing: border-box;
    min-height: 52rem;
    border-radius: var(--radius-xl);
    border: var(--border-subtle);
    background: radial-gradient(258.99% 134.44% at 50% 100%, #ececec 0%, #ffffff 100%);
    box-shadow: 0 4px 26.9px 0 rgba(140, 140, 140, 0.25);
}
/* WooCommerce Moje konto (niezalogowany): karta poniżej tytułu, bez nachodzenia na „Logowanie” */
#panel-moje-konto.hgv-woocommerce-account--login .auth-page-wrap {
    position: relative;
    z-index: 2;
    align-self: start;
    justify-self: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: min(58rem, calc(100% - 3rem));
    max-width: 58rem;
    margin: clamp(3rem, 5vw, 6rem) auto 24rem;
    padding: 5rem 5rem 8rem 5rem;
    box-sizing: border-box;
    min-height: 52rem;
    border-radius: var(--radius-xl);
    border: var(--border-subtle);
    background: radial-gradient(258.99% 134.44% at 50% 100%, #ececec 0%, #ffffff 100%);
    box-shadow: 0 4px 26.9px 0 rgba(140, 140, 140, 0.25);
}
/* Rejestracja: szerszy boks formularza (~+10% względem 58rem) */
#panel-rejestracja .auth-page-wrap {
    width: min(calc(58rem * 1.1), calc(100% - 3rem));
    max-width: calc(58rem * 1.1);
}
@media (max-width: 768px) {
    #panel-logowanie .auth-page-wrap,
    #panel-przypomnij-haslo .auth-page-wrap,
    #panel-rejestracja .auth-page-wrap {
        margin-top: -8rem;
        width: min(100%, calc(100% - 2.5rem));
        max-width: none;
        padding: 3.5rem 2.5rem 7rem 2.5rem;
        min-height: auto;
    }
    #panel-moje-konto.hgv-woocommerce-account--login .auth-page-wrap {
        margin-top: clamp(2rem, 4vw, 3.5rem);
        width: min(100%, calc(100% - 2.5rem));
        max-width: none;
        padding: 3.5rem 2.5rem 7rem 2.5rem;
        min-height: auto;
    }
    #panel-logowanie .auth-page-wrap .contact-form .btn.btn-primary,
    #panel-przypomnij-haslo .auth-page-wrap .contact-form .btn.btn-primary,
    #panel-rejestracja .auth-page-wrap .contact-form .btn.btn-primary,
    #panel-moje-konto.hgv-woocommerce-account--login .auth-page-wrap .contact-form .btn.btn-primary,
    #panel-moje-konto.hgv-woocommerce-account--login .auth-page-wrap .woocommerce-form-login__submit {
        min-width: min(100%, 36rem);
        padding-left: 3rem;
        padding-right: 3rem;
    }
    #panel-logowanie .hero-plain-wrap > section.hero.hero--plain,
    #panel-przypomnij-haslo .hero-plain-wrap > section.hero.hero--plain,
    #panel-rejestracja .hero-plain-wrap > section.hero.hero--plain,
    #panel-moje-konto.hgv-woocommerce-account--login .hero-plain-wrap > section.hero.hero--plain {
        padding-top: 0;
        padding-bottom: 8rem;
    }
}
#panel-logowanie .auth-page-brand,
#panel-przypomnij-haslo .auth-page-brand,
#panel-rejestracja .auth-page-brand,
#panel-moje-konto.hgv-woocommerce-account--login .auth-page-brand {
    text-align: center;
    margin-bottom: 5rem;
}
#panel-logowanie .auth-page-logo,
#panel-przypomnij-haslo .auth-page-logo,
#panel-rejestracja .auth-page-logo,
#panel-moje-konto.hgv-woocommerce-account--login .auth-page-logo {
    height: 3.6rem;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    object-fit: contain;
    filter: brightness(0);
    opacity: 0.88;
}
#panel-logowanie .auth-page-wrap .contact-form-field-label,
#panel-przypomnij-haslo .auth-page-wrap .contact-form-field-label,
#panel-rejestracja .auth-page-wrap .contact-form-field-label,
#panel-moje-konto.hgv-woocommerce-account--login .auth-page-wrap .contact-form-field-label {
    display: block;
    font-size: var(--font-size-body-sm);
    margin-bottom: 0.5rem;
    color: var(--color-text);
}
#panel-logowanie .auth-page-wrap .contact-form input,
#panel-przypomnij-haslo .auth-page-wrap .contact-form input,
#panel-rejestracja .auth-page-wrap .contact-form input,
#panel-moje-konto.hgv-woocommerce-account--login .auth-page-wrap .contact-form input {
    background: var(--color-bg);
    border-color: rgba(14, 14, 19, 0.12);
    color: var(--color-text);
}
#panel-logowanie .auth-page-wrap .contact-form input:focus,
#panel-przypomnij-haslo .auth-page-wrap .contact-form input:focus,
#panel-rejestracja .auth-page-wrap .contact-form input:focus {
    outline: none;
    border-color: var(--color-accent);
}
/* .contact-form jest kolumną flex z domyślnym align-items: stretch — przycisk rozciągał się na 100% */
#panel-logowanie .auth-page-wrap .contact-form .btn.btn-primary,
#panel-przypomnij-haslo .auth-page-wrap .contact-form .btn.btn-primary,
#panel-rejestracja .auth-page-wrap .contact-form .btn.btn-primary,
#panel-moje-konto.hgv-woocommerce-account--login .auth-page-wrap .contact-form .btn.btn-primary,
#panel-moje-konto.hgv-woocommerce-account--login .auth-page-wrap .woocommerce-form-login__submit {
    align-self: center;
    width: auto;
    min-width: min(100%, 36rem);
    max-width: 100%;
    box-sizing: border-box;
    padding-left: 5rem;
    padding-right: 5rem;
    margin-top: 2rem;
    margin-bottom: 4rem;
    background: var(--color-text);
    color: #fff;
    border: none;
}
#panel-logowanie .auth-page-wrap .contact-form > .auth-page-links,
#panel-przypomnij-haslo .auth-page-wrap .contact-form > .auth-page-links,
#panel-moje-konto.hgv-woocommerce-account--login .auth-page-wrap .contact-form > .auth-page-links {
    margin-top: 0;
    margin-bottom: 0;
}
#panel-logowanie .auth-page-links,
#panel-przypomnij-haslo .auth-page-links,
#panel-rejestracja .auth-page-links,
#panel-moje-konto.hgv-woocommerce-account--login .auth-page-links {
    margin-top: 2rem;
    text-align: center;
    font-size: var(--font-size-body-sm);
    color: var(--color-text-muted);
}
#panel-logowanie .auth-page-links a,
#panel-przypomnij-haslo .auth-page-links a,
#panel-rejestracja .auth-page-links a,
#panel-moje-konto.hgv-woocommerce-account--login .auth-page-links a {
    color: var(--color-accent);
}
#panel-logowanie .auth-page-links a:hover,
#panel-przypomnij-haslo .auth-page-links a:hover,
#panel-rejestracja .auth-page-links a:hover {
    text-decoration: underline;
}
#panel-logowanie .auth-page-wrap > .auth-page-links--register,
#panel-przypomnij-haslo .auth-page-wrap > .auth-page-links--register,
#panel-rejestracja .auth-page-wrap > .auth-page-links--register,
#panel-moje-konto.hgv-woocommerce-account--login .auth-page-wrap > .auth-page-links--register {
    margin-top: 2.5rem;
    margin-bottom: 0;
    text-align: center;
    font-size: var(--font-size-body-sm);
    line-height: 1.5;
    color: var(--color-text-muted);
}
#panel-logowanie .auth-page-wrap > .auth-page-links--register a,
#panel-przypomnij-haslo .auth-page-wrap > .auth-page-links--register a,
#panel-rejestracja .auth-page-wrap > .auth-page-links--register a,
#panel-moje-konto.hgv-woocommerce-account--login .auth-page-wrap > .auth-page-links--register a {
    color: var(--color-accent);
    text-decoration: underline;
    text-underline-offset: 0.12em;
}
/* Rejestracja: cały tekst formularza na ciemnym (zgoda + link pod formularzem) */
#panel-rejestracja .auth-page-wrap .contact-form-checkbox-label,
#panel-rejestracja .auth-page-wrap .contact-form-checkbox-label span {
    color: var(--color-text);
}
#panel-rejestracja .auth-page-wrap .contact-form-checkbox-label a {
    color: var(--color-accent);
}
#panel-rejestracja .auth-page-wrap > .auth-page-links {
    color: var(--color-text);
}
#panel-rejestracja .auth-page-wrap > .auth-page-links a {
    color: var(--color-accent);
}
.auth-page-wrap .contact-form-field { margin-bottom: 1.5rem; }

#panel-logowanie .auth-page-wrap form.login,
#panel-przypomnij-haslo .auth-page-wrap form.login,
#panel-rejestracja .auth-page-wrap form.login,
#panel-moje-konto.hgv-woocommerce-account--login .auth-page-wrap form.login,
#panel-logowanie .auth-page-wrap .woocommerce-form-login.login,
#panel-przypomnij-haslo .auth-page-wrap .woocommerce-form-login.login,
#panel-rejestracja .auth-page-wrap .woocommerce-form-login.login,
#panel-moje-konto.hgv-woocommerce-account--login .auth-page-wrap .woocommerce-form-login.login {
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
}
/* Szablon WordPress logowanie.php — stopka w get_footer(), nie wewnątrz #panel-logowanie */
body.page-template-logowanie-php #content,
body.page-template-page-templateslogowanie-php #content {
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
    width: 100%;
    box-sizing: border-box;
}
body.page-template-logowanie-php #panel-logowanie.main-content.design-panel.is-active,
body.page-template-page-templateslogowanie-php #panel-logowanie.main-content.design-panel.is-active {
    flex: 1 0 auto;
    width: 100%;
}
#panel-logowanie .hgv-auth-notices {
    margin: 0 0 2rem;
    width: 100%;
}
#panel-logowanie .woocommerce-form-login .woocommerce-LostPassword,
#panel-logowanie .woocommerce-form-login .lost_password {
    display: none;
}

/* === Strona logowania (szablon logowanie.php) — układ jak makieta === */
body.hgv-login-page #content,
body.page-template-logowanie-php #content,
body.page-template-page-templateslogowanie-php #content {
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
    width: 100%;
    max-width: none;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body.hgv-login-page #panel-logowanie.main-content,
body.page-template-logowanie-php #panel-logowanie.main-content,
body.page-template-page-templateslogowanie-php #panel-logowanie.main-content {
    margin-top: 0;
}

/* Bez klasy .design-panel (w style.css ma display:none — tylko dla prototypu z toolbarem) */
body.hgv-login-page #panel-logowanie,
body.page-template-logowanie-php #panel-logowanie,
body.page-template-page-templateslogowanie-php #panel-logowanie {
    display: grid;
    visibility: visible;
    flex: 1 0 auto;
    width: 100%;
    max-width: none;
    min-height: 50vh;
    grid-template-rows: auto auto;
    align-items: stretch;
    background: radial-gradient(50% 100% at 50% 0%, #fefefe 50%, #e6e6e6 100%);
}

body.hgv-login-page #panel-logowanie .auth-page-wrap,
body.page-template-logowanie-php #panel-logowanie .auth-page-wrap,
body.page-template-page-templateslogowanie-php #panel-logowanie .auth-page-wrap {
    display: flex;
    visibility: visible;
}

body.hgv-login-page #panel-logowanie .hero-plain-wrap,
body.page-template-logowanie-php #panel-logowanie .hero-plain-wrap,
body.page-template-page-templateslogowanie-php #panel-logowanie .hero-plain-wrap {
    background: transparent;
}

body.hgv-login-page #panel-logowanie section.hero.hero--plain,
body.page-template-logowanie-php #panel-logowanie section.hero.hero--plain,
body.page-template-page-templateslogowanie-php #panel-logowanie section.hero.hero--plain {
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 10rem;
    margin-bottom: 0;
    min-height: clamp(18rem, 32vh, 28rem);
}

body.hgv-login-page #panel-logowanie .hero-content,
body.page-template-logowanie-php #panel-logowanie .hero-content,
body.page-template-page-templateslogowanie-php #panel-logowanie .hero-content {
    text-align: center;
    align-items: center;
    width: 100%;
}

body.hgv-login-page #panel-logowanie .hero-content h1,
body.page-template-logowanie-php #panel-logowanie .hero-content h1,
body.page-template-page-templateslogowanie-php #panel-logowanie .hero-content h1 {
    font-size: clamp(4rem, 12vw, var(--font-size-h1, 8rem));
    font-weight: 300;
    line-height: 1;
    margin: 0;
    opacity: 0.2;
    color: var(--color-text);
}

body.hgv-login-page #panel-logowanie .auth-page-wrap,
body.page-template-logowanie-php #panel-logowanie .auth-page-wrap,
body.page-template-page-templateslogowanie-php #panel-logowanie .auth-page-wrap {
    position: relative;
    z-index: 2;
    align-self: start;
    justify-self: center;
    margin: -8rem auto 6rem;
}

body.hgv-login-page #panel-logowanie .auth-page-wrap .contact-form,
body.page-template-logowanie-php #panel-logowanie .auth-page-wrap .contact-form,
body.page-template-page-templateslogowanie-php #panel-logowanie .auth-page-wrap .contact-form {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    width: 100%;
}

body.hgv-login-page #panel-logowanie .auth-page-wrap form.login,
body.page-template-logowanie-php #panel-logowanie .auth-page-wrap form.login,
body.page-template-page-templateslogowanie-php #panel-logowanie .auth-page-wrap form.login,
body.hgv-login-page #panel-logowanie .auth-page-wrap .woocommerce-form-login.login,
body.page-template-logowanie-php #panel-logowanie .auth-page-wrap .woocommerce-form-login.login,
body.page-template-page-templateslogowanie-php #panel-logowanie .auth-page-wrap .woocommerce-form-login.login {
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
}

body.hgv-login-page #panel-logowanie .woocommerce-form-login .form-row,
body.page-template-logowanie-php #panel-logowanie .woocommerce-form-login .form-row {
    margin: 0;
    padding: 0;
}

body.hgv-login-page #panel-logowanie .woocommerce-form-login .woocommerce-form-login__rememberme,
body.page-template-logowanie-php #panel-logowanie .woocommerce-form-login .woocommerce-form-login__rememberme {
    display: none;
}

body.hgv-login-page #panel-logowanie .auth-page-wrap .contact-form input,
body.page-template-logowanie-php #panel-logowanie .auth-page-wrap .contact-form input,
body.page-template-page-templateslogowanie-php #panel-logowanie .auth-page-wrap .contact-form input {
    width: 100%;
    padding: var(--space-12, 1.2rem) var(--space-12, 1.2rem);
    border: 1px solid rgba(14, 14, 19, 0.12);
    border-radius: var(--radius-sm);
    background: #fff;
    box-sizing: border-box;
}

body.hgv-login-page #panel-logowanie .auth-page-wrap .contact-form .btn.btn-primary,
body.hgv-login-page #panel-logowanie .auth-page-wrap .woocommerce-form-login button[type="submit"],
body.page-template-logowanie-php #panel-logowanie .auth-page-wrap .contact-form .btn.btn-primary,
body.page-template-logowanie-php #panel-logowanie .auth-page-wrap .woocommerce-form-login button[type="submit"],
body.page-template-page-templateslogowanie-php #panel-logowanie .auth-page-wrap .contact-form .btn.btn-primary,
body.page-template-page-templateslogowanie-php #panel-logowanie .auth-page-wrap .woocommerce-form-login button[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: auto;
    min-width: min(100%, 36rem);
    max-width: 100%;
    margin-top: 2rem;
    margin-bottom: 0;
    padding: 1.25rem 5rem;
    background: var(--color-text);
    color: #fff;
    border: none;
    border-radius: var(--radius-sm);
    font-size: var(--font-size-body-sm);
    font-weight: 400;
    cursor: pointer;
}

body.hgv-login-page #panel-logowanie .auth-page-wrap .contact-form .btn.btn-primary:hover,
body.hgv-login-page #panel-logowanie .auth-page-wrap .woocommerce-form-login button[type="submit"]:hover,
body.page-template-logowanie-php #panel-logowanie .auth-page-wrap .contact-form .btn.btn-primary:hover,
body.page-template-logowanie-php #panel-logowanie .auth-page-wrap .woocommerce-form-login button[type="submit"]:hover {
    filter: brightness(1.08);
    color: #fff;
}

@media (max-width: 768px) {
    body.hgv-login-page #panel-logowanie .auth-page-wrap,
    body.page-template-logowanie-php #panel-logowanie .auth-page-wrap,
    body.page-template-page-templateslogowanie-php #panel-logowanie .auth-page-wrap {
        margin-top: -6rem;
        margin-bottom: 4rem;
        width: min(100%, calc(100% - 2.5rem));
    }

    body.hgv-login-page #panel-logowanie section.hero.hero--plain,
    body.page-template-logowanie-php #panel-logowanie section.hero.hero--plain,
    body.page-template-page-templateslogowanie-php #panel-logowanie section.hero.hero--plain {
        padding-bottom: 8rem;
        min-height: 14rem;
    }

    body.hgv-login-page #panel-logowanie .auth-page-wrap .contact-form .btn.btn-primary,
    body.hgv-login-page #panel-logowanie .auth-page-wrap .woocommerce-form-login button[type="submit"],
    body.page-template-logowanie-php #panel-logowanie .auth-page-wrap .contact-form .btn.btn-primary,
    body.page-template-logowanie-php #panel-logowanie .auth-page-wrap .woocommerce-form-login button[type="submit"] {
        min-width: 100%;
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

.error-404-wrap { text-align: center; padding: 10rem 2rem; }
.error-404-code { font-size: 16rem; font-weight: 700; line-height: 1; color: var(--color-accent); opacity: 0.3; margin-bottom: 1rem; }
.error-404-title { font-size: var(--font-size-h3); margin-bottom: 1rem; }
.error-404-desc { color: var(--color-text-muted); margin-bottom: 2rem; max-width: 45ch; margin-left: auto; margin-right: auto; }
.account-nav { display: flex; gap: 5rem; margin-bottom: 4rem; border-bottom: var(--border-subtle); flex-wrap: nowrap; }
.account-nav a { padding: 1rem 0; font-weight: 500; color: var(--color-text-muted); text-decoration: none; }
.account-nav a:hover, .account-nav a.is-active { color: var(--color-accent); }
.account-nav a.is-active { border-bottom: 2px solid var(--color-accent); margin-bottom: -1px; }
.account-tab-panel { display: none; padding: 3rem; background: #fff; border: var(--border-subtle); border-radius: var(--radius-xl); }
.account-tab-panel.is-active { display: block; }
.account-tab-panel h3 { font-size: var(--font-size-h5); font-weight: 400; margin-bottom: 5rem; }
.account-orders-table { width: 100%; border-collapse: collapse; font-size: var(--font-size-body-sm); }
.account-orders-table th, .account-orders-table td { padding: 1.25rem; text-align: left; border-bottom: var(--border-subtle); }
.account-orders-table th { font-weight: 600; color: var(--color-text-muted); }
.account-orders-table tr:last-child td { border-bottom: none; }
.account-order-status { display: inline-block; padding: 0.35rem 0.85rem; border-radius: var(--radius-pill); font-size: var(--font-size-caption); font-weight: 500; line-height: 1.25; }
.account-order-status--done,
.account-order-status--completed { background: #dcfce7; color: #166534; }
.account-order-status--pending { background: #fef3c7; color: #92400e; }
.account-order-status--processing { background: #dbeafe; color: #1e40af; }
.account-order-status--on-hold { background: #ffedd5; color: #c2410c; }
.account-order-status--cancelled,
.account-order-status--failed { background: #fee2e2; color: #991b1b; }
.account-order-status--refunded { background: #e0e7ff; color: #3730a3; }
.account-order-status--draft,
.account-order-status--checkout-draft { background: #f3f4f6; color: #4b5563; }
/* Jednostka siatki = jedna „kolumna” jak kafelek rozliczeniowy; dostawa: span N = N× szerokość jednostki */
.account-addresses {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(35rem, 1fr));
    gap: 2rem;
    align-items: start;
}
.account-address-card {
    padding: 2.5rem;
    background: var(--color-bg);
    border-radius: var(--radius-lg);
    border: var(--border-subtle);
    box-sizing: border-box;
    min-width: 0;
}
.account-address-card--delivery-multi {
    grid-column: span var(--delivery-cols, 1);
}
#panel-moje-konto .account-address-card { background: var(--color-bg-alt); }
#account-tab-adresy > h3 { margin-bottom: 1rem; }
#panel-moje-konto .account-addresses-intro { font-size: var(--font-size-body-sm); color: var(--color-text-muted); line-height: 1.6; margin: 0 0 5rem; max-width: 60ch; }
.account-address-card h4 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    font-size: var(--font-size-body);
    font-weight: 600;
    margin: 0 0 3rem;
    padding-bottom: 2rem;
    border-bottom: var(--border-subtle);
    color: var(--color-text);
}
.account-address-card h4 .account-address-card-icon {
    flex-shrink: 0;
    display: block;
}
.account-address-card p:not(.account-address-entry-label) {
    margin: 0;
    font-size: var(--font-size-body-sm);
    color: var(--color-text-muted);
    line-height: 1.6;
}
.account-address-card > .btn { margin-top: 5rem; width: 100%; box-sizing: border-box; }
.account-address-card--delivery-multi > .btn.account-address-add-delivery {
    width: auto;
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.account-address-delivery-list {
    display: grid;
    grid-template-columns: repeat(var(--delivery-cols, 1), minmax(0, 1fr));
    gap: 5rem;
    width: 100%;
}
.account-address-entry-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    min-width: 0;
}
.account-address-entry-label {
    display: inline-block;
    width: fit-content;
    max-width: 100%;
    margin: 0;
    padding: 0.25rem 0.65rem;
    border-radius: var(--radius-xs);
    font-size: var(--font-size-caption);
    font-weight: 500;
    color: var(--color-text);
    letter-spacing: 0.02em;
    background: #e6e6e6;
    background: color-mix(in srgb, var(--color-text) 8%, var(--color-bg-alt));
}
.account-address-entry-row .account-address-entry-label {
    flex-shrink: 0;
}
.account-address-entry .account-address-entry-edit {
    flex-shrink: 0;
    margin: 0;
    margin-left: auto;
    width: auto;
    min-width: 0;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    color: var(--color-text);
    font-size: var(--font-size-caption);
    font-weight: 400;
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    text-decoration: underline;
    text-underline-offset: 0.2em;
    justify-content: flex-end;
}
.account-address-entry .account-address-entry-edit:hover {
    filter: none;
    opacity: 0.85;
}
.account-address-entry .account-address-entry-edit:focus-visible {
    outline: 2px solid var(--color-text);
    outline-offset: 2px;
}
.account-address-entry-body {
    margin: 0;
    font-size: var(--font-size-body-sm);
    color: var(--color-text-muted);
    line-height: 1.6;
}
@media (max-width: 48rem) {
    .account-addresses {
        grid-template-columns: 1fr;
    }
    .account-address-card--delivery-multi {
        grid-column: span 1;
    }
    .account-address-delivery-list {
        grid-template-columns: 1fr;
    }
}
.account-address-entry { display: flex; flex-direction: column; min-width: 0; }
.account-orders-table td .btn { white-space: nowrap; }

/* Moje konto — Szczegóły konta: 2 kolumny, etykiety jak na Palecie Euro (caption), ciemny tekst, ciemniejsze obramowania pól */
#panel-moje-konto .account-details-form {
    max-width: none;
    background: var(--color-bg-alt);
    border-radius: var(--radius-xl);
    padding: 3rem 3rem 3.5rem;
    box-sizing: border-box;
}
#panel-moje-konto .account-details-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem 8rem;
    align-items: start;
}
@media (max-width: 900px) {
    #panel-moje-konto .account-details-form-grid {
        grid-template-columns: 1fr;
    }
}
#panel-moje-konto .account-details-form-col {
    display: flex;
    flex-direction: column;
    gap: var(--space-12);
    min-width: 0;
}
#panel-moje-konto .account-details-form-col-title {
    font-size: var(--font-size-body-sm);
    font-weight: 600;
    color: var(--color-text);
    margin: 0 0 0.5rem;
    letter-spacing: 0.02em;
}
/* Jak #panel-paleta-euro-nowa .contact-form-box .contact-form label — tylko ciemny kolor */
#panel-moje-konto .account-details-form .contact-form-field-label {
    font-size: var(--font-size-caption);
    font-weight: 400;
    line-height: 1.2;
    color: var(--color-text);
    display: block;
    margin-bottom: 0.5rem;
}
#panel-moje-konto .account-details-form input[type="text"],
#panel-moje-konto .account-details-form input[type="email"],
#panel-moje-konto .account-details-form input[type="tel"],
#panel-moje-konto .account-details-form input[type="password"] {
    border: 1px solid rgba(26, 26, 26, 0.4);
}
#panel-moje-konto .account-details-form input:focus {
    outline: none;
    border-color: var(--color-text);
}
#panel-moje-konto .account-details-form-hint {
    font-size: var(--font-size-body-sm);
    color: var(--color-text-muted);
    margin: 0;
    line-height: 1.5;
}
#panel-moje-konto .account-details-form-actions {
    margin-top: 3rem;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
#panel-moje-konto .account-details-form-actions .btn-primary {
    width: min(48rem, 100%);
    max-width: 100%;
    box-sizing: border-box;
    justify-content: center;
}

/* ===== Podstrony usług (Porsche-style) ===== */
.service-page { background: #fff; }
.service-page .page-container { max-width: 100%; padding-left: 5%; padding-right: 5%; }
.service-page-title { text-align: center; font-size: 4.5rem; font-weight: 600; margin: 6rem 0 3rem; letter-spacing: -0.03em; color: var(--color-black); }
.service-split { display: grid; grid-template-columns: 1fr 1fr; gap: 10rem; align-items: center; margin-bottom: var(--spacing-section-xl); max-width: 170rem; margin-left: auto; margin-right: auto; }
.service-split.service-split--reverse { direction: rtl; }
.service-split.service-split--reverse > * { direction: ltr; }
.service-split-image { aspect-ratio: 4/3; object-fit: cover; width: 100%; }
.service-split-image-wrap { min-height: 30rem; overflow: hidden; }
.service-split-image-wrap img { width: 100%; height: 100%; object-fit: fill; }
.service-split-image-wrap--contain img { object-fit: contain; }
.service-split-content { padding: 2rem 0; }
.service-split-content h2 { font-size: var(--font-size-h3); font-weight: 400; margin: 0 0 2rem; letter-spacing: -0.02em; color: var(--color-black); }
.service-split-content h3 { font-size: 2.2rem; font-weight: 600; margin: 2rem 0 0.75rem; color: var(--color-black); }
.service-split-content p { font-size: var(--font-size-body); color: var(--color-text); margin-bottom: 1.5rem; line-height: 1.5; }
.service-split-content ul, .service-split-content ol { margin: 1rem 0 1.5rem; padding-left: 2.5rem; font-size: 1.7rem; line-height: 1.7; color: var(--color-text); }
.service-split-content li { margin-bottom: 0.5rem; }
.service-split-content a { color: var(--color-black); font-weight: 500; text-decoration: underline; }
/* Wstęp pod hero (bez kolumny ze zdjęciem) – wspólny blok na podstronach usług */
.service-usluga-lead {
    max-width: 140rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8rem;
    padding: 2rem 0;
    text-align: center;
}
.service-usluga-lead .service-split-content {
    padding: 0;
    max-width: 85rem;
    margin-left: auto;
    margin-right: auto;
}
.service-usluga-lead .service-split-content p:last-child { margin-bottom: 0; }

/* Logistyka + Naprawa + Skup (+ magazyn, obróbka): wstęp pod hero (--color-usluga-lead-*) + zakładka z --color-bg-alt (nachodzi na wstęp) */
#panel-usluga-logistyka .service-usluga-logistyka-intro,
#panel-usluga-naprawa .service-usluga-logistyka-intro,
#panel-usluga-skup .service-usluga-logistyka-intro,
#panel-usluga-recykling .service-usluga-logistyka-intro,
#panel-usluga-produkcja .service-usluga-logistyka-intro,
#panel-usluga-magazyn .service-usluga-logistyka-intro,
#panel-usluga-obrobka .service-usluga-logistyka-intro {
    margin-bottom: var(--spacing-section);
}
#panel-usluga-logistyka .service-usluga-lead,
#panel-usluga-naprawa .service-usluga-lead,
#panel-usluga-skup .service-usluga-lead,
#panel-usluga-recykling .service-usluga-lead,
#panel-usluga-produkcja .service-usluga-lead,
#panel-usluga-magazyn .service-usluga-lead,
#panel-usluga-obrobka .service-usluga-lead {
    margin: 0;
    max-width: none;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 3% 3% 7% 3%;
    box-sizing: border-box;
    background-color: var(--color-usluga-lead-bg);
    color: var(--color-usluga-lead-text);
}
#panel-usluga-logistyka .service-usluga-lead .service-split-content,
#panel-usluga-naprawa .service-usluga-lead .service-split-content,
#panel-usluga-skup .service-usluga-lead .service-split-content,
#panel-usluga-recykling .service-usluga-lead .service-split-content,
#panel-usluga-produkcja .service-usluga-lead .service-split-content,
#panel-usluga-magazyn .service-usluga-lead .service-split-content,
#panel-usluga-obrobka .service-usluga-lead .service-split-content {
    margin-top: 0;
    max-width: 85rem;
}
#panel-usluga-logistyka .service-usluga-lead .service-split-content p,
#panel-usluga-naprawa .service-usluga-lead .service-split-content p,
#panel-usluga-skup .service-usluga-lead .service-split-content p,
#panel-usluga-recykling .service-usluga-lead .service-split-content p,
#panel-usluga-produkcja .service-usluga-lead .service-split-content p,
#panel-usluga-magazyn .service-usluga-lead .service-split-content p,
#panel-usluga-obrobka .service-usluga-lead .service-split-content p {
    font-size: var(--font-size-h6);
    font-weight: 500;
    color: var(--color-usluga-lead-text);
}
#panel-usluga-logistyka .service-usluga-tab,
#panel-usluga-naprawa .service-usluga-tab,
#panel-usluga-magazyn .service-usluga-tab,
#panel-usluga-obrobka .service-usluga-tab {
    position: relative;
    z-index: 2;
    max-width: 140rem;
    margin: calc(-1 * var(--usluga-tab-overlap)) auto 0;
    /* Bez poziomego paddingu — obraz w pierwszej kolumnie dotyka lewej krawędzi tła; odstępy przez --usluga-tab-inline */
    --tab-inline: var(--usluga-tab-inline);
    padding: var(--space-56) 0 var(--spacing-section);
    background: var(--color-bg-alt);
    border-radius: var(--radius-xl);
    box-sizing: border-box;
    overflow: hidden;
}
/* Desktop: odstęp między beżowym wstępem a białą zakładką (bez nachodzenia) */
@media (min-width: 1025px) {
    #panel-usluga-logistyka .service-usluga-logistyka-intro,
    #panel-usluga-naprawa .service-usluga-logistyka-intro,
    #panel-usluga-magazyn .service-usluga-logistyka-intro,
    #panel-usluga-obrobka .service-usluga-logistyka-intro {
        display: flex;
        flex-direction: column;
        gap: var(--space-56);
    }
    #panel-usluga-logistyka .service-usluga-tab,
    #panel-usluga-naprawa .service-usluga-tab,
    #panel-usluga-magazyn .service-usluga-tab,
    #panel-usluga-obrobka .service-usluga-tab {
        margin-top: 0;
    }
}
#panel-usluga-logistyka .service-usluga-tab__title,
#panel-usluga-naprawa .service-usluga-tab__title,
#panel-usluga-magazyn .service-usluga-tab__title,
#panel-usluga-obrobka .service-usluga-tab__title {
    text-align: center;
    font-size: var(--font-size-h3);
    font-weight: 400;
    letter-spacing: -0.02em;
    color: var(--color-text);
    padding-inline: var(--tab-inline);
}

#panel-usluga-logistyka .service-usluga-tab__split,
#panel-usluga-naprawa .service-usluga-tab__split,
#panel-usluga-magazyn .service-usluga-tab__split,
#panel-usluga-obrobka .service-usluga-tab__split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6rem;
    align-items: center;
    padding-left: 0;
    padding-right: var(--tab-inline);
    box-sizing: border-box;
}
#panel-usluga-obrobka .service-usluga-tab__split {
    padding-bottom: 40px;
}

#panel-usluga-logistyka .service-usluga-tab__after-split,
#panel-usluga-naprawa .service-usluga-tab__after-split,
#panel-usluga-magazyn .service-usluga-tab__after-split,
#panel-usluga-obrobka .service-usluga-tab__after-split {
    padding-inline: var(--tab-inline);
}
#panel-usluga-logistyka .service-usluga-tab__split .service-split-image-wrap,
#panel-usluga-naprawa .service-usluga-tab__split .service-split-image-wrap,
#panel-usluga-magazyn .service-usluga-tab__split .service-split-image-wrap,
#panel-usluga-obrobka .service-usluga-tab__split .service-split-image-wrap {
    min-height: 30rem;
}
#panel-usluga-naprawa .service-usluga-tab__split .service-split-image-wrap,
#panel-usluga-magazyn .service-usluga-tab__split .service-split-image-wrap,
#panel-usluga-obrobka .service-usluga-tab__split .service-split-image-wrap {
    min-height: 42rem;
}
#panel-usluga-logistyka .service-usluga-tab__split .service-split-image-wrap--contain img {
    object-position: left center;
}
/* Naprawa + Magazyn + Obróbka: grafika w splitcie ~30% mniejsza, wyśrodkowana w kolumnie */
#panel-usluga-naprawa .service-usluga-tab__split .service-split-image-wrap--contain,
#panel-usluga-magazyn .service-usluga-tab__split .service-split-image-wrap--contain,
#panel-usluga-obrobka .service-usluga-tab__split .service-split-image-wrap--contain {
    display: flex;
    align-items: center;
    justify-content: center;
}
#panel-usluga-naprawa .service-usluga-tab__split .service-split-image-wrap--contain img {
    width: 70%;
    max-width: 70%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center center;
}
#panel-usluga-obrobka .service-usluga-tab__split .service-split-image-wrap--contain img.service-split-image {
    width: 70%;
    max-width: 70%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center center;
}
#panel-usluga-magazyn .service-usluga-tab__split .service-split-image-wrap--contain img {
    width: 52%;
    max-width: 52%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center center;
}
#panel-usluga-logistyka .service-usluga-tab__split .service-split-content,
#panel-usluga-naprawa .service-usluga-tab__split .service-split-content,
#panel-usluga-magazyn .service-usluga-tab__split .service-split-content,
#panel-usluga-obrobka .service-usluga-tab__split .service-split-content {
    padding: 0;
}
#panel-usluga-logistyka .service-usluga-tab__split .service-split-content h2,
#panel-usluga-naprawa .service-usluga-tab__split .service-split-content h2,
#panel-usluga-magazyn .service-usluga-tab__split .service-split-content h2,
#panel-usluga-obrobka .service-usluga-tab__split .service-split-content h2 {
    display: none;
}
#panel-usluga-logistyka .service-usluga-tab__outro,
#panel-usluga-naprawa .service-usluga-tab__outro,
#panel-usluga-magazyn .service-usluga-tab__outro,
#panel-usluga-obrobka .service-usluga-tab__outro {
    font-size: var(--font-size-body);
    line-height: 1.5;
    color: var(--color-text);
    margin: 0 0 var(--space-56);
    max-width: 90rem;
}
#panel-usluga-logistyka .service-usluga-tab__whgv,
#panel-usluga-naprawa .service-usluga-tab__whgv,
#panel-usluga-magazyn .service-usluga-tab__whgv,
#panel-usluga-obrobka .service-usluga-tab__whgv {
    font-size: var(--font-size-h5);
    font-weight: 600;
    margin: 0 0 var(--space-24);
    text-align: left;
    color: var(--color-text);
}
#panel-usluga-logistyka .service-usluga-timeline,
#panel-usluga-naprawa .service-usluga-timeline,
#panel-usluga-magazyn .service-usluga-timeline,
#panel-usluga-obrobka .service-usluga-timeline {
    margin-right: calc(-1 * var(--tab-inline));
    width: calc(100% + var(--tab-inline));
    max-width: none;
    box-sizing: border-box;
}
#panel-usluga-logistyka .service-usluga-timeline__labels,
#panel-usluga-naprawa .service-usluga-timeline__labels {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
    text-align: left;
    font-size: var(--font-size-body-sm);
    line-height: 1.35;
    color: var(--color-text);
    margin-bottom: var(--space-24);
    font-weight: 600;
}
#panel-usluga-logistyka .service-usluga-timeline__labels span,
#panel-usluga-naprawa .service-usluga-timeline__labels span,
#panel-usluga-magazyn .service-usluga-timeline__labels span,
#panel-usluga-obrobka .service-usluga-timeline__labels span {
    display: block;
    padding: 0;
    min-width: 0;
}
#panel-usluga-logistyka .service-usluga-timeline__labels span.service-usluga-timeline__label--last,
#panel-usluga-naprawa .service-usluga-timeline__labels span.service-usluga-timeline__label--last,
#panel-usluga-magazyn .service-usluga-timeline__labels span.service-usluga-timeline__label--last,
#panel-usluga-obrobka .service-usluga-timeline__labels span.service-usluga-timeline__label--last {
    padding-inline-end: var(--space-24);
    max-width: 100%;
    box-sizing: border-box;
}
#panel-usluga-logistyka .service-usluga-timeline__axis,
#panel-usluga-naprawa .service-usluga-timeline__axis,
#panel-usluga-magazyn .service-usluga-timeline__axis,
#panel-usluga-obrobka .service-usluga-timeline__axis {
    position: relative;
    height: var(--size-24);
    margin-bottom: var(--space-8);
    isolation: isolate;
    opacity: .5;
}
#panel-usluga-logistyka .service-usluga-timeline__line,
#panel-usluga-naprawa .service-usluga-timeline__line,
#panel-usluga-magazyn .service-usluga-timeline__line,
#panel-usluga-obrobka .service-usluga-timeline__line {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    margin-top: -0.5px;
    background: var(--color-black);
    z-index: 0;
}
/* Zanikanie linii przy prawej krawędzi kontenera (kolor tła zakładki) */
#panel-usluga-logistyka .service-usluga-timeline__axis::after,
#panel-usluga-naprawa .service-usluga-timeline__axis::after,
#panel-usluga-magazyn .service-usluga-timeline__axis::after,
#panel-usluga-obrobka .service-usluga-timeline__axis::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: clamp(6rem, 22vw, 22rem);
    background: linear-gradient(to right, rgb(14 14 19 / 0), var(--color-bg-alt));
    pointer-events: none;
    z-index: 2;
}
#panel-usluga-logistyka .service-usluga-timeline__dots,
#panel-usluga-naprawa .service-usluga-timeline__dots,
#panel-usluga-magazyn .service-usluga-timeline__dots,
#panel-usluga-obrobka .service-usluga-timeline__dots {
    position: relative;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: var(--space-8);
    height: 100%;
    align-items: center;
    justify-items: start;
    z-index: 1;
}
#panel-usluga-logistyka .service-usluga-timeline__dot,
#panel-usluga-naprawa .service-usluga-timeline__dot,
#panel-usluga-magazyn .service-usluga-timeline__dot,
#panel-usluga-obrobka .service-usluga-timeline__dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--color-black);
    position: relative;
    z-index: 3;
    flex-shrink: 0;
}
@keyframes service-usluga-timeline-dot-ring {
    0% { opacity: 0; transform: translate(-50%, -50%) scale(1); }
    2% { opacity: 0.9; transform: translate(-50%, -50%) scale(1); }
    8.333% { opacity: 0; transform: translate(-50%, -50%) scale(2.75); }
    8.334%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(1); }
}
#panel-usluga-logistyka .service-usluga-timeline__dot::before,
#panel-usluga-naprawa .service-usluga-timeline__dot::before,
#panel-usluga-magazyn .service-usluga-timeline__dot::before,
#panel-usluga-obrobka .service-usluga-timeline__dot::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid var(--color-black);
    background: transparent;
    box-sizing: border-box;
    pointer-events: none;
    z-index: 2;
    opacity: 0;
    transform: translate(-50%, -50%) scale(1);
    transform-origin: center center;
}
#panel-usluga-logistyka .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot::before,
#panel-usluga-naprawa .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot::before {
    animation: service-usluga-timeline-dot-ring 12s linear infinite;
}
#panel-usluga-logistyka .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(1)::before,
#panel-usluga-naprawa .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(1)::before { animation-delay: 0s; }
#panel-usluga-logistyka .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(2)::before,
#panel-usluga-naprawa .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(2)::before { animation-delay: 2s; }
#panel-usluga-logistyka .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(3)::before,
#panel-usluga-naprawa .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(3)::before { animation-delay: 4s; }
#panel-usluga-logistyka .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(4)::before,
#panel-usluga-naprawa .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(4)::before { animation-delay: 6s; }
#panel-usluga-logistyka .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(5)::before,
#panel-usluga-naprawa .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(5)::before { animation-delay: 8s; }
#panel-usluga-logistyka .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(6)::before,
#panel-usluga-naprawa .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(6)::before { animation-delay: 10s; }
/* Magazyn: oś z 4 punktami — siatka jak na Logistyce (szerokości kolumn ~ proporcjonalne do treści) */
#panel-usluga-magazyn .service-usluga-timeline__labels {
    display: grid;
    grid-template-columns: minmax(0, 1.28fr) minmax(0, 1.12fr) minmax(0, 0.88fr) minmax(0, 1.02fr);
    gap: clamp(10px, 2.2vw, 26px);
    text-align: left;
    font-size: var(--font-size-body-sm);
    line-height: 1.35;
    color: var(--color-text);
    margin-bottom: var(--space-24);
    font-weight: 600;
    align-items: end;
}
#panel-usluga-magazyn .service-usluga-timeline__dots {
    grid-template-columns: minmax(0, 1.28fr) minmax(0, 1.12fr) minmax(0, 0.88fr) minmax(0, 1.02fr);
    gap: clamp(10px, 2.2vw, 26px);
}
#panel-usluga-magazyn .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot::before {
    animation: service-usluga-timeline-dot-ring 8s linear infinite;
}
#panel-usluga-magazyn .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(1)::before { animation-delay: 0s; }
#panel-usluga-magazyn .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(2)::before { animation-delay: 2s; }
#panel-usluga-magazyn .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(3)::before { animation-delay: 4s; }
#panel-usluga-magazyn .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(4)::before { animation-delay: 6s; }
/* Magazyn: dowolna liczba punktów — opóźnienia / długość animacji z inline (--hgv-anim-delay, --hgv-tl-n) */
#panel-usluga-magazyn .service-usluga-timeline.hgv-timeline-dynamic[data-hgv-dynamic-tl="1"].is-timeline-ring-active .service-usluga-timeline__dot::before {
    animation-duration: calc(2s * var(--hgv-tl-n, 4));
}
#panel-usluga-magazyn .service-usluga-timeline.hgv-timeline-dynamic[data-hgv-dynamic-tl="1"].is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(n)::before {
    animation-delay: var(--hgv-anim-delay, 0s);
}
#panel-usluga-magazyn .magazyn-logistyka-palety .service-usluga-timeline.hgv-timeline-dynamic[data-hgv-dynamic-tl="1"].is-timeline-ring-active .service-usluga-timeline__dot::before {
    animation-duration: calc(2s * var(--hgv-tl-n, 4));
}
#panel-usluga-magazyn .magazyn-logistyka-palety .service-usluga-timeline.hgv-timeline-dynamic[data-hgv-dynamic-tl="1"].is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(n)::before {
    animation-delay: var(--hgv-anim-delay, 0s);
}
/* Obróbka fitosanitarna: oś z 3 punktami */
#panel-usluga-obrobka .service-usluga-timeline__labels {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    text-align: left;
    font-size: var(--font-size-body-sm);
    line-height: 1.35;
    color: var(--color-text);
    margin-bottom: var(--space-24);
    font-weight: 600;
}
#panel-usluga-obrobka .service-usluga-timeline__dots {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
#panel-usluga-obrobka .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot::before {
    animation: service-usluga-timeline-dot-ring 6s linear infinite;
}
#panel-usluga-obrobka .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(1)::before { animation-delay: 0s; }
#panel-usluga-obrobka .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(2)::before { animation-delay: 2s; }
#panel-usluga-obrobka .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(3)::before { animation-delay: 4s; }
#panel-usluga-obrobka .obrobka-fitosanitarna__important {
    margin-top: var(--space-64);
    margin-left: auto;
    margin-right: auto;
    max-width: 90rem;
    text-align: center;
}
#panel-usluga-obrobka .obrobka-fitosanitarna__important .label {
    display: inline-block;
    margin-bottom: var(--space-16);
}
#panel-usluga-obrobka .obrobka-fitosanitarna__important p {
    font-size: var(--font-size-body);
    line-height: 1.5;
    color: var(--color-text);
    margin: 0;
}
/* Obróbka — kraje / skutki IPPC (layout jak #panel-usluga-skup .skup-jakie-palety, to samo zdjęcie) */
#panel-usluga-obrobka .logistyka-dlakogo.skup-jakie-palety.obrobka-kraje-ippc {
    margin-top: 0;
    margin-bottom: var(--spacing-section-xl);
    color: var(--color-text);
}
#panel-usluga-obrobka .obrobka-kraje-ippc .skup-jakie-palety__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas:
        "media col-a col-b";
    column-gap: clamp(var(--space-24), 4vw, var(--space-56));
    row-gap: var(--space-56);
    align-items: start;
    max-width: min(100%, calc(var(--container-max) * 0.92));
    margin-left: auto;
    margin-right: auto;
    padding-inline: 5%;
    box-sizing: border-box;
}
#panel-usluga-obrobka .obrobka-kraje-ippc .skup-jakie-palety__media {
    grid-area: media;
    align-self: end;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    min-height: 0;
}
#panel-usluga-obrobka .obrobka-kraje-ippc .obrobka-kraje-ippc__col--a {
    grid-area: col-a;
    min-width: 0;
}
#panel-usluga-obrobka .obrobka-kraje-ippc .obrobka-kraje-ippc__col--b {
    grid-area: col-b;
    min-width: 0;
}
#panel-usluga-obrobka .obrobka-kraje-ippc .logistyka-dlakogo__title {
    text-align: left;
    font-size: var(--font-size-h6);
    line-height: 1.35;
    color: var(--color-text);
    font-weight: 500;
    margin: 0 0 10px;
    padding-bottom: 0;
    box-sizing: border-box;
}
#panel-usluga-obrobka .obrobka-kraje-ippc .service-split-content {
    padding: 0;
}
#panel-usluga-obrobka .obrobka-kraje-ippc .service-split-content p {
    font-size: var(--font-size-body);
    color: var(--color-text);
    margin-bottom: 0;
    line-height: 1.5;
}
#panel-usluga-obrobka .obrobka-kraje-ippc .logistyka-dlakogo__list {
    list-style: none;
    margin: var(--space-100) 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--size-32);
}
#panel-usluga-obrobka .obrobka-kraje-ippc .logistyka-dlakogo__list > li {
    font-size: var(--font-size-20);
    font-weight: 500;
    line-height: 1.3;
    border-top: 1px solid var(--color-text-muted);
    padding-top: var(--space-10);
    margin: 0;
}
#panel-usluga-obrobka .obrobka-kraje-ippc .logistyka-dlakogo__list > li strong {
    font-weight: inherit;
}
#panel-usluga-obrobka .obrobka-kraje-ippc .logistyka-dlakogo__media img {
    width: 80%;
    max-width: calc(56rem * 1.2);
    height: auto;
    display: block;
}
@media (max-width: 1024px) {
    #panel-usluga-obrobka .obrobka-kraje-ippc .skup-jakie-palety__grid {
        grid-template-columns: 1fr;
        grid-template-areas:
            "media"
            "col-a"
            "col-b";
        gap: var(--space-56);
    }
    #panel-usluga-obrobka .obrobka-kraje-ippc .skup-jakie-palety__media {
        align-self: stretch;
        align-items: center;
    }
}
@media (prefers-reduced-motion: reduce) {
    #panel-usluga-logistyka .service-usluga-timeline__dot::before,
    #panel-usluga-naprawa .service-usluga-timeline__dot::before,
    #panel-usluga-magazyn .service-usluga-timeline__dot::before,
    #panel-usluga-obrobka .service-usluga-timeline__dot::before {
        animation: none;
    }
}
/* Bezpośrednio w .service-usluga-tab__after-split — wyśrodkowanie względem zakładki, nie wąskiego bloku z osią */
#panel-usluga-logistyka .service-usluga-tab__after-split > .service-usluga-timeline__footnote,
#panel-usluga-naprawa .service-usluga-tab__after-split > .service-usluga-timeline__footnote,
#panel-usluga-magazyn .service-usluga-tab__after-split > .service-usluga-timeline__footnote,
#panel-usluga-obrobka .service-usluga-tab__after-split > .service-usluga-timeline__footnote {
    width: 100%;
    text-align: center;
    font-size: var(--font-size-h4);
    font-weight: 300;
    line-height: 1.35;
    color: var(--color-text);
    margin: var(--space-24) 0 0;
    max-width: none;
}
/* Raportowanie zwrotów palet + Magazynowanie (ciemne sekcje, przejście tła #0e0e13) */
/* Nadpisanie globalnego `section { padding … 5% }` — inaczej widać białe tło .service-page między blokami */
#panel-usluga-logistyka .logistyka-raport {
    --logistyka-dark-surface: #0e0e13;
    color: var(--color-bg);
    max-width: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
#panel-usluga-logistyka .logistyka-raport__screen {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow: hidden;
    box-sizing: border-box;
    min-height: 90vh;
}
/* Szczelina ~1px między sekcją A a B (zaokr. subpikseli / vh): maskuje styk z magazynem */
#panel-usluga-logistyka .logistyka-raport__screen::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: var(--logistyka-dark-surface, #0e0e13);
    z-index: 3;
    pointer-events: none;
}
#panel-usluga-logistyka .logistyka-raport__bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(94, 94, 94, 0.00) 0%, rgba(14, 14, 19, 0.50) 50%, rgba(14, 14, 19, 0.95) 80%, #0e0e13 100%), url(../assets/logistyka/raportowanie.jpg) lightgray 0px -200px / 100% 140% no-repeat;
    background-size: cover;
}
#panel-usluga-logistyka .logistyka-raport__inner {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
    width: 100%;
    max-width: min(100%, calc(var(--container-max) * 0.8));
    margin: 0 auto;
    padding: var(--spacing-section-xl) 5% var(--spacing-section-xl);
    box-sizing: border-box;
}
#panel-usluga-logistyka .logistyka-raport__intro {
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--space-100);
    padding: 0;
    text-align: center;
    box-sizing: border-box;
}
#panel-usluga-logistyka .logistyka-raport__intro .logistyka-sortowanie__title {
    color: var(--color-bg);
}
#panel-usluga-logistyka .logistyka-raport__intro .logistyka-sortowanie__lead {
    color: var(--color-bg);
    max-width: 56rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: var(--space-24);
    font-size: var(--font-size-body);
    font-weight: 300;
    line-height: 1.5;
}
#panel-usluga-logistyka .logistyka-raport__intro .logistyka-sortowanie__lead p {
    margin: 0 0 0.75em;
}
#panel-usluga-logistyka .logistyka-raport__intro .logistyka-sortowanie__lead p:last-child {
    margin-bottom: 0;
}
#panel-usluga-logistyka .logistyka-raport .logistyka-sortowanie__internal-links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-top: 1px solid rgb(255 255 255 / 0.22);
    margin-top: var(--space-24);
    padding-top: 0.6rem;
}
#panel-usluga-logistyka .logistyka-raport .logistyka-sortowanie__internal-links-label {
    color: rgb(255 255 255 / 0.72);
}
#panel-usluga-logistyka .logistyka-raport .logistyka-sortowanie__internal-links-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
}
#panel-usluga-logistyka .logistyka-raport .logistyka-sortowanie__internal-link {
    color: var(--color-bg);
}
#panel-usluga-logistyka .logistyka-raport .logistyka-sortowanie__internal-link:hover {
    color: rgb(255 255 255 / 0.88);
}
#panel-usluga-logistyka .logistyka-raport .logistyka-sortowanie__internal-link svg {
    color: inherit;
}
#panel-usluga-logistyka .logistyka-raport__panel .logistyka-raport__offer-list {
    list-style: disc;
    margin: var(--space-16) 0 0;
    padding: 0 0 0 1.25em;
    color: var(--color-bg);
    font-size: var(--font-size-20);
    line-height: 1.4;
}
#panel-usluga-logistyka .logistyka-raport__panel .logistyka-raport__offer-list li {
    margin: 0 0 var(--space-10);
}
#panel-usluga-logistyka .logistyka-raport__panel .logistyka-raport__offer-list li:last-child {
    margin-bottom: 0;
}
#panel-usluga-logistyka .logistyka-raport__list-sub {
    display: block;
    margin-top: 0.35em;
    font-size: var(--font-size-caption);
    font-weight: 400;
    line-height: 1.35;
    color: rgb(255 255 255 / 0.72);
}
#panel-usluga-logistyka .logistyka-raport__offer-list--plain {
    list-style: disc;
    margin-top: var(--space-16);
}
#panel-usluga-logistyka .logistyka-raport__col--right .logistyka-dlakogo__title {
    margin-bottom: var(--space-24);
}
#panel-usluga-logistyka .logistyka-raport__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-56);
    align-items: start;
}
#panel-usluga-logistyka .logistyka-raport__panel {
    background: rgb(255 255 255 / 0.06);
    border: 1px solid rgb(255 255 255 / 0.22);
    border-radius: var(--radius-xl);
    padding: var(--size-32);
    box-sizing: border-box;
    backdrop-filter: var(--backdrop-blur-sm);
    -webkit-backdrop-filter: var(--backdrop-blur-sm);
}
#panel-usluga-logistyka .logistyka-raport__panel .logistyka-dlakogo__title {
    color: var(--color-bg);
    margin-bottom: var(--space-56);
}
#panel-usluga-logistyka .logistyka-raport__spec {
    margin-top: var(--space-16);
    padding-top: var(--space-16);

}
#panel-usluga-logistyka .logistyka-raport__spec:first-of-type {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}
#panel-usluga-logistyka .logistyka-raport .product-related-spec-value {
    color: var(--color-bg);
}
#panel-usluga-logistyka .logistyka-raport .product-related-spec-label {
    color: rgb(255 255 255 / 0.72);
    margin-bottom: 0;
}
#panel-usluga-logistyka .logistyka-raport__spec:not(:last-child) .product-related-spec-label {
    margin-bottom: var(--space-16);
    margin-top: var(--space-6);
}
#panel-usluga-logistyka .logistyka-raport__col--right .logistyka-sortowanie__slide-body {
    color: var(--color-bg);
}
#panel-usluga-logistyka .logistyka-raport__col--right .logistyka-sortowanie__slide-body p {
    color: var(--color-bg);
}
#panel-usluga-logistyka .logistyka-raport__col--right .logistyka-sortowanie__slide-body ul {
    color: var(--color-bg);
}
#panel-usluga-logistyka .logistyka-raport__outro {
    margin: var(--space-56) 0 0;
    font-size: var(--font-size-h4);
    font-weight: 400;
    line-height: 1.3;
    color: var(--color-bg);
    text-align: center;
    padding-top: var(--space-32);

}

/* Logistyka — drugi układ sekcji (jak karty „naprawa euro” na stronie naprawy) */
#panel-usluga-logistyka .logistyka-raport--layout-naprawa .logistyka-raport__grid {
    align-items: stretch;
}
#panel-usluga-logistyka .logistyka-raport--layout-naprawa .logistyka-raport__panel {
    height: 100%;
}
#panel-usluga-logistyka .logistyka-raport--layout-naprawa .logistyka-raport__panel .logistyka-dlakogo__title {
    margin-bottom: var(--space-12);
    font-weight: 500;
}
#panel-usluga-logistyka .logistyka-raport--layout-naprawa .naprawa-euro__lead-in {
    font-size: var(--font-size-body);
    line-height: 1.5;
    color: var(--color-bg);
    margin-bottom: var(--space-4);
}
#panel-usluga-logistyka .logistyka-raport--layout-naprawa .naprawa-euro__list {
    margin: 0 0 var(--space-24);
    padding-left: 1.25em;
    color: var(--color-bg);
    font-size: var(--font-size-body);
    line-height: 1.45;
}
#panel-usluga-logistyka .logistyka-raport--layout-naprawa .naprawa-euro__list li {
    margin-bottom: var(--space-4);
}
#panel-usluga-logistyka .logistyka-raport--layout-naprawa .naprawa-euro__list li:last-child {
    margin-bottom: 0;
}
#panel-usluga-logistyka .logistyka-raport--layout-naprawa .naprawa-euro__closing {
    margin: 0;
    font-size: var(--font-size-body);
    line-height: 1.5;
    color: var(--color-bg);
}
#panel-usluga-logistyka .logistyka-raport--layout-naprawa .naprawa-euro__class-lead {
    margin: 0 0 var(--space-56);
    font-size: var(--font-size-body);
    line-height: 1.5;
    color: var(--color-bg);
}
#panel-usluga-logistyka .logistyka-raport--layout-naprawa .naprawa-euro__grades {
    display: flex;
    flex-direction: column;
    gap: var(--space-24);
}
#panel-usluga-logistyka .logistyka-raport--layout-naprawa .naprawa-euro__grade-name {
    margin: 0 0 var(--space-6);
    font-size: var(--font-size-h4);
    font-weight: 400;
    line-height: 1.25;
    color: var(--color-bg);
}
#panel-usluga-logistyka .logistyka-raport--layout-naprawa .naprawa-euro__grade-desc {
    margin: 0;
    font-size: var(--font-size-caption);
    line-height: 1.45;
    color: rgb(255 255 255 / 0.72);
}


#panel-usluga-logistyka .logistyka-magazyn .logistyka-sortowanie__internal-links-label {
    color: rgb(255 255 255 / 0.72);
}
#panel-usluga-logistyka .logistyka-magazyn .logistyka-sortowanie__internal-link {
    color: var(--color-bg);
}
#panel-usluga-logistyka .logistyka-magazyn .logistyka-sortowanie__internal-link:hover {
    color: rgb(255 255 255 / 0.88);
}
#panel-usluga-logistyka .logistyka-magazyn {
    background: #0e0e13;
    color: var(--color-bg);
    max-width: none;
    margin: 0;
    padding: 0 0 var(--spacing-section);
    box-sizing: border-box;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: -1px;
    position: relative;
    z-index: 1;
    min-height: 80vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
}
#panel-usluga-logistyka .logistyka-magazyn__inner {
    max-width: var(--container-max);
    margin: 0 auto;
    padding: 0 5% 0;
    box-sizing: border-box;
    flex: 0 0 auto;
    width: 100%;
}
#panel-usluga-logistyka .logistyka-magazyn__intro {
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--space-100);
    text-align: center;
    box-sizing: border-box;
    padding-top: 0;
}
#panel-usluga-logistyka .logistyka-magazyn__intro .logistyka-sortowanie__title {
    color: var(--color-bg);
}
#panel-usluga-logistyka .logistyka-magazyn__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-100);
    align-items: stretch;
}
#panel-usluga-logistyka .logistyka-magazyn__col--text {
    width: 60%;
    max-width: 60%;
    justify-self: center;
    box-sizing: border-box;
}
#panel-usluga-logistyka .logistyka-magazyn__col--text .logistyka-dlakogo__title {
    color: var(--color-bg);
    margin-bottom: var(--space-100);
}
#panel-usluga-logistyka .logistyka-magazyn__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--size-32);
}
#panel-usluga-logistyka .logistyka-magazyn__list li {
    font-size: var(--font-size-20);
    font-weight: 400;
    line-height: 1.3;
    border-top: 1px solid rgb(255 255 255 / 0.35);
    padding-top: var(--space-10);
    margin: 0;
    color: var(--color-bg);
}
#panel-usluga-logistyka .logistyka-magazyn__visual {
    position: relative;
    border-radius: var(--radius-xl);
    overflow: hidden;
    min-height: 36rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
#panel-usluga-logistyka .logistyka-magazyn__visual-bg {
    position: absolute;
    inset: 0;
    background-image: url('../assets/600x400 uzywana.jpg');
    background-size: cover;
    background-position: center;
}
#panel-usluga-logistyka .logistyka-magazyn__visual::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to right,
        rgb(5 6 8) 0%,
        rgb(5 6 8 / 0.88) 38%,
        rgb(5 6 8 / 0.35) 68%,
        rgb(5 6 8 / 0.08) 100%
    );
    pointer-events: none;
    z-index: 1;
}
#panel-usluga-logistyka .logistyka-magazyn__visual-inner {
    position: relative;
    z-index: 2;
    padding: var(--space-56) var(--size-40);
    display: flex;
    flex-direction: column;
    gap: var(--space-100);
    box-sizing: border-box;
}
#panel-usluga-logistyka .logistyka-magazyn__visual-text {
    font-size: var(--font-size-20);
    font-weight: 300;
    line-height: 1.3;
    color: var(--color-bg);
    margin: 0;
    max-width: 48rem;
}
@media (max-width: 1024px) {
    #panel-usluga-logistyka .logistyka-raport__grid,
    #panel-usluga-logistyka .logistyka-magazyn__grid {
        grid-template-columns: 1fr;
        gap: var(--space-100);
    }
    #panel-usluga-logistyka .logistyka-magazyn__col--text {
        width: 100%;
        max-width: 100%;
        justify-self: stretch;
    }
    #panel-usluga-logistyka .logistyka-magazyn__visual {
        min-height: 28rem;
    }
}
/* Naprawa: Naprawa palet euro (tło) + Jakie palety naprawiamy — jak logistyka raport + magazyn */
#panel-usluga-naprawa .naprawa-euro {
    --naprawa-dark-surface: #0e0e13;
    color: var(--color-bg);
    max-width: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/* Wyższa treść niż w .logistyka-raport (m.in. CTA pod gridem) — bez tego blok siedzi wyżej i nagłówek jest bliżej góry niż w logistyce */
#panel-usluga-naprawa .naprawa-euro__screen {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow: hidden;
    box-sizing: border-box;
    min-height: calc(90vh + 10rem);
}
#panel-usluga-naprawa .naprawa-euro__screen::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: var(--naprawa-dark-surface, #0e0e13);
    z-index: 3;
    pointer-events: none;
}
#panel-usluga-naprawa .naprawa-euro__bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    /* cover = stałe proporcje zdjęcia; 100% 140% rozciągało niezależnie w X i Y (zniekształcenia na innych rozdzielczościach) */
    background-color: #0e0e13;
    background-image: linear-gradient(180deg, rgba(94, 94, 94, 0.00) 0%, rgba(14, 14, 19, 0.50) 50%, rgba(14, 14, 19, 0.95) 80%, #0e0e13 100%), url('../assets/naprawa/nawymiar.webp');
    background-position: center, center 92%;
    background-size: 100% 100%, cover;
    background-repeat: no-repeat;
}
#panel-usluga-naprawa .naprawa-euro__inner {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
    width: 100%;
    max-width: min(100%, calc(var(--container-max) * 0.8));
    margin: 0 auto;
    padding: var(--spacing-section-xl) 5% var(--spacing-section-xl);
    box-sizing: border-box;
}
#panel-usluga-naprawa .naprawa-euro__intro {
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--space-100);
    padding: 0;
    text-align: center;
    box-sizing: border-box;
}
#panel-usluga-naprawa .naprawa-euro__intro .logistyka-sortowanie__title {
    font-size: var(--font-size-48);
    font-weight: 400;
    color: var(--color-bg);
    margin: 0 0 var(--space-12);
    letter-spacing: -0.02em;
    line-height: 1.15;
}
#panel-usluga-naprawa .naprawa-euro__intro .logistyka-sortowanie__lead {
    color: var(--color-bg);
}
#panel-usluga-naprawa .naprawa-euro__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-56);
    align-items: stretch;
}
#panel-usluga-naprawa .naprawa-euro__panel {
    background: rgb(255 255 255 / 0.06);
    border: 1px solid rgb(255 255 255 / 0.22);
    border-radius: var(--radius-xl);
    padding: var(--size-32);
    box-sizing: border-box;
    backdrop-filter: var(--backdrop-blur-sm);
    -webkit-backdrop-filter: var(--backdrop-blur-sm);
    height: 100%;
}
#panel-usluga-naprawa .naprawa-euro__panel .logistyka-dlakogo__title {
    color: var(--color-bg);
    margin-bottom: var(--space-12);
    font-weight: 500;
}
#panel-usluga-naprawa .naprawa-euro__lead-in {
    font-size: var(--font-size-body);
    line-height: 1.5;
    color: var(--color-bg);
    margin-bottom: var(--space-4);
}
#panel-usluga-naprawa .naprawa-euro__list {
    margin: 0 0 var(--space-24);
    padding-left: 1.25em;
    color: var(--color-bg);
    font-size: var(--font-size-body);
    line-height: 1.45;
}
#panel-usluga-naprawa .naprawa-euro__list li {
    margin-bottom: var(--space-4);
}
#panel-usluga-naprawa .naprawa-euro__list li:last-child {
    margin-bottom: 0;
}
#panel-usluga-naprawa .naprawa-euro__closing {
    margin: 0;
    font-size: var(--font-size-body);
    line-height: 1.5;
    color: var(--color-bg);
}
#panel-usluga-naprawa .naprawa-euro__class-lead {
    margin: 0 0 var(--space-56);
    font-size: var(--font-size-body);
    line-height: 1.5;
    color: var(--color-bg);
}
#panel-usluga-naprawa .naprawa-euro__grades {
    display: flex;
    flex-direction: column;
    gap: var(--space-24);
}
#panel-usluga-naprawa .naprawa-euro__grade-name {
    margin: 0 0 var(--space-6);
    font-size: var(--font-size-h4);
    font-weight: 400;
    line-height: 1.25;
    color: var(--color-bg);
}
#panel-usluga-naprawa .naprawa-euro__grade-desc {
    margin: 0;
    font-size: var(--font-size-caption);
    line-height: 1.45;
    color: rgb(255 255 255 / 0.72);
}
#panel-usluga-naprawa .naprawa-euro__cta {
    margin-top: var(--space-100);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#panel-usluga-naprawa .naprawa-euro__cta-label {
    margin: 0 0 var(--space-24);
    font-size: var(--font-size-caption);
    line-height: 1.45;
    color: var(--color-text-muted)
}

h2#naprawa-jakie-heading {
    font-size: var(--font-size-48);
    font-weight: 400;
    color: var(--color-bg);
    margin: 0 0 var(--space-12);
    letter-spacing: -0.02em;
    line-height: 1.15;
}

/* Jak #panel-usluga-logistyka .logistyka-sortowanie__internal-links-list + __internal-link (jasny tekst zamiast czarnego na tle zdjęcia) */
#panel-usluga-naprawa .naprawa-euro__cta-links {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 24px;
    flex: 1 1 auto;
    min-width: 0;
}
#panel-usluga-naprawa .naprawa-euro__cta-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    white-space: nowrap;
    font-size: var(--font-size-caption);
    color: var(--color-bg);
    text-decoration: underline;
    text-underline-offset: 0.15em;
    font-weight: 500;
}
#panel-usluga-naprawa .naprawa-euro__cta-link:hover {
    color: rgb(255 255 255 / 0.88);
}
#panel-usluga-naprawa .naprawa-euro__cta-link svg {
    flex-shrink: 0;
    display: block;
    width: 16px;
    height: 16px;
}
#panel-usluga-naprawa .naprawa-jakie {
    background: #0e0e13;
    color: var(--color-bg);
    max-width: none;
    margin: 0;
    padding: 0 0 var(--spacing-section);
    box-sizing: border-box;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: -1px;
    position: relative;
    z-index: 1;
    min-height: 80vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
}
#panel-usluga-naprawa .naprawa-jakie__inner {
    max-width: var(--container-max);
    margin: 0 auto;
    padding: 0 5% 0;
    box-sizing: border-box;
    flex: 0 0 auto;
    width: 100%;
}
#panel-usluga-naprawa .naprawa-jakie__intro {
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--space-100);
    text-align: center;
    box-sizing: border-box;
    padding-top: 0;
}
#panel-usluga-naprawa .naprawa-jakie__intro .logistyka-sortowanie__title {
    color: var(--color-bg);
}
#panel-usluga-naprawa .naprawa-jakie__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-100);
    align-items: stretch;
}
#panel-usluga-naprawa .naprawa-jakie__col--text {
    width: 60%;
    max-width: 60%;
    justify-self: center;
    box-sizing: border-box;
}
#panel-usluga-naprawa .naprawa-jakie__col--text .logistyka-dlakogo__title {
    color: var(--color-bg);
    margin-bottom: var(--space-100);
    font-weight: 500;
    line-height: 1.4;
}
#panel-usluga-naprawa .naprawa-jakie__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--size-32);
}
#panel-usluga-naprawa .naprawa-jakie__list li {
    font-size: var(--font-size-20);
    font-weight: 400;
    line-height: 1.3;
    border-top: 1px solid rgb(255 255 255 / 0.35);
    padding-top: var(--space-10);
    margin: 0;
    color: var(--color-bg);
}
#panel-usluga-naprawa .naprawa-jakie__col--visual-wrap {
    display: flex;
    flex-direction: column;
    min-height: 0;
    align-self: stretch;
    height: 100%;
}
#panel-usluga-naprawa .naprawa-jakie__visual {
    position: relative;
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    height: 100%;
    border-radius: var(--radius-xl);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
#panel-usluga-naprawa .naprawa-jakie__visual-bg {
    position: absolute;
    inset: 0;
    background-image: url('../assets/IMG_6251 Duzy.png');
    background-size: cover;
    background-position: center;
    opacity: 0.7;
}
#panel-usluga-naprawa .naprawa-jakie__visual::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to right,
        rgb(5 6 8) 0%,
        rgb(5 6 8 / 0.88) 38%,
        rgb(5 6 8 / 0.35) 68%,
        rgb(5 6 8 / 0.08) 100%
    );
    pointer-events: none;
    z-index: 1;
}
#panel-usluga-naprawa .naprawa-jakie__visual-inner {
    position: relative;
    z-index: 2;
    margin-top: auto;
    padding: var(--space-56) var(--size-40);
    display: flex;
    flex-direction: column;
    gap: var(--space-100);
    box-sizing: border-box;
}
#panel-usluga-naprawa .naprawa-jakie__visual-text {
    font-size: var(--font-size-20);
    font-weight: 300;
    line-height: 1.3;
    color: var(--color-bg);
    margin: 0;
    max-width: 48rem;
}
@media (max-width: 1024px) {
    #panel-usluga-naprawa .naprawa-euro__grid,
    #panel-usluga-naprawa .naprawa-jakie__grid {
        grid-template-columns: 1fr;
        gap: var(--space-100);
    }
    #panel-usluga-naprawa .naprawa-jakie__col--text {
        width: 100%;
        max-width: 100%;
        justify-self: stretch;
    }
    #panel-usluga-naprawa .naprawa-jakie__col--visual-wrap {
        height: auto;
    }
    #panel-usluga-naprawa .naprawa-jakie__visual {
        flex: 0 1 auto;
        height: auto;
        min-height: 28rem;
    }
}
@media (max-width: 768px) {
    #panel-usluga-naprawa .naprawa-euro__cta-links {
        flex-wrap: wrap;
    }
}
/* Magazyn konsygnacyjny: Jakie palety… + Dla kogo… — jak .naprawa-euro / .naprawa-jakie */
#panel-usluga-magazyn .magazyn-palety {
    --magazyn-dark-surface: #0e0e13;
    color: var(--color-bg);
    max-width: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
#panel-usluga-magazyn .magazyn-palety__screen {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow: hidden;
    box-sizing: border-box;
    min-height: calc(75vh + 10rem);
}
#panel-usluga-magazyn .magazyn-palety__screen::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: var(--magazyn-dark-surface, #0e0e13);
    z-index: 3;
    pointer-events: none;
}
#panel-usluga-magazyn .magazyn-palety__bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-color: #0e0e13;
    --magazyn-palety-bg-photo: url('../assets/logistyka/kontrola.jpg');
    background-image: linear-gradient(180deg, rgba(94, 94, 94, 0.00) 0%, rgba(14, 14, 19, 0.50) 50%, rgba(14, 14, 19, 0.95) 80%, #0e0e13 100%), var(--magazyn-palety-bg-photo);
    background-position: center, center 92%;
    background-size: 100% 100%, cover;
    background-repeat: no-repeat;
}
#panel-usluga-magazyn .magazyn-palety__inner {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
    width: 100%;
    max-width: min(100%, calc(var(--container-max) * 0.8));
    margin: 0 auto;
    padding: var(--spacing-section-xl) 5% var(--spacing-section-xl);
    box-sizing: border-box;
}
#panel-usluga-magazyn .magazyn-palety__intro {
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--space-100);
    padding: 0;
    text-align: center;
    box-sizing: border-box;
}
#panel-usluga-magazyn .magazyn-palety__intro .logistyka-sortowanie__title {
    font-size: var(--font-size-48);
    font-weight: 400;
    color: var(--color-bg);
    margin: 0 0 var(--space-12);
    letter-spacing: -0.02em;
    line-height: 1.15;
}
#panel-usluga-magazyn .magazyn-palety__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-56);
    align-items: start;
}
#panel-usluga-magazyn .magazyn-palety__panel {
    background: rgb(255 255 255 / 0.06);
    border: 1px solid rgb(255 255 255 / 0.22);
    border-radius: var(--radius-xl);
    padding: var(--size-32);
    box-sizing: border-box;
    backdrop-filter: var(--backdrop-blur-sm);
    -webkit-backdrop-filter: var(--backdrop-blur-sm);
    height: 100%;
}
/* Typografia jak #panel-usluga-naprawa .naprawa-euro__panel */
#panel-usluga-magazyn .magazyn-palety__panel .logistyka-dlakogo__title {
    text-align: left;
    font-size: var(--font-size-h6);
    line-height: 1.35;
    color: var(--color-bg);
    font-weight: 500;
    margin: 0 0 var(--space-12);
    padding-bottom: 0;
    box-sizing: border-box;
}
#panel-usluga-magazyn .magazyn-palety__lead-in {
    font-size: var(--font-size-body);
    line-height: 1.5;
    color: var(--color-bg);
    margin: 0 0 var(--space-4);
}
#panel-usluga-magazyn .magazyn-palety__list {
    margin: 0 0 var(--space-24);
    padding-left: 1.25em;
    color: var(--color-bg);
    font-size: var(--font-size-body);
    line-height: 1.45;
}
#panel-usluga-magazyn .magazyn-palety__list li {
    margin-bottom: var(--space-4);
}
#panel-usluga-magazyn .magazyn-palety__list li:last-child {
    margin-bottom: 0;
}
#panel-usluga-magazyn .magazyn-palety__export {
    margin: 0 0 var(--size-40);
    font-size: var(--font-size-body);
    line-height: 1.5;
    color: var(--color-bg);
}
#panel-usluga-magazyn .magazyn-palety__cta-links {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 24px;
    min-width: 0;
    margin-top: 0;
    padding-top: var(--space-24);
    border-top: 1px solid rgb(255 255 255 / 0.35);
}
#panel-usluga-magazyn .magazyn-palety__cta-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    white-space: nowrap;
    font-size: var(--font-size-caption);
    color: var(--color-bg);
    text-decoration: underline;
    text-underline-offset: 0.15em;
    font-weight: 500;
}
#panel-usluga-magazyn .magazyn-palety__cta-link:hover {
    color: rgb(255 255 255 / 0.88);
}
#panel-usluga-magazyn .magazyn-palety__cta-link svg {
    flex-shrink: 0;
    display: block;
    width: 16px;
    height: 16px;
}
#panel-usluga-magazyn .magazyn-dla-kogo {
    background: #0e0e13;
    color: var(--color-bg);
    max-width: none;
    margin: 0;
    padding: 0 0 var(--spacing-section);
    box-sizing: border-box;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: -1px;
    position: relative;
    z-index: 1;
    min-height: 80vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
}
#panel-usluga-magazyn .magazyn-dla-kogo__inner {
    max-width: var(--container-max);
    margin: 0 auto;
    padding: 0 5% 0;
    box-sizing: border-box;
    flex: 0 0 auto;
    width: 100%;
}
#panel-usluga-magazyn .magazyn-dla-kogo__intro {
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--space-100);
    text-align: center;
    box-sizing: border-box;
    padding-top: 0;
}
#panel-usluga-magazyn .magazyn-dla-kogo__intro .logistyka-sortowanie__title {
    font-size: var(--font-size-48);
    font-weight: 400;
    color: var(--color-bg);
    margin: 0 0 var(--space-12);
    letter-spacing: -0.02em;
    line-height: 1.15;
}
#panel-usluga-magazyn .magazyn-dla-kogo__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-100);
    align-items: stretch;
}
#panel-usluga-magazyn .magazyn-dla-kogo__col--text {
    width: 90%;
    max-width: 90%;
    justify-self: center;
    box-sizing: border-box;
}
#panel-usluga-magazyn .magazyn-dla-kogo__col--text .logistyka-dlakogo__title {
    color: var(--color-bg);
    margin-bottom: var(--space-56);
    font-weight: 500;
    line-height: 1.4;
}
#panel-usluga-magazyn .magazyn-dla-kogo__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--size-32);
}
#panel-usluga-magazyn .magazyn-dla-kogo__list li {
    font-size: var(--font-size-20);
    font-weight: 400;
    line-height: 1.3;
    border-top: 1px solid rgb(255 255 255 / 0.35);
    padding-top: var(--space-10);
    margin: 0;
    color: var(--color-bg);
}
#panel-usluga-magazyn .magazyn-dla-kogo__col--visual-wrap {
    display: flex;
    flex-direction: column;
    min-height: 0;
    align-self: stretch;
    height: 100%;
}
#panel-usluga-magazyn .magazyn-dla-kogo__visual {
    position: relative;
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    height: 100%;
    border-radius: var(--radius-xl);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
#panel-usluga-magazyn .magazyn-dla-kogo__visual-bg {
    position: absolute;
    inset: 0;
    background-image: url('../assets/magazyn/zapotrzebowanie.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0.7;
}
#panel-usluga-magazyn .magazyn-dla-kogo__visual::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to right,
        rgb(5 6 8) 0%,
        rgb(5 6 8 / 0.88) 38%,
        rgb(5 6 8 / 0.35) 68%,
        rgb(5 6 8 / 0.08) 100%
    );
    pointer-events: none;
    z-index: 1;
}
#panel-usluga-magazyn .magazyn-dla-kogo__visual-inner {
    position: relative;
    z-index: 2;
    margin-top: auto;
    padding: var(--space-56) var(--size-40);
    display: flex;
    flex-direction: column;
    gap: var(--space-100);
    box-sizing: border-box;
}
#panel-usluga-magazyn .magazyn-dla-kogo__visual-text {
    font-size: var(--font-size-20);
    font-weight: 300;
    line-height: 1.3;
    color: var(--color-bg);
    margin: 0;
    max-width: 48rem;
}
@media (max-width: 1024px) {
    #panel-usluga-magazyn .magazyn-palety__grid,
    #panel-usluga-magazyn .magazyn-dla-kogo__grid,
    #panel-usluga-obrobka .magazyn-palety__grid,
    #panel-usluga-obrobka .magazyn-dla-kogo__grid {
        grid-template-columns: 1fr;
        gap: var(--space-100);
    }
    #panel-usluga-magazyn .magazyn-dla-kogo__col--text,
    #panel-usluga-obrobka .magazyn-dla-kogo__col--text {
        width: 100%;
        max-width: 100%;
        justify-self: stretch;
    }
    #panel-usluga-magazyn .magazyn-dla-kogo__col--visual-wrap,
    #panel-usluga-obrobka .magazyn-dla-kogo__col--visual-wrap {
        height: auto;
    }
    #panel-usluga-magazyn .magazyn-dla-kogo__visual,
    #panel-usluga-obrobka .magazyn-dla-kogo__visual {
        flex: 0 1 auto;
        height: auto;
        min-height: 28rem;
    }
}
@media (max-width: 768px) {
    #panel-usluga-magazyn .magazyn-palety__cta-links,
    #panel-usluga-obrobka .magazyn-palety__cta-links {
        flex-wrap: wrap;
    }
}
/* Obróbka fitosanitarna: jak magazyn-palety__screen + magazyn-dla-kogo */
#panel-usluga-obrobka .magazyn-palety {
    --magazyn-dark-surface: #0e0e13;
    color: var(--color-bg);
    max-width: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
#panel-usluga-obrobka .magazyn-palety__screen {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow: hidden;
    box-sizing: border-box;
    min-height: calc(75vh + 10rem);
}
#panel-usluga-obrobka .magazyn-palety__screen::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: var(--magazyn-dark-surface, #0e0e13);
    z-index: 3;
    pointer-events: none;
}
#panel-usluga-obrobka .magazyn-palety__bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-color: #0e0e13;
    background-image: linear-gradient(180deg, rgba(94, 94, 94, 0.00) 0%, rgba(14, 14, 19, 0.50) 50%, rgba(14, 14, 19, 0.95) 80%, #0e0e13 100%), url('../assets/obrobka/obrobkafw.webp');
    background-position: center, center 92%;
    background-size: 100% 100%, cover;
    background-repeat: no-repeat;
}
#panel-usluga-obrobka .magazyn-palety__inner {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
    width: 100%;
    max-width: min(100%, calc(var(--container-max) * 0.8));
    margin: 0 auto;
    padding: var(--spacing-section-xl) 5% var(--spacing-section-xl);
    box-sizing: border-box;
}
#panel-usluga-obrobka .magazyn-palety__intro {
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--space-100);
    padding: 0;
    text-align: center;
    box-sizing: border-box;
}
#panel-usluga-obrobka .magazyn-palety__intro .logistyka-sortowanie__title {
    font-size: var(--font-size-48);
    font-weight: 400;
    color: var(--color-bg);
    margin: 0 0 var(--space-12);
    letter-spacing: -0.02em;
    line-height: 1.15;
}
#panel-usluga-obrobka .magazyn-palety__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-56);
    align-items: start;
}
@media (max-width: 1024px) {
    #panel-usluga-obrobka .magazyn-palety__grid {
        grid-template-columns: 1fr;
        gap: var(--space-24);
    }
    #panel-usluga-obrobka .magazyn-palety__panel {
        height: auto;
    }
}
#panel-usluga-obrobka .magazyn-palety__panel {
    background: rgb(255 255 255 / 0.06);
    border: 1px solid rgb(255 255 255 / 0.22);
    border-radius: var(--radius-xl);
    padding: var(--size-32);
    box-sizing: border-box;
    backdrop-filter: var(--backdrop-blur-sm);
    -webkit-backdrop-filter: var(--backdrop-blur-sm);
    height: 100%;
}
#panel-usluga-obrobka .magazyn-palety__panel .logistyka-dlakogo__title {
    text-align: left;
    font-size: var(--font-size-h6);
    line-height: 1.35;
    color: var(--color-bg);
    font-weight: 500;
    margin: 0 0 var(--space-12);
    padding-bottom: 0;
    box-sizing: border-box;
}
#panel-usluga-obrobka .magazyn-palety__lead-in {
    font-size: var(--font-size-body);
    line-height: 1.5;
    color: var(--color-bg);
    margin: 0 0 var(--space-4);
}
#panel-usluga-obrobka .magazyn-palety__list {
    margin: 0;
    padding-left: 1.25em;
    color: var(--color-bg);
    font-size: var(--font-size-body);
    line-height: 1.45;
}
#panel-usluga-obrobka .magazyn-palety__list li {
    margin-bottom: var(--space-4);
}
#panel-usluga-obrobka .magazyn-palety__list li:last-child {
    margin-bottom: 0;
}
#panel-usluga-obrobka .magazyn-palety__export {
    margin: 0 0 var(--size-40);
    font-size: var(--font-size-20);
    line-height: 1.25;
    color: var(--color-bg);
    font-weight: 300;
}
#panel-usluga-obrobka .magazyn-palety__cta-links {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 24px;
    min-width: 0;
    margin-top: 0;
    padding-top: var(--space-24);
    border-top: 1px solid rgb(255 255 255 / 0.35);
}
#panel-usluga-obrobka .magazyn-palety__cta-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    white-space: nowrap;
    font-size: var(--font-size-caption);
    color: var(--color-bg);
    text-decoration: underline;
    text-underline-offset: 0.15em;
    font-weight: 500;
}
#panel-usluga-obrobka .magazyn-palety__cta-link:hover {
    color: rgb(255 255 255 / 0.88);
}
#panel-usluga-obrobka .magazyn-palety__cta-link svg {
    flex-shrink: 0;
    display: block;
    width: 16px;
    height: 16px;
}
#panel-usluga-obrobka .magazyn-dla-kogo {
    background: #0e0e13;
    color: var(--color-bg);
    max-width: none;
    margin: 0;
    padding: 0 0 var(--spacing-section);
    box-sizing: border-box;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: -1px;
    position: relative;
    z-index: 1;
    min-height: 80vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
}
#panel-usluga-obrobka .magazyn-dla-kogo__inner {
    max-width: var(--container-max);
    margin: 0 auto;
    padding: 0 5% 0;
    box-sizing: border-box;
    flex: 0 0 auto;
    width: 100%;
}
#panel-usluga-obrobka .magazyn-dla-kogo__intro {
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--space-100);
    text-align: center;
    box-sizing: border-box;
    padding-top: 0;
}
#panel-usluga-obrobka .magazyn-dla-kogo__intro .logistyka-sortowanie__title {
    font-size: var(--font-size-48);
    font-weight: 400;
    color: var(--color-bg);
    margin: 0 0 var(--space-12);
    letter-spacing: -0.02em;
    line-height: 1.15;
}
#panel-usluga-obrobka .magazyn-dla-kogo__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-100);
    align-items: stretch;
}
#panel-usluga-obrobka .magazyn-dla-kogo__col--text {
    width: 90%;
    max-width: 90%;
    justify-self: center;
    box-sizing: border-box;
}
#panel-usluga-obrobka .magazyn-dla-kogo__col--text .logistyka-dlakogo__title {
    color: var(--color-bg);
    margin-bottom: var(--space-56);
    font-weight: 500;
    line-height: 1.4;
}
#panel-usluga-obrobka .magazyn-dla-kogo__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--size-32);
}
#panel-usluga-obrobka .magazyn-dla-kogo__list li {
    font-size: var(--font-size-20);
    font-weight: 400;
    line-height: 1.3;
    border-top: 1px solid rgb(255 255 255 / 0.35);
    padding-top: var(--space-10);
    margin: 0;
    color: var(--color-bg);
}
#panel-usluga-obrobka .magazyn-dla-kogo__col--visual-wrap {
    display: flex;
    flex-direction: column;
    min-height: 0;
    align-self: stretch;
    height: 100%;
}
#panel-usluga-obrobka .magazyn-dla-kogo__visual {
    position: relative;
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    height: 100%;
    border-radius: var(--radius-xl);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
#panel-usluga-obrobka .magazyn-dla-kogo__visual-bg {
    position: absolute;
    inset: 0;
    background-image: url('../assets/nawymiar.webp');
    background-size: cover;
    background-position: center;
    opacity: 0.7;
}
#panel-usluga-obrobka .magazyn-dla-kogo__visual::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to right,
        rgb(5 6 8) 0%,
        rgb(5 6 8 / 0.88) 38%,
        rgb(5 6 8 / 0.35) 68%,
        rgb(5 6 8 / 0.08) 100%
    );
    pointer-events: none;
    z-index: 1;
}
#panel-usluga-obrobka .magazyn-dla-kogo__visual-inner {
    position: relative;
    z-index: 2;
    margin-top: auto;
    padding: var(--space-56) var(--size-40);
    display: flex;
    flex-direction: column;
    gap: var(--space-100);
    box-sizing: border-box;
}
#panel-usluga-obrobka .magazyn-dla-kogo__visual-text {
    font-size: var(--font-size-20);
    font-weight: 300;
    line-height: 1.3;
    color: var(--color-bg);
    margin: 0;
    max-width: 48rem;
}
/* Magazyn: korzyści — karuzela jak #panel-usluga-skup .skup-wymiana (4 slajdy = 4 kropki) */
#panel-usluga-magazyn .magazyn-korzysci {
    --warto-slide-w: 85rem;
    --warto-slide-gap: 32px;
    --warto-inset: clamp(6rem, 36vw, 75rem);
    --dlaczego-tile-text-max: 60%;
    --dlaczego-two-slides-w: calc(2 * var(--warto-slide-w) + var(--warto-slide-gap));
    --dlaczego-track-pad-end: calc(var(--warto-inset) + var(--warto-slide-gap));
    margin-top: var(--space-100);
    margin-bottom: var(--spacing-section);
}
#panel-usluga-magazyn .magazyn-korzysci__intro {
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--space-56);
    padding: 0 5%;
    text-align: center;
    box-sizing: border-box;
}
#panel-usluga-magazyn .magazyn-korzysci__intro .logistyka-sortowanie__title {
    font-size: var(--font-size-48);
    font-weight: 400;
    color: var(--color-text);
    margin: 0 0 var(--space-12);
    letter-spacing: -0.02em;
    line-height: 1.15;
}
#panel-usluga-magazyn .magazyn-korzysci__carousel-shell {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    overflow-x: hidden;
    box-sizing: border-box;
}
#panel-usluga-magazyn .magazyn-korzysci__arrows-row {
    display: flex;
    align-items: center;
    padding-left: var(--warto-inset);
    margin-bottom: 3rem;
    box-sizing: border-box;
}
#panel-usluga-magazyn .magazyn-korzysci__arrows-spacer {
    flex: 0 0 var(--dlaczego-two-slides-w);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-height: 1px;
    box-sizing: border-box;
}
#panel-usluga-magazyn .magazyn-korzysci__arrows {
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
}
#panel-usluga-magazyn .magazyn-korzysci__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    border: none;
    background: transparent;
    color: var(--color-text);
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.2s ease;
}
#panel-usluga-magazyn .magazyn-korzysci__arrow:hover {
    opacity: 1;
}
#panel-usluga-magazyn .magazyn-korzysci__arrow svg {
    display: block;
    width: 2.8rem;
    height: 2.8rem;
}
#panel-usluga-magazyn .magazyn-korzysci__viewport {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
#panel-usluga-magazyn .magazyn-korzysci__viewport::-webkit-scrollbar {
    display: none;
}
#panel-usluga-magazyn .magazyn-korzysci__track {
    display: flex;
    flex-direction: row;
    gap: var(--warto-slide-gap);
    width: max-content;
    padding-left: var(--warto-inset);
    padding-right: var(--dlaczego-track-pad-end);
    box-sizing: border-box;
}
#panel-usluga-magazyn .magazyn-korzysci__slide {
    flex: 0 0 var(--warto-slide-w);
    min-width: 0;
    box-sizing: border-box;
}
#panel-usluga-magazyn .magazyn-korzysci__tile {
    position: relative;
    width: 100%;
    border-radius: var(--radius-xl);
    overflow: hidden;
    aspect-ratio: 16 / 12;
    background: var(--color-text);
    box-sizing: border-box;
}
#panel-usluga-magazyn .magazyn-korzysci__tile::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 62%;
    z-index: 1;
    background: linear-gradient(to top, rgba(14, 14, 19, 0.88) 0%, rgba(14, 14, 19, 0.7) 42%, rgba(14, 14, 19, 0) 100%);
    pointer-events: none;
}
#panel-usluga-magazyn .magazyn-korzysci__tile-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}
#panel-usluga-magazyn .magazyn-korzysci__tile-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
#panel-usluga-magazyn .magazyn-korzysci__tile-body {
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: var(--size-32);
    cursor: default;
}
#panel-usluga-magazyn .magazyn-korzysci__tile-body > * {
    max-width: var(--dlaczego-tile-text-max);
}
#panel-usluga-magazyn .magazyn-korzysci__tile-body h3 {
    font-size: 3rem;
    font-weight: 400;
    margin: 0 0 5rem;
    color: #fff;
}
#panel-usluga-magazyn .magazyn-korzysci__tile-body h3:has(+ p) {
    margin-bottom: var(--space-16);
}
#panel-usluga-magazyn .magazyn-korzysci__tile-body p {
    font-size: var(--font-size-body-sm);
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.92);
    margin: 0;
    flex: 0 1 auto;
}
#panel-usluga-magazyn .magazyn-korzysci__foot {
    position: relative;
    margin-top: var(--space-56);
    padding: 0 var(--warto-inset);
    box-sizing: border-box;
}
#panel-usluga-magazyn .magazyn-korzysci__dots-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    width: 100%;
    max-width: min(100%, calc(100vw - 2 * var(--warto-inset)));
    margin: 0 auto;
    padding: 0 5%;
    box-sizing: border-box;
}
#panel-usluga-magazyn .magazyn-korzysci__dots {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 1.5rem;
    background: rgba(14, 14, 19, 0.08);
    border-radius: var(--radius-pill);
}
#panel-usluga-magazyn .magazyn-korzysci__dots button {
    width: 0.8rem;
    height: 0.8rem;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: rgba(14, 14, 19, 0.2);
    cursor: pointer;
    transition: background 0.2s, width 0.2s, border-radius 0.2s;
}
#panel-usluga-magazyn .magazyn-korzysci__dots button.is-active {
    width: 3.5rem;
    border-radius: var(--radius-pill);
    background: var(--color-accent);
}
@media (max-width: 768px) {
    #panel-usluga-magazyn .magazyn-korzysci__arrows-spacer {
        display: none;
    }
    #panel-usluga-magazyn .magazyn-korzysci__arrows {
        display: none;
    }
    #panel-usluga-magazyn .magazyn-korzysci__slide {
        flex: 0 0 min(90vw, var(--warto-slide-w));
    }
}
@media (max-width: 1024px) {
    #panel-usluga-magazyn .magazyn-korzysci {
        --warto-slide-w: min(65rem, 55vw);
    }
    #panel-usluga-magazyn .magazyn-korzysci__arrows-spacer {
        flex-basis: min(calc(100vw - var(--warto-inset)), var(--dlaczego-two-slides-w));
    }
}
/* Naprawa: Dlaczego warto — karuzela (jak .logistyka-dlaczego) */
#panel-usluga-naprawa .naprawa-dlaczego {
    --warto-slide-w: 85rem;
    --warto-slide-gap: 32px;
    --warto-inset: clamp(6rem, 36vw, 75rem);
    --dlaczego-tile-text-max: 60%;
    /* Szerokość pierwszego + drugiego kafelka + szczelina — do wyrównania strzałek do prawej krawędzi drugiego kafelka */
    --dlaczego-two-slides-w: calc(2 * var(--warto-slide-w) + var(--warto-slide-gap));
    /* Dodatkowy „oddech” po ostatnim slajdzie (przewijanie + wyrównanie strzałek) */
    --dlaczego-track-pad-end: calc(var(--warto-inset) + var(--warto-slide-gap));
    margin-top: var(--space-100);
    margin-bottom: var(--spacing-section);
}
#panel-usluga-naprawa .naprawa-dlaczego__intro {
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--space-56);
    padding: 0 5%;
    text-align: center;
    box-sizing: border-box;
}
/* Jak #panel-usluga-logistyka .logistyka-sortowanie__title (sekcja Dlaczego warto w Logistyce) */
#panel-usluga-naprawa .naprawa-dlaczego__intro .logistyka-sortowanie__title {
    font-size: var(--font-size-48);
    font-weight: 400;
    color: var(--color-text);
    margin: 0 0 var(--space-12);
    letter-spacing: -0.02em;
    line-height: 1.15;
}
#panel-usluga-naprawa .naprawa-dlaczego__carousel-shell {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    overflow-x: hidden;
    box-sizing: border-box;
}
#panel-usluga-naprawa .naprawa-dlaczego__arrows-row {
    display: flex;
    align-items: center;
    padding-left: var(--warto-inset);
    margin-bottom: 3rem;
    box-sizing: border-box;
}
#panel-usluga-naprawa .naprawa-dlaczego__arrows-spacer {
    flex: 0 0 var(--dlaczego-two-slides-w);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-height: 1px;
    box-sizing: border-box;
}
#panel-usluga-naprawa .naprawa-dlaczego__arrows {
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
}
#panel-usluga-naprawa .naprawa-dlaczego__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    border: none;
    background: transparent;
    color: var(--color-text);
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.2s ease;
}
#panel-usluga-naprawa .naprawa-dlaczego__arrow:hover {
    opacity: 1;
}
#panel-usluga-naprawa .naprawa-dlaczego__arrow svg {
    display: block;
    width: 2.8rem;
    height: 2.8rem;
}
#panel-usluga-naprawa .naprawa-dlaczego__viewport {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
#panel-usluga-naprawa .naprawa-dlaczego__viewport::-webkit-scrollbar {
    display: none;
}
#panel-usluga-naprawa .naprawa-dlaczego__track {
    display: flex;
    flex-direction: row;
    gap: var(--warto-slide-gap);
    width: max-content;
    padding-left: var(--warto-inset);
    padding-right: var(--dlaczego-track-pad-end);
    box-sizing: border-box;
}
#panel-usluga-naprawa .naprawa-dlaczego__slide {
    flex: 0 0 var(--warto-slide-w);
    min-width: 0;
    box-sizing: border-box;
}
#panel-usluga-naprawa .naprawa-dlaczego__tile {
    position: relative;
    width: 100%;
    border-radius: var(--radius-xl);
    overflow: hidden;
    aspect-ratio: 16 / 12;
    background: var(--color-text);
    box-sizing: border-box;
}
#panel-usluga-naprawa .naprawa-dlaczego__tile::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 62%;
    z-index: 1;
    background: linear-gradient(to top, rgba(14, 14, 19, 0.88) 0%, rgba(14, 14, 19, 0.7) 42%, rgba(14, 14, 19, 0) 100%);
    pointer-events: none;
}
#panel-usluga-naprawa .naprawa-dlaczego__tile-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}
#panel-usluga-naprawa .naprawa-dlaczego__tile-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
#panel-usluga-naprawa .naprawa-dlaczego__tile-body {
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: var(--size-32);
    cursor: default;
}
#panel-usluga-naprawa .naprawa-dlaczego__tile-body > * {
    max-width: var(--dlaczego-tile-text-max);
}
#panel-usluga-naprawa .naprawa-dlaczego__tile-body h3 {
    font-size: 3rem;
    font-weight: 400;
    margin: 0 0 5rem;
    color: #fff;
}
#panel-usluga-naprawa .naprawa-dlaczego__tile-body p {
    font-size: var(--font-size-body-sm);
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.92);
    margin: 0;
    flex: 0 1 auto;
}
#panel-usluga-naprawa .naprawa-dlaczego__foot {
    position: relative;
    margin-top: var(--space-56);
    padding: 0 var(--warto-inset);
    box-sizing: border-box;
}
#panel-usluga-naprawa .naprawa-dlaczego__dots-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    width: 100%;
    max-width: min(100%, calc(100vw - 2 * var(--warto-inset)));
    margin: 0 auto;
    padding: 0 5%;
    box-sizing: border-box;
}
#panel-usluga-naprawa .naprawa-dlaczego__dots {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 1.5rem;
    background: rgba(14, 14, 19, 0.08);
    border-radius: var(--radius-pill);
}
#panel-usluga-naprawa .naprawa-dlaczego__dots button {
    width: 0.8rem;
    height: 0.8rem;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: rgba(14, 14, 19, 0.2);
    cursor: pointer;
    transition: background 0.2s, width 0.2s, border-radius 0.2s;
}
#panel-usluga-naprawa .naprawa-dlaczego__dots button.is-active {
    width: 3.5rem;
    border-radius: var(--radius-pill);
    background: var(--color-accent);
}
@media (max-width: 768px) {
    #panel-usluga-naprawa .naprawa-dlaczego__arrows-spacer {
        display: none;
    }
    #panel-usluga-naprawa .naprawa-dlaczego__arrows {
        display: none;
    }
    #panel-usluga-naprawa .naprawa-dlaczego__slide {
        flex: 0 0 min(90vw, var(--warto-slide-w));
    }
}
@media (max-width: 1024px) {
    #panel-usluga-naprawa .naprawa-dlaczego {
        --warto-slide-w: min(65rem, 55vw);
    }
    #panel-usluga-naprawa .naprawa-dlaczego__arrows-spacer {
        flex-basis: min(calc(100vw - var(--warto-inset)), var(--dlaczego-two-slides-w));
    }
}
/* Proces naprawy — siatka 2×2 (Figma): tło #EEEFF2, etykieta #0e0e13, numery SVG w tle */
#panel-usluga-naprawa .naprawa-proces {
    --naprawa-proces-tile-bg: #eeeff2;
    --naprawa-proces-num: #5c5c5c;
    --naprawa-proces-watermark-opacity: 0.08;
    --naprawa-proces-line: #c3c3c3;
    --naprawa-proces-note: #191919;
    --naprawa-proces-tile-w: 50rem;
    --naprawa-proces-tile-min-h: 64.625rem;
    --naprawa-proces-hero-text: 3.5rem;
    --naprawa-proces-keylist-text: var(--font-size-20);
    --naprawa-proces-small-text: var(--size-15);
    /* Jedna wysokość dla wszystkich SVG 1–4 (~142px przy 1rem=8px) */
    --naprawa-proces-watermark-h: 17.75rem;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0 5% var(--spacing-section);
    box-sizing: border-box;
    font-family: var(--font-main);
}
#panel-usluga-naprawa .naprawa-proces__inner {
    max-width: var(--container-max);
    margin: 0 auto;
    box-sizing: border-box;
}
#panel-usluga-naprawa .naprawa-proces__intro {
    text-align: center;
    margin-bottom: var(--space-56);
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
}
#panel-usluga-naprawa .naprawa-proces__intro .logistyka-sortowanie__title {
    font-size: var(--font-size-48);
    font-weight: 400;
    color: var(--color-text);
    margin: 0 0 var(--space-12);
    letter-spacing: -0.02em;
    line-height: 1.15;
}
#panel-usluga-naprawa .naprawa-proces__grid {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: var(--size-32);
    justify-content: center;
    align-items: flex-start;
    box-sizing: border-box;
}
#panel-usluga-naprawa .naprawa-proces__col {
    display: flex;
    flex-direction: column;
    gap: var(--size-32);
    min-width: 0;
    flex: 0 1 var(--naprawa-proces-tile-w);
    max-width: var(--naprawa-proces-tile-w);
}
#panel-usluga-naprawa .naprawa-proces__col--stagger {
    padding-top: var(--size-48);
}
#panel-usluga-naprawa .naprawa-proces__tile {
    position: relative;
    width: 100%;
    max-width: var(--naprawa-proces-tile-w);
    min-height: var(--naprawa-proces-tile-min-h);
    margin: 0;
    padding: var(--size-32) var(--size-24) var(--size-24);
    background: var(--naprawa-proces-tile-bg);
    border-radius: var(--radius-xl);
    box-sizing: border-box;
    overflow: hidden;
}
#panel-usluga-naprawa .naprawa-proces__label {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px var(--space-4);
    margin: 0 0 var(--space-8);
    background: var(--color-black);
    border-radius: var(--radius-xs);
    font-size: var(--naprawa-proces-small-text);
    font-weight: 400;
    line-height: 1.3;
    color: var(--naprawa-proces-tile-bg);
}
#panel-usluga-naprawa .naprawa-proces__num {
    position: absolute;
    right: var(--size-24);
    bottom: var(--space-24);
    height: var(--naprawa-proces-watermark-h);
    width: max-content;
    max-width: min(55%, 26.25rem);
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    pointer-events: none;
    z-index: 1;
}
#panel-usluga-naprawa .naprawa-proces__num img {
    display: block;
    height: 100%;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    object-position: right bottom;
}
#panel-usluga-naprawa .naprawa-proces__tile--hero .naprawa-proces__hero-text {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 43.75rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: var(--space-64);
    font-size: var(--naprawa-proces-hero-text);
    font-weight: 300;
    line-height: 1.3;
    color: var(--color-black);
    text-align: left;
}
#panel-usluga-naprawa .naprawa-proces__mini {
    position: relative;
    z-index: 2;
    margin: 0 0 var(--space-56);
    font-size: var(--naprawa-proces-small-text);
    font-weight: 400;
    line-height: 1.2;
    color: var(--color-black);
}
#panel-usluga-naprawa .naprawa-proces__keylist {
    list-style: none;
    margin: var(--space-16) 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--size-24);
    position: relative;
    z-index: 2;
}
#panel-usluga-naprawa .naprawa-proces__keylist > li {
    margin: 0;
    padding-top: var(--space-10);
    border-top: 1px solid var(--naprawa-proces-line);
    font-size: var(--naprawa-proces-keylist-text);
    font-weight: 400;
    line-height: 1.3;
    color: var(--color-black);
}
#panel-usluga-naprawa .naprawa-proces__keylist-li--stack {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}
#panel-usluga-naprawa .naprawa-proces .naprawa-euro__grade-desc {
    display: block;
    font-size: var(--naprawa-proces-small-text);
    line-height: 1.2;
    color: var(--color-text-muted);
}
#panel-usluga-naprawa .naprawa-proces__footnote {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    gap: var(--space-8);
    margin-top: var(--space-24);
    max-width: 44.625rem;
    flex-direction: column;
}
#panel-usluga-naprawa .naprawa-proces__footnote svg {
    flex-shrink: 0;
    width: var(--size-18);
    height: var(--size-18);
    margin-top: 2px;
    color: var(--color-black);
}
#panel-usluga-naprawa .naprawa-proces__footnote p {
    margin: 0;
    font-size: var(--naprawa-proces-small-text);
    font-weight: 400;
    line-height: 1.2;
    color: var(--naprawa-proces-note);
}
@media (max-width: 768px) {
    /* Proces naprawy — ta sama hierarchia co desktop (hero > lista > intro / stopka) */
    #panel-usluga-naprawa .naprawa-proces {
        --naprawa-proces-hero-text: clamp(2.75rem, 6.8vw, 3.5rem);
        --naprawa-proces-keylist-text: clamp(2.15rem, 5.1vw, 2.5rem);
        --naprawa-proces-small-text: clamp(1.6rem, 3.85vw, 1.875rem);
        --naprawa-proces-tile-min-h: 0;
        --naprawa-proces-watermark-h: clamp(9rem, 22vw, 14rem);
    }
    #panel-usluga-naprawa .naprawa-proces__tile {
        min-height: auto;
        padding-bottom: clamp(7rem, 18vw, 11rem);
    }
    #panel-usluga-naprawa .naprawa-proces__tile--hero .naprawa-proces__hero-text {
        padding-top: clamp(3rem, 8vw, var(--space-64));
    }
    #panel-usluga-naprawa .naprawa-proces__mini {
        margin-bottom: clamp(2.4rem, 6vw, var(--space-56));
    }
}
@media (max-width: 900px) {
    #panel-usluga-naprawa .naprawa-proces__grid {
        flex-direction: column;
    }
    #panel-usluga-naprawa .naprawa-proces__col {
        display: contents;
    }
    #panel-usluga-naprawa .naprawa-proces__col--stagger {
        padding-top: 0;
    }
    #panel-usluga-naprawa .naprawa-proces__col:first-child .naprawa-proces__tile:first-child {
        order: 1;
    }
    #panel-usluga-naprawa .naprawa-proces__col:last-child .naprawa-proces__tile:first-child {
        order: 2;
    }
    #panel-usluga-naprawa .naprawa-proces__col:first-child .naprawa-proces__tile:last-child {
        order: 3;
    }
    #panel-usluga-naprawa .naprawa-proces__col:last-child .naprawa-proces__tile:last-child {
        order: 4;
    }
    #panel-usluga-naprawa .naprawa-proces__tile {
        max-width: none;
    }
}
/* Dla kogo jest ta usługa? — nad „Jak rozpocząć współpracę?” */
#panel-usluga-logistyka .logistyka-dlakogo {
    margin-top: 0;
    margin-bottom: 0;
    color: var(--color-text);
}
#panel-usluga-logistyka .logistyka-dlakogo__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    max-width: calc(var(--container-max) * 0.6);
    margin-left: auto;
    margin-right: auto;
    padding-inline: 5%;
    box-sizing: border-box;
}
#panel-usluga-logistyka .logistyka-dlakogo__title {
    text-align: left;
    font-size: var(--font-size-h6);
    line-height: 1.35;
    color: var(--color-text);
    font-weight: 500;
    margin: 0 0 10px;
    padding-bottom: 0;
    box-sizing: border-box;
}
#panel-usluga-logistyka .logistyka-dlakogo .service-split-content {
    padding: 0;
}
#panel-usluga-logistyka .logistyka-dlakogo .service-split-content p {
    font-size: var(--font-size-body);
    color: var(--color-text);
    margin-bottom: 0;
    line-height: 1.5;
}
#panel-usluga-logistyka .logistyka-dlakogo__list {
    list-style: none;
    margin: var(--space-100) 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--size-32);
}
#panel-usluga-logistyka .logistyka-dlakogo__list li {
    font-size: var(--font-size-20);
    font-weight: 500;
    line-height: 1.3;
    border-top: 1px solid var(--color-text-muted);
    padding-top: var(--space-10);
    margin: 0;
}
#panel-usluga-logistyka .logistyka-dlakogo__media {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
}
#panel-usluga-logistyka .logistyka-dlakogo__media img {
    width: 100%;
    max-width: 56rem;
    height: auto;
    display: block;
}
@media (max-width: 1024px) {
    #panel-usluga-logistyka .logistyka-dlakogo__grid {
        grid-template-columns: 1fr;
        gap: var(--space-56);
        align-items: stretch;
    }
}
/* Magazyn — Jak rozpocząć współpracę? (jak #panel-usluga-logistyka .logistyka-dlakogo) */
#panel-usluga-magazyn .logistyka-dlakogo {
    margin-top: var(--spacing-section-xl);
    margin-bottom: 0;
    color: var(--color-text);
}
#panel-usluga-magazyn .logistyka-dlakogo .logistyka-dlakogo__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    max-width: calc(var(--container-max) * 0.6);
    margin-left: auto;
    margin-right: auto;
    padding-inline: 5%;
    box-sizing: border-box;
}
#panel-usluga-magazyn .logistyka-dlakogo .logistyka-dlakogo__title {
    text-align: left;
    font-size: var(--font-size-h6);
    line-height: 1.35;
    color: var(--color-text);
    font-weight: 500;
    margin: 0 0 10px;
    padding-bottom: 0;
    box-sizing: border-box;
}
#panel-usluga-magazyn .logistyka-dlakogo .service-split-content {
    padding: 0;
}
#panel-usluga-magazyn .logistyka-dlakogo .service-split-content p {
    font-size: var(--font-size-body);
    color: var(--color-text);
    margin-bottom: 0;
    line-height: 1.5;
}
#panel-usluga-magazyn .logistyka-dlakogo .logistyka-dlakogo__list {
    list-style: none;
    margin: var(--space-100) 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--size-32);
}
#panel-usluga-magazyn .logistyka-dlakogo .logistyka-dlakogo__list li {
    font-size: var(--font-size-20);
    font-weight: 500;
    line-height: 1.3;
    border-top: 1px solid var(--color-text-muted);
    padding-top: var(--space-10);
    margin: 0;
}
#panel-usluga-magazyn .logistyka-dlakogo .logistyka-dlakogo__media {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
}
#panel-usluga-magazyn .logistyka-dlakogo .logistyka-dlakogo__media img {
    width: 100%;
    max-width: 56rem;
    height: auto;
    display: block;
}
@media (max-width: 1024px) {
    #panel-usluga-magazyn .logistyka-dlakogo .logistyka-dlakogo__grid {
        grid-template-columns: 1fr;
        gap: var(--space-56);
        align-items: stretch;
    }
}
/* Kompleksowa obsługa palet — jak .logistyka-dlakogo (panel naprawa) */
#panel-usluga-naprawa .logistyka-dlakogo {
    margin-top: 0;
    margin-bottom: 0;
    color: var(--color-text);
}
#panel-usluga-naprawa .logistyka-dlakogo__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    max-width: calc(var(--container-max) * 0.6);
    margin-left: auto;
    margin-right: auto;
    padding-inline: 5%;
    box-sizing: border-box;
}
#panel-usluga-naprawa .logistyka-dlakogo__title {
    text-align: left;
    font-size: var(--font-size-h6);
    line-height: 1.35;
    color: var(--color-text);
    font-weight: 500;
    margin: 0 0 10px;
    padding-bottom: 0;
    box-sizing: border-box;
}
#panel-usluga-naprawa .logistyka-dlakogo .service-split-content {
    padding: 0;
}
#panel-usluga-naprawa .logistyka-dlakogo .service-split-content p {
    font-size: var(--font-size-body);
    color: var(--color-text);
    margin-bottom: 0;
    line-height: 1.5;
}
#panel-usluga-naprawa .logistyka-dlakogo .logistyka-dlakogo__list + .service-split-content {
    margin-top: var(--space-56);
}
#panel-usluga-naprawa .logistyka-dlakogo__list {
    list-style: none;
    margin: var(--space-56) 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--size-32);
}
#panel-usluga-naprawa .logistyka-dlakogo__list li {
    font-size: var(--font-size-20);
    font-weight: 500;
    line-height: 1.3;
    border-top: 1px solid var(--color-text-muted);
    padding-top: var(--space-10);
    margin: 0;
}
#panel-usluga-naprawa .logistyka-dlakogo__media {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
}
#panel-usluga-naprawa .logistyka-dlakogo__media img {
    width: 100%;
    max-width: 56rem;
    height: auto;
    display: block;
}
@media (max-width: 1024px) {
    #panel-usluga-naprawa .logistyka-dlakogo__grid {
        grid-template-columns: 1fr;
        gap: var(--space-56);
        align-items: stretch;
    }
}
/* Jak rozpocząć współpracę — w kontenerze .service-usluga-tab, tło czarne, 4 punkty na osi */
#panel-usluga-logistyka .service-usluga-tab.logistyka-wspolpraca {
    margin: var(--spacing-section) auto 0;
    background: var(--color-black);
    color: var(--color-bg);
}
#panel-usluga-logistyka .logistyka-wspolpraca__title {
    font-size: var(--font-size-h3);
    font-weight: 500;
    letter-spacing: -0.02em;
    color: var(--color-bg);
    margin: 0 0 var(--space-16);
    text-align: left;
}
#panel-usluga-logistyka .logistyka-wspolpraca__intro.service-split-content {
    padding: 0;
    width: 50%;
}
#panel-usluga-logistyka .logistyka-wspolpraca__intro.service-split-content p {
    font-size: var(--font-size-body);
    color: var(--bg-medium-grey);
    opacity: 0.8;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1.4;
}
#panel-usluga-logistyka .logistyka-wspolpraca .service-usluga-timeline {
    margin-top: 10rem;
}
#panel-usluga-logistyka .logistyka-wspolpraca .service-usluga-timeline__axis {
    opacity: 1;
}
#panel-usluga-logistyka .logistyka-wspolpraca .service-usluga-timeline__labels {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    color: var(--color-bg);
}
#panel-usluga-logistyka .logistyka-wspolpraca .service-usluga-timeline__dots {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
#panel-usluga-logistyka .logistyka-wspolpraca .service-usluga-timeline__line {
    background: var(--color-bg);
}
#panel-usluga-logistyka .logistyka-wspolpraca .service-usluga-timeline__dot {
    background: var(--color-bg);
}
#panel-usluga-logistyka .logistyka-wspolpraca .service-usluga-timeline__dot::before {
    border-color: var(--color-bg);
}
#panel-usluga-logistyka .logistyka-wspolpraca .service-usluga-timeline__axis::after {
    background: linear-gradient(to right, rgb(14 14 19 / 0), var(--color-black));
}
#panel-usluga-logistyka .logistyka-wspolpraca .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot::before {
    animation: service-usluga-timeline-dot-ring 8s linear infinite;
}
#panel-usluga-logistyka .logistyka-wspolpraca .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(1)::before { animation-delay: 0s; }
#panel-usluga-logistyka .logistyka-wspolpraca .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(2)::before { animation-delay: 2s; }
#panel-usluga-logistyka .logistyka-wspolpraca .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(3)::before { animation-delay: 4s; }
#panel-usluga-logistyka .logistyka-wspolpraca .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(4)::before { animation-delay: 6s; }
#panel-usluga-logistyka .logistyka-wspolpraca__cta {
    margin-top: var(--space-56);
    text-align: center;
    box-sizing: border-box;
}
#panel-usluga-logistyka .logistyka-wspolpraca__cta .product-related-cta {
    text-decoration: none;
}
/* Magazyn — logistyka palet (jak logistyka-wspolpraca: czarna zakładka, oś 4 punkty) */
#panel-usluga-magazyn .service-usluga-tab.magazyn-logistyka-palety {
    margin: var(--spacing-section) auto 0;
    background: var(--color-black);
    color: var(--color-bg);
}
#panel-usluga-magazyn .magazyn-logistyka-palety__title {
    font-size: var(--font-size-h3);
    font-weight: 500;
    letter-spacing: -0.02em;
    color: var(--color-bg);
    margin: 0 0 var(--space-16);
    text-align: left;
}
#panel-usluga-magazyn .magazyn-logistyka-palety__intro.service-split-content {
    padding: 0;
    width: 50%;
}
#panel-usluga-magazyn .magazyn-logistyka-palety__intro.service-split-content p {
    font-size: var(--font-size-body);
    color: var(--bg-medium-grey);
    opacity: 0.8;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1.4;
}
#panel-usluga-magazyn .magazyn-logistyka-palety .service-usluga-timeline {
    margin-top: 10rem;
}
#panel-usluga-magazyn .magazyn-logistyka-palety .service-usluga-timeline__axis {
    opacity: 1;
}
#panel-usluga-magazyn .magazyn-logistyka-palety .service-usluga-timeline__labels {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    color: var(--color-bg);
}
#panel-usluga-magazyn .magazyn-logistyka-palety .service-usluga-timeline__dots {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
#panel-usluga-magazyn .magazyn-logistyka-palety .service-usluga-timeline__line {
    background: var(--color-bg);
}
#panel-usluga-magazyn .magazyn-logistyka-palety .service-usluga-timeline__dot {
    background: var(--color-bg);
}
#panel-usluga-magazyn .magazyn-logistyka-palety .service-usluga-timeline__dot::before {
    border-color: var(--color-bg);
}
#panel-usluga-magazyn .magazyn-logistyka-palety .service-usluga-timeline__axis::after {
    background: linear-gradient(to right, rgb(14 14 19 / 0), var(--color-black));
}
#panel-usluga-magazyn .magazyn-logistyka-palety .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot::before {
    animation: service-usluga-timeline-dot-ring 8s linear infinite;
}
#panel-usluga-magazyn .magazyn-logistyka-palety .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(1)::before { animation-delay: 0s; }
#panel-usluga-magazyn .magazyn-logistyka-palety .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(2)::before { animation-delay: 2s; }
#panel-usluga-magazyn .magazyn-logistyka-palety .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(3)::before { animation-delay: 4s; }
#panel-usluga-magazyn .magazyn-logistyka-palety .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(4)::before { animation-delay: 6s; }
/* Naprawa — IPPC / eksport (jak logistyka-wspolpraca, 3 punkty osi + wiersz info + CTA) */
#panel-usluga-naprawa .naprawa-ippc {
    margin: var(--spacing-section) auto 0;
    background: var(--color-black);
    color: var(--color-bg);
}
#panel-usluga-naprawa .naprawa-ippc .naprawa-ippc__title {
    font-size: var(--font-size-h4);
    font-weight: 500;
    letter-spacing: -0.02em;
    color: var(--color-bg);
    margin: 0 0 var(--space-16);
    text-align: left;
}
#panel-usluga-naprawa .naprawa-ippc .naprawa-ippc__intro.service-split-content {
    padding: 0;
    width: 50%;
}
#panel-usluga-naprawa .naprawa-ippc .naprawa-ippc__intro.service-split-content p {
    font-size: var(--font-size-body);
    color: var(--bg-medium-grey);
    opacity: 0.8;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1.4;
}
#panel-usluga-naprawa .naprawa-ippc .naprawa-ippc__intro.service-split-content p + p {
    margin-top: var(--space-16);
}
#panel-usluga-naprawa .naprawa-ippc .service-usluga-timeline {
    margin-top: 10rem;
}
#panel-usluga-naprawa .naprawa-ippc .service-usluga-timeline__axis {
    opacity: 1;
}
#panel-usluga-naprawa .naprawa-ippc .service-usluga-timeline__labels {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    color: var(--color-bg);
}
/* Oś „wychodzi” w prawo (--tab-inline); bez tego ostatni krok i linia są przy krawędzi zamiast w linii z paddingiem zakładki */
#panel-usluga-naprawa .naprawa-ippc .service-usluga-timeline__track {
    padding-inline-end: var(--tab-inline);
    box-sizing: border-box;
}
#panel-usluga-naprawa .naprawa-ippc .service-usluga-timeline__dots {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
#panel-usluga-naprawa .naprawa-ippc .service-usluga-timeline__line {
    background: var(--color-bg);
}
#panel-usluga-naprawa .naprawa-ippc .service-usluga-timeline__dot {
    background: var(--color-bg);
}
#panel-usluga-naprawa .naprawa-ippc .service-usluga-timeline__dot::before {
    border-color: var(--color-bg);
}
#panel-usluga-naprawa .naprawa-ippc .service-usluga-timeline__axis::after {
    background: linear-gradient(to right, rgb(14 14 19 / 0), var(--color-black));
}
#panel-usluga-naprawa .naprawa-ippc .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot::before {
    animation: service-usluga-timeline-dot-ring 8s linear infinite;
}
#panel-usluga-naprawa .naprawa-ippc .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(1)::before { animation-delay: 0s; }
#panel-usluga-naprawa .naprawa-ippc .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(2)::before { animation-delay: 2s; }
#panel-usluga-naprawa .naprawa-ippc .service-usluga-timeline.is-timeline-ring-active .service-usluga-timeline__dot:nth-of-type(3)::before { animation-delay: 4s; }
#panel-usluga-naprawa .naprawa-ippc__foot {
    display: grid;
    /* jak .naprawa-ippc__intro (width: 50%) — kolumna z notatką ta sama szerokość co intro */
    grid-template-columns: 50% auto;
    gap: var(--space-24);
    align-items: stretch;
    margin-top: var(--space-56);
    padding-top: var(--space-40);
    box-sizing: border-box;
}
#panel-usluga-naprawa .naprawa-ippc__foot-note {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: var(--space-8);
    margin: 0;
    font-size: var(--font-size-body-sm);
    font-weight: 400;
    line-height: 1.45;
    color: rgb(255 255 255 / 0.72);
}
#panel-usluga-naprawa .naprawa-ippc__foot-note svg {
    flex-shrink: 0;
    width: var(--size-18);
    height: var(--size-18);
    margin-top: 2px;
    color: var(--color-bg);
}
#panel-usluga-naprawa .naprawa-ippc__foot-note p {
    margin: 0;
}
#panel-usluga-naprawa .naprawa-ippc__foot-cta {
    display: flex;
    justify-content: center;
    align-items: center;
}
#panel-usluga-naprawa .naprawa-ippc__foot-cta .product-related-cta {
    text-decoration: none;
}
@media (max-width: 768px) {
    #panel-usluga-naprawa .naprawa-ippc .naprawa-ippc__intro.service-split-content {
        width: 100%;
    }
    #panel-usluga-naprawa .naprawa-ippc__foot {
        grid-template-columns: 1fr;
    }
    #panel-usluga-naprawa .naprawa-ippc__foot-cta {
        justify-content: center;
    }
}
/* Sortowanie palet — karuzela (desktop + pełna szerokość w prawo) */
#panel-usluga-logistyka .logistyka-sortowanie {
    --logistyka-img-w: 65rem;
    --logistyka-img-h: 48.75rem;
    --logistyka-img-text-gap: 9.1rem;
    --logistyka-slide-w: calc(2 * var(--logistyka-img-w) + var(--logistyka-img-text-gap));
    --logistyka-slide-wide-extra: 26rem;
    --logistyka-slide-w-wide: calc(var(--logistyka-slide-w) + var(--logistyka-slide-wide-extra));
    --logistyka-inner-text-col-gap: 4rem;
    --logistyka-slide-gap: 100px;
    --logistyka-inset: clamp(6rem, 36vw, 75rem);
    margin-top: var(--spacing-section);
    margin-bottom: var(--spacing-section);
}
#panel-usluga-logistyka .logistyka-sortowanie__intro {
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--space-56);
    padding: 0 5%;
    text-align: center;
    box-sizing: border-box;
}
#panel-usluga-logistyka .logistyka-sortowanie__title {
    font-size: var(--font-size-48);
    font-weight: 400;
    color: var(--color-text);
    margin: 0 0 var(--space-12);
    letter-spacing: -0.02em;
    line-height: 1.15;
}
#panel-usluga-logistyka .logistyka-sortowanie__lead {
    font-size: var(--font-size-h6);
    line-height: 1.45;
    color: var(--color-text);
    margin: 0;
    max-width: 72rem;
    margin-left: auto;
    margin-right: auto;
}
#panel-usluga-logistyka .logistyka-sortowanie__carousel-shell {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    overflow-x: hidden;
    box-sizing: border-box;
}
#panel-usluga-logistyka .logistyka-sortowanie__arrows-row {
    display: flex;
    align-items: center;
    padding-left: var(--logistyka-inset);
    margin-bottom: 3rem; 
    box-sizing: border-box;
}
#panel-usluga-logistyka .logistyka-sortowanie__arrows-spacer {
    flex: 0 0 calc(var(--logistyka-slide-w) + var(--logistyka-slide-gap));
    min-height: 1px;
}
/* Spacer + powiązania jak rząd ze strzałkami (wyrównanie do zdjęcia); kropki wyśrodkowane w osi strony */
#panel-usluga-logistyka .logistyka-sortowanie__foot {
    position: relative;
    margin-top: var(--space-56);
    padding: 0 var(--logistyka-inset);
    border-top: none;
    box-sizing: border-box;
}
#panel-usluga-logistyka .logistyka-sortowanie__foot .logistyka-sortowanie__internal-links-row {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: 0;
    justify-content: flex-start;
}
#panel-usluga-logistyka .logistyka-sortowanie__foot .logistyka-sortowanie__dots-nav {
    position: absolute;
    left: 50%;
    top: 0.6rem;
    transform: translateX(-50%);
    margin: 0;
    padding: 0;
    width: auto;
    max-width: min(100%, calc(100vw - 2 * var(--logistyka-inset)));
    z-index: 1;
}
#panel-usluga-logistyka .logistyka-sortowanie__foot .logistyka-sortowanie__internal-links {
    border-top: var(--border-subtle);
    padding-top: 1rem;
    text-align: left;
}
#panel-usluga-logistyka .logistyka-sortowanie__foot .logistyka-sortowanie__internal-links-list {
    justify-content: flex-start;
    flex: 1 1 auto;
    min-width: 0;
}
/* USUNIĘTE na życzenie (2026-07-07): blok „Powiązanie wewnętrzne" (linki wewnętrzne SEO)
   w stopce karuzel usług — niepotrzebny. Ukrywamy cały blok na wszystkich stronach usług. */
.service-page [class*="internal-links"] {
    display: none !important;
}
#panel-usluga-logistyka .logistyka-sortowanie__internal-links-row {
    display: flex;
    align-items: flex-start;
    padding-left: var(--logistyka-inset);
    margin-bottom: 10px;
    box-sizing: border-box;
}
#panel-usluga-logistyka .logistyka-sortowanie__internal-links {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 1.5rem 2.4rem;
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    padding-top: 0.6rem;
    border-top: var(--border-subtle);
    box-sizing: border-box;
}
#panel-usluga-logistyka .logistyka-sortowanie__internal-links-label {
    margin: 0;
    flex-shrink: 0;
    white-space: nowrap;
    font-size: var(--font-size-caption);
    color: var(--color-text-muted);
}
#panel-usluga-logistyka .logistyka-sortowanie__internal-links-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 24px;
    flex: 1 1 auto;
    min-width: 0;
}
#panel-usluga-logistyka .logistyka-sortowanie__internal-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    white-space: nowrap;
    font-size: var(--font-size-caption);
    color: var(--color-black);
    text-decoration: underline;
    text-underline-offset: 0.15em;
    font-weight: 500;
}
#panel-usluga-logistyka .logistyka-sortowanie__internal-link:hover {
    color: var(--color-text);
}
#panel-usluga-logistyka .logistyka-sortowanie__internal-link svg {
    flex-shrink: 0;
    display: block;
    width: 16px;
    height: 16px;
}
#panel-usluga-logistyka .logistyka-sortowanie__arrows {
    flex: 0 0 var(--logistyka-img-w);
    max-width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
}
#panel-usluga-logistyka .logistyka-sortowanie__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    border: none;
    background: transparent;
    color: var(--color-text);
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.2s ease;
}
#panel-usluga-logistyka .logistyka-sortowanie__arrow:hover {
    opacity: 1;
}
#panel-usluga-logistyka .logistyka-sortowanie__arrow svg {
    display: block;
    width: 2.8rem;
    height: 2.8rem;
}
#panel-usluga-logistyka .logistyka-sortowanie__viewport {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
#panel-usluga-logistyka .logistyka-sortowanie__viewport::-webkit-scrollbar {
    display: none;
}
#panel-usluga-logistyka .logistyka-sortowanie__track {
    display: flex;
    flex-direction: row;
    gap: var(--logistyka-slide-gap);
    width: max-content;
    padding-left: var(--logistyka-inset);
    padding-right: var(--logistyka-inset);
    box-sizing: border-box;
}
#panel-usluga-logistyka .logistyka-sortowanie__slide {
    flex: 0 0 var(--logistyka-slide-w);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--logistyka-img-text-gap);
    align-items: center;
    min-width: 0;
    box-sizing: border-box;
}
#panel-usluga-logistyka .logistyka-sortowanie__slide--wide-text {
    flex: 0 0 var(--logistyka-slide-w-wide);
    grid-template-columns: minmax(0, var(--logistyka-img-w)) minmax(0, 1fr);
}
#panel-usluga-logistyka .logistyka-sortowanie .logistyka-sortowanie__slide--triple {
    display: block;
    /* Jeden obraz po lewej + treść po prawej — ta sama szerokość slajdu co układ standardowy (bez trzeciej kolumny ze zdjęciem). */
    flex: 0 0 var(--logistyka-slide-w);
    grid-template-columns: unset;
    min-width: 0;
}
/* Karuzela triple (magazyn + logistyka): flex — zdjęcie | blok tekstu | [zdjęcie] */
#panel-usluga-magazyn .logistyka-sortowanie .magazyn-proc-triple--flex,
#panel-usluga-logistyka .logistyka-sortowanie .magazyn-proc-triple--flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--logistyka-img-text-gap);
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}
#panel-usluga-magazyn .logistyka-sortowanie .magazyn-proc-triple--flex .magazyn-proc-triple__media--left,
#panel-usluga-magazyn .logistyka-sortowanie .magazyn-proc-triple--flex .magazyn-proc-triple__media--right,
#panel-usluga-logistyka .logistyka-sortowanie .magazyn-proc-triple--flex .magazyn-proc-triple__media--left,
#panel-usluga-logistyka .logistyka-sortowanie .magazyn-proc-triple--flex .magazyn-proc-triple__media--right {
    flex: 0 0 auto;
    width: min(100%, var(--logistyka-img-w));
    max-width: var(--logistyka-img-w);
}
#panel-usluga-magazyn .logistyka-sortowanie .magazyn-proc-triple--flex .magazyn-proc-triple__text,
#panel-usluga-logistyka .logistyka-sortowanie .magazyn-proc-triple--flex .magazyn-proc-triple__text {
    flex: 1 1 0;
    min-width: 0;
}
#panel-usluga-magazyn .logistyka-sortowanie .magazyn-proc-triple--flex .magazyn-proc-triple__head,
#panel-usluga-logistyka .logistyka-sortowanie .magazyn-proc-triple--flex .magazyn-proc-triple__head {
    text-align: left;
    max-width: none;
    margin: 0 0 var(--space-12);
    padding: 0;
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__slide--triple-single .magazyn-proc-triple--flex > .magazyn-proc-triple__img--left,
#panel-usluga-logistyka .logistyka-sortowanie .logistyka-sortowanie__slide--triple .magazyn-proc-triple--flex > .magazyn-proc-triple__img--left {
    margin-left: 0;
    margin-right: 0;
    align-self: center;
    border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__slide--triple:not(.logistyka-sortowanie__slide--triple-single) .magazyn-proc-triple--flex > .magazyn-proc-triple__img--left {
    align-self: flex-start;
    border-radius: var(--radius-lg) 0 0 var(--radius-lg);
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__slide--triple:not(.logistyka-sortowanie__slide--triple-single) .magazyn-proc-triple--flex > .magazyn-proc-triple__img--right {
    align-self: flex-start;
    border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
}
#panel-usluga-logistyka .logistyka-sortowanie .magazyn-proc-triple {
    width: 100%;
    min-width: 0;
}
#panel-usluga-logistyka .logistyka-sortowanie .magazyn-proc-triple__head {
    text-align: center;
    max-width: 100rem;
    margin: 0 auto var(--space-40);
    padding: 0 2%;
    box-sizing: border-box;
}
#panel-usluga-logistyka .logistyka-sortowanie .magazyn-proc-triple__lead {
    font-size: var(--font-size-18);
    line-height: 1.55;
    color: var(--color-text-muted);
    margin: 0;
}
#panel-usluga-logistyka .logistyka-sortowanie .magazyn-proc-triple__lead p {
    margin: 0 0 0.6em;
}
#panel-usluga-logistyka .logistyka-sortowanie .magazyn-proc-triple__lead p:last-child {
    margin-bottom: 0;
}
#panel-usluga-logistyka .logistyka-sortowanie .magazyn-proc-triple__center {
    min-width: 0;
    text-align: left;
}
#panel-usluga-logistyka .logistyka-sortowanie .magazyn-proc-triple__center-title {
    margin-bottom: var(--space-8);
}
#panel-usluga-logistyka .logistyka-sortowanie .magazyn-proc-triple__center-intro {
    font-size: var(--font-size-body-sm);
    line-height: 1.5;
    color: var(--color-text);
    margin: 0 0 var(--space-8);
}
#panel-usluga-logistyka .logistyka-sortowanie .magazyn-proc-triple__center-intro p {
    margin: 0 0 var(--space-6);
}
#panel-usluga-logistyka .logistyka-sortowanie .magazyn-proc-triple__center-intro p:last-child {
    margin-bottom: 0;
}
#panel-usluga-logistyka .logistyka-sortowanie .magazyn-proc-triple__lists {
    margin-top: 0;
}
#panel-usluga-logistyka .logistyka-sortowanie .magazyn-proc-triple__col-label {
    font-size: var(--font-size-body-sm);
    font-weight: 600;
    color: var(--color-text);
    margin: 0 0 var(--space-6);
    line-height: 1.3;
}
#panel-usluga-logistyka .logistyka-sortowanie .magazyn-proc-triple__img {
    margin-left: auto;
    margin-right: auto;
}
#panel-usluga-logistyka .logistyka-sortowanie .magazyn-proc-triple__img--right {
    display: none;
}
#panel-usluga-logistyka .logistyka-sortowanie .logistyka-sortowanie__slide-body--two-cols {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--logistyka-inner-text-col-gap);
    align-items: start;
}
#panel-usluga-logistyka .logistyka-sortowanie .logistyka-sortowanie__slide-body--two-cols .logistyka-sortowanie__slide-col p {
    margin-bottom: 0;
}
#panel-usluga-logistyka .logistyka-sortowanie__slide-img {
    width: 100%;
    max-width: var(--logistyka-img-w);
    height: var(--logistyka-img-h);
    border-radius: var(--radius-lg);
    overflow: hidden;
    background: var(--color-bg-alt);
}
#panel-usluga-logistyka .logistyka-sortowanie__slide-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
#panel-usluga-logistyka .logistyka-sortowanie__slide-text {
    text-align: left;
    min-width: 0;
}
#panel-usluga-logistyka .logistyka-sortowanie__slide-title {
    font-size: var(--font-size-h4);
    font-weight: 600;
    color: var(--color-text);
    margin: 0 0 var(--space-16);
    line-height: 1.2;
    letter-spacing: -0.02em;
}
#panel-usluga-logistyka .logistyka-sortowanie .magazyn-proc-triple__center > .logistyka-sortowanie__slide-title.magazyn-proc-triple__center-title {
    margin-top: 0;
    margin-bottom: var(--space-8);
}
#panel-usluga-logistyka .logistyka-sortowanie__slide-title--emph {
    font-size: var(--font-size-h3);
}
#panel-usluga-logistyka .logistyka-sortowanie__slide-body {
    font-size: var(--font-size-body-sm);
    line-height: 1.5;
    color: var(--color-text);
}
#panel-usluga-logistyka .logistyka-sortowanie__slide-body p {
    margin: 0 0 var(--space-6);
    line-height: 1.5;
}
#panel-usluga-logistyka .logistyka-sortowanie__slide-body p:last-child {
    margin-bottom: 0;
}
#panel-usluga-logistyka .logistyka-sortowanie__slide-body ul {
    margin: var(--space-6) 0 0;
    padding-left: 1.4em;
    list-style: disc;
}
#panel-usluga-logistyka .logistyka-sortowanie__slide-body li {
    margin-bottom: 0.35em;
}
/* Paginacja jak .tiles-6-carousel-nav / .tiles-6-carousel-dots (desktop); rozmiar kropek jak .logistyka-dlaczego__dots */
#panel-usluga-logistyka .logistyka-sortowanie__dots-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 0 5%;
    margin-top: 1rem;
    flex-shrink: 0;
    box-sizing: border-box;
}
#panel-usluga-logistyka .logistyka-sortowanie__dots {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: rgba(14, 14, 19, 0.08);
    border-radius: var(--radius-pill);
}
#panel-usluga-logistyka .logistyka-sortowanie__dots button {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    border: none;
    background: rgba(14, 14, 19, 0.2);
    cursor: pointer;
    padding: 0;
    transition: background 0.2s, width 0.2s, border-radius 0.2s;
}
#panel-usluga-logistyka .logistyka-sortowanie__dots button.is-active {
    width: 3.5rem;
    border-radius: var(--radius-pill);
    background: var(--color-accent);
}
@media (max-width: 768px) {
    #panel-usluga-logistyka .logistyka-sortowanie__arrows-spacer {
        display: none;
    }
    #panel-usluga-logistyka .logistyka-sortowanie__arrows {
        display: none;
    }
    /* Powiązania wewnętrzne — tylko w kolejnej sekcji (raport), nie pod karuzelą sortowania */
    #panel-usluga-logistyka section.logistyka-sortowanie .logistyka-sortowanie__foot .logistyka-sortowanie__internal-links-row {
        display: none;
    }
    #panel-usluga-logistyka .logistyka-sortowanie__foot {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
        margin-top: 1.6rem;
    }
    #panel-usluga-logistyka .logistyka-sortowanie__foot .logistyka-sortowanie__dots-nav {
        position: static;
        transform: none;
        left: auto;
        top: auto;
        z-index: auto;
        order: -1;
        justify-content: center;
        width: 100%;
        max-width: none;
        padding: 0 5%;
    }
    #panel-usluga-logistyka .logistyka-sortowanie__foot .logistyka-sortowanie__internal-links-row {
        width: 100%;
        max-width: none;
        justify-content: flex-start;
    }
    #panel-usluga-logistyka .logistyka-sortowanie__foot .logistyka-sortowanie__internal-links {
        flex-basis: 100%;
        border-top: var(--border-subtle);
        padding-top: 0.6rem;
        text-align: left;
    }
    #panel-usluga-logistyka .logistyka-sortowanie__internal-links-label {
        white-space: normal;
    }
    #panel-usluga-logistyka .logistyka-sortowanie__internal-links-list {
        flex-wrap: wrap;
    }
    #panel-usluga-logistyka .logistyka-sortowanie__slide {
        grid-template-columns: 1fr;
        flex: 0 0 min(90vw, var(--logistyka-slide-w));
    }
    #panel-usluga-logistyka .logistyka-sortowanie__slide--wide-text {
        flex: 0 0 min(90vw, var(--logistyka-slide-w-wide));
    }
    #panel-usluga-logistyka .logistyka-sortowanie .logistyka-sortowanie__slide--triple {
        flex: 0 0 min(90vw, var(--logistyka-slide-w));
    }
    #panel-usluga-magazyn .logistyka-sortowanie .magazyn-proc-triple--flex,
    #panel-usluga-logistyka .logistyka-sortowanie .magazyn-proc-triple--flex {
        flex-direction: column;
        align-items: stretch;
        gap: var(--space-24);
    }
    #panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__slide--triple-single .magazyn-proc-triple--flex:not(:has(.magazyn-proc-triple__head)),
    #panel-usluga-logistyka .logistyka-sortowanie .magazyn-proc-triple--flex:not(:has(.magazyn-proc-triple__head)) {
        align-items: stretch;
    }
    #panel-usluga-magazyn .logistyka-sortowanie .magazyn-proc-triple--flex > .magazyn-proc-triple__img--left,
    #panel-usluga-logistyka .logistyka-sortowanie .magazyn-proc-triple--flex > .magazyn-proc-triple__img--left {
        align-self: stretch;
        border-radius: var(--radius-lg);
    }
    #panel-usluga-magazyn .logistyka-sortowanie .magazyn-proc-triple--flex .magazyn-proc-triple__head,
    #panel-usluga-logistyka .logistyka-sortowanie .magazyn-proc-triple--flex .magazyn-proc-triple__head {
        text-align: center;
        max-width: 100rem;
        margin: 0 auto var(--space-12);
        padding: 0 2%;
    }
    #panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__slide--triple:not(.logistyka-sortowanie__slide--triple-single) .magazyn-proc-triple--flex > .magazyn-proc-triple__img--right {
        border-radius: var(--radius-lg);
    }
    #panel-usluga-logistyka .logistyka-sortowanie .logistyka-sortowanie__slide-body--two-cols {
        grid-template-columns: 1fr;
        gap: var(--space-16);
    }
    #panel-usluga-logistyka .logistyka-sortowanie__slide-img {
        width: 100%;
        max-width: 65rem;
    }
}
/* Naprawa — koszt (jak logistyka-sortowanie, 2 slajdy) */
#panel-usluga-naprawa .naprawa-koszt {
    --logistyka-img-w: 65rem;
    --logistyka-img-h: 48.75rem;
    --logistyka-img-text-gap: 9.1rem;
    --logistyka-slide-w: calc(2 * var(--logistyka-img-w) + var(--logistyka-img-text-gap));
    --logistyka-slide-wide-extra: 26rem;
    --logistyka-slide-w-wide: calc(var(--logistyka-slide-w) + var(--logistyka-slide-wide-extra));
    --logistyka-inner-text-col-gap: 4rem;
    --logistyka-slide-gap: 100px;
    --logistyka-inset: clamp(6rem, 36vw, 75rem);
    margin-top: var(--spacing-section);
    margin-bottom: var(--spacing-section);
}
#panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__intro {
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--space-56);
    padding: 0 5%;
    text-align: center;
    box-sizing: border-box;
}
#panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__title {
    font-size: var(--font-size-48);
    font-weight: 400;
    color: var(--color-text);
    margin: 0 0 var(--space-12);
    letter-spacing: -0.02em;
    line-height: 1.15;
}
#panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__lead {
    font-size: var(--font-size-h6);
    line-height: 1.45;
    color: var(--color-text);
    margin: 0;
    max-width: 72rem;
    margin-left: auto;
    margin-right: auto;
}
#panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__carousel-shell {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    overflow-x: hidden;
    box-sizing: border-box;
}
#panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__arrows-row {
    display: flex;
    align-items: center;
    padding-left: var(--logistyka-inset);
    margin-bottom: 3rem;
    box-sizing: border-box;
}
#panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__arrows-spacer {
    flex: 0 0 calc(var(--logistyka-slide-w) + var(--logistyka-slide-gap));
    min-height: 1px;
}
#panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__internal-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    white-space: nowrap;
    font-size: var(--font-size-caption);
    color: var(--color-black);
    text-decoration: underline;
    text-underline-offset: 0.15em;
    font-weight: 500;
}
#panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__internal-link:hover {
    color: var(--color-text);
}
#panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__internal-link svg {
    flex-shrink: 0;
    display: block;
    width: 16px;
    height: 16px;
}
#panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__arrows {
    flex: 0 0 var(--logistyka-img-w);
    max-width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
}
#panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    border: none;
    background: transparent;
    color: var(--color-text);
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.2s ease;
}
#panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__arrow:hover {
    opacity: 1;
}
#panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__arrow svg {
    display: block;
    width: 2.8rem;
    height: 2.8rem;
}
#panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__viewport {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
#panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__viewport::-webkit-scrollbar {
    display: none;
}
#panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__track {
    display: flex;
    flex-direction: row;
    gap: var(--logistyka-slide-gap);
    width: max-content;
    padding-left: var(--logistyka-inset);
    padding-right: var(--logistyka-inset);
    box-sizing: border-box;
}
#panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__slide {
    flex: 0 0 var(--logistyka-slide-w);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--logistyka-img-text-gap);
    align-items: center;
    min-width: 0;
    box-sizing: border-box;
}
#panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__slide--wide-text {
    flex: 0 0 var(--logistyka-slide-w-wide);
    grid-template-columns: minmax(0, var(--logistyka-img-w)) minmax(0, 1fr);
}
#panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__slide-img {
    width: 100%;
    max-width: var(--logistyka-img-w);
    height: var(--logistyka-img-h);
    border-radius: var(--radius-lg);
    overflow: hidden;
    background: var(--color-bg-alt);
}
#panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__slide-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
#panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__slide-text {
    text-align: left;
    min-width: 0;
}
#panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__slide-title {
    font-size: var(--font-size-h4);
    font-weight: 600;
    color: var(--color-text);
    margin: 0 0 var(--space-16);
    line-height: 1.2;
    letter-spacing: -0.02em;
}
#panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__slide-title--emph {
    font-size: var(--font-size-h3);
}
#panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__slide-body {
    font-size: var(--font-size-body-sm);
    line-height: 1.5;
    color: var(--color-text);
}
#panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__slide-body p {
    margin: 0 0 var(--space-6);
    line-height: 1.5;
}
#panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__slide-body p:last-child {
    margin-bottom: 0;
}
#panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__slide-body ul {
    margin: var(--space-6) 0 0;
    padding-left: 1.4em;
    list-style: disc;
}
#panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__slide-body li {
    margin-bottom: 0.35em;
}
#panel-usluga-naprawa .naprawa-koszt .naprawa-koszt__slide-cta {
    margin-top: var(--space-24);
}
#panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__foot.naprawa-koszt__foot--dots-only {
    position: relative;
    margin-top: var(--space-56);
    padding: 0 var(--logistyka-inset);
    border-top: none;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
#panel-usluga-naprawa .naprawa-koszt .naprawa-koszt__foot--dots-only .logistyka-sortowanie__dots-nav {
    position: static;
    left: auto;
    top: auto;
    transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 0 5%;
    margin-top: 1rem;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 100%;
    max-width: min(100%, calc(100vw - 2 * var(--logistyka-inset)));
}
#panel-usluga-naprawa .naprawa-koszt .naprawa-koszt__foot--dots-only .logistyka-sortowanie__dots {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: rgba(14, 14, 19, 0.08);
    border-radius: var(--radius-pill);
}
#panel-usluga-naprawa .naprawa-koszt .naprawa-koszt__foot--dots-only .logistyka-sortowanie__dots button {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    border: none;
    background: rgba(14, 14, 19, 0.2);
    cursor: pointer;
    padding: 0;
    transition: background 0.2s, width 0.2s, border-radius 0.2s;
}
#panel-usluga-naprawa .naprawa-koszt .naprawa-koszt__foot--dots-only .logistyka-sortowanie__dots button.is-active {
    width: 3.5rem;
    border-radius: var(--radius-pill);
    background: var(--color-accent);
}
#panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__slide-body--two-cols {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--logistyka-inner-text-col-gap);
    align-items: start;
}
#panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__slide-body--two-cols .logistyka-sortowanie__slide-col p {
    margin-bottom: 0;
}
@media (max-width: 768px) {
    #panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__arrows-spacer {
        display: none;
    }
    #panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__arrows {
        display: none;
    }
    #panel-usluga-naprawa .naprawa-koszt .naprawa-koszt__foot--dots-only {
        margin-top: 1.6rem;
    }
    #panel-usluga-naprawa .naprawa-koszt .naprawa-koszt__foot--dots-only .logistyka-sortowanie__dots-nav {
        padding: 0 5%;
    }
    #panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__slide {
        grid-template-columns: 1fr;
        flex: 0 0 min(90vw, var(--logistyka-slide-w));
    }
    #panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__slide--wide-text {
        flex: 0 0 min(90vw, var(--logistyka-slide-w-wide));
    }
    #panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__slide-body--two-cols {
        grid-template-columns: 1fr;
        gap: var(--space-16);
    }
    #panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__slide-img {
        width: 100%;
        max-width: 65rem;
    }
}
/* Skup — Dlaczego warto (jak #panel-usluga-logistyka .logistyka-dlakogo) */
#panel-usluga-skup .logistyka-dlakogo {
    margin-top: 0;
    margin-bottom: var(--spacing-section-xl);
    color: var(--color-text);
}
#panel-usluga-skup .logistyka-dlakogo__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    max-width: calc(var(--container-max) * 0.6);
    margin-left: auto;
    margin-right: auto;
    padding-inline: 5%;
    box-sizing: border-box;
}
#panel-usluga-skup .logistyka-dlakogo__title {
    text-align: left;
    font-size: var(--font-size-h6);
    line-height: 1.35;
    color: var(--color-text);
    font-weight: 500;
    margin: 0 0 10px;
    padding-bottom: 0;
    box-sizing: border-box;
}
#panel-usluga-skup .logistyka-dlakogo .service-split-content {
    padding: 0;
}
#panel-usluga-skup .logistyka-dlakogo .service-split-content p {
    font-size: var(--font-size-body);
    color: var(--color-text);
    margin-bottom: 0;
    line-height: 1.5;
}
#panel-usluga-skup .logistyka-dlakogo .logistyka-dlakogo__list {
    list-style: none;
    margin: var(--space-100) 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--size-32);
}
/* Wyższa specyficzność + bez „bolder” z UA na <strong> (Geist 500) */
#panel-usluga-skup .logistyka-dlakogo .logistyka-dlakogo__list > li {
    font-size: var(--font-size-20);
    font-weight: 500;
    line-height: 1.3;
    border-top: 1px solid var(--color-text-muted);
    padding-top: var(--space-10);
    margin: 0;
}
#panel-usluga-skup .logistyka-dlakogo .logistyka-dlakogo__list > li strong {
    font-weight: inherit;
}
#panel-usluga-skup .logistyka-dlakogo__media {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
}
#panel-usluga-skup .logistyka-dlakogo__media img {
    width: 100%;
    max-width: 56rem;
    height: auto;
    display: block;
}
@media (max-width: 1024px) {
    #panel-usluga-skup .logistyka-dlakogo__grid {
        grid-template-columns: 1fr;
        gap: var(--space-56);
        align-items: stretch;
    }
}
/* Skup — Jakie palety skupujemy: nagłówek+wstęp tylko nad pierwszą kolumną tekstu (jak na makiecie) */
#panel-usluga-skup .skup-jakie-palety .skup-jakie-palety__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas:
        "media head ."
        "media col-a col-b";
    column-gap: clamp(var(--space-24), 4vw, var(--space-56));
    row-gap: var(--space-56);
    align-items: start;
    /* Szerszy niż .logistyka-dlakogo__grid (0.6) — trzy kolumny muszą być czytelne */
    max-width: min(100%, calc(var(--container-max) * 0.92));
    margin-left: auto;
    margin-right: auto;
    padding-inline: 5%;
    box-sizing: border-box;
}
#panel-usluga-skup .skup-jakie-palety .skup-jakie-palety__media {
    grid-area: media;
    align-self: end;
    align-items: flex-end;
}
#panel-usluga-skup .skup-jakie-palety .skup-jakie-palety__head {
    grid-area: head;
    min-width: 0;
    max-width: 100%;
}
#panel-usluga-skup .skup-jakie-palety .skup-jakie-palety__list-col--a {
    grid-area: col-a;
}
#panel-usluga-skup .skup-jakie-palety .skup-jakie-palety__list-col--b {
    grid-area: col-b;
}
#panel-usluga-skup .skup-jakie-palety .skup-jakie-palety__head .service-split-content p {
    margin-bottom: 0;
}
#panel-usluga-skup .skup-jakie-palety .skup-jakie-palety__grid .logistyka-dlakogo__list {
    margin-top: 0;
}
#panel-usluga-skup .skup-jakie-palety .skup-jakie-palety__grid .logistyka-dlakogo__media img {
    max-width: calc(56rem * 1.2);
}
@media (max-width: 1024px) {
    #panel-usluga-skup .skup-jakie-palety .skup-jakie-palety__grid {
        grid-template-columns: 1fr;
        grid-template-areas:
            "media"
            "head"
            "col-a"
            "col-b";
        gap: var(--space-56);
    }
    #panel-usluga-skup .skup-jakie-palety .skup-jakie-palety__media {
        align-self: stretch;
        align-items: center;
    }
}
/* Podtytuły i wiersz z ikoną — lista bazuje na #panel-usluga-skup .logistyka-dlakogo__list */
#panel-usluga-skup .skup-jakie-palety .logistyka-dlakogo__list .skup-jakie-palety__line-sub {
    display: block;
    font-size: var(--font-size-body);
    font-weight: 400;
    line-height: 1.45;
    color: var(--color-text-muted);
}
#panel-usluga-skup .skup-jakie-palety .skup-jakie-palety__item-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-16);
    width: 100%;
}
#panel-usluga-skup .skup-jakie-palety .skup-jakie-palety__item-copy {
    flex: 1;
    min-width: 0;
}
#panel-usluga-skup .skup-jakie-palety .skup-jakie-palety__info-wrap {
    position: relative;
    flex-shrink: 0;
    align-self: flex-start;
    margin-top: 2px;
}
#panel-usluga-skup .skup-jakie-palety .skup-jakie-palety__info {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--color-text-muted);
    cursor: help;
    border-radius: 50%;
    transition: color 0.15s ease, background-color 0.15s ease;
}
#panel-usluga-skup .skup-jakie-palety .skup-jakie-palety__info:hover,
#panel-usluga-skup .skup-jakie-palety .skup-jakie-palety__info:focus-visible {
    color: var(--color-text);
    background-color: color-mix(in srgb, var(--color-text-muted) 12%, transparent);
    outline: none;
}
#panel-usluga-skup .skup-jakie-palety .skup-jakie-palety__tooltip {
    position: absolute;
    right: 0;
    bottom: calc(100% + 10px);
    width: min(36rem, calc(100vw - 4rem));
    padding: 2rem;
    font-size: var(--font-size-body);
    font-weight: 400;
    line-height: 1.5;
    color: var(--color-bg);
    background: var(--color-text);
    border: 1px solid color-mix(in srgb, var(--color-bg) 20%, transparent);
    box-shadow: 0 8px 24px rgba(14, 14, 19, 0.25);
    border-radius: 4px;
    z-index: 20;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.15s ease, visibility 0.15s ease;
}
#panel-usluga-skup .skup-jakie-palety .skup-jakie-palety__info-wrap:hover .skup-jakie-palety__tooltip,
#panel-usluga-skup .skup-jakie-palety .skup-jakie-palety__info-wrap:focus-within .skup-jakie-palety__tooltip {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
/* Skup: ilości detaliczne i hurtowe — jak #panel-usluga-naprawa .naprawa-euro */
#panel-usluga-skup .skup-ilosci {
    --skup-ilosci-dark: #0e0e13;
    color: var(--color-bg);
    max-width: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
#panel-usluga-skup .skup-ilosci .skup-ilosci__screen {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow: hidden;
    box-sizing: border-box;
    min-height: calc(90vh + 10rem);
}
#panel-usluga-skup .skup-ilosci .skup-ilosci__screen::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: var(--skup-ilosci-dark);
    z-index: 3;
    pointer-events: none;
}
#panel-usluga-skup .skup-ilosci .skup-ilosci__bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-color: #0e0e13;
    background-image: linear-gradient(180deg, rgba(94, 94, 94, 0.00) 0%, rgba(14, 14, 19, 0.50) 50%, rgba(14, 14, 19, 0.95) 80%, #0e0e13 100%), url('../assets/onas-hh.webp');
    background-position: center, center;
    background-size: 100% 100%, cover;
    background-repeat: no-repeat;
}
#panel-usluga-skup .skup-ilosci .skup-ilosci__inner {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
    width: 100%;
    max-width: min(100%, calc(var(--container-max) * 0.8));
    margin: 0 auto;
    padding: var(--spacing-section-xl) 5% var(--spacing-section-xl);
    box-sizing: border-box;
}
#panel-usluga-skup .skup-ilosci .skup-ilosci__intro {
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--space-100);
    padding: 0;
    text-align: center;
    box-sizing: border-box;
}
#panel-usluga-skup .skup-ilosci .skup-ilosci__intro .logistyka-sortowanie__title {
    font-size: var(--font-size-48);
    font-weight: 400;
    color: var(--color-bg);
    margin: 0 0 var(--space-12);
    letter-spacing: -0.02em;
    line-height: 1.15;
}
#panel-usluga-skup .skup-ilosci .skup-ilosci__intro .logistyka-sortowanie__lead {
    color: var(--color-bg);
}
#panel-usluga-skup .skup-ilosci .skup-ilosci__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-56);
    align-items: start;
}
#panel-usluga-skup .skup-ilosci .skup-ilosci__panel {
    background: rgb(255 255 255 / 0.06);
    border: 1px solid rgb(255 255 255 / 0.22);
    border-radius: var(--radius-xl);
    padding: var(--size-32);
    box-sizing: border-box;
    backdrop-filter: var(--backdrop-blur-sm);
    -webkit-backdrop-filter: var(--backdrop-blur-sm);
}
#panel-usluga-skup .skup-ilosci .skup-ilosci__panel .logistyka-dlakogo__title {
    color: var(--color-bg);
    margin-bottom: var(--space-12);
    font-weight: 500;
}
#panel-usluga-skup .skup-ilosci .skup-ilosci__lead-in {
    font-size: var(--font-size-body);
    line-height: 1.5;
    color: var(--color-bg);
    margin: 0 0 var(--size-48);
}
/* Jak #panel-usluga-naprawa .naprawa-euro__grades / __grade-name / __grade-desc */
#panel-usluga-skup .skup-ilosci .skup-ilosci__panel .logistyka-dlakogo__title:has(+ .skup-ilosci__grades) {
    margin-bottom: 0;
}
#panel-usluga-skup .skup-ilosci .skup-ilosci__panel .logistyka-dlakogo__title:has(+ .skup-ilosci__grade-desc) {
    margin-bottom: var(--space-4);
}
#panel-usluga-skup .skup-ilosci .skup-ilosci__panel .skup-ilosci__grade-desc:has(+ .skup-ilosci__list) {
    margin-bottom: var(--size-40);
}
#panel-usluga-skup .skup-ilosci .skup-ilosci__grades {
    display: flex;
    flex-direction: column;
    gap: var(--space-24);
    margin: var(--space-24) 0 var(--size-40);
    width: 70%;
}
#panel-usluga-skup .skup-ilosci .skup-ilosci__grade-name {
    margin: 0 0 var(--space-6);
    font-size: var(--font-size-h4);
    font-weight: 400;
    line-height: 1.25;
    color: var(--color-bg);
}
#panel-usluga-skup .skup-ilosci .skup-ilosci__grade-desc {
    margin: 0;
    font-size: var(--font-size-caption);
    line-height: 1.2;
    color: rgb(255 255 255 / 0.72);
}
#panel-usluga-skup .skup-ilosci .skup-ilosci__closing {
    font-size: var(--font-size-20);
    font-weight: 300;
    line-height: 1.25;
    color: var(--color-bg);
    margin-top: 48px;
    border-top: 1px solid rgb(255 255 255 / 0.35);
    padding-top: var(--space-10);
}
#panel-usluga-skup .skup-ilosci .skup-ilosci__closing:last-child {
    margin-bottom: 0;
}
@media (max-width: 1024px) {
    #panel-usluga-skup .skup-ilosci .skup-ilosci__grid {
        grid-template-columns: 1fr;
        gap: var(--space-100);
    }
}
/* Skup: euro / europalety — jak #panel-usluga-naprawa .naprawa-jakie */
#panel-usluga-skup .skup-euro-info {
    background: #0e0e13;
    color: var(--color-bg);
    max-width: none;
    margin: 0;
    padding: 0 0 var(--spacing-section);
    box-sizing: border-box;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: -1px;
    position: relative;
    z-index: 1;
    min-height: 80vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
}
#panel-usluga-skup .skup-euro-info .skup-euro-info__inner {
    max-width: var(--container-max);
    margin: 0 auto;
    padding: 0 5% 0;
    box-sizing: border-box;
    flex: 0 0 auto;
    width: 100%;
}
#panel-usluga-skup .skup-euro-info .skup-euro-info__intro {
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--space-100);
    text-align: center;
    box-sizing: border-box;
    padding-top: 0;
}
#panel-usluga-skup .skup-euro-info .skup-euro-info__intro .logistyka-sortowanie__title {
    font-size: var(--font-size-48);
    font-weight: 400;
    color: var(--color-bg);
    margin: 0 0 var(--space-12);
    letter-spacing: -0.02em;
    line-height: 1.15;
}
#panel-usluga-skup .skup-euro-info .skup-euro-info__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-100);
    align-items: stretch;
}
#panel-usluga-skup .skup-euro-info .skup-euro-info__col--text {
    width: 60%;
    max-width: 60%;
    justify-self: center;
    box-sizing: border-box;
}
#panel-usluga-skup .skup-euro-info .skup-euro-info__lead {
    font-size: var(--font-size-body);
    line-height: 1.5;
    color: var(--color-bg);
    margin: 0 0 var(--space-100);
    font-weight: 500;
}


#panel-usluga-skup .skup-euro-info .skup-euro-info__list,
#panel-usluga-skup .skup-ilosci .skup-ilosci__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--size-32);
}
#panel-usluga-skup .skup-euro-info .skup-euro-info__list li,
#panel-usluga-skup .skup-ilosci .skup-ilosci__list > li {
    font-size: var(--font-size-20);
    font-weight: 400;
    line-height: 1.3;
    border-top: 1px solid rgb(255 255 255 / 0.35);
    padding-top: var(--space-10);
    margin: 0;
    color: var(--color-bg);
}
#panel-usluga-skup .skup-euro-info .skup-euro-info__col--visual-wrap {
    display: flex;
    flex-direction: column;
    min-height: 0;
    align-self: stretch;
    height: 100%;
}
#panel-usluga-skup .skup-euro-info .skup-euro-info__visual {
    position: relative;
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-height: 36rem;
    border-radius: var(--radius-xl);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
#panel-usluga-skup .skup-euro-info .skup-euro-info__visual-bg {
    position: absolute;
    inset: 0;
    background-image: url('../assets/naprawa/cena.webp');
    background-size: cover;
    background-position: center;
    opacity: 0.85;
}
#panel-usluga-skup .skup-euro-info .skup-euro-info__visual::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to right,
        rgb(5 6 8) 0%,
        rgb(5 6 8 / 0.88) 38%,
        rgb(5 6 8 / 0.35) 68%,
        rgb(5 6 8 / 0.08) 100%
    );
    pointer-events: none;
    z-index: 1;
}
#panel-usluga-skup .skup-euro-info .skup-euro-info__visual-inner {
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
    padding: var(--space-56) var(--size-40);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--space-56);
    box-sizing: border-box;
    min-height: 100%;
}
#panel-usluga-skup .skup-euro-info .skup-euro-info__visual-text {
    font-size: var(--font-size-20);
    font-weight: 300;
    line-height: 1.3;
    color: var(--color-bg);
    margin: 0;
    max-width: 48rem;
}
#panel-usluga-skup .skup-euro-info .skup-euro-info__visual-footer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-12);
}
#panel-usluga-skup .skup-euro-info .skup-euro-info__visual-note {
    margin: 0;
    font-size: var(--font-size-body);
    line-height: 1.45;
    color: rgb(255 255 255 / 0.88);
}
#panel-usluga-skup .skup-euro-info .skup-euro-info__visual-link,
#panel-usluga-skup .skup-ilosci .skup-euro-info__visual-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: var(--font-size-body);
    font-weight: 400;
    color: var(--color-bg);
    text-decoration: underline;
    text-underline-offset: 0.15em;
}
#panel-usluga-skup .skup-euro-info .skup-euro-info__visual-link:hover,
#panel-usluga-skup .skup-ilosci .skup-euro-info__visual-link:hover {
    color: rgb(255 255 255 / 0.88);
}
#panel-usluga-skup .skup-euro-info .skup-euro-info__visual-link svg,
#panel-usluga-skup .skup-ilosci .skup-euro-info__visual-link svg {
    flex-shrink: 0;
}
#panel-usluga-skup .skup-ilosci .skup-ilosci__panel .skup-euro-info__visual-link {
    margin-top: var(--space-24);
}
@media (max-width: 1024px) {
    #panel-usluga-skup .skup-euro-info .skup-euro-info__grid {
        grid-template-columns: 1fr;
        gap: var(--space-100);
    }
    #panel-usluga-skup .skup-euro-info .skup-euro-info__col--text {
        width: 100%;
        max-width: 100%;
        justify-self: stretch;
    }
    #panel-usluga-skup .skup-euro-info .skup-euro-info__col--visual-wrap {
        height: auto;
    }
    #panel-usluga-skup .skup-euro-info .skup-euro-info__visual {
        min-height: 28rem;
    }
}
/* Skup: wymiana palet — karuzela jak #panel-usluga-naprawa .naprawa-dlaczego */
#panel-usluga-skup .skup-wymiana {
    --warto-slide-w: 85rem;
    --warto-slide-gap: 32px;
    --warto-inset: clamp(6rem, 36vw, 75rem);
    --dlaczego-tile-text-max: 60%;
    --dlaczego-two-slides-w: calc(2 * var(--warto-slide-w) + var(--warto-slide-gap));
    --dlaczego-track-pad-end: calc(var(--warto-inset) + var(--warto-slide-gap));
    margin-top: var(--space-100);
    margin-bottom: var(--spacing-section);
}
#panel-usluga-skup .skup-wymiana__intro {
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--space-56);
    padding: 0 5%;
    text-align: center;
    box-sizing: border-box;
}
#panel-usluga-skup .skup-wymiana__intro .logistyka-sortowanie__title {
    font-size: var(--font-size-48);
    font-weight: 400;
    color: var(--color-text);
    margin: 0 0 var(--space-12);
    letter-spacing: -0.02em;
    line-height: 1.15;
}
#panel-usluga-skup .skup-wymiana__carousel-shell {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    overflow-x: hidden;
    box-sizing: border-box;
}
#panel-usluga-skup .skup-wymiana__arrows-row {
    display: flex;
    align-items: center;
    padding-left: var(--warto-inset);
    margin-bottom: 3rem;
    box-sizing: border-box;
}
#panel-usluga-skup .skup-wymiana__arrows-spacer {
    flex: 0 0 var(--dlaczego-two-slides-w);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-height: 1px;
    box-sizing: border-box;
}
#panel-usluga-skup .skup-wymiana__arrows {
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
}
#panel-usluga-skup .skup-wymiana__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    border: none;
    background: transparent;
    color: var(--color-text);
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.2s ease;
}
#panel-usluga-skup .skup-wymiana__arrow:hover {
    opacity: 1;
}
#panel-usluga-skup .skup-wymiana__arrow svg {
    display: block;
    width: 2.8rem;
    height: 2.8rem;
}
#panel-usluga-skup .skup-wymiana__viewport {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
#panel-usluga-skup .skup-wymiana__viewport::-webkit-scrollbar {
    display: none;
}
#panel-usluga-skup .skup-wymiana__track {
    display: flex;
    flex-direction: row;
    gap: var(--warto-slide-gap);
    width: max-content;
    padding-left: var(--warto-inset);
    padding-right: var(--dlaczego-track-pad-end);
    box-sizing: border-box;
}
#panel-usluga-skup .skup-wymiana__slide {
    flex: 0 0 var(--warto-slide-w);
    min-width: 0;
    box-sizing: border-box;
}
#panel-usluga-skup .skup-wymiana__tile {
    position: relative;
    width: 100%;
    border-radius: var(--radius-xl);
    overflow: hidden;
    aspect-ratio: 16 / 12;
    background: var(--color-text);
    box-sizing: border-box;
}
#panel-usluga-skup .skup-wymiana__tile::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 62%;
    z-index: 1;
    background: linear-gradient(to top, rgba(14, 14, 19, 0.88) 0%, rgba(14, 14, 19, 0.7) 42%, rgba(14, 14, 19, 0) 100%);
    pointer-events: none;
}
#panel-usluga-skup .skup-wymiana__tile-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}
#panel-usluga-skup .skup-wymiana__tile-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
#panel-usluga-skup .skup-wymiana__tile-body {
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: var(--size-32);
    cursor: default;
}
#panel-usluga-skup .skup-wymiana__tile-body > * {
    max-width: var(--dlaczego-tile-text-max);
}
#panel-usluga-skup .skup-wymiana__tile-body h3 {
    font-size: 3rem;
    font-weight: 400;
    margin: 0 0 5rem;
    color: #fff;
}
#panel-usluga-skup .skup-wymiana__tile-body h3:has(+ ul) {
    margin-bottom: var(--space-16);
}
#panel-usluga-skup .skup-wymiana__tile-body h3:has(+ p) {
    margin-bottom: var(--space-16);
}
#panel-usluga-skup .skup-wymiana__tile-body p {
    font-size: var(--font-size-body-sm);
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.92);
    margin: 0;
    flex: 0 1 auto;
}
#panel-usluga-skup .skup-wymiana__tile-body ul {
    font-size: var(--font-size-body-sm);
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.92);
    margin: 0;
    padding-left: 1.25em;
    list-style: disc;
}
#panel-usluga-skup .skup-wymiana__tile-body li {
    margin-bottom: var(--space-4);
}
#panel-usluga-skup .skup-wymiana__tile-body li:last-child {
    margin-bottom: 0;
}
#panel-usluga-skup .skup-wymiana__foot {
    position: relative;
    margin-top: var(--space-56);
    padding: 0 var(--warto-inset);
    box-sizing: border-box;
}
#panel-usluga-skup .skup-wymiana__dots-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    width: 100%;
    max-width: min(100%, calc(100vw - 2 * var(--warto-inset)));
    margin: 0 auto;
    padding: 0 5%;
    box-sizing: border-box;
}
#panel-usluga-skup .skup-wymiana__dots {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 1.5rem;
    background: rgba(14, 14, 19, 0.08);
    border-radius: var(--radius-pill);
}
#panel-usluga-skup .skup-wymiana__dots button {
    width: 0.8rem;
    height: 0.8rem;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: rgba(14, 14, 19, 0.2);
    cursor: pointer;
    transition: background 0.2s, width 0.2s, border-radius 0.2s;
}
#panel-usluga-skup .skup-wymiana__dots button.is-active {
    width: 3.5rem;
    border-radius: var(--radius-pill);
    background: var(--color-accent);
}
@media (max-width: 768px) {
    #panel-usluga-skup .skup-wymiana__arrows-spacer {
        display: none;
    }
    #panel-usluga-skup .skup-wymiana__arrows {
        display: none;
    }
    #panel-usluga-skup .skup-wymiana__slide {
        flex: 0 0 min(90vw, var(--warto-slide-w));
    }
}
@media (max-width: 1024px) {
    #panel-usluga-skup .skup-wymiana {
        --warto-slide-w: min(65rem, 55vw);
    }
    #panel-usluga-skup .skup-wymiana__arrows-spacer {
        flex-basis: min(calc(100vw - var(--warto-inset)), var(--dlaczego-two-slides-w));
    }
}
/* Skup palet — karuzela jak logistyka-sortowanie (3 slajdy, stopka tylko z kropkami) */
#panel-usluga-skup .logistyka-sortowanie {
    --logistyka-img-w: 65rem;
    --logistyka-img-h: 48.75rem;
    --logistyka-img-text-gap: 9.1rem;
    --logistyka-slide-w: calc(2 * var(--logistyka-img-w) + var(--logistyka-img-text-gap));
    --logistyka-slide-wide-extra: 26rem;
    --logistyka-slide-w-wide: calc(var(--logistyka-slide-w) + var(--logistyka-slide-wide-extra));
    --logistyka-inner-text-col-gap: 4rem;
    --logistyka-slide-gap: 100px;
    --logistyka-inset: clamp(6rem, 36vw, 75rem);
    margin-top: 0;
    margin-bottom: var(--spacing-section);
}
#panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__intro {
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--space-56);
    padding: 0 5%;
    text-align: center;
    box-sizing: border-box;
}
#panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__title,
#panel-usluga-skup .skup-faq .logistyka-sortowanie__title,
#panel-usluga-obrobka .skup-faq .logistyka-sortowanie__title {
    font-size: var(--font-size-48);
    font-weight: 400;
    color: var(--color-text);
    margin: 0 0 var(--space-12);
    letter-spacing: -0.02em;
    line-height: 1.15;
}
#panel-usluga-skup .skup-faq {
    max-width: 140rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0 5% var(--spacing-section);
    box-sizing: border-box;
}
#panel-usluga-skup .skup-faq__intro {
    text-align: center;
    margin-bottom: var(--space-56);
}
#panel-usluga-skup .skup-faq__intro .label {
    margin-bottom: var(--space-10);
}
#panel-usluga-skup .skup-faq .logistyka-sortowanie__title {
    margin: 0;
}
#panel-usluga-skup .skup-faq .faq-item {
    border-bottom: 1px solid color-mix(in srgb, var(--color-text-muted) 50%, transparent);
}
#panel-usluga-skup .skup-faq .faq-item:first-child {
    border-top: 1px solid color-mix(in srgb, var(--color-text-muted) 50%, transparent);
}
/* Obróbka fitosanitarna — FAQ jak .skup-faq */
#panel-usluga-obrobka .skup-faq {
    max-width: 140rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: var(--spacing-section-xl);
    padding: 0 5% var(--spacing-section);
    box-sizing: border-box;
}
#panel-usluga-obrobka .skup-faq__intro {
    text-align: center;
    margin-bottom: var(--space-56);
}
#panel-usluga-obrobka .skup-faq__intro .label {
    margin-bottom: var(--space-10);
}
#panel-usluga-obrobka .skup-faq .logistyka-sortowanie__title {
    margin: 0;
}
#panel-usluga-obrobka .skup-faq .faq-item {
    border-bottom: 1px solid color-mix(in srgb, var(--color-text-muted) 50%, transparent);
}
#panel-usluga-obrobka .skup-faq .faq-item:first-child {
    border-top: 1px solid color-mix(in srgb, var(--color-text-muted) 50%, transparent);
}
#panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__lead {
    font-size: var(--font-size-h6);
    line-height: 1.45;
    color: var(--color-text);
    margin: 0;
    max-width: 72rem;
    margin-left: auto;
    margin-right: auto;
}
#panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__carousel-shell {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    overflow-x: hidden;
    box-sizing: border-box;
}
#panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__arrows-row {
    display: flex;
    align-items: center;
    padding-left: var(--logistyka-inset);
    margin-bottom: 3rem;
    box-sizing: border-box;
}
#panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__arrows-spacer {
    flex: 0 0 calc(var(--logistyka-slide-w) + var(--logistyka-slide-gap));
    min-height: 1px;
}
#panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__arrows {
    flex: 0 0 var(--logistyka-img-w);
    max-width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
}
#panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    border: none;
    background: transparent;
    color: var(--color-text);
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.2s ease;
}
#panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__arrow:hover {
    opacity: 1;
}
#panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__arrow svg {
    display: block;
    width: 2.8rem;
    height: 2.8rem;
}
#panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__viewport {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
#panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__viewport::-webkit-scrollbar {
    display: none;
}
#panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__track {
    display: flex;
    flex-direction: row;
    gap: var(--logistyka-slide-gap);
    width: max-content;
    padding-left: var(--logistyka-inset);
    padding-right: var(--logistyka-inset);
    box-sizing: border-box;
}
#panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__slide {
    flex: 0 0 var(--logistyka-slide-w);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--logistyka-img-text-gap);
    align-items: center;
    min-width: 0;
    box-sizing: border-box;
}
#panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__slide--wide-text {
    flex: 0 0 var(--logistyka-slide-w-wide);
    grid-template-columns: minmax(0, var(--logistyka-img-w)) minmax(0, 1fr);
}
#panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__slide-img {
    width: 100%;
    max-width: var(--logistyka-img-w);
    height: var(--logistyka-img-h);
    border-radius: var(--radius-lg);
    overflow: hidden;
    background: var(--color-bg-alt);
}
#panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__slide-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
#panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__slide-text {
    text-align: left;
    min-width: 0;
}
#panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__slide-title {
    font-size: var(--font-size-h4);
    font-weight: 600;
    color: var(--color-text);
    margin: 0 0 var(--space-16);
    line-height: 1.2;
    letter-spacing: -0.02em;
}
#panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__slide-body {
    font-size: var(--font-size-body-sm);
    line-height: 1.5;
    color: var(--color-text);
}
#panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__slide-body p {
    margin: 0 0 var(--space-6);
    line-height: 1.5;
}
#panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__slide-body p:last-child {
    margin-bottom: 0;
}
#panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__slide-body ul {
    margin: var(--space-6) 0 0;
    padding-left: 1.4em;
    list-style: disc;
}
#panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__slide-body li {
    margin-bottom: 0.35em;
}
#panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__foot.skup-sortowanie__foot--dots-only {
    position: relative;
    margin-top: var(--space-56);
    padding: 0 var(--logistyka-inset);
    border-top: none;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
#panel-usluga-skup .logistyka-sortowanie .skup-sortowanie__foot--dots-only .logistyka-sortowanie__dots-nav {
    position: static;
    left: auto;
    top: auto;
    transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 0 5%;
    margin-top: 1rem;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 100%;
    max-width: min(100%, calc(100vw - 2 * var(--logistyka-inset)));
}
#panel-usluga-skup .logistyka-sortowanie .skup-sortowanie__foot--dots-only .logistyka-sortowanie__dots {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: rgba(14, 14, 19, 0.08);
    border-radius: var(--radius-pill);
}
#panel-usluga-skup .logistyka-sortowanie .skup-sortowanie__foot--dots-only .logistyka-sortowanie__dots button {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    border: none;
    background: rgba(14, 14, 19, 0.2);
    cursor: pointer;
    padding: 0;
    transition: background 0.2s, width 0.2s, border-radius 0.2s;
}
#panel-usluga-skup .logistyka-sortowanie .skup-sortowanie__foot--dots-only .logistyka-sortowanie__dots button.is-active {
    width: 3.5rem;
    border-radius: var(--radius-pill);
    background: var(--color-accent);
}
#panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__slide-body--two-cols {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--logistyka-inner-text-col-gap);
    align-items: start;
}
#panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__slide-body--two-cols .logistyka-sortowanie__slide-col p {
    margin-bottom: 0;
}
@media (max-width: 768px) {
    #panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__arrows-spacer {
        display: none;
    }
    #panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__arrows {
        display: none;
    }
    #panel-usluga-skup .logistyka-sortowanie .skup-sortowanie__foot--dots-only {
        margin-top: 1.6rem;
    }
    #panel-usluga-skup .logistyka-sortowanie .skup-sortowanie__foot--dots-only .logistyka-sortowanie__dots-nav {
        padding: 0 5%;
    }
    #panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__slide {
        grid-template-columns: 1fr;
        flex: 0 0 min(90vw, var(--logistyka-slide-w));
    }
    #panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__slide--wide-text {
        flex: 0 0 min(90vw, var(--logistyka-slide-w-wide));
    }
    #panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__slide-body--two-cols {
        grid-template-columns: 1fr;
        gap: var(--space-16);
    }
    #panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__slide-img {
        width: 100%;
        max-width: 65rem;
    }
}
/* Magazyn — karuzela jak logistyka-sortowanie (3 slajdy, stopka tylko z kropkami) */
#panel-usluga-magazyn .logistyka-sortowanie {
    --logistyka-img-w: 65rem;
    --logistyka-img-h: 48.75rem;
    --logistyka-img-text-gap: 9.1rem;
    --logistyka-slide-w: calc(2 * var(--logistyka-img-w) + var(--logistyka-img-text-gap));
    --logistyka-slide-wide-extra: 26rem;
    --logistyka-slide-w-wide: calc(var(--logistyka-slide-w) + var(--logistyka-slide-wide-extra));
    --logistyka-slide-w-triple: calc(2 * var(--logistyka-img-w) + 2 * var(--logistyka-img-text-gap) + min(52rem, 38vw));
    --magazyn-proc-slide-min-w: 60vw;
    /* Lewy padding karuzeli: 15% szerokości viewportu (15vw) */
    --magazyn-proc-carousel-pad-left: 15vw;
    --logistyka-inner-text-col-gap: 4rem;
    --logistyka-slide-gap: 100px;
    --logistyka-inset: clamp(6rem, 36vw, 75rem);
    margin-top: 0;
    margin-bottom: var(--spacing-section);
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__intro {
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--space-56);
    padding: 0 5%;
    text-align: center;
    box-sizing: border-box;
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__title {
    font-size: var(--font-size-48);
    font-weight: 400;
    color: var(--color-text);
    margin: 0 0 var(--space-12);
    letter-spacing: -0.02em;
    line-height: 1.15;
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__intro-text {
    font-size: var(--font-size-18);
    font-weight: 400;
    line-height: 1.55;
    color: var(--color-text-muted);
    max-width: 75rem;
    margin: 0 auto;
    text-align: center;
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__intro-text p {
    margin: 0 0 0.85em;
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__intro-text p:last-child {
    margin-bottom: 0;
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__carousel-shell {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    overflow-x: hidden;
    box-sizing: border-box;
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__arrows-row {
    display: flex;
    align-items: center;
    padding-left: var(--magazyn-proc-carousel-pad-left);
    margin-bottom: 3rem;
    box-sizing: border-box;
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__arrows-spacer {
    /* Szerokość projektowa — nie min. szerokości slajdu (60vw), żeby rząd ze strzałkami nie przekraczał viewportu */
    flex: 0 0 calc(var(--logistyka-slide-w) + var(--logistyka-slide-gap));
    min-height: 1px;
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__arrows {
    flex: 0 0 var(--logistyka-img-w);
    max-width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    border: none;
    background: transparent;
    color: var(--color-text);
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.2s ease;
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__arrow:hover {
    opacity: 1;
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__arrow svg {
    display: block;
    width: 2.8rem;
    height: 2.8rem;
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__viewport {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__viewport::-webkit-scrollbar {
    display: none;
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__track {
    display: flex;
    flex-direction: row;
    gap: var(--logistyka-slide-gap);
    width: max-content;
    padding-left: var(--magazyn-proc-carousel-pad-left);
    padding-right: var(--logistyka-inset);
    box-sizing: border-box;
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__slide {
    flex: 0 0 max(var(--magazyn-proc-slide-min-w), var(--logistyka-slide-w));
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--logistyka-img-text-gap);
    align-items: center;
    min-width: max(var(--magazyn-proc-slide-min-w), var(--logistyka-slide-w));
    box-sizing: border-box;
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__slide--wide-text {
    flex: 0 0 max(var(--magazyn-proc-slide-min-w), var(--logistyka-slide-w-wide));
    min-width: max(var(--magazyn-proc-slide-min-w), var(--logistyka-slide-w-wide));
    grid-template-columns: minmax(0, var(--logistyka-img-w)) minmax(0, 1fr);
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__slide--triple {
    display: block;
    flex: 0 0 max(var(--magazyn-proc-slide-min-w), var(--logistyka-slide-w-triple));
    grid-template-columns: unset;
    min-width: max(var(--magazyn-proc-slide-min-w), var(--logistyka-slide-w-triple));
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__slide--triple.logistyka-sortowanie__slide--triple-single {
    flex: 0 0 max(var(--magazyn-proc-slide-min-w), var(--logistyka-slide-w));
    min-width: max(var(--magazyn-proc-slide-min-w), var(--logistyka-slide-w));
}
#panel-usluga-magazyn .logistyka-sortowanie .magazyn-proc-triple {
    width: 100%;
    min-width: 0;
}
#panel-usluga-magazyn .logistyka-sortowanie .magazyn-proc-triple__head {
    text-align: center;
    max-width: 100rem;
    margin: 0 auto var(--space-40);
    padding: 0 2%;
    box-sizing: border-box;
}
#panel-usluga-magazyn .logistyka-sortowanie .magazyn-proc-triple__lead {
    font-size: var(--font-size-18);
    line-height: 1.55;
    color: var(--color-text-muted);
    margin: 0;
}
#panel-usluga-magazyn .logistyka-sortowanie .magazyn-proc-triple__lead p {
    margin: 0 0 0.6em;
}
#panel-usluga-magazyn .logistyka-sortowanie .magazyn-proc-triple__lead p:last-child {
    margin-bottom: 0;
}
#panel-usluga-magazyn .logistyka-sortowanie .magazyn-proc-triple__center {
    min-width: 0;
    text-align: left;
}
#panel-usluga-magazyn .logistyka-sortowanie .magazyn-proc-triple__center-title {
    margin-bottom: var(--space-8);
}
#panel-usluga-magazyn .logistyka-sortowanie .magazyn-proc-triple__center-intro {
    font-size: var(--font-size-body-sm);
    line-height: 1.5;
    color: var(--color-text);
    margin: 0 0 var(--space-8);
}
#panel-usluga-magazyn .logistyka-sortowanie .magazyn-proc-triple__center-intro p {
    margin: 0 0 var(--space-6);
}
#panel-usluga-magazyn .logistyka-sortowanie .magazyn-proc-triple__center-intro p:last-child {
    margin-bottom: 0;
}
#panel-usluga-magazyn .logistyka-sortowanie .magazyn-proc-triple__lists {
    margin-top: 0;
}
#panel-usluga-magazyn .logistyka-sortowanie .magazyn-proc-triple__col-label {
    font-size: var(--font-size-body-sm);
    font-weight: 600;
    color: var(--color-text);
    margin: 0 0 var(--space-6);
    line-height: 1.3;
}
#panel-usluga-magazyn .logistyka-sortowanie .magazyn-proc-triple__img {
    margin-left: auto;
    margin-right: auto;
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__slide-img {
    width: 100%;
    max-width: var(--logistyka-img-w);
    height: var(--logistyka-img-h);
    border-radius: var(--radius-lg);
    overflow: hidden;
    background: var(--color-bg-alt);
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__slide-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__slide-text {
    text-align: left;
    min-width: 0;
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__slide-title {
    font-size: var(--font-size-h4);
    font-weight: 600;
    color: var(--color-text);
    margin: 0 0 var(--space-16);
    line-height: 1.2;
    letter-spacing: -0.02em;
}
#panel-usluga-magazyn .logistyka-sortowanie .magazyn-proc-triple__center > .logistyka-sortowanie__slide-title.magazyn-proc-triple__center-title {
    margin-top: 0;
    margin-bottom: var(--space-8);
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__slide-body {
    font-size: var(--font-size-body-sm);
    line-height: 1.5;
    color: var(--color-text);
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__slide-body p {
    margin: 0 0 var(--space-6);
    line-height: 1.5;
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__slide-body p:last-child {
    margin-bottom: 0;
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__slide-body ul {
    margin: var(--space-6) 0 0;
    padding-left: 1.4em;
    list-style: disc;
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__slide-body li {
    margin-bottom: 0.35em;
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__foot.magazyn-sortowanie__foot--dots-only {
    position: relative;
    margin-top: var(--space-56);
    /* Pełna szerokość viewportu — paginacja centrowana względem ekranu, nie względem przesuniętego toru */
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 0;
    border-top: none;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
#panel-usluga-magazyn .logistyka-sortowanie .magazyn-sortowanie__foot--dots-only .logistyka-sortowanie__dots-nav {
    position: static;
    left: auto;
    top: auto;
    transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 0 5%;
    margin-top: 1rem;
    flex-shrink: 0;
    box-sizing: border-box;
    width: auto;
    max-width: none;
}
#panel-usluga-magazyn .logistyka-sortowanie .magazyn-sortowanie__foot--dots-only .logistyka-sortowanie__dots {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: rgba(14, 14, 19, 0.08);
    border-radius: var(--radius-pill);
}
#panel-usluga-magazyn .logistyka-sortowanie .magazyn-sortowanie__foot--dots-only .logistyka-sortowanie__dots button {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    border: none;
    background: rgba(14, 14, 19, 0.2);
    cursor: pointer;
    padding: 0;
    transition: background 0.2s, width 0.2s, border-radius 0.2s;
}
#panel-usluga-magazyn .logistyka-sortowanie .magazyn-sortowanie__foot--dots-only .logistyka-sortowanie__dots button.is-active {
    width: 3.5rem;
    border-radius: var(--radius-pill);
    background: var(--color-accent);
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__slide-body--two-cols {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--logistyka-inner-text-col-gap);
    align-items: start;
}
#panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__slide-body--two-cols .logistyka-sortowanie__slide-col p {
    margin-bottom: 0;
}
@media (max-width: 768px) {
    #panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__arrows-spacer {
        display: none;
    }
    #panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__arrows {
        display: none;
    }
    #panel-usluga-magazyn .logistyka-sortowanie .magazyn-sortowanie__foot--dots-only {
        margin-top: 1.6rem;
    }
    #panel-usluga-magazyn .logistyka-sortowanie .magazyn-sortowanie__foot--dots-only .logistyka-sortowanie__dots-nav {
        padding: 0 5%;
    }
    #panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__slide {
        grid-template-columns: 1fr;
        flex: 0 0 max(var(--magazyn-proc-slide-min-w), var(--logistyka-slide-w));
        min-width: max(var(--magazyn-proc-slide-min-w), var(--logistyka-slide-w));
    }
    #panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__slide--wide-text {
        flex: 0 0 max(var(--magazyn-proc-slide-min-w), var(--logistyka-slide-w-wide));
        min-width: max(var(--magazyn-proc-slide-min-w), var(--logistyka-slide-w-wide));
    }
    #panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__slide--triple {
        flex: 0 0 max(var(--magazyn-proc-slide-min-w), var(--logistyka-slide-w-triple));
        min-width: max(var(--magazyn-proc-slide-min-w), var(--logistyka-slide-w-triple));
    }
    #panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__slide--triple.logistyka-sortowanie__slide--triple-single {
        flex: 0 0 max(var(--magazyn-proc-slide-min-w), var(--logistyka-slide-w));
        min-width: max(var(--magazyn-proc-slide-min-w), var(--logistyka-slide-w));
    }
    #panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__slide-body--two-cols {
        grid-template-columns: 1fr;
        gap: var(--space-16);
    }
    #panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__slide-img {
        width: 100%;
        max-width: 65rem;
    }
}
/* Obróbka fitosanitarna — karuzela jak magazyn (logistyka-sortowanie) */
#panel-usluga-obrobka .logistyka-sortowanie {
    --logistyka-img-w: 65rem;
    --logistyka-img-h: 48.75rem;
    --logistyka-img-text-gap: 9.1rem;
    --logistyka-slide-w: calc(2 * var(--logistyka-img-w) + var(--logistyka-img-text-gap));
    --logistyka-slide-wide-extra: 26rem;
    --logistyka-slide-w-wide: calc(var(--logistyka-slide-w) + var(--logistyka-slide-wide-extra));
    --logistyka-inner-text-col-gap: 4rem;
    --logistyka-slide-gap: 100px;
    --logistyka-inset: clamp(6rem, 36vw, 75rem);
    margin-top: 0;
    margin-bottom: var(--spacing-section);
}
#panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__intro {
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--space-56);
    padding: 0 5%;
    text-align: center;
    box-sizing: border-box;
}
#panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__title {
    font-size: var(--font-size-48);
    font-weight: 400;
    color: var(--color-text);
    margin: 0 0 var(--space-12);
    letter-spacing: -0.02em;
    line-height: 1.15;
}
#panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__carousel-shell {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    overflow-x: hidden;
    box-sizing: border-box;
}
#panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__arrows-row {
    display: flex;
    align-items: center;
    padding-left: var(--logistyka-inset);
    margin-bottom: 3rem;
    box-sizing: border-box;
}
#panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__arrows-spacer {
    flex: 0 0 calc(var(--logistyka-slide-w) + var(--logistyka-slide-gap));
    min-height: 1px;
}
#panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__arrows {
    flex: 0 0 var(--logistyka-img-w);
    max-width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
}
#panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    border: none;
    background: transparent;
    color: var(--color-text);
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.2s ease;
}
#panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__arrow:hover {
    opacity: 1;
}
#panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__arrow svg {
    display: block;
    width: 2.8rem;
    height: 2.8rem;
}
#panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__viewport {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
#panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__viewport::-webkit-scrollbar {
    display: none;
}
#panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__track {
    display: flex;
    flex-direction: row;
    gap: var(--logistyka-slide-gap);
    width: max-content;
    padding-left: var(--logistyka-inset);
    padding-right: var(--logistyka-inset);
    box-sizing: border-box;
}
#panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__slide {
    flex: 0 0 var(--logistyka-slide-w);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--logistyka-img-text-gap);
    align-items: center;
    min-width: 0;
    box-sizing: border-box;
}
#panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__slide--wide-text {
    flex: 0 0 var(--logistyka-slide-w-wide);
    grid-template-columns: minmax(0, var(--logistyka-img-w)) minmax(0, 1fr);
}
#panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__slide-img {
    width: 100%;
    max-width: var(--logistyka-img-w);
    height: var(--logistyka-img-h);
    border-radius: var(--radius-lg);
    overflow: hidden;
    background: var(--color-bg-alt);
}
#panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__slide-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
#panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__slide-text {
    text-align: left;
    min-width: 0;
}
#panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__slide-title {
    font-size: var(--font-size-h4);
    font-weight: 600;
    color: var(--color-text);
    margin: 0 0 var(--space-16);
    line-height: 1.2;
    letter-spacing: -0.02em;
}
#panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__slide-body {
    font-size: var(--font-size-body-sm);
    line-height: 1.5;
    color: var(--color-text);
}
#panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__slide-body p {
    margin: 0 0 var(--space-6);
    line-height: 1.5;
}
#panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__slide-body p:last-child {
    margin-bottom: 0;
}
#panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__slide-body ul {
    margin: var(--space-6) 0 0;
    padding-left: 1.4em;
    list-style: disc;
}
#panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__slide-body li {
    margin-bottom: 0.35em;
}
#panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__foot.obrobka-sortowanie__foot--dots-only {
    position: relative;
    margin-top: var(--space-56);
    padding: 0 var(--logistyka-inset);
    border-top: none;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
#panel-usluga-obrobka .logistyka-sortowanie .obrobka-sortowanie__foot--dots-only .logistyka-sortowanie__dots-nav {
    position: static;
    left: auto;
    top: auto;
    transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 0 5%;
    margin-top: 1rem;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 100%;
    max-width: min(100%, calc(100vw - 2 * var(--logistyka-inset)));
}
#panel-usluga-obrobka .logistyka-sortowanie .obrobka-sortowanie__foot--dots-only .logistyka-sortowanie__dots {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: rgba(14, 14, 19, 0.08);
    border-radius: var(--radius-pill);
}
#panel-usluga-obrobka .logistyka-sortowanie .obrobka-sortowanie__foot--dots-only .logistyka-sortowanie__dots button {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    border: none;
    background: rgba(14, 14, 19, 0.2);
    cursor: pointer;
    padding: 0;
    transition: background 0.2s, width 0.2s, border-radius 0.2s;
}
#panel-usluga-obrobka .logistyka-sortowanie .obrobka-sortowanie__foot--dots-only .logistyka-sortowanie__dots button.is-active {
    width: 3.5rem;
    border-radius: var(--radius-pill);
    background: var(--color-accent);
}
#panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__slide-body--two-cols {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--logistyka-inner-text-col-gap);
    align-items: start;
}
#panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__slide-body--two-cols .logistyka-sortowanie__slide-col p {
    margin-bottom: 0;
}
@media (max-width: 768px) {
    #panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__arrows-spacer {
        display: none;
    }
    #panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__arrows {
        display: none;
    }
    #panel-usluga-obrobka .logistyka-sortowanie .obrobka-sortowanie__foot--dots-only {
        margin-top: 1.6rem;
    }
    #panel-usluga-obrobka .logistyka-sortowanie .obrobka-sortowanie__foot--dots-only .logistyka-sortowanie__dots-nav {
        padding: 0 5%;
    }
    #panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__slide {
        grid-template-columns: 1fr;
        flex: 0 0 min(90vw, var(--logistyka-slide-w));
    }
    #panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__slide--wide-text {
        flex: 0 0 min(90vw, var(--logistyka-slide-w-wide));
    }
    #panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__slide-body--two-cols {
        grid-template-columns: 1fr;
        gap: var(--space-16);
    }
    #panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__slide-img {
        width: 100%;
        max-width: 65rem;
    }
    /* Karuzele — wyrównanie do .page-container (5% z lewej, bez dużego desktopowego inset) */
    #panel-usluga-logistyka .logistyka-sortowanie,
    #panel-usluga-naprawa .naprawa-koszt,
    #panel-usluga-skup .logistyka-sortowanie,
    #panel-usluga-magazyn .logistyka-sortowanie,
    #panel-usluga-obrobka .logistyka-sortowanie,
    #panel-usluga-naprawa .naprawa-dlaczego,
    #panel-usluga-logistyka .logistyka-dlaczego,
    #panel-usluga-skup .skup-wymiana {
        --logistyka-inset: 5%;
        --logistyka-slide-gap: clamp(1.6rem, 4vw, 2.4rem);
        --warto-inset: 5%;
        --warto-slide-gap: clamp(1.6rem, 4vw, 2.4rem);
        --dlaczego-track-pad-end: calc(5% + var(--warto-slide-gap));
    }
    #panel-usluga-logistyka .logistyka-sortowanie__track,
    #panel-usluga-logistyka .logistyka-sortowanie .logistyka-sortowanie__track,
    #panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__track,
    #panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__track,
    #panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__track,
    #panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__track {
        padding-left: var(--logistyka-inset);
        padding-right: clamp(1.6rem, 5vw, 3rem);
    }
    #panel-usluga-logistyka .logistyka-sortowanie__arrows-row,
    #panel-usluga-logistyka .logistyka-sortowanie .logistyka-sortowanie__arrows-row,
    #panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__arrows-row,
    #panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__arrows-row,
    #panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__arrows-row,
    #panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__arrows-row {
        padding-left: var(--logistyka-inset);
    }
    #panel-usluga-naprawa .naprawa-dlaczego__track,
    #panel-usluga-logistyka .logistyka-dlaczego__track,
    #panel-usluga-skup .skup-wymiana__track {
        padding-left: var(--warto-inset);
        padding-right: clamp(1.6rem, 5vw, 3rem);
    }
    #panel-usluga-naprawa .naprawa-dlaczego__arrows-row,
    #panel-usluga-logistyka .logistyka-dlaczego__arrows-row,
    #panel-usluga-skup .skup-wymiana__arrows-row {
        padding-left: var(--warto-inset);
    }
    #panel-usluga-logistyka .logistyka-sortowanie__foot,
    #panel-usluga-logistyka .logistyka-sortowanie .logistyka-sortowanie__foot,
    #panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__foot,
    #panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__foot,
    #panel-usluga-obrobka .logistyka-sortowanie .obrobka-sortowanie__foot--dots-only,
    #panel-usluga-skup .logistyka-sortowanie .skup-sortowanie__foot--dots-only,
    #panel-usluga-naprawa .naprawa-dlaczego__foot,
    #panel-usluga-logistyka .logistyka-dlaczego__foot,
    #panel-usluga-skup .skup-wymiana__foot {
        padding-left: 0;
        padding-right: 0;
    }
    #panel-usluga-obrobka .logistyka-sortowanie .obrobka-sortowanie__foot--dots-only .logistyka-sortowanie__dots-nav,
    #panel-usluga-skup .logistyka-sortowanie .skup-sortowanie__foot--dots-only .logistyka-sortowanie__dots-nav {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width: 1024px) {
    #panel-usluga-logistyka .logistyka-sortowanie {
        --logistyka-img-w: min(65rem, 55vw);
        --logistyka-img-h: auto;
        --logistyka-img-text-gap: 5.2rem;
        --logistyka-slide-w: min(92vw, calc(2 * var(--logistyka-img-w) + var(--logistyka-img-text-gap)));
        --logistyka-slide-w-wide: min(96vw, calc(2 * var(--logistyka-img-w) + var(--logistyka-img-text-gap) + var(--logistyka-slide-wide-extra)));
    }
    #panel-usluga-logistyka .logistyka-sortowanie__slide-img {
        aspect-ratio: 4 / 3;
        height: auto;
    }
    #panel-usluga-logistyka .logistyka-sortowanie__arrows-spacer {
        flex-basis: min(calc(100vw - var(--logistyka-inset)), calc(var(--logistyka-slide-w) + var(--logistyka-slide-gap)));
    }
    #panel-usluga-naprawa .naprawa-koszt {
        --logistyka-img-w: min(65rem, 55vw);
        --logistyka-img-h: auto;
        --logistyka-img-text-gap: 5.2rem;
        --logistyka-slide-w: min(92vw, calc(2 * var(--logistyka-img-w) + var(--logistyka-img-text-gap)));
        --logistyka-slide-w-wide: min(96vw, calc(2 * var(--logistyka-img-w) + var(--logistyka-img-text-gap) + var(--logistyka-slide-wide-extra)));
    }
    #panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__slide-img {
        aspect-ratio: 4 / 3;
        height: auto;
    }
    #panel-usluga-naprawa .naprawa-koszt .logistyka-sortowanie__arrows-spacer {
        flex-basis: min(calc(100vw - var(--logistyka-inset)), calc(var(--logistyka-slide-w) + var(--logistyka-slide-gap)));
    }
    #panel-usluga-skup .logistyka-sortowanie {
        --logistyka-img-w: min(65rem, 55vw);
        --logistyka-img-h: auto;
        --logistyka-img-text-gap: 5.2rem;
        --logistyka-slide-w: min(92vw, calc(2 * var(--logistyka-img-w) + var(--logistyka-img-text-gap)));
        --logistyka-slide-w-wide: min(96vw, calc(2 * var(--logistyka-img-w) + var(--logistyka-img-text-gap) + var(--logistyka-slide-wide-extra)));
    }
    #panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__slide-img {
        aspect-ratio: 4 / 3;
        height: auto;
    }
    #panel-usluga-skup .logistyka-sortowanie .logistyka-sortowanie__arrows-spacer {
        flex-basis: min(calc(100vw - var(--logistyka-inset)), calc(var(--logistyka-slide-w) + var(--logistyka-slide-gap)));
    }
    #panel-usluga-magazyn .logistyka-sortowanie {
        --logistyka-img-w: min(65rem, 55vw);
        --logistyka-img-h: auto;
        --logistyka-img-text-gap: 5.2rem;
        --logistyka-slide-w: min(92vw, calc(2 * var(--logistyka-img-w) + var(--logistyka-img-text-gap)));
        --logistyka-slide-w-wide: min(96vw, calc(2 * var(--logistyka-img-w) + var(--logistyka-img-text-gap) + var(--logistyka-slide-wide-extra)));
    }
    #panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__slide-img {
        aspect-ratio: 4 / 3;
        height: auto;
    }
    #panel-usluga-magazyn .logistyka-sortowanie .logistyka-sortowanie__arrows-spacer {
        flex-basis: min(
            calc(100vw - var(--magazyn-proc-carousel-pad-left) - 2rem),
            calc(var(--logistyka-slide-w) + var(--logistyka-slide-gap))
        );
    }
    #panel-usluga-obrobka .logistyka-sortowanie {
        --logistyka-img-w: min(65rem, 55vw);
        --logistyka-img-h: auto;
        --logistyka-img-text-gap: 5.2rem;
        --logistyka-slide-w: min(92vw, calc(2 * var(--logistyka-img-w) + var(--logistyka-img-text-gap)));
        --logistyka-slide-w-wide: min(96vw, calc(2 * var(--logistyka-img-w) + var(--logistyka-img-text-gap) + var(--logistyka-slide-wide-extra)));
    }
    #panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__slide-img {
        aspect-ratio: 4 / 3;
        height: auto;
    }
    #panel-usluga-obrobka .logistyka-sortowanie .logistyka-sortowanie__arrows-spacer {
        flex-basis: min(calc(100vw - var(--logistyka-inset)), calc(var(--logistyka-slide-w) + var(--logistyka-slide-gap)));
    }
    #panel-usluga-logistyka .service-usluga-tab__split,
    #panel-usluga-naprawa .service-usluga-tab__split,
    #panel-usluga-magazyn .service-usluga-tab__split,
    #panel-usluga-obrobka .service-usluga-tab__split {
        grid-template-columns: 1fr;
        gap: 3rem;
        padding-inline: var(--tab-inline);
    }
    #panel-usluga-naprawa .service-usluga-tab__split .service-split-image-wrap,
    #panel-usluga-magazyn .service-usluga-tab__split .service-split-image-wrap,
    #panel-usluga-obrobka .service-usluga-tab__split .service-split-image-wrap {
        min-height: 32rem;
    }
    #panel-usluga-logistyka .service-usluga-timeline,
    #panel-usluga-naprawa .service-usluga-timeline,
    #panel-usluga-magazyn .service-usluga-timeline,
    #panel-usluga-obrobka .service-usluga-timeline {
        margin-right: 0;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: var(--space-8);
    }
    #panel-usluga-logistyka .service-usluga-timeline__track,
    #panel-usluga-naprawa .service-usluga-timeline__track {
        min-width: 96rem;
    }
    #panel-usluga-magazyn .service-usluga-timeline__track {
        min-width: 78rem;
    }
    #panel-usluga-magazyn .magazyn-logistyka-palety .service-usluga-timeline__track {
        min-width: 72rem;
    }
    #panel-usluga-logistyka .logistyka-wspolpraca .service-usluga-timeline__track {
        min-width: 72rem;
    }
    #panel-usluga-naprawa .naprawa-ippc .service-usluga-timeline__track {
        min-width: 54rem;
    }
    #panel-usluga-obrobka .service-usluga-timeline__track {
        min-width: 54rem;
    }
    /* Wstęp (beżowa sekcja pod hero) */
    #panel-usluga-logistyka .service-usluga-lead,
    #panel-usluga-naprawa .service-usluga-lead,
    #panel-usluga-skup .service-usluga-lead,
    #panel-usluga-produkcja .service-usluga-lead,
    #panel-usluga-magazyn .service-usluga-lead,
    #panel-usluga-obrobka .service-usluga-lead {
        padding: clamp(4.5rem, 11vw, 6.5rem) 5% clamp(3.5rem, 8vw, 5rem);
    }
    /* Odstęp pod wstępem — kolejna sekcja nie „przyklejona” */
    .service-page[id^="panel-usluga-"] .service-usluga-lead + .service-split,
    .service-page[id^="panel-usluga-"] .service-usluga-lead + section,
    .service-page[id^="panel-usluga-"] .service-usluga-logistyka-intro + section,
    .service-page[id^="panel-usluga-"] .service-usluga-logistyka-intro + .logistyka-sortowanie {
        margin-top: clamp(3.5rem, 9vw, 5.5rem);
    }
    .service-page[id^="panel-usluga-"] .service-usluga-lead + .service-split {
        margin-bottom: var(--spacing-section);
    }
    #panel-usluga-logistyka .service-usluga-lead .service-split-content,
    #panel-usluga-naprawa .service-usluga-lead .service-split-content,
    #panel-usluga-skup .service-usluga-lead .service-split-content,
    #panel-usluga-produkcja .service-usluga-lead .service-split-content,
    #panel-usluga-magazyn .service-usluga-lead .service-split-content,
    #panel-usluga-obrobka .service-usluga-lead .service-split-content {
        max-width: 100%;
    }
    #panel-usluga-logistyka .service-usluga-lead .service-split-content p,
    #panel-usluga-naprawa .service-usluga-lead .service-split-content p,
    #panel-usluga-skup .service-usluga-lead .service-split-content p,
    #panel-usluga-produkcja .service-usluga-lead .service-split-content p,
    #panel-usluga-magazyn .service-usluga-lead .service-split-content p,
    #panel-usluga-obrobka .service-usluga-lead .service-split-content p {
        font-size: var(--font-size-body-sm);
        line-height: 1.5;
    }
    #panel-usluga-logistyka .service-usluga-logistyka-intro,
    #panel-usluga-naprawa .service-usluga-logistyka-intro,
    #panel-usluga-skup .service-usluga-logistyka-intro,
    #panel-usluga-magazyn .service-usluga-logistyka-intro,
    #panel-usluga-obrobka .service-usluga-logistyka-intro {
        display: flex;
        flex-direction: column;
        gap: var(--space-24);
        margin-bottom: var(--space-24);
    }
    #panel-usluga-produkcja .service-usluga-lead {
        margin-bottom: 0;
    }
    #panel-usluga-logistyka .service-usluga-tab,
    #panel-usluga-naprawa .service-usluga-tab,
    #panel-usluga-magazyn .service-usluga-tab,
    #panel-usluga-obrobka .service-usluga-tab {
        margin-top: 0;
        max-width: none;
        width: calc(100% + 10%);
        margin-left: -5%;
        margin-right: -5%;
        --tab-inline: 5%;
        padding-top: var(--space-100);
        border-radius: var(--radius-xl) var(--radius-xl) 0 0;
    }
    #panel-usluga-naprawa .service-usluga-tab__split .service-split-image-wrap--contain img,
    #panel-usluga-magazyn .service-usluga-tab__split .service-split-image-wrap--contain img,
    #panel-usluga-obrobka .service-usluga-tab__split .service-split-image-wrap--contain img {
        width: 100%;
        max-width: 100%;
    }
    /* Czarne zakładki — bez breakoutu (symetryczne marginesy jak .page-container) */
    #panel-usluga-logistyka .service-usluga-tab.logistyka-wspolpraca,
    #panel-usluga-magazyn .service-usluga-tab.magazyn-logistyka-palety,
    #panel-usluga-naprawa .service-usluga-tab.naprawa-ippc {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        border-radius: var(--radius-xl);
    }
    #panel-usluga-logistyka .logistyka-wspolpraca__intro.service-split-content,
    #panel-usluga-magazyn .magazyn-logistyka-palety__intro.service-split-content {
        width: 100%;
    }
    #panel-usluga-logistyka .logistyka-wspolpraca .service-usluga-timeline,
    #panel-usluga-magazyn .magazyn-logistyka-palety .service-usluga-timeline,
    #panel-usluga-naprawa .naprawa-ippc .service-usluga-timeline {
        margin-right: 0;
        width: 100%;
    }
}
@media (max-width: 768px) {
    #panel-usluga-logistyka .service-usluga-logistyka-intro,
    #panel-usluga-naprawa .service-usluga-logistyka-intro,
    #panel-usluga-skup .service-usluga-logistyka-intro,
    #panel-usluga-magazyn .service-usluga-logistyka-intro,
    #panel-usluga-obrobka .service-usluga-logistyka-intro {
        gap: var(--space-24);
        margin-bottom: clamp(3rem, 8vw, 4.5rem);
    }
    #panel-usluga-logistyka .service-usluga-lead,
    #panel-usluga-naprawa .service-usluga-lead,
    #panel-usluga-skup .service-usluga-lead,
    #panel-usluga-produkcja .service-usluga-lead,
    #panel-usluga-magazyn .service-usluga-lead,
    #panel-usluga-obrobka .service-usluga-lead {
        padding: clamp(4rem, 10vw, 5.5rem) 5% clamp(3.5rem, 8vw, 4.5rem);
    }
    .service-page[id^="panel-usluga-"] .service-usluga-lead + .service-split,
    .service-page[id^="panel-usluga-"] .service-usluga-lead + section,
    .service-page[id^="panel-usluga-"] .service-usluga-logistyka-intro + section,
    .service-page[id^="panel-usluga-"] .service-usluga-logistyka-intro + .logistyka-sortowanie {
        margin-top: clamp(4rem, 10vw, 6rem);
    }
    #panel-usluga-logistyka .service-usluga-lead .service-split-content,
    #panel-usluga-naprawa .service-usluga-lead .service-split-content,
    #panel-usluga-skup .service-usluga-lead .service-split-content,
    #panel-usluga-produkcja .service-usluga-lead .service-split-content,
    #panel-usluga-magazyn .service-usluga-lead .service-split-content,
    #panel-usluga-obrobka .service-usluga-lead .service-split-content {
        padding: 0;
    }
    #panel-usluga-logistyka .service-usluga-tab,
    #panel-usluga-naprawa .service-usluga-tab,
    #panel-usluga-magazyn .service-usluga-tab,
    #panel-usluga-obrobka .service-usluga-tab {
        padding-top: var(--space-56);
    }
}
/* Dlaczego warto — karuzela kafelków (mechanizm jak sortowanie palet) */
#panel-usluga-logistyka .logistyka-dlaczego {
    --warto-slide-w: 85rem;
    --warto-slide-gap: 32px;
    --warto-inset: clamp(6rem, 36vw, 75rem);
    --dlaczego-tile-text-max: 60%;
    /* Szerokość pierwszego + drugiego kafelka + szczelina — do wyrównania strzałek do prawej krawędzi drugiego kafelka */
    --dlaczego-two-slides-w: calc(2 * var(--warto-slide-w) + var(--warto-slide-gap));
    /* Dodatkowy „oddech” po ostatnim slajdzie (przewijanie + wyrównanie strzałek) */
    --dlaczego-track-pad-end: calc(var(--warto-inset) + var(--warto-slide-gap));
    margin-top: var(--space-100);
    margin-bottom: var(--spacing-section);
}
#panel-usluga-logistyka .logistyka-dlaczego__intro {
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--space-56);
    padding: 0 5%;
    text-align: center;
    box-sizing: border-box;
}
#panel-usluga-logistyka .logistyka-dlaczego__carousel-shell {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    overflow-x: hidden;
    box-sizing: border-box;
}
#panel-usluga-logistyka .logistyka-dlaczego__arrows-row {
    display: flex;
    align-items: center;
    padding-left: var(--warto-inset);
    margin-bottom: 3rem;
    box-sizing: border-box;
}
#panel-usluga-logistyka .logistyka-dlaczego__arrows-spacer {
    flex: 0 0 var(--dlaczego-two-slides-w);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-height: 1px;
    box-sizing: border-box;
}
#panel-usluga-logistyka .logistyka-dlaczego__arrows {
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
}
#panel-usluga-logistyka .logistyka-dlaczego__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    border: none;
    background: transparent;
    color: var(--color-text);
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.2s ease;
}
#panel-usluga-logistyka .logistyka-dlaczego__arrow:hover {
    opacity: 1;
}
#panel-usluga-logistyka .logistyka-dlaczego__arrow svg {
    display: block;
    width: 2.8rem;
    height: 2.8rem;
}
#panel-usluga-logistyka .logistyka-dlaczego__viewport {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
#panel-usluga-logistyka .logistyka-dlaczego__viewport::-webkit-scrollbar {
    display: none;
}
#panel-usluga-logistyka .logistyka-dlaczego__track {
    display: flex;
    flex-direction: row;
    gap: var(--warto-slide-gap);
    width: max-content;
    padding-left: var(--warto-inset);
    padding-right: var(--dlaczego-track-pad-end);
    box-sizing: border-box;
}
#panel-usluga-logistyka .logistyka-dlaczego__slide {
    flex: 0 0 var(--warto-slide-w);
    min-width: 0;
    box-sizing: border-box;
}
#panel-usluga-logistyka .logistyka-dlaczego__tile {
    position: relative;
    width: 100%;
    border-radius: var(--radius-xl);
    overflow: hidden;
    aspect-ratio: 16 / 12;
    background: var(--color-text);
    box-sizing: border-box;
}
#panel-usluga-logistyka .logistyka-dlaczego__tile::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 62%;
    z-index: 1;
    background: linear-gradient(to top, rgba(14, 14, 19, 0.88) 0%, rgba(14, 14, 19, 0.7) 42%, rgba(14, 14, 19, 0) 100%);
    pointer-events: none;
}
#panel-usluga-logistyka .logistyka-dlaczego__tile-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}
#panel-usluga-logistyka .logistyka-dlaczego__tile-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
#panel-usluga-logistyka .logistyka-dlaczego__tile-body {
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: var(--size-32);
    cursor: default;
}
#panel-usluga-logistyka .logistyka-dlaczego__tile-body > * {
    max-width: var(--dlaczego-tile-text-max);
}
#panel-usluga-logistyka .logistyka-dlaczego__tile-body h3 {
    font-size: 3rem;
    font-weight: 400;
    margin: 0 0 5rem;
    color: #fff;
}
#panel-usluga-logistyka .logistyka-dlaczego__tile-body p {
    font-size: var(--font-size-body-sm);
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.92);
    margin: 0;
    flex: 0 1 auto;
}
#panel-usluga-logistyka .logistyka-dlaczego__foot {
    position: relative;
    margin-top: var(--space-56);
    padding: 0 var(--warto-inset);
    box-sizing: border-box;
}
#panel-usluga-logistyka .logistyka-dlaczego__dots-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    width: 100%;
    max-width: min(100%, calc(100vw - 2 * var(--warto-inset)));
    margin: 0 auto;
    padding: 0 5%;
    box-sizing: border-box;
}
#panel-usluga-logistyka .logistyka-dlaczego__dots {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 1.5rem;
    background: rgba(14, 14, 19, 0.08);
    border-radius: var(--radius-pill);
}
#panel-usluga-logistyka .logistyka-dlaczego__dots button {
    width: 0.8rem;
    height: 0.8rem;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: rgba(14, 14, 19, 0.2);
    cursor: pointer;
    transition: background 0.2s, width 0.2s, border-radius 0.2s;
}
#panel-usluga-logistyka .logistyka-dlaczego__dots button.is-active {
    width: 3.5rem;
    border-radius: var(--radius-pill);
    background: var(--color-accent);
}
@media (max-width: 768px) {
    #panel-usluga-logistyka .logistyka-dlaczego__arrows-spacer {
        display: none;
    }
    #panel-usluga-logistyka .logistyka-dlaczego__arrows {
        display: none;
    }
    #panel-usluga-logistyka .logistyka-dlaczego__slide {
        flex: 0 0 min(90vw, var(--warto-slide-w));
    }
}
@media (max-width: 1024px) {
    #panel-usluga-logistyka .logistyka-dlaczego {
        --warto-slide-w: min(65rem, 55vw);
    }
    #panel-usluga-logistyka .logistyka-dlaczego__arrows-spacer {
        flex-basis: min(calc(100vw - var(--warto-inset)), var(--dlaczego-two-slides-w));
    }
}
.service-section-title { text-align: center; font-size: var(--font-size-h2); font-weight: 400; margin: var(--spacing-section); letter-spacing: -0.03em; color: var(--color-text); }
.service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem; max-width: 140rem; margin: 0 auto 8rem; }
.service-card { background: #fff; border: var(--border-subtle); overflow: hidden; display: flex; flex-direction: column; }
.service-card-image { aspect-ratio: 16/10; overflow: hidden; background: var(--color-bg-alt); }
.service-card-image img { width: 100%; height: 100%; object-fit: cover; }
.service-card-body { padding: 2.5rem; flex: 1; display: flex; flex-direction: column; }
.service-card-body h3 { font-size: 3rem; font-weight: 400; margin: 0 0 1rem; color: var(--color-black); }
.service-card-body p { font-size: var(--font-size-body-sm); line-height: 1.4; color: #555; margin: 0 0 1.5rem; flex: 1; }
.service-card-link { font-size: 1.6rem; font-weight: 500; color: var(--color-black); text-decoration: none; display: inline-flex; align-items: center; gap: 0.5rem; }
.service-card-link:hover { text-decoration: underline; }
/* Podstrony usług – „Zakres usług” / „Powiązane usługi”: siatka + kafelki (jak Logistyka) */
.service-page[id^="panel-usluga-"] .service-grid {
    max-width: 168rem;
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
/* Kafelki: zdjęcie na całość, gradient od dołu, treść + przycisk outline */
.service-page[id^="panel-usluga-"] .service-grid .service-card {
    position: relative;
    width: 100%;
    min-width: 0;
    justify-self: stretch;
    align-self: stretch;
    border: none;
    border-radius: var(--radius-xl);
    overflow: hidden;
    aspect-ratio: 4 / 4;
    height: auto;
    background: var(--color-text);
    cursor: default;
    box-shadow: 0 12px 40px rgba(14, 14, 19, 0.14);
    /* max-width: 410px; */
}
.service-page[id^="panel-usluga-"] .service-card-image {
    position: absolute;
    inset: 0;
    z-index: 0;
    aspect-ratio: auto;
}
.service-page[id^="panel-usluga-"] .service-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: scale(1);
    transform-origin: center center;
    transition: transform var(--transition);
}
/* Zoom zdjęcia tylko przy hoverze na CTA */
.service-page[id^="panel-usluga-"] .service-card:has(.service-card-link:hover) .service-card-image img {
    transform: scale(1.06);
}
.service-page[id^="panel-usluga-"] .service-card::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 70%;
    z-index: 1;
    background: linear-gradient(to top, rgba(14, 14, 19, 0.88) 0%, rgba(14, 14, 19, 0.7) 42%, rgba(14, 14, 19, 0) 100%);
    pointer-events: none;
}
.service-page[id^="panel-usluga-"] .service-card-body {
    position: relative;
    z-index: 2;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 4rem;
    background: transparent;
    cursor: default;
}
.service-page[id^="panel-usluga-"] .service-card-body h3 {
    color: #fff;
    margin: 0 0 1rem;
}
.service-page[id^="panel-usluga-"] .service-card-body p {
    color: rgba(255, 255, 255, 0.92);
    margin: 0 0 3rem;
    flex: 0 1 auto;
}
.service-page[id^="panel-usluga-"] .service-card-link {
    align-self: flex-start;
    margin-top: 0;
    padding: 1.5rem 2.5rem;
    border: 1px solid rgba(255, 255, 255, 0.95);
    border-radius: var(--radius-sm);
    background: transparent;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 400;
    gap: 0;
    cursor: pointer;
    text-decoration: none;
    transition: background-color var(--transition), color var(--transition), border-color var(--transition);
}
.service-page[id^="panel-usluga-"] .service-card-link:hover {
    text-decoration: none;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.42);
}
.service-page[id^="panel-usluga-"] .service-card-link:focus-visible {
    outline: 2px solid var(--color-accent);
    outline-offset: 4px;
}
/* CTA split (usługi) – jak drugi kafelek .tiles-horizontal: obraz | ciemny panel + jasny CTA */
.service-cta-split {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    width: 100%;
    max-width: 140rem;
    min-height: 45rem;
    height: clamp(45rem, 23vw, 54rem);
    margin: var(--spacing-section-xl) auto;
    padding: 0;
    box-sizing: border-box;
    gap: 0;
    align-items: stretch;
    border-radius: var(--radius-xl);
    overflow: hidden;
}

@media (min-width: 993px) {
    .service-cta-split {
        grid-template-columns: 1fr 1.2fr;
    }
}

.service-cta-split-image {
    overflow: hidden;
    background: var(--color-bg-alt);
    min-height: 0;
}

.service-cta-split-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: none;
    transform: none;
}

.service-cta-split-content {
    background: var(--bg-medium-grey);
    padding: 5rem 12%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
    min-height: 0;
}

.service-cta-split-content h2 {
    color: var(--color-text);
    font-size: var(--font-size-h4);
    font-weight: 400;
    margin: 0;
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
}

.service-cta-split-content p {
    color: var(--color-text);
    font-size: var(--font-size-body-sm);
    margin: 0;
    line-height: 1.5;
    letter-spacing: var(--letter-spacing);
    font-weight: 500;
}

.service-cta-split .btn-service-cta {
    margin-top: 3.5rem;
    padding: 1.4rem 2.7rem;
    width: fit-content;
    justify-content: center;
    background: var(--color-black);
    color: var(--color-bg);
    font-size: var(--font-size-body);
    font-weight: 500;
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    border-radius: var(--radius-sm);
    border: none;
    transition: background 0.25s ease;
    opacity: 1;
}

.service-cta-split .btn-service-cta:hover {
    opacity: 1;
    background: var(--color-accent);
}
@media (max-width: 1024px) {
    /* Jak .tiles-horizontal .tile — kolumna zamiast grid (pages.css ładuje się po style.css) */
    .service-cta-split {
        display: flex;
        flex-direction: column;
        min-height: auto;
        height: auto;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .service-cta-split-image {
        order: -1;
        flex-shrink: 0;
        width: 100%;
        height: 28rem;
        min-height: 28rem;
    }
    .service-cta-split-image img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .service-cta-split-content {
        width: 100%;
        padding: 2.5rem 5%;
        box-sizing: border-box;
        flex-shrink: 0;
    }
    .service-cta-split .btn-service-cta {
        margin-top: 1.8rem;
        max-width: 100%;
    }
}
.btn-service-cta { display: inline-flex; align-items: center; gap: 1rem; padding: 1.5rem 2.5rem; background: var(--color-black); color: #fff; font-size: 1.6rem; font-weight: 500; border: none; cursor: pointer; text-decoration: none; transition: opacity 0.25s; }
.btn-service-cta:hover { opacity: 0.85; }
.btn-service-cta svg { width: 20px; height: 20px; }
@media (max-width: 1024px) {
    .service-split { grid-template-columns: 1fr; gap: 4.5rem; direction: ltr; margin-bottom: 5rem; }
    .service-split.service-split--reverse { direction: ltr; }
    .service-split-content { order: 1; padding: 0; }
    .service-split-image-wrap { order: 0; min-height: auto; }
    .service-page[id^="panel-usluga-"] .service-usluga-lead {
        margin-bottom: 0;
    }
    .service-grid { grid-template-columns: 1fr; margin-bottom: 5rem; }
    .service-page[id^="panel-usluga-"] .service-grid { grid-template-columns: 1fr; }
    .service-page-title { font-size: 3rem; margin: 4rem 0 2rem; }
    /* „Zakres usług” / „Powiązane usługi” — jak desktop: h2 nad kafelkami (h3) */
    .service-section-title,
    .service-page[id^="panel-usluga-"] .service-section-title {
        font-size: clamp(4rem, 11vw, var(--font-size-h2));
        font-weight: 400;
        letter-spacing: -0.03em;
        line-height: 1.1;
        margin: var(--spacing-section) auto var(--space-24);
        text-align: center;
        color: var(--color-text);
    }
    .service-page[id^="panel-usluga-"] .service-card-body h3 {
        font-size: clamp(2.2rem, 5.5vw, 3rem);
        line-height: 1.2;
    }
    /* Recykling: tytuł nad obrazem — jak desktop (4.5rem / 600), delikatnie mniejszy na mobile */
    #panel-usluga-recykling .service-page-title {
        margin-top: clamp(3.5rem, 9vw, var(--space-56));
        margin-bottom: clamp(2.5rem, 6vw, 3.5rem);
        text-align: left;
        font-size: clamp(3.75rem, 9.5vw, 4.25rem);
        font-weight: 600;
        letter-spacing: -0.03em;
        line-height: 1.15;
        color: var(--color-black);
    }
    #panel-usluga-recykling .service-split,
    #panel-usluga-produkcja .service-split {
        max-width: 100%;
        gap: 5.5rem;
        margin-bottom: var(--spacing-section);
    }
    /* Pierwszy nagłówek w kolumnie (pod zdjęciem na mobile) — tytuł sekcji, nie podpis */
    .service-page[id^="panel-usluga-"] .service-split .service-split-content > h2:first-child {
        font-size: clamp(2.85rem, 7.5vw, 3.5rem);
        font-weight: 400;
        line-height: 1.2;
        letter-spacing: -0.02em;
        margin: var(--space-16) 0 var(--space-24);
        color: var(--color-black);
    }
    .service-page[id^="panel-usluga-"] .service-split .service-split-content > h2:not(:first-child) {
        font-size: clamp(2.2rem, 5.5vw, 2.85rem);
        font-weight: 600;
        margin-top: var(--space-24);
        margin-bottom: var(--space-16);
        line-height: 1.25;
    }
    .service-page[id^="panel-usluga-"] .service-split .service-split-content > p {
        font-size: var(--font-size-body-sm);
        line-height: 1.5;
    }
    #panel-usluga-recykling .service-cta-split,
    #panel-usluga-produkcja .service-cta-split,
    #panel-usluga-skup .service-cta-split {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

/* Treść zapasowa usług (pusty edytor): bloki tekstowe dla skup / recykling / produkcja */
#panel-usluga-skup .hgv-usluga-fallback-prose,
#panel-usluga-recykling .hgv-usluga-fallback-prose,
#panel-usluga-produkcja .hgv-usluga-fallback-prose {
    max-width: 90rem;
    margin: 0 auto var(--spacing-section);
    padding: 0 clamp(1.5rem, 4vw, 4rem);
    box-sizing: border-box;
    color: var(--color-text);
    font-size: var(--font-size-body);
    line-height: 1.55;
}
#panel-usluga-skup .hgv-usluga-fallback-prose h2,
#panel-usluga-recykling .hgv-usluga-fallback-prose h2,
#panel-usluga-produkcja .hgv-usluga-fallback-prose h2 {
    font-size: var(--font-size-h3);
    font-weight: 400;
    letter-spacing: -0.02em;
    color: var(--color-text);
    margin: var(--space-56) 0 var(--space-24);
    line-height: 1.2;
}
#panel-usluga-skup .hgv-usluga-fallback-prose h2:first-child,
#panel-usluga-recykling .hgv-usluga-fallback-prose h2:first-child,
#panel-usluga-produkcja .hgv-usluga-fallback-prose h2:first-child {
    margin-top: 0;
}
#panel-usluga-skup .hgv-usluga-fallback-prose p,
#panel-usluga-skup .hgv-usluga-fallback-prose ul,
#panel-usluga-recykling .hgv-usluga-fallback-prose p,
#panel-usluga-recykling .hgv-usluga-fallback-prose ul,
#panel-usluga-produkcja .hgv-usluga-fallback-prose p,
#panel-usluga-produkcja .hgv-usluga-fallback-prose ul {
    margin: 0 0 var(--space-24);
}
#panel-usluga-skup .hgv-usluga-fallback-prose ul,
#panel-usluga-recykling .hgv-usluga-fallback-prose ul,
#panel-usluga-produkcja .hgv-usluga-fallback-prose ul {
    padding-left: 1.25em;
}
#panel-usluga-skup .hgv-usluga-fallback-prose a,
#panel-usluga-recykling .hgv-usluga-fallback-prose a,
#panel-usluga-produkcja .hgv-usluga-fallback-prose a {
    color: var(--color-accent, var(--color-text));
    text-underline-offset: 2px;
}

/* Treść z edytora WordPressa pod statycznym layoutem (szablon Magazyn konsygnacyjny — uslugi.php) */
#panel-usluga-magazyn .service-page-editor-content {
    max-width: min(100%, 90rem);
    margin: 0 auto var(--spacing-section-xl);
    padding-top: var(--spacing-section);
    box-sizing: border-box;
}


/* ===== Aktualności (lista wpisów / #panel-aktualnosci) — design z projektu HGV ===== */
        .news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem; margin: 4rem 0; }
        @media (max-width: 1024px) { .news-grid { grid-template-columns: repeat(2, 1fr); } }
        @media (max-width: 600px) { .news-grid { grid-template-columns: 1fr; } }
        .news-card { display: block; background: #fff; border-radius: var(--radius-xl); overflow: hidden; border: var(--border-subtle); transition: box-shadow 0.2s; }
        .news-card:hover { box-shadow: 0 8px 30px rgba(14, 14, 19,0.08); }
        .news-card-image { aspect-ratio: 16/10; overflow: hidden; background: var(--color-bg-alt); }
        .news-card-image img { width: 100%; height: 100%; object-fit: cover; }
        .news-card-body { padding: 2rem; }
        .news-card-date { font-size: var(--font-size-caption); color: var(--color-text-muted); margin-bottom: 0.5rem; }
        .news-card-title { font-size: var(--font-size-h5); font-weight: 400; margin-bottom: 1rem; margin-top: 2rem; line-height: 1.1; }
        .news-card-excerpt { font-size: var(--font-size-body); color: var(--color-text-muted); line-height: 1.3; }
        /* Aktualności – karty: przycisk „Czytaj wpis” przy dolnej krawędzi .news-card-body */
        #panel-aktualnosci .news-card {
            display: flex;
            flex-direction: column;
            height: 100%;
        }
        #panel-aktualnosci .news-card-body {
            flex: 1 1 auto;
            display: flex;
            flex-direction: column;
            min-height: 0;
        }
        /* Aktualności – link „Czytaj wpis” jak #panel-usluga-logistyka .logistyka-sortowanie__internal-link */
        #panel-aktualnosci .news-card .logistyka-sortowanie__internal-link {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            flex-shrink: 0;
            white-space: nowrap;
            margin-top: auto;
            padding-top: 4rem;
            font-size: var(--font-size-caption);
            color: var(--color-black);
            text-decoration: underline;
            text-underline-offset: 0.15em;
            font-weight: 500;
        }
        #panel-aktualnosci .news-card .logistyka-sortowanie__internal-link:hover {
            color: var(--color-text);
        }
        #panel-aktualnosci .news-card .logistyka-sortowanie__internal-link svg {
            flex-shrink: 0;
            display: block;
            width: 16px;
            height: 16px;
        }
        /* Aktualności – wpis wyróżniony (zamiast hero): jak .tile + strzałka jak .tiles-6 .tile-overlay */
        #panel-aktualnosci .news-featured-outer {
            padding-top: 5rem;
            padding-bottom: 0;
            margin-bottom: 0;
        }
        #panel-aktualnosci .news-featured {
            position: relative;
            display: block;
            overflow: hidden;
            border-radius: var(--radius-xl);
            text-decoration: none;
            color: inherit;
            aspect-ratio: 16 / 9;
            min-height: 28rem;
            max-height: 85rem;
            width: 100%;
        }
        #panel-aktualnosci .news-featured img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
        }
        #panel-aktualnosci .news-featured:hover img {
            transform: scale(1.08);
        }
        #panel-aktualnosci .news-featured-overlay {
            position: absolute;
            inset: 0;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-end;
            background: linear-gradient(to top, rgba(14, 14, 19, 0.88) 0%, rgba(14, 14, 19, 0.35) 45%, transparent 72%);
            padding: 7rem;
            box-sizing: border-box;
            gap: 4rem;
        }
        #panel-aktualnosci .news-featured-overlay > * {
            position: relative;
            z-index: 1;
        }
        #panel-aktualnosci .news-featured-overlay::after {
            content: '';
            position: absolute;
            right: 7rem;
            bottom: 7rem;
            width: var(--size-15);
            height: var(--size-15);
            background: var(--icon-arrow-corner-sm) no-repeat center;
            background-size: contain;
            opacity: 0;
            z-index: 1;
            pointer-events: none;
            transition: opacity 0.5s ease-in-out;
        }
        #panel-aktualnosci .news-featured:hover .news-featured-overlay::after {
            opacity: 1;
        }
        /* Pozycja daty = padding overlay (7rem); tło: .label.label--glass.tile-category */
        #panel-aktualnosci .news-featured-date {
            position: absolute;
            top: 7rem;
            left: 7rem;
            z-index: 2;
        }
        #panel-aktualnosci .news-featured-title {
            margin: 0;
            max-width: 55ch;
            font-size: var(--font-size-h3);
            font-weight: 400;
            line-height: var(--line-height);
            color: var(--color-bg);
        }
        /* Jak .hero .btn-primary (obrys, bez wypełnienia) */
        #panel-aktualnosci .news-featured .btn.btn-primary {
            align-self: flex-start;
            pointer-events: none;
            display: inline-flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 1.5rem 3rem;
            position: relative;
            width: auto;
            min-width: auto;
            min-height: auto;
            height: auto;
            background: transparent;
            border: 1px solid rgba(255, 255, 255, 0.95);
            border-radius: var(--radius-sm);
            color: #ffffff;
            font-weight: 400;
            letter-spacing: 0.02em;
            filter: none;
        }
        #panel-aktualnosci .news-featured:hover .btn.btn-primary {
            background: rgba(255, 255, 255, 0.06);
            border-color: #ffffff;
            filter: none;
        }
        @media (max-width: 1024px) {
            #panel-aktualnosci .news-featured img {
                transition: none;
                transform: none;
            }
            #panel-aktualnosci .news-featured:hover img {
                transform: none;
            }
        }
        @media (max-width: 768px) {
            #panel-aktualnosci .news-featured {
                aspect-ratio: 4 / 3;
                min-height: 0;
                max-height: none;
            }
            #panel-aktualnosci .news-featured-overlay {
                padding: 7rem;
            }
            #panel-aktualnosci .news-featured-date {
                top: 7rem;
                left: 7rem;
            }
            #panel-aktualnosci .news-featured-title {
                font-size: var(--font-size-h4);
            }
            #panel-aktualnosci .news-featured-overlay::after {
                right: 7rem;
                bottom: 7rem;
            }
            #panel-aktualnosci .news-featured .btn.btn-primary {
                width: 100%;
                max-width: none;
                padding: 1.5rem 3rem;
            }
        }

/* ============================================================
   Pojedynczy wpis blogowy (#panel-wpis) — szablon single.php
   Hero jak na podstronach usług (#panel-usluga-*) + kolumna
   czytelnicza z typografią treści (wzorzec .service-split-content).
   ============================================================ */

/* --- Hero --- */
#panel-wpis .hero { position: relative; }
#panel-wpis .hero.hero--image {
    height: 60vh;
    min-height: 46rem;
    padding: 0 5% var(--spacing-section);
}
#panel-wpis .hero .hero-overlay { background: var(--gradient-overlay-hero); }
#panel-wpis .hero .hero-content { max-width: 68%; padding: 0; }
#panel-wpis .hero .wpis-hero-date { margin: 0 0 2.5rem; }
#panel-wpis .hero .hero-content .entry-title {
    font-size: var(--font-size-h3);
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.02em;
    margin: 0;
    color: var(--color-bg);
}

/* Breadcrumb — kolory jak na stronach usług */
#panel-wpis .hero .hero-content .page-breadcrumb {
    margin: 0 0 4rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}
#panel-wpis .hero .hero-content .page-breadcrumb a { color: rgba(255, 255, 255, 0.58); }
#panel-wpis .hero .hero-content .page-breadcrumb a:hover { color: rgba(255, 255, 255, 0.82); }
#panel-wpis .hero .hero-content .page-breadcrumb span:not(:last-child) { color: rgba(255, 255, 255, 0.42); }
#panel-wpis .hero .hero-content .page-breadcrumb span:last-child { color: var(--color-bg); font-weight: 500; opacity: 0.8; }

#panel-wpis .hero .hero-arrow {
    position: absolute;
    right: 5%;
    bottom: calc(var(--spacing-section) + 2rem);
    color: rgba(255, 255, 255, 0.85);
    z-index: 2;
}
#panel-wpis .hero .hero-arrow svg { display: block; }

/* --- Kolumna czytelnicza --- */
#panel-wpis .wpis-article {
    max-width: 82rem;
    margin: 0 auto;
    padding: 6rem 0 0;
}

/* --- Treść wpisu: typografia --- */
#panel-wpis .wpis-content { font-size: var(--font-size-body); color: var(--color-text); line-height: 1.6; }
#panel-wpis .wpis-content > *:first-child { margin-top: 0; }
#panel-wpis .wpis-content p { margin: 0 0 1.8rem; }
#panel-wpis .wpis-content h2 { font-size: var(--font-size-h3); font-weight: 400; letter-spacing: -0.02em; margin: 4rem 0 1.5rem; color: var(--color-black); line-height: 1.15; }
#panel-wpis .wpis-content h3 { font-size: 2.6rem; font-weight: 600; margin: 3rem 0 1rem; color: var(--color-black); }
#panel-wpis .wpis-content h4 { font-size: 2.1rem; font-weight: 600; margin: 2.5rem 0 0.75rem; color: var(--color-black); }
#panel-wpis .wpis-content ul,
#panel-wpis .wpis-content ol { margin: 0 0 1.8rem; padding-left: 2.5rem; line-height: 1.7; }
#panel-wpis .wpis-content li { margin-bottom: 0.6rem; }
#panel-wpis .wpis-content a { color: var(--color-accent); font-weight: 500; text-decoration: underline; text-underline-offset: 0.15em; }
#panel-wpis .wpis-content a:hover { color: var(--color-accent-hover); }
#panel-wpis .wpis-content img { max-width: 100%; height: auto; border-radius: var(--radius-xl); margin: 2.5rem 0; }
#panel-wpis .wpis-content figure { max-width: 100%; margin: 2.5rem 0; }
#panel-wpis .wpis-content figure img { margin: 0; }
#panel-wpis .wpis-content figcaption { font-size: var(--font-size-caption); color: var(--color-text-muted); text-align: center; margin-top: 1rem; }
#panel-wpis .wpis-content blockquote {
    margin: 2.5rem 0;
    padding: 0.5rem 0 0.5rem 2.5rem;
    border-left: 3px solid var(--color-accent);
    font-size: 2.3rem;
    line-height: 1.4;
    color: var(--color-text);
}
#panel-wpis .wpis-content blockquote p:last-child { margin-bottom: 0; }
#panel-wpis .wpis-content .entry-links { margin-top: 2rem; }

/* --- Stopka wpisu: kategorie / tagi --- */
#panel-wpis .wpis-footer {
    margin-top: 4rem;
    padding-top: 2.5rem;
    border-top: var(--border-subtle);
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 3rem;
    font-size: var(--font-size-caption);
    color: var(--color-text-muted);
}
#panel-wpis .wpis-footer a { color: var(--color-text-muted); text-decoration: underline; text-underline-offset: 0.15em; }
#panel-wpis .wpis-footer a:hover { color: var(--color-accent); }

/* --- Powrót do listy --- */
#panel-wpis .wpis-back { margin-top: 3rem; }

/* --- Nawigacja poprzedni / następny wpis --- */
#panel-wpis .wpis-post-navigation { margin: 6rem 0 0; padding-top: 4rem; border-top: var(--border-subtle); }
#panel-wpis .wpis-post-navigation .nav-links { display: flex; justify-content: space-between; gap: 2rem; flex-wrap: wrap; }
#panel-wpis .wpis-post-navigation .nav-previous,
#panel-wpis .wpis-post-navigation .nav-next { max-width: 48%; }
#panel-wpis .wpis-post-navigation .nav-next { margin-left: auto; text-align: right; }
#panel-wpis .wpis-post-navigation a { display: flex; flex-direction: column; gap: 0.5rem; text-decoration: none; color: var(--color-text); }
#panel-wpis .wpis-post-navigation a:hover .wpis-nav-title { color: var(--color-accent); }
#panel-wpis .wpis-nav-dir { font-size: var(--font-size-caption); color: var(--color-text-muted); }
#panel-wpis .wpis-nav-title { font-size: var(--font-size-h6); font-weight: 500; line-height: 1.2; }

/* --- Komentarze --- */
#panel-wpis .wpis-comments { margin-top: 5rem; padding-top: 3rem; border-top: var(--border-subtle); }

/* --- Responsywność --- */
@media (max-width: 1024px) {
    #panel-wpis .hero .hero-content { max-width: 100%; }
    #panel-wpis .hero .hero-content .entry-title { font-size: var(--font-size-h3); }
}
@media (max-width: 768px) {
    #panel-wpis .hero.hero--image { height: 70vh; min-height: 36rem; padding: 0 5% var(--space-100); }
    #panel-wpis .hero .hero-content .page-breadcrumb { margin-bottom: 3rem; }
    #panel-wpis .hero .hero-arrow { right: 5%; bottom: calc(var(--space-100) + 2rem); }
    #panel-wpis .wpis-article { padding-top: 4rem; }
    #panel-wpis .wpis-post-navigation .nav-links { flex-direction: column; }
    #panel-wpis .wpis-post-navigation .nav-previous,
    #panel-wpis .wpis-post-navigation .nav-next { max-width: 100%; text-align: left; margin-left: 0; }
}