/* DOVA mobile composition: one content grid and contextual next action. */
.quote-summary{display:none}
.house-space-picker>summary{display:none}
@media(min-width:900px){.chat-film-details>summary{display:none}}
@media(max-width:699px){
 .panel:not(.config-tool):not(.home-hero){padding:24px 16px}
 .home-hero{min-height:0;padding:72px 16px 16px}
 .home-hero .hero-glass{padding:20px}
 .home-hero .hero-glass h1{font-size:clamp(36px,10vw,44px);margin:12px 0 16px}
 .home-hero .hero-facts{margin-bottom:16px}
 .titan-spotlight .titan-photo{min-height:0;height:auto;min-width:0;width:100%;aspect-ratio:16/7}
 .titan-spotlight .code-pills,.home-families .family-tile .code-pills{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .titan-spotlight .code-pill,.home-families .family-tile .code-pill{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:12px auto auto;align-content:center;justify-items:center;height:auto;min-height:64px;padding:6px 4px;gap:2px;font-size:var(--type-12)}
 :is(.titan-spotlight,.home-families .family-tile) .code-pill :is(b,span:last-child){font-size:var(--type-12);line-height:1.3}
 :is(.titan-spotlight,.home-families .family-tile) .code-pill .swatch{width:12px;height:12px;min-width:12px;border-width:1px}
 .home-families .family-tile{padding:16px;gap:12px}
 .home-families .family-tile h3{font-size:var(--type-28)}
 .family-hero{gap:16px}
 .family-hero h1{font-size:var(--type-60)}
 .family-hero h2{font-size:var(--type-28)}
 .family-hero .family-hero-tech{margin:8px 0}
 .family-campaign-photo{aspect-ratio:16/8;max-height:200px}
 .config-tool.panel,.price-tab-panel>.config-tool.panel{padding:20px 16px;border-radius:24px}
 .config-tool .tool-controls{padding:0;border:0;border-radius:0;background:transparent;gap:16px}
 .tool-result{--tool-preview-height:clamp(156px,26svh,216px);--tool-compact-height:clamp(112px,18svh,136px)}
 .car-tool:not(.is-tool-3d) .tool-result{position:static;height:auto}
 .car-tool:not(.is-tool-3d) .tool-result{--tool-preview-height:clamp(192px,26svh,216px)}
 .car-tool:not(.is-tool-3d) .tool-result .tool-visual{height:var(--tool-preview-height)}
 .benefits-section .panel-head h2{font-size:var(--type-28)}
 .car-tool .position-choices,.car-tool .position-choices[data-position-count="5"]{height:auto;gap:0;grid-template-rows:none;grid-auto-rows:auto}
 .car-tool .position-choice{padding:8px 4px;min-height:64px;border-radius:12px;gap:4px 6px}
 .car-tool .pane-options{grid-column:1/-1}
 .pane-code-pills .code-pill{flex:1 1 112px;min-height:44px;height:auto;justify-content:center}
 .pane-family-pills button{min-height:44px;flex:1}
 .car-tool button.car-family-card{padding:8px;gap:4px;min-height:56px;border-radius:12px}
 .family-card-head>b{font-family:var(--font-body);font-size:var(--type-14);font-weight:600;line-height:1.4}
 .family-card-price{font-weight:400}
 .auto-viewer .room-labels,.room-viewer .room-labels{inset:auto 8px 8px;padding:0;border:0;border-radius:0;background:transparent;backdrop-filter:none}
 .auto-viewer .room-labels i,.room-viewer .room-labels i{display:none}
 .mobile-tool-summary .price-detail-trigger>[data-summary-price]{font-size:var(--type-20);line-height:1.2;letter-spacing:0}
 .mobile-tool-summary .summary-upgrade-compact{font-weight:400}
 .house-tool .tool-controls{height:auto!important;min-height:0;gap:16px}
 .house-tool .house-step-area{min-height:0}
 .house-tool .house-codes{min-height:0}
 .house-space-picker>summary{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 0;list-style:none;cursor:pointer;border-bottom:1px solid var(--line);font-size:var(--type-14)}
 .house-space-picker>summary::-webkit-details-marker{display:none}
 .house-space-picker>summary>b{margin-left:auto;font-weight:600}
 .house-space-picker>summary .icon{width:16px;height:16px}
 .house-space-picker .space-choices{padding-top:12px}
 .house-tool button.house-code{font-size:var(--type-14);min-height:44px;padding:8px}
 .house-tool .house-area label,.house-tool .d5-toggle{font-size:var(--type-14)}
 .mobile-tool-summary [data-price-qualifier]{max-width:100%;overflow-wrap:anywhere;white-space:normal}
 .mobile-tool-summary .summary-house-action{padding-inline:12px}
 .quote-section>.quote-film,.quote-section>[data-quote-ticket]{display:none}
 .quote-section.contact-section{gap:16px;align-items:stretch}
 .quote-section-copy{min-width:0}
 .quote-section-copy h2{font-size:var(--type-28);line-height:1.1;margin-bottom:12px}
 .quote-section-copy>p:not(.eyebrow){font-size:var(--type-16);color:var(--muted)}
 .quote-section .quote-summary{display:grid;width:100%;gap:12px}
 .quote-summary p{margin:0;font-size:var(--type-14);line-height:1.5}
 .quote-summary-scope{color:var(--muted)}
 .quote-summary-price{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:12px}
 .quote-summary-price>span{font-size:var(--type-12);color:var(--muted)}
 .quote-summary-price>strong{font:400 var(--type-28)/1.2 var(--font-display);white-space:nowrap}
 .quote-summary>.button{min-height:48px}
 .price-table-scroll{overflow:visible}
 .mobile-comparison{display:block;width:100%;min-width:0!important;font-size:var(--type-14);font-variant-numeric:tabular-nums}
 .mobile-comparison caption{display:block;width:100%;margin-bottom:12px}
 .mobile-comparison :is(thead,tbody){display:block}
 .mobile-comparison tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 10px;border-bottom:1px solid var(--line)}
 .mobile-comparison tr>:is(th,td){width:auto!important;border:0;padding:10px 0;min-width:0;white-space:normal}
 .mobile-comparison tr>th:first-child{grid-column:1/-1;text-align:left;font-size:var(--type-14);padding:12px 0 4px;font-weight:600}
 .mobile-comparison td{font-size:var(--type-14);line-height:1.5}
 .mobile-comparison td[colspan="3"]{grid-column:1/-1}
 .mobile-comparison thead th:not(:first-child){font-size:var(--type-14)}
 .family-benchmark .is-current{box-shadow:none}
 .mobile-comparison thead .is-titan{padding-inline:6px;border-radius:8px}
 .mobile-comparison tbody .is-current{font-weight:600;color:var(--blue)}
 .mobile-comparison a{font-size:var(--type-12)}
 .is-preview-compact .tool-controls{--tool-focus-top:152px}
 .tool-header-visible .is-preview-compact .tool-controls{--tool-focus-top:220px}
}
@media(max-width:699px) and (max-height:540px){
 .config-tool .tool-result{position:static;height:auto}
 .config-tool .tool-result .tool-visual{height:220px}
 .config-tool.is-tool-3d .tool-result .tool-visual{height:280px}
}

@media(max-width:359px){.mobile-comparison td{font-family:var(--font-display)}}