/* Layout variants share the live forms, account data and checkout controllers. */
html:is([data-client-design="MOBILE"],[data-client-design="SIMPLE"]){--cd-bg:#f5f6f8;--cd-card:#fff;--cd-ink:#171923;--cd-muted:#596170;--cd-line:#dce0e8;--cd-accent:#bc1b61;--cd-soft:#fce9f2;--cd-button:#fff}
html[data-client-design="SIMPLE"]{--cd-bg:#f0f5fa;--cd-ink:#162d46;--cd-muted:#506679;--cd-line:#cbd8e1;--cd-accent:#087681;--cd-soft:#e5f4f5}
html[data-rental-mode="dark"]:is([data-client-design="MOBILE"],[data-client-design="SIMPLE"]){--cd-bg:#252733;--cd-card:#333643;--cd-ink:#f8f5fb;--cd-muted:#c8c8d5;--cd-line:#666778;--cd-accent:#f2a3c8;--cd-soft:#493548;--cd-button:#341527}
html[data-rental-mode="dark"][data-client-design="SIMPLE"]{--cd-bg:#182532;--cd-card:#223746;--cd-ink:#eff8ff;--cd-muted:#b7ccd9;--cd-line:#557182;--cd-accent:#80dce1;--cd-soft:#2b4c56;--cd-button:#123337}
html:is([data-client-design="MOBILE"],[data-client-design="SIMPLE"]) body.rental-client{background:var(--cd-bg)!important;color:var(--cd-ink)!important}
html:is([data-client-design="MOBILE"],[data-client-design="SIMPLE"]) body.rental-client :is(.client-top,.client-side,.order-box,.rental-summary,.funds-card,.payment-option,.profile-card,.card,.home-start-card,.home-start-link,.service-search-panel,.subcategory-item,.catalog-choice){background:var(--cd-card)!important;border-color:var(--cd-line)!important;color:var(--cd-ink)!important;box-shadow:0 5px 22px #132a4010!important}
html:is([data-client-design="MOBILE"],[data-client-design="SIMPLE"]) body.rental-client :is(input,textarea,select){background:var(--cd-card)!important;color:var(--cd-ink)!important;border:1px solid var(--cd-line)!important;border-radius:12px!important;min-height:48px;caret-color:var(--cd-accent)!important;-webkit-text-fill-color:var(--cd-ink)!important}
html:is([data-client-design="MOBILE"],[data-client-design="SIMPLE"]) body.rental-client :is(input,textarea)::placeholder{color:var(--cd-muted)!important;-webkit-text-fill-color:var(--cd-muted)!important;opacity:1!important}
html:is([data-client-design="MOBILE"],[data-client-design="SIMPLE"]) body.rental-client :is(h1,h2,h3,h4,label,strong,b,.catalog-choice span,.subcategory-item span){color:var(--cd-ink)!important}
html:is([data-client-design="MOBILE"],[data-client-design="SIMPLE"]) body.rental-client :is(.order-head p,.order-box-title small,.catalog-choice small,.fund-hint,.order-message,.home-eyebrow,.home-intro p,.side-nav a,.balance-pill small){color:var(--cd-muted)!important}
html:is([data-client-design="MOBILE"],[data-client-design="SIMPLE"]) body.rental-client :is(.continue-pay,.continue-btn,.home-primary,.register-button,.auth-submit){background:var(--cd-accent)!important;color:var(--cd-button)!important;border:0!important;border-radius:13px!important;min-height:50px;font-weight:750}
html:is([data-client-design="MOBILE"],[data-client-design="SIMPLE"]) body.rental-client :is(.mobile-bottom-nav,.tc-menu,.tc-toggle,.rental-theme-toggle){background:var(--cd-card)!important;color:var(--cd-ink)!important;border-color:var(--cd-line)!important}
html:is([data-client-design="MOBILE"],[data-client-design="SIMPLE"]) body.rental-client :is(.mobile-bottom-nav a,.mobile-bottom-nav button){color:var(--cd-muted)!important}
html:is([data-client-design="MOBILE"],[data-client-design="SIMPLE"]) body.rental-client :is(.mobile-new-order,.side-nav a.active,.catalog-choice:hover,.catalog-choice:focus-visible){background:var(--cd-soft)!important;color:var(--cd-accent)!important;border-color:var(--cd-accent)!important}
html:is([data-client-design="MOBILE"],[data-client-design="SIMPLE"]) body.rental-client :is(a,button,input,select,textarea):focus-visible{outline:3px solid var(--cd-accent)!important;outline-offset:3px}
html[data-client-design="MOBILE"] body.rental-client :is(.order-box,.rental-summary,.funds-card,.profile-card,.card){border-radius:22px!important}
html[data-client-design="MOBILE"] body.rental-client .client-top{border-radius:18px!important;margin-bottom:24px!important;padding:14px 20px!important}
html[data-client-design="MOBILE"] body.rental-client .order-head h1{font-family:system-ui,sans-serif!important;letter-spacing:-1px!important;font-size:clamp(26px,3vw,36px)!important}
html[data-client-design="MOBILE"] body.rental-client .platform-grid{gap:12px!important}
html[data-client-design="MOBILE"] body.rental-client .catalog-choice{border-radius:17px!important;padding:20px!important;min-height:75px}
.design-mobile-welcome{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;margin-bottom:28px}.design-wallet-card{background:linear-gradient(125deg,#2a1830,#4f1c43 60%,#7d2052);border-radius:22px;padding:24px;color:white;box-shadow:0 12px 32px #3c173323}.design-wallet-card>small{font-size:11px;letter-spacing:.12em;color:#f7dce9}.design-wallet-card>[data-account-balance]{display:block;color:#fff!important;font-size:32px;line-height:1.3;margin:8px 0 20px}.design-wallet-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.design-wallet-actions a{font-size:13px;font-weight:750;color:white!important;text-decoration:none}.design-wallet-actions a:first-child{background:#fff;border-radius:12px;padding:12px 16px;color:#85214f!important}.design-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);align-content:center;gap:10px}.design-quick-actions a{display:flex;align-items:center;min-height:92px;padding:16px;border:1px solid var(--cd-line);border-radius:17px;color:var(--cd-ink)!important;font-weight:750;font-size:13px;text-decoration:none;background:var(--cd-card)}
html[data-client-design="SIMPLE"] body.rental-client>.client-side{display:none!important}
html[data-client-design="SIMPLE"] body.rental-client .client-main{margin:0 auto!important;padding:24px 30px 60px!important;max-width:1240px!important;width:100%!important}
html[data-client-design="SIMPLE"] body.rental-client .client-top{display:flex!important;flex-wrap:wrap;gap:20px;border:0!important;border-bottom:1px solid var(--cd-line)!important;border-radius:0!important;box-shadow:none!important;padding:12px 0 24px!important;background:transparent!important;position:relative!important;overflow:visible!important}
html[data-client-design="SIMPLE"] body.rental-client .client-mobile-brand{display:flex!important;max-width:220px!important}
html[data-client-design="SIMPLE"] body.rental-client .mobile-nav-toggle{display:none!important}
html[data-client-design="SIMPLE"] body.rental-client .rental-order-layout{grid-template-columns:minmax(0,1fr) 310px!important;gap:28px!important}
html[data-client-design="SIMPLE"] body.rental-client .order-box{border-radius:20px!important;padding:30px!important}
html[data-client-design="SIMPLE"] body.rental-client .rental-summary{border-radius:20px!important;position:sticky!important;top:24px!important;align-self:start!important}
html[data-client-design="SIMPLE"] body.rental-client .catalog-choice{border-radius:14px!important;padding:18px!important;min-height:76px}
html[data-client-design="SIMPLE"] body.rental-client .order-progress [data-order-step].on b{background:var(--cd-accent)!important;color:var(--cd-button)!important}
.design-top-nav{display:flex;flex-wrap:wrap;gap:22px;flex:1;order:2;width:100%;justify-content:center}.design-top-nav a{color:var(--cd-muted)!important;font-size:14px;font-weight:650;text-decoration:none}.design-top-nav a:hover{color:var(--cd-accent)!important}
@media(max-width:900px){html[data-client-design="SIMPLE"] body.rental-client .rental-order-layout{grid-template-columns:1fr!important}.design-mobile-welcome{grid-template-columns:1fr}.design-quick-actions a{min-height:68px}.design-top-nav{gap:16px}}
@media(max-width:760px){html:is([data-client-design="MOBILE"],[data-client-design="SIMPLE"]) body.rental-client .client-main{padding:12px 16px 110px!important;width:100%!important;margin:0!important}html[data-client-design="MOBILE"] body.rental-client .client-top{border-radius:0!important;margin:0 -16px 22px!important;padding:14px 16px!important;gap:10px!important}html[data-client-design="SIMPLE"] body.rental-client .client-top{padding:10px 0 16px!important;gap:12px!important}html[data-client-design="SIMPLE"] body.rental-client .order-box{padding:22px 18px!important}html[data-client-design="SIMPLE"] body.rental-client .rental-summary{position:static!important}.design-mobile-welcome{gap:12px;margin-bottom:24px}.design-wallet-card{padding:20px}.design-wallet-card>[data-account-balance]{font-size:30px}.design-quick-actions{gap:8px}.design-quick-actions a{min-height:74px;padding:12px 10px;font-size:12px}.design-top-nav{display:none}html:is([data-client-design="MOBILE"],[data-client-design="SIMPLE"]) body.rental-client .mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom,0px)!important;border-radius:18px 18px 0 0!important}html[data-client-design="SIMPLE"] body.rental-client:not(.mobile-menu-open)>.client-side{display:none!important}html[data-client-design="SIMPLE"] body.rental-client.mobile-menu-open>.client-side{display:block!important}html[data-client-design="MOBILE"] body.rental-client .tc-toggle{max-width:100%;padding:9px!important}}
html[data-client-design="MOBILE"] body.rental-client .design-wallet-card>[data-account-balance]{color:#fff!important}
/* Distinct page structures: app overview and compact guided ordering. */
html[data-client-design="MOBILE"] body.rental-client .client-main{max-width:1050px!important;padding:18px 32px 110px!important;margin:0 auto!important}
html[data-client-design="MOBILE"] body.rental-client .configured-account-summary{display:none!important}
html[data-client-design="MOBILE"] body.rental-client .design-mobile-welcome{display:grid!important;grid-template-columns:1fr!important;gap:22px!important;max-width:850px;margin:24px auto!important}
html[data-client-design="MOBILE"] body.rental-client .design-dashboard-intro h1{font-size:clamp(27px,3.5vw,38px)!important;letter-spacing:-1px!important;margin:6px 0 10px!important;line-height:1.2!important}
html[data-client-design="MOBILE"] body.rental-client .design-dashboard-intro p{font-size:15px!important;line-height:1.6!important;color:var(--cd-muted)!important;margin:0!important}
html[data-client-design="MOBILE"] body.rental-client .design-dashboard-intro p:first-child{font-size:11px!important;letter-spacing:.12em!important;font-weight:750!important}
html[data-client-design="MOBILE"] body.rental-client .design-wallet-card{padding:28px!important;border-radius:24px!important;min-height:190px!important}
html[data-client-design="MOBILE"] body.rental-client .design-wallet-card>[data-account-balance]{font-size:36px!important;color:#fff!important;margin:10px 0 20px!important}
html[data-client-design="MOBILE"] body.rental-client .design-quick-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;border:0!important;margin:0!important;padding:0!important;background:none!important}
html[data-client-design="MOBILE"] body.rental-client .design-quick-actions a{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:9px!important;min-height:105px!important;border-radius:18px!important;padding:20px!important;background:var(--cd-card)!important;color:var(--cd-ink)!important;border:1px solid var(--cd-line)!important;text-decoration:none!important}
html[data-client-design="MOBILE"] body.rental-client .design-quick-actions strong{font-size:16px!important;color:var(--cd-ink)!important}.design-quick-actions small{font-size:12px!important;color:var(--cd-muted)!important}
html[data-client-design="MOBILE"] body.rental-client .design-recent{background:var(--cd-card)!important;padding:24px!important;border:1px solid var(--cd-line)!important;border-radius:22px!important}
.design-recent-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.design-recent-heading h2{font-size:21px!important;margin:0!important}.design-recent-heading a{font-size:13px!important;font-weight:750;color:var(--cd-accent)!important}.design-recent-list{font-size:15px!important;color:var(--cd-muted)!important}.design-empty{margin:0!important;line-height:1.8!important;color:var(--cd-muted)!important}.design-recent-order{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;text-decoration:none!important;border-bottom:1px solid var(--cd-line)}.design-recent-order:last-child{border-bottom:0}.design-recent-order strong{font-size:15px!important;display:block!important;color:var(--cd-ink)!important}.design-recent-order small{display:block!important;color:var(--cd-muted)!important;margin-top:5px}.design-order-status{font-size:11px!important;background:var(--cd-soft)!important;color:var(--cd-accent)!important;padding:7px 10px;border-radius:8px;font-weight:750}
html[data-client-design="MOBILE"][data-design-view="home"] body.rental-client :is(.order-head,.rental-order-layout,.design-back-home){display:none!important}
html[data-client-design="MOBILE"][data-design-view="order"] body.rental-client .design-mobile-welcome{display:none!important}
html[data-client-design="MOBILE"] body.rental-client .rental-order-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;max-width:850px!important;margin:0 auto!important;gap:20px!important}
html[data-client-design="MOBILE"] body.rental-client .order-head{max-width:850px!important;margin:20px auto 24px!important;padding:0!important}
html[data-client-design="MOBILE"] body.rental-client .rental-summary{position:static!important;max-width:none!important;display:block!important}
html[data-client-design="MOBILE"] body.rental-client .rental-order-flow{padding:22px!important;border-radius:22px!important;border:1px solid var(--cd-line)!important;background:var(--cd-card)!important}
html[data-client-design="MOBILE"] body.rental-client .design-back-home{display:block;margin:16px auto;color:var(--cd-accent)!important;max-width:850px;width:100%;background:none!important;border:0!important;text-align:left;padding:8px 0!important;font-size:14px!important;cursor:pointer}
html[data-client-design="MOBILE"] body.rental-client .mobile-bottom-nav{display:none!important}
html[data-client-design="MOBILE"] body.rental-client .design-app-nav{position:fixed!important;bottom:0;left:0;right:0;z-index:40;display:flex!important;justify-content:center!important;gap:8px!important;padding:14px 24px calc(14px + env(safe-area-inset-bottom,0px))!important;background:var(--cd-card)!important;border-top:1px solid var(--cd-line)!important;box-shadow:0 -6px 24px #15203012}
html[data-client-design="MOBILE"] body.rental-client .design-app-nav a{display:flex!important;align-items:center;justify-content:center;min-height:44px!important;min-width:110px;padding:10px 16px!important;border-radius:12px!important;color:var(--cd-ink)!important;text-decoration:none!important;font-size:14px!important;font-weight:750!important}.design-app-nav a:hover{background:var(--cd-soft)!important}
html[data-client-design="SIMPLE"] body.rental-client .configured-account-summary{margin:10px 0 16px!important;padding:0!important}
html[data-client-design="SIMPLE"] body.rental-client .client-top{margin:0 0 20px!important;min-height:75px!important;padding:0 0 14px!important}
html[data-client-design="SIMPLE"] body.rental-client .design-top-nav{flex-basis:100%!important;gap:24px!important;margin:8px 0 0!important;border:0!important;padding:0!important;justify-content:flex-start!important;background:transparent!important}
html[data-client-design="SIMPLE"] body.rental-client .design-top-nav a{font-size:14px!important;color:var(--cd-muted)!important}
html[data-client-design="SIMPLE"] body.rental-client .order-head{margin:20px 0 28px!important;padding:0!important}
html[data-client-design="SIMPLE"] body.rental-client .order-head h1{font-size:32px!important;font-family:system-ui,sans-serif!important;line-height:1.2!important;margin:8px 0!important}
html[data-client-design="SIMPLE"] body.rental-client .order-head p{font-size:15px!important;margin:0!important}
html[data-client-design="SIMPLE"] body.rental-client .rental-order-flow{background:var(--cd-card)!important;border:1px solid var(--cd-line)!important;padding:24px!important;border-radius:18px!important;box-shadow:0 8px 24px #16374b0a!important}
html[data-client-design="SIMPLE"] body.rental-client :is(.order-progress,.order-catalog-tools,.service-search-panel,.order-box){background:transparent!important;border:0!important;box-shadow:none!important}
html[data-client-design="SIMPLE"] body.rental-client .order-box{padding:22px 0 0!important}
html[data-client-design="SIMPLE"] body.rental-client :is(.platform-grid,.need-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
html[data-client-design="SIMPLE"] body.rental-client :is(.platform-grid,.need-grid) .catalog-choice{background:var(--cd-bg)!important;border:1px solid var(--cd-line)!important;border-radius:12px!important;min-height:72px!important;padding:16px!important}
html[data-client-design="SIMPLE"] body.rental-client :is(.order-progress [data-order-step].on,.order-progress [data-order-step].on span,.order-progress [data-order-step].on b,.rentalSummaryTotal,#rentalSummaryTotal,.wizard-back,.service-price-amount,.service-price-unit){color:var(--cd-accent)!important}
html[data-client-design="SIMPLE"] body.rental-client .order-progress [data-order-step].on{border-color:var(--cd-accent)!important}
html[data-client-design="SIMPLE"] body.rental-client .order-progress [data-order-step].on b{color:var(--cd-button)!important}
html[data-client-design="SIMPLE"] body.rental-client .balance-pill>a{background:var(--cd-accent)!important;color:var(--cd-button)!important}
html[data-client-design="SIMPLE"] body.rental-client .rental-summary{padding:24px!important;background:var(--cd-card)!important}
@media(max-width:760px){html[data-client-design="MOBILE"] body.rental-client .client-main{padding:12px 16px 100px!important}html[data-client-design="MOBILE"] body.rental-client .design-mobile-welcome{gap:18px!important;margin:20px 0!important}html[data-client-design="MOBILE"] body.rental-client .design-wallet-card{padding:22px!important;min-height:175px!important}html[data-client-design="MOBILE"] body.rental-client .design-quick-actions{gap:8px!important}html[data-client-design="MOBILE"] body.rental-client .design-quick-actions a{padding:14px 10px!important;min-height:92px!important}html[data-client-design="MOBILE"] body.rental-client .design-quick-actions strong{font-size:12px!important}html[data-client-design="MOBILE"] body.rental-client .design-quick-actions small{font-size:11px!important}html[data-client-design="MOBILE"] body.rental-client .design-app-nav{gap:0!important;padding:8px 4px calc(8px + env(safe-area-inset-bottom,0px))!important}html[data-client-design="MOBILE"] body.rental-client .design-app-nav a{min-width:0!important;flex:1!important;font-size:11px!important;padding:9px 4px!important}html[data-client-design="SIMPLE"] body.rental-client .order-head{margin:18px 0 22px!important}html[data-client-design="SIMPLE"] body.rental-client .rental-order-flow{padding:16px!important}html[data-client-design="SIMPLE"] body.rental-client .order-head h1{font-size:27px!important}}
html[data-client-design="MOBILE"] body.rental-client .design-utilities{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;background:none!important;border:0!important;padding:4px 0!important}html[data-client-design="MOBILE"] body.rental-client .design-utilities a{font-size:13px!important;color:var(--cd-muted)!important;font-weight:650;text-decoration:underline}
html:is([data-client-design="MOBILE"],[data-client-design="SIMPLE"])[data-rental-mode] body.rental-client :is(#socialLink,#orderQuantity,#depositAmount,input,select,textarea){background:var(--cd-card)!important;color:var(--cd-ink)!important;-webkit-text-fill-color:var(--cd-ink)!important;border-color:var(--cd-line)!important}
/* Keep branding and account controls in separate rows instead of squeezing them. */
html[data-client-design="SIMPLE"] body.rental-client .client-top{display:grid!important;grid-template-columns:minmax(150px,1fr) auto 42px 38px!important;align-items:center!important;gap:14px!important;flex-wrap:wrap!important}
html[data-client-design="SIMPLE"] body.rental-client .client-top>.client-mobile-brand{grid-column:1;grid-row:1;min-width:150px!important;width:auto!important;flex:none!important}
html[data-client-design="SIMPLE"] body.rental-client .client-top>.tc-actions{grid-column:2;grid-row:1;min-width:0!important}
html[data-client-design="SIMPLE"] body.rental-client .client-top>.rental-theme-toggle{grid-column:3;grid-row:1}
html[data-client-design="SIMPLE"] body.rental-client .client-top>.panel-notification-docked{grid-column:4;grid-row:1}
html[data-client-design="SIMPLE"] body.rental-client .client-top>div:not(.tc-actions){display:none!important}
html[data-client-design="SIMPLE"] body.rental-client .client-top>.design-top-nav{grid-column:1/-1;grid-row:2;width:100%!important;margin:4px 0 0!important}
html[data-client-design="SIMPLE"] body.rental-client .order-progress [data-order-step].on b{font-size:12px!important;font-weight:800!important;color:var(--cd-button)!important;-webkit-text-fill-color:var(--cd-button)!important}
html[data-client-design="SIMPLE"] body.rental-client .order-catalog-tools button{color:var(--cd-accent)!important;background:var(--cd-soft)!important;border:1px solid var(--cd-line)!important}
html[data-client-design="SIMPLE"] body.rental-client .rental-summary :is(.completion-status,.strength-copy small){color:var(--cd-muted)!important}
html:is([data-client-design="MOBILE"],[data-client-design="SIMPLE"]) body.rental-client .rental-client-support-launch{bottom:90px!important}
@media(max-width:760px){html[data-client-design="SIMPLE"] body.rental-client .client-top{grid-template-columns:minmax(0,1fr) 42px 38px!important;gap:12px!important}html[data-client-design="SIMPLE"] body.rental-client .client-top>.tc-actions{grid-column:1/-1;grid-row:2;width:100%!important;justify-content:space-between!important}html[data-client-design="SIMPLE"] body.rental-client .client-top>.rental-theme-toggle{grid-column:2;grid-row:1}html[data-client-design="SIMPLE"] body.rental-client .client-top>.panel-notification-docked{grid-column:3;grid-row:1}html[data-client-design="SIMPLE"] body.rental-client .client-top>.design-top-nav{display:none!important}}

/* Override shared fixed header/navigation heights for the two-row layout. */
html[data-client-design="SIMPLE"] body.rental-client .client-top{height:auto!important;max-height:none!important}
html[data-client-design="SIMPLE"] body.rental-client .client-top>.design-top-nav{height:auto!important;min-height:0!important;align-items:center!important;padding:12px 0 0!important}