.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS */.header-note::before{content: ""; position: absolute; left: 0; top: 50%; width: 9px; height: 9px; margin-top: -4.5px; border-radius: 50%; background: #3cc7ec; box-shadow: 0 0 0 0 rgba(60, 199, 236, 0.6); animation: live 1.8s ease-out infinite;}
@media (max-width: 767px){ .header-note::before{width: 7px; height: 7px; margin-top: -3.5px;} }
html .header-note strong{font-weight: 800; color: var(--c-white); text-transform: uppercase; letter-spacing: 0.06em;}
@media (max-width: 400px){ html .site-header .header-actions{gap: 8px;} }
@media (max-width: 400px){ html .site-header .header-note{font-size: 0.6875rem; padding-left: 12px;} }
@media (max-width: 400px){ html .site-header .header-actions .btn{min-height: 44px; padding: 9px 12px; font-size: 0.8125rem;} }
@media (max-width: 400px){ html .site-header .brand-logo{width: 100px;} }
@media (max-width: 370px){ html .site-header .header-note{padding-left: 0;} }
@media (max-width: 370px){ html .site-header .header-note::before{display: none;} }
@media (max-width: 370px){ html .site-header .brand-logo{width: 88px;} }
html .hero-title-home em{display: block; overflow: hidden; height: 1em; margin: 0.06em 0 0; padding-bottom: 0.08em; box-sizing: content-box; font-size: 1em; line-height: 1; letter-spacing: inherit; color: var(--c-cyan-light); white-space: nowrap;}
html .hero-title-home em.is-boarded{color: transparent;}
html .pm-board{position: absolute; z-index: 3; display: block; overflow: hidden; white-space: nowrap; color: var(--c-cyan-light); pointer-events: none; perspective: 600px;}
html .pm-flip{display: inline-block; transform-origin: 50% 60%; will-change: transform, opacity;}
.hero-reach::before{content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%; background-color: var(--c-amber);}
html .pm-reach-sr{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}
html .pm-reach-win{display: inline-block; overflow: hidden; height: 1.3em; min-width: 9.2em; vertical-align: bottom;}
html .pm-reach-city{display: inline-block; color: var(--c-cyan-light);}
html .g-rating{width: max-content; max-width: 100%;}
html .g-rating-score::after{content: "★★★★★"; font-size: 1.125rem; letter-spacing: 1px; background-image: linear-gradient(90deg, #fbbc04 0%, #fbbc04 97%, rgba(255, 255, 255, 0.28) 97%); -webkit-background-clip: text; background-clip: text; color: transparent;}
.post-card-check::before{content: ""; position: absolute; left: 2px; top: 0.3em; width: 12px; height: 7px; border-left: 2px solid var(--c-amber); border-bottom: 2px solid var(--c-amber); transform: rotate(-45deg);}
html .post-prose p{font-family: var(--font-sans), system-ui, sans-serif; font-size: 1.125rem; line-height: 1.75; color: #d3e2e7;}
html .post-prose li{font-family: var(--font-sans), system-ui, sans-serif; font-size: 1.125rem; line-height: 1.75; color: #d3e2e7;}
html .post-prose p{margin: 0 0 1.5rem;}
html .post-prose ul{margin: 0 0 1.5rem;}
html .post-prose ol{margin: 0 0 1.5rem;}
html .post-prose figure{margin: 0 0 1.5rem;}
html .post-prose blockquote{margin: 0 0 1.5rem;}
html .post-prose .wp-block-buttons{margin: 0 0 1.5rem;}
html .post-prose > p:first-child{font-size: var(--fs-lead); color: var(--c-white);}
html .post-prose .elementor-widget-theme-post-content > p:first-child{font-size: var(--fs-lead); color: var(--c-white);}
html .post-prose h2{margin: 3.5rem 0 1.25rem; font-family: var(--font-display), system-ui, sans-serif; font-weight: 900; font-size: clamp(1.625rem, 1.1rem + 1.5vw, 2.375rem); line-height: 1.05; letter-spacing: -0.025em; text-transform: uppercase; color: var(--c-white);}
html .post-prose h3{margin: 2.5rem 0 1rem; font-family: var(--font-display), system-ui, sans-serif; font-weight: 800; font-size: var(--fs-h3-fluid); line-height: 1.2; color: var(--c-white);}
html .post-prose h4{margin: 2rem 0 0.75rem; font-family: var(--font-display), system-ui, sans-serif; font-weight: 700; font-size: 1.125rem; letter-spacing: 0.04em; text-transform: uppercase; color: var(--c-amber);}
html .post-prose h2:first-child{margin-top: 0;}
html .post-prose h3:first-child{margin-top: 0;}
html .post-prose a{color: var(--c-cyan-light); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px;}
html .post-prose a:hover{color: var(--c-white);}
html .post-prose strong{color: var(--c-white); font-weight: 700;}
html .post-prose ul{padding-left: 1.4em;}
html .post-prose ol{padding-left: 1.4em;}
html .post-prose li{margin-bottom: 0.6rem; padding-left: 0.3em;}
html .post-prose ul li::marker{color: var(--c-amber);}
html .post-prose ol li::marker{color: var(--c-amber); font-family: var(--font-display), system-ui, sans-serif; font-weight: 800;}
html .post-prose figure{max-width: 100%;}
html .post-prose img{display: block; max-width: 100%; height: auto; border-radius: var(--r-2);}
html .post-prose figcaption{margin-top: 0.75rem; font-style: normal; font-size: var(--fs-small); line-height: 1.5; color: var(--c-mist-dim); text-align: left;}
html .post-prose .alignwide{width: 100%; max-width: 100%; margin-inline: 0;}
html .post-prose .alignfull{width: 100%; max-width: 100%; margin-inline: 0;}
html .post-prose blockquote{padding: 0.25rem 0 0.25rem 1.5rem; border-left: 3px solid var(--c-cyan);}
html .post-prose blockquote p{margin-bottom: 0.75rem; font-family: var(--font-display), system-ui, sans-serif; font-weight: 700; font-size: clamp(1.25rem, 1.05rem + 0.6vw, 1.625rem); line-height: 1.35; color: var(--c-white);}
html .post-prose blockquote cite{font-style: normal; font-family: var(--font-display), system-ui, sans-serif; font-weight: 700; font-size: 0.8125rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--c-mist);}
html .post-prose .wp-block-table{overflow-x: auto;}
html .post-prose .wp-block-table thead{border-bottom: 0;}
html .post-prose table{width: 100%; border-collapse: collapse; font-size: 1rem;}
html .post-prose table th{padding: 0.85rem 1rem 0.85rem 0; border: 0; border-bottom: 1px solid var(--c-line); text-align: left; vertical-align: top; line-height: 1.5; color: #d3e2e7; background-color: transparent;}
html .post-prose table tbody tr td{padding: 0.85rem 1rem 0.85rem 0; border: 0; border-bottom: 1px solid var(--c-line); text-align: left; vertical-align: top; line-height: 1.5; color: #d3e2e7; background-color: transparent;}
html .post-prose table th{font-family: var(--font-display), system-ui, sans-serif; font-weight: 700; font-size: 0.8125rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--c-amber);}
html .post-prose hr{margin: 3rem 0; border: 0; height: 3px; background-image: linear-gradient(90deg, var(--c-amber) 0px, var(--c-amber) 22px, transparent 22px, transparent 40px); background-size: 40px 3px;}
html .post-prose .wp-block-button__link{display: inline-flex; align-items: center; min-height: 50px; padding: 13px 26px; border-radius: var(--r-pill); background-color: var(--c-amber); color: var(--c-ink); font-family: var(--font-display), system-ui, sans-serif; font-weight: 700; font-size: 1rem; text-decoration: none; transition: background-color var(--dur-fast) var(--ease-out);}
html .post-prose .wp-block-button__link:hover{background-color: var(--c-amber-hot); color: var(--c-ink);}
*{box-sizing: border-box;}
*::before{box-sizing: border-box;}
*::after{box-sizing: border-box;}
img{max-width: 100%; height: auto;}
html{scroll-padding-top: 96px; caret-color: #f7b654; scrollbar-color: #0a3341 #03161d; background: #03161d;}
body{margin: 0; font-family: "Roboto", system-ui, sans-serif; color: #a8c4cd; background: #03161d; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}
::selection{background: #f7b654; color: #04161c;}
h1 em{display: block; font-style: normal; font-size: 0.46em; line-height: 1.15; letter-spacing: 0.01em; color: #3cc7ec; margin-bottom: 0.28em;}
h2 em{display: block; font-style: normal; font-size: 0.46em; line-height: 1.15; letter-spacing: 0.01em; color: #3cc7ec; margin-bottom: 0.28em;}
h1 strong{font-weight: inherit; color: #f7b654; white-space: nowrap;}
h2 strong{font-weight: inherit; color: #f7b654; white-space: nowrap;}
.section-cyan h2 em{color: #04161c; opacity: .8;}
:focus-visible{outline: 3px solid #f7b654; outline-offset: 3px;}
.section-cyan :focus-visible{outline-color: #04161c;}
.site-footer .footer-link a{color: inherit; text-decoration: none;}
.site-header .nav-link a{color: inherit; text-decoration: none;}
.calc .calc-micro a{color: #ffffff; font-weight: 700;}
.section-cyan .reviews-foot a{color: #04161c; font-weight: 700;}
.site-header.is-scrolled{background-color: rgba(3, 22, 29, 0.88); backdrop-filter: blur(14px); box-shadow: 0 1px 0 rgba(168, 196, 205, 0.14);}
.chip input{position: absolute; opacity: 0; width: 1px; height: 1px;}
.chip input:checked + label{background: #f7b654; border-color: #f7b654; color: #04161c; font-weight: 600;}
.chip input:focus-visible + label{outline: 3px solid #f7b654; outline-offset: 2px;}
.calc .check input[type="checkbox"]{appearance: auto; -webkit-appearance: checkbox; width: 20px; height: 20px; min-width: 20px; flex-shrink: 0; clip-path: none; background: none; border: 0; accent-color: #f7b654; margin: 0;}
.calc select.field-input{appearance: none; background-image: linear-gradient(45deg, transparent 50%, #ffffff 50%), linear-gradient(135deg, #ffffff 50%, transparent 50%); background-position: calc(100% - 20px) 50%, calc(100% - 15px) 50%; background-size: 5px 5px; background-repeat: no-repeat; padding-right: 36px;}
.calc select.field-input option{color: #04161c;}
.calc ::placeholder{color: #6f8d97; opacity: 1;}
.calc input[type="date"]::-webkit-calendar-picker-indicator{filter: invert(1); opacity: .8;}
.calc [aria-invalid="true"]{border-color: #ff9b8a;}
.calc-price.is-flipping{animation: price-flip 460ms cubic-bezier(0.16, 1, 0.3, 1);}
@keyframes price-flip{0% { transform: translateY(-10px); opacity: .1; filter: blur(4px); } 100% { transform: none; opacity: 1; filter: none; }}
.js-wizard .calc-step.is-hidden{display: none;}
.js-calc-extra #pole-firma.is-hidden{display: none;}
.js-calc-extra #pole-ine.is-hidden{display: none;}
.js-wizard .calc-step.is-entering{animation: step-in 420ms cubic-bezier(0.16, 1, 0.3, 1);}
@keyframes step-in{from { opacity: 0; transform: translateX(18px); } to { opacity: 1; transform: none; }}
.calc-step-dot.is-active{background: #f7b654; color: #04161c;}
.calc-step-dot.is-done{color: #3cc7ec;}
.hero .scene3d{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; opacity: 0; transition: opacity 1.2s ease;}
.hero .scene3d.is-ready{opacity: 1;}
.scrub-video.is-ready{opacity: 1;}
.fleet-media .scrub-video{object-position: 62% 55%;}
.finale .scrub-video{top: -15%; height: 130%; object-position: 50% 55%;}
@keyframes road{to { background-position: -68px 0; }}
.svc:hover .svc-img{transform: scale(1.06);}
.svc:focus-visible .svc-img{transform: scale(1.06);}
@media (max-width: 767px){ .svc-scroll .svc{scroll-snap-align: start;} }
@media (min-width: 1025px) and (pointer: coarse){ .hscroll{overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none;} }
@media (min-width: 1025px) and (pointer: coarse){ .hscroll .stage, .hscroll .stage-end{scroll-snap-align: start;} }
@media (min-width: 1025px) and (pointer: coarse){ .trip{display: none;} }
@media (min-width: 1025px) and (pointer: fine){ .trip{cursor: pointer; touch-action: none; user-select: none;} }
@media (min-width: 1025px) and (pointer: fine){ .trip-marker{cursor: grab; transition: box-shadow .2s ease; -webkit-user-drag: none;} }
@media (min-width: 1025px) and (pointer: fine){ .trip-marker:hover{box-shadow: 0 0 0 6px rgba(247, 182, 84, 0.25), 0 6px 18px rgba(0, 0, 0, 0.5);} }
@media (min-width: 1025px) and (pointer: fine){ .trip-marker.is-dragging{cursor: grabbing; box-shadow: 0 0 0 9px rgba(247, 182, 84, 0.3), 0 8px 22px rgba(0, 0, 0, 0.55);} }
.js-motion .scroll-progress{transform: scaleX(0);}
.js-motion .trip-fill{transform: scaleX(0);}
.js-motion .stops-fill{transform: scaleY(0);}
.site-header .nav a.is-current{color: #f7b654;}
.nav-drop::before{content: ""; position: absolute; left: 0; right: 0; top: -20px; height: 20px;}
.nav-item:hover .nav-drop{opacity: 1; visibility: visible; transform: none;}
.nav-item:focus-within .nav-drop{opacity: 1; visibility: visible; transform: none;}
.nav-item.is-open .nav-drop{opacity: 1; visibility: visible; transform: none;}
.nav-link-drop::after{content: ""; display: inline-block; width: 7px; height: 7px; margin-left: 8px; border: solid currentColor; border-width: 0 2px 2px 0; transform: translateY(-3px) rotate(45deg); transition: transform .2s ease;}
.nav-item:hover .nav-link-drop::after{transform: translateY(1px) rotate(-135deg);}
.nav-item.is-open .nav-link-drop::after{transform: translateY(1px) rotate(-135deg);}
html .nav-drop a{display: block; padding: 11px 14px; border-radius: 10px; font-family: "Montserrat", system-ui, sans-serif; font-weight: 600; font-size: .9375rem; line-height: 1.3; color: #fff; text-decoration: none; transition: background-color .15s ease, color .15s ease;}
html .nav-drop a:hover{background-color: rgba(255, 255, 255, 0.06); color: #f7b654;}
html .nav-drop a:focus-visible{background-color: rgba(255, 255, 255, 0.06); color: #f7b654;}
.nav-drop a.is-current{color: #f7b654;}
html .pm-drawer{position: fixed; inset: 0; z-index: 200; visibility: hidden; pointer-events: none;}
html .pm-drawer.is-open{visibility: visible; pointer-events: auto;}
html .pm-drawer-scrim{position: absolute; inset: 0; background: rgba(1, 10, 14, 0.62); backdrop-filter: blur(4px); opacity: 0; transition: opacity .35s ease;}
html .pm-drawer.is-open .pm-drawer-scrim{opacity: 1;}
html .pm-drawer-panel{position: absolute; top: 0; right: 0; bottom: 0; width: min(88vw, 420px); display: flex; flex-direction: column; justify-content: flex-end; gap: 18px; padding: 22px 20px calc(16px + env(safe-area-inset-bottom)); overflow-y: auto; overscroll-behavior: contain; background: radial-gradient(120% 60% at 100% 100%, rgba(0, 155, 195, 0.18), rgba(3, 22, 29, 0) 60%), #03161d; border-left: 1px solid rgba(168, 196, 205, 0.18); box-shadow: -30px 0 60px rgba(0, 0, 0, 0.45); transform: translateX(104%); transition: transform .45s cubic-bezier(0.16, 1, 0.3, 1);}
html .pm-drawer.is-open .pm-drawer-panel{transform: none;}
html .pm-drawer-panel::before{content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background-image: linear-gradient(180deg, #f7b654 0, #f7b654 26px, transparent 26px, transparent 52px); background-size: 3px 52px; opacity: .8;}
html .pm-drawer-head{margin-bottom: auto; display: flex; align-items: center; justify-content: space-between; gap: 12px;}
html .pm-drawer-logo{width: 46px; height: 46px;}
html .pm-drawer-live{display: flex; align-items: center; gap: 8px; font: 700 .75rem/1 "Montserrat", system-ui, sans-serif; letter-spacing: .06em; text-transform: uppercase; color: #3cc7ec;}
html .pm-drawer-live::before{content: ""; width: 9px; height: 9px; border-radius: 50%; background: #3cc7ec; animation: live 1.8s ease-out infinite;}
html .pm-drawer-nav{display: flex; flex-direction: column;}
html .pm-drawer-link{display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 58px; padding: 6px 4px; border: 0; border-bottom: 1px solid rgba(168, 196, 205, 0.16); background: none; font: 900 1.5rem/1.05 "Montserrat", system-ui, sans-serif; letter-spacing: -0.02em; text-transform: uppercase; text-align: left; color: #fff; text-decoration: none; cursor: pointer;}
html .pm-drawer-link::after{content: "→"; font-size: 1.1rem; font-weight: 700; color: #6f8d97; transition: transform .2s ease, color .2s ease;}
html .pm-drawer-link:active::after{transform: translateX(4px); color: #f7b654;}
html .pm-drawer-link.is-current{color: #f7b654;}
html .pm-drawer-toggle::after{content: "+"; font-size: 1.6rem; line-height: 1; transition: transform .25s ease;}
html .pm-drawer-toggle[aria-expanded="true"]::after{transform: rotate(45deg); color: #f7b654;}
html .pm-drawer-sub{display: grid; grid-template-rows: 0fr; transition: grid-template-rows .35s cubic-bezier(0.16, 1, 0.3, 1);}
html .pm-drawer-sub.is-open{grid-template-rows: 1fr;}
html .pm-drawer-sub > div{overflow: hidden; display: flex; flex-direction: column;}
html .pm-drawer-sublink{display: flex; align-items: center; min-height: 46px; padding: 4px 4px 4px 14px; border-left: 2px solid rgba(247, 182, 84, 0.5); font: 700 1.0625rem/1.25 "Montserrat", system-ui, sans-serif; color: #a8c4cd; text-decoration: none;}
html .pm-drawer-sublink:first-child{margin-top: 6px;}
html .pm-drawer-sublink:last-child{margin-bottom: 10px;}
html .pm-drawer-sublink.is-current{color: #f7b654;}
html .pm-drawer-cta{display: grid; grid-template-columns: 1fr 1fr; gap: 8px;}
html .pm-drawer-btn{display: flex; align-items: center; justify-content: center; min-height: 54px; padding: 10px 12px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.3); font: 800 1rem/1.1 "Montserrat", system-ui, sans-serif; text-align: center; text-decoration: none; color: #fff; background: rgba(255, 255, 255, 0.08);}
html .pm-drawer-btn-amber{background: #f7b654; border-color: #f7b654; color: #04161c;}
html .pm-drawer-foot{display: flex; align-items: center; justify-content: space-between; gap: 12px;}
html .pm-drawer-hint{font: 400 .8125rem/1.4 "Roboto", system-ui, sans-serif; color: #6f8d97;}
html .pm-drawer-close{display: flex; align-items: center; gap: 10px; min-height: 54px; padding: 0 8px 0 18px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 999px; background: #fff; color: #04161c; font: 800 1rem/1 "Montserrat", system-ui, sans-serif; cursor: pointer;}
html .pm-drawer-close span{display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: #04161c; color: #fff; font-size: 1.1rem;}
html .pm-drawer button.pm-drawer-link:hover{background: none; color: #fff; border-color: transparent; border-bottom-color: rgba(168, 196, 205, 0.16);}
html .pm-drawer button.pm-drawer-link:focus{background: none; color: #fff; border-color: transparent; border-bottom-color: rgba(168, 196, 205, 0.16);}
html .pm-drawer button.pm-drawer-close:hover{background: #fff; color: #04161c; border-color: rgba(255, 255, 255, 0.3);}
html .pm-drawer button.pm-drawer-close:focus{background: #fff; color: #04161c; border-color: rgba(255, 255, 255, 0.3);}
html .pm-drawer :focus-visible{outline: 3px solid #f7b654; outline-offset: 2px;}
html.pm-drawer-open{overflow: hidden;}
@media (min-width: 1025px){ html .pm-drawer{display: none;} }
.chero .hero-title{max-width: none;}
@media (max-width: 767px){ .sizer-panel .specs{grid-template-columns: repeat(3, auto); justify-content: start; gap: 18px;} }
@media (max-width: 767px){ .sizer-panel .spec-num{font-size: 1.375rem; white-space: nowrap;} }
.section-intro a{color: #3cc7ec; text-decoration: underline; text-underline-offset: 3px;}
.row-text a{color: #3cc7ec; text-decoration: underline; text-underline-offset: 3px;}
.tip a{color: #3cc7ec; text-decoration: underline; text-underline-offset: 3px;}
.footer-text a{color: inherit; text-decoration: underline; text-underline-offset: 3px;}
.qa-a a{color: #3cc7ec; text-decoration: underline; text-underline-offset: 3px;}
.task a{color: #3cc7ec; text-decoration: underline; text-underline-offset: 3px;}
.stage-text a{color: #3cc7ec; text-decoration: underline; text-underline-offset: 3px;}
.calc-micro a{color: #3cc7ec; text-decoration: underline; text-underline-offset: 3px;}
.section-cyan .section-intro a{color: #04161c;}
.crumbs a{color: #a8c4cd; text-decoration: none;}
.crumbs a:hover{color: #fff;}
.js-sizer .sizer-panel.is-hidden{display: none;}
.sizer-tab.is-active{background-color: #f7b654; border-color: #f7b654; color: #04161c;}
.task::before{content: ""; position: absolute; left: 0; top: 13px; width: 28px; height: 28px; border: 2px solid #6f8d97; border-radius: 8px; transition: background-color .2s ease, border-color .2s ease;}
.task::after{content: ""; position: absolute; left: 10px; top: 18px; width: 8px; height: 14px; border: solid #04161c; border-width: 0 3px 3px 0; transform: rotate(45deg) scale(0); transition: transform .2s cubic-bezier(0.16, 1, 0.3, 1);}
.task.is-done{color: #a8c4cd; text-decoration: line-through; text-decoration-color: rgba(247, 182, 84, 0.7);}
.task.is-done::before{background-color: #f7b654; border-color: #f7b654;}
.task.is-done::after{transform: rotate(45deg) scale(1);}
.task:focus-visible{outline-offset: 4px;}
.live::before{content: ""; width: 10px; height: 10px; border-radius: 50%; background: #3cc7ec; box-shadow: 0 0 0 0 rgba(60, 199, 236, 0.6); animation: live 1.8s ease-out infinite;}
@keyframes live{0% { box-shadow: 0 0 0 0 rgba(60, 199, 236, 0.6); } 100% { box-shadow: 0 0 0 12px rgba(60, 199, 236, 0); }}
.chero .btn-mega .d-mask{display: inline-block; overflow: hidden; height: 0.95em; vertical-align: top;}
.chero .btn-mega .d-inner{display: inline-block;}
.map iframe{position: absolute; inset: 0; width: 100%; height: 100%; border: 0; z-index: 3;}
.map.is-loaded > :not(iframe){visibility: hidden;}
#kontakt-form .field-wide{grid-column: 1 / -1;}
.kontakt-form .field-wide{grid-column: 1 / -1;}
.plan-step::before{content: ""; position: absolute; top: -48px; left: 0; width: 18px; height: 18px; border-radius: 50%; background: #f7b654; border: 2px solid #f7b654; transition: background-color .3s ease, border-color .3s ease;}
.js-motion .plan-step:not(.is-on)::before{background: #062430; border-color: #6f8d97;}
.js-motion .plan-fill{transform: scaleX(0);}
@media (max-width: 1024px){ .plan-step::before{display: none;} }
#firma-form{padding: 0;}
#firma-form .calc-body{padding: 0;}
@media (prefers-reduced-motion: reduce){ .road-dash, .calc-price.is-flipping, .js-wizard .calc-step.is-entering, .live::before, .header-note::before, html .pm-drawer-live::before{animation: none;} }
@media (prefers-reduced-motion: reduce){ html .pm-drawer-panel, html .pm-drawer-scrim, html .pm-drawer-sub, html .nav-drop{transition: none;} }
@media (prefers-reduced-motion: reduce){ .task::before, .task::after, .task-bar-fill{transition: none;} }
@media (prefers-reduced-motion: reduce){ .svc-img{transition: none;} }
/* Complianz – cookie lišta v štýle webu (noc #062430, jantárové „Prijať“, ostatné tlačidlá ako obrysové). Farby sú premenné Complianzu, nastavené priamo na lište (prebijú :root z banner-1-optin.css). */
.cmplz-cookiebanner, #cmplz-manage-consent{--cmplz_banner_background_color: #062430; --cmplz_banner_border_color: rgba(168, 196, 205, 0.22); --cmplz_banner_border_width: 1px; --cmplz_banner_border_radius: 14px; --cmplz_text_color: #a8c4cd; --cmplz_hyperlink_color: #3cc7ec; --cmplz_button_accept_background_color: #f7b654; --cmplz_button_accept_border_color: #f7b654; --cmplz_button_accept_text_color: #04161c; --cmplz_button_deny_background_color: transparent; --cmplz_button_deny_border_color: rgba(255, 255, 255, 0.3); --cmplz_button_deny_text_color: #ffffff; --cmplz_button_settings_background_color: transparent; --cmplz_button_settings_border_color: rgba(255, 255, 255, 0.3); --cmplz_button_settings_text_color: #ffffff; --cmplz_button_border_radius: 999px; --cmplz_slider_active_color: #009bc3; --cmplz_slider_inactive_color: #3f5b66; --cmplz_category_header_always_active_color: #3cc7ec; --cmplz_text_font_size: 13px; --cmplz_link_font_size: 13px; --cmplz_title_font_size: 16px;}
html .cmplz-cookiebanner{font-family: "Roboto", system-ui, sans-serif; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55);}
html .cmplz-cookiebanner .cmplz-title{font-family: "Montserrat", system-ui, sans-serif; font-weight: 800; color: #ffffff;}
html .cmplz-cookiebanner .cmplz-close{color: #ffffff;}
html .cmplz-cookiebanner .cmplz-close svg path{fill: currentColor;}
html .cmplz-cookiebanner .cmplz-btn{min-height: 46px; font-family: "Montserrat", system-ui, sans-serif; font-weight: 700; transition: background-color .15s ease, border-color .15s ease;}
html .cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover{background-color: #ffc976; border-color: #ffc976;}
html .cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover, html .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences:hover, html .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences:hover{border-color: #ffffff; background-color: rgba(255, 255, 255, 0.08);}
html .cmplz-cookiebanner .cmplz-categories .cmplz-category{background-color: rgba(255, 255, 255, 0.05);}
html .cmplz-cookiebanner .cmplz-category .cmplz-category-title{color: #ffffff;}
html #cmplz-manage-consent .cmplz-manage-consent{font-family: "Montserrat", system-ui, sans-serif; font-weight: 700; color: #ffffff; background-color: #062430; border-color: rgba(168, 196, 205, 0.22);}
/* Krížik lišty: Complianz naň po načítaní dá fokus (prístupnosť) → namiesto čierno-bieleho rámika tyrkysový v štýle webu */
html .cmplz-cookiebanner .cmplz-close:focus, html .cmplz-cookiebanner .cmplz-close:focus-visible{outline: 2px solid #3cc7ec; outline-offset: 3px; border-radius: 6px; box-shadow: none;}
/* Správy formulára po odoslaní: Elementor dáva svetlozelené / svetločervené pozadie, ale text webu je svetlý → nečitateľné.
   Tmavý panel v štýle webu (úspech = tyrkysový rámik, chyba = jantárový), biely text 16 px zarovnaný vľavo. Platí pre všetkých 12 formulárov. */
html .elementor .e-form-success-message-base, html .elementor .e-form-error-message-base{background-color: #0a3341; border: 1px solid #3cc7ec; border-radius: 10px; padding: 16px 20px; text-align: left;}
html .elementor .e-form-error-message-base{border-color: #f7b654;}
html .elementor .e-form-success-message-base p.e-default-p, html .elementor .e-form-error-message-base p.e-default-p, html .elementor .e-form-success-message-base p, html .elementor .e-form-error-message-base p{margin: 0; color: #ffffff; font-size: 1rem; line-height: 1.55; text-align: left;}
/* Len pre Elementor (nie pre prototyp): úpravy obalov theme buildera a natívneho formulára. */
/* Hlavička je fixná (.site-header), obal theme buildera nesmie mať transform ani výšku */
.admin-bar .site-header{top:32px;}
/* Slot formulára (e-div-block) a e-form majú predvolený padding – kalkulačka ho nechce */
#calc-form, #calc-form .calc-body{padding:0;}
.calc-body .calc-msg{grid-column:1/-1;}

#kontakt-form, #kontakt-form .calc-body { padding: 0; }
#firma-form, #firma-form .calc-body { padding: 0; }
#sluzba-form, #sluzba-form .calc-body { padding: 0; }

/* Právne stránky (Ochrana súkromia…): bežný obsah z WP editora v šablóne Full Width.
   Obal je Gutenberg skupina s triedami „legal-page post-prose“ → typografia článku + odsadenie pod fixnú hlavičku. */
html .legal-page { box-sizing: border-box; width: 100%; max-width: calc(860px + 2 * var(--gutter)); margin: 0 auto; padding: calc(var(--header-h) + var(--sp-9)) var(--gutter) var(--section-y); }
html .legal-page h1 { margin: 0 0 var(--sp-7); font-family: var(--font-display), system-ui, sans-serif; font-weight: 900; font-size: clamp(2.25rem, 0.8rem + 3.6vw, 4.25rem); line-height: 0.95; letter-spacing: -0.035em; text-transform: uppercase; color: var(--c-white); }
@media (max-width: 767px) { html .legal-page { padding-top: calc(var(--header-h) + var(--sp-7)); } }/* End custom CSS */