/* NAVORUM / configurator 03 — calibrated surfaces and authored GLB previews. */
:root{--control-surface:#101d37;--control-line:#b8ceff55;--control-focus:#bfd0ff;--control-radius:11px}
.ambient-field canvas{opacity:1}.glb-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:35;pointer-events:none}.site-header{z-index:40}.glb-view{position:relative;overflow:hidden}.sculpture.glb-view{position:absolute;overflow:visible}.scene-fallback{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.scene-fallback img{width:90px;height:90px;opacity:.5}.scene-fallback svg{width:90px;height:90px;stroke:#a3c1ff;stroke-width:.8;fill:none}.glb-view.is-ready .scene-fallback{visibility:hidden}.composition{height:270px;background:linear-gradient(145deg,#11243e,#16315c 55%,#09204d);overflow:hidden}.composition #composition-view{height:228px;width:100%}.composition-caption{height:42px}.composition-caption span{position:relative;z-index:36}.composition.is-empty #composition-view:after{content:'Vyberte služby pre váš projekt.';position:absolute;inset:0;display:grid;place-items:center;font-size:14px;color:#c7d8f4}
.service-preview{position:fixed;z-index:34;width:264px;height:286px;border:1px solid #8fabd966;border-radius:14px;background:linear-gradient(145deg,#14284c,#0a1a36);box-shadow:0 22px 64px #0008;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(8px) scale(.97);transition:opacity 180ms var(--ease),transform 220ms var(--ease),visibility 180ms}.service-preview.is-open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}#hover-view{height:212px;width:100%}.preview-copy{position:relative;z-index:36;padding:0 18px 18px}.preview-copy strong{display:block;font-size:17px;font-weight:400;letter-spacing:-.02em}.preview-copy span{display:block;margin-top:6px;color:#bdcdec;font-size:12px}
.calculator-shell{padding:8px 0 42px;position:relative}.calculator-layout{grid-template-columns:minmax(0,1fr) minmax(360px,.56fr);gap:clamp(40px,5vw,80px)}.service-list{border:1px solid #a7c3ff40;border-radius:14px;overflow:hidden;background:#07122980}.service-option{padding:24px 20px;border-color:#a7c3ff30;background:transparent;min-height:106px;gap:18px}.service-option:first-child{border-top:0}.service-option:last-child{border-bottom:0}.service-option>span{position:relative;z-index:1}.service-option:has(:checked){background:#1a41a23b}.service-option>input{appearance:none;-webkit-appearance:none;width:22px;height:22px;border:1px solid #96b5ef80;border-radius:6px;background:#0a1730;position:relative;transition:background 160ms,border-color 160ms}.service-option>input:checked{background:#e5eeff;border-color:#e5eeff}.service-option>input:checked:after{content:'';position:absolute;left:7px;top:3px;width:5px;height:10px;border:solid #17388c;border-width:0 2px 2px 0;transform:rotate(45deg)}.service-option strong{font-size:23px}.service-option small{font-size:13px;line-height:1.65;max-width:44ch}.service-option svg{width:32px;height:32px;stroke:#a9c2f4;stroke-width:1.1}.service-option:has(:checked) svg{stroke:#edf4ff;transform:none}.section-heading{margin-bottom:18px;gap:20px}.step{width:31px;height:31px;border:1px solid #a2beee50;border-radius:50%;display:grid;place-items:center;font-size:12px;align-self:center}.helper{margin-bottom:28px;max-width:55ch;line-height:1.8}.scope-section{padding-top:48px}.block-title h3{font-size:26px;font-weight:300}.block-title>span{font-size:15px;white-space:nowrap}.technical-detail{border-top:1px solid #88a9e333;border-bottom:1px solid #88a9e333;padding:4px 0;margin:0 0 28px}.technical-detail>summary{cursor:pointer;font-size:13px;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#c2d5fa;list-style:none}.technical-detail>summary::-webkit-details-marker{display:none}.technical-detail>summary:after{content:'+';font-size:20px;font-weight:300}.technical-detail[open]>summary:after{content:'−'}.technical-detail dl{margin:16px 0 22px;display:grid;gap:22px}.technical-detail dl>div{display:grid;grid-template-columns:160px minmax(0,1fr);gap:18px}.technical-detail dt{font-size:13px;color:#f0f5ff}.technical-detail dd{margin:0;font-size:13px;color:#b7c9e9;line-height:1.8}.choice-grid{gap:10px}.choice-grid label{min-height:56px;padding:15px;border:1px solid var(--control-line);border-radius:var(--control-radius);background:#0e1b3480;gap:12px;transition:background 160ms,border-color 160ms,transform 160ms var(--ease)}.choice-grid label:has(:checked){border-color:#c0d4ff;background:#2d4c8a44}.choice-grid input,.motion-choices input{accent-color:#91afff;width:16px;height:16px;flex:none}.choice-grid span{font-size:14px}.select-field{font-size:14px;margin:28px 0;line-height:1.6}.select-field select{appearance:none;-webkit-appearance:none;display:block;height:auto;min-height:58px;width:100%;border:1px solid var(--control-line);border-radius:var(--control-radius);padding:16px 48px 16px 17px;line-height:1.5;background-color:var(--control-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='m2 3 5 5 5-5' fill='none' stroke='%23bfd0ff' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 19px center;color:#f0f5ff;font-size:14px;box-shadow:inset 0 1px 0 #e2ebff0c;transition:border-color 160ms,background-color 160ms}.select-field select:focus-visible{outline:2px solid var(--control-focus);outline-offset:3px;border-color:var(--control-focus)}.field-pair{gap:20px}.motion-choices{border:1px solid var(--control-line);border-radius:14px;overflow:hidden}.motion-choices label{padding:22px 18px;gap:3px 14px;grid-template-columns:16px minmax(0,1fr);background:#0a173280;border-color:#88a9e333}.motion-choices label:last-child{border-bottom:0}.motion-choices input{margin-top:5px}.motion-choices strong{font-size:17px;letter-spacing:-.015em}.motion-choices small{font-size:13px;line-height:1.8;max-width:55ch;color:#b9cbea}.motion-choices em{margin-top:12px;color:#ccdcff;font-size:13px}.motion-choices label:has(:checked){background:#244b974a}.check-list label{padding:17px 0;line-height:1.6}.check-list small{line-height:1.8}.field-note{line-height:1.9;color:#bacbeb;margin-top:20px}.included summary{color:#c9dcff;min-height:48px}.summary-content{padding:27px 28px 29px}.summary-top h2{font-size:23px}.summary-top button{border-radius:4px}.summary-content .investment>output{letter-spacing:-.035em;font-size:clamp(32px,2.9vw,42px)}.monthly{padding-top:20px;border-top:1px solid #20427125}.tax-note{font-size:12px}.breakdown{padding:0;margin-top:22px}.breakdown>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:57px;font-size:14px;cursor:pointer}.breakdown>summary::-webkit-details-marker{display:none}.breakdown>summary>span{font-size:12px;color:#4c5e7c}.breakdown>summary>span:after{content:' +';font-size:18px}.breakdown[open]>summary>span:after{content:' −'}.breakdown #line-items{padding:0 0 20px}.year{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.year output{font-size:20px;white-space:nowrap}.year small{font-size:12px;max-width:19ch}.estimate-note{font-size:12px;line-height:1.9}.summary-footnote{font-size:12px;line-height:1.8}.primary-button{position:relative;isolation:isolate;overflow:hidden;min-height:58px!important;padding:17px 20px;border-radius:9px!important;background:#143dc9;color:#f5f8ff;font-size:14px;box-shadow:inset 0 1px 0 #fff4;transition:transform 150ms var(--ease),background 180ms}.primary-button:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,transparent 20%,#e6efff27 48%,transparent 75%);transform:translateX(-110%);transition:transform 450ms var(--ease)}.primary-button>span{width:27px;height:27px;display:grid;place-items:center;border-left:1px solid #eff5ff55;padding-left:12px;transition:transform 180ms var(--ease)}.secondary-button{border-radius:9px;min-height:54px;border-color:var(--control-line);background:#0d1e3a;transition:background 160ms,transform 150ms var(--ease)}.preset-list button{padding:13px 21px;border-color:#c0d4ff55;background:#08142a70}.preset-list button[aria-pressed=true]{background:#e2ecff;box-shadow:inset 0 1px 0 #fff;color:#0c1c39}.brief textarea{background:#08162f;border-color:var(--control-line);border-radius:11px;padding:22px;line-height:1.9}.mobile-budget{z-index:60}
@media(hover:hover) and (pointer:fine){.service-option:hover{background:#22498c4d}.service-option:hover svg{transform:scale(1.08);stroke:white}.choice-grid label:hover{border-color:#c0d4ff90;background:#1e3453}.select-field select:hover{border-color:#c0d4ff90;background-color:#142744}.primary-button:hover{background:#214fe0;transform:translateY(-1px)}.primary-button:hover:before{transform:translateX(110%)}.primary-button:hover>span{transform:translateX(2px)}.secondary-button:hover{background:#1b365f}.primary-button:active,.secondary-button:active{transform:translateY(1px) scale(.985)}}
@media(max-width:1100px) and (min-width:761px){.calculator-layout{grid-template-columns:minmax(0,1fr) 340px;gap:32px}.summary-content{padding:25px 22px}.year{flex-direction:column;align-items:flex-start}.technical-detail dl>div{grid-template-columns:1fr;gap:6px}.field-pair{grid-template-columns:1fr;gap:0}}
@media(max-width:760px){.sculpture.glb-view{position:relative;min-height:280px;margin:-3px -22px 0}.calculator-shell{padding-top:0}.calculator-layout{grid-template-columns:1fr;gap:32px}.section-heading{gap:12px}.section-heading h2{font-size:29px}.service-option{min-height:111px;padding:20px 14px;gap:13px}.service-option strong{font-size:20px}.service-option small{font-size:13px}.service-option svg{width:28px;height:28px}.service-option>input{width:21px;height:21px}.service-preview{display:none!important}.technical-detail dl>div{grid-template-columns:1fr;gap:7px}.technical-detail dl{gap:20px}.technical-detail>summary{font-size:13px}.select-field select{font-size:16px;min-height:58px;padding-right:40px;padding-left:14px}.field-pair{grid-template-columns:1fr;gap:0}.field-pair .select-field:first-child{margin-bottom:0}.motion-choices label{padding:20px 14px}.motion-choices strong{font-size:16px}.scope-section{padding-top:36px}.block-title h3{font-size:24px}.block-title>span{font-size:13px}.composition{height:250px}.composition #composition-view{height:208px}.summary-content{padding:28px 22px}.summary-content .investment>output{font-size:38px}.year{flex-direction:column;align-items:flex-start}.year small{max-width:none}.year output{font-size:24px}.primary-button{font-size:14px}.intro-bottom{position:relative;z-index:36}.preview-copy{display:none}}
@media(max-width:370px){.service-option strong{font-size:18px}.service-option small{font-size:12px}.section-heading h2{font-size:25px}.step{width:27px;height:27px}.summary-content .investment>output{font-size:31px}.block-title{flex-wrap:wrap}.block-title>span{max-width:none}.select-field select{font-size:16px}}
@media(prefers-reduced-motion:reduce){.service-preview,.primary-button:before{transition:none}.service-preview{transform:none}}
@media print{.glb-canvas,.service-preview{display:none!important}}

#hover-view{height:190px}.service-preview{box-shadow:0 15px 32px #0005}.preview-copy{padding:0 18px 15px}

.service-preview,.service-preview.is-open{transform:none;transition:opacity 180ms var(--ease),visibility 180ms}