:root{--v-green:#007b73;--v-green-dark:#005a56;--v-mint:#dff4f0;--v-navy:#071f49;--v-red:#a8103f;--v-line:#dbe5ef}
.vaillant-page{background:#f5f8fb;color:#122642}.vaillant-page .site-header{background:rgba(255,255,255,.96)}
.vaillant-page .boiler-brand::before{width:92px;height:28px;border-radius:0;background:url("assets/brands/vaillant-logo.png") center/contain no-repeat;box-shadow:none}
.vaillant-logo-lockup{display:inline-flex;align-items:center;background:#fff;border-radius:13px;padding:9px 14px;margin:14px 0 4px;box-shadow:0 12px 28px rgba(0,40,38,.18)}.vaillant-logo-lockup img{display:block;width:190px;height:auto}
.vaillant-hero{position:relative;overflow:hidden;background:linear-gradient(118deg,#073a3d 0%,#087870 52%,#77cbbf 100%);color:#fff}.vaillant-hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-150px;top:-245px;box-shadow:0 0 0 70px rgba(255,255,255,.045),0 0 0 155px rgba(255,255,255,.025)}
.vaillant-hero-grid{position:relative;z-index:1;min-height:470px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:45px;padding-top:58px;padding-bottom:58px}.vaillant-hero .breadcrumb{color:#d3f3ee}.vaillant-hero .breadcrumb a{color:#fff}.vaillant-hero .eyebrow{color:#aeece2}.vaillant-hero h1{font-size:clamp(3rem,6vw,5.4rem);letter-spacing:-3px;margin:13px 0 14px}.vaillant-hero-copy>p{max-width:700px;font-size:1.08rem;line-height:1.72;color:#e8fffb}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.vaillant-hero .btn-primary{background:#fff;color:#075d59;border-color:#fff}.vaillant-hero .btn-secondary{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.5)}
.vaillant-hero-products{position:relative;min-height:360px}.hero-product-ring{position:absolute;border:1px solid rgba(255,255,255,.35);border-radius:50%}.hero-ring-one{width:310px;height:310px;right:65px;top:14px}.hero-ring-two{width:220px;height:220px;right:-15px;bottom:-20px}.vaillant-hero-products img{position:absolute;object-fit:cover;object-position:center;border-radius:26px;box-shadow:0 28px 55px rgba(0,35,33,.34)}.hero-boiler-wall{width:205px;height:225px;left:30px;top:22px}.hero-boiler-floor{width:205px;height:285px;right:23px;bottom:0}.flue-hero .hero-boiler-wall{width:235px;height:220px}.flue-hero .hero-boiler-floor{width:220px;height:230px}
.fuel-section{padding:64px 0 34px}.section-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-heading-row h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-1.4px;margin:9px 0}.section-heading-row p{max-width:780px;color:#64758c;line-height:1.62;margin:0}.guide-open{border:1px solid #b9d5d0;background:#fff;color:var(--v-green-dark);border-radius:14px;padding:14px 17px;font-weight:800;cursor:pointer;white-space:nowrap}.guide-open:hover{background:var(--v-mint)}
.fuel-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.fuel-card{position:relative;min-height:176px;text-align:left;border:1px solid #d7e2eb;background:#fff;border-radius:21px;padding:19px;display:flex;flex-direction:column;gap:7px;color:#19324f;cursor:pointer;transition:.2s}.fuel-card:hover{transform:translateY(-3px);border-color:#7ec0b8;box-shadow:0 15px 34px rgba(16,63,72,.09)}.fuel-card.active{background:linear-gradient(145deg,#f7fffd,#def3ef);border:2px solid #17897f}.fuel-card.pending{opacity:.72}.fuel-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#e8f6f3;color:#08746c;font-size:1.35rem;margin-bottom:7px}.fuel-card b{font-size:1.05rem}.fuel-card small{color:#64768e;line-height:1.4}.fuel-card em{margin-top:auto;color:#08746c;font-size:.75rem;font-style:normal;font-weight:800}
.boiler-finder-section{padding:25px 0 74px}.boiler-finder-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:22px;align-items:start}.boiler-filter-card{position:sticky;top:95px;background:#fff;border:1px solid var(--v-line);border-radius:22px;padding:20px;box-shadow:0 14px 36px rgba(16,45,71,.06)}.filter-card-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding-bottom:14px;border-bottom:1px solid #e7edf3}.filter-card-head h2{font-size:1.45rem;margin:6px 0 0}.filter-card-head button{border:0;background:none;color:#08746c;font-weight:800;cursor:pointer}.vaillant-field{display:flex;flex-direction:column;gap:7px;margin-top:17px}.vaillant-field>span:first-child{font-size:.78rem;font-weight:800;color:#52667e}.vaillant-field select,.vaillant-field input{width:100%;min-height:47px;border:1px solid #cbd8e5;border-radius:12px;background:#fff;color:#203b58;padding:0 12px;font:inherit;outline:none}.vaillant-field select:focus,.vaillant-field input:focus{border-color:#2a9a90;box-shadow:0 0 0 4px rgba(42,154,144,.1)}.power-input{position:relative}.power-input input{padding-right:50px}.power-input i{position:absolute;right:13px;top:14px;font-style:normal;color:#6c7c91;font-weight:800}.filter-help{margin-top:19px;border-radius:14px;background:#eff8f6;padding:14px}.filter-help b{font-size:.86rem}.filter-help p{font-size:.78rem;line-height:1.5;color:#65758b;margin:6px 0}.filter-help a{font-size:.76rem;font-weight:800;color:#08746c}
.result-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.result-heading h2{font-size:2rem;margin:8px 0 4px}.result-heading p{color:#6c7e93;margin:0}.source-chip{background:#e9f6f3;border:1px solid #cce9e4;color:#087168;border-radius:999px;padding:8px 11px;font-size:.74rem;font-weight:800;white-space:nowrap}.selection-note{background:#fff9e9;border:1px solid #f0dfae;border-radius:14px;padding:13px 15px;color:#6f6040;font-size:.82rem;line-height:1.55;margin-bottom:14px}.boiler-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.boiler-card{display:grid;grid-template-columns:120px 1fr;gap:17px;background:#fff;border:1px solid var(--v-line);border-radius:21px;padding:17px;min-width:0;box-shadow:0 10px 27px rgba(17,50,76,.045)}.boiler-card.recommended{border:2px solid #269c90;background:linear-gradient(145deg,#fff,#f1fbf9)}.boiler-image{height:168px;border-radius:15px;overflow:hidden;background:#dceeea;display:grid;place-items:center}.boiler-image img{width:100%;height:100%;object-fit:cover}.boiler-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.boiler-brand{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#078076;font-weight:900}.boiler-card h3{font-size:1.03rem;line-height:1.35;margin:4px 0 0}.recommend-badge{background:#087b72;color:#fff;border-radius:8px;padding:5px 7px;font-size:.61rem;font-weight:900;white-space:nowrap}.boiler-specs{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.boiler-specs span{background:#f0f5f8;border:1px solid #e0e8ee;border-radius:8px;padding:6px 7px;font-size:.69rem;color:#476077}.boiler-note{font-size:.76rem;line-height:1.5;color:#69798d;margin:0 0 11px}.code-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:11px}.code-pill{display:flex;flex-direction:column;border:1px solid #d8e3ea;background:#fff;border-radius:9px;padding:6px 8px}.code-pill small{font-size:.56rem;text-transform:uppercase;color:#7d8b9b;letter-spacing:.04em}.code-pill b{font-size:.75rem}.code-pill.veto{background:#edf8f5;border-color:#cce9e2;color:#087168}.code-unverified{font-size:.65rem;color:#8a98a8;align-self:center}.boiler-actions{display:flex;flex-wrap:wrap;gap:7px}.boiler-actions a,.boiler-actions button{border:1px solid #a9cfc9;background:#fff;color:#087168;border-radius:10px;padding:8px 10px;font-size:.7rem;font-weight:800;cursor:pointer}.boiler-actions a.primary-action{background:#087b72;color:#fff;border-color:#087b72}.boiler-empty{grid-column:1/-1;background:#fff;border:1px solid var(--v-line);border-radius:20px;padding:45px;text-align:center}.boiler-empty h3{margin:0 0 8px}.boiler-empty p{color:#6a7a8d;margin:0 auto;max-width:580px}
.boiler-explainer{padding:70px 0;background:#fff}.explain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.explain-grid article{border:1px solid var(--v-line);border-radius:19px;padding:19px;background:#f9fbfc}.explain-grid article>span{width:47px;height:37px;display:grid;place-items:center;background:#dff3f0;color:#087168;border-radius:10px;font-weight:900}.explain-grid h3{font-size:1.08rem;margin:14px 0 7px}.explain-grid p{font-size:.83rem;line-height:1.55;color:#65758a;margin:0}
.control-section{padding:70px 0}.control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.control-card{background:#fff;border:1px solid var(--v-line);border-radius:18px;padding:18px}.control-card h3{font-size:1rem;margin:5px 0 8px}.control-card p{color:#6b7b8d;font-size:.78rem;line-height:1.5;min-height:38px}.control-card .code-row{margin:13px 0 0}
.next-system-section{padding:0 0 75px}.next-system-card{background:linear-gradient(135deg,#072c38,#08766e);color:#fff;border-radius:26px;padding:30px;display:grid;grid-template-columns:.72fr 1.28fr;gap:30px;align-items:center}.next-system-card h2{font-size:2.2rem;margin:9px 0}.next-system-card p{color:#d8f2ee;line-height:1.6}.next-system-card .eyebrow{color:#a7e6dd}.next-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.next-link-grid a{position:relative;display:flex;flex-direction:column;min-height:145px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:15px;color:#fff}.next-link-grid span{font-size:.67rem;color:#a9e5dd}.next-link-grid b{font-size:.94rem;margin:15px 0 6px}.next-link-grid small{color:#d1e8e5;line-height:1.4}.next-link-grid em{position:absolute;right:13px;bottom:11px;font-style:normal}
.vaillant-modal{position:fixed;z-index:300;inset:0;background:rgba(2,23,34,.67);display:none;align-items:center;justify-content:center;padding:18px}.vaillant-modal.open{display:flex}.vaillant-modal-card{position:relative;width:min(660px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:24px;padding:27px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.vaillant-modal-card h2{font-size:1.8rem;margin:9px 0}.modal-x{position:absolute;right:12px;top:11px;border:0;background:#eaf4f2;color:#076f67;width:38px;height:38px;border-radius:50%;font-size:1.45rem;cursor:pointer}.guide-progress{height:6px;background:#e8eeee;border-radius:999px;margin:17px 0 23px;overflow:hidden}.guide-progress span{display:block;height:100%;width:25%;background:#0b857a;transition:.2s}.guide-question h3{font-size:1.25rem;margin:0 0 14px}.guide-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.guide-options button{border:1px solid #cbdedb;background:#f8fcfb;color:#1c4d50;border-radius:14px;padding:14px;text-align:left;font-weight:800;cursor:pointer}.guide-options button:hover{background:#e6f5f2;border-color:#69b3aa}.guide-result{background:#eef8f6;border:1px solid #cfe9e4;border-radius:16px;padding:17px}.guide-result h3{margin:0 0 8px}.guide-result p{color:#5b7180;line-height:1.55}.guide-result-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}

/* Dimovodni sistemi */
.flue-category-bar{padding:42px 0 18px}.route-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.route-card{border:1px solid var(--v-line);background:#fff;border-radius:17px;padding:15px;min-height:125px;text-align:left;display:flex;flex-direction:column;gap:8px;color:#1e3956;cursor:pointer}.route-card.active{background:#e8f6f3;border:2px solid #218f85}.route-card span{font-size:1.5rem}.route-card b{font-size:.88rem}.route-card small{font-size:.7rem;line-height:1.38;color:#6d7c8f}.flue-layout{display:grid;grid-template-columns:320px 1fr;gap:22px;align-items:start;padding-top:18px;padding-bottom:70px}.flue-selection{position:sticky;top:95px;background:#fff;border:1px solid var(--v-line);border-radius:21px;padding:19px}.flue-selection h2{font-size:1.4rem;margin:7px 0 4px}.flue-selection>p{font-size:.8rem;color:#68788c;line-height:1.5}.flue-results{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.flue-card{background:#fff;border:1px solid var(--v-line);border-radius:18px;padding:17px}.flue-card-top{display:flex;justify-content:space-between;gap:10px}.flue-card h3{font-size:.96rem;line-height:1.42;margin:5px 0 0}.diameter-badge{background:#dff3ef;color:#087168;border-radius:9px;padding:6px 8px;font-size:.67rem;font-weight:900;height:max-content;white-space:nowrap}.flue-tags{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.flue-tags span{background:#f1f5f8;color:#5b6f83;border-radius:7px;padding:5px 7px;font-size:.65rem}.flue-card p{color:#6c7b8b;font-size:.75rem;line-height:1.48}.compat-warning{background:#fff7e3;border:1px solid #ead9a8;border-radius:14px;padding:13px 14px;font-size:.78rem;line-height:1.5;color:#6c5a33;margin-bottom:14px}.veto-confirmed{display:inline-flex;gap:7px;align-items:center;background:#e9f7f3;color:#087168;border-radius:9px;padding:7px 9px;font-size:.7rem;font-weight:850}.flue-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0 0}.flue-flow div{position:relative;background:#fff;border:1px solid var(--v-line);border-radius:15px;padding:15px;min-height:105px}.flue-flow div:not(:last-child):after{content:'→';position:absolute;right:-10px;top:43%;z-index:2;color:#17877e;font-weight:900}.flue-flow span{display:block;color:#087168;font-size:.69rem;font-weight:900}.flue-flow b{display:block;margin:9px 0 4px}.flue-flow small{color:#6b7b8f;line-height:1.35}

@media(max-width:1100px){.fuel-grid{grid-template-columns:repeat(3,1fr)}.boiler-results{grid-template-columns:1fr}.explain-grid{grid-template-columns:repeat(2,1fr)}.route-grid{grid-template-columns:repeat(3,1fr)}.flue-results{grid-template-columns:1fr}}
@media(max-width:850px){.vaillant-hero-grid{grid-template-columns:1fr;min-height:0}.vaillant-hero-products{display:none}.section-heading-row{align-items:flex-start;flex-direction:column}.guide-open{white-space:normal}.boiler-finder-layout,.flue-layout{grid-template-columns:1fr}.boiler-filter-card,.flue-selection{position:static}.next-system-card{grid-template-columns:1fr}.control-grid{grid-template-columns:1fr 1fr}.flue-flow{grid-template-columns:1fr 1fr}.flue-flow div:after{display:none}}
@media(max-width:600px){.vaillant-hero-grid{padding-top:38px;padding-bottom:43px}.vaillant-hero h1{letter-spacing:-1.7px}.vaillant-logo-lockup img{width:155px}.fuel-grid{grid-template-columns:1fr 1fr}.fuel-card{min-height:156px;padding:15px}.boiler-card{grid-template-columns:92px 1fr;padding:13px;gap:12px}.boiler-image{height:135px}.source-chip{display:none}.explain-grid,.control-grid,.next-link-grid,.route-grid,.flue-flow{grid-template-columns:1fr}.guide-options{grid-template-columns:1fr}.next-system-card{padding:22px}.route-card{min-height:105px}.result-heading{align-items:flex-start}.boiler-card-top{display:block}.recommend-badge{display:inline-block;margin-top:6px}.flue-category-bar{padding-top:28px}}
@media(max-width:390px){.fuel-grid{grid-template-columns:1fr}.boiler-card{grid-template-columns:1fr}.boiler-image{height:190px}}

.boiler-accessory-section{padding:63px 0;background:#f5f9fb;border-top:1px solid #dce7ee;border-bottom:1px solid #dce7ee}.boiler-accessory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.boiler-accessory-card{display:flex;flex-direction:column;min-height:205px;padding:18px;border:1px solid #dbe6ec;border-radius:18px;background:#fff}.boiler-accessory-card.full{grid-column:1/-1;min-height:0}.accessory-level{align-self:flex-start;border-radius:999px;padding:5px 8px;font-size:.61rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.accessory-level.required{background:#fff1e8;color:#9b4815}.accessory-level.recommended{background:#e9f6f3;color:#08756b}.boiler-accessory-card h3{font-size:1rem;line-height:1.35;margin:11px 0 7px}.boiler-accessory-card p{margin:0 0 13px;color:#6c7d8e;font-size:.76rem;line-height:1.52}.boiler-accessory-card>a{margin-top:auto;color:#087b72;font-size:.72rem;font-weight:850}.accessory-code{display:flex;flex-direction:column;align-self:flex-start;margin-top:auto;border:1px solid #d6e2e7;border-radius:9px;background:#f7fafb;padding:6px 8px}.accessory-code small{font-size:.54rem;text-transform:uppercase;color:#7c8995}.accessory-code b{font-size:.75rem;color:#254c64}
@media(max-width:900px){.boiler-accessory-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.boiler-accessory-grid{grid-template-columns:1fr}}