/* All rules are opt-in: no desktop selector is changed by this stylesheet. */
html.tj-mobile-active .mf-phone-step{min-width:0}
html.tj-mobile-active .mf-phone-step h1{font-size:30px;line-height:1.18;margin-bottom:18px}
html.tj-mobile-active .mf-phone-step>.lead{font-size:14px;line-height:1.5;margin-bottom:18px}
html.tj-mobile-active .mf-phone-step .section-title{margin-top:24px}
html.tj-mobile-active .mf-phone-step .grid.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html.tj-mobile-active .mf-phone-step .grid.three>.card{padding:12px 8px;min-height:76px}
html.tj-mobile-active .mf-phone-step .grid.three>.card strong{font-size:13px;line-height:1.35}
html.tj-mobile-active .mf-phone-step .grid.three>.card small{font-size:11px;line-height:1.35}
/* The narrow floor choices have their own number / caption layout. The tick
   gets a row of its own, instead of taking space from the Polish caption. */
html.tj-mobile-active .mf-phone-step .grid.three>.mobile-floor-choice{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;min-width:0;min-height:116px;padding:10px 5px;text-align:center;font:inherit}
html.tj-mobile-active .mf-phone-step .grid.three>.mobile-floor-choice>.tick{position:static;align-self:flex-end;width:16px;height:16px;margin:0;flex:none;font-size:10px}
html.tj-mobile-active .mf-phone-step .grid.three>.mobile-floor-choice>strong{width:100%;min-width:0;padding:0;margin:0;font-size:24px;line-height:1.1;font-weight:600}
html.tj-mobile-active .mf-phone-step .grid.three>.mobile-floor-choice>small{width:100%;min-width:0;font-size:11px;line-height:1.4;white-space:normal;overflow-wrap:normal}
html.tj-mobile-active .mf-phone-step .function-grid{display:grid;grid-template-columns:1fr;gap:9px}
html.tj-mobile-active .mf-phone-step .function-grid>.function-card{display:grid;grid-template-columns:34px minmax(0,1fr) 88px;grid-template-rows:auto auto;column-gap:10px;row-gap:4px;min-height:96px;padding:14px;align-items:center;border-radius:var(--ui-radius,7px)}
html.tj-mobile-active .mf-phone-step .function-card>.function-icon{grid-column:1;grid-row:1/3;width:32px;height:32px;margin:0;align-self:center}
html.tj-mobile-active .mf-phone-step .function-card>.function-icon svg{width:32px;height:32px}
html.tj-mobile-active .mf-phone-step .function-card>strong{grid-column:2;grid-row:1;min-height:0;font-size:15px;line-height:1.3;padding:0}
html.tj-mobile-active .mf-phone-step .function-card>small{grid-column:2;grid-row:2;font-size:12px;line-height:1.4;padding:0;margin:0}
html.tj-mobile-active .mf-phone-step .function-card>.tick{position:static;grid-column:3;grid-row:1;justify-self:end;margin:0}
html.tj-mobile-active .mf-phone-step .function-card>.function-card-info{position:static;grid-column:3;grid-row:2;justify-self:end;display:flex;gap:4px;margin:0;transform:none}
html.tj-mobile-active .mf-phone-step .function-card .extra-info{position:relative;width:44px;height:44px;min-width:44px;min-height:44px;padding:8px;background:transparent;border:0;border-radius:50%}
html.tj-mobile-active .mf-phone-step .function-card .extra-info::before{content:"";position:absolute;inset:8px;border:1px solid var(--line);border-radius:50%;pointer-events:none}
html.tj-mobile-active .mf-phone-step .function-card .energy-monitoring-info{display:flex;gap:0}
html.tj-mobile-active .mf-phone-step .rooms{grid-template-columns:1fr;gap:8px}
html.tj-mobile-active .mf-phone-step .room{padding:10px 12px;margin:0;border-radius:var(--ui-radius,7px)}
html.tj-mobile-active .mf-phone-step .roomhead{gap:12px;align-items:center}
html.tj-mobile-active .mf-phone-step .roomname{font-size:15px;line-height:1.35;min-width:0}
html.tj-mobile-active .mf-phone-step .room-icon{width:26px;height:26px;margin:0}
html.tj-mobile-active .mf-phone-step .mini-counter{gap:6px;flex:none}
html.tj-mobile-active .mf-phone-step .mini-counter button{width:40px;height:40px;min-width:40px}
html.tj-mobile-active .mf-phone-step .mini-counter span{min-width:24px;text-align:center}
html.tj-mobile-active .mf-phone-step .room-planning-grid{display:block}
/* Required room allocations use the phone editor's amber cue; cards stay neutral. */
html.tj-mobile-active .mf-phone-step .allocation-panel,html.tj-mobile-active .tj-mobile-builder .allocation-panel{background:var(--paper);border-color:var(--line);color:var(--ink)}
html.tj-mobile-active .mf-phone-step .allocation-panel.is-incomplete,html.tj-mobile-active .tj-mobile-builder .allocation-panel.is-incomplete{border-color:var(--tj-required-line)}
html.tj-mobile-active .mf-phone-step .allocation-panel.is-incomplete>.allocation-title,html.tj-mobile-active .tj-mobile-builder .allocation-panel.is-incomplete>.allocation-title{color:var(--tj-required-ink)}
html.tj-mobile-active .mf-phone-step .allocation-row.is-missing,html.tj-mobile-active .tj-mobile-builder .allocation-row.is-missing{border-left:2px solid var(--tj-required-line);padding-left:8px;margin-left:-8px}
html.tj-mobile-active .mf-phone-step .allocation-row.is-missing>span,html.tj-mobile-active .mf-phone-step .allocation-row.is-missing>strong,html.tj-mobile-active .tj-mobile-builder .allocation-row.is-missing>span,html.tj-mobile-active .tj-mobile-builder .allocation-row.is-missing>strong{color:var(--tj-required-ink)}
html.tj-mobile-active .mf-phone-step .allocation-row.is-missing>strong,html.tj-mobile-active .tj-mobile-builder .allocation-row.is-missing>strong{display:inline-flex;align-items:center;gap:5px}
html.tj-mobile-active .mf-phone-step .allocation-row.is-missing>strong::before,html.tj-mobile-active .tj-mobile-builder .allocation-row.is-missing>strong::before{content:"!";display:inline-grid;place-items:center;width:15px;height:15px;flex:none;border:1px solid currentColor;border-radius:50%;font-size:10px;font-weight:700;line-height:1}
html.tj-mobile-active .mf-phone-step .allocation-row.is-complete,html.tj-mobile-active .mf-phone-step .allocation-row.is-complete>strong,html.tj-mobile-active .tj-mobile-builder .allocation-row.is-complete,html.tj-mobile-active .tj-mobile-builder .allocation-row.is-complete>strong,html.tj-mobile-active .mf-phone-step .allocation-panel.is-complete>.allocation-title,html.tj-mobile-active .tj-mobile-builder .allocation-panel.is-complete>.allocation-title{color:var(--muted)}
html.tj-mobile-active .mf-phone-step .room-step-heading{font-size:17px;margin:22px 0 12px;line-height:1.4}
html.tj-mobile-active .mf-phone-step .room-questions{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:18px}
html.tj-mobile-active .mf-phone-step .room-question{padding:14px;border:1px solid var(--line);background:var(--paper);border-radius:var(--ui-radius,7px)}
html.tj-mobile-active .mf-phone-step .room-question h3{font-size:15px;min-height:0;margin:0 0 10px;line-height:1.4}
html.tj-mobile-active .mf-phone-step .compact-count{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;margin:8px 0;text-align:left}
html.tj-mobile-active .mf-phone-step .compact-count>label{font-size:13px;line-height:1.4;min-width:0}
html.tj-mobile-active .mf-phone-step .counter{display:inline-flex;gap:0;flex:none;max-width:100%}
html.tj-mobile-active .mf-phone-step .counter button{width:42px;height:44px;min-width:42px;font-size:20px}
html.tj-mobile-active .mf-phone-step .counter input{width:48px!important;height:44px;font-size:16px;min-width:0;padding:6px 2px!important}
html.tj-mobile-active .mf-phone-step .room-question .help{font-size:12px;line-height:1.45;margin:10px 0 0}
html.tj-mobile-active .mf-phone-step .inline-choices{margin-top:12px}
html.tj-mobile-active .mf-phone-step .inline-choices label,html.tj-mobile-active .mf-phone-step .classic-switch-answers label{min-height:44px;margin:0;padding:8px 10px;font-size:13px;border:1px solid var(--line);border-radius:var(--ui-radius,7px);background:var(--paper);box-sizing:border-box}
html.tj-mobile-active .mf-phone-step .inline-choices label:has(input:checked),html.tj-mobile-active .mf-phone-step .classic-switch-answers label:has(input:checked){border-color:var(--olive);box-shadow:inset 0 0 0 1px var(--olive)}
html.tj-mobile-active .mf-phone-step .inline-choices{display:flex;gap:8px;flex-wrap:wrap;min-width:0}
html.tj-mobile-active .mf-phone-step .inline-choices legend{width:100%;padding:0;font-size:13px;line-height:1.4;margin-bottom:8px}
html.tj-mobile-active .mf-phone-step .classic-switch-answers{display:flex;gap:8px}
html.tj-mobile-active .mf-phone-step .classic-switch-answers label{flex:1}
html.tj-mobile-active .mf-phone-step .motion-mount label{flex:1}
html.tj-mobile-active .mf-phone-step .saved-sets-rail{display:grid;grid-template-columns:1fr;overflow:visible;gap:8px;padding:0}
html.tj-mobile-active .mf-phone-step .mf-set-row{width:100%;min-width:0;display:grid;grid-template-columns:50px minmax(0,1fr);gap:5px 12px;align-items:center;padding:12px;border-radius:var(--ui-radius,7px);box-sizing:border-box}
html.tj-mobile-active .mf-phone-step .mf-set-row h4{grid-column:2;grid-row:1;margin:0;font-size:15px;line-height:1.4;overflow-wrap:anywhere}
html.tj-mobile-active .mf-phone-step .mf-set-miniature{grid-column:1;grid-row:1/4;width:50px;height:60px;min-height:0;display:grid;place-items:center;overflow:hidden;padding:0;background:transparent;border:0}
html.tj-mobile-active .mf-phone-step .mf-set-miniature .frame-preview{width:auto!important;min-width:0!important;max-width:48px!important;max-height:58px;margin:0;padding:2px;gap:1px}
html.tj-mobile-active .mf-phone-step .mf-set-miniature .frame-preview.vertical{height:58px!important;width:auto!important;min-width:0!important}
html.tj-mobile-active .mf-phone-step .mf-set-miniature .frame-preview:not(.vertical){width:48px!important;height:auto!important}
html.tj-mobile-active .mf-phone-step .mf-set-miniature .install-box{padding:0;border:0;min-width:0;overflow:hidden}
html.tj-mobile-active .mf-phone-step .mf-set-miniature .install-box>span:not(.module-art){display:none}
html.tj-mobile-active .mf-phone-step .mf-set-row .saved-set-meta{grid-column:2;grid-row:2;font-size:12px;line-height:1.4;margin:0;color:var(--muted)}
html.tj-mobile-active .mf-phone-step .mf-set-row .saved-set-description{grid-column:2;font-size:12px;line-height:1.4;margin:2px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
html.tj-mobile-active .mf-phone-step .mf-set-row .saved-set-actions{grid-column:2;display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0}
html.tj-mobile-active .mf-phone-step .mf-set-row .saved-set-actions .btn{min-height:40px;padding:8px 10px;font-size:12px}
html.tj-mobile-active .mf-phone-step .mf-set-row .saved-regular-mechanisms{grid-column:2}
html.tj-mobile-active .mf-section-tabs{display:flex;align-items:stretch;gap:6px;width:100%;padding:0;margin:0 0 14px}
html.tj-mobile-active .mf-section-tab{flex:1;min-width:0;min-height:44px;padding:10px 5px;border:1px solid var(--line);border-radius:var(--ui-radius,7px);background:var(--paper);color:var(--ink);font:inherit;font-size:12px;line-height:1.35;text-align:center;cursor:pointer}
html.tj-mobile-active .mf-section-tab[aria-selected=true]{background:var(--olive);color:var(--paper);border-color:var(--olive)}
html.tj-mobile-active .mf-section-tab.mf-tab-required:not([aria-selected=true]){border-color:var(--red)}
html.tj-mobile-active .mf-section-tab:focus-visible{outline:2px solid var(--olive);outline-offset:2px}
html.tj-mobile-active .mf-tab-count{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:4px;border-radius:50%;background:var(--paper);color:var(--red);font-size:10px;font-weight:600}
html.tj-mobile-active .mf-required-jump{margin:0 0 14px;min-height:44px;padding:10px 14px;background:var(--paper);border:1px solid var(--red);border-radius:var(--ui-radius,7px);color:var(--red);font:inherit;font-size:13px;cursor:pointer}
html.tj-mobile-active .mf-alarm-panel[hidden],html.tj-mobile-active .mf-studio-panel[hidden],html.tj-mobile-active [data-mf-hidden][hidden],html.tj-mobile-active .heat-details[hidden]{display:none!important}
html.tj-mobile-active .mf-alarm-panel{display:grid;gap:10px;min-width:0}
html.tj-mobile-active .mf-alarm-panel .question-card{padding:14px;border-radius:var(--ui-radius,7px);background:var(--paper);border-color:var(--line)}
html.tj-mobile-active .mf-alarm-panel .question-card>label,html.tj-mobile-active .mf-alarm-panel .question-card>legend{font-size:15px;line-height:1.4}
html.tj-mobile-active .mf-alarm-panel .question-card:has(>.counter){display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:center}
html.tj-mobile-active .mf-alarm-panel .question-card>.counter{margin:0}
html.tj-mobile-active .mf-alarm-panel .question-card>.help,html.tj-mobile-active .mf-alarm-panel .question-card>fieldset,html.tj-mobile-active .mf-alarm-panel .question-card>.alarm-recommendation,html.tj-mobile-active .mf-alarm-panel .question-card>.required-step-inline{grid-column:1/-1}
html.tj-mobile-active .mf-alarm-panel .choice-list{gap:8px;margin:6px 0 0}
html.tj-mobile-active .mf-alarm-panel .choice-list label{min-height:44px;font-size:14px;padding:9px 10px;border:1px solid var(--line);border-radius:var(--ui-radius,7px);box-sizing:border-box}
html.tj-mobile-active .mf-alarm-panel .choice-list label:has(input:checked){border-color:var(--olive);box-shadow:inset 0 0 0 1px var(--olive)}
html.tj-mobile-active .mf-alarm-panel .keypad-fobs{padding-left:0;margin:10px 0 0;border:0}
html.tj-mobile-active .mf-alarm-panel .keypad-fobs .compact-count{margin:8px 0}
html.tj-mobile-active .mf-alarm-panel .help,html.tj-mobile-active .mf-alarm-panel .alarm-recommendation{font-size:12px;line-height:1.5}
html.tj-mobile-active .mf-phone-step .heat-options-grid{display:grid;grid-template-columns:1fr;gap:9px}
html.tj-mobile-active .mf-phone-step .heat-section{margin:0;background:var(--paper);border-radius:var(--ui-radius,7px)}
html.tj-mobile-active .mf-phone-step .heat-section>.heat-choice{font-size:14px;line-height:1.45;padding:14px;gap:10px;min-height:56px;box-sizing:border-box}
html.tj-mobile-active .mf-phone-step .heat-section>.heat-choice strong{font-size:14px;line-height:1.45}
html.tj-mobile-active .mf-phone-step .mf-heat-selected{display:grid;grid-template-columns:minmax(0,1fr) auto;border-color:var(--olive)}
html.tj-mobile-active .mf-phone-step .mf-heat-selected>.heat-choice{grid-column:1;min-width:0}
html.tj-mobile-active .mf-phone-step .mf-heat-toggle{grid-column:2;align-self:center;min-height:44px;max-width:98px;box-sizing:border-box;margin:6px 10px 6px 0;padding:8px 10px;font:inherit;font-size:12px;border:1px solid var(--line);border-radius:var(--ui-radius,7px);background:var(--paper);color:var(--olive)}
html.tj-mobile-active .mf-phone-step .mf-heat-required{border-color:var(--red);color:var(--red)}
html.tj-mobile-active .mf-phone-step .heat-details{grid-column:1/-1;padding:0 14px 14px}
html.tj-mobile-active .mf-phone-step .heat-details .grid{grid-template-columns:1fr;gap:9px}
html.tj-mobile-active .mf-phone-step .heat-details .field{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:center;padding:12px;margin:0}
html.tj-mobile-active .mf-phone-step .heat-details .field>label{font-size:13px;line-height:1.4;margin:0}
html.tj-mobile-active .mf-phone-step .heat-details .field>.help,html.tj-mobile-active .mf-phone-step .heat-details .field>.required-step-inline,html.tj-mobile-active .mf-phone-step .heat-details .field>.rec{grid-column:1/-1}
html.tj-mobile-active .mf-phone-step .heat-install legend{font-size:13px;line-height:1.5;margin-bottom:8px}
html.tj-mobile-active .mf-phone-step .heat-install .heat-choice{font-size:13px;padding:10px;margin:0 0 7px;min-height:44px;border:1px solid var(--line);border-radius:var(--ui-radius,7px)}
html.tj-mobile-active .mf-phone-step .heat-answers{gap:8px}
html.tj-mobile-active .mf-phone-step .heat-answers .heat-choice{flex:1}
html.tj-mobile-active .mf-phone-step .heat-contact-source-options{grid-template-columns:1fr}
html.tj-mobile-active .mf-phone-step .heat-contact-counter>.required-step-inline{grid-column:1/-1}
html.tj-mobile-active .mf-phone-step .heat-contact-counter>label{max-width:none}
html.tj-mobile-active .mf-phone-step .heat-window-compact{padding-top:14px;margin-top:18px}
html.tj-mobile-active .mf-phone-step .heat-window-compact .heat-contact-heading h2{font-size:17px;line-height:1.4}
html.tj-mobile-active .mf-studio-layout{display:block!important;background:var(--paper);border:1px solid var(--line);border-radius:var(--ui-radius,7px);overflow:hidden}
html.tj-mobile-active .mf-studio-layout .studio-wall{display:flex!important;min-height:0!important;height:auto!important;padding:12px 14px!important;gap:8px;justify-content:center;align-items:center;box-sizing:border-box}
html.tj-mobile-active .mf-studio-layout .studio-wall-note{font-size:11px;line-height:1.4;margin:0;text-align:center}
html.tj-mobile-active .mf-studio-layout .studio-products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));max-width:330px;padding:8px 0!important;gap:12px;align-items:start;width:100%;margin:0 auto!important}
html.tj-mobile-active .mf-studio-layout .studio-product{width:100%;max-width:140px;margin:0 auto!important}
html.tj-mobile-active .mf-studio-layout .studio-product figcaption{font-size:11px;line-height:1.35;margin:7px 0 0!important}
html.tj-mobile-active .mf-studio-layout .studio-product figcaption span{font-size:10px}
html.tj-mobile-active .mf-studio-layout .studio-assembly{width:100%;height:auto;aspect-ratio:1;max-width:140px;max-height:140px}
html.tj-mobile-active .mf-studio-layout .studio-products[data-inwall-product-count="1"]{grid-template-columns:1fr;max-width:156px}
html.tj-mobile-active .mf-studio-layout .inwall-studio-product{width:140px!important;max-width:140px;min-height:0;padding:0}
html.tj-mobile-active .mf-studio-layout .inwall-studio-product figcaption{position:static!important;transform:none!important;width:auto!important;max-width:100%;margin-top:7px!important}
html.tj-mobile-active .mf-studio-layout .inwall-studio-product .inwall-studio-unit-label{white-space:normal}
html.tj-mobile-active .mf-studio-navigation{padding:12px 12px 0}
html.tj-mobile-active .mf-studio-navigation .mf-section-tabs{margin-bottom:0}
html.tj-mobile-active .mf-studio-sections{padding:14px 12px;min-width:0}
html.tj-mobile-active .mf-studio-panel{min-width:0}
html.tj-mobile-active .mf-studio-panel>fieldset{padding:0;border:0;margin:0 0 14px;min-width:0}
html.tj-mobile-active .mf-studio-panel legend{font-size:13px;line-height:1.5;margin:0 0 10px;padding:0;width:100%}
html.tj-mobile-active .mf-studio-panel legend strong{font-size:inherit}
html.tj-mobile-active .mf-studio-panel .studio-palette{display:block!important;padding:0;border:0;background:transparent}
html.tj-mobile-active .mf-studio-panel .studio-paint-options{display:block}
html.tj-mobile-active .mf-studio-panel .studio-status{font-size:12px;line-height:1.5;margin:10px 0 0}
html.tj-mobile-active .mf-studio-panel .studio-disclaimer{font-size:11px;line-height:1.5;margin:7px 0 0}
html.tj-mobile-active .mf-studio-panel .design-change-series{margin:0;padding:0;border:0}
html.tj-mobile-active .mf-studio-panel .design-change-series>p{font-size:12px;margin:10px 0 0;line-height:1.5}
html.tj-mobile-active .mf-studio-panel .design-change-series>strong{font-size:13px;display:block;margin-bottom:10px}
html.tj-mobile-active .mf-studio-panel .design-change-series-options{gap:8px}
html.tj-mobile-active .mf-studio-panel .design-change-series-options button{min-height:44px;flex:1;min-width:0;font-size:13px;padding:10px}
html.tj-mobile-active .mf-studio-panel .studio-materials{display:flex;overflow-x:auto;flex-wrap:nowrap;gap:6px;margin:10px 0 12px;scrollbar-width:none}
html.tj-mobile-active .mf-studio-panel .studio-materials::-webkit-scrollbar{display:none}
html.tj-mobile-active .mf-studio-panel .studio-materials button{white-space:nowrap;flex:none;min-height:40px;padding:8px 10px}
html.tj-mobile-active .mf-variant-rail{display:flex!important;flex-wrap:nowrap!important;align-items:flex-start;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;scrollbar-width:none;gap:9px!important;min-width:0;min-height:0!important;max-width:100%;max-height:none!important;padding:3px 2px 8px!important;height:auto!important;aspect-ratio:auto!important;grid-template-rows:none!important;touch-action:pan-x pan-y;overscroll-behavior-x:contain}
html.tj-mobile-active .mf-variant-rail::-webkit-scrollbar{display:none}
html.tj-mobile-active .mf-variant-rail>button{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;flex:0 0 calc((100% - 18px)/2.2)!important;width:auto!important;min-width:0!important;max-width:none;aspect-ratio:auto!important;min-height:124px!important;padding:10px 8px!important;box-sizing:border-box;gap:8px;scroll-snap-align:start;background:var(--paper);border:1px solid var(--line);border-radius:var(--ui-radius,7px);color:var(--ink)}
html.tj-mobile-active .mf-variant-rail>button img{object-fit:contain;max-width:100%}
html.tj-mobile-active .mf-variant-rail>button>.design-finish-photo{width:100%;aspect-ratio:1!important;height:auto!important;max-height:none!important;flex:none}
/* Frame choices have a square product area plus their existing short label. */
html.tj-mobile-active .mf-studio-panel .studio-swatches.mf-variant-rail>button{min-height:0!important;padding:6px 6px 8px!important;gap:5px}
html.tj-mobile-active .mf-studio-panel .studio-swatches.mf-variant-rail>button>.design-finish-photo img{left:0!important;top:0!important;width:100%!important;height:100%!important;object-fit:contain!important}
html.tj-mobile-active .mf-studio-panel .studio-swatches.mf-variant-rail .mf-variant-label{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:2.8em;overflow:hidden}
html.tj-mobile-active .mf-studio-panel>fieldset:last-child{margin-bottom:0}
html.tj-mobile-active .mf-variant-rail .mf-variant-label{display:block;width:100%;font-size:11px;line-height:1.4;text-align:center;white-space:normal;overflow-wrap:break-word}
html.tj-mobile-active .mf-variant-rail>button[aria-pressed=true]{border-color:var(--olive);box-shadow:inset 0 0 0 1px var(--olive)}
html.tj-mobile-active .mf-variant-rail>button .appearance-model-image{display:block;width:100%;height:118px!important;max-height:118px;object-fit:contain}
html.tj-mobile-active .mf-variant-rail>button .sketch-art{height:84px;max-width:100%;margin:0 auto}
html.tj-mobile-active .mf-variant-rail>button .sketch-label{font-size:12px;line-height:1.4}
html.tj-mobile-active .mf-variant-rail.standard-face-choices>button{min-height:112px!important}
html.tj-mobile-active .mf-studio-layout .linea-insert-colors>button{min-height:90px!important;justify-content:center}
html.tj-mobile-active .mf-studio-layout .studio-wall-colors>button{min-height:110px!important}
html.tj-mobile-active .mf-studio-layout .studio-wall-colors .studio-paint-chip{width:54px;height:54px;max-width:100%;min-height:54px}
html.tj-mobile-active .mf-studio-layout .studio-custom-color{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;font-size:12px}
html.tj-mobile-active .mf-studio-layout .studio-custom-color input{height:44px;width:70px;margin:0}
html.tj-mobile-active .mf-phone-step .mf-selected-rooms{align-items:center;gap:10px;font-size:12px;line-height:1.5;margin-bottom:12px}
html.tj-mobile-active .mf-phone-step .design-editor-heading{margin-bottom:14px}
html.tj-mobile-active .mf-phone-step .design-editor-heading h2{font-size:23px}
html.tj-mobile-active .mf-phone-step .design-editor-actions{margin-top:14px}
html.tj-mobile-active .mf-phone-step .design-series-card{min-height:115px;padding:15px 10px}
html.tj-mobile-active .mf-phone-step .design-series-card strong{font-size:23px}
html.tj-mobile-active .mf-phone-step .design-room-grid{grid-template-columns:1fr;gap:8px}
html.tj-mobile-active .mf-phone-step .design-room-option{min-height:48px;padding:10px 12px}
html.tj-mobile-active .mf-phone-step .inwall-appearance-units{grid-template-columns:1fr;gap:12px}
html.tj-mobile-active .mf-phone-step .inwall-appearance-unit{padding:14px;gap:9px}
html.tj-mobile-active .wireless-studio-dialog{width:100%!important;max-width:100%!important;top:var(--tj-mobile-viewport-top,0px);height:var(--tj-mobile-visible-height,100dvh)!important;max-height:var(--tj-mobile-visible-height,100dvh)!important;margin:0!important;border:0;border-radius:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:0!important;overflow:hidden;box-sizing:border-box}
html.tj-mobile-active .wireless-studio-dialog:not([open]){display:none}
html.tj-mobile-active .wireless-studio-heading{padding:14px 16px!important;gap:12px;border-bottom:1px solid var(--line);box-sizing:border-box}
html.tj-mobile-active .wireless-studio-heading h2{font-size:20px!important;line-height:1.25;margin:4px 0 0}
html.tj-mobile-active .wireless-studio-heading p{font-size:12px;line-height:1.4;margin:6px 0 0}
html.tj-mobile-active .wireless-studio-heading .design-eyebrow{font-size:10px}
html.tj-mobile-active .wireless-studio-heading .btn{min-height:44px;padding:8px 10px;min-width:64px;flex:none;font-size:12px}
html.tj-mobile-active .wireless-studio-scroll{overflow-y:auto!important;overflow-x:hidden;min-height:0;max-height:none!important;height:auto!important;padding:12px!important;overscroll-behavior-y:contain;touch-action:pan-y;box-sizing:border-box}
html.tj-mobile-active .wireless-studio-actions{padding:12px 16px max(12px,env(safe-area-inset-bottom))!important;display:block!important;border-top:1px solid var(--line);background:var(--paper);box-sizing:border-box}
html.tj-mobile-active .wireless-studio-actions .btn{width:100%;min-height:46px}
html.tj-mobile-active .wireless-studio-actions .studio-status:empty{display:none}
html.tj-mobile-active .wireless-studio-actions .studio-status{margin:0 0 8px;font-size:12px}
html.tj-mobile-active .mf-symbol-dialog{width:100%!important;max-width:100%!important;top:var(--tj-mobile-viewport-top,0px);height:var(--tj-mobile-visible-height,100dvh);max-height:var(--tj-mobile-visible-height,100dvh)!important;margin:0!important;border:0!important;border-radius:0!important;padding:0!important;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;box-sizing:border-box;background:var(--paper);color:var(--ink)}
html.tj-mobile-active .mf-symbol-dialog:not([open]){display:none}
html.tj-mobile-active .mf-symbol-dialog .symbol-dialog-heading{padding:14px 16px;gap:12px;border-bottom:1px solid var(--line);background:var(--paper)}
html.tj-mobile-active .mf-symbol-dialog .symbol-dialog-heading h2{font-size:22px;margin:4px 0 0;line-height:1.25}
html.tj-mobile-active .mf-symbol-dialog .symbol-dialog-heading .btn{min-height:44px;padding:10px 12px;min-width:66px;flex:none;font-size:13px}
html.tj-mobile-active .mf-symbol-dialog #symbol-dialog-context{font-size:10px;line-height:1.5}
html.tj-mobile-active .mf-symbol-dialog .symbol-dialog-content{display:block!important;min-height:0;overflow-y:auto!important;overflow-x:hidden;max-height:none!important;padding:14px 16px;overscroll-behavior-y:contain;touch-action:pan-y;box-sizing:border-box}
html.tj-mobile-active .mf-symbol-dialog .symbol-picker-main{min-width:0;max-height:none!important;overflow:visible!important}
html.tj-mobile-active .mf-symbol-dialog .symbol-grid{max-height:none!important;height:auto!important;overflow:visible!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:2px}
html.tj-mobile-active .mf-symbol-dialog .symbol-choice{min-width:0;min-height:68px;padding:9px 3px}
html.tj-mobile-active .mf-symbol-dialog .symbol-choice img{height:38px;object-fit:contain}
html.tj-mobile-active .mf-symbol-dialog .symbol-key-slots{display:flex;gap:8px;margin:0 0 14px;overflow:visible;flex-wrap:wrap}
html.tj-mobile-active .mf-symbol-dialog .symbol-key-slot{min-height:48px;min-width:70px;flex:1;padding:8px}
html.tj-mobile-active .mf-symbol-dialog .symbol-source-tabs button{min-height:44px;font-size:13px}
html.tj-mobile-active .mf-symbol-dialog .symbol-selection-status{padding:10px 16px max(10px,env(safe-area-inset-bottom));margin:0;border-top:1px solid var(--line);font-size:12px}
html.tj-mobile-active .mf-symbol-dialog .symbol-selection-status[hidden]{display:none}
html.tj-mobile-active .mf-phone-step .extras-layout{gap:18px;margin-top:18px}
html.tj-mobile-active .mf-phone-step .extras-section>h2{font-size:20px;margin-bottom:12px}
html.tj-mobile-active .mf-phone-step .extras-layout .question-card{padding:14px;background:var(--paper)}
html.tj-mobile-active .mf-phone-step .extras-layout .help{font-size:12px;line-height:1.5}
html.tj-mobile-active .mf-phone-step .extras-screens-grid{grid-template-columns:1fr;gap:10px}
html.tj-mobile-active .mf-phone-step .touch-view-extra .touch-view-photo{width:100%;max-width:180px;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;background:transparent!important}
html.tj-mobile-active .mf-phone-step .ipad-product-preview .ipad-frame-photo{width:110px;height:110px}
html.tj-mobile-active .mf-phone-step .wireless-grid,html.tj-mobile-active .mf-phone-step .engraving-targets{grid-template-columns:1fr;gap:12px}
html.tj-mobile-active .mf-phone-step .wireless-card{padding:14px}
html.tj-mobile-active .mf-phone-step .wireless-card h2{font-size:20px}
html.tj-mobile-active .mf-phone-step .wireless-card input[type=text],html.tj-mobile-active .mf-phone-step .inwall-appearance-unit input,html.tj-mobile-active .mf-phone-step select{font-size:16px;min-height:44px}
@media(max-width:360px){
 html.tj-mobile-active .mf-phone-step .counter button{width:38px;min-width:38px}
 html.tj-mobile-active .mf-phone-step .counter input{width:42px!important}
 html.tj-mobile-active .mf-phone-step .heat-details .field{grid-template-columns:1fr;gap:9px}
 html.tj-mobile-active .mf-phone-step .heat-details .field>.counter{justify-self:start}
 html.tj-mobile-active .mf-alarm-panel .question-card:has(>.counter){grid-template-columns:1fr;gap:9px}
 html.tj-mobile-active .mf-alarm-panel .question-card>.counter{justify-self:start}
 html.tj-mobile-active .mf-phone-step .function-grid>.function-card{column-gap:10px;padding:12px}
}
