/* Resetowanie marginesów i paddingów */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 14px;
    scroll-behavior: smooth;
}

:root {
    --page-bg-image: url('taka-wheels-transport-tlo-jelenia-gora.png');
    --top-bar-height: clamp(56px, 6vh, 78px);
    --sub-bar-height: clamp(72px, 8.5vh, 116px);
    --menu-bar-bridge-height: clamp(22px, 2.4vw, 38px);
    --hero-bar-fade-height: clamp(54px, 6vw, 104px);
    --logo-top-offset: calc(var(--top-bar-height) * 0.24);
    --logo-top-offset-compact: calc(var(--top-bar-height) * 0.18);
    --logo-left: clamp(0.9rem, 5vw, 5rem);
    --logo-left-compact: clamp(0.85rem, 4.2vw, 4.2rem);
    --logo-compact-scale: 0.6864;
    --header-sync-duration: 0.22s;
    --header-sync-ease: cubic-bezier(0.4, 0, 0.2, 1);
    --menu-gap: clamp(0.85rem, 2vw, 2.6rem);
    --menu-font-size: clamp(0.66rem, 0.56rem + 0.24vw, 0.9rem);
    --menu-letter-spacing: clamp(0.08em, 0.05em + 0.12vw, 0.18em);
    --button-font-size: clamp(0.64rem, 0.55rem + 0.18vw, 0.82rem);
    --logo-width: clamp(122px, 12vw, 220px);
    --logo-company-gap: clamp(1.35rem, 1.6vw, 2rem);
    --logo-padding: clamp(10px, 1vw, 18px);
    --logo-radius: clamp(28px, 3.5vw, 64px);
    --logo-control-gap: clamp(0.35rem, 0.5vw, 0.5rem);
    --logo-surface-bg: linear-gradient(180deg, rgba(8, 8, 9, 0.98), rgba(18, 18, 20, 0.95));
    --logo-surface-border: rgba(255, 255, 255, 0.08);
    --logo-surface-shadow: 0 20px 42px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    --logo-surface-blur: 0px;
    --logo-surface-sheen: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01) 42%, rgba(255, 255, 255, 0) 100%);
    --logo-control-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
    --logo-control-border: rgba(255, 255, 255, 0.12);
    --logo-control-shadow: 0 10px 22px rgba(0, 0, 0, 0.16);
    --logo-control-text: rgba(255, 255, 255, 0.92);
    --logo-control-muted: rgba(255, 255, 255, 0.58);
    --vehicle-gap: clamp(1.8rem, 3.4vw, 4.6rem);
    --vehicle-size: clamp(126px, 11.5vw, 172px);
    --map-core-size: clamp(290px, 31vw, 396px);
    --map-shell-size: clamp(396px, 42vw, 564px);
    --home-side-shell-size: calc(var(--map-shell-size) * 0.68);
    --section-top-space: clamp(1.25rem, 4vw, 5rem);
    --tiles-start-gap: clamp(4rem, 8vw, 7rem);
    --contact-start-gap: clamp(10rem, 18.5vw, 18.25rem);
    --contact-black-lift: clamp(72px, 6vw, 108px);
    --theme-menu-color: #ffffff;
    --theme-menu-accent: #90d5ff;
    --theme-menu-shadow-color: rgba(0, 0, 0, 0.4);
    --theme-page-image-overlay: rgba(4, 7, 10, 0.4);
    --theme-header-top-bg:
        linear-gradient(135deg, rgba(62, 70, 78, 0.16) 0%, rgba(23, 23, 24, 0.08) 18%, rgba(0, 0, 0, 0) 42%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.085) 0%, rgba(255, 255, 255, 0.022) 28%, rgba(255, 255, 255, 0) 64%),
        linear-gradient(135deg, rgba(5, 5, 6, 0.96) 0%, rgba(8, 8, 8, 0.94) 68%, rgba(28, 30, 32, 0.88) 100%);
    --theme-header-top-border: rgba(255, 255, 255, 0.08);
    --theme-header-top-highlight: rgba(255, 255, 255, 0.06);
    --theme-header-bridge-bg: linear-gradient(180deg, rgba(0, 0, 0, 0.28) 0%, rgba(14, 18, 22, 0.14) 36%, rgba(255, 255, 255, 0.045) 74%, rgba(255, 255, 255, 0) 100%);
    --theme-header-bridge-opacity: 0.78;
    --theme-sub-bar-bg: linear-gradient(180deg, rgba(44, 49, 54, 0.5) 0%, rgba(18, 20, 23, 0.36) 100%);
    --theme-sub-bar-border: rgba(255, 255, 255, 0.08);
    --theme-sub-bar-highlight: rgba(255, 255, 255, 0.08);
    --theme-sub-bar-fade-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.08) 28%, rgba(255, 255, 255, 0.025) 56%, rgba(255, 255, 255, 0) 100%);
    --theme-hero-title: #f3f7fb;
    --theme-hero-subtitle: #d4dde7;
    --theme-hero-logo-chip: rgba(255, 255, 255, 0.94);
    --theme-hero-logo-chip-shadow: 0 12px 24px rgba(0, 0, 0, 0.16);
    --theme-cta-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.18), rgba(143, 213, 255, 0.16));
    --theme-cta-border: rgba(180, 223, 255, 0.34);
    --theme-cta-text-shadow: 0 0 10px rgba(126, 196, 255, 0.18);
    --theme-cta-shadow: 0 0 18px rgba(126, 196, 255, 0.14);
    --theme-cta-hover-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.26), rgba(143, 213, 255, 0.22));
    --theme-cta-hover-shadow: 0 0 24px rgba(126, 196, 255, 0.24);
    --theme-home-vehicle-card-bg: rgba(255, 255, 255, 0.08);
    --theme-home-vehicle-card-border: rgba(255, 255, 255, 0.16);
    --theme-home-vehicle-card-shadow: 0 18px 36px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.12);
    --theme-home-vehicle-image-shadow: 0 10px 18px rgba(0, 0, 0, 0.18);
    --theme-home-shell-highlight: rgba(255, 255, 255, 0.03);
    --theme-home-shell-top: rgba(42, 46, 52, 0.96);
    --theme-home-shell-bottom: rgba(18, 21, 26, 0.96);
    --theme-home-cool-glow-strong: rgba(127, 179, 221, 0.3);
    --theme-home-cool-glow-soft: rgba(127, 179, 221, 0.22);
    --theme-home-warm-glow-strong: rgba(255, 208, 96, 0.22);
    --theme-home-warm-glow-soft: rgba(255, 208, 96, 0.18);
    --theme-home-map-shell-bg: rgba(255, 255, 255, 0.009);
    --theme-home-map-core-bg: transparent;
    --theme-home-map-ring: rgba(255, 255, 255, 0.055);
    --theme-home-map-highlight: rgba(255, 255, 255, 0.065);
    --theme-home-map-highlight-soft: rgba(255, 255, 255, 0.01);
    --theme-home-map-border-light: rgba(255, 255, 255, 0.82);
    --theme-home-map-border-mid: rgba(255, 255, 255, 0.24);
    --theme-home-map-border-cool: rgba(192, 227, 255, 0.42);
    --theme-home-map-border-glow: rgba(196, 226, 248, 0.16);
    --theme-home-map-inner-highlight: rgba(255, 255, 255, 0.058);
    --theme-home-map-inner-shadow: rgba(255, 255, 255, 0.002);
    --theme-home-map-shadow: 0 18px 36px rgba(0, 0, 0, 0.1);
    --theme-home-map-blur: 3px;
    --theme-home-map-saturate: 108%;
    --theme-home-map-lens-opacity: 0.18;
    --theme-home-map-lens-scale: 1.08;
    --theme-home-map-lens-contrast: 1.04;
    --theme-home-map-lens-saturate: 1.08;
    --theme-home-map-lens-brightness: 1.03;
    --theme-offer-page-bg:
        radial-gradient(circle at 50% -8%, rgba(255, 255, 255, 0.08), transparent 26%),
        radial-gradient(circle at 85% 12%, rgba(138, 171, 202, 0.11), transparent 18%),
        radial-gradient(circle at 12% 20%, rgba(255, 205, 143, 0.06), transparent 16%),
        linear-gradient(180deg, #020303 0%, #090a0b 46%, #020303 100%);
    --theme-offer-panel-bg: linear-gradient(180deg, rgba(12, 12, 13, 0.95), rgba(17, 17, 18, 0.92));
    --theme-offer-panel-border: rgba(255, 255, 255, 0.08);
    --theme-offer-panel-shadow: 0 28px 60px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    --theme-offer-divider: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(184, 202, 220, 0.14) 18%, rgba(255, 255, 255, 0.28) 50%, rgba(184, 202, 220, 0.14) 82%, rgba(255, 255, 255, 0));
    --theme-offer-label: #abbaca;
    --theme-offer-heading: #f1f6fb;
    --theme-offer-copy: #d6dde5;
    --theme-offer-body: #bcc8d3;
    --theme-offer-card-bg: linear-gradient(180deg, rgba(14, 14, 15, 0.96), rgba(7, 8, 9, 0.94));
    --theme-offer-card-border: rgba(255, 255, 255, 0.08);
    --theme-offer-card-shadow: 0 18px 36px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    --theme-offer-media-bottom: rgba(6, 8, 10, 0.94);
    --theme-offer-media-ring: rgba(255, 255, 255, 0.06);
    --theme-offer-media-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
    --theme-offer-index: #9facb8;
    --theme-offer-rail-start: rgba(255, 255, 255, 0.58);
    --theme-offer-rail-mid: rgba(173, 188, 204, 0.24);
    --theme-offer-rail-end: rgba(255, 255, 255, 0.1);
    --theme-offer-rail-shadow: rgba(184, 202, 220, 0.14);
    --theme-offer-note-border: rgba(255, 255, 255, 0.08);
    --theme-about-page-bg:
        radial-gradient(circle at 14% 10%, rgba(138, 171, 202, 0.11), transparent 18%),
        radial-gradient(circle at 84% 12%, rgba(255, 204, 144, 0.06), transparent 15%),
        linear-gradient(180deg, #050607 0%, #0e1115 46%, #050607 100%);
    --theme-about-panel-bg: linear-gradient(180deg, rgba(13, 13, 14, 0.95), rgba(17, 17, 18, 0.92));
    --theme-about-panel-border: rgba(255, 255, 255, 0.08);
    --theme-about-panel-shadow: 0 24px 52px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    --theme-about-divider: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(184, 202, 220, 0.14) 18%, rgba(255, 255, 255, 0.28) 50%, rgba(184, 202, 220, 0.14) 82%, rgba(255, 255, 255, 0));
    --theme-about-label: #abbaca;
    --theme-about-heading: #f1f6fb;
    --theme-about-copy: #bcc8d3;
    --theme-contact-overlay: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 8%, rgba(0, 0, 0, 0.46) 20%, rgba(0, 0, 0, 0.76) 34%, rgba(0, 0, 0, 0.94) 44%, rgba(0, 0, 0, 0.995) 52%, rgba(0, 0, 0, 1) 58%, rgba(0, 0, 0, 1) 100%);
    --theme-contact-line: linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.98));
    --theme-contact-divider: rgba(255, 255, 255, 0.16);
    --theme-contact-kicker: #8abce5;
    --theme-contact-heading: #ffffff;
    --theme-contact-copy: rgba(255, 255, 255, 0.78);
    --theme-contact-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.045));
    --theme-contact-card-border: rgba(255, 255, 255, 0.14);
    --theme-contact-card-shadow: 0 18px 40px rgba(6, 12, 18, 0.16);
    --theme-contact-card-cool: rgba(127, 179, 221, 0.24);
    --theme-contact-card-warm: rgba(255, 208, 96, 0.32);
    --theme-contact-card-highlight: rgba(255, 255, 255, 0.03);
    --theme-contact-label: #7fb3dd;
    --theme-contact-chip-bg: rgba(255, 255, 255, 0.08);
    --theme-contact-chip-border: rgba(255, 255, 255, 0.08);
    --theme-contact-value: #ffffff;
    --theme-contact-note: rgba(255, 255, 255, 0.72);
    --theme-footer-bg: #17191c;
    --theme-footer-color: rgba(255, 255, 255, 0.78);
}

/* Theme presets: default = theme-glassy-light, alternates = rose / emerald / sapphire / fire / snow / obsidian / carbon / glassy-dark */
body.theme-carbon-steel {
    --theme-menu-accent: #7dc8ff;
    --theme-page-image-overlay: rgba(9, 16, 23, 0.42);
    --theme-header-top-bg:
        linear-gradient(135deg, rgba(97, 118, 138, 0.18) 0%, rgba(31, 38, 46, 0.1) 20%, rgba(0, 0, 0, 0) 44%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.095) 0%, rgba(255, 255, 255, 0.03) 30%, rgba(255, 255, 255, 0) 68%),
        linear-gradient(135deg, rgba(13, 15, 18, 0.96) 0%, rgba(18, 21, 25, 0.94) 64%, rgba(45, 53, 61, 0.88) 100%);
    --theme-header-bridge-bg: linear-gradient(180deg, rgba(8, 10, 12, 0.26) 0%, rgba(36, 48, 58, 0.16) 38%, rgba(255, 255, 255, 0.05) 74%, rgba(255, 255, 255, 0) 100%);
    --theme-sub-bar-bg: linear-gradient(180deg, rgba(67, 82, 96, 0.42) 0%, rgba(24, 29, 35, 0.32) 100%);
    --theme-sub-bar-fade-bg: linear-gradient(180deg, rgba(200, 223, 242, 0.16) 0%, rgba(190, 214, 234, 0.08) 30%, rgba(255, 255, 255, 0.02) 58%, rgba(255, 255, 255, 0) 100%);
    --theme-hero-subtitle: #d9e6f2;
    --theme-cta-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.18), rgba(125, 200, 255, 0.18));
    --theme-cta-border: rgba(171, 220, 255, 0.34);
    --theme-cta-text-shadow: 0 0 10px rgba(125, 200, 255, 0.2);
    --theme-cta-shadow: 0 0 18px rgba(125, 200, 255, 0.14);
    --theme-cta-hover-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.26), rgba(125, 200, 255, 0.24));
    --theme-cta-hover-shadow: 0 0 24px rgba(125, 200, 255, 0.24);
    --theme-home-vehicle-card-bg: rgba(207, 229, 246, 0.08);
    --theme-home-vehicle-card-border: rgba(180, 212, 240, 0.16);
    --theme-home-vehicle-card-shadow: 0 18px 36px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(231, 244, 255, 0.12);
    --theme-home-shell-highlight: rgba(220, 235, 248, 0.04);
    --theme-home-shell-top: rgba(42, 56, 70, 0.96);
    --theme-home-shell-bottom: rgba(19, 26, 33, 0.96);
    --theme-home-cool-glow-strong: rgba(129, 194, 235, 0.32);
    --theme-home-cool-glow-soft: rgba(129, 194, 235, 0.24);
    --theme-home-warm-glow-strong: rgba(188, 214, 120, 0.2);
    --theme-home-warm-glow-soft: rgba(188, 214, 120, 0.16);
    --theme-home-map-shell-bg: rgba(220, 239, 255, 0.01);
    --theme-home-map-core-bg: transparent;
    --theme-home-map-ring: rgba(176, 210, 235, 0.06);
    --theme-home-map-highlight: rgba(234, 246, 255, 0.07);
    --theme-home-map-highlight-soft: rgba(200, 223, 242, 0.012);
    --theme-home-map-border-light: rgba(236, 247, 255, 0.84);
    --theme-home-map-border-mid: rgba(205, 229, 247, 0.26);
    --theme-home-map-border-cool: rgba(156, 207, 245, 0.44);
    --theme-home-map-border-glow: rgba(156, 207, 245, 0.18);
    --theme-home-map-inner-highlight: rgba(220, 239, 255, 0.06);
    --theme-home-map-inner-shadow: rgba(200, 223, 242, 0.0025);
    --theme-offer-page-bg:
        radial-gradient(circle at 20% 8%, rgba(131, 174, 219, 0.14), transparent 18%),
        radial-gradient(circle at 82% 14%, rgba(132, 196, 230, 0.1), transparent 18%),
        linear-gradient(180deg, #0b1015 0%, #141b23 44%, #0d1217 100%);
    --theme-offer-panel-bg: linear-gradient(180deg, rgba(20, 27, 35, 0.96), rgba(14, 18, 23, 0.92));
    --theme-offer-panel-border: rgba(159, 190, 219, 0.16);
    --theme-offer-panel-shadow: 0 28px 60px rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    --theme-offer-divider: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(162, 196, 224, 0.16) 18%, rgba(214, 231, 245, 0.32) 50%, rgba(162, 196, 224, 0.16) 82%, rgba(255, 255, 255, 0));
    --theme-offer-label: #a9c2da;
    --theme-offer-copy: #d5e3ee;
    --theme-offer-body: #bacbd8;
    --theme-offer-card-bg: linear-gradient(180deg, rgba(21, 29, 37, 0.96), rgba(12, 17, 22, 0.94));
    --theme-offer-card-border: rgba(150, 188, 221, 0.14);
    --theme-offer-card-shadow: 0 18px 36px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    --theme-offer-media-bottom: rgba(10, 17, 24, 0.94);
    --theme-offer-index: #93b2cf;
    --theme-offer-rail-start: rgba(232, 241, 249, 0.62);
    --theme-offer-rail-mid: rgba(146, 183, 212, 0.24);
    --theme-offer-rail-end: rgba(232, 241, 249, 0.1);
    --theme-offer-rail-shadow: rgba(146, 183, 212, 0.16);
    --theme-offer-note-border: rgba(150, 188, 221, 0.12);
    --theme-about-page-bg:
        radial-gradient(circle at 14% 10%, rgba(131, 174, 219, 0.13), transparent 18%),
        radial-gradient(circle at 84% 12%, rgba(172, 202, 230, 0.08), transparent 16%),
        linear-gradient(180deg, #0c1218 0%, #141b23 46%, #0c1218 100%);
    --theme-about-panel-bg: linear-gradient(180deg, rgba(20, 27, 35, 0.96), rgba(14, 18, 23, 0.92));
    --theme-about-panel-border: rgba(159, 190, 219, 0.16);
    --theme-about-panel-shadow: 0 24px 52px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    --theme-about-divider: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(162, 196, 224, 0.16) 18%, rgba(214, 231, 245, 0.32) 50%, rgba(162, 196, 224, 0.16) 82%, rgba(255, 255, 255, 0));
    --theme-about-label: #a9c2da;
    --theme-about-copy: #bacbd8;
    --theme-contact-overlay: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(4, 8, 12, 0.22) 8%, rgba(6, 12, 18, 0.5) 20%, rgba(8, 15, 22, 0.8) 34%, rgba(11, 18, 25, 0.95) 44%, rgba(10, 16, 23, 0.995) 52%, rgba(9, 14, 20, 1) 58%, rgba(9, 14, 20, 1) 100%);
    --theme-contact-kicker: #8fc4ef;
    --theme-contact-copy: rgba(223, 235, 246, 0.78);
    --theme-contact-card-bg: linear-gradient(180deg, rgba(228, 241, 253, 0.09), rgba(160, 197, 226, 0.045));
    --theme-contact-card-border: rgba(170, 205, 233, 0.16);
    --theme-contact-card-cool: rgba(129, 194, 235, 0.24);
    --theme-contact-card-warm: rgba(175, 214, 132, 0.2);
    --theme-contact-label: #90c1e8;
    --theme-contact-chip-bg: rgba(220, 239, 255, 0.08);
    --theme-contact-chip-border: rgba(176, 210, 235, 0.12);
    --theme-contact-note: rgba(214, 228, 240, 0.7);
    --theme-footer-bg: #131a22;
    --logo-control-bg: linear-gradient(180deg, rgba(221, 236, 248, 0.14), rgba(66, 84, 99, 0.18));
    --logo-control-border: rgba(194, 221, 243, 0.16);
    --logo-control-shadow: 0 10px 24px rgba(7, 13, 20, 0.18);
    --logo-control-text: rgba(240, 247, 253, 0.94);
    --logo-control-muted: rgba(213, 228, 240, 0.62);
}

/* Ustawienie tła */
body.theme-glassy-light,
body.theme-glassy-dark,
body.theme-rose-frost,
body.theme-emerald-mist,
body.theme-sapphire-wave,
body.theme-firestorm,
body.theme-snow-glow {
    --theme-menu-accent: #c8ebff;
    --theme-menu-shadow-color: rgba(6, 12, 18, 0.24);
    --theme-page-image-overlay: rgba(6, 12, 19, 0.18);
    --theme-header-top-bg:
        linear-gradient(135deg, rgba(200, 233, 255, 0.16) 0%, rgba(115, 160, 196, 0.08) 18%, rgba(0, 0, 0, 0) 42%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.06) 26%, rgba(255, 255, 255, 0) 64%),
        linear-gradient(135deg, rgba(10, 14, 20, 0.62) 0%, rgba(14, 20, 28, 0.46) 68%, rgba(24, 34, 45, 0.42) 100%);
    --theme-header-top-border: rgba(255, 255, 255, 0.2);
    --theme-header-top-highlight: rgba(255, 255, 255, 0.18);
    --theme-header-bridge-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(180, 216, 241, 0.07) 34%, rgba(255, 255, 255, 0) 100%);
    --theme-header-bridge-opacity: 0.92;
    --theme-sub-bar-bg: linear-gradient(180deg, rgba(228, 241, 252, 0.14) 0%, rgba(22, 30, 40, 0.18) 100%);
    --theme-sub-bar-border: rgba(255, 255, 255, 0.18);
    --theme-sub-bar-highlight: rgba(255, 255, 255, 0.18);
    --theme-sub-bar-fade-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(225, 240, 252, 0.08) 30%, rgba(255, 255, 255, 0.02) 58%, rgba(255, 255, 255, 0) 100%);
    --theme-hero-title: #f8fcff;
    --theme-hero-subtitle: #e3eef8;
    --theme-hero-logo-chip: rgba(244, 250, 255, 0.72);
    --theme-hero-logo-chip-shadow: 0 18px 34px rgba(8, 16, 24, 0.16);
    --theme-cta-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.24), rgba(188, 227, 255, 0.18));
    --theme-cta-border: rgba(219, 239, 255, 0.34);
    --theme-cta-text-shadow: 0 0 10px rgba(181, 223, 255, 0.2);
    --theme-cta-shadow: 0 10px 22px rgba(11, 18, 27, 0.18);
    --theme-cta-hover-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.3), rgba(188, 227, 255, 0.24));
    --theme-cta-hover-shadow: 0 12px 28px rgba(11, 18, 27, 0.22);
    --theme-home-vehicle-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.07));
    --theme-home-vehicle-card-border: rgba(233, 245, 255, 0.2);
    --theme-home-vehicle-card-shadow: 0 18px 40px rgba(8, 16, 24, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.22), inset 0 -2px 6px rgba(255, 255, 255, 0.04);
    --theme-home-shell-highlight: rgba(255, 255, 255, 0.06);
    --theme-home-shell-top: rgba(207, 232, 252, 0.18);
    --theme-home-shell-bottom: rgba(12, 20, 28, 0.28);
    --theme-home-cool-glow-strong: rgba(161, 214, 255, 0.26);
    --theme-home-cool-glow-soft: rgba(161, 214, 255, 0.2);
    --theme-home-warm-glow-strong: rgba(255, 225, 179, 0.18);
    --theme-home-warm-glow-soft: rgba(255, 225, 179, 0.14);
    --theme-home-map-shell-bg: rgba(240, 248, 255, 0.022);
    --theme-home-map-core-bg: transparent;
    --theme-home-map-ring: rgba(225, 241, 255, 0.14);
    --theme-home-map-highlight: rgba(255, 255, 255, 0.16);
    --theme-home-map-highlight-soft: rgba(226, 241, 255, 0.03);
    --theme-home-map-border-light: rgba(255, 255, 255, 0.92);
    --theme-home-map-border-mid: rgba(231, 244, 255, 0.3);
    --theme-home-map-border-cool: rgba(180, 225, 255, 0.52);
    --theme-home-map-border-glow: rgba(180, 225, 255, 0.22);
    --theme-home-map-inner-highlight: rgba(243, 249, 255, 0.16);
    --theme-home-map-inner-shadow: rgba(255, 255, 255, 0.012);
    --theme-home-map-shadow: 0 18px 42px rgba(8, 16, 24, 0.14);
    --theme-home-map-saturate: 116%;
    --theme-home-map-lens-opacity: 0.28;
    --theme-home-map-lens-scale: 1.12;
    --theme-home-map-lens-contrast: 1.08;
    --theme-home-map-lens-saturate: 1.14;
    --theme-home-map-lens-brightness: 1.08;
    --theme-offer-page-bg:
        radial-gradient(circle at 18% 8%, rgba(198, 229, 255, 0.16), transparent 18%),
        radial-gradient(circle at 84% 14%, rgba(255, 255, 255, 0.12), transparent 20%),
        linear-gradient(180deg, rgba(7, 12, 18, 0.48) 0%, rgba(9, 14, 22, 0.42) 46%, rgba(7, 12, 18, 0.54) 100%);
    --theme-offer-panel-bg: linear-gradient(180deg, rgba(20, 31, 44, 0.42), rgba(12, 19, 28, 0.28));
    --theme-offer-panel-border: rgba(231, 244, 255, 0.2);
    --theme-offer-panel-shadow: 0 32px 72px rgba(7, 13, 20, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    --theme-offer-divider: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(210, 235, 255, 0.24) 18%, rgba(255, 255, 255, 0.54) 50%, rgba(210, 235, 255, 0.24) 82%, rgba(255, 255, 255, 0));
    --theme-offer-label: #d6efff;
    --theme-offer-heading: #fbfdff;
    --theme-offer-copy: #edf6ff;
    --theme-offer-body: rgba(234, 244, 252, 0.82);
    --theme-offer-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.05));
    --theme-offer-card-border: rgba(234, 244, 255, 0.15);
    --theme-offer-card-shadow: 0 24px 54px rgba(7, 13, 20, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.15);
    --theme-offer-media-bottom: rgba(255, 255, 255, 0.06);
    --theme-offer-media-ring: rgba(234, 244, 255, 0.12);
    --theme-offer-media-shadow: 0 12px 30px rgba(6, 12, 18, 0.12);
    --theme-offer-index: #d7edff;
    --theme-offer-rail-start: rgba(255, 255, 255, 0.84);
    --theme-offer-rail-mid: rgba(198, 229, 255, 0.34);
    --theme-offer-rail-end: rgba(255, 255, 255, 0.08);
    --theme-offer-rail-shadow: rgba(198, 229, 255, 0.22);
    --theme-offer-note-border: rgba(234, 244, 255, 0.12);
    --theme-about-page-bg:
        radial-gradient(circle at 18% 8%, rgba(198, 229, 255, 0.16), transparent 18%),
        radial-gradient(circle at 82% 12%, rgba(255, 255, 255, 0.11), transparent 18%),
        linear-gradient(180deg, rgba(8, 12, 18, 0.5) 0%, rgba(10, 14, 20, 0.44) 46%, rgba(8, 12, 18, 0.56) 100%);
    --theme-about-panel-bg: linear-gradient(180deg, rgba(20, 31, 44, 0.42), rgba(12, 19, 28, 0.28));
    --theme-about-panel-border: rgba(231, 244, 255, 0.2);
    --theme-about-panel-shadow: 0 30px 68px rgba(7, 13, 20, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    --theme-about-divider: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(210, 235, 255, 0.24) 18%, rgba(255, 255, 255, 0.54) 50%, rgba(210, 235, 255, 0.24) 82%, rgba(255, 255, 255, 0));
    --theme-about-label: #d6efff;
    --theme-about-heading: #fbfdff;
    --theme-about-copy: rgba(234, 244, 252, 0.82);
    --theme-contact-overlay: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(7, 12, 18, 0.16) 8%, rgba(9, 15, 22, 0.38) 20%, rgba(10, 16, 24, 0.66) 34%, rgba(8, 13, 20, 0.86) 44%, rgba(7, 11, 18, 0.97) 54%, rgba(6, 10, 16, 1) 62%, rgba(6, 10, 16, 1) 100%);
    --theme-contact-line: linear-gradient(180deg, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.92));
    --theme-contact-divider: rgba(231, 244, 255, 0.18);
    --theme-contact-kicker: #c8ebff;
    --theme-contact-heading: #fafdff;
    --theme-contact-copy: rgba(235, 245, 255, 0.82);
    --theme-contact-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.05));
    --theme-contact-card-border: rgba(231, 244, 255, 0.16);
    --theme-contact-card-shadow: 0 18px 40px rgba(7, 13, 20, 0.16);
    --theme-contact-card-cool: rgba(184, 225, 255, 0.24);
    --theme-contact-card-warm: rgba(255, 228, 188, 0.18);
    --theme-contact-card-highlight: rgba(255, 255, 255, 0.05);
    --theme-contact-label: #c8ebff;
    --theme-contact-chip-bg: rgba(255, 255, 255, 0.08);
    --theme-contact-chip-border: rgba(231, 244, 255, 0.1);
    --theme-contact-value: #fbfdff;
    --theme-contact-note: rgba(228, 240, 250, 0.74);
    --theme-footer-bg: #0e151d;
    --theme-footer-color: rgba(233, 244, 255, 0.76);
    --logo-control-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(212, 236, 255, 0.08));
    --logo-control-border: rgba(235, 246, 255, 0.24);
    --logo-control-shadow: 0 10px 26px rgba(8, 16, 24, 0.12);
    --logo-control-text: rgba(247, 251, 255, 0.96);
    --logo-control-muted: rgba(228, 239, 248, 0.64);
}

body.theme-glassy-light {
    --theme-page-image-overlay: rgba(6, 12, 19, 0.24);
    --theme-header-top-bg:
        linear-gradient(135deg, rgba(188, 225, 255, 0.14) 0%, rgba(88, 132, 168, 0.06) 18%, rgba(0, 0, 0, 0) 42%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.04) 26%, rgba(255, 255, 255, 0) 64%),
        linear-gradient(135deg, rgba(8, 12, 18, 0.74) 0%, rgba(12, 18, 26, 0.58) 68%, rgba(20, 30, 40, 0.5) 100%);
    --theme-header-top-border: rgba(255, 255, 255, 0.16);
    --theme-header-top-highlight: rgba(255, 255, 255, 0.14);
    --theme-sub-bar-bg: linear-gradient(180deg, rgba(220, 238, 252, 0.1) 0%, rgba(16, 24, 34, 0.22) 100%);
    --theme-sub-bar-border: rgba(255, 255, 255, 0.14);
    --theme-sub-bar-highlight: rgba(255, 255, 255, 0.14);
    --theme-offer-page-bg:
        radial-gradient(circle at 18% 8%, rgba(172, 214, 246, 0.14), transparent 18%),
        radial-gradient(circle at 84% 14%, rgba(255, 255, 255, 0.08), transparent 20%),
        linear-gradient(180deg, rgba(6, 10, 16, 0.58) 0%, rgba(8, 12, 18, 0.52) 46%, rgba(6, 10, 16, 0.64) 100%);
    --theme-offer-panel-bg: linear-gradient(180deg, rgba(16, 24, 34, 0.48), rgba(10, 16, 24, 0.34));
    --theme-about-page-bg:
        radial-gradient(circle at 18% 8%, rgba(172, 214, 246, 0.14), transparent 18%),
        radial-gradient(circle at 82% 12%, rgba(255, 255, 255, 0.08), transparent 18%),
        linear-gradient(180deg, rgba(6, 10, 16, 0.6) 0%, rgba(8, 12, 18, 0.54) 46%, rgba(6, 10, 16, 0.66) 100%);
    --theme-about-panel-bg: linear-gradient(180deg, rgba(16, 24, 34, 0.48), rgba(10, 16, 24, 0.34));
    --theme-contact-overlay: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(6, 10, 16, 0.18) 8%, rgba(8, 13, 20, 0.42) 20%, rgba(9, 15, 22, 0.72) 34%, rgba(7, 12, 18, 0.9) 44%, rgba(6, 10, 16, 0.98) 54%, rgba(5, 9, 14, 1) 62%, rgba(5, 9, 14, 1) 100%);
    --logo-control-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(191, 226, 252, 0.06));
    --logo-control-border: rgba(231, 244, 255, 0.18);
    --logo-control-shadow: 0 10px 26px rgba(8, 16, 24, 0.14);
    --logo-control-text: rgba(245, 250, 255, 0.96);
    --logo-control-muted: rgba(222, 236, 246, 0.62);
}

body.theme-glassy-dark {
    --theme-page-image-overlay: rgba(4, 8, 14, 0.34);
    --theme-header-top-bg:
        linear-gradient(135deg, rgba(146, 204, 252, 0.1) 0%, rgba(52, 86, 114, 0.04) 18%, rgba(0, 0, 0, 0) 42%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.02) 26%, rgba(255, 255, 255, 0) 64%),
        linear-gradient(135deg, rgba(4, 7, 12, 0.84) 0%, rgba(7, 11, 18, 0.72) 68%, rgba(12, 20, 28, 0.64) 100%);
    --theme-header-top-border: rgba(255, 255, 255, 0.12);
    --theme-header-top-highlight: rgba(255, 255, 255, 0.1);
    --theme-header-bridge-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(120, 176, 220, 0.04) 34%, rgba(255, 255, 255, 0) 100%);
    --theme-sub-bar-bg: linear-gradient(180deg, rgba(190, 224, 250, 0.08) 0%, rgba(10, 16, 24, 0.26) 100%);
    --theme-sub-bar-border: rgba(255, 255, 255, 0.1);
    --theme-sub-bar-highlight: rgba(255, 255, 255, 0.1);
    --theme-hero-logo-chip: rgba(224, 238, 250, 0.62);
    --theme-home-vehicle-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.04));
    --theme-home-vehicle-card-border: rgba(223, 239, 255, 0.14);
    --theme-home-vehicle-card-shadow: 0 18px 42px rgba(4, 10, 16, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.16);
    --theme-offer-page-bg:
        radial-gradient(circle at 18% 8%, rgba(112, 165, 210, 0.12), transparent 18%),
        radial-gradient(circle at 84% 14%, rgba(255, 255, 255, 0.05), transparent 20%),
        linear-gradient(180deg, rgba(4, 7, 12, 0.72) 0%, rgba(5, 9, 14, 0.66) 46%, rgba(4, 7, 12, 0.78) 100%);
    --theme-offer-panel-bg: linear-gradient(180deg, rgba(10, 16, 24, 0.6), rgba(6, 10, 16, 0.44));
    --theme-offer-panel-border: rgba(219, 237, 255, 0.16);
    --theme-offer-panel-shadow: 0 34px 78px rgba(4, 8, 14, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.14);
    --theme-offer-label: #d4ebff;
    --theme-offer-heading: #f6fbff;
    --theme-offer-copy: rgba(225, 238, 248, 0.84);
    --theme-offer-body: rgba(210, 225, 238, 0.8);
    --theme-offer-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.03));
    --theme-offer-card-border: rgba(224, 239, 255, 0.14);
    --theme-offer-card-shadow: 0 24px 54px rgba(4, 8, 14, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.14);
    --theme-offer-media-bottom: rgba(8, 14, 20, 0.44);
    --theme-offer-media-ring: rgba(232, 243, 255, 0.12);
    --theme-offer-media-shadow: 0 14px 32px rgba(4, 8, 14, 0.16);
    --theme-offer-index: #d5ecff;
    --theme-offer-note-border: rgba(224, 239, 255, 0.12);
    --theme-about-page-bg:
        radial-gradient(circle at 18% 8%, rgba(112, 165, 210, 0.12), transparent 18%),
        radial-gradient(circle at 82% 12%, rgba(255, 255, 255, 0.05), transparent 18%),
        linear-gradient(180deg, rgba(4, 7, 12, 0.74) 0%, rgba(5, 9, 14, 0.68) 46%, rgba(4, 7, 12, 0.8) 100%);
    --theme-about-panel-bg: linear-gradient(180deg, rgba(10, 16, 24, 0.6), rgba(6, 10, 16, 0.44));
    --theme-about-panel-border: rgba(219, 237, 255, 0.16);
    --theme-about-panel-shadow: 0 32px 72px rgba(4, 8, 14, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.14);
    --theme-about-label: #d1e9ff;
    --theme-about-heading: #f5fbff;
    --theme-about-copy: rgba(220, 234, 246, 0.82);
    --theme-contact-overlay: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(4, 7, 12, 0.24) 8%, rgba(5, 9, 14, 0.52) 20%, rgba(6, 10, 16, 0.8) 34%, rgba(5, 9, 14, 0.94) 44%, rgba(4, 7, 12, 1) 54%, rgba(4, 7, 12, 1) 62%, rgba(4, 7, 12, 1) 100%);
    --theme-contact-divider: rgba(221, 238, 255, 0.14);
    --theme-contact-kicker: #cde8ff;
    --theme-contact-heading: #f7fbff;
    --theme-contact-copy: rgba(222, 236, 248, 0.82);
    --theme-contact-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.03));
    --theme-contact-card-border: rgba(222, 238, 255, 0.14);
    --theme-contact-card-shadow: 0 18px 40px rgba(4, 8, 14, 0.18);
    --theme-contact-card-cool: rgba(164, 214, 255, 0.2);
    --theme-contact-card-warm: rgba(255, 226, 185, 0.14);
    --theme-contact-card-highlight: rgba(255, 255, 255, 0.04);
    --theme-contact-label: #cae5ff;
    --theme-contact-chip-bg: rgba(255, 255, 255, 0.06);
    --theme-contact-chip-border: rgba(221, 238, 255, 0.08);
    --theme-contact-value: #f6fbff;
    --theme-contact-note: rgba(210, 224, 236, 0.72);
    --theme-footer-bg: #091019;
    --theme-footer-color: rgba(220, 234, 246, 0.72);
    --logo-control-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.11), rgba(176, 214, 240, 0.04));
    --logo-control-border: rgba(224, 239, 255, 0.14);
    --logo-control-shadow: 0 12px 28px rgba(4, 8, 14, 0.16);
    --logo-control-text: rgba(240, 247, 252, 0.94);
    --logo-control-muted: rgba(212, 227, 238, 0.58);
}

body.theme-obsidian-ice {
    --theme-menu-accent: #a7d4ff;
    --theme-page-image-overlay: rgba(4, 8, 13, 0.42);
    --theme-header-top-bg:
        linear-gradient(135deg, rgba(173, 220, 255, 0.12) 0%, rgba(78, 119, 154, 0.05) 20%, rgba(0, 0, 0, 0) 44%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.025) 32%, rgba(255, 255, 255, 0) 70%),
        linear-gradient(135deg, rgba(6, 10, 16, 0.9) 0%, rgba(10, 16, 24, 0.82) 64%, rgba(24, 34, 44, 0.76) 100%);
    --theme-header-top-border: rgba(229, 242, 255, 0.14);
    --theme-header-top-highlight: rgba(255, 255, 255, 0.12);
    --theme-header-bridge-bg: linear-gradient(180deg, rgba(170, 214, 247, 0.1) 0%, rgba(73, 115, 148, 0.05) 34%, rgba(255, 255, 255, 0) 100%);
    --theme-sub-bar-bg: linear-gradient(180deg, rgba(208, 231, 250, 0.09) 0%, rgba(11, 17, 25, 0.28) 100%);
    --theme-sub-bar-border: rgba(231, 244, 255, 0.12);
    --theme-sub-bar-highlight: rgba(255, 255, 255, 0.1);
    --theme-hero-subtitle: #dbe9f6;
    --theme-cta-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.18), rgba(157, 210, 255, 0.18));
    --theme-cta-border: rgba(182, 223, 255, 0.34);
    --theme-cta-shadow: 0 10px 22px rgba(6, 12, 18, 0.18);
    --theme-offer-page-bg:
        radial-gradient(circle at 18% 8%, rgba(141, 187, 224, 0.14), transparent 18%),
        radial-gradient(circle at 84% 12%, rgba(208, 231, 250, 0.08), transparent 18%),
        linear-gradient(180deg, #05090d 0%, #0b1218 46%, #05090d 100%);
    --theme-offer-panel-bg: linear-gradient(180deg, rgba(13, 20, 28, 0.94), rgba(9, 14, 20, 0.9));
    --theme-offer-panel-border: rgba(204, 227, 246, 0.14);
    --theme-offer-copy: #dae7f2;
    --theme-offer-body: #bccbd6;
    --theme-about-page-bg:
        radial-gradient(circle at 14% 10%, rgba(141, 187, 224, 0.13), transparent 18%),
        radial-gradient(circle at 84% 12%, rgba(208, 231, 250, 0.08), transparent 16%),
        linear-gradient(180deg, #05090d 0%, #0d141b 46%, #05090d 100%);
    --theme-about-panel-bg: linear-gradient(180deg, rgba(13, 20, 28, 0.94), rgba(9, 14, 20, 0.9));
    --theme-about-panel-border: rgba(204, 227, 246, 0.14);
    --theme-about-copy: #bccbd6;
    --theme-contact-overlay: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(4, 8, 13, 0.24) 8%, rgba(6, 10, 16, 0.54) 20%, rgba(7, 11, 18, 0.82) 34%, rgba(6, 10, 15, 0.95) 46%, rgba(4, 8, 12, 1) 58%, rgba(4, 8, 12, 1) 100%);
    --theme-contact-kicker: #a9d4ff;
    --theme-contact-copy: rgba(224, 235, 245, 0.8);
    --theme-contact-card-bg: linear-gradient(180deg, rgba(227, 240, 250, 0.1), rgba(136, 171, 201, 0.05));
    --theme-contact-card-border: rgba(205, 228, 247, 0.14);
    --theme-contact-label: #acd7ff;
    --theme-contact-note: rgba(212, 225, 236, 0.72);
    --theme-footer-bg: #081018;
    --theme-footer-color: rgba(221, 235, 246, 0.74);
    --logo-control-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(161, 202, 235, 0.05));
    --logo-control-border: rgba(214, 233, 250, 0.14);
    --logo-control-shadow: 0 12px 28px rgba(5, 9, 14, 0.18);
    --logo-control-text: rgba(241, 247, 252, 0.95);
    --logo-control-muted: rgba(210, 224, 236, 0.58);
}

body.theme-rose-frost {
    --theme-menu-accent: #ffd4e6;
    --theme-page-image-overlay: rgba(24, 10, 18, 0.26);
    --theme-header-top-bg:
        linear-gradient(135deg, rgba(255, 218, 231, 0.22) 0%, rgba(194, 120, 154, 0.1) 20%, rgba(0, 0, 0, 0) 44%),
        linear-gradient(180deg, rgba(255, 247, 250, 0.16) 0%, rgba(255, 255, 255, 0.05) 28%, rgba(255, 255, 255, 0) 68%),
        linear-gradient(135deg, rgba(34, 12, 22, 0.74) 0%, rgba(56, 18, 36, 0.56) 64%, rgba(110, 44, 77, 0.48) 100%);
    --theme-header-top-border: rgba(255, 232, 241, 0.2);
    --theme-header-top-highlight: rgba(255, 244, 248, 0.16);
    --theme-header-bridge-bg: linear-gradient(180deg, rgba(255, 226, 237, 0.14) 0%, rgba(224, 163, 190, 0.08) 34%, rgba(255, 255, 255, 0) 100%);
    --theme-sub-bar-bg: linear-gradient(180deg, rgba(255, 237, 244, 0.14) 0%, rgba(52, 18, 33, 0.2) 100%);
    --theme-sub-bar-border: rgba(255, 228, 239, 0.18);
    --theme-sub-bar-highlight: rgba(255, 245, 249, 0.18);
    --theme-hero-subtitle: #ffe8f1;
    --theme-cta-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.22), rgba(255, 194, 218, 0.24));
    --theme-cta-border: rgba(255, 214, 231, 0.38);
    --theme-cta-text-shadow: 0 0 12px rgba(255, 191, 214, 0.24);
    --theme-cta-hover-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.3), rgba(255, 187, 212, 0.3));
    --theme-home-cool-glow-strong: rgba(255, 196, 220, 0.28);
    --theme-home-cool-glow-soft: rgba(255, 196, 220, 0.2);
    --theme-home-warm-glow-strong: rgba(255, 226, 195, 0.18);
    --theme-home-warm-glow-soft: rgba(255, 226, 195, 0.14);
    --theme-offer-page-bg:
        radial-gradient(circle at 16% 8%, rgba(255, 202, 222, 0.18), transparent 18%),
        radial-gradient(circle at 84% 14%, rgba(255, 233, 241, 0.12), transparent 18%),
        linear-gradient(180deg, rgba(28, 10, 18, 0.72) 0%, rgba(44, 14, 28, 0.64) 46%, rgba(24, 8, 16, 0.78) 100%);
    --theme-offer-panel-bg: linear-gradient(180deg, rgba(76, 26, 49, 0.48), rgba(24, 9, 17, 0.34));
    --theme-offer-panel-border: rgba(255, 226, 237, 0.18);
    --theme-offer-label: #ffd7e8;
    --theme-offer-heading: #fff7fb;
    --theme-offer-copy: #ffedf4;
    --theme-offer-body: rgba(250, 227, 236, 0.84);
    --theme-offer-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 221, 235, 0.06));
    --theme-offer-card-border: rgba(255, 226, 237, 0.16);
    --theme-offer-media-bottom: rgba(84, 28, 52, 0.26);
    --theme-offer-index: #ffd6e8;
    --theme-about-page-bg:
        radial-gradient(circle at 18% 8%, rgba(255, 202, 222, 0.18), transparent 18%),
        radial-gradient(circle at 82% 12%, rgba(255, 233, 241, 0.11), transparent 18%),
        linear-gradient(180deg, rgba(30, 11, 20, 0.74) 0%, rgba(48, 16, 31, 0.66) 46%, rgba(24, 8, 16, 0.8) 100%);
    --theme-about-panel-bg: linear-gradient(180deg, rgba(76, 26, 49, 0.46), rgba(24, 9, 17, 0.34));
    --theme-about-panel-border: rgba(255, 226, 237, 0.18);
    --theme-about-label: #ffd5e6;
    --theme-about-heading: #fff7fb;
    --theme-about-copy: rgba(248, 226, 235, 0.84);
    --theme-contact-overlay: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(28, 9, 18, 0.18) 8%, rgba(40, 12, 25, 0.46) 20%, rgba(48, 14, 30, 0.76) 34%, rgba(34, 10, 22, 0.92) 46%, rgba(24, 8, 16, 1) 58%, rgba(24, 8, 16, 1) 100%);
    --theme-contact-kicker: #ffd8ea;
    --theme-contact-copy: rgba(250, 230, 238, 0.82);
    --theme-contact-card-bg: linear-gradient(180deg, rgba(255, 240, 246, 0.12), rgba(201, 126, 159, 0.06));
    --theme-contact-card-border: rgba(255, 225, 236, 0.16);
    --theme-contact-card-cool: rgba(255, 200, 222, 0.22);
    --theme-contact-card-warm: rgba(255, 225, 189, 0.16);
    --theme-contact-label: #ffd9eb;
    --theme-contact-note: rgba(244, 221, 231, 0.74);
    --theme-footer-bg: #241019;
    --theme-footer-color: rgba(248, 228, 236, 0.76);
    --logo-control-bg: linear-gradient(180deg, rgba(255, 245, 249, 0.16), rgba(226, 155, 188, 0.08));
    --logo-control-border: rgba(255, 224, 236, 0.2);
    --logo-control-shadow: 0 12px 28px rgba(28, 10, 18, 0.18);
    --logo-control-text: rgba(255, 247, 251, 0.96);
    --logo-control-muted: rgba(245, 219, 229, 0.62);
}

body.theme-emerald-mist {
    --theme-menu-accent: #bbf2db;
    --theme-page-image-overlay: rgba(7, 20, 16, 0.24);
    --theme-header-top-bg:
        linear-gradient(135deg, rgba(198, 255, 232, 0.18) 0%, rgba(93, 190, 156, 0.08) 18%, rgba(0, 0, 0, 0) 42%),
        linear-gradient(180deg, rgba(245, 255, 251, 0.14) 0%, rgba(255, 255, 255, 0.04) 26%, rgba(255, 255, 255, 0) 64%),
        linear-gradient(135deg, rgba(7, 24, 19, 0.72) 0%, rgba(9, 45, 34, 0.54) 68%, rgba(19, 78, 61, 0.46) 100%);
    --theme-header-top-border: rgba(214, 255, 240, 0.18);
    --theme-header-top-highlight: rgba(238, 255, 247, 0.16);
    --theme-header-bridge-bg: linear-gradient(180deg, rgba(199, 255, 231, 0.14) 0%, rgba(122, 213, 179, 0.08) 34%, rgba(255, 255, 255, 0) 100%);
    --theme-sub-bar-bg: linear-gradient(180deg, rgba(228, 255, 245, 0.12) 0%, rgba(9, 39, 30, 0.2) 100%);
    --theme-sub-bar-border: rgba(210, 255, 239, 0.16);
    --theme-sub-bar-highlight: rgba(239, 255, 247, 0.16);
    --theme-hero-subtitle: #dffef0;
    --theme-cta-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(156, 238, 204, 0.22));
    --theme-cta-border: rgba(191, 255, 227, 0.34);
    --theme-cta-text-shadow: 0 0 12px rgba(157, 238, 205, 0.18);
    --theme-home-cool-glow-strong: rgba(125, 235, 195, 0.24);
    --theme-home-cool-glow-soft: rgba(125, 235, 195, 0.18);
    --theme-home-warm-glow-strong: rgba(214, 255, 221, 0.16);
    --theme-home-warm-glow-soft: rgba(214, 255, 221, 0.12);
    --theme-offer-page-bg:
        radial-gradient(circle at 16% 8%, rgba(156, 238, 204, 0.18), transparent 18%),
        radial-gradient(circle at 84% 14%, rgba(226, 255, 245, 0.1), transparent 18%),
        linear-gradient(180deg, rgba(6, 24, 18, 0.72) 0%, rgba(8, 39, 30, 0.62) 46%, rgba(5, 18, 14, 0.78) 100%);
    --theme-offer-panel-bg: linear-gradient(180deg, rgba(11, 56, 43, 0.46), rgba(6, 21, 16, 0.32));
    --theme-offer-panel-border: rgba(191, 255, 227, 0.16);
    --theme-offer-label: #c8ffe5;
    --theme-offer-heading: #f5fff9;
    --theme-offer-copy: #e6fff1;
    --theme-offer-body: rgba(219, 246, 232, 0.84);
    --theme-offer-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.11), rgba(191, 255, 227, 0.04));
    --theme-offer-card-border: rgba(191, 255, 227, 0.14);
    --theme-offer-media-bottom: rgba(11, 56, 43, 0.24);
    --theme-offer-index: #caffea;
    --theme-about-page-bg:
        radial-gradient(circle at 16% 8%, rgba(156, 238, 204, 0.18), transparent 18%),
        radial-gradient(circle at 84% 12%, rgba(226, 255, 245, 0.09), transparent 18%),
        linear-gradient(180deg, rgba(7, 25, 19, 0.72) 0%, rgba(9, 42, 32, 0.64) 46%, rgba(5, 18, 14, 0.8) 100%);
    --theme-about-panel-bg: linear-gradient(180deg, rgba(11, 56, 43, 0.46), rgba(6, 21, 16, 0.32));
    --theme-about-panel-border: rgba(191, 255, 227, 0.16);
    --theme-about-label: #c7ffe5;
    --theme-about-heading: #f4fff8;
    --theme-about-copy: rgba(219, 246, 232, 0.84);
    --theme-contact-overlay: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(7, 24, 18, 0.18) 8%, rgba(8, 34, 26, 0.44) 20%, rgba(8, 41, 31, 0.74) 34%, rgba(6, 25, 19, 0.92) 46%, rgba(4, 16, 12, 1) 58%, rgba(4, 16, 12, 1) 100%);
    --theme-contact-kicker: #c3ffe1;
    --theme-contact-copy: rgba(228, 250, 239, 0.82);
    --theme-contact-card-bg: linear-gradient(180deg, rgba(233, 255, 245, 0.12), rgba(126, 226, 184, 0.05));
    --theme-contact-card-border: rgba(191, 255, 227, 0.14);
    --theme-contact-card-cool: rgba(149, 244, 205, 0.2);
    --theme-contact-card-warm: rgba(219, 255, 225, 0.14);
    --theme-contact-label: #c4ffe2;
    --theme-contact-note: rgba(210, 236, 224, 0.72);
    --theme-footer-bg: #0b1814;
    --theme-footer-color: rgba(223, 245, 235, 0.76);
    --logo-control-bg: linear-gradient(180deg, rgba(245, 255, 251, 0.14), rgba(137, 226, 187, 0.06));
    --logo-control-border: rgba(211, 255, 239, 0.16);
    --logo-control-shadow: 0 12px 28px rgba(6, 20, 16, 0.16);
    --logo-control-text: rgba(245, 252, 249, 0.95);
    --logo-control-muted: rgba(215, 237, 228, 0.6);
}

body.theme-sapphire-wave {
    --theme-menu-accent: #b7dcff;
    --theme-page-image-overlay: rgba(6, 13, 24, 0.28);
    --theme-header-top-bg:
        linear-gradient(135deg, rgba(193, 228, 255, 0.2) 0%, rgba(73, 130, 221, 0.08) 18%, rgba(0, 0, 0, 0) 42%),
        linear-gradient(180deg, rgba(248, 252, 255, 0.15) 0%, rgba(255, 255, 255, 0.04) 26%, rgba(255, 255, 255, 0) 64%),
        linear-gradient(135deg, rgba(9, 18, 34, 0.8) 0%, rgba(14, 31, 63, 0.62) 68%, rgba(22, 73, 142, 0.46) 100%);
    --theme-header-top-border: rgba(220, 239, 255, 0.18);
    --theme-header-top-highlight: rgba(243, 249, 255, 0.16);
    --theme-header-bridge-bg: linear-gradient(180deg, rgba(192, 228, 255, 0.14) 0%, rgba(109, 164, 240, 0.08) 34%, rgba(255, 255, 255, 0) 100%);
    --theme-sub-bar-bg: linear-gradient(180deg, rgba(228, 241, 255, 0.12) 0%, rgba(14, 30, 58, 0.22) 100%);
    --theme-sub-bar-border: rgba(216, 236, 255, 0.16);
    --theme-sub-bar-highlight: rgba(245, 250, 255, 0.16);
    --theme-hero-subtitle: #deeeff;
    --theme-cta-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(145, 191, 255, 0.24));
    --theme-cta-border: rgba(190, 221, 255, 0.34);
    --theme-cta-text-shadow: 0 0 12px rgba(132, 187, 255, 0.2);
    --theme-home-cool-glow-strong: rgba(110, 171, 255, 0.26);
    --theme-home-cool-glow-soft: rgba(110, 171, 255, 0.18);
    --theme-offer-page-bg:
        radial-gradient(circle at 16% 8%, rgba(145, 191, 255, 0.18), transparent 18%),
        radial-gradient(circle at 84% 14%, rgba(222, 239, 255, 0.1), transparent 18%),
        linear-gradient(180deg, rgba(8, 17, 32, 0.76) 0%, rgba(11, 28, 56, 0.64) 46%, rgba(7, 16, 28, 0.8) 100%);
    --theme-offer-panel-bg: linear-gradient(180deg, rgba(16, 45, 89, 0.46), rgba(8, 18, 35, 0.34));
    --theme-offer-panel-border: rgba(194, 224, 255, 0.16);
    --theme-offer-label: #c9e4ff;
    --theme-offer-heading: #f6fbff;
    --theme-offer-copy: #e7f2ff;
    --theme-offer-body: rgba(219, 232, 247, 0.84);
    --theme-offer-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(194, 224, 255, 0.04));
    --theme-offer-card-border: rgba(194, 224, 255, 0.14);
    --theme-offer-media-bottom: rgba(17, 52, 100, 0.24);
    --theme-offer-index: #d4e8ff;
    --theme-about-page-bg:
        radial-gradient(circle at 16% 8%, rgba(145, 191, 255, 0.18), transparent 18%),
        radial-gradient(circle at 84% 12%, rgba(222, 239, 255, 0.09), transparent 18%),
        linear-gradient(180deg, rgba(8, 17, 32, 0.76) 0%, rgba(12, 30, 60, 0.66) 46%, rgba(7, 16, 28, 0.82) 100%);
    --theme-about-panel-bg: linear-gradient(180deg, rgba(16, 45, 89, 0.46), rgba(8, 18, 35, 0.34));
    --theme-about-panel-border: rgba(194, 224, 255, 0.16);
    --theme-about-label: #cae4ff;
    --theme-about-heading: #f6fbff;
    --theme-about-copy: rgba(219, 232, 247, 0.84);
    --theme-contact-overlay: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(8, 17, 32, 0.18) 8%, rgba(10, 24, 46, 0.48) 20%, rgba(10, 29, 58, 0.78) 34%, rgba(7, 17, 32, 0.94) 46%, rgba(5, 12, 22, 1) 58%, rgba(5, 12, 22, 1) 100%);
    --theme-contact-kicker: #c4e2ff;
    --theme-contact-copy: rgba(228, 238, 249, 0.82);
    --theme-contact-card-bg: linear-gradient(180deg, rgba(232, 243, 255, 0.12), rgba(121, 174, 241, 0.05));
    --theme-contact-card-border: rgba(194, 224, 255, 0.14);
    --theme-contact-label: #c5e2ff;
    --theme-contact-note: rgba(213, 226, 240, 0.72);
    --theme-footer-bg: #091425;
    --theme-footer-color: rgba(224, 236, 248, 0.76);
    --logo-control-bg: linear-gradient(180deg, rgba(247, 251, 255, 0.14), rgba(132, 183, 245, 0.06));
    --logo-control-border: rgba(208, 232, 255, 0.16);
    --logo-control-shadow: 0 12px 28px rgba(8, 16, 30, 0.18);
    --logo-control-text: rgba(243, 248, 253, 0.95);
    --logo-control-muted: rgba(214, 226, 239, 0.6);
}

body.theme-firestorm {
    --theme-menu-accent: #ff9a56;
    --theme-page-image-overlay: rgba(28, 8, 6, 0.34);
    --theme-header-top-bg:
        linear-gradient(135deg, rgba(255, 224, 188, 0.18) 0%, rgba(255, 121, 48, 0.22) 18%, rgba(255, 56, 31, 0.08) 34%, rgba(0, 0, 0, 0) 48%),
        linear-gradient(180deg, rgba(255, 248, 241, 0.1) 0%, rgba(255, 255, 255, 0.03) 28%, rgba(255, 255, 255, 0) 66%),
        linear-gradient(135deg, rgba(34, 8, 6, 0.9) 0%, rgba(88, 18, 8, 0.8) 54%, rgba(180, 44, 12, 0.66) 100%);
    --theme-header-top-border: rgba(255, 196, 150, 0.24);
    --theme-header-top-highlight: rgba(255, 235, 218, 0.14);
    --theme-header-bridge-bg: linear-gradient(180deg, rgba(255, 170, 109, 0.18) 0%, rgba(255, 88, 40, 0.12) 34%, rgba(255, 255, 255, 0) 100%);
    --theme-sub-bar-bg: linear-gradient(180deg, rgba(255, 213, 186, 0.16) 0%, rgba(90, 20, 9, 0.24) 100%);
    --theme-sub-bar-border: rgba(255, 194, 148, 0.2);
    --theme-sub-bar-highlight: rgba(255, 233, 214, 0.16);
    --theme-hero-subtitle: #ffe7da;
    --theme-cta-bg: linear-gradient(135deg, rgba(255, 241, 231, 0.18), rgba(255, 116, 56, 0.3));
    --theme-cta-border: rgba(255, 175, 126, 0.42);
    --theme-cta-text-shadow: 0 0 16px rgba(255, 103, 36, 0.3);
    --theme-home-cool-glow-strong: rgba(255, 149, 67, 0.24);
    --theme-home-cool-glow-soft: rgba(255, 149, 67, 0.18);
    --theme-home-warm-glow-strong: rgba(255, 67, 37, 0.32);
    --theme-home-warm-glow-soft: rgba(255, 67, 37, 0.22);
    --theme-offer-page-bg:
        radial-gradient(circle at 16% 8%, rgba(255, 143, 66, 0.3), transparent 18%),
        radial-gradient(circle at 84% 12%, rgba(255, 72, 38, 0.18), transparent 18%),
        linear-gradient(180deg, rgba(30, 8, 6, 0.84) 0%, rgba(72, 14, 8, 0.76) 46%, rgba(23, 6, 5, 0.9) 100%);
    --theme-offer-panel-bg: linear-gradient(180deg, rgba(118, 27, 10, 0.58), rgba(34, 9, 6, 0.4));
    --theme-offer-panel-border: rgba(255, 187, 143, 0.18);
    --theme-offer-label: #ffd2b3;
    --theme-offer-heading: #fff8f1;
    --theme-offer-copy: #fff0e2;
    --theme-offer-body: rgba(252, 228, 208, 0.86);
    --theme-offer-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 120, 64, 0.06));
    --theme-offer-card-border: rgba(255, 186, 141, 0.16);
    --theme-offer-media-bottom: rgba(118, 28, 10, 0.28);
    --theme-offer-index: #ffd6ba;
    --theme-about-page-bg:
        radial-gradient(circle at 16% 8%, rgba(255, 143, 66, 0.28), transparent 18%),
        radial-gradient(circle at 84% 12%, rgba(255, 73, 40, 0.14), transparent 18%),
        linear-gradient(180deg, rgba(30, 8, 6, 0.84) 0%, rgba(74, 14, 8, 0.76) 46%, rgba(23, 6, 5, 0.92) 100%);
    --theme-about-panel-bg: linear-gradient(180deg, rgba(118, 27, 10, 0.56), rgba(34, 9, 6, 0.4));
    --theme-about-panel-border: rgba(255, 186, 141, 0.18);
    --theme-about-label: #ffd1b1;
    --theme-about-heading: #fff8f0;
    --theme-about-copy: rgba(252, 228, 208, 0.86);
    --theme-contact-overlay: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(30, 8, 6, 0.18) 8%, rgba(52, 12, 7, 0.52) 20%, rgba(76, 15, 8, 0.82) 34%, rgba(34, 8, 6, 0.95) 46%, rgba(19, 5, 5, 1) 58%, rgba(19, 5, 5, 1) 100%);
    --theme-contact-kicker: #ffd3b4;
    --theme-contact-copy: rgba(250, 229, 214, 0.84);
    --theme-contact-card-bg: linear-gradient(180deg, rgba(255, 239, 226, 0.12), rgba(255, 103, 45, 0.06));
    --theme-contact-card-border: rgba(255, 189, 145, 0.14);
    --theme-contact-label: #ffd6b7;
    --theme-contact-note: rgba(245, 220, 202, 0.74);
    --theme-footer-bg: #1c0908;
    --theme-footer-color: rgba(248, 229, 214, 0.78);
    --logo-control-bg: linear-gradient(180deg, rgba(255, 245, 236, 0.14), rgba(255, 112, 56, 0.1));
    --logo-control-border: rgba(255, 192, 148, 0.2);
    --logo-control-shadow: 0 12px 28px rgba(31, 8, 6, 0.2);
    --logo-control-text: rgba(255, 249, 243, 0.96);
    --logo-control-muted: rgba(248, 224, 206, 0.64);
}

body.theme-snow-glow {
    --theme-menu-color: #eff7ff;
    --theme-menu-accent: #ffffff;
    --theme-page-image-overlay: rgba(14, 23, 34, 0.16);
    --theme-header-top-bg:
        linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(219, 235, 249, 0.18) 18%, rgba(0, 0, 0, 0) 42%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.08) 28%, rgba(255, 255, 255, 0) 68%),
        linear-gradient(135deg, rgba(20, 31, 45, 0.64) 0%, rgba(43, 68, 95, 0.44) 64%, rgba(96, 124, 154, 0.34) 100%);
    --theme-header-top-border: rgba(255, 255, 255, 0.28);
    --theme-header-top-highlight: rgba(255, 255, 255, 0.22);
    --theme-header-bridge-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(211, 228, 244, 0.12) 34%, rgba(255, 255, 255, 0) 100%);
    --theme-sub-bar-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(40, 59, 80, 0.16) 100%);
    --theme-sub-bar-border: rgba(255, 255, 255, 0.24);
    --theme-sub-bar-highlight: rgba(255, 255, 255, 0.24);
    --theme-hero-title: #fbfdff;
    --theme-hero-subtitle: #edf5fc;
    --theme-cta-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.32), rgba(224, 238, 249, 0.22));
    --theme-cta-border: rgba(255, 255, 255, 0.44);
    --theme-cta-text-shadow: 0 0 12px rgba(255, 255, 255, 0.2);
    --theme-home-vehicle-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0.1));
    --theme-home-vehicle-card-border: rgba(255, 255, 255, 0.28);
    --theme-home-shell-top: rgba(221, 235, 247, 0.2);
    --theme-home-shell-bottom: rgba(24, 36, 48, 0.2);
    --theme-home-cool-glow-strong: rgba(255, 255, 255, 0.22);
    --theme-home-cool-glow-soft: rgba(226, 239, 249, 0.18);
    --theme-home-warm-glow-strong: rgba(255, 255, 255, 0.18);
    --theme-home-warm-glow-soft: rgba(245, 250, 255, 0.14);
    --theme-offer-page-bg:
        radial-gradient(circle at 16% 8%, rgba(255, 255, 255, 0.22), transparent 18%),
        radial-gradient(circle at 84% 12%, rgba(224, 238, 249, 0.18), transparent 18%),
        linear-gradient(180deg, rgba(22, 34, 48, 0.54) 0%, rgba(38, 58, 79, 0.42) 46%, rgba(19, 29, 40, 0.58) 100%);
    --theme-offer-panel-bg: linear-gradient(180deg, rgba(232, 241, 248, 0.22), rgba(184, 203, 220, 0.12));
    --theme-offer-panel-border: rgba(255, 255, 255, 0.3);
    --theme-offer-panel-shadow: 0 28px 60px rgba(12, 20, 30, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.34);
    --theme-offer-label: #f5fbff;
    --theme-offer-heading: #ffffff;
    --theme-offer-copy: #f3f8fd;
    --theme-offer-body: rgba(233, 243, 251, 0.9);
    --theme-offer-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(240, 246, 251, 0.08));
    --theme-offer-card-border: rgba(255, 255, 255, 0.22);
    --theme-offer-media-bottom: rgba(236, 244, 250, 0.12);
    --theme-offer-index: #ffffff;
    --theme-about-page-bg:
        radial-gradient(circle at 16% 8%, rgba(255, 255, 255, 0.22), transparent 18%),
        radial-gradient(circle at 84% 12%, rgba(224, 238, 249, 0.16), transparent 18%),
        linear-gradient(180deg, rgba(23, 35, 48, 0.56) 0%, rgba(40, 60, 82, 0.44) 46%, rgba(19, 29, 40, 0.6) 100%);
    --theme-about-panel-bg: linear-gradient(180deg, rgba(232, 241, 248, 0.22), rgba(184, 203, 220, 0.12));
    --theme-about-panel-border: rgba(255, 255, 255, 0.28);
    --theme-about-panel-shadow: 0 24px 52px rgba(12, 20, 30, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.32);
    --theme-about-label: #f2f8fd;
    --theme-about-heading: #ffffff;
    --theme-about-copy: rgba(233, 243, 251, 0.88);
    --theme-contact-overlay: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(19, 31, 44, 0.14) 8%, rgba(27, 43, 59, 0.34) 20%, rgba(28, 45, 62, 0.62) 34%, rgba(20, 31, 44, 0.82) 46%, rgba(15, 24, 34, 0.96) 58%, rgba(15, 24, 34, 1) 100%);
    --theme-contact-kicker: #f0f7fd;
    --theme-contact-copy: rgba(236, 244, 251, 0.84);
    --theme-contact-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(220, 234, 245, 0.06));
    --theme-contact-card-border: rgba(255, 255, 255, 0.18);
    --theme-contact-label: #f4f9fd;
    --theme-contact-note: rgba(222, 233, 243, 0.74);
    --theme-footer-bg: #121f2b;
    --theme-footer-color: rgba(235, 244, 251, 0.8);
    --logo-control-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(226, 239, 248, 0.08));
    --logo-control-border: rgba(255, 255, 255, 0.28);
    --logo-control-shadow: 0 12px 28px rgba(12, 20, 30, 0.12);
    --logo-control-text: rgba(250, 252, 255, 0.98);
    --logo-control-muted: rgba(232, 240, 246, 0.66);
}

body.logo-style-black {
    --logo-surface-bg: linear-gradient(180deg, rgba(5, 5, 6, 0.98), rgba(18, 18, 20, 0.96));
    --logo-surface-border: rgba(255, 255, 255, 0.08);
    --logo-surface-shadow: 0 20px 42px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    --logo-surface-blur: 0px;
    --logo-surface-sheen: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.015) 42%, rgba(255, 255, 255, 0) 100%);
}

body.logo-style-glassy {
    --logo-surface-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.08));
    --logo-surface-border: rgba(234, 245, 255, 0.34);
    --logo-surface-shadow: 0 18px 38px rgba(8, 16, 24, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.34);
    --logo-surface-blur: 12px;
    --logo-surface-sheen: linear-gradient(180deg, rgba(255, 255, 255, 0.26), rgba(212, 236, 255, 0.14) 36%, rgba(255, 255, 255, 0.02) 100%);
}

body.logo-style-graphite {
    --logo-surface-bg: linear-gradient(180deg, rgba(58, 64, 72, 0.95), rgba(18, 22, 27, 0.97));
    --logo-surface-border: rgba(224, 236, 247, 0.2);
    --logo-surface-shadow: 0 20px 40px rgba(7, 13, 20, 0.28), inset 0 1px 0 rgba(243, 248, 255, 0.1);
    --logo-surface-blur: 2px;
    --logo-surface-sheen: linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(196, 213, 228, 0.06) 42%, rgba(255, 255, 255, 0) 100%);
}

body.logo-style-aurora {
    --logo-surface-bg:
        radial-gradient(circle at 18% 18%, rgba(120, 209, 255, 0.22), transparent 34%),
        radial-gradient(circle at 82% 18%, rgba(154, 255, 217, 0.14), transparent 30%),
        linear-gradient(180deg, rgba(12, 18, 26, 0.96), rgba(5, 8, 12, 0.98));
    --logo-surface-border: rgba(202, 242, 255, 0.24);
    --logo-surface-shadow: 0 22px 44px rgba(6, 12, 18, 0.3), inset 0 1px 0 rgba(238, 250, 255, 0.16);
    --logo-surface-blur: 3px;
    --logo-surface-sheen: linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(191, 241, 255, 0.08) 36%, rgba(255, 255, 255, 0) 100%);
}

body {
    background-color: rgba(0, 0, 0, 0.4);
    background-image: var(--page-bg-image);
    background-size: cover; /* Sprawia, że obrazek dopasowuje się do ekranu */
    background-position: center; /* Obrazek wyśrodkowany */
    background-blend-mode: multiply;
    min-height: 100vh; /* Strona będzie miała minimum wysokość całego ekranu */
    display: flex;
    flex-direction: column;
    font-family: 'Merriweather', serif;
    position: relative;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    background-image: var(--page-bg-image);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -2;
}

body::after {
    content: "";
    position: fixed;
    inset: 0;
    background: var(--theme-page-image-overlay);
    z-index: -1;
}

.liquid-filter-defs {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    pointer-events: none;
}

.top-bar {
    position: sticky;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--theme-header-top-bg);
    backdrop-filter: blur(10px) saturate(118%);
    -webkit-backdrop-filter: blur(10px) saturate(118%);
    border-bottom: 1px solid var(--theme-header-top-border);
    box-shadow: inset 0 1px 0 var(--theme-header-top-highlight);
    height: var(--top-bar-height);
    z-index: 30;
    overflow: visible;
    isolation: isolate;
    contain: inline-size;
    transition: background 0.25s ease, backdrop-filter 0.25s ease;
}

.top-bar::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: calc(-1 * var(--menu-bar-bridge-height));
    width: 100%;
    height: var(--menu-bar-bridge-height);
    background: var(--theme-header-bridge-bg);
    filter: blur(7px);
    opacity: var(--theme-header-bridge-opacity);
    pointer-events: none;
    z-index: 0;
}

.menu {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--menu-gap);
  background-color: transparent;
  width: min(62vw, 980px);
  padding: 0.4rem 0;
  flex-wrap: wrap;
  max-width: min(62vw, 980px);
  min-width: 0;
  z-index: 1;
}

.menu-item {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--menu-font-size);
  font-family: 'Sora', sans-serif;
  font-weight: 600;
  color: var(--theme-menu-color);
  text-decoration: none;
  padding: 0.3rem 0;
  transition: color 0.4s ease, background-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease;
  letter-spacing: var(--menu-letter-spacing);
  text-shadow: 0 0 5px var(--theme-menu-shadow-color);
}

.menu-item::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 0;
  background-color: var(--theme-menu-accent);
  transition: width 0.2s ease-in-out;
}

.menu-item:hover {
  color: var(--theme-menu-accent); /* Tekst zmienia kolor w tym samym momencie */
}

.menu-item:hover::after {
  width: 100%;
}

.menu-item--active {
  color: var(--theme-menu-color);
}

.menu-item--active::after {
  width: 100%;
  background-color: var(--theme-menu-accent);
}

.menu-item--active:hover {
  color: var(--theme-menu-color);
}

.logo-switch-button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.45rem;
  width: 100%;
  padding: 0.32rem 0.54rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--logo-control-border) 58%, transparent);
  background: color-mix(in srgb, var(--logo-control-bg) 46%, transparent);
  color: var(--logo-control-text);
  font-family: 'Sora', sans-serif;
  font-size: clamp(0.5rem, 0.46rem + 0.12vw, 0.64rem);
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease, background 0.25s ease, color 0.25s ease;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  box-shadow: none;
  opacity: 0.42;
}

.logo-switch-button--link {
  width: auto;
  justify-content: center;
  height: 100%;
  padding: 0 clamp(0.68rem, 0.9vw, 0.92rem);
  opacity: 0.76;
  white-space: nowrap;
}

.logo-switch-button:hover,
.logo-switch-button:focus-visible {
  border-color: color-mix(in srgb, var(--theme-menu-accent) 72%, white 28%);
  background: color-mix(in srgb, var(--logo-control-bg) 74%, transparent);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.04), 0 6px 16px rgba(0, 0, 0, 0.14);
  color: white;
  transform: translateY(-1px);
  opacity: 0.92;
  outline: none;
}

.logo-switch-button__label {
  color: var(--logo-control-muted);
  opacity: 0.72;
}

.logo-switch-button__name {
  color: color-mix(in srgb, var(--theme-menu-accent) 82%, white 18%);
  letter-spacing: 0.11em;
}

.zamow-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  line-height: 1;
  padding: clamp(0.35rem, 0.3rem + 0.3vw, 0.55rem) clamp(0.75rem, 0.65rem + 0.6vw, 1.15rem);
  border-radius: 999px;
  background: var(--theme-cta-bg);
  border: 1px solid var(--theme-cta-border);
  color: #f5fbff;
  font-family: 'Sora', sans-serif;
  font-size: var(--button-font-size);
  font-weight: 700;
  letter-spacing: clamp(0.08em, 0.05em + 0.12vw, 0.18em);
  text-shadow: var(--theme-cta-text-shadow);
  box-shadow: var(--theme-cta-shadow);
  animation: pulsujacyKolor 3s infinite ease-in-out;
}

.zamow-btn:hover {
  color: #ffffff;
  transform: translateY(-1px);
  background: var(--theme-cta-hover-bg);
  box-shadow: var(--theme-cta-hover-shadow);
}

.zamow-btn::after {
  display: none;
}

.logo-div {
    position: absolute;
    top: var(--logo-top-offset);
    left: var(--logo-left);
    transform: none;
    width: fit-content;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--logo-control-gap);
    transform-origin: left top;
    z-index: 1;
    transition:
        top var(--header-sync-duration) var(--header-sync-ease),
        left var(--header-sync-duration) var(--header-sync-ease),
        transform var(--header-sync-duration) var(--header-sync-ease);
}

.logo-company-note {
    position: absolute;
    top: 50%;
    left: calc(var(--logo-left) + var(--logo-width) + var(--logo-company-gap));
    transform: translateY(-50%);
    margin: 0;
    max-width: min(340px, 31vw);
    font-family: 'Playfair Display', serif;
    font-size: clamp(0.64rem, 0.56rem + 0.14vw, 0.8rem);
    line-height: 1.52;
    letter-spacing: 0.045em;
    font-style: normal;
    font-weight: 400;
    font-variant-numeric: lining-nums;
    white-space: normal;
    text-align: left;
    color: color-mix(in srgb, var(--logo-control-text) 96%, white 4%);
    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
    opacity: 0.98;
    pointer-events: auto;
    user-select: text;
    z-index: 2;
    transition:
        left var(--header-sync-duration) var(--header-sync-ease),
        max-width var(--header-sync-duration) var(--header-sync-ease),
        font-size var(--header-sync-duration) var(--header-sync-ease),
        opacity var(--header-sync-duration) var(--header-sync-ease);
}

.logo-company-name {
    display: block;
    margin-bottom: 0;
    font-family: 'Sora', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.18em;
    line-height: 1.08;
    letter-spacing: 0.05em;
    text-transform: none;
    color: rgba(255, 255, 255, 0.98);
    text-shadow: 0 6px 14px rgba(0, 0, 0, 0.22);
}

.logo-company-address {
    display: block;
    margin-top: 0;
    white-space: pre-line;
    line-height: 1.38;
}

.logo-badge {
    position: relative;
    width: fit-content;
    line-height: 0;
    isolation: isolate;
}

.logo-badge::before {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: calc(var(--logo-radius) - 1px);
    background: var(--logo-surface-sheen);
    opacity: 0.95;
    pointer-events: none;
    z-index: 1;
}

.logo {
    position: relative;
    z-index: 0;
    display: block;
    background: var(--logo-surface-bg);
    border: 1px solid var(--logo-surface-border);
    box-shadow: var(--logo-surface-shadow);
    backdrop-filter: blur(var(--logo-surface-blur)) saturate(120%);
    -webkit-backdrop-filter: blur(var(--logo-surface-blur)) saturate(120%);
    width: var(--logo-width);
    height: auto;
    border-radius: var(--logo-radius);
    animation: pulsujacyCien 4s infinite ease-in-out;
    padding: var(--logo-padding);
    overflow: hidden;
    transition: width 0.3s ease, padding 0.3s ease, border-radius 0.3s ease;
}

.logo-controls {
    display: flex;
    flex-direction: column;
    gap: var(--logo-control-gap);
    width: clamp(110px, 9.2vw, 146px);
    opacity: 0.72;
    transition: opacity 0.25s ease;
}

.logo-controls:hover,
.logo-controls:focus-within {
    opacity: 1;
}

.logo-controls--dock {
    width: auto;
    min-width: 0;
    height: 100%;
    display: flex;
    align-items: center;
    gap: clamp(0.32rem, 0.45vw, 0.46rem);
    opacity: 0.9;
}

.header-actions {
    position: absolute;
    top: 50%;
    right: clamp(0.75rem, 1.5vw, 1.5rem);
    transform: translateY(-50%);
    height: 75%;
    display: flex;
    align-items: center;
    gap: clamp(0.38rem, 0.7vw, 0.72rem);
    z-index: 2;
}

.logo-controls--dock .logo-switch-button {
    height: 100%;
    opacity: 0.7;
    background: color-mix(in srgb, var(--logo-control-bg) 62%, transparent);
    box-shadow: var(--logo-control-shadow);
}

.language-div {
    position: relative;
    width: clamp(132px, 14vw, 220px);
    right: auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 clamp(0.45rem, 0.9vw, 0.9rem);
    margin-top: auto;
    margin-bottom: auto;
    z-index: 1;
    isolation: isolate;
}

.language-div::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(10, 16, 24, 0.16)),
        linear-gradient(135deg, rgba(188, 224, 248, 0.18), rgba(255, 255, 255, 0.02));
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    pointer-events: none;
    z-index: 0;
}

.language-div::after {
    display: none;
}

.language {
    display: flex;
    gap: clamp(0.25rem, 0.45vw, 0.4rem);
    justify-content: space-evenly;
    align-items: center;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 2;
}

.lang-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(23px, 2vw, 30px);
    font-size: 70%;
}

.lang-box a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 999px;
    transition: transform 0.2s ease, opacity 0.2s ease, filter 0.2s ease;
}

.lang-box a:hover {
    transform: translateY(-1px);
    filter: saturate(110%);
}

.lang-box a[title] {
    opacity: 0.86;
}

.lang-box img {
    display: block;
    height: auto;
    width: 100%;
    margin: 0 auto;
}

.transparent-bar {
    position: sticky;
    top: var(--top-bar-height);
    width: 100%;
    height: var(--sub-bar-height);
    background: var(--theme-sub-bar-bg);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 20;
    overflow: visible;
    isolation: isolate;
    contain: inline-size;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-bottom: 1px solid var(--theme-sub-bar-border);
    box-shadow: inset 0 1px 0 var(--theme-sub-bar-highlight);
    transition: height 0.3s ease, background-color 0.3s ease, backdrop-filter 0.3s ease;
}

.transparent-bar::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: calc(-1 * var(--hero-bar-fade-height));
    width: 100%;
    height: var(--hero-bar-fade-height);
    background: var(--theme-sub-bar-fade-bg);
    pointer-events: none;
    z-index: 0;
    opacity: 1;
    transform-origin: top center;
    transition: opacity 0.35s ease, transform 0.35s ease;
}

body.header-scrolled .transparent-bar::after {
    opacity: 0;
    transform: translateY(-12px) scaleY(0.72);
}

.trans-cert-stack {
    position: absolute;
    top: 100%;
    right: clamp(0.8rem, 1.8vw, 1.8rem);
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    transition:
        top var(--header-sync-duration) var(--header-sync-ease),
        right var(--header-sync-duration) var(--header-sync-ease),
        transform var(--header-sync-duration) var(--header-sync-ease);
}

.theme-controls-dock {
    position: relative;
    top: auto;
    right: auto;
    transform: none;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 1;
    transition: top 0.35s ease, right 0.35s ease, transform 0.35s ease;
}

.trans-logo-div {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--theme-hero-logo-chip);
    width: clamp(56px, 4.4vw, 84px);
    height: clamp(56px, 4.4vw, 84px);
    border-radius: 50%;
    box-shadow: var(--theme-hero-logo-chip-shadow);
    transition:
        width var(--header-sync-duration) var(--header-sync-ease),
        height var(--header-sync-duration) var(--header-sync-ease),
        transform var(--header-sync-duration) var(--header-sync-ease);
}

.trans-logo {
    max-width: 100%;
    max-height: 100%;
}

.top-bar--compact + .transparent-bar .trans-cert-stack {
    top: 50%;
    transform: translateY(-50%) scale(0.9);
}

.top-bar--compact .header-actions {
    opacity: 0.96;
}

.transparent-header {
   padding: clamp(0.25rem, 0.5vw, 0.6rem);
   width: min(72vw, 620px);
   justify-content: center;
   align-items: center;
   text-align: center;
   display: flex;
   flex-direction: column;
   gap: clamp(0.25rem, 0.5vw, 0.45rem);
   position: relative;
   z-index: 1;
   transition: transform 0.3s ease;
   transform: scale(0.9);
}

.transparent-header::before,
.transparent-header::after {
    display: none;
}

.glowny-tekst {
    position: relative;
    display: inline-block;
    font-size: clamp(1.26rem, 1rem + 1vw, 2rem);
    line-height: 1.02;
    letter-spacing: clamp(0.06em, 0.04em + 0.12vw, 0.16em);
    font-family: 'Playfair Display', serif;
    font-weight: 600;
    color: transparent;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(233, 241, 248, 0.94) 42%, rgba(191, 207, 223, 0.92) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: 0 10px 22px rgba(0, 0, 0, 0.22);
}

.header-stamp {
    position: absolute;
    top: clamp(2.25rem, 2.8vw, 2.95rem);
    left: calc(100% - clamp(4.1rem, 5.8vw, 6rem));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.48rem 0.94rem;
    border: 3px solid rgba(198, 24, 24, 0.96);
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(170, 20, 20, 0.85), rgba(116, 10, 10, 0.85));
    color: #ff4a4a;
    font-family: 'Sora', sans-serif;
    font-size: clamp(0.72rem, 0.62rem + 0.28vw, 0.92rem);
    font-weight: 700;
    letter-spacing: 0.14em;
    line-height: 1;
    text-transform: uppercase;
    transform: rotate(27deg);
    transform-origin: center;
    box-shadow: 0 10px 22px rgba(80, 8, 8, 0.22);
    backdrop-filter: blur(2px);
    text-shadow: none;
    white-space: nowrap;
    pointer-events: none;
    user-select: none;
}

.sub-tekst {
    max-width: min(92%, 520px);
    font-size: clamp(0.62rem, 0.56rem + 0.22vw, 0.82rem);
    line-height: 1.45;
    letter-spacing: clamp(0.16em, 0.1em + 0.16vw, 0.28em);
    font-weight: 700;
    font-family: 'Inter', sans-serif;
    text-transform: uppercase;
    color: var(--theme-hero-subtitle);
    opacity: 0.92;
}

.year-tekst {
    font-size: clamp(0.54rem, 0.48rem + 0.2vw, 0.72rem);
    font-style: italic;
    letter-spacing: clamp(0.12em, 0.08em + 0.22vw, 0.28em);
    font-family: 'Pacifico';
    color: white;
    text-shadow: 1px 1px 3px black;
}

.year-container {
    position: absolute;
    bottom: 19%; /* możesz dopasować np. 10% lub 20% w zależności od efektu */
    left: 50%;
    transform: translateX(-50%);
    background-color: transparent; /* usuń tło */
    margin: 0;
    padding: 0;
    z-index: 2;
    transition:
        opacity var(--header-sync-duration) var(--header-sync-ease),
        transform var(--header-sync-duration) var(--header-sync-ease);
}

.top-bar--compact .logo-div {
    top: var(--logo-top-offset-compact);
    left: var(--logo-left-compact);
    transform: scale(var(--logo-compact-scale));
}

.top-bar--compact .year-container {
    opacity: 0;
    transform: translateX(-50%) translateY(6px);
}

.top-bar--compact + .transparent-bar .logo-company-note {
    left: calc(var(--logo-left-compact) + (var(--logo-width) * var(--logo-compact-scale)) + (var(--logo-company-gap) * 0.9));
    max-width: min(300px, 28vw);
    font-size: clamp(0.58rem, 0.48rem + 0.16vw, 0.74rem);
    opacity: 0.92;
}

main {
    flex: 1;
}

.main-home {
    display: flex;
    flex-direction: column;
    --home-indicator-gap: clamp(7rem, 14vh, 9.5rem);
}

.tiles-section {
    display: grid;
    justify-content: center;
    justify-items: center;
    align-content: center;
    width: 100%;
    margin: var(--tiles-start-gap) auto 0;
    padding: clamp(1.75rem, 4vh, 3.25rem) 0 0.75rem;
    gap: 0;
    row-gap: var(--home-indicator-gap);
    min-height: calc(100svh - var(--top-bar-height) - var(--sub-bar-height) - clamp(1rem, 2vw, 2rem));
}

.content-tile {
    background-color: rgba(173, 173, 173, 0.527);
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.973);
    padding: 2px;
    border-radius: 20px;
    width: auto;
    height: auto;
    text-align: center;
    transition: transform 0.3s ease;
}

.content-tile--map {
    width: fit-content;
    height: fit-content;
    flex: 0 0 auto;
    align-self: flex-start;
    transition: transform 0.3s ease;
}

.content-tile:hover {
    transform: scale(1.15);
}

.content-tile--map:hover {
    transform: scale(1.45);
}

.content-tile img {
    width: 100%;
    height: auto;
    border-radius: 20px;
}

.mapa-europy {
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
}

.mapa-europy img {
    display: block;
    height: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.lokalizacja img {
    display: block;
    height: auto;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.fleet-layout {
    --home-cluster-gap: clamp(18px, 2vw, 30px);
    --home-column-size: max(
        var(--map-shell-size),
        calc((var(--vehicle-size) * 2) + var(--home-cluster-gap))
    );
    display: grid;
    grid-template-columns: repeat(3, minmax(0, var(--home-column-size)));
    align-items: center;
    justify-content: center;
    justify-items: center;
    width: min(
        100%,
        calc((var(--home-column-size) * 3) + (var(--home-cluster-gap) * 2))
    );
    max-width: min(
        100%,
        calc((var(--home-column-size) * 3) + (var(--home-cluster-gap) * 2))
    );
    margin-top: 0;
    margin-inline: auto;
    min-width: 0;
    gap: var(--home-cluster-gap);
}

.fleet-mosaic {
    --mosaic-gap: clamp(16px, 1.6vw, 22px);
    --fleet-mosaic-vehicle-size: clamp(96px, 8vw, 124px);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, var(--fleet-mosaic-vehicle-size)));
    grid-template-rows: repeat(2, minmax(0, var(--fleet-mosaic-vehicle-size)));
    gap: var(--mosaic-gap);
    width: min(100%, var(--home-side-shell-size));
    max-width: var(--home-side-shell-size);
    aspect-ratio: 1 / 1;
    grid-column: 3;
    justify-self: center;
    align-content: center;
    justify-content: center;
    position: relative;
    padding: clamp(18px, 1.5vw, 24px);
    border-radius: 50%;
    background: var(--theme-home-map-shell-bg);
    backdrop-filter: blur(var(--theme-home-map-blur)) saturate(var(--theme-home-map-saturate));
    -webkit-backdrop-filter: blur(var(--theme-home-map-blur)) saturate(var(--theme-home-map-saturate));
    box-shadow: var(--theme-home-map-shadow);
    overflow: hidden;
    isolation: isolate;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.fleet-mosaic::before {
    content: "";
    position: absolute;
    top: 6%;
    left: 6%;
    width: 64%;
    height: 20%;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.3) 60%, transparent 100%);
    filter: blur(10px);
    transform: rotate(-11deg);
    opacity: 0.62;
    pointer-events: none;
    z-index: 0;
}

.fleet-mosaic::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.38) 0%, rgba(255, 255, 255, 0.18) 18%, rgba(255, 255, 255, 0.04) 36%, transparent 56%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, transparent 30%, transparent 100%);
    pointer-events: none;
    z-index: 0;
}

.fleet-mosaic > * {
    position: relative;
    z-index: 1;
}

.fleet-side-visual {
    position: relative;
    grid-column: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(100%, var(--home-column-size));
    max-width: var(--home-column-size);
    min-height: var(--map-shell-size);
    justify-self: center;
    isolation: isolate;
}

.fleet-side-visual::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: min(100%, var(--home-side-shell-size));
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background: var(--theme-home-map-shell-bg);
    backdrop-filter: blur(var(--theme-home-map-blur)) saturate(var(--theme-home-map-saturate));
    -webkit-backdrop-filter: blur(var(--theme-home-map-blur)) saturate(var(--theme-home-map-saturate));
    box-shadow: var(--theme-home-map-shadow);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 0;
}

.fleet-side-visual::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: min(100%, var(--home-side-shell-size));
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background:
        radial-gradient(circle at 34% 25%, rgba(255, 255, 255, 0.22), transparent 22%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 54%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 0;
}

.fleet-side-visual__image {
    position: relative;
    z-index: 1;
    display: block;
    width: min(100%, calc(var(--home-side-shell-size) * 0.86));
    max-width: 100%;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 20px 34px rgba(6, 12, 18, 0.22));
}

.vehicle-link {
    display: block;
    width: 100%;
    max-width: 100%;
    height: fit-content;
    text-decoration: none;
    color: inherit;
    line-height: 0;
    min-width: 0;
}

.vehicle-link--slot-1 {
    grid-area: auto;
    transform: scale(1);
    transform-origin: left top;
}

.vehicle-link--slot-2 {
    grid-area: auto;
    transform: scale(1);
    transform-origin: right top;
}

.vehicle-link--slot-3 {
    grid-area: auto;
    transform: scale(1);
    transform-origin: left bottom;
}

.vehicle-link--slot-4 {
    grid-area: auto;
    transform: scale(1);
    transform-origin: right bottom;
}

.map-row {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column: 2;
    width: 100%;
    max-width: var(--map-shell-size);
    min-width: 0;
    justify-self: center;
}

.map-tile {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    width: min(100%, var(--map-shell-size));
    max-width: var(--map-shell-size);
    height: auto;
    aspect-ratio: 1 / 1;
    padding: clamp(16px, 1.8vw, 28px);
    border-radius: 50%;
    background: var(--theme-home-map-shell-bg);
    backdrop-filter: blur(var(--theme-home-map-blur)) saturate(var(--theme-home-map-saturate));
    -webkit-backdrop-filter: blur(var(--theme-home-map-blur)) saturate(var(--theme-home-map-saturate));
    border: none;
    box-shadow: var(--theme-home-map-shadow);
    overflow: hidden;
    isolation: isolate;
    transform-origin: center;
}

.map-tile::before {
    content: "";
    position: absolute;
    top: 11%;
    left: 13%;
    width: 44%;
    height: 14%;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--theme-home-map-highlight), var(--theme-home-map-highlight-soft) 70%, transparent 100%);
    filter: blur(3px);
    transform: rotate(-12deg);
    opacity: 0.28;
    pointer-events: none;
    z-index: 0;
}

.map-tile::after {
    display: none;
}

.mapa-europy--large {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: clamp(8px, 1vw, 16px);
    border-radius: 0;
    background: var(--theme-home-map-core-bg);
    box-shadow: none;
}

.mapa-europy--large img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 10px 22px rgba(15, 28, 40, 0.1));
}

.map-tile:hover,
.content-tile--map.map-tile:hover,
.content-tile.content-tile--map.map-tile:hover {
    transform: none;
}

.vehicle-tile {
    position: relative;
    display: grid;
    place-items: center;
    width: 100%;
    aspect-ratio: 1 / 1;
    padding: clamp(7px, 0.72vw, 12px);
    border-radius: clamp(20px, 2vw, 30px);
    border: 1px solid var(--theme-home-vehicle-card-border);
    background: var(--theme-home-vehicle-card-bg);
    box-shadow: var(--theme-home-vehicle-card-shadow);
    backdrop-filter: blur(1px) saturate(118%);
    -webkit-backdrop-filter: blur(1px) saturate(118%);
    transform-origin: center;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.vehicle-tile::before,
.vehicle-tile::after {
    display: none;
}

.vehicle-tile--liquid {
    --liquid-glow-x: 50%;
    --liquid-glow-y: 34%;
    --liquid-shift-x: 0px;
    --liquid-shift-y: 0px;
    --liquid-tilt-x: 0deg;
    --liquid-tilt-y: 0deg;
    --liquid-scale: 1;
    --liquid-blur: 9px;
    border-color: rgba(236, 245, 255, 0.3);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.05)),
        rgba(255, 255, 255, 0.05);
    box-shadow:
        0 24px 50px rgba(6, 12, 18, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.28),
        inset 0 -10px 22px rgba(12, 20, 30, 0.12);
    backdrop-filter: blur(var(--liquid-blur)) saturate(165%) brightness(1.08);
    -webkit-backdrop-filter: blur(var(--liquid-blur)) saturate(165%) brightness(1.08);
    transform: perspective(1100px) rotateX(var(--liquid-tilt-x)) rotateY(var(--liquid-tilt-y)) scale(var(--liquid-scale));
    will-change: transform, backdrop-filter;
}

.vehicle-tile--liquid::before,
.vehicle-tile--liquid::after {
    display: block;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
}

.vehicle-tile--liquid::before {
    z-index: 0;
    opacity: 0.98;
    background-image:
        radial-gradient(circle at var(--liquid-glow-x) var(--liquid-glow-y), rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0.18) 16%, transparent 56%),
        radial-gradient(circle at calc(var(--liquid-glow-x) + 10%) calc(var(--liquid-glow-y) + 18%), rgba(170, 220, 255, 0.28), rgba(170, 220, 255, 0.1) 28%, transparent 58%),
        conic-gradient(from 210deg at 50% 50%, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.08) 18%, rgba(167, 220, 255, 0.2) 32%, rgba(255, 255, 255, 0.03) 56%, rgba(255, 255, 255, 0.18) 78%, rgba(255, 255, 255, 0.24) 100%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.14) 24%, rgba(190, 228, 255, 0.18) 48%, rgba(255, 255, 255, 0.08) 72%, rgba(255, 255, 255, 0.16) 100%);
    background-size:
        100% 100%,
        124% 124%,
        140% 140%,
        100% 100%;
    background-repeat: no-repeat;
    background-position:
        center,
        center,
        center,
        center;
    mix-blend-mode: screen;
    filter: url(#vehicleLiquidGlassDistortion);
    transform: scale(1.08);
    transform-origin: center;
}

.vehicle-tile--liquid::after {
    z-index: 3;
    opacity: 0.94;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.46) 0%, rgba(255, 255, 255, 0.18) 18%, rgba(255, 255, 255, 0.03) 42%, rgba(255, 255, 255, 0) 66%),
        radial-gradient(circle at var(--liquid-glow-x) calc(var(--liquid-glow-y) - 4%), rgba(214, 237, 255, 0.32), rgba(255, 255, 255, 0.12) 20%, transparent 52%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0) 44%);
    mix-blend-mode: screen;
    transform: none;
}

.vehicle-tile .mapa-europy {
    width: 100%;
    height: 100%;
    padding: 0;
    background: transparent;
    box-shadow: none;
    border-radius: inherit;
    overflow: hidden;
}

.vehicle-tile--liquid .mapa-europy {
    position: relative;
    z-index: 2;
}

.vehicle-tile .mapa-europy img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: contain;
    box-shadow: var(--theme-home-vehicle-image-shadow);
}

.vehicle-tile:hover:not(.vehicle-tile--liquid) {
    transform: scale(1.1);
}

.vehicle-tile--liquid:hover {
    --liquid-scale: 1.045;
    border-color: rgba(242, 248, 255, 0.38);
    box-shadow:
        0 30px 58px rgba(6, 12, 18, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.32),
        inset 0 -10px 22px rgba(12, 20, 30, 0.12);
}

.vehicle-link:focus-visible {
    outline: none;
}

.vehicle-link:focus-visible .vehicle-tile:not(.vehicle-tile--liquid) {
    transform: scale(1.1);
    box-shadow:
        0 16px 30px rgba(0, 0, 0, 0.16),
        0 0 0 2px var(--theme-menu-accent);
}

.vehicle-link:focus-visible .vehicle-tile--liquid {
    --liquid-scale: 1.045;
    box-shadow:
        0 28px 54px rgba(6, 12, 18, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.24),
        inset 0 -10px 22px rgba(12, 20, 30, 0.1),
        0 0 0 2px var(--theme-menu-accent);
}

.fleet-layout {
    --fleet-panel-gap: clamp(3rem, 4.4vw, 5.2rem);
    --fleet-europe-size: clamp(386px, 30.2vw, 521px);
    --fleet-vehicle-stack-size: clamp(138px, 9.4vw, 176px);
    --fleet-vehicle-gap: clamp(2rem, 3.3vw, 3rem);
    display: grid;
    grid-template-columns: max-content max-content max-content;
    align-items: center;
    justify-items: center;
    justify-content: center;
    width: min(100%, 1380px);
    max-width: min(100%, 1380px);
    margin-inline: auto;
    margin-top: clamp(-2.4rem, -5vh, -1.4rem);
    column-gap: var(--fleet-panel-gap);
}

.fleet-panel {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
}

.fleet-panel--vehicles {
    flex-direction: column;
    gap: var(--fleet-vehicle-gap);
}

.fleet-panel--vehicles .vehicle-link {
    width: min(100%, var(--fleet-vehicle-stack-size));
    max-width: var(--fleet-vehicle-stack-size);
    transform: none;
}

.fleet-panel--map .map-tile {
    width: min(100%, var(--fleet-europe-size));
    max-width: var(--fleet-europe-size);
}

.fleet-panel--vehicles .vehicle-tile {
    padding: clamp(10px, 0.9vw, 15px);
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: var(--theme-home-map-shell-bg);
    box-shadow: var(--theme-home-map-shadow);
    backdrop-filter: blur(var(--theme-home-map-blur)) saturate(var(--theme-home-map-saturate));
    -webkit-backdrop-filter: blur(var(--theme-home-map-blur)) saturate(var(--theme-home-map-saturate));
}

.fleet-panel--vehicles .vehicle-tile--liquid {
    --liquid-blur: calc(var(--theme-home-map-blur) + 2px);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.05)),
        var(--theme-home-map-shell-bg);
    box-shadow:
        var(--theme-home-map-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.26),
        inset 0 -10px 22px rgba(12, 20, 30, 0.12);
}

.fleet-panel--map .mapa-europy--large {
    padding: clamp(9px, 0.9vw, 15px);
}

.mapa-europy--europe img {
    width: 101%;
    height: 101%;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .vehicle-tile--liquid {
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.08)),
            rgba(18, 24, 32, 0.24);
    }
}

@media (prefers-reduced-motion: reduce) {
    .vehicle-tile--liquid,
    .vehicle-tile--liquid::before,
    .vehicle-tile--liquid::after {
        animation: none;
        transition: none;
    }
}

.info-page-section {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: min(94vw, 1520px);
    margin: var(--section-top-space) auto 0;
    padding: 0.75rem 0;
}

.info-panel {
    width: min(100%, 980px);
    padding: 3rem 3.5rem;
    border-radius: 28px;
    background-color: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.88);
    color: #101820;
}

.info-panel h2 {
    font-size: clamp(2rem, 2.2vw, 3rem);
    letter-spacing: 0.12em;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
}

.info-panel p {
    font-size: clamp(1rem, 1.05vw, 1.2rem);
    line-height: 1.85;
    margin-bottom: 1.2rem;
}

.info-panel p:last-child {
    margin-bottom: 0;
}

.contact-section {
    width: 100%;
    margin-top: calc(var(--contact-start-gap) - var(--contact-black-lift));
    padding: calc(4.5rem + var(--contact-black-lift)) 0 5rem;
    background: transparent;
    position: relative;
    isolation: isolate;
    z-index: 1;
    scroll-margin-top: calc(var(--top-bar-height) + var(--sub-bar-height) + 1.5rem);
}

.contact-section::before {
    content: "";
    position: absolute;
    top: clamp(-156px, -9vw, -92px);
    left: 0;
    width: 100%;
    height: calc(100% + clamp(156px, 9vw, 220px));
    background: var(--theme-contact-overlay);
    z-index: -1;
    pointer-events: none;
}

.contact-section::after {
    display: none;
}

.contact-scroll-indicator {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    pointer-events: none;
    opacity: 1;
    transition: opacity 0.35s ease, transform 0.35s ease;
    margin-top: clamp(-2.4rem, -4.5vh, -1.2rem);
    margin-bottom: clamp(0.8rem, 1.8vh, 1.4rem);
}

.contact-scroll-indicator__line {
    width: 2px;
    height: 28px;
    background: var(--theme-contact-line);
    border-radius: 999px;
}

.contact-scroll-indicator__arrow {
    width: 26px;
    height: 16px;
    position: relative;
    animation: contactArrowFloat 1.8s ease-in-out infinite;
}

.contact-scroll-indicator__arrow::before,
.contact-scroll-indicator__arrow::after {
    content: "";
    position: absolute;
    top: 4px;
    width: 13px;
    height: 3px;
    background: var(--theme-contact-heading);
    border-radius: 1px;
}

.contact-scroll-indicator__arrow::before {
    left: 1px;
    transform-origin: right center;
    transform: rotate(39deg);
}

.contact-scroll-indicator__arrow::after {
    right: 1px;
    transform-origin: left center;
    transform: rotate(-39deg);
}

body.contact-indicator-hidden .contact-scroll-indicator {
    opacity: 0;
    transform: translateY(12px);
}

.contact-shell {
    width: min(94vw, 1520px);
    margin: 0 auto;
}

.contact-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 2rem;
    margin-bottom: 2.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--theme-contact-divider);
}

.contact-kicker {
    display: inline-block;
    margin-bottom: 0.8rem;
    font-size: 0.82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: var(--theme-contact-kicker);
}

.contact-header h2 {
    color: var(--theme-contact-heading);
    font-size: clamp(1.8rem, 2.2vw, 2.8rem);
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.contact-header p {
    max-width: 640px;
    color: var(--theme-contact-copy);
    font-size: 1rem;
    line-height: 1.8;
}

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

.contact-card {
    min-height: 220px;
    padding: 1.65rem 1.45rem 1.5rem;
    border-radius: 24px;
    background: var(--theme-contact-card-bg);
    border: 1px solid var(--theme-contact-card-border);
    box-shadow: var(--theme-contact-card-shadow);
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.contact-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(circle at 62% 18%, var(--theme-contact-card-cool), transparent 38%),
        linear-gradient(180deg, var(--theme-contact-card-highlight), rgba(255, 255, 255, 0));
    background-repeat: no-repeat;
    pointer-events: none;
}

.contact-card:nth-child(1)::after,
.contact-card:nth-child(3)::after {
    background-size: 200% 100%, 100% 100%;
    background-position: left top, center;
}

.contact-card:nth-child(2)::after,
.contact-card:nth-child(4)::after {
    background-size: 200% 100%, 100% 100%;
    background-position: right top, center;
}

.contact-card:nth-child(3)::after,
.contact-card:nth-child(4)::after {
    background-image:
        radial-gradient(circle at 38% 18%, var(--theme-contact-card-warm), transparent 40%),
        linear-gradient(180deg, var(--theme-contact-card-highlight), rgba(255, 255, 255, 0));
}

.contact-card-label {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 44px;
    padding-left: 3.65rem;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: var(--theme-contact-label);
    font-weight: 700;
}

.contact-card-label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 16px;
    transform: translateY(-50%);
    background-color: var(--theme-contact-chip-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 68%;
    box-shadow: inset 0 0 0 1px var(--theme-contact-chip-border);
}

.contact-card:nth-child(1) .contact-card-label::before {
    background-image: url("ikona-telefon-kontakt-transport.png");
}

.contact-card:nth-child(2) .contact-card-label::before {
    background-image: url("ikona-email-transport-spedycja.png");
}

.contact-card:nth-child(3) .contact-card-label::before {
    background-image: url("ikona-lokalizacja-biuro-jelenia-gora.png");
}

.contact-card:nth-child(4) .contact-card-label::before {
    background-image: url("ikona-godziny-pracy-biuro.png");
}

.contact-card-value {
    margin: 1rem 0 0.75rem;
    min-height: 3.2em;
    color: var(--theme-contact-value);
    font-size: clamp(1.05rem, 1.2vw, 1.3rem);
    line-height: 1.45;
    font-weight: 700;
    text-wrap: balance;
}

.contact-link,
.contact-email-link {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}

.contact-link:hover,
.contact-link:focus-visible,
.contact-email-link:hover,
.contact-email-link:focus-visible {
    color: color-mix(in srgb, var(--theme-contact-value) 86%, var(--theme-menu-accent) 14%);
    border-bottom-color: color-mix(in srgb, var(--theme-menu-accent) 48%, transparent);
    outline: none;
}

.contact-card-value--email {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.contact-email-entry,
.contact-email-secondary {
    display: grid;
    gap: 0.28rem;
}

.contact-email-address {
    display: block;
    word-break: break-word;
}

.contact-email-note {
    display: block;
    font-size: 0.73rem;
    line-height: 1.55;
    font-weight: 500;
    color: var(--theme-contact-note);
}

.contact-email-secondary {
    margin-top: auto;
    padding-top: 0.9rem;
}

.contact-email-secondary .contact-email-address {
    font-size: clamp(1.05rem, 1.2vw, 1.3rem);
    line-height: 1.45;
    font-weight: 700;
    color: var(--theme-contact-value);
}

.contact-grid .contact-card:nth-child(3) .contact-card-value {
    position: relative;
    min-height: calc(1.45em * 3);
    padding-right: calc(1.45em * 3 + 1.15rem);
}

.contact-grid .contact-card:nth-child(3) .contact-card-value::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: calc(1.45em * 3);
    height: calc(1.45em * 3);
    transform: translateY(-50%);
    background-image: url("taka-wheels-mapa-polski.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    filter: drop-shadow(0 10px 18px rgba(2, 8, 14, 0.22));
}

.contact-grid .contact-card:nth-child(3) .contact-card-value::after {
    content: "Polska";
    display: block;
}

.contact-card-note {
    margin-top: auto;
    padding-top: 0.9rem;
    color: var(--theme-contact-note);
    font-size: 0.78rem;
    line-height: 1.7;
}

.page-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.85rem;
    flex-wrap: wrap;
    margin-top: 1.4rem;
}

.page-actions .zamow-btn {
    text-decoration: none;
}

.page-link-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0.75rem 1.15rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--theme-offer-panel-border, rgba(255, 255, 255, 0.12)) 100%, transparent);
    color: color-mix(in srgb, var(--theme-contact-value, #ffffff) 86%, white 14%);
    text-decoration: none;
    font-family: 'Sora', sans-serif;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    transition: transform 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.page-link-secondary:hover,
.page-link-secondary:focus-visible {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--theme-menu-accent) 42%, white 18%);
    color: #ffffff;
    outline: none;
}

.info-panel--article {
    width: 100%;
    min-height: 68vh;
    padding: 2.55rem 3rem 3rem;
}

.article-hero {
    margin-bottom: 2.25rem;
    padding-bottom: 1.65rem;
    border-bottom: 1px solid rgba(16, 24, 32, 0.18);
    text-align: center;
}

.article-eyebrow {
    display: inline-block;
    margin-bottom: 0.7rem;
    padding: 0;
    border-radius: 0;
    background: transparent;
    font-size: 0.8rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #355673;
    font-weight: 700;
}

.article-hero h2 {
    max-width: 1120px;
    margin: 0 auto 0.8rem;
    font-size: clamp(1.22rem, 1.48vw, 1.74rem);
    line-height: 1.14;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #102235;
}

.article-lead {
    max-width: 980px;
    margin: 0 auto;
    font-size: clamp(0.78rem, 0.8vw, 0.88rem);
    line-height: 1.62;
    color: #1d2d3a;
}

.article-grid {
    display: grid;
    gap: 2.1rem;
}

body.offer-page--modern .article-copy,
body.offer-page--modern .offer-area-header {
    position: relative;
    display: grid;
    justify-items: center;
    gap: var(--offer-section-heading-gap);
    padding-top: 0;
    text-align: center;
}

body.offer-page--modern .article-copy::before,
body.offer-page--modern .offer-area-header::before {
    content: "";
    width: var(--offer-divider-width);
    height: 1px;
    margin: 0 auto var(--offer-divider-gap-after);
    border-radius: 999px;
    background: var(--theme-offer-divider);
    display: block;
    opacity: var(--offer-divider-opacity);
}

.article-copy h3 {
    font-size: clamp(1.02rem, 1.18vw, 1.36rem);
    margin-bottom: 0.72rem;
    letter-spacing: 0.04em;
    color: #102235;
}

body.offer-page--modern .info-panel--article img {
    max-width: 100%;
    height: auto;
}

body.offer-page--modern .article-copy p,
body.offer-page--modern .offer-area-intro {
    font-family: 'Inter', sans-serif;
    max-width: 760px;
    margin: 0 auto;
    font-size: clamp(0.9rem, 0.95vw, 1rem);
    line-height: 1.74;
    color: #16222d;
    text-align: center;
}

body.offer-page--modern .article-copy .offer-fleet-intro,
body.offer-page--modern .offer-area-header .offer-area-intro {
    max-width: none;
    margin: 0;
    font-family: 'Sora', sans-serif;
    font-size: clamp(1.08rem, 1.28vw, 1.56rem);
    line-height: 1.12;
    letter-spacing: -0.04em;
    text-transform: none;
    white-space: normal;
    text-wrap: balance;
    color: #102235;
    text-align: center;
}

.offer-fleet-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: clamp(1.3rem, 1.9vw, 1.75rem);
    row-gap: clamp(1.45rem, 2.1vw, 1.95rem);
    margin-top: var(--offer-section-divider-space);
    align-items: stretch;
    width: 100%;
    min-width: 0;
}

.offer-stage-card {
    --offer-dark-media-top: rgba(76, 98, 118, 0.18);
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: 100%;
    padding: 1rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.52);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(16, 34, 53, 0.08);
}

.offer-stage-card > * {
    min-width: 0;
}

.offer-stage-media {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: clamp(160px, 18vw, 224px);
    margin-bottom: 1rem;
    padding: 0.82rem;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.66);
    overflow: hidden;
}

.offer-stage-media img {
    display: block;
    width: 100%;
    max-width: min(100%, 318px);
    max-height: clamp(124px, 13vw, 172px);
    height: auto;
    border-radius: 12px;
    margin: 0 auto;
    object-fit: contain;
    object-position: center;
}

.offer-stage-index {
    display: inline-block;
    margin-bottom: 0.62rem;
    font-family: 'Sora', sans-serif;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #54738d;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.offer-stage-card h3,
.offer-area-card h3,
.offer-local-copy h3 {
    margin-bottom: 0.62rem;
    font-family: 'Sora', sans-serif;
    font-size: 1rem;
    line-height: 1.16;
    overflow-wrap: anywhere;
    color: #16314a;
}

.offer-stage-card p,
.offer-area-lead,
.offer-area-note {
    font-size: 0.9rem;
    line-height: 1.7;
}

.offer-stage-card p {
    margin: 0;
}

.offer-stage-note {
    display: inline-flex;
    align-self: flex-start;
    margin-top: 0.14rem;
    font-family: 'Sora', sans-serif;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #54738d;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.offer-stage-media .offer-stage-note {
    position: absolute;
    top: 0.56rem;
    left: 50%;
    z-index: 2;
    margin: 0;
    transform: translateX(-50%);
    max-width: calc(100% - 1rem);
    justify-content: center;
    font-size: 0.56rem;
    letter-spacing: 0.11em;
    color: #54738d;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.34);
    white-space: nowrap;
}

.offer-area-section {
    display: grid;
    gap: 0;
    margin-top: var(--offer-divider-gap-before);
}

.offer-area-header {
    gap: var(--offer-section-heading-gap);
}

.offer-map-section {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: var(--offer-divider-gap-before);
    padding: 1rem;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.52);
    border: 1px solid rgba(16, 34, 53, 0.08);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1);
}

.offer-map-row,
.offer-local-card {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    gap: clamp(1rem, 1.6vw, 1.5rem);
    align-items: center;
    min-width: 0;
}

.offer-map-row {
    position: relative;
    padding-bottom: var(--offer-divider-gap-before);
    margin-bottom: var(--offer-divider-gap-after);
    border-bottom: 0;
}

.offer-map-row::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: var(--offer-divider-width);
    height: 1px;
    border-radius: 999px;
    background: var(--theme-offer-divider);
    opacity: var(--offer-divider-opacity);
    transform: translateX(-50%);
}

.offer-map-card,
.offer-area-card {
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.offer-map-card {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
}

.offer-map-card img {
    display: block;
    width: 100%;
    max-width: min(100%, 460px);
    max-height: clamp(240px, 32vw, 420px);
    height: auto;
    margin: 0 auto;
    object-fit: contain;
    object-position: center;
}

.offer-area-card {
    display: grid;
    gap: 1rem;
    align-content: center;
    min-width: 0;
}

.offer-area-card p {
    margin: 0;
    text-align: justify;
    text-justify: inter-word;
    text-wrap: pretty;
    hyphens: auto;
}

.offer-area-card strong {
    font-weight: 700;
    color: #214261;
}

.offer-area-note {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(16, 34, 53, 0.1);
}

.offer-local-card {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    min-width: 0;
}

.offer-local-map {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 0;
}

.offer-local-map img {
    display: block;
    width: 100%;
    max-width: min(100%, 360px);
    max-height: clamp(220px, 28vw, 340px);
    height: auto;
    margin: 0 auto;
    object-fit: contain;
    object-position: center;
}

.offer-local-copy {
    display: grid;
    gap: 0.7rem;
    min-width: 0;
}

.offer-local-copy h3 {
    margin: 0;
    font-size: 0.96rem;
    line-height: 1.18;
}

.offer-local-copy p {
    margin: 0;
    text-align: justify;
    text-justify: inter-word;
    text-wrap: pretty;
    hyphens: auto;
}

.offer-area-local,
.offer-area-local-note {
    font-size: 0.88rem;
    line-height: 1.7;
}

body.offer-page--modern {
    --offer-section-divider-space: 1.9rem;
    --offer-divider-width: min(90%, 920px);
    --offer-divider-opacity: 0.68;
    --offer-divider-gap-before: var(--offer-section-divider-space);
    --offer-divider-gap-after: var(--offer-section-divider-space);
    --offer-section-heading-gap: clamp(0.75rem, 1.15vw, 0.95rem);
    background: var(--theme-offer-page-bg);
    color: #14202c;
    overflow-x: hidden !important;
}

body.offer-page--modern main,
body.offer-page--modern .top-bar,
body.offer-page--modern .transparent-bar,
body.offer-page--modern .info-page-section,
body.offer-page--modern .site-footer {
    max-width: 100%;
    overflow-x: clip;
}

body.offer-page--modern .info-page-section {
    padding: 2.4rem 1.4rem 4rem;
}

body.offer-page--modern .info-panel--article {
    max-width: 1280px;
    margin: 0 auto;
    padding: clamp(1.8rem, 2.4vw, 2.55rem) clamp(1.45rem, 2.4vw, 2.55rem) clamp(2.2rem, 3vw, 2.9rem);
    border-radius: 30px;
    overflow-x: clip;
}

body.offer-page--modern .article-hero-copy {
    position: relative;
    display: grid;
    row-gap: 0.45rem;
    justify-items: center;
}

body.offer-page--modern .article-hero-heading-group {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    padding-inline: 0;
}

body.offer-page--modern .article-hero h2 {
    max-width: min(100%, 760px);
    margin: 0;
    font-family: 'Sora', sans-serif;
    font-size: clamp(1.08rem, 1.28vw, 1.56rem);
    line-height: 1.12;
    letter-spacing: -0.04em;
    text-transform: none;
    white-space: normal;
    text-wrap: balance;
    color: #102235;
    text-align: center;
    align-self: center;
}

body.offer-page--modern .article-eyebrow {
    display: block;
    width: auto;
    margin: 0;
    font-family: 'Sora', sans-serif;
    font-size: 0.7rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    text-align: left;
}

body.offer-page--modern .article-section-label {
    display: table;
    width: auto;
    justify-self: center;
    margin: 0 auto;
    padding: 0;
    border-radius: 0;
    background: transparent;
    font-family: 'Sora', sans-serif;
    font-size: 0.7rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #5c7793;
    text-align: center;
}

body.offer-page--modern .article-hero-mark {
    margin-top: 0;
    width: 100%;
    justify-self: center;
    align-self: start;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: clamp(0.9rem, 1.5vw, 1.4rem);
    flex-wrap: wrap;
}

body.offer-page--modern .article-hero-mark img {
    display: block;
    width: clamp(66px, 6.4vw, 102px);
    height: auto;
    margin: 0;
    object-fit: contain;
}

body.offer-page--modern .article-grid {
    gap: 0;
    margin-top: 0;
    padding-top: 0;
}

body.offer-page--modern .article-hero {
    margin-bottom: var(--offer-divider-gap-before);
    padding-bottom: 0;
    border-bottom: 0;
}

body.offer-page--modern .article-copy h3 {
    font-family: 'Sora', sans-serif;
    font-size: clamp(1.35rem, 1.8vw, 1.9rem);
    line-height: 1.12;
    letter-spacing: -0.03em;
    color: #16314a;
    margin-bottom: 0.9rem;
    text-align: center;
}

body.offer-page--modern.offer-page--dark-preview .info-panel--article {
    background: var(--theme-offer-panel-bg);
    border: 1px solid var(--theme-offer-panel-border);
    box-shadow: var(--theme-offer-panel-shadow);
}

body.offer-page--modern.offer-page--dark-preview .article-eyebrow,
body.offer-page--modern.offer-page--dark-preview .article-section-label {
    color: var(--theme-offer-label);
}

body.offer-page--modern.offer-page--dark-preview .article-hero h2,
body.offer-page--modern.offer-page--dark-preview .article-copy h3,
body.offer-page--modern.offer-page--dark-preview .offer-stage-card h3,
body.offer-page--modern.offer-page--dark-preview .offer-area-card h3,
body.offer-page--modern.offer-page--dark-preview .offer-local-copy h3 {
    color: var(--theme-offer-heading);
}

body.offer-page--modern.offer-page--dark-preview .article-copy p {
    color: var(--theme-offer-copy);
}

body.offer-page--modern.offer-page--dark-preview .article-copy .offer-fleet-intro,
body.offer-page--modern.offer-page--dark-preview .offer-area-header .offer-area-intro {
    color: var(--theme-offer-heading);
}

body.offer-page--modern.offer-page--dark-preview .offer-stage-card,
body.offer-page--modern.offer-page--dark-preview .offer-map-section {
    background: var(--theme-offer-card-bg);
    border: 1px solid var(--theme-offer-card-border);
    box-shadow: var(--theme-offer-card-shadow);
}

body.offer-page--modern.offer-page--dark-preview .offer-stage-media {
    background: linear-gradient(180deg, var(--offer-dark-media-top), var(--theme-offer-media-bottom));
    box-shadow:
        inset 0 0 0 1px var(--theme-offer-media-ring),
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        var(--theme-offer-media-shadow);
}

body.offer-page--modern.offer-page--dark-preview .offer-stage-card--small-van {
    --offer-dark-media-top: rgba(58, 181, 142, 0.24);
}

body.offer-page--modern.offer-page--dark-preview .offer-stage-card--large-van {
    --offer-dark-media-top: rgba(84, 128, 242, 0.24);
}

body.offer-page--modern.offer-page--dark-preview .offer-stage-card--small-truck {
    --offer-dark-media-top: rgba(210, 152, 72, 0.24);
}

body.offer-page--modern.offer-page--dark-preview .offer-stage-card--full-truck {
    --offer-dark-media-top: rgba(214, 102, 88, 0.24);
}

body.offer-page--modern.offer-page--dark-preview .offer-stage-index {
    color: var(--theme-offer-index);
}

body.offer-page--modern.offer-page--dark-preview .offer-stage-note {
    color: var(--theme-offer-index);
}

body.offer-page--modern.offer-page--dark-preview .offer-stage-card p,
body.offer-page--modern.offer-page--dark-preview .offer-area-lead,
body.offer-page--modern.offer-page--dark-preview .offer-area-note,
body.offer-page--modern.offer-page--dark-preview .offer-area-local,
body.offer-page--modern.offer-page--dark-preview .offer-area-local-note {
    color: var(--theme-offer-body);
}

body.offer-page--modern.offer-page--dark-preview .offer-area-card strong {
    color: var(--theme-offer-heading);
}

body.offer-page--modern.offer-page--dark-preview .offer-area-note {
    border-top-color: var(--theme-offer-note-border);
}

body.offer-page--modern.offer-page--dark-preview .offer-map-row {
    border-bottom-color: var(--theme-offer-note-border);
}

body.theme-glassy-light.offer-page--modern .article-eyebrow,
body.theme-glassy-light.offer-page--modern .article-section-label,
body.theme-glassy-light.about-page--modern .article-eyebrow,
body.theme-glassy-dark.offer-page--modern .article-eyebrow,
body.theme-glassy-dark.offer-page--modern .article-section-label,
body.theme-glassy-dark.about-page--modern .article-eyebrow {
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

body.theme-glassy-light.offer-page--modern.offer-page--dark-preview .info-panel--article,
body.theme-glassy-dark.offer-page--modern.offer-page--dark-preview .info-panel--article {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.03)),
        var(--theme-offer-panel-bg);
    backdrop-filter: blur(18px) saturate(148%);
    -webkit-backdrop-filter: blur(18px) saturate(148%);
}

body.theme-glassy-light.offer-page--modern.offer-page--dark-preview .offer-stage-card,
body.theme-glassy-light.offer-page--modern.offer-page--dark-preview .offer-map-section,
body.theme-glassy-dark.offer-page--modern.offer-page--dark-preview .offer-stage-card,
body.theme-glassy-dark.offer-page--modern.offer-page--dark-preview .offer-map-section {
    position: relative;
    backdrop-filter: blur(16px) saturate(145%);
    -webkit-backdrop-filter: blur(16px) saturate(145%);
    box-shadow:
        0 24px 54px rgba(7, 13, 20, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

body.theme-glassy-light.offer-page--modern.offer-page--dark-preview .offer-stage-card::after,
body.theme-glassy-light.offer-page--modern.offer-page--dark-preview .offer-map-section::after,
body.theme-glassy-dark.offer-page--modern.offer-page--dark-preview .offer-stage-card::after,
body.theme-glassy-dark.offer-page--modern.offer-page--dark-preview .offer-map-section::after {
    content: "";
    position: absolute;
    inset: 1px 1px auto 1px;
    height: 38%;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0));
    pointer-events: none;
    opacity: 0.78;
}

body.theme-glassy-light.offer-page--modern.offer-page--dark-preview .offer-stage-media,
body.theme-glassy-dark.offer-page--modern.offer-page--dark-preview .offer-stage-media {
    backdrop-filter: blur(10px) saturate(140%);
    -webkit-backdrop-filter: blur(10px) saturate(140%);
}

body.about-page--modern {
    --about-divider-width: min(90%, 920px);
    --about-divider-opacity: 0.68;
    --about-divider-gap-before: 1.9rem;
    --about-divider-gap-after: 1.9rem;
    --about-section-heading-gap: clamp(0.75rem, 1.15vw, 0.95rem);
    background: var(--theme-about-page-bg);
    color: #14202c;
}

body.about-page--modern .info-page-section {
    padding: 2.4rem 1.4rem 4rem;
}

body.about-page--modern .info-panel--article {
    max-width: 1280px;
    margin: 0 auto;
    padding: clamp(1.8rem, 2.4vw, 2.55rem) clamp(1.45rem, 2.4vw, 2.55rem) clamp(2.2rem, 3vw, 2.9rem);
    border-radius: 30px;
    background: var(--theme-about-panel-bg);
    border: 1px solid var(--theme-about-panel-border);
    box-shadow: var(--theme-about-panel-shadow);
    backdrop-filter: blur(8px);
}

body.about-page--modern .article-hero {
    display: grid;
    gap: var(--about-section-heading-gap);
    justify-items: center;
    margin-bottom: var(--about-divider-gap-before);
    padding-bottom: 0;
    border-bottom: 0;
    text-align: center;
}

body.about-page--modern .article-hero::after {
    content: "";
    width: var(--about-divider-width);
    height: 1px;
    margin: var(--about-divider-gap-after) auto 0;
    border-radius: 999px;
    background: var(--theme-about-divider);
    display: block;
    opacity: var(--about-divider-opacity);
}

body.about-page--modern .article-eyebrow {
    display: block;
    width: 100%;
    margin: 0;
    font-family: 'Sora', sans-serif;
    font-size: 0.7rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--theme-about-label);
    text-align: left;
}

body.about-page--modern .article-hero h2 {
    max-width: min(100%, 760px);
    margin: 0;
    font-family: 'Sora', sans-serif;
    font-size: clamp(1.08rem, 1.28vw, 1.56rem);
    line-height: 1.12;
    letter-spacing: -0.04em;
    text-transform: none;
    color: var(--theme-about-heading);
    text-align: center;
}

body.about-page--modern .article-lead {
    max-width: none;
    margin: 0 auto;
    font-family: 'Inter', sans-serif;
    font-size: clamp(0.92rem, 0.98vw, 1rem);
    line-height: 1.8;
    color: var(--theme-about-copy);
    text-align: center;
}

body.about-page--modern .about-simple {
    display: grid;
    gap: 0;
}

body.about-page--modern .about-simple-section {
    position: relative;
    display: grid;
    gap: var(--about-section-heading-gap);
    padding: var(--about-divider-gap-before) 0 0;
    border-top: 0;
}

body.about-page--modern .about-simple-section:first-child {
    padding-top: var(--about-divider-gap-after);
}

body.about-page--modern .about-simple-section:last-child {
    padding-bottom: 0;
}

body.about-page--modern .about-simple-section::before {
    content: "";
    width: var(--about-divider-width);
    height: 1px;
    margin: 0 auto var(--about-divider-gap-after);
    border-radius: 999px;
    background: var(--theme-about-divider);
    display: block;
    opacity: var(--about-divider-opacity);
}

body.about-page--modern .about-simple-section:first-child::before {
    display: none;
}

body.about-page--modern .about-simple-section h3 {
    margin: 0;
    font-family: 'Sora', sans-serif;
    font-size: clamp(1rem, 1.2vw, 1.24rem);
    line-height: 1.16;
    letter-spacing: -0.025em;
    color: var(--theme-about-heading);
}

body.about-page--modern .about-simple-section p {
    max-width: none;
    margin: 0;
    font-family: 'Inter', sans-serif;
    font-size: clamp(0.92rem, 0.98vw, 1rem);
    line-height: 1.8;
    color: var(--theme-about-copy);
}

body.theme-glassy-light.about-page--modern .info-panel--article,
body.theme-glassy-dark.about-page--modern .info-panel--article {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.03)),
        var(--theme-about-panel-bg);
    backdrop-filter: blur(18px) saturate(148%);
    -webkit-backdrop-filter: blur(18px) saturate(148%);
}

body.quote-page--modern {
    background: var(--theme-about-page-bg);
    color: #14202c;
}

body.quote-page--modern .info-page-section {
    padding: 1.8rem 0.95rem 4rem;
}

body.quote-page--modern .info-panel--article {
    width: min(100%, 1240px);
    padding: clamp(1.9rem, 2.7vw, 2.8rem);
    border-radius: 30px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.03)),
        var(--theme-about-panel-bg);
    box-shadow: 0 22px 48px rgba(9, 18, 26, 0.14), 0 0 0 1px rgba(255, 255, 255, 0.16);
}

body.quote-page--modern .article-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.65rem;
    font-family: 'Sora', sans-serif;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--theme-about-label);
}

body.quote-page--modern .article-eyebrow::before {
    content: "";
    width: 1.7rem;
    height: 1px;
    background: color-mix(in srgb, var(--theme-about-label) 55%, transparent);
}

.quote-demo {
    display: grid;
    gap: clamp(1rem, 1.8vw, 1.4rem);
}

.quote-showcase {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 540px);
    gap: clamp(1rem, 1.8vw, 1.4rem);
    align-items: start;
}

.quote-showcase-copy {
    display: grid;
    gap: 0.8rem;
    min-width: 0;
}

.quote-showcase-copy h3 {
    margin: 0;
    font-family: 'Sora', sans-serif;
    font-size: clamp(1.16rem, 1.45vw, 1.52rem);
    line-height: 1.18;
    color: var(--theme-about-heading);
}

.quote-showcase-copy strong {
    font-weight: 700;
    color: var(--theme-about-heading);
}

.quote-showcase-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.quote-metric-card {
    display: grid;
    gap: 0.35rem;
    padding: 0.95rem 1rem;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(244, 250, 255, 0.46));
    border: 1px solid rgba(113, 151, 181, 0.18);
    box-shadow: 0 12px 24px rgba(9, 20, 30, 0.08);
}

.quote-metric-card strong {
    font-family: 'Sora', sans-serif;
    font-size: clamp(1.3rem, 1.5vw, 1.8rem);
    line-height: 1;
    letter-spacing: -0.03em;
    color: #17354b;
}

.quote-metric-card span {
    font-family: 'Inter', sans-serif;
    font-size: 0.8rem;
    line-height: 1.55;
    color: #476279;
}

.quote-style-lab {
    display: grid;
    gap: 0.85rem;
    min-width: 0;
}

body.theme-lab-page .quote-hero-copy,
body.theme-lab-page .quote-showcase-copy {
    justify-items: center;
    text-align: center;
}

body.theme-lab-page .info-page-section {
    padding: 2rem 1.2rem 3.3rem;
}

body.theme-lab-page .info-panel--article {
    width: min(100%, 1140px);
    padding: clamp(1.7rem, 2.4vw, 2.3rem) clamp(1.45rem, 2.2vw, 2.15rem) clamp(1.9rem, 2.6vw, 2.45rem);
    border-radius: 28px;
    box-shadow: 0 22px 46px rgba(8, 16, 24, 0.13), 0 0 0 1px rgba(255, 255, 255, 0.14);
}

body.theme-lab-page .quote-showcase {
    grid-template-columns: 1fr;
    gap: 0.8rem;
}

body.theme-lab-page .quote-demo {
    gap: 1.25rem;
}

body.theme-lab-page .quote-showcase-copy {
    gap: 0.5rem;
}

body.theme-lab-page .quote-style-lab {
    width: min(100%, 880px);
    margin: 0 auto;
    gap: 0.95rem;
}

body.theme-lab-page .quote-style-heading {
    justify-content: center;
    text-align: center;
}

body.theme-lab-page .quote-hero {
    gap: 0.7rem;
    padding-bottom: 0.8rem;
}

body.theme-lab-page .quote-hero .article-eyebrow {
    margin-bottom: 0.65rem;
    font-size: 0.72rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

body.theme-lab-page .quote-hero .article-eyebrow::before {
    display: block;
}

body.theme-lab-page .quote-hero h2 {
    font-size: clamp(1.55rem, 1.9vw, 2rem);
    line-height: 1.1;
    letter-spacing: -0.035em;
}

body.theme-lab-page .sub-tekst {
    letter-spacing: 0.12em;
    text-transform: none;
}

body.theme-lab-page .quote-showcase-copy h3 {
    font-family: 'Sora', sans-serif;
    font-size: clamp(1.08rem, 1.2vw, 1.3rem);
    line-height: 1.2;
    letter-spacing: -0.025em;
    color: var(--theme-about-heading);
}

.quote-style-section {
    display: grid;
    gap: 0.8rem;
    padding: 1.1rem 1.12rem 1.16rem;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(241, 248, 253, 0.44));
    border: 1px solid rgba(101, 139, 171, 0.18);
    box-shadow: 0 12px 26px rgba(9, 20, 30, 0.08);
}

.quote-style-heading {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.quote-style-heading__label {
    font-family: 'Sora', sans-serif;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--theme-about-label);
}

.quote-style-heading strong {
    font-family: 'Sora', sans-serif;
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--theme-about-heading);
}

.quote-style-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 148px));
    justify-content: center;
    gap: 0.78rem;
}

.quote-style-grid--logos {
    grid-template-columns: repeat(4, minmax(0, 136px));
}

.quote-style-swatch {
    display: grid;
    gap: 0.5rem;
    justify-items: start;
    width: 100%;
    padding: 0.72rem 0.7rem;
    border-radius: 15px;
    border: 1px solid rgba(99, 136, 168, 0.16);
    background: rgba(255, 255, 255, 0.72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68);
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

.quote-style-swatch:hover,
.quote-style-swatch:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(67, 110, 144, 0.34);
    box-shadow: 0 12px 20px rgba(11, 24, 34, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.72);
    outline: none;
}

.quote-style-swatch.is-active {
    border-color: rgba(42, 97, 138, 0.54);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(236, 245, 252, 0.74));
    box-shadow: 0 10px 18px rgba(11, 24, 34, 0.09), inset 0 0 0 1px rgba(63, 112, 150, 0.12);
}

.quote-style-swatch__chip {
    display: block;
    width: 100%;
    min-height: 24px;
    border-radius: 9px;
    background: var(--swatch-bg);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.44), 0 8px 16px rgba(10, 18, 26, 0.12);
    position: relative;
    overflow: hidden;
}

.quote-style-swatch__chip::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.34), transparent 64%);
    opacity: 0.7;
}

.quote-style-swatch__label {
    font-family: 'Sora', sans-serif;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    color: #21415a;
}

.quote-demo-workbench {
    display: grid;
    grid-template-columns: minmax(0, 1.24fr) minmax(300px, 0.76fr);
    gap: 1rem;
    align-items: start;
}

.quote-hero {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.7rem;
    align-items: start;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid rgba(94, 136, 171, 0.18);
}

.quote-hero h2 {
    margin: 0;
    font-family: 'Sora', sans-serif;
    font-size: clamp(1.45rem, 1.8vw, 2rem);
    line-height: 1.18;
    letter-spacing: 0.01em;
    color: var(--theme-about-heading);
}

.quote-hero-lead {
    margin: 0;
    max-width: 880px;
    font-family: 'Inter', sans-serif;
    font-size: 0.95rem;
    line-height: 1.68;
    color: color-mix(in srgb, var(--theme-about-copy) 92%, white 8%);
}

.quote-hero-note {
    margin: 0;
    padding: 0.8rem 0.95rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(96, 134, 163, 0.18);
    font-family: 'Inter', sans-serif;
    font-size: 0.84rem;
    line-height: 1.55;
    color: #3a586f;
}

.quote-request-form {
    display: grid;
    gap: 0.95rem;
    min-width: 0;
}

.quote-form-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.9rem;
}

.quote-form-section {
    display: grid;
    gap: 0.75rem;
    padding: 1.15rem 1.2rem;
    border-radius: 18px;
    background: rgba(249, 252, 255, 0.8);
    border: 1px solid rgba(114, 149, 178, 0.18);
    box-shadow: 0 8px 22px rgba(11, 24, 34, 0.06);
}

.quote-form-section--full {
    grid-column: 1 / -1;
}

.quote-section-kicker {
    font-family: 'Sora', sans-serif;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--theme-about-label);
}

.quote-form-section h3 {
    margin: 0;
    font-family: 'Sora', sans-serif;
    font-size: clamp(1rem, 1.1vw, 1.2rem);
    line-height: 1.28;
    color: #152431;
}

.quote-section-copy {
    margin: 0;
    font-family: 'Inter', sans-serif;
    font-size: 0.84rem;
    line-height: 1.55;
    color: var(--theme-about-copy);
}

.quote-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem 0.9rem;
}

.quote-field,
.quote-metric {
    display: grid;
    gap: 0.45rem;
}

.quote-field--full {
    grid-column: 1 / -1;
}

.quote-field label,
.quote-field-label,
.quote-metric label {
    display: inline-block;
    font-family: 'Sora', sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-transform: none;
    color: #35556f;
}

.quote-field input,
.quote-field select,
.quote-field textarea,
.quote-metric input {
    width: 100%;
    min-width: 0;
    padding: 0.82rem 0.95rem;
    border-radius: 14px;
    border: 1px solid rgba(100, 134, 161, 0.24);
    background: rgba(255, 255, 255, 0.86);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
    font-family: 'Inter', sans-serif;
    font-size: 0.95rem;
    color: #162734;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.quote-field textarea {
    min-height: 110px;
    resize: vertical;
}

.quote-field input:focus,
.quote-field select:focus,
.quote-field textarea:focus,
.quote-metric input:focus {
    outline: none;
    border-color: rgba(59, 107, 146, 0.54);
    box-shadow: 0 0 0 4px rgba(93, 144, 186, 0.14);
    background: rgba(255, 255, 255, 0.96);
}

.quote-field-help {
    margin: 0;
    font-family: 'Inter', sans-serif;
    font-size: 0.76rem;
    line-height: 1.5;
    color: #587287;
}

.quote-measure-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.7rem;
}

.quote-toggle-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
}

.quote-toggle {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-height: 50px;
    padding: 0.8rem 0.9rem;
    border-radius: 14px;
    border: 1px solid rgba(96, 134, 163, 0.22);
    background: rgba(255, 255, 255, 0.76);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
    cursor: pointer;
}

.quote-toggle input {
    width: 1rem;
    height: 1rem;
    accent-color: #2f638a;
}

.quote-toggle span {
    font-family: 'Sora', sans-serif;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #223d50;
}

.quote-form-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-top: 0.5rem;
    flex-wrap: wrap;
}

.quote-form-status {
    min-height: 1.5em;
    margin: 0;
    font-family: 'Inter', sans-serif;
    font-size: 0.84rem;
    line-height: 1.6;
    color: #3c607d;
}

.quote-form-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
}

.quote-demo-sidebar {
    display: grid;
    gap: 0.9rem;
    min-width: 0;
    position: sticky;
    top: calc(var(--top-bar-height) + var(--sub-bar-height) + 1rem);
}

.quote-demo-card {
    display: grid;
    gap: 0.7rem;
    padding: 1rem 1rem 1.05rem;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(241, 248, 253, 0.46));
    border: 1px solid rgba(101, 139, 171, 0.18);
    box-shadow: 0 12px 26px rgba(9, 20, 30, 0.08);
}

.quote-demo-card--accent {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0.06)),
        linear-gradient(135deg, rgba(220, 237, 251, 0.88), rgba(184, 214, 238, 0.72));
}

.quote-demo-card-kicker {
    font-family: 'Sora', sans-serif;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #4f7594;
}

.quote-demo-card h3 {
    margin: 0;
    font-family: 'Sora', sans-serif;
    font-size: 1.02rem;
    line-height: 1.3;
    color: #14283a;
}

.quote-summary-output {
    display: grid;
    gap: 0.55rem;
}

.quote-summary-empty {
    margin: 0;
    font-family: 'Inter', sans-serif;
    font-size: 0.86rem;
    line-height: 1.65;
    color: #4e6a81;
}

.quote-summary-line {
    display: grid;
    gap: 0.2rem;
    margin: 0;
    padding: 0.78rem 0.88rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.62);
    border: 1px solid rgba(104, 141, 170, 0.14);
}

.quote-summary-line strong {
    font-family: 'Sora', sans-serif;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #547895;
}

.quote-summary-line span {
    font-family: 'Inter', sans-serif;
    font-size: 0.84rem;
    line-height: 1.55;
    color: #173246;
}

.quote-helper-grid {
    display: grid;
    gap: 0.65rem;
}

.quote-helper-button {
    border: none;
    cursor: pointer;
    width: 100%;
    padding: 0.9rem 1rem;
    border-radius: 14px;
    background: linear-gradient(135deg, #214e70, #4d7ea6);
    color: #f6fbff;
    font-family: 'Sora', sans-serif;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    box-shadow: 0 14px 24px rgba(18, 44, 63, 0.16);
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.quote-helper-button:hover,
.quote-helper-button:focus-visible {
    transform: translateY(-1px);
    box-shadow: 0 16px 28px rgba(18, 44, 63, 0.22);
    outline: none;
}

.quote-helper-button--ghost {
    background: rgba(255, 255, 255, 0.78);
    color: #21415a;
    box-shadow: inset 0 0 0 1px rgba(73, 110, 139, 0.18);
}

.quote-bullet-list {
    display: grid;
    gap: 0.55rem;
    padding-left: 1.05rem;
    margin: 0;
    font-family: 'Inter', sans-serif;
    font-size: 0.84rem;
    line-height: 1.65;
    color: #29475e;
}

.theme-lab-actions {
    margin-top: 0;
}

.theme-lab-stage {
    display: grid;
    width: min(100%, 880px);
    margin: 0 auto;
    grid-template-columns: minmax(0, 1fr) minmax(250px, 0.82fr);
    gap: 1rem;
    align-items: start;
}

.theme-lab-preview-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.86rem;
}

.theme-lab-preview {
    display: grid;
    gap: 0.66rem;
    padding: 0.98rem 1rem;
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)),
        var(--theme-about-panel-bg);
    border: 1px solid var(--theme-about-panel-border);
    box-shadow: var(--theme-about-panel-shadow);
    min-width: 0;
}

.theme-lab-preview--hero {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)),
        var(--theme-header-top-bg);
    border-color: var(--theme-header-top-border);
}

.theme-lab-preview--panel {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.01)),
        var(--theme-offer-panel-bg);
    border-color: var(--theme-offer-panel-border);
    box-shadow: var(--theme-offer-panel-shadow);
}

.theme-lab-preview--contact {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.01)),
        var(--theme-contact-card-bg);
    border-color: var(--theme-contact-card-border);
}

.theme-lab-preview__kicker {
    font-family: 'Sora', sans-serif;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--theme-about-label);
}

.theme-lab-preview h3 {
    margin: 0;
    font-family: 'Sora', sans-serif;
    font-size: 0.98rem;
    line-height: 1.22;
    color: var(--theme-about-heading);
}

.theme-lab-preview p,
.theme-lab-note {
    margin: 0;
    font-family: 'Inter', sans-serif;
    font-size: 0.82rem;
    line-height: 1.62;
    color: var(--theme-about-copy);
}

.theme-lab-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.52rem;
}

.theme-lab-chip-row span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0.42rem 0.68rem;
    border-radius: 999px;
    border: 1px solid var(--theme-cta-border);
    background: var(--theme-cta-bg);
    color: var(--theme-hero-title);
    font-family: 'Sora', sans-serif;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.theme-lab-stat-row {
    display: grid;
    gap: 0.22rem;
    padding: 0.74rem 0.8rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.theme-lab-stat-row strong {
    font-family: 'Sora', sans-serif;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--theme-about-label);
}

.theme-lab-stat-row span {
    font-family: 'Inter', sans-serif;
    font-size: 0.76rem;
    line-height: 1.45;
    color: var(--theme-about-copy);
}

.theme-lab-sidebar {
    display: grid;
    gap: 0.9rem;
}

.theme-lab-logo-shell {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 160px;
    padding: 1rem;
    border-radius: 22px;
    background: color-mix(in srgb, var(--logo-control-bg) 88%, transparent);
    border: 1px solid var(--logo-control-border);
    box-shadow: var(--logo-control-shadow);
    overflow: hidden;
}

.theme-lab-logo-shell::after {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: 21px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0));
    pointer-events: none;
}

.theme-lab-logo-image.logo {
    width: min(100%, 250px);
    max-width: 100%;
    animation: none;
}

body.theme-lab-page .theme-lab-logo-shell {
    min-height: 118px;
    padding: 0.78rem;
    border-radius: 18px;
}

body.theme-lab-page .theme-lab-logo-image.logo {
    width: min(100%, 172px);
}

body.theme-lab-page .quote-demo-card {
    gap: 0.72rem;
    padding: 1rem 1.02rem 1.08rem;
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)),
        var(--theme-about-panel-bg);
    border: 1px solid var(--theme-about-panel-border);
    box-shadow: 0 10px 22px rgba(8, 16, 24, 0.1);
}

body.theme-lab-page .quote-demo-card--accent {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.02)),
        var(--theme-cta-bg);
    border-color: var(--theme-cta-border);
}

body.theme-lab-page .quote-demo-card-kicker,
body.theme-lab-page .quote-bullet-list {
    color: var(--theme-about-label);
}

body.theme-lab-page .quote-demo-card-kicker {
    font-size: 0.68rem;
    letter-spacing: 0.14em;
}

body.theme-lab-page .quote-demo-card h3,
body.theme-lab-page .theme-lab-note {
    color: var(--theme-about-copy);
}

body.theme-lab-page .quote-demo-card h3 {
    font-size: 1rem;
    line-height: 1.24;
    color: var(--theme-about-heading);
}

body.theme-lab-page .theme-lab-note {
    font-size: 0.82rem;
    line-height: 1.62;
}

body.theme-lab-page .quote-bullet-list li {
    color: var(--theme-about-copy);
}

body.quote-page--compact .info-page-section {
    padding: 0.85rem 0.8rem 2rem;
}

body.quote-page--compact .info-panel--article {
    width: min(100%, 1460px);
    min-height: 0;
    padding: 1rem 1.05rem 1.08rem;
    border-radius: 22px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.03)),
        var(--theme-about-panel-bg);
    box-shadow: 0 18px 42px rgba(8, 16, 24, 0.14), 0 0 0 1px rgba(255, 255, 255, 0.14);
}

.quote-compact-shell {
    display: grid;
    gap: 0.72rem;
}

.quote-compact-hero {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.7rem;
    padding-bottom: 0.42rem;
    border-bottom: 1px solid rgba(102, 139, 169, 0.18);
    text-align: center;
}

.quote-compact-hero-copy {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
    width: 100%;
    justify-items: center;
}

.quote-compact-hero .article-eyebrow {
    justify-self: start;
    width: fit-content;
    margin-bottom: 0.36rem;
    gap: 0.36rem;
    font-size: 0.58rem;
    letter-spacing: 0.15em;
    color: var(--theme-about-label);
}

.quote-compact-hero .article-eyebrow::before {
    width: 1rem;
    background: color-mix(in srgb, var(--theme-about-label) 55%, transparent);
}

.quote-compact-hero h2 {
    margin: 0;
    font-family: 'Sora', sans-serif;
    font-size: clamp(0.68rem, 0.66rem + 0.34vw, 0.8rem);
    line-height: 1.1;
    letter-spacing: 0.01em;
    color: var(--theme-about-heading);
}

.quote-compact-lead {
    margin: 0;
    max-width: min(100%, 980px);
    font-family: 'Inter', sans-serif;
    font-size: 0.6rem;
    line-height: 1.36;
    color: var(--theme-about-copy);
}

.quote-compact-workbench {
    min-width: 0;
    width: min(100%, 1120px);
    margin: 0 auto;
}

.quote-compact-note {
    margin: 0;
    max-width: min(100%, 1040px);
    font-family: 'Inter', sans-serif;
    font-size: 0.56rem;
    line-height: 1.34;
    color: var(--theme-about-copy);
}

.quote-compact-form {
    display: grid;
    gap: 0.72rem;
}

.quote-compact-tools {
    display: flex;
    justify-content: flex-end;
}

.quote-reset-link {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    border: 1px solid rgba(83, 123, 154, 0.34);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(232, 242, 249, 0.84));
    padding: 0.54rem 0.9rem;
    border-radius: 999px;
    cursor: pointer;
    font-family: 'Sora', sans-serif;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--theme-about-heading) 36%, black 64%);
    box-shadow: 0 12px 24px rgba(10, 20, 30, 0.08);
}

.quote-reset-link::before {
    content: "\21BA";
    font-size: 0.9rem;
    line-height: 1;
}

.quote-reset-link:hover,
.quote-reset-link:focus-visible {
    color: color-mix(in srgb, var(--theme-about-heading) 44%, black 56%);
    border-color: rgba(87, 124, 154, 0.46);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(238, 246, 252, 0.9));
    outline: none;
}

.quote-step-overview {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.52rem;
}

.quote-step-chip {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-width: 0;
    padding: 0.62rem 0.74rem;
    border-radius: 16px;
    text-decoration: none;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.05)),
        rgba(248, 252, 255, 0.78);
    border: 1px solid rgba(109, 146, 176, 0.16);
    box-shadow: 0 10px 22px rgba(10, 20, 30, 0.06);
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.quote-step-chip:hover,
.quote-step-chip:focus-visible {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--theme-menu-accent) 52%, white 48%);
    box-shadow: 0 14px 24px rgba(10, 20, 30, 0.08);
    outline: none;
}

.quote-step-chip strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    flex: 0 0 1.8rem;
    border-radius: 999px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--theme-menu-accent) 84%, white 16%), color-mix(in srgb, var(--theme-menu-accent) 56%, black 44%));
    color: #f7fbff;
    font-family: 'Sora', sans-serif;
    font-size: 0.72rem;
    line-height: 1;
}

.quote-step-chip span {
    min-width: 0;
    font-family: 'Sora', sans-serif;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--theme-about-heading);
}

.quote-compact-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.72rem;
}

.quote-compact-card {
    display: grid;
    position: relative;
    gap: 0.5rem;
    min-width: 0;
    padding: 0.74rem 0.78rem 0.8rem;
    border-radius: 16px;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.06)),
        rgba(249, 252, 255, 0.82);
    border: 1px solid rgba(109, 146, 176, 0.16);
    box-shadow: 0 10px 22px rgba(10, 20, 30, 0.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.quote-compact-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 2px;
    background: linear-gradient(90deg, color-mix(in srgb, var(--theme-menu-accent) 74%, white 26%), transparent 86%);
    opacity: 0.9;
}

.quote-compact-card--journey,
.quote-compact-card--cargo,
.quote-compact-card--contact {
    grid-column: 1 / -1;
}

.quote-compact-card-head {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    flex-wrap: nowrap;
}

.quote-step-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    flex: 0 0 2.2rem;
    border-radius: 18px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--theme-menu-accent) 82%, white 18%), color-mix(in srgb, var(--theme-menu-accent) 48%, black 52%));
    box-shadow: 0 10px 18px color-mix(in srgb, var(--theme-menu-accent) 26%, transparent);
    color: #f7fbff;
    font-family: 'Sora', sans-serif;
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1;
}

.quote-step-copy {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.quote-compact-card-head .quote-section-kicker {
    font-size: 0.64rem;
    letter-spacing: 0.14em;
    color: color-mix(in srgb, var(--theme-about-label) 42%, black 58%);
}

.quote-compact-card-head h3 {
    margin: 0;
    font-family: 'Sora', sans-serif;
    font-size: 0.88rem;
    line-height: 1.2;
    color: color-mix(in srgb, var(--theme-about-heading) 30%, black 70%);
}

.quote-compact-fields {
    display: grid;
    gap: 0.46rem 0.55rem;
    min-width: 0;
}

.quote-compact-fields--two,
.quote-compact-fields--route,
.quote-compact-fields--cargo,
.quote-compact-fields--contact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.quote-compact-fields--cargo,
.quote-compact-fields--contact {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.quote-compact-fields--stop {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.quote-journey-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.72rem;
}

.quote-stop-card {
    display: grid;
    gap: 0.58rem;
    padding: 0.8rem 0.82rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.48);
    border: 1px solid rgba(109, 146, 176, 0.12);
}

.quote-stop-card h4 {
    margin: 0;
    font-family: 'Sora', sans-serif;
    font-size: 0.78rem;
    line-height: 1.2;
    color: color-mix(in srgb, var(--theme-about-heading) 32%, black 68%);
}

body.quote-page--compact .quote-field,
body.quote-page--compact .quote-metric {
    gap: 0.35rem;
}

body.quote-page--compact .quote-field label,
body.quote-page--compact .quote-field-label,
body.quote-page--compact .quote-metric label {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.015em;
    line-height: 1.34;
    text-transform: none;
    color: color-mix(in srgb, var(--theme-about-label) 44%, black 56%);
}

body.quote-page--compact .quote-field input,
body.quote-page--compact .quote-field select,
body.quote-page--compact .quote-field textarea,
body.quote-page--compact .quote-metric input {
    padding: 0.48rem 0.62rem;
    border-radius: 12px;
    font-size: 0.78rem;
    line-height: 1.28;
    color: color-mix(in srgb, var(--theme-about-heading) 28%, black 72%);
}

body.quote-page--compact .quote-field textarea {
    min-height: 58px;
}

.quote-compact-toggle-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.42rem;
}

.quote-toggle--compact {
    flex: 0 0 auto;
    width: auto;
    min-height: 0;
    padding: 0.38rem 0.68rem;
    gap: 0.42rem;
    border-radius: 999px;
}

.quote-toggle--compact span {
    font-size: 0.68rem;
    line-height: 1.35;
    white-space: nowrap;
}

.quote-toggle--compact input {
    width: 0.88rem;
    height: 0.88rem;
}

.quote-compact-actions {
    display: grid;
    gap: 0.65rem;
    margin-top: 0.2rem;
}

body.quote-page--compact .quote-form-status {
    color: var(--theme-about-copy);
}

body.quote-page--compact .quote-form-status[data-state="pending"] {
    color: color-mix(in srgb, var(--theme-about-heading) 82%, white 18%);
}

body.quote-page--compact .quote-form-status[data-state="success"] {
    color: #1e7a58;
}

body.quote-page--compact .quote-form-status[data-state="error"] {
    color: #b2413b;
}

.quote-send-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 0.72rem;
}

.quote-send-card {
    display: grid;
    gap: 0.48rem;
    justify-items: center;
    align-content: start;
    width: min(100%, 284px);
    padding: 0.78rem 0.9rem 0.84rem;
    border-radius: 16px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.05)),
        rgba(248, 252, 255, 0.72);
    border: 1px solid rgba(109, 146, 176, 0.16);
    box-shadow: 0 10px 22px rgba(10, 20, 30, 0.06);
    text-align: center;
}

.quote-send-card--primary {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.04)),
        color-mix(in srgb, var(--theme-cta-bg) 34%, rgba(248, 252, 255, 0.78));
    border-color: color-mix(in srgb, var(--theme-cta-border) 78%, transparent);
}

.quote-send-card--app {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.03)),
        color-mix(in srgb, var(--theme-header-top-bg) 92%, rgba(248, 252, 255, 0.12));
    border-color: color-mix(in srgb, var(--theme-header-top-border) 84%, transparent);
}

.quote-send-card p {
    margin: 0;
    max-width: 28ch;
    font-family: 'Inter', sans-serif;
    font-size: 0.7rem;
    line-height: 1.44;
    color: color-mix(in srgb, var(--theme-about-heading) 93%, black 7%);
}

.quote-submit-button--compact,
.quote-reset-button--compact {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 224px;
    min-height: 38px;
    padding: 0.58rem 1.08rem;
    font-size: 0.64rem;
    letter-spacing: 0.1em;
}

.quote-submit-button,
.quote-reset-button {
    border: none;
    cursor: pointer;
    font-family: 'Sora', sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.quote-submit-button {
    padding: 0.82rem 1.18rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #1f5c7d, #4f92b5);
    color: #f6fbff;
    box-shadow: 0 16px 30px rgba(18, 44, 63, 0.2);
}

.quote-submit-button:hover,
.quote-submit-button:focus-visible {
    transform: translateY(-1px);
    box-shadow: 0 18px 34px rgba(18, 44, 63, 0.24);
    outline: none;
}

.quote-reset-button {
    padding: 0.82rem 1.08rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.78);
    color: #1d3a50;
    box-shadow: inset 0 0 0 1px rgba(66, 103, 134, 0.22);
}

.quote-reset-button:hover,
.quote-reset-button:focus-visible {
    transform: translateY(-1px);
    background: rgba(255, 255, 255, 0.92);
    outline: none;
}

.quote-send-card--app .quote-reset-button {
    background: linear-gradient(135deg, #505f70, #8192a1);
    color: #f6fbff;
    box-shadow: 0 14px 26px rgba(18, 44, 63, 0.18);
}

.quote-send-card--app .quote-reset-button:hover,
.quote-send-card--app .quote-reset-button:focus-visible {
    background: linear-gradient(135deg, #5d6d7f, #8e9dac);
}

@media (max-aspect-ratio: 5/4) {
    .main-home {
        --home-indicator-gap: clamp(4.4rem, 9vh, 6.2rem);
    }

    body.offer-page--modern .offer-fleet-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .language-div {
        display: none;
    }

    .menu {
        width: min(70vw, 760px);
        max-width: min(70vw, 760px);
    }

    .logo-div {
        left: clamp(0.75rem, 2.4vw, 1.6rem);
    }

    .trans-cert-stack {
        right: clamp(0.6rem, 1.8vw, 1.1rem);
    }

    .header-actions {
        right: clamp(0.9rem, 2.4vw, 1.4rem);
    }
}

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

    body.offer-page--modern .offer-fleet-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .quote-showcase,
    .quote-demo-workbench,
    .quote-hero,
    .quote-form-layout {
        grid-template-columns: 1fr;
    }

    .quote-showcase-metrics {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .quote-demo-sidebar {
        position: static;
    }

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

    .theme-lab-stage {
        grid-template-columns: 1fr;
    }

    .quote-journey-grid,
    .quote-compact-fields--cargo,
    .quote-compact-fields--contact {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

@media (max-width: 900px) {
    :root {
        --top-bar-height: 86px;
        --sub-bar-height: 76px;
        --logo-top-offset: calc(var(--top-bar-height) * 0.22);
        --vehicle-gap: clamp(1.15rem, 2.4vw, 2rem);
        --vehicle-size: clamp(118px, 15vw, 150px);
        --map-core-size: clamp(242px, 35vw, 330px);
        --map-shell-size: clamp(330px, 46vw, 440px);
        --tiles-start-gap: clamp(3rem, 7vw, 5rem);
        --contact-start-gap: clamp(7rem, 15vw, 12rem);
        --contact-black-lift: clamp(56px, 5vw, 86px);
    }

    .menu {
        max-width: min(78vw, 620px);
        gap: 0.45rem 0.9rem;
    }

    .language-div {
        display: none;
    }

    .transparent-header {
        width: min(78vw, 440px);
    }

    .header-stamp {
        top: 2.05rem;
        left: calc(100% - 3.2rem);
        padding: 0.38rem 0.78rem;
        font-size: 0.7rem;
    }

    .header-actions {
        right: clamp(0.9rem, 2.4vw, 1.4rem);
    }

    .fleet-layout {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-areas:
            "slot1 slot2"
            "map map"
            "slot3 slot4";
        justify-content: center;
        gap: clamp(1rem, 3vw, 1.8rem);
    }

    .fleet-side-visual {
        display: none;
    }

    .fleet-mosaic {
        display: contents;
    }

    .vehicle-link--slot-1 {
        grid-area: slot1;
        transform: none;
    }

    .vehicle-link--slot-2 {
        grid-area: slot2;
        transform: none;
    }

    .vehicle-link--slot-3 {
        grid-area: slot3;
        transform: none;
    }

    .vehicle-link--slot-4 {
        grid-area: slot4;
        transform: none;
    }

    .vehicle-link {
        width: 100%;
        max-width: 212px;
        margin: 0 auto;
    }

    .map-row {
        grid-area: map;
        width: min(100%, 630px);
        max-width: min(100%, 630px);
        margin: 0 auto;
    }

    .fleet-layout {
        width: min(100%, 860px);
        max-width: min(100%, 860px);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-areas: none;
        gap: clamp(1.3rem, 4vw, 2rem);
    }

    .fleet-layout {
        grid-template-columns: 1fr;
        row-gap: clamp(1rem, 4vw, 1.6rem);
        margin-top: clamp(-1.2rem, -3vw, -0.6rem);
    }

    .fleet-panel--vehicles {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: clamp(1.2rem, 4vw, 1.8rem);
    }

    .fleet-panel--vehicles .vehicle-link {
        max-width: clamp(144px, 32.4vw, 178px);
    }

    .fleet-panel--map .map-tile {
        max-width: min(100%, clamp(277px, 61.3vw, 365px));
    }

    .contact-header {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 2rem;
    }

    body.offer-page--modern .article-hero-heading-group {
        padding-inline: 0;
    }

    body.offer-page--modern .info-panel--article {
        padding-inline: clamp(1rem, 3.2vw, 1.5rem);
    }

    .offer-map-row,
    .offer-local-card {
        grid-template-columns: 1fr;
    }

    .offer-map-card img,
    .offer-local-map img {
        max-width: min(100%, 420px);
    }

    body.about-page--modern .info-page-section {
        padding: 1.6rem 0.85rem 3rem;
    }

    body.about-page--modern .info-panel--article {
        padding: 1.5rem 1.1rem 2rem;
        border-radius: 24px;
    }

    body.about-page--modern {
        --about-divider-gap-before: 1.65rem;
        --about-divider-gap-after: 1.65rem;
        --about-section-heading-gap: 0.75rem;
    }

    body.about-page--modern .article-hero {
        padding-bottom: 0;
    }

    body.about-page--modern .article-hero h2 {
        font-size: clamp(1rem, 4.4vw, 1.3rem);
    }

    body.about-page--modern .about-simple-section {
        padding: var(--about-divider-gap-before) 0 0;
    }

    body.quote-page--modern .info-page-section {
        padding: 1.8rem 0.85rem 3rem;
    }

    body.quote-page--modern .info-panel--article {
        padding: 1.55rem 1.1rem 2rem;
        border-radius: 24px;
    }

    .quote-showcase-metrics,
    .quote-style-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .quote-style-grid--logos {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .quote-form-section {
        padding: 1.2rem;
    }

    .quote-fields,
    .quote-measure-grid,
    .quote-toggle-grid {
        grid-template-columns: 1fr;
    }

    body.quote-page--compact .info-page-section {
        padding: 1.15rem 0.72rem 2.4rem;
    }

    body.quote-page--compact .info-panel--article {
        padding: 0.98rem 0.9rem 1.06rem;
        border-radius: 20px;
    }

    .quote-compact-hero {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .quote-compact-grid {
        grid-template-columns: 1fr;
    }

    .quote-compact-fields--stop,
    .quote-compact-fields--cargo,
    .quote-compact-fields--contact {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .quote-journey-grid,
    .quote-send-grid {
        justify-content: center;
    }

    .theme-lab-preview-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.site-footer {
    position: relative;
    z-index: 4;
    width: 100%;
    margin-top: 0;
    padding: clamp(1.05rem, 2vw, 1.45rem) 0;
    background: var(--theme-footer-bg);
    border-top: none;
    box-shadow: none;
}

.footer-shell {
    width: min(96vw, 1520px);
    margin: 0 auto;
    display: grid;
    gap: 0.3rem;
}

.footer-shell--simple {
    width: min(96vw, 1520px);
    grid-template-columns: minmax(440px, 1fr) auto minmax(280px, 1fr);
    align-items: center;
    gap: clamp(1rem, 1.8vw, 2rem);
}

.footer-line {
    margin: 0;
    font-size: 0.84rem;
    line-height: 1.55;
    color: color-mix(in srgb, var(--theme-footer-color) 88%, white 12%);
}

.footer-line--strong {
    font-family: 'Sora', sans-serif;
    font-size: 0.86rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: color-mix(in srgb, var(--theme-footer-color) 92%, white 8%);
}

.footer-line--muted {
    font-size: 0.78rem;
    line-height: 1.45;
    color: color-mix(in srgb, var(--theme-footer-color) 78%, black 22%);
}

.footer-line--right {
    justify-self: end;
    text-align: right;
    white-space: nowrap;
}

.footer-line--side {
    color: color-mix(in srgb, var(--theme-footer-color) 78%, black 22%);
}

.footer-simple-address {
    display: block;
    justify-self: start;
    text-align: left;
}

.footer-simple-address .footer-line {
    white-space: nowrap;
}

.footer-shell--simple > .footer-line--strong {
    justify-self: center;
    text-align: center;
}

@media (max-width: 768px) {
    :root {
        --top-bar-height: 138px;
        --sub-bar-height: 48px;
        --logo-top-offset: calc(var(--top-bar-height) * 0.2);
        --vehicle-size: clamp(116px, 28vw, 142px);
        --map-core-size: clamp(232px, 64vw, 286px);
        --map-shell-size: clamp(308px, 86vw, 374px);
        --tiles-start-gap: clamp(2.25rem, 6vw, 3.75rem);
        --contact-start-gap: clamp(5.8rem, 16vw, 8.8rem);
        --contact-black-lift: clamp(40px, 4vw, 64px);
    }

    .menu {
        left: 0.7rem;
        right: 0.7rem;
        bottom: 0.45rem;
        width: auto;
        max-width: none;
        justify-content: flex-start;
        gap: 0.4rem;
        padding: 0 0.15rem 0.18rem;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .menu::-webkit-scrollbar {
        display: none;
    }

    .menu-item {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .zamow-btn {
        padding: 0.42rem 0.78rem;
        font-size: 0.62rem;
        letter-spacing: 0.09em;
    }

    .header-actions {
        top: 0.6rem;
        right: 0.7rem;
        transform: none;
        height: auto;
        gap: 0.36rem;
        z-index: 3;
    }

    .language-div {
        display: flex;
        width: auto;
        height: auto;
        padding: 0.28rem 0.42rem;
        margin: 0;
        align-items: center;
        justify-content: center;
        z-index: 3;
    }

    .language-div::before {
        border-radius: 999px;
    }

    .language {
        gap: 0.22rem;
    }

    .lang-box {
        width: 22px;
    }

    .logo-div {
        left: 0.72rem;
        top: 0.62rem;
        transform: scale(0.74);
        transform-origin: left top;
    }

    .logo-company-note {
        display: none;
    }

    .logo-switch-button {
        padding: 0.36rem 0.62rem;
        font-size: 0.56rem;
        letter-spacing: 0.1em;
    }

    .logo-switch-button__label {
        display: none;
    }

    .theme-controls-dock {
        height: auto;
    }

    .logo-controls--dock {
        width: auto;
        flex-direction: row;
        height: auto;
    }

    .logo-switch-button--link {
        height: auto;
        padding: 0.36rem 0.7rem;
    }

    body.theme-lab-page .info-page-section {
        padding: 1.55rem 0.9rem 2.45rem;
    }

    body.theme-lab-page .info-panel--article {
        padding: 1.25rem 1rem 1.45rem;
        border-radius: 22px;
    }

    body.theme-lab-page .quote-demo {
        gap: 1rem;
    }

    body.theme-lab-page .quote-style-lab,
    .theme-lab-stage {
        width: 100%;
        gap: 0.85rem;
    }

    .top-bar--compact .logo-div {
        left: 0.62rem;
        top: 0.5rem;
        transform: scale(0.62);
    }

    .transparent-header {
        width: min(84vw, 430px);
        padding: 0.4rem 0.7rem 0.5rem;
        gap: 0.22rem;
        transform: none;
    }

    .glowny-tekst {
        max-width: 100%;
    }

    .sub-tekst {
        order: 2;
        max-width: 100%;
    }

    .header-stamp {
        position: static;
        order: 3;
        margin-top: 0.18rem;
        padding: 0.3rem 0.62rem;
        font-size: 0.58rem;
        border-width: 2px;
        letter-spacing: 0.12em;
        transform: none;
        align-self: center;
    }

    .top-bar {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        grid-template-areas:
            "brand actions"
            "menu menu";
        align-items: start;
        align-content: start;
        gap: 0.22rem 0.58rem;
        padding: 0.38rem 0.58rem 0.42rem;
        justify-content: stretch;
    }

    .top-bar::after {
        display: none;
    }

    .logo-div {
        position: static;
        grid-area: brand;
        left: auto;
        top: auto;
        transform: none;
        justify-self: start;
        align-self: center;
    }

    .logo,
    .year-container,
    .trans-cert-stack,
    .trans-logo-div {
        transition: none;
    }

    .logo {
        width: clamp(82px, 22vw, 96px);
        animation: none;
    }

    .header-actions {
        position: static;
        grid-area: actions;
        top: auto;
        right: auto;
        transform: none;
        height: auto;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        justify-self: end;
        align-self: start;
        gap: 0.22rem;
        margin-top: 0.02rem;
    }

    .year-container {
        bottom: 14%;
    }

    .year-tekst {
        font-size: clamp(0.34rem, 0.32rem + 0.08vw, 0.44rem);
        letter-spacing: 0.08em;
        text-shadow: 0 2px 6px rgba(0, 0, 0, 0.32);
    }

    .language-div {
        padding: 0.24rem 0.38rem;
    }

    .theme-controls-dock {
        height: auto;
    }

    .logo-controls--dock {
        width: auto;
        flex-direction: row;
        height: auto;
    }

    .logo-controls--dock .logo-switch-button,
    .logo-switch-button,
    .logo-switch-button--link {
        opacity: 1;
    }

    .logo-switch-button {
        width: auto;
        padding: 0.24rem 0.48rem;
        font-size: 0.46rem;
        letter-spacing: 0.08em;
    }

    .logo-switch-button__label {
        display: none;
    }

    .logo-switch-button--link {
        height: auto;
        padding: 0.24rem 0.48rem;
    }

    .menu {
        position: static;
        grid-area: menu;
        left: auto;
        right: auto;
        bottom: auto;
        width: 100%;
        max-width: none;
        justify-content: center;
        justify-self: center;
        align-items: center;
        gap: 0.1rem 0.34rem;
        padding: 0;
        flex-wrap: nowrap;
        overflow: visible;
        background: transparent;
        border: none;
        border-radius: 0;
        box-shadow: none;
    }

    .menu-item {
        min-height: auto;
        padding: 0.08rem 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        text-shadow: 0 0 5px var(--theme-menu-shadow-color);
        font-size: clamp(0.44rem, 0.42rem + 0.08vw, 0.5rem);
        letter-spacing: 0.04em;
        transition: color 0.25s ease;
    }

    .menu-item::after {
        display: block;
    }

    .menu-item:hover,
    .menu-item:focus-visible {
        color: var(--theme-menu-accent);
        background: transparent;
        box-shadow: none;
        transform: none;
        outline: none;
    }

    .menu-item--active {
        background: transparent;
        box-shadow: none;
        color: var(--theme-menu-color);
    }

    .zamow-btn {
        animation: none;
        padding: 0.18rem 0.38rem;
        box-shadow: var(--theme-cta-shadow);
    }

    .top-bar--compact .logo-div {
        left: auto;
        top: auto;
        transform: none;
    }

    .top-bar--compact .year-container {
        opacity: 1;
        transform: translateX(-50%);
    }

    .transparent-bar {
        position: sticky;
        display: flex;
        align-items: center;
        justify-content: center;
        left: auto;
        width: 100%;
        max-width: none;
        transform: none;
        top: var(--top-bar-height);
        overflow: visible;
        padding: 0 0.68rem;
        background: color-mix(in srgb, var(--theme-sub-bar-bg) 96%, rgba(8, 14, 22, 0.34));
        backdrop-filter: blur(10px) saturate(118%);
        -webkit-backdrop-filter: blur(10px) saturate(118%);
        border-bottom-color: rgba(255, 255, 255, 0.14);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.08),
            0 10px 22px rgba(8, 14, 22, 0.14);
    }

    .transparent-bar::after {
        display: none;
    }

    .transparent-bar::before {
        display: none;
    }

    body.header-scrolled .transparent-bar::after {
        opacity: 1;
        transform: none;
    }

    .transparent-header {
        grid-column: auto;
        position: static;
        width: fit-content;
        max-width: none;
        padding: 0;
        gap: 0.01rem;
        transform: translateY(-0.03rem);
        align-items: center;
        text-align: center;
    }

    .glowny-tekst {
        order: 2;
        margin: 0;
        max-width: 100%;
        padding-right: 0;
        font-size: clamp(0.74rem, 0.72rem + 0.18vw, 0.8rem);
        line-height: 1.02;
        white-space: nowrap;
        text-wrap: nowrap;
    }

    .glowny-tekst::after {
        content: none;
    }

    .sub-tekst {
        order: 3;
        margin: 0 auto;
        max-width: none;
        font-size: clamp(0.31rem, 0.3rem + 0.03vw, 0.34rem);
        line-height: 1;
        letter-spacing: 0.05em;
        white-space: nowrap;
        text-wrap: nowrap;
        transform: none;
    }

    .header-stamp {
        position: absolute;
        left: 50%;
        bottom: -0.16rem;
        order: initial;
        margin: 0;
        padding: 0.1rem 0.28rem;
        border-width: 2px;
        border-radius: 999px;
        font-size: 0.25rem;
        letter-spacing: 0.08em;
        box-shadow: 0 4px 10px rgba(80, 8, 8, 0.16);
        transform: translate(-50%, 50%);
        z-index: 3;
    }

    .trans-cert-stack {
        position: absolute;
        top: 50%;
        right: 0.7rem;
        display: flex;
        align-items: center;
        justify-content: center;
        transform: translateY(-50%);
        z-index: 2;
    }

    .top-bar--compact + .transparent-bar .trans-cert-stack {
        top: 50%;
        transform: translateY(-50%);
    }

    .trans-logo-div {
        display: flex;
        width: 26px;
        height: 26px;
        box-shadow:
            0 0 0 2px rgba(9, 20, 34, 0.16),
            0 8px 18px rgba(8, 16, 28, 0.22);
    }

    .trans-logo {
        display: block;
    }

    .info-panel {
        padding: 2rem 1.5rem;
    }

    .info-panel--article {
        padding: 2rem 1.35rem 2.3rem;
    }

    body.offer-page--modern .info-page-section {
        padding: 1.8rem 0.85rem 3rem;
    }

    body.offer-page--modern .info-panel--article {
        padding: 1.5rem 1rem 2rem;
        border-radius: 24px;
    }

    body.offer-page--modern .article-hero h2 {
        font-size: clamp(1rem, 4.4vw, 1.3rem);
    }

    body.offer-page--modern .article-copy .offer-fleet-intro,
    body.offer-page--modern .offer-area-header .offer-area-intro {
        font-size: clamp(1rem, 4.4vw, 1.3rem);
    }

    body.offer-page--modern .article-hero-copy {
        row-gap: 0.35rem;
    }

    .contact-section {
        padding: 3rem 0 3.5rem;
    }

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

    .fleet-layout {
        grid-template-columns: 1fr;
        grid-template-areas:
            "slot1"
            "slot2"
            "map"
            "slot3"
            "slot4";
        justify-items: center;
    }

    .vehicle-link {
        max-width: min(100%, 260px);
    }

    .tiles-section {
        width: min(96vw, 640px);
        gap: 1rem;
    }

    .offer-fleet-grid,
    .offer-map-section {
        grid-template-columns: 1fr;
    }

    .offer-stage-media {
        min-height: clamp(148px, 42vw, 212px);
        padding: 0.58rem;
    }

    .offer-stage-media img {
        max-width: min(100%, 360px);
        max-height: clamp(136px, 40vw, 208px);
    }

    .offer-map-card img,
    .offer-local-map img {
        max-width: min(100%, 360px);
        max-height: none;
    }

    .offer-area-card,
    .offer-local-copy {
        gap: 0.85rem;
    }

    .site-footer {
        padding: 1.1rem 0 1.25rem;
    }

    .footer-shell--simple {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
        gap: 0.5rem;
    }

    .footer-simple-address,
    .footer-line--right,
    .footer-shell--simple > .footer-line--strong {
        justify-self: center;
        text-align: center;
    }

    .footer-line--muted,
    .footer-line--side {
        color: color-mix(in srgb, var(--theme-footer-color) 72%, black 28%);
    }

    .footer-simple-address .footer-line,
    .footer-line--right {
        white-space: normal;
    }

    .quote-form-buttons {
        width: 100%;
    }

    .quote-submit-button,
    .quote-reset-button {
        width: 100%;
        justify-content: center;
    }

    .quote-showcase-metrics {
        grid-template-columns: 1fr;
    }

    .quote-style-grid,
    .quote-style-grid--logos {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .quote-style-heading {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.35rem;
    }

    body.quote-page--compact .info-page-section {
        padding: 0.95rem 0.62rem 1.6rem;
    }

    body.quote-page--compact .info-panel--article {
        padding: 0.88rem 0.78rem 0.92rem;
        border-radius: 18px;
    }

    .quote-compact-shell {
        gap: 0.6rem;
    }

    .quote-compact-hero {
        gap: 0.55rem;
        padding-bottom: 0.55rem;
    }

    .quote-compact-hero .article-eyebrow {
        font-size: 0.54rem;
    }

    .quote-compact-hero h2 {
        font-size: 0.74rem;
    }

    .quote-compact-lead {
        font-size: 0.58rem;
        line-height: 1.34;
    }

    .quote-compact-note {
        font-size: 0.54rem;
    }

    .quote-reset-link {
        font-size: 0.62rem;
    }

    .quote-submit-button--compact,
    .quote-reset-button--compact {
        min-width: 204px;
    }
}

@media (max-width: 480px) {
    :root {
        --top-bar-height: 124px;
        --sub-bar-height: 44px;
    }

    .menu {
        left: 0.5rem;
        right: 0.5rem;
        bottom: 0.36rem;
        gap: 0.34rem;
        padding-inline: 0.08rem;
    }

    .logo-div {
        left: 0.56rem;
        top: 0.54rem;
        transform: scale(0.68);
    }

    .menu-item {
        font-size: 0.61rem;
        letter-spacing: 0.06em;
    }

    .header-actions {
        top: 0.52rem;
        right: 0.5rem;
        gap: 0.3rem;
    }

    .language-div {
        padding: 0.24rem 0.34rem;
    }

    .lang-box {
        width: 20px;
    }

    .logo-controls {
        width: clamp(132px, 34vw, 170px);
    }

    .logo-controls--dock {
        width: auto;
    }

    .trans-cert-stack {
        right: 0.65rem;
    }

    body.theme-lab-page .info-page-section {
        padding: 1.35rem 0.72rem 2.1rem;
    }

    body.theme-lab-page .info-panel--article {
        padding: 1.05rem 0.88rem 1.2rem;
    }

    body.theme-lab-page .quote-hero h2 {
        font-size: clamp(1.22rem, 5.9vw, 1.46rem);
    }

    body.theme-lab-page .quote-style-grid,
    body.theme-lab-page .quote-style-grid--logos {
        grid-template-columns: 1fr;
    }

    .top-bar--compact .logo-div {
        left: 0.52rem;
        top: 0.48rem;
        transform: scale(0.62);
    }

    .transparent-header {
        width: min(86vw, 340px);
    }

    .header-stamp {
        margin-top: 0.16rem;
        transform: none;
        font-size: 0.54rem;
        padding: 0.28rem 0.56rem;
    }

    .top-bar {
        gap: 0.26rem 0.46rem;
        padding: 0.28rem 0.5rem 0.32rem;
    }

    .logo-div {
        transform: none;
    }

    .logo {
        width: clamp(74px, 24vw, 86px);
    }

    .header-actions {
        align-self: start;
        gap: 0.18rem;
        margin-top: 0;
    }

    .language-div {
        padding: 0.2rem 0.3rem;
    }

    .menu {
        max-width: none;
        gap: 0.08rem 0.24rem;
        padding: 0.02rem 0 0;
    }

    .menu-item {
        padding: 0.06rem 0;
        font-size: 0.4rem;
        letter-spacing: 0.035em;
    }

    .transparent-bar {
        position: sticky;
        left: auto;
        width: 100%;
        max-width: none;
        transform: none;
        top: var(--top-bar-height);
        padding: 0 0.5rem;
    }

    .transparent-bar::before {
        display: none;
    }

    .transparent-header {
        width: fit-content;
        max-width: none;
        gap: 0;
        transform: none;
    }

    .glowny-tekst {
        padding-right: 0;
        font-size: clamp(0.66rem, 3.2vw, 0.72rem);
        line-height: 1.02;
    }

    .glowny-tekst::after {
        content: none;
    }

    .sub-tekst {
        max-width: none;
        font-size: clamp(0.28rem, 0.27rem + 0.03vw, 0.31rem);
        line-height: 1;
    }

    .header-stamp {
        position: absolute;
        left: 50%;
        bottom: -0.18rem;
        order: initial;
        margin: 0;
        padding: 0.08rem 0.22rem;
        font-size: 0.21rem;
        transform: translate(-50%, 50%);
        z-index: 3;
    }

    .trans-cert-stack {
        right: 0.52rem;
    }

    .top-bar--compact .logo-div {
        transform: none;
    }

    .year-container {
        bottom: 12%;
    }

    .year-tekst {
        font-size: 0.3rem;
        letter-spacing: 0.06em;
    }

    .trans-logo-div {
        width: 22px;
        height: 22px;
        background-size: 82%;
    }

    .offer-stage-media {
        min-height: clamp(132px, 50vw, 176px);
    }

    .offer-stage-media img {
        max-width: min(100%, 300px);
        max-height: clamp(122px, 44vw, 170px);
    }

    .offer-map-card img,
    .offer-local-map img {
        max-width: min(100%, 300px);
    }

    .contact-grid {
        grid-template-columns: 1fr;
    }

    .quote-hero h2 {
        font-size: clamp(1.6rem, 9vw, 2.2rem);
    }

    body.theme-lab-page .quote-hero h2 {
        font-size: clamp(1.2rem, 5.8vw, 1.42rem);
    }

    .quote-style-grid,
    .quote-style-grid--logos {
        grid-template-columns: 1fr;
    }

    body.theme-lab-page .quote-style-grid,
    body.theme-lab-page .quote-style-grid--logos {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-content: stretch;
    }

    .quote-form-section {
        padding: 1rem;
    }

    .theme-lab-preview-grid {
        grid-template-columns: 1fr;
    }

    .quote-compact-card-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .quote-compact-fields--stop,
    .quote-compact-fields--cargo,
    .quote-compact-fields--contact,
    .quote-compact-toggle-grid {
        grid-template-columns: 1fr;
    }

    .quote-compact-tools {
        justify-content: flex-end;
    }

    .quote-send-card {
        width: 100%;
    }

    .quote-submit-button--compact,
    .quote-reset-button--compact {
        min-width: min(100%, 196px);
    }
}

@keyframes contactArrowFloat {
    0% {
        transform: translateY(0);
        opacity: 0.65;
    }
    50% {
        transform: translateY(6px);
        opacity: 1;
    }
    100% {
        transform: translateY(0);
        opacity: 0.65;
    }
}

@keyframes mapaPlywanie {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
    12.5% {
        transform: translate3d(1px, -1px, 0) rotate(0.08deg);
    }
    25% {
        transform: translate3d(2px, -3px, 0) rotate(0.14deg);
    }
    37.5% {
        transform: translate3d(1px, -4px, 0) rotate(0.08deg);
    }
    50% {
        transform: translate3d(0, -5px, 0) rotate(0deg);
    }
    62.5% {
        transform: translate3d(-1px, -3px, 0) rotate(-0.08deg);
    }
    75% {
        transform: translate3d(-2px, -2px, 0) rotate(-0.14deg);
    }
    87.5% {
        transform: translate3d(-1px, -1px, 0) rotate(-0.08deg);
    }
    100% {
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
}

@keyframes liquidGlassDrift {
    0% {
        background-position:
            center,
            center,
            50% 50%,
            50% 50%;
        opacity: 0.84;
    }
    50% {
        background-position:
            center,
            center,
            47% 53%,
            48% 53%;
        opacity: 0.92;
    }
    100% {
        background-position:
            center,
            center,
            53% 47%,
            52% 48%;
        opacity: 0.88;
    }
}

@keyframes liquidGlassPulse {
    0%, 100% {
        opacity: 0.76;
    }
    50% {
        opacity: 0.9;
    }
}

@keyframes pulsujacyCien {
    0% {
        box-shadow: 0px 0px 12px #0000007e;
    }
    50% {
        box-shadow: 0px 0px 12px #ffffff;
    }
    100% {
        box-shadow: 0px 0px 12px #0000007e;
    }
}

@keyframes pulsujacyKolor {
  0% {
    color: #ffffff;
    text-shadow: 0px 0px 0px #ffffff80;
  }
  50% {
    color: #488dd1;
    text-shadow: 0px 0px 2px #0099ffcc;
  }
  100% {
    color: #ffffff;
    text-shadow: 0px 0px 1px #59b7ff80;
  }
}