/* Budget-only mobile reading and contact layer. Desktop rules stay in owning files. */

.mm-shortcuts,.mm-call{display:none}

.mm-back-top{display:none}

.mm-disclosure>summary{display:none}

.site-back-top--mobile-only{display:none}

/* The PRO signature uses the same three-bar mark as the premium site header. */

main .premium-copy .special-direction{margin-top:26px;padding-top:22px;border-top:1px solid #a98c67}

main .premium-copy .special-direction a.mm-pro-brand{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:14px;min-height:48px;text-decoration:none;color:inherit}

.mm-pro-mark{display:grid;align-content:center;gap:4px;width:30px;height:34px;transform:rotate(-12deg)}

.mm-pro-mark i{display:block;height:4px;border-radius:6px;background:#a97845}

.mm-pro-mark i:nth-child(2){width:24px}.mm-pro-mark i:nth-child(3){width:18px}

.mm-pro-copy{min-width:0}

.mm-pro-copy strong{display:block;font:700 clamp(15px,4vw,20px)/1.3 Arial,sans-serif;letter-spacing:.01em}

.mm-pro-copy strong>span{white-space:nowrap}.mm-pro-copy strong>b{font:inherit}

.mm-pro-copy small{display:block;margin-top:7px;font:400 14px/1.5 Arial,sans-serif}

.mm-pro-brand:focus-visible{outline:3px solid #a66c27;outline-offset:5px}

@media(max-width:600px){

 body.mm-mobile .mm-existing-calc{display:none!important}

 body.mm-mobile main h1{font-size:clamp(28px,7.7vw,36px);line-height:1.13}

 body.mm-mobile main h2{font-size:clamp(24px,6.6vw,29px);line-height:1.2}

 body.mm-mobile main :is(.section,section.wrap){padding-top:28px;padding-bottom:28px}

 body.mm-mobile:not(.classic-page) main :is(.card,.benefit-card,.task-card){padding:16px}

 body.mm-mobile main .hero :is(.intro,.lead){font-size:17px;line-height:1.55}

 body.mm-mobile main .hero :is(.hero-image,.hero-media,.hero-visual) img{max-height:300px;object-fit:contain}

 body.mm-mobile main :is(.grid,.services,.task-grid){row-gap:14px}

 body.mm-mobile main :is(.eyebrow,.section-label){margin-bottom:8px}

 body.mm-mobile main :is(.intro,.lead){margin-bottom:18px}

 .mm-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}

 .mm-shortcuts a,.mm-call{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;border:1px solid #65472f;border-radius:8px;background:#65472f;color:#fff;text-decoration:none;font:600 16px/1.4 Arial,sans-serif;text-align:center}

 .mm-shortcuts a:first-child:not(:last-child){background:#fffaf2;color:#65472f}

 .mm-call{margin:14px 0}

 .mm-call:focus-visible,.mm-shortcuts a:focus-visible,.mm-disclosure>summary:focus-visible{outline:3px solid #a66c27;outline-offset:4px}

 .mm-disclosure{border-top:1px solid #d9ccbb}

 .mm-disclosure>summary{display:list-item;cursor:pointer;min-height:48px;padding:14px 0;color:#342a25;font-weight:600}

 .mm-disclosure>summary h2{display:inline;font-size:23px}

 .mm-disclosure[open]>summary{margin-bottom:14px}

 body.mm-mobile #request .channels{gap:10px}

 body.mm-mobile #request .channel{min-height:48px;padding:10px 12px}

 body.mm-mobile:not(.classic-page) main [data-choose][aria-pressed=true]{background:#65472f;color:white}

 body.mm-mobile main :is(.result-card,.system-card) img{max-height:160px;object-fit:contain}

 body.mm-mobile :is(.consult-channels,.photo-privacy){line-height:1.5}

}



/* FAQ questions: regular weight on phone and desktop. */

/* Mobile lists are fully visible; no side-scrolling card ribbons. */

@media(max-width:600px){

 body.mm-mobile main :is(#works .grid:has(>.work-card),.classic-works,.r-photo-grid){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 12px;overflow:visible!important;scroll-snap-type:none;overscroll-behavior-x:auto;padding-bottom:0}

 body.mm-mobile main :is(#works .grid:has(>.work-card),.classic-works,.r-photo-grid)>:is(.work-card,figure){box-sizing:border-box;min-width:0;width:auto!important;max-width:none;flex:none!important;margin:0;padding:0!important;scroll-snap-align:none}

 body.mm-mobile main :is(#works .grid:has(>.work-card),.classic-works,.r-photo-grid) img{display:block;width:100%!important;height:140px!important;max-height:140px;object-fit:contain;background:#efe5d5}

 body.mm-mobile main :is(#works .grid:has(>.work-card),.classic-works,.r-photo-grid) :is(h3,figcaption){font-size:14px!important;line-height:1.4;margin:8px 0 0;padding:0 4px 8px;font-weight:400}

 body.mm-mobile.classic-page .mobile-hint{display:none}

 body.mm-mobile main .classic-works~.mobile-hint{display:none}

 body.mm-mobile:not(.uni-page) main #fabrics .grid.three,body.mm-mobile main .calculator-fabrics .fabric-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px;overflow:visible!important;scroll-snap-type:none;padding-bottom:0}

 body.mm-mobile:not(.uni-page) main #fabrics .grid.three>.card{display:grid;grid-template-columns:88px minmax(0,1fr);align-content:start;align-items:start;gap:6px 14px;box-sizing:border-box;min-width:0;width:auto!important;max-width:none;flex:none!important;padding:14px!important;scroll-snap-align:none}

 body.mm-mobile:not(.uni-page) main #fabrics .grid.three>.card>.fabric-visual{grid-column:1;grid-row:1/span 5;display:block;width:88px!important;height:120px!important;min-height:0;object-fit:contain;align-self:start;border-radius:4px}

 body.mm-mobile:not(.uni-page) main #fabrics .grid.three>.card>:not(img){grid-column:2;min-width:0;margin:0!important;padding:0}

 body.mm-mobile:not(.uni-page) main #fabrics .grid.three>.card>h3{font-size:18px!important;line-height:1.3;font-weight:500}

 body.mm-mobile:not(.uni-page) main #fabrics .grid.three>.card>p{font-size:16px;line-height:1.5}

 body.mm-mobile:not(.uni-page) main #fabrics .grid.three>.card>small{font-size:13px;line-height:1.5}

 body.mm-mobile:not(.uni-page) main #fabrics .grid.three>.card>a{display:flex;align-items:center;flex-wrap:wrap;column-gap:4px;min-height:44px;font-size:14px;line-height:1.5}

 body.mm-mobile main .calculator-fabrics .fabric-row>*{min-width:0;width:auto!important;max-width:100%;flex:none!important;scroll-snap-align:none}

 body.mm-mobile main .wc-table-scroll{overflow:visible;border:0}

 body.mm-mobile main .wc-table-scroll table{display:block;min-width:0!important;width:100%;max-width:100%}

 body.mm-mobile main .wc-table-scroll caption{display:block;box-sizing:border-box;width:100%;padding:12px 0;background:transparent}

 body.mm-mobile main .wc-table-scroll thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

 body.mm-mobile main .wc-table-scroll tbody{display:grid;gap:14px}

 body.mm-mobile main .wc-table-scroll tbody tr{display:block;border:1px solid #d9ccbb;border-radius:8px;background:#fffaf2;padding:14px;min-width:0}

 body.mm-mobile main .wc-table-scroll tbody th{display:block;max-width:none;padding:0 0 12px;border:0;font-size:17px;line-height:1.4}

 body.mm-mobile main .wc-table-scroll tbody td{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:8px 0;white-space:normal;overflow-wrap:anywhere;line-height:1.5}

 body.mm-mobile main .wc-table-scroll tbody td::before{content:attr(data-label);color:#735132}

 body.mm-mobile main .wc-table-scroll tbody td[colspan]{display:block}

 body.mm-mobile main .wc-table-scroll tbody td[colspan]::before{display:none}

 body.mm-mobile main .wc-table-scroll tbody td:last-child{border-bottom:0}

 body.mm-mobile.contacts-page .contacts-cards{grid-template-columns:minmax(0,1fr)}

 body.mm-mobile.contacts-page .contacts-card{min-width:0;box-sizing:border-box}

}

@media(max-width:360px){

 body.mm-mobile:not(.uni-page) main #fabrics .grid.three>.card{grid-template-columns:64px minmax(0,1fr);column-gap:12px;padding:12px!important}

 body.mm-mobile:not(.uni-page) main #fabrics .grid.three>.card>.fabric-visual{width:64px!important;height:104px!important}

}

body.mm-mobile main :is(#faq,.faq,.wc-faq,.shutters-faq,[id$="-faq"]) summary,body.mm-mobile main :is(#faq,.faq,.wc-faq,.shutters-faq,[id$="-faq"]) summary *{font-weight:400!important}

@media(max-width:600px){

 .site-back-top{position:fixed;right:12px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;box-sizing:border-box;width:auto;min-width:80px;min-height:44px!important;height:44px;padding:0 12px;border:1px solid #a88a69;border-radius:8px;background:#fffaf2;color:#65472f;font:500 14px/1.2 Arial,sans-serif;box-shadow:0 2px 8px #342a251a;align-items:center;justify-content:center;cursor:pointer}

 .site-back-top:not([hidden]){display:inline-flex!important}

 .site-back-top[hidden],body:has(.ab-mobile[open]) .site-back-top{display:none!important}

 body:has(.mobile-cta,.mobile-bar) .site-back-top{bottom:calc(88px + env(safe-area-inset-bottom,0px))}

 .site-back-top:focus-visible{outline:3px solid #a66c27;outline-offset:3px}

 .ab-header .ab-mobile>nav{gap:0;align-content:start;grid-auto-rows:max-content}

 .ab-header .ab-mobile>nav a,.ab-header .ab-mobile>nav .shell-nav-group>summary{box-sizing:border-box;min-height:44px;padding:10px 8px;line-height:24px;margin-block:0}

 .ab-header .ab-mobile>nav>.ab-measure{margin-bottom:8px}

 .ab-header .ab-mobile>nav .shell-nav-group{margin-block:0}

 .ab-header .ab-mobile>nav .shell-submenu{margin-top:0;margin-bottom:4px}

 .mm-back-top{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;color:#65472f;font-size:16px;text-decoration:underline;text-underline-offset:4px}

 body.mm-mobile main h2{font-size:22px!important;line-height:1.3;font-weight:500}

 body.mm-mobile main :is(.dark,.about-owner-band,.quote-band,.double-section,.contact-band,.final-band){background:#efe5d5!important;color:#342a25!important;border-block:1px solid #d2bda0}

 body.mm-mobile main :is(.dark,.about-owner-band,.quote-band,.double-section,.contact-band,.final-band) :is(h2,h3,p,strong,figcaption,blockquote,cite,.about-signature span,.trust-grid span,.double-scenarios span){color:#342a25!important}

 body.mm-mobile main :is(.dark,.about-owner-band,.quote-band,.double-section,.contact-band,.final-band) .eyebrow{color:#735132!important}

 body.mm-mobile main :is(.dark,.about-owner-band,.quote-band,.double-section,.contact-band,.final-band) a:not(.button):not(.mm-call):not(.consult-phone):not(.consult-email){color:#65472f!important}

 body.mm-mobile main :is(.dark,.about-owner-band,.quote-band,.double-section,.contact-band,.final-band) .button{background:#65472f!important;color:#fff!important;border-color:#65472f!important}

 body.mm-mobile main [data-component="premium-transition"] .pb-brand-links a{color:#65472f!important}

 body.mm-mobile main [data-component="premium-transition"] figcaption{background:#261f1b!important;color:#fffaf2!important}

 body.mm-mobile main a.mm-call,

 body.mm-mobile main a.mm-call:visited,

 body.mm-mobile main a.mm-call:hover,

 body.mm-mobile main a.mm-call:focus,

 body.mm-mobile main .mm-shortcuts a[href^="tel:"]{color:#fff!important;background:#65472f;border-color:#65472f}

 body.mm-mobile main .mm-disclosure>summary h2{font-size:18px!important;line-height:1.4;font-weight:400}

 body.mm-mobile main .mm-disclosure>summary{padding-top:10px;padding-bottom:10px;min-height:48px}

 body.mm-mobile main :is(#faq,.faq,.wc-faq,.shutters-faq) h2{font-size:20px!important;line-height:1.35;font-weight:400}

}

.mm-calculator-terms{grid-column:1/-1;min-width:0}

@media(max-width:600px){

 body.mm-mobile main :is(.dimension-calculator,#classic-calculation,.calc-layout,.cost-layout){gap:12px!important}

 body.mm-mobile main :is(.dimension-calculator,#classic-calculation,.horizontal-standard-form,#vertical-calculator){padding:14px!important}

 body.mm-mobile main :is(.dimension-form,#classic-calculation,.horizontal-standard-form,#vertical-calculator) label:not(.check){margin:8px 0!important;line-height:1.4}

 body.mm-mobile main :is(.dimension-form,#classic-calculation,.horizontal-standard-form,#vertical-calculator) :is(input:not([type=checkbox]),select){min-height:44px;padding:9px 10px!important;margin-top:4px!important;margin-bottom:0!important}

 body.mm-mobile main :is(.dimension-sizes,.dimension-fields,.calc-fields,.venus-dimensions){gap:8px!important}

 body.mm-mobile main :is(.dimension-form,#classic-calculation,.horizontal-standard-form,#vertical-calculator) :is(.fine,.help){margin-top:8px!important;margin-bottom:8px!important;line-height:1.5}

 body.mm-mobile main :is(.dimension-form,#classic-calculation,.horizontal-standard-form,#vertical-calculator) :is(.check,.venus-installation-check){min-height:44px;margin:4px 0!important}

 body.mm-mobile main .horizontal-standard-form fieldset{padding:12px!important;margin:10px 0!important}

 body.mm-mobile main .dimension-result{padding:14px!important}

 body.mm-mobile main .dimension-result .cost-row{padding-block:6px}

 body.mm-mobile main .dimension-result .cost-row.total{margin-top:8px}

 body.mm-mobile main .mm-calculator-terms{margin-block:4px 0!important;font-size:12px;line-height:1.5}

}

/* Keep the horizontal-blind demo and its controls together on phones. */

@media(max-width:600px){

 body.mm-mobile #how:has(#demo-window) .demo-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start}

 body.mm-mobile #how:has(#demo-window) .demo-grid>div{display:contents}

 body.mm-mobile #how:has(#demo-window) .demo-grid>div>p:first-child{order:1;margin:0;font-size:15px;line-height:1.5}

 body.mm-mobile #how:has(#demo-window) .demo-grid>figure{order:2;margin:0}

 body.mm-mobile #how:has(#demo-window) .demo-grid>figure>figcaption{margin-top:6px;font-size:12px;line-height:1.4}

 body.mm-mobile #how:has(#demo-window) .window{height:clamp(160px,24vh,220px);border-width:10px;box-shadow:none}

 body.mm-mobile #how:has(#demo-window) .window.closed .slats i{height:calc(100% / 12);flex-shrink:0}

 body.mm-mobile #how:has(#demo-window) .demo-controls{order:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}

 body.mm-mobile #how:has(#demo-window) .demo-controls button{width:100%;min-width:0;min-height:48px;padding:8px 4px;font-size:13px;line-height:1.35;white-space:normal}

 body.mm-mobile #how:has(#demo-window) #demo-status{order:4;min-height:3em;margin:0;font-size:15px;line-height:1.5}

 body.mm-mobile #how:has(#demo-window) .demo-grid>div>p.fine{order:5;margin:0;font-size:12px;line-height:1.4}

}

/* Exact background of the current PRO footer: assets/neutral-palette.css. */

body main :is(.cz-special,[data-component="premium-transition"]){background:#c7b8a3!important;color:#302d2a;border:2px solid #a99880!important;overflow:hidden}

body main :is(.cz-special,[data-component="premium-transition"]) .premium-copy{background:#c7b8a3!important;color:#302d2a}

body main :is(.cz-special,[data-component="premium-transition"]) .premium-copy :is(h2,p){color:#302d2a!important}

body main :is(.cz-special,[data-component="premium-transition"]) :is(figure,figcaption){background:#c7b8a3!important;color:#403a35!important}

body main :is(.cz-special,[data-component="premium-transition"]) .premium-actions a{background:#48423e!important;color:#fff!important;border-color:#48423e}

body main :is(.cz-special,[data-component="premium-transition"]) .special-direction{border-color:#a99880}

body main :is(.cz-special,[data-component="premium-transition"]) .special-direction a{color:#302d2a!important}

body main :is(.cz-special,[data-component="premium-transition"]) .mm-pro-mark i{background:#886448}


/* Owner-confirmed back-to-top, including wider screens. */
.site-back-top{box-sizing:border-box;width:auto!important;min-width:80px!important;height:44px!important;min-height:44px!important;padding:0 12px!important;border:1px solid #a88a69!important;border-radius:8px!important;background:#fffaf2!important;color:#65472f!important;font:500 14px/1.2 Arial,sans-serif!important;box-shadow:0 2px 8px #342a251a!important;align-items:center;justify-content:center}