body.studio-branded .studio-inquiry-button{position:fixed;right:var(--editor-right,34px);bottom:96px;width:var(--editor-width,322px);height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border:1px solid #fff8;border-radius:17px;background:#1d4e5c;color:#fff;font:600 13px/1.3 'Segoe UI',sans-serif;box-shadow:0 9px 28px #263f461a;cursor:pointer;z-index:12;transition:background .15s,transform .15s}
body.studio-branded .studio-inquiry-button:hover{background:#286171;transform:translateY(-1px)}.studio-inquiry-button:focus-visible,.studio-builder a:focus-visible{outline:3px solid #ce9a62;outline-offset:3px}
body.studio-branded .configuration,body.studio-branded .settings,body.studio-branded :is(.studio .config-panel,.studio .display-panel),body.studio-branded .studio-irrigation .sidebar{bottom:162px}
.studio-builder{position:fixed;right:var(--editor-right,34px);bottom:20px;width:var(--editor-width,322px);display:flex;flex-direction:column;align-items:flex-end;gap:9px;z-index:10;font:10px/1.4 'Segoe UI',sans-serif;color:#77817e}
.studio-builder>div{display:flex;align-items:center;gap:10px}.studio-builder img{width:111px;height:20px;object-fit:contain}.studio-builder a{display:flex;gap:15px;align-items:center;padding:6px 11px;border:1px solid #1d4e5c20;border-radius:9px;color:#315967;text-decoration:none;background:#faf9f480;font-size:10px}.studio-builder a:hover{background:#fff}
.brand img[src*="studio-brand"],.panel-studio header>a img[src*="studio-brand"],.studio .topline .logo,.studio-irrigation .topbar>img{width:207px;height:60px;object-fit:contain;filter:brightness(0) saturate(100%) invert(25%) sepia(18%) saturate(1510%) hue-rotate(148deg) brightness(92%)}
@media(max-width:760px){
 body.studio-branded .studio-inquiry-button{right:12px;left:12px;bottom:80px;width:auto;height:45px;border-radius:13px}
 .studio-builder{right:12px;bottom:6px;width:auto;gap:3px}.studio-builder>div{gap:5px;font-size:8px}.studio-builder img{width:75px;height:13px}.studio-builder a{padding:3px 6px;font-size:8px}
 body.studio-branded .configuration,body.studio-branded .settings,body.studio-branded :is(.studio .config-panel,.studio .display-panel),body.studio-branded .studio-irrigation .sidebar{bottom:181px}
 body.studio-branded .steps,body.studio-branded :is(.dock,.studio .bottom-zone .dock),body.studio-branded .studio-irrigation .page-tabs{bottom:calc(35dvh + 189px)}
 body.studio-branded .view-top,body.studio-branded .view,body.studio-branded .studio .view-control,body.studio-branded .studio-irrigation .stage-heading{bottom:134px}
 body.studio-branded .view-bottom,body.studio-branded .bottom,body.studio-branded .studio .camera-presets,body.studio-branded .studio-irrigation .customer-focus{bottom:38px;left:12px;transform:none;max-width:calc(100vw - 145px);overflow-x:auto}
 body.studio-branded #canvas-mount,body.studio-branded #stage{bottom:calc(35dvh + 241px)}
 body.studio-branded .order-bar,body.studio-branded .offer{bottom:calc(35dvh + 245px)}
 body.studio-branded.panel-collapsed .steps{bottom:181px}body.studio-branded.panel-collapsed .order-bar{bottom:241px}
 body.studio-branded .studio-irrigation .stage{bottom:calc(35dvh + 241px)}body.studio-branded .studio-irrigation .price-card{bottom:calc(35dvh + 245px)}
 .brand img[src*="studio-brand"],.panel-studio header>a img[src*="studio-brand"],.studio .topline .logo,.studio-irrigation .topbar>img{width:145px;height:43px}
}
.studio-mobile-editor{display:none}
/* One visible choice language across the native and React editors. */
select[data-choices][hidden],.studio-system-source,nav[hidden]{display:none!important}
.choice-caption{margin-bottom:8px!important}
.choice-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin:8px 0 22px;min-width:0}
.choice-buttons.choice-stack{grid-template-columns:1fr}
.choice-buttons.choice-compact{grid-template-columns:repeat(3,minmax(0,1fr))}
.choice-buttons.choice-compact button{padding:11px 7px;font-size:11px}
body.air-studio .power-air-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:22px}
body.air-studio .power-air-options .system-card{padding:12px 7px;min-height:52px;display:flex;align-items:center;justify-content:center;text-align:center}
body.air-studio .power-air-options .system-card b{font-size:12px}
body.air-studio .power-air-options .system-card:after{content:none}
body.air-studio #system-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body.air-studio #system-options .system-card{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:14px 12px;min-height:92px}
body.air-studio #system-options .system-card .system-icon{font-size:20px;line-height:1}
body.air-studio #system-options .system-card b{font-size:13px}
body.air-studio #system-options .system-card small{font-size:10px;line-height:1.4}
body.air-studio .system-card.selected,.customer-irrigation .concept-options button.selected{background:#1d4e5c;color:#fff;border-color:#1d4e5c}
body.air-studio .system-card.selected small,.customer-irrigation .concept-options button.selected small{color:#e0eded}
.choice-buttons button,.studio .panel-content .segment button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 12px;border:1px solid #294b5626;border-radius:12px;background:#ffffff80;color:#294b56;font:500 12px/1.45 'Segoe UI',sans-serif;cursor:pointer;white-space:normal;text-align:center}
.choice-buttons.choice-stack button{text-align:left;justify-content:flex-start;padding:13px 15px}
.choice-buttons button:hover:not(:disabled),.studio .panel-content .segment button:hover{background:#ecf2f0;border-color:#73969e}
.choice-buttons button[aria-pressed=true],.studio .panel-content .segment button[aria-pressed=true]{background:#1d4e5c;color:#fff;border-color:#1d4e5c;box-shadow:0 2px 5px #1d4e5c10}
.choice-buttons button:disabled{opacity:.45;cursor:default;box-shadow:none}
.choice-buttons button:focus-visible,.studio-system-nav button:focus-visible,body.studio-branded button:focus-visible{outline:3px solid #ce9a62;outline-offset:3px}
.choice-swatch{width:22px;height:22px;flex:0 0 22px;border:1px solid #ffffff90;box-shadow:0 0 0 1px #294b5626;border-radius:50%}
.choice-arrow{font-size:19px;line-height:1}
.scene-unavailable{position:absolute;z-index:4;left:30%;top:40%;width:min(320px,65%);padding:22px;background:#faf9f5f7;border:1px solid #fff;border-radius:18px;color:#294b56;font:13px/1.6 'Segoe UI',sans-serif;box-shadow:0 8px 24px #263f4610}
.scene-unavailable strong{font-size:16px}.scene-unavailable button{min-height:44px;padding:10px 16px;border:0;border-radius:12px;background:#1d4e5c;color:#fff;cursor:pointer}
@media(max-width:760px){.scene-unavailable{left:12px;top:260px;width:calc(100% - 24px)}.studio-irrigation .stage .scene-unavailable{top:20px}}
.studio .panel-content .segment{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px;padding:0;background:transparent;border:0;margin:8px 0 22px}
.studio-system-nav{position:fixed;top:25px;left:50%;transform:translateX(-50%);z-index:20;display:flex;align-items:stretch;gap:3px;padding:5px;border:1px solid #fff;border-radius:17px;background:#faf9f5f7;box-shadow:0 8px 24px #263f460a;max-width:calc(100vw - 520px)}
.studio-system-nav button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 12px;background:transparent;border:0;border-radius:12px;color:#57717a;font:500 11px/1.3 'Segoe UI',sans-serif;white-space:nowrap;cursor:pointer}
.studio-system-nav svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round;flex-shrink:0}
.studio-system-nav button[aria-pressed=true]{background:#1d4e5c;color:#fff}
.studio-system-nav button:hover:not([aria-pressed=true]){background:#eaf0ef}
@media(min-width:761px) and (max-width:1250px){.studio-system-nav{top:86px;max-width:calc(100vw - 380px);left:24px;transform:none}.studio-system-nav button{padding:8px;font-size:10px;gap:5px}.studio-system-nav svg{display:none}body.air-studio .page-heading,body.panel-studio .heading,.studio .identity,.studio-irrigation .studio-title{top:148px}}
@media(max-width:760px){
 .studio-system-nav{top:70px;left:12px;right:12px;transform:none;max-width:none;gap:2px;padding:4px;border-radius:14px}
 .studio-system-nav button{flex:1;min-width:0;flex-direction:column;gap:2px;padding:3px 2px;height:44px;min-height:44px;font-size:8.5px;line-height:1.2;white-space:normal}
 .studio-system-nav svg{width:14px;height:14px}
 .choice-buttons{gap:7px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}
 .choice-buttons button{min-height:46px;font-size:12px}
}
#order-lines .order-line{grid-template-columns:1fr}
@media(max-width:760px){
 body.studio-branded{--mobile-bottom:env(safe-area-inset-bottom,0px)}
 body.studio-branded .studio-mobile-editor{position:fixed;display:flex;align-items:center;justify-content:center;left:12px;right:12px;bottom:calc(110px + var(--mobile-bottom));height:44px;border:1px solid #1d4e5c30;border-radius:14px;background:#faf9f4f5;color:#1d4e5c;font:600 13px 'Segoe UI',sans-serif;z-index:13;box-shadow:0 5px 20px #263f4610}
 body.studio-branded .studio-inquiry-button{bottom:calc(56px + var(--mobile-bottom));height:46px}
 body.studio-branded .studio-builder{bottom:calc(7px + var(--mobile-bottom));left:12px;right:12px;width:auto;flex-direction:row;justify-content:space-between;align-items:center}
 body.studio-branded .studio-builder a{min-height:32px}
 body.studio-branded .configuration,body.studio-branded .settings,body.studio-branded :is(.studio .config-panel,.studio .display-panel),body.studio-branded .studio-irrigation .sidebar{display:none;top:240px;bottom:calc(214px + var(--mobile-bottom));height:auto;max-height:none;z-index:11}
 body.studio-branded.mobile-editor-open .configuration,body.studio-branded.mobile-editor-open .settings,body.studio-branded.mobile-editor-open :is(.studio .config-panel,.studio .display-panel),body.studio-branded.mobile-editor-open .studio-irrigation .sidebar{display:flex;flex-direction:column}
 body.studio-branded .steps,body.studio-branded :is(.dock,.studio .bottom-zone .dock),body.studio-branded .studio-irrigation .page-tabs{display:none;top:184px;bottom:auto;height:48px;z-index:12}
 body.studio-branded.mobile-editor-open .steps,body.studio-branded.mobile-editor-open :is(.dock,.studio .bottom-zone .dock),body.studio-branded.mobile-editor-open .studio-irrigation .page-tabs{display:flex}
 body.studio-branded #canvas-mount,body.studio-branded #stage{top:210px;bottom:calc(264px + var(--mobile-bottom));min-height:100px}
 body.studio-branded .studio-irrigation .stage{top:210px;bottom:calc(264px + var(--mobile-bottom));min-height:100px}
 body.studio-branded .view-top,body.studio-branded .view,body.studio-branded .studio .view-control,body.studio-branded .studio-irrigation .stage-heading{bottom:calc(214px + var(--mobile-bottom));height:44px;max-width:calc(100vw - 24px);overflow-x:auto;z-index:6}
 body.studio-branded.mobile-editor-open .view-top,body.studio-branded.mobile-editor-open .view,body.studio-branded.mobile-editor-open .studio .view-control,body.studio-branded.mobile-editor-open .studio-irrigation .stage-heading{visibility:hidden}
 body.studio-branded .view-bottom,body.studio-branded .bottom,body.studio-branded .studio .camera-presets,body.studio-branded .studio-irrigation .customer-focus{bottom:calc(162px + var(--mobile-bottom));height:44px;left:12px;right:12px;max-width:calc(100vw - 24px);width:max-content;transform:none;overflow-x:auto;white-space:nowrap}
 body.studio-branded .order-bar,body.studio-branded .offer,body.studio-branded .studio-irrigation .price-card,body.studio-branded .studio .cost-card{position:fixed;top:210px;bottom:auto;left:14px;right:auto;width:auto;max-width:180px;padding:8px 12px;max-height:48px;overflow:hidden;z-index:5;margin:0}
 body.studio-branded .offer>*,body.studio-branded .studio .cost-card>*,body.studio-branded .studio-irrigation .price-card>*{display:none}
 body.studio-branded .offer #price,body.studio-branded .studio .cost-card>strong,body.studio-branded .studio-irrigation .price-card strong{display:block;font-size:22px;margin:0}
 body.studio-branded .edit-tools{bottom:calc(264px + var(--mobile-bottom));z-index:6}
 body.studio-branded input,body.studio-branded select,body.studio-branded textarea{font-size:16px}
 body.studio-branded .config-body,body.studio-branded .panel-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 body.studio-branded .view-switch button,body.studio-branded .view-chip,body.studio-branded .tools button{min-height:40px}
 body.studio-branded .view-caption{display:none}
 body.studio-branded .request-dialog{max-height:calc(100dvh - 24px)}
}
@media(max-width:760px) and (max-height:700px){
 body.studio-branded.mobile-editor-open .configuration,body.studio-branded.mobile-editor-open .settings,body.studio-branded.mobile-editor-open :is(.studio .config-panel,.studio .display-panel),body.studio-branded.mobile-editor-open .studio-irrigation .sidebar{top:156px;bottom:calc(162px + var(--mobile-bottom))}
 body.studio-branded.mobile-editor-open .steps,body.studio-branded.mobile-editor-open :is(.dock,.studio .bottom-zone .dock),body.studio-branded.mobile-editor-open .studio-irrigation .page-tabs{top:104px}
 body.studio-branded.mobile-editor-open .view-bottom,body.studio-branded.mobile-editor-open .bottom,body.studio-branded.mobile-editor-open .studio .camera-presets,body.studio-branded.mobile-editor-open .studio-irrigation .customer-focus{visibility:hidden}
}

@media(max-width:760px){body.studio-branded.mobile-editor-open .order-bar,body.studio-branded.mobile-editor-open .offer,body.studio-branded.mobile-editor-open .studio-irrigation .price-card,body.studio-branded.mobile-editor-open .studio .cost-card{visibility:hidden}}

@media(max-width:760px){
 body.studio-branded .view-top,body.studio-branded .view,body.studio-branded .studio .view-control,body.studio-branded .studio-irrigation .stage-heading,
 body.studio-branded .view-bottom,body.studio-branded .bottom,body.studio-branded .studio .camera-presets,body.studio-branded .studio-irrigation .customer-focus{height:52px;overflow-y:hidden;scrollbar-width:none}
}
@media(min-width:761px) and (max-width:1100px) and (max-height:550px){
 body.studio-branded{--editor-right:12px;--editor-width:300px}
 body.studio-branded .studio-mobile-editor{display:block;position:fixed;right:12px;bottom:66px;width:300px;height:42px;border:1px solid #1d4e5c30;border-radius:14px;background:#faf9f4f5;color:#1d4e5c;z-index:13}
 body.studio-branded .studio-inquiry-button{right:12px;bottom:14px;width:300px;height:44px}
 body.studio-branded .studio-builder{left:18px;right:auto;bottom:7px;width:290px;flex-direction:row;align-items:center;justify-content:space-between;font-size:8px}
 body.studio-branded .studio-builder img{width:75px;height:15px}.studio-builder a{font-size:8px}
 body.studio-branded .configuration,body.studio-branded .settings,body.studio-branded :is(.studio .config-panel,.studio .display-panel),body.studio-branded .studio-irrigation .sidebar{display:none;left:auto;right:12px;top:116px;bottom:118px;width:300px;height:auto;max-height:none;z-index:11;overflow-y:auto}
 body.studio-branded.mobile-editor-open .configuration,body.studio-branded.mobile-editor-open .settings,body.studio-branded.mobile-editor-open :is(.studio .config-panel,.studio .display-panel),body.studio-branded.mobile-editor-open .studio-irrigation .sidebar{display:flex;flex-direction:column}
 body.studio-branded .steps,body.studio-branded :is(.dock,.studio .bottom-zone .dock),body.studio-branded .studio-irrigation .page-tabs{display:none;left:auto;right:12px;top:60px;bottom:auto;width:300px;z-index:12}
 body.studio-branded.mobile-editor-open .steps,body.studio-branded.mobile-editor-open :is(.dock,.studio .bottom-zone .dock),body.studio-branded.mobile-editor-open .studio-irrigation .page-tabs{display:flex}
 body.studio-branded #canvas-mount,body.studio-branded #stage,body.studio-branded .studio-irrigation .stage{position:fixed;top:120px;bottom:125px;left:10px;right:325px;min-height:100px}
 body.studio-branded .view-top,body.studio-branded .view,body.studio-branded .studio .view-control,body.studio-branded .studio-irrigation .stage-heading{left:18px;right:auto;bottom:80px;top:auto;transform:none;max-width:calc(100vw - 345px);height:40px;overflow:hidden}
 body.studio-branded .view-bottom,body.studio-branded .bottom,body.studio-branded .studio .camera-presets,body.studio-branded .studio-irrigation .customer-focus{left:18px;right:auto;bottom:35px;top:auto;transform:none;max-width:calc(100vw - 345px);height:40px;overflow-x:auto;overflow-y:hidden}
 body.studio-branded .order-bar,body.studio-branded .offer,body.studio-branded .studio .cost-card,body.studio-branded .studio-irrigation .price-card{position:fixed;left:auto;right:12px;top:125px;bottom:auto;width:300px;max-height:85px;overflow:hidden;padding:12px}
 body.studio-branded.mobile-editor-open .order-bar,body.studio-branded.mobile-editor-open .offer,body.studio-branded.mobile-editor-open .studio .cost-card,body.studio-branded.mobile-editor-open .studio-irrigation .price-card{visibility:hidden}
 body.studio-branded .identity,body.studio-branded .studio-title{top:70px;left:20px}
 body.studio-branded h1{font-size:24px}body.studio-branded .eyebrow,body.studio-branded .identity>small{display:none}
 body.studio-branded .brand img[src*=studio-brand],body.studio-branded header>a img[src*=studio-brand],body.studio-branded .studio .topline .logo,body.studio-branded .studio-irrigation .topbar>img{width:145px;height:43px}
 body.studio-branded .edit-tools{bottom:125px;left:18px;right:auto}
}

@media(min-width:761px) and (max-width:1100px) and (max-height:550px){
 body.studio-branded .config-header,body.studio-branded .panel-head{padding:10px 14px;min-height:42px}
 body.studio-branded .config-header h2,body.studio-branded .panel-head h2{font-size:19px;margin:0}
 body.studio-branded .config-header small,body.studio-branded .panel-head small{display:none}
 body.studio-branded .config-body,body.studio-branded .panel-body{padding:12px 14px;min-height:0;overflow-y:auto}
}

body.studio-branded .studio-heading-context{display:block;font-size:9px;line-height:1.5;letter-spacing:1.3px}
@media(min-width:761px) and (max-width:1100px) and (min-height:551px){
 body.studio-branded :is(.page-heading,.heading,.studio .identity,.studio-irrigation .studio-title){max-width:calc(100vw - 365px)}
 body.studio-branded :is(.page-heading,.heading,.studio .identity,.studio-irrigation .studio-title) h1{font-size:28px;line-height:1.2}
 body.studio-branded :is(.order-bar,.offer,.studio .cost-card,.studio-irrigation .price-card){position:fixed;top:282px;bottom:auto;left:24px;right:auto;width:auto;max-width:220px;max-height:65px;padding:10px 14px;overflow:hidden}
 body.studio-branded .studio .cost-card>*,body.studio-branded .studio-irrigation .price-card>*{display:none}
 body.studio-branded .studio .cost-card>strong,body.studio-branded .studio-irrigation .price-card>strong{display:block;font-size:26px;margin:0}
 body.studio-branded #canvas-mount,body.studio-branded #stage,body.studio-branded .studio-irrigation .stage{top:clamp(270px,34vh,340px)}
}
@media(max-width:760px){body.studio-branded .page-heading .studio-heading-context{display:block;margin-bottom:6px;font-size:8px}body.studio-branded .page-heading h1{font-size:26px}}
@media(max-width:760px){
 body.studio-branded :is(.page-heading,.heading,.studio .identity,.studio-irrigation .studio-title){top:134px;left:20px}
 body.studio-branded :is(.page-heading,.heading,.studio .identity,.studio-irrigation .studio-title) h1{font-size:26px;line-height:1.15;margin:4px 0 0}
 body.studio-branded :is(.page-heading,.heading,.studio .identity,.studio-irrigation .studio-title) .studio-heading-context{font-size:8px;line-height:12px;margin:0}
 body.studio-branded .spec-strip,body.studio-branded .system-summary,body.studio-branded.panel-studio #summary{display:none}
 body.studio-branded.mobile-editor-open :is(.page-heading p,.heading>p,.studio .identity>p,.studio-irrigation .studio-title>p){visibility:hidden}
}
@media(max-width:760px) and (max-height:700px){
 body.studio-branded.mobile-editor-open :is(.page-heading,.heading,.studio .identity,.studio-irrigation .studio-title){visibility:hidden}
 body.studio-branded.mobile-editor-open .steps,body.studio-branded.mobile-editor-open :is(.dock,.studio .bottom-zone .dock),body.studio-branded.mobile-editor-open .studio-irrigation .page-tabs{top:134px}
 body.studio-branded.mobile-editor-open .configuration,body.studio-branded.mobile-editor-open .settings,body.studio-branded.mobile-editor-open :is(.studio .config-panel,.studio .display-panel),body.studio-branded.mobile-editor-open .studio-irrigation .sidebar{top:190px}
}
@media(min-width:761px) and (max-width:1100px) and (max-height:550px){
 .studio-system-nav{top:72px;left:18px}
 body.studio-branded :is(.page-heading,.heading,.studio .identity,.studio-irrigation .studio-title){display:none}
 body.studio-branded #canvas-mount,body.studio-branded #stage,body.studio-branded .studio-irrigation .stage{top:134px}
}

/* Product advice is always available alongside the configuration inquiry. */
body.studio-branded .studio-contact-button{position:fixed;right:var(--editor-right,34px);bottom:80px;width:var(--editor-width,322px);min-height:38px;padding:8px 14px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #1d4e5c30;border-radius:13px;background:#faf9f5f7;color:#1d4e5c;font:600 12px/1.3 'Segoe UI',sans-serif;cursor:pointer;z-index:12}
.studio-contact-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}.studio-contact-button:hover{background:#e5eeec}
@media(min-width:761px) and (min-height:551px){body.studio-branded .studio-inquiry-button{bottom:126px}body.studio-branded .configuration,body.studio-branded .settings,body.studio-branded :is(.studio .config-panel,.studio .display-panel),body.studio-branded .studio-irrigation .sidebar{bottom:190px}}
@media(max-width:760px){body.studio-branded .studio-inquiry-button{right:calc(50% + 4px);left:12px;width:auto;padding:0 12px;font-size:12px;justify-content:center;gap:5px}body.studio-branded .studio-contact-button{left:calc(50% + 4px);right:12px;bottom:calc(56px + var(--mobile-bottom));width:auto;height:46px;padding:5px 9px;font-size:12px}body.studio-branded .studio-contact-button svg{display:none}}
@media(min-width:761px) and (max-height:550px){body.studio-branded .studio-contact-button{left:18px;right:auto;bottom:126px;width:235px;min-height:38px}}
/* A collapsed air panel must keep its view controls above the contact row. */
@media(max-width:760px){
 body.air-studio.studio-branded.panel-collapsed .view-top{bottom:calc(214px + var(--mobile-bottom))}
 body.air-studio.studio-branded.panel-collapsed .view-bottom{bottom:calc(162px + var(--mobile-bottom))}
}