.nav-services-panel {
    top: 61px;
    border-bottom: 1px solid var(--nav-panel-border, rgba(199, 178, 153, 0.35));
    backdrop-filter: blur(14px);
    color: var(--nav-panel-text, #f9fafb);
    background: var(--nav-dropdown-bg, rgba(31, 19, 51, 0.95));
    --nav-active-card-shadow: 0 24px 42px -28px rgba(0, 0, 0, 0.25);
}
.nav-services-panel__intro {
    font-size: 0.85rem;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--nav-dropdown-heading-color, var(--nav-link-base, #111827));
}
.nav-services-panel__header {
    color: inherit;
}
.nav-services-panel__heading {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--nav-dropdown-heading-color, var(--nav-link-base, #111827));
    margin-top: 0.5rem;
}
.nav-services-panel__lede {
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--nav-dropdown-heading-color, var(--nav-link-base, #111827));
}
.nav-service-card {
    border-radius: 24px;
    padding: 1.75rem;
    border: 1px solid var(--nav-card-border, rgba(255, 255, 255, 0.12));
    backdrop-filter: blur(12px);
    transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    color: var(--nav-card-text, #111827);
    box-shadow: 0 18px 36px -32px rgba(15, 23, 42, 0.45);
}
.nav-service-card:hover {
    transform: translateY(-4px);
}
.nav-service-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 3.25rem;
    width: 3.25rem;
    border-radius: 1.25rem;
    font-size: 0;
    background: var(--nav-icon-bg, rgba(255, 255, 255, 0.12));
    color: var(--nav-icon-color, inherit);
}
.nav-service-card__title {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--nav-card-title, var(--nav-card-text, inherit));
}
.nav-service-card__lead {
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    opacity: 0.82;
    color: var(--nav-card-lead, var(--nav-card-title, inherit));
}
.nav-service-card__copy {
    font-size: 0.9rem;
    line-height: 1.45;
    color: var(--nav-link-base, #111827);
}
.nav-service-card__cta {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: 600;
    font-size: 0.85rem;
    transition: gap 0.2s ease;
    color: var(--nav-card-cta, var(--nav-link-color, inherit));
}
.nav-service-card__cta i {
    width: 1rem;
    height: 1rem;
}
.nav-service-card:hover .nav-service-card__cta {
    gap: 0.6rem;
}
.nav-service-card--home {
    --nav-icon-bg: rgba(199, 178, 153, 0.22);
    --nav-icon-color: var(--home-accent, #C7B299);
    --nav-card-border: rgba(199, 178, 153, 0.3);
    --nav-link-color: color-mix(in srgb, var(--home-accent, #C7B299) 72%, #3f3f46 28%);
    --nav-card-title: var(--home-accent, #C7B299);
    --nav-card-lead: color-mix(in srgb, var(--home-accent, #C7B299) 65%, #3f3f46 35%);
    --nav-card-cta: color-mix(in srgb, var(--home-accent, #C7B299) 72%, #3f3f46 28%);
}
.nav-services-panel[data-nav-theme="home"] {
    --nav-card-bg: rgba(255, 247, 237, 0.92);
    --nav-panel-border: rgba(199, 178, 153, 0.45);
    --nav-panel-text: #31261b;
    --nav-panel-intro: rgba(182, 143, 98, 0.82);
    --nav-panel-heading: #2d241a;
    --nav-panel-lede: rgba(94, 75, 58, 0.78);
    --nav-card-border: rgba(206, 178, 144, 0.38);
    --nav-card-text: #3a2f25;
    --nav-card-copy: rgba(94, 75, 58, 0.78);
}
.nav-service-card--partnerzy {
    --nav-icon-bg: rgba(16, 185, 129, 0.18);
    --nav-icon-color: var(--partnerzy-accent, #10b981);
    --nav-card-border: rgba(16, 185, 129, 0.28);
    --nav-link-color: color-mix(in srgb, var(--partnerzy-accent, #10b981) 75%, black 25%);
    --nav-card-title: var(--partnerzy-accent, #10b981);
    --nav-card-lead: color-mix(in srgb, var(--partnerzy-accent, #10b981) 60%, #0f172a 40%);
    --nav-card-cta: color-mix(in srgb, var(--partnerzy-accent, #10b981) 72%, #064e3b 28%);
}
.nav-service-card--wycinka {
    --nav-icon-bg: rgba(31, 93, 58, 0.22);
    --nav-icon-color: var(--wycinka-accent, #1f5d3a);
    --nav-card-border: rgba(31, 93, 58, 0.3);
    --nav-link-color: color-mix(in srgb, var(--wycinka-accent, #1f5d3a) 75%, black 25%);
    --nav-card-title: var(--wycinka-accent, #1f5d3a);
    --nav-card-lead: color-mix(in srgb, var(--wycinka-accent, #1f5d3a) 60%, #0f172a 40%);
    --nav-card-cta: color-mix(in srgb, var(--wycinka-accent, #1f5d3a) 72%, #0f2f1d 28%);
}
.nav-service-card--drewno {
    --nav-icon-bg: rgba(228, 122, 46, 0.22);
    --nav-icon-color: var(--drewno-accent, #e47a2e);
    --nav-card-border: rgba(228, 122, 46, 0.32);
    --nav-link-color: color-mix(in srgb, var(--drewno-accent, #e47a2e) 75%, black 25%);
    --nav-card-title: var(--drewno-accent, #e47a2e);
    --nav-card-lead: color-mix(in srgb, var(--drewno-accent, #e47a2e) 65%, #3a2819 35%);
    --nav-card-cta: color-mix(in srgb, var(--drewno-accent, #e47a2e) 72%, #8b4513 28%);
}
.nav-service-card--pogoda {
    --nav-icon-bg: rgba(2, 132, 199, 0.2);
    --nav-icon-color: var(--pogoda-accent, #0284c7);
    --nav-card-border: rgba(2, 132, 199, 0.35);
    --nav-link-color: color-mix(in srgb, var(--pogoda-accent, #0284c7) 75%, black 25%);
    --nav-card-title: color-mix(in srgb, var(--pogoda-accent, #0284c7) 82%, #e0f2fe 18%);
    --nav-card-lead: color-mix(in srgb, var(--pogoda-accent, #0284c7) 68%, #bae6fd 32%);
    --nav-card-cta: color-mix(in srgb, var(--pogoda-accent, #0284c7) 85%, #f0f9ff 15%);
}
.nav-services-panel[data-nav-theme="partnerzy"] {
    --nav-card-bg: rgba(4, 47, 40, 0.96);
    --nav-panel-border: rgba(16, 185, 129, 0.45);
    --nav-panel-text: #ecfdf5;
    --nav-panel-intro: rgba(110, 231, 183, 0.75);
    --nav-panel-heading: #6ee7b7;
    --nav-panel-lede: rgba(190, 242, 208, 0.85);
    --nav-card-border: rgba(16, 185, 129, 0.32);
    --nav-card-bg: rgba(13, 148, 136, 0.25);
    --nav-card-text: #f0fdf4;
    --nav-card-copy: rgba(224, 252, 243, 0.85);
}
.nav-services-panel[data-nav-theme="partnerzy"] .nav-service-card--partnerzy {
    --nav-card-border: color-mix(in srgb, var(--partnerzy-accent, #10b981) 65%, transparent 35%);
    --nav-card-bg: color-mix(in srgb, var(--partnerzy-accent, #10b981) 22%, rgba(255, 255, 255, 0.92) 78%);
    --nav-card-title: color-mix(in srgb, var(--partnerzy-accent, #10b981) 88%, #064e3b 12%);
    --nav-card-lead: color-mix(in srgb, var(--partnerzy-accent, #10b981) 72%, #052e16 28%);
    --nav-card-copy: color-mix(in srgb, #0f172a 70%, var(--partnerzy-accent, #10b981) 30%);
    --nav-card-cta: color-mix(in srgb, var(--partnerzy-accent, #10b981) 85%, #052e16 15%);
    --nav-icon-bg: color-mix(in srgb, var(--partnerzy-accent, #10b981) 38%, transparent 62%);
    box-shadow: var(--nav-active-card-shadow);
}
.nav-services-panel[data-nav-theme="wycinka"] {
    --nav-card-bg: rgba(8, 43, 24, 0.95);
    --nav-panel-border: rgba(99, 179, 140, 0.45);
    --nav-panel-text: #f0fdf4;
    --nav-panel-intro: rgba(99, 179, 140, 0.78);
    --nav-panel-heading: #63b38c;
    --nav-panel-lede: rgba(214, 245, 220, 0.85);
    --nav-card-border: rgba(99, 179, 140, 0.35);
    --nav-card-bg: rgba(31, 93, 58, 0.32);
    --nav-card-text: #f8fff6;
    --nav-card-copy: rgba(226, 252, 233, 0.9);
}
.nav-services-panel[data-nav-theme="wycinka"] .nav-service-card--wycinka {
    --nav-card-border: color-mix(in srgb, var(--wycinka-accent, #1f5d3a) 65%, transparent 35%);
    --nav-card-bg: color-mix(in srgb, var(--wycinka-accent, #1f5d3a) 16%, rgba(232, 244, 236, 0.95) 84%);
    --nav-card-title: color-mix(in srgb, var(--wycinka-accent, #1f5d3a) 80%, #0b2216 20%);
    --nav-card-lead: color-mix(in srgb, var(--wycinka-accent, #1f5d3a) 70%, #0f2f1d 30%);
    --nav-card-copy: color-mix(in srgb, #123222 76%, var(--wycinka-accent, #1f5d3a) 24%);
    --nav-card-cta: color-mix(in srgb, var(--wycinka-accent, #1f5d3a) 85%, #0f2f1d 15%);
    --nav-icon-bg: color-mix(in srgb, var(--wycinka-accent, #1f5d3a) 36%, transparent 64%);
    box-shadow: var(--nav-active-card-shadow);
}
.nav-services-panel[data-nav-theme="drewno"] {
    --nav-card-bg: rgba(73, 32, 6, 0.93);
    --nav-panel-border: rgba(228, 122, 46, 0.45);
    --nav-panel-text: #fff3e8;
    --nav-panel-intro: rgba(228, 122, 46, 0.78);
    --nav-panel-heading: #ffd5b3;
    --nav-panel-lede: rgba(255, 243, 232, 0.88);
    --nav-card-border: rgba(228, 122, 46, 0.33);
    --nav-card-bg: rgba(228, 122, 46, 0.25);
    --nav-card-text: #fff3e8;
    --nav-card-copy: rgba(255, 243, 232, 0.9);
}
.nav-services-panel[data-nav-theme="drewno"] .nav-service-card--drewno {
    --nav-card-border: color-mix(in srgb, var(--drewno-accent, #e47a2e) 60%, transparent 40%);
    --nav-card-bg: color-mix(in srgb, var(--drewno-accent, #e47a2e) 24%, rgba(249, 239, 229, 0.94) 76%);
    --nav-card-title: color-mix(in srgb, var(--drewno-accent, #e47a2e) 88%, #4a2b13 12%);
    --nav-card-lead: color-mix(in srgb, var(--drewno-accent, #e47a2e) 72%, #5a3416 28%);
    --nav-card-copy: color-mix(in srgb, #3f2f24 78%, var(--drewno-accent, #e47a2e) 22%);
    --nav-card-cta: color-mix(in srgb, var(--drewno-accent, #e47a2e) 82%, #5a3416 18%);
    --nav-icon-bg: color-mix(in srgb, var(--drewno-accent, #e47a2e) 36%, transparent 64%);
    box-shadow: var(--nav-active-card-shadow);
}
.nav-services-panel[data-nav-theme="pogoda"] {
    --nav-card-bg: rgba(15, 23, 42, 0.95);
    --nav-panel-border: rgba(56, 189, 248, 0.45);
    --nav-panel-text: #e2e8f0;
    --nav-panel-intro: rgba(125, 211, 252, 0.75);
    --nav-panel-heading: #f8fafc;
    --nav-panel-lede: rgba(203, 213, 225, 0.78);
    --nav-card-border: rgba(148, 163, 184, 0.2);
    --nav-card-bg: rgba(22, 36, 56, 0.75);
    --nav-card-text: #e2e8f0;
    --nav-card-copy: rgba(203, 213, 225, 0.9);
}
.nav-services-panel[data-nav-theme="pogoda"] .nav-service-card--pogoda {
    --nav-card-border: color-mix(in srgb, var(--pogoda-accent, #0284c7) 68%, transparent 32%);
    --nav-card-bg: color-mix(in srgb, var(--pogoda-accent, #0284c7) 26%, rgba(22, 36, 56, 0.85) 74%);
    --nav-card-title: color-mix(in srgb, var(--pogoda-accent, #0284c7) 88%, #0c4a6e 12%);
    --nav-card-lead: color-mix(in srgb, var(--pogoda-accent, #0284c7) 76%, #082f49 24%);
    --nav-card-copy: color-mix(in srgb, #e2e8f0 85%, var(--pogoda-accent, #0284c7) 15%);
    --nav-card-cta: color-mix(in srgb, var(--pogoda-accent, #0284c7) 90%, #bae6fd 10%);
    --nav-icon-bg: color-mix(in srgb, var(--pogoda-accent, #0284c7) 44%, transparent 56%);
    box-shadow: var(--nav-active-card-shadow);
}
.nav-services-panel[data-nav-theme="pogoda"] .nav-service-card__cta {
    color: var(--nav-card-cta, #7dd3fc);
}
.nav-services-panel[data-nav-theme="pogoda"] .nav-service-card__icon {
    color: var(--nav-icon-color, #cfefff);
}

.nav-services-panel[data-nav-theme="home"] .nav-service-card--home {
    --nav-card-border: rgba(199, 178, 153, 0.55);
    --nav-card-bg: color-mix(in srgb, var(--home-accent, #C7B299) 24%, rgba(255, 252, 247, 0.96) 76%);
    --nav-card-title: color-mix(in srgb, var(--home-accent, #C7B299) 72%, #2d241a 28%);
    --nav-card-lead: color-mix(in srgb, var(--home-accent, #C7B299) 60%, #2d241a 40%);
    --nav-card-copy: rgba(74, 59, 44, 0.85);
    --nav-card-cta: color-mix(in srgb, var(--home-accent, #C7B299) 75%, #2d241a 25%);
    --nav-icon-bg: rgba(199, 178, 153, 0.32);
    --nav-icon-color: #4a3827;
    box-shadow: var(--nav-active-card-shadow, 0 24px 42px -28px rgba(0, 0, 0, 0.25));
}

.nav-service-card--kreatywnie {
    --nav-icon-bg: rgba(124, 58, 237, 0.2);
    --nav-icon-color: var(--kreatywnie-primary, #7c3aed);
    --nav-card-border: rgba(124, 58, 237, 0.32);
    --nav-link-color: color-mix(in srgb, var(--kreatywnie-primary, #7c3aed) 78%, #312e81 22%);
    --nav-card-title: var(--kreatywnie-primary, #7c3aed);
    --nav-card-lead: color-mix(in srgb, var(--kreatywnie-primary, #7c3aed) 64%, #1f1333 36%);
    --nav-card-cta: color-mix(in srgb, var(--kreatywnie-primary, #7c3aed) 80%, #5b21b6 20%);
}
.nav-service-card--ogrodnictwo {
    --nav-icon-bg: rgba(250, 204, 21, 0.2);
    --nav-icon-color: var(--ogrodnictwo-primary, #facc15);
    --nav-card-border: rgba(250, 204, 21, 0.35);
    --nav-link-color: color-mix(in srgb, var(--ogrodnictwo-primary, #facc15) 70%, #1f2a14 30%);
    --nav-card-title: var(--ogrodnictwo-secondary, #ca8a04);
    --nav-card-lead: color-mix(in srgb, var(--ogrodnictwo-secondary, #ca8a04) 60%, #1f2a14 40%);
    --nav-card-cta: color-mix(in srgb, var(--ogrodnictwo-primary, #facc15) 80%, #1f2a14 20%);
}

.nav-services-panel[data-nav-theme="kreatywnie"] {
    --nav-card-bg: rgba(35, 19, 64, 0.95);
    --nav-panel-border: rgba(160, 138, 255, 0.45);
    --nav-panel-text: #f5f3ff;
    --nav-panel-intro: rgba(196, 181, 253, 0.85);
    --nav-panel-heading: #ede9fe;
    --nav-panel-lede: rgba(221, 214, 254, 0.85);
    --nav-card-border: rgba(124, 58, 237, 0.35);
    --nav-card-bg: rgba(124, 58, 237, 0.22);
    --nav-card-text: #f5f3ff;
    --nav-card-copy: rgba(237, 233, 254, 0.86);
}
.nav-services-panel[data-nav-theme="kreatywnie"] .nav-service-card--kreatywnie {
    --nav-card-border: color-mix(in srgb, var(--kreatywnie-primary, #7c3aed) 60%, transparent 40%);
    --nav-card-bg: color-mix(in srgb, var(--kreatywnie-primary, #7c3aed) 28%, rgba(49, 46, 129, 0.92) 72%);
    --nav-card-title: color-mix(in srgb, var(--kreatywnie-primary, #7c3aed) 88%, #312e81 12%);
    --nav-card-lead: color-mix(in srgb, var(--kreatywnie-primary, #7c3aed) 74%, #1f1333 26%);
    --nav-card-copy: color-mix(in srgb, #f5f3ff 82%, var(--kreatywnie-primary, #7c3aed) 18%);
    --nav-card-cta: color-mix(in srgb, var(--kreatywnie-primary, #7c3aed) 88%, #ede9fe 12%);
    --nav-icon-bg: color-mix(in srgb, var(--kreatywnie-primary, #7c3aed) 40%, transparent 60%);
    box-shadow: var(--nav-active-card-shadow);
}

.nav-services-panel[data-nav-theme="ogrodnictwo"] {
    --nav-card-bg: rgba(31, 42, 20, 0.95);
    --nav-panel-border: rgba(250, 204, 21, 0.45);
    --nav-panel-text: #fefce8;
    --nav-panel-intro: rgba(250, 204, 21, 0.78);
    --nav-panel-heading: #fef08a;
    --nav-panel-lede: rgba(253, 224, 71, 0.85);
    --nav-card-border: rgba(250, 204, 21, 0.35);
    --nav-card-bg: rgba(250, 204, 21, 0.22);
    --nav-card-text: #fefce8;
    --nav-card-copy: rgba(254, 240, 138, 0.9);
}
.nav-services-panel[data-nav-theme="ogrodnictwo"] .nav-service-card--ogrodnictwo {
    --nav-card-border: color-mix(in srgb, var(--ogrodnictwo-primary, #facc15) 60%, transparent 40%);
    --nav-card-bg: color-mix(in srgb, var(--ogrodnictwo-primary, #facc15) 26%, rgba(32, 43, 21, 0.92) 74%);
    --nav-card-title: color-mix(in srgb, var(--ogrodnictwo-secondary, #ca8a04) 85%, #1f2a14 15%);
    --nav-card-lead: color-mix(in srgb, var(--ogrodnictwo-secondary, #ca8a04) 70%, #0f1a0a 30%);
    --nav-card-copy: color-mix(in srgb, #fef9c3 80%, var(--ogrodnictwo-secondary, #ca8a04) 20%);
    --nav-card-cta: color-mix(in srgb, var(--ogrodnictwo-primary, #facc15) 85%, #1f2a14 15%);
    --nav-icon-bg: color-mix(in srgb, var(--ogrodnictwo-primary, #facc15) 42%, transparent 58%);
    box-shadow: var(--nav-active-card-shadow);
}