/* Vòng 5 — one scale, one glass comparison, choices stay in place. */
:root{--type-12:12px;--type-14:14px;--type-16:16px;--type-20:20px;--type-28:28px;--type-40:40px;--type-60:60px;--type-96:96px;--type-144:var(--type-96);--panel-pad:40px;--gap:12px;--space-1:8px;--space-2:12px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px}
body{font-size:var(--type-16)}
#main{overflow-anchor:none;gap:12px}.panel{padding:40px}.panel-head{margin-bottom:24px}.panel-head p:not(.eyebrow){font-size:var(--type-16);margin-top:16px}
button,a{transition:background-color .18s,color .18s,box-shadow .18s}button:active,a:active{transform:none}
small{font-size:var(--type-12)}.eyebrow{font-size:var(--type-12)}
.button,.text-link,.text-button,.chip,.code-pill,.code-pill b,.code-pill>span:last-child{font-size:var(--type-14)}
input,select,textarea{font-size:var(--type-16)}.glass-spec-card{display:grid;gap:12px}.light-bars{display:grid;gap:12px}.light-bar-row{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:var(--type-14);line-height:1.3}.light-bar-row strong{white-space:nowrap;font-weight:600}.light-bar-row small{font-size:var(--type-12);font-weight:400}.light-bar-row>i{grid-column:1/-1;height:8px;border-radius:999px;background:#cfdcec;position:relative}.light-bar-row>i:after{content:'';position:absolute;right:0;top:-3px;width:2px;height:14px;background:#506079}.light-bar-row>i>b{display:block;height:100%;min-width:2px;background:#0764ee;border-radius:inherit}.light-bar-row.outside>i>b{background:#021d4a}
.protection-chips{display:flex;gap:8px}.protection-chips>span{padding:8px 12px;background:#fff;border-radius:999px;font-size:var(--type-14);display:flex;gap:8px;align-items:center}.spec-positions,.signal-slot p{font-size:var(--type-12);line-height:1.5;margin:0;color:#425673}.signal-slot{min-height:48px}.signal-slot p{margin:0!important}
.code-page-root{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;min-width:0;grid-column:1/-1}.code-page-root>.panel{min-width:0}.code-page-copy h1{font-size:var(--type-96)}.code-glass-visual{height:320px;position:relative;margin-bottom:16px;overflow:hidden;border-radius:20px}.code-glass-visual .room-comparison{position:absolute}.code-glass-visual .room-stage{width:100%;height:100%;max-height:none}.code-house-panel{min-height:200px}.code-house-action{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.catalogue-intro h1{font-size:var(--type-60)}.catalogue-families{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.catalogue-family{padding:16px 24px;border:1px solid #dce3ec;border-radius:20px}.catalogue-family>button{border:0;padding:0;background:transparent;color:inherit;display:grid;text-align:left;gap:8px;width:100%;border-radius:0!important;min-height:112px}.catalogue-family>button strong{font:var(--type-40)/1 'Times New Roman',serif}.catalogue-family>button span{font-size:var(--type-14)}.catalogue-family>button small{font-size:var(--type-12)}.catalogue-family:has([aria-pressed=true]){outline:2px solid #0764ee;outline-offset:-2px}.catalogue-family .text-link{font-size:var(--type-12);min-height:32px}
.catalogue-state{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px}.catalogue-state h2{font-size:var(--type-28);margin-right:auto}.catalogue-state p,.catalogue-state button{font-size:var(--type-14)}.catalogue-selection-message:empty{display:none}
.code-sheet{inset:0;width:min(1184px,calc(100% - 48px));max-width:1184px;max-height:92dvh;padding:24px;background:#f4f7fc;border:0;border-radius:28px;color:#021d4a;overflow:auto;overscroll-behavior:contain}.code-sheet-heading{display:flex;align-items:center;justify-content:flex-end;margin-bottom:16px}.code-sheet-heading [data-sheet-back]{margin-right:auto}.code-sheet .sheet-close{position:static;width:48px;height:48px}.quick-code{display:grid;grid-template-columns:1fr 1fr;gap:32px}.quick-code-image{display:grid;align-items:center;border-radius:20px;overflow:hidden;background:#e8eff7}.quick-code-copy{display:grid;gap:16px;align-content:start}.quick-code-copy h2{font-size:var(--type-60);margin:0}.quick-code-copy>p{font-size:var(--type-14)}.quick-code .signal-slot{min-height:0}.quick-code-actions{display:flex;flex-wrap:wrap;gap:8px}.has-code-sheet,.has-tool-sheet{overflow:hidden;scrollbar-gutter:stable}
.app-closing,.product-final-cta{align-self:start;height:auto!important;min-height:0!important}.app-closing .panel-head{margin-bottom:24px}.app-closing .quiz-entry{margin-top:16px}.quote-preview{white-space:pre-line;overflow-wrap:anywhere;font:var(--type-14)/1.6 var(--font-body);margin:0;padding:16px;background:#ffffff18;border:1px solid #ffffff40;border-radius:20px;color:#fff}.app-closing .panel-head h2{font-size:var(--type-40)}
.family-mechanism{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.mechanism-copy>p{font-size:var(--type-16);margin:16px 0 24px}.family-mechanism .ir-tool{padding:0;background:transparent}.family-mechanism .ir-photo-scene{aspect-ratio:3/2}.family-mechanism .ir-tool>p{font-size:var(--type-12);color:#bfcee3}
@media(max-width:1100px) and (min-width:701px){.protection-chips>span{font-size:var(--type-12);padding:8px}}
@media(max-width:700px){
 :root{--type-28:26px;--type-40:38px;--type-60:38px;--type-96:52px;--panel-pad:20px}
 body{padding:0 12px 12px}#main{gap:12px;margin-top:12px}.panel{padding:24px 20px}.panel-head{margin-bottom:16px}.panel-head h2{font-size:var(--type-40)}.glass-spec-card{gap:12px}.light-bar-row{font-size:var(--type-14)}.protection-chips>span{font-size:var(--type-12);padding:8px 12px;flex:1;justify-content:center}.spec-positions,.signal-slot p{font-size:var(--type-12)}
 .catalogue-intro h1{font-size:var(--type-40)}.catalogue-families{grid-template-columns:1fr;gap:8px;margin-top:24px}.catalogue-family{padding:12px 16px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.catalogue-family>button{min-height:72px;gap:8px}.catalogue-family>button strong{font-size:var(--type-28)}.catalogue-family>button span{font-size:var(--type-12)}.catalogue-family>button small{font-size:var(--type-12)}.catalogue-family .text-link{font-size:var(--type-12);white-space:nowrap}.catalogue-state{gap:8px;margin-bottom:16px}.catalogue-state h2{font-size:var(--type-28);flex-basis:100%}.catalogue-state p,.catalogue-state button{font-size:var(--type-12)}.catalogue-state button{margin-left:auto}
 .code-sheet{width:calc(100% - 16px);max-height:94dvh;padding:16px;border-radius:24px;margin:auto}.code-sheet-heading{margin-bottom:12px}.quick-code{grid-template-columns:1fr;gap:16px}.quick-code-image{max-height:176px}.quick-code-image img{height:176px;width:100%;object-fit:contain}.quick-code-copy{gap:12px}.quick-code-copy h2{font-size:var(--type-40)}.quick-code-copy>p{font-size:var(--type-12)}.quick-code-actions{display:grid;grid-template-columns:1fr;gap:8px}.quick-code .signal-slot{min-height:0}
 .code-page-root{grid-template-columns:1fr;gap:12px}.code-page-root>.panel{grid-column:1}.code-page-copy h1{font-size:var(--type-96)}.code-page-layout{gap:16px}.code-glass-visual{height:200px}.code-house-panel{min-height:216px}.code-house-action{display:block;min-height:100px}.code-house-action p{font-size:var(--type-14);margin-bottom:16px}.code-stats dd{font-size:var(--type-28)}.code-stats dt{font-size:var(--type-12)}
 .home-hero{min-height:600px}.hero-glass h1{font-size:var(--type-96)}.app-closing .panel-head h2{font-size:var(--type-28)}.app-closing{padding:24px 20px!important}.quote-preview{font-size:var(--type-12);padding:16px}.benefit-tiles{gap:12px}.info-photo h3{font-size:var(--type-20)}.info-photo p{font-size:var(--type-14)}.info-photo .photo-tile{aspect-ratio:3/2}.info-photo.tile{padding:12px}.benefits-section,.app-benefits{padding:24px 20px}.v4-application .app-process,.v4-application .app-care,.v4-application .app-faq{padding:24px 20px}.v4-application .app-timeline h3{font-size:var(--type-20)}.v4-application .app-timeline p,.v4-application .app-care-grid p{font-size:var(--type-14)}.app-faq-layout{gap:16px}.app-faq-layout h3{font-size:var(--type-20)}
 .family-mechanism{grid-template-columns:1fr;gap:24px}.mechanism-copy>p{margin:12px 0 16px}.family-mechanism .ir-photo-scene{max-height:220px}
}
.protection-chips>span,.spec-positions,.signal-slot p{font-size:var(--type-14)}.signal-slot{min-height:48px}.spec-positions,.signal-slot p{line-height:1.4}
.catalogue-family>button small,.catalogue-family .text-link{font-size:var(--type-14)}
@media(max-width:700px){
 .protection-chips>span,.spec-positions,.signal-slot p{font-size:var(--type-14)}
 .catalogue-family>button span,.catalogue-family>button small,.catalogue-family .text-link,.catalogue-state p,.catalogue-state button{font-size:var(--type-14)}
 .app-guide{border:0}.app-guide>summary{list-style:none;cursor:pointer;position:relative;padding-right:32px}.app-guide>summary:after{content:'+';position:absolute;right:0;top:16px;font-size:var(--type-28)}.app-guide[open]>summary:after{content:'−'}.app-guide>summary h2{font-size:var(--type-28)}.app-guide>summary .eyebrow{margin-bottom:8px}.app-guide[open]>div{margin-top:16px}
}
.quote-preview{background:#0057d8;border-color:#ffffff40}
@media(max-width:700px){
 .home-families .family-tile{padding:16px;gap:16px}.home-families .family-tile h3{font-size:var(--type-28);margin:0 0 8px}.home-families .family-meta{font-size:var(--type-14)}.home-families .family-tile-bottom{padding-top:12px}.home-families .family-tile-bottom span{font-size:var(--type-14);margin-bottom:8px}
 .titan-spotlight .titan-photo{height:200px;aspect-ratio:auto}.titan-spotlight{gap:16px}
}
html,body{overflow-anchor:none}
@media(max-width:700px){
 .quote-preview{font-size:var(--type-14)}
 .code-stats dt,.code-stats small{font-size:var(--type-14)}
 .home-service-art{max-height:200px}.home-service .panel-head h2{font-size:var(--type-28)}
}
.quote-anchor{display:block;height:0;scroll-margin-top:100px}
@media(max-width:700px){.home-hero .proof-chips>span:not(:first-child){display:none}.home-hero .proof-chips{overflow:visible}}
.code-sheet .sheet-close{color:#021d4a}
@media(max-width:360px){.price-tab-panel{padding:0 16px!important}.light-bar-row{font-size:var(--type-14)}.light-bar-row strong small{display:inline;font-size:var(--type-12)}
}