/* Mobile storefront: shared by every public route. Desktop keeps its own layout. */
.mobileBar,.mobileAction,.mobilePageTitle,.mobileShade{display:none}
@media screen and (max-width:900px){
 :root{--mobile-bottom:calc(70px + env(safe-area-inset-bottom,0px));--mobile-header:124px;--mobile-cta:0px}
 html{scroll-padding-top:calc(var(--mobile-header) + 16px);-webkit-text-size-adjust:100%}
 body{padding-bottom:calc(var(--mobile-bottom) + var(--mobile-cta) + 20px);font-size:15px;overflow-wrap:break-word}
 body.hasMobileAction{--mobile-cta:72px}
 *,*:before,*:after{box-sizing:border-box}
 button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
 input,select,textarea,.setForm input,.setForm select,.setForm textarea,.conversionInputs input{font-size:16px!important}
 input,select,textarea{max-width:100%;min-height:46px}
 textarea{min-height:100px;line-height:1.6}
 button,.primary{min-height:44px;touch-action:manipulation}
 a,button{touch-action:manipulation}
 [id]{scroll-margin-top:calc(var(--mobile-header) + 18px)}
 .top{display:none}
 header{position:sticky;top:0;z-index:85;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px 12px;padding:10px 16px 12px;border-bottom:1px solid #e8e8e8;max-width:none;margin:0;box-shadow:0 3px 14px #2e2e2e06}
 header .brand{height:49px;width:137px;max-width:100%;min-width:0;padding:0}
 header .originalLogotype{width:137px;height:54px;max-width:100%}
 header #searchForm{order:4;grid-column:1/-1;display:flex;align-items:center;width:100%;min-width:0;margin:0;padding:0 12px;border:1px solid #e6e6e6;background:#f6f6f6;border-radius:12px;height:44px;flex-basis:auto}
 header #searchForm>span{font-size:25px;margin-right:8px}
 header #searchForm input{height:42px;min-height:42px;font-size:14px!important;min-width:0;background:transparent;flex:1;width:100%;padding:0;border:0}
 header #searchForm kbd{display:none}
 header .cartButton{display:flex;align-items:center;gap:6px;font-size:0;padding:0 10px;min-width:44px;min-height:44px;border:1px solid #e8e8e8;border-radius:12px;background:#fff}
 header .cartButton:before{content:none}
 header .cartButton span{display:grid;place-items:center;min-width:23px;height:23px;border-radius:50%;font-size:11px;background:#ffd600;color:#2e2e2e;padding:0 5px}
 header .menuButton{display:grid;place-items:center;width:44px;height:44px;padding:8px;border-radius:12px;font-size:0;order:0;border:1px solid #e8e8e8}
 header .menuButton:before{content:'☰';font-size:22px;line-height:1}
 header .menuButton[aria-expanded=true]:before{content:'×';font-size:28px}
 .mainNav{display:none;position:fixed;top:var(--mobile-header);left:12px;right:12px;max-height:calc(100dvh - var(--mobile-header) - var(--mobile-bottom) - 20px);overflow-y:auto;white-space:normal;margin:0;background:white;z-index:100;padding:12px!important;border-radius:18px;box-shadow:0 20px 50px #0002;border:1px solid #e6e6e6;gap:0!important;flex-direction:column;align-items:stretch}
 .mainNav.menuOpen{display:flex}
 .mainNav a{display:flex;align-items:center;justify-content:space-between;margin:0!important;padding:15px 12px;font-size:15px;min-height:50px;border-bottom:1px solid #eee;white-space:normal}
 .mainNav a:after{content:'↗';color:#777;font-size:18px;margin-left:12px}.mainNav a:last-child{border:0}
 .mobileShade:not([hidden]){display:block;position:fixed;inset:0;z-index:80;border:0;padding:0;background:#2e2e2e66;backdrop-filter:blur(3px)}
 .mobileBar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;height:var(--mobile-bottom);padding:7px 10px calc(7px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e7e7e7;z-index:70;box-shadow:0 -4px 20px #00000006}
 .mobileBar a,.mobileBar button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;position:relative;background:none;border:0;border-radius:12px;color:#777;font:500 11px 'Segoe UI',Arial;text-decoration:none;min-height:50px;padding:4px}
 .mobileBar svg{height:22px;width:22px;stroke-width:1.7;flex-shrink:0}
 .mobileBar [aria-current=page]{background:#fff7cc;color:#2e2e2e;font-weight:700}
 .mobileCount{position:absolute;top:0;left:calc(50% + 7px);display:grid;place-items:center;background:#ffd600;color:#2e2e2e;min-width:17px;height:17px;border-radius:20px;font-size:10px;padding:0 4px}
 .mobileCount[hidden]{display:none}
 .mobileAction{display:flex;align-items:center;justify-content:space-between;position:fixed;bottom:var(--mobile-bottom);left:0;right:0;background:#fff;padding:10px 16px;gap:12px;border-top:1px solid #eee;z-index:69;min-height:72px}
 .mobileAction>div{font-size:11px;color:#777;min-width:0;max-width:40%}.mobileAction strong{display:block;font-size:13px;color:#2e2e2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.mobileAction button{background:#ffd600;border:0;border-radius:12px;padding:13px 18px;font-size:14px;font-weight:700;color:#2e2e2e;flex:1;max-width:260px}
 main{min-width:0}.hero{display:flex;flex-direction:column;min-height:0;margin:0;background:#fafaf7;border-radius:0}
 .heroCopy{padding:28px 20px 8px;z-index:1}.heroCopy .eyebrow{font-size:10px;letter-spacing:1.2px}.heroCopy h1{font-size:clamp(34px,8.4vw,48px);line-height:1.08;letter-spacing:-1.5px;margin:16px 0}.heroCopy>p{font-size:15px;line-height:1.65;max-width:560px;margin:0 0 18px;color:#666}.heroActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.heroActions .primary{grid-column:1/-1;justify-content:center;border-radius:12px;min-height:50px;font-size:15px;padding:14px}.heroActions .textLink{font-size:12px;padding:12px 0;text-align:center;min-height:44px}.heroVisual{height:260px;min-height:0;overflow:hidden}.heroVisual .heroMascot{height:240px;max-height:240px;width:auto;max-width:80%;object-fit:contain}.heroVisual .orbit{width:245px;height:245px}.heroVisual .floating,.heroVisual .vertical,.heroVisual .visualCaption,.heroMeta{display:none}.benefits{padding:20px;gap:20px;grid-template-columns:1fr 1fr}.benefits>div{gap:10px}.benefits b{font-size:25px}.benefits span{font-size:12px;line-height:1.4}.benefits small{font-size:10px;margin-top:5px}
 .experienceHost{padding:28px 16px 12px!important}.experienceIntro{display:block;margin-bottom:18px}.experienceIntro h1,.experienceIntro h2{font-size:29px;letter-spacing:-1px;line-height:1.15;max-width:none}.experienceIntro>p{font-size:13px;margin-top:10px}.experienceIntro>p br{display:none}.experienceTabs{display:flex;overflow:auto;scrollbar-width:none;scroll-snap-type:x proximity}.experienceTabs>button{flex:0 0 auto;min-width:130px;padding:14px 10px;font-size:13px;scroll-snap-align:start}.experienceTabs>button>span{display:none}.experiencePanel{display:flex;flex-direction:column;border-radius:18px;margin-top:15px;min-height:0}.experiencePhoto{order:-1;height:210px;width:100%}.experiencePhoto>img{height:210px;max-height:210px;object-fit:contain}.experiencePhotoCaption small{font-size:8px;letter-spacing:.4px}.experiencePhotoCaption b{font-size:7px}.experienceCopy{padding:22px}.experienceLabel{font-size:10px}.experienceCopy h3{font-size:30px;letter-spacing:-1px;margin:12px 0}.experienceCopy h3 br{display:none}.experienceCopy>p{font-size:14px;max-width:none}.experiencePrimary{width:100%;border-radius:10px;font-size:14px;min-height:48px;min-width:0}.experienceHelp{font-size:13px;min-height:44px}.experienceBottom{display:block;padding:18px 0}.experienceBottom>span{font-size:12px;display:block;margin-bottom:8px}.experienceBottom>div{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px}.experienceBottom>div a{font-size:13px;min-height:44px;display:flex;align-items:center;justify-content:space-between}.experienceAll{display:inline-flex;align-items:center;font-size:13px;margin-top:8px;min-height:44px}
 .homeRoutes{display:flex;flex-direction:column;margin:20px 16px 32px;gap:16px}.routeFeature{padding:24px;grid-template-columns:1fr;border-radius:18px;gap:15px}.routeFeature h2{font-size:29px}.routeFeature p{font-size:14px}.routeFeature img{height:190px;object-fit:contain;order:-1}.routeFeature a{display:flex;justify-content:center;border-radius:10px;font-size:14px}.routeSteps{padding:24px;border-radius:18px}.routeSteps h2{font-size:25px}.routeSteps small{font-size:13px;line-height:1.6}
 .catalog{padding:28px 16px}.smartToolbar{display:flex;flex-wrap:wrap;gap:8px}.catalogSearch{width:100%;min-width:0;border-radius:12px;min-height:48px}.catalogSearch input{font-size:14px!important;min-width:0}.catalogSearch kbd{display:none}.smartToolbar>button{font-size:12px;padding:4px 0;min-height:36px}.discoveryKinds{display:flex;flex-wrap:nowrap;gap:7px;overflow-x:auto;scrollbar-width:none;padding-bottom:5px;margin:8px 0 16px}.discoveryKinds>button{white-space:nowrap;flex:0 0 auto;padding:10px 13px;font-size:12px;min-height:42px;border-radius:20px}#activePurpose{display:none}.activeFilters{gap:6px}.activeFilters button{font-size:12px;max-width:100%;min-height:36px;overflow-wrap:anywhere}.sectionHead h2{font-size:27px}.sectionHead p{font-size:13px}.categorySelect{display:block;width:100%;font-size:12px}.categorySelect select{width:100%;min-height:46px;font-size:14px!important;border-radius:10px}.refineBar{gap:10px}.refineBar label{min-width:0;flex:1;font-size:12px}.refineBar select{font-size:13px!important;min-width:0;width:100%;padding:10px}.catalogMeta{gap:10px;align-items:center;margin:15px 0 20px}.catalogMeta #resultCount{font-size:12px}.catalogMeta select{font-size:12px!important;max-width:46%;min-height:44px}
 .productGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.product,.modernProduct{min-width:0;position:relative}.productImage{height:180px;border-radius:14px}.productImage .realProductImage{height:80%;width:85%;object-fit:contain}.familyCover{object-fit:contain!important}.modernTag{font-size:8px;line-height:1.3;left:8px;top:8px;max-width:85%!important;padding:5px 7px}.product h3,.modernProduct h3,.modernProduct:has(.familyCover) h3,.pRelated .product h3{font-size:14px;line-height:1.45;letter-spacing:-.2px;margin:8px 0;overflow-wrap:anywhere}.product small,.modernProduct>small{font-size:11px;line-height:1.4}.modernProduct .spec{font-size:12px;line-height:1.5;min-height:36px}.modernProductFoot{gap:4px}.modernProductFoot>a{font-size:12px;min-height:44px;display:flex;align-items:center}.modernProductFoot>button{width:44px;height:44px;min-width:44px;border-radius:12px;font-size:22px}.compareToggle{height:44px;min-width:44px;font-size:19px;right:6px;top:130px;border-radius:12px}.demoNote{font-size:12px;line-height:1.7}#loadMore{width:100%;font-size:14px;min-height:48px;border-radius:12px;margin-top:22px}.smartEmpty{padding:24px;font-size:14px;border-radius:14px;grid-column:1/-1}.smartEmpty p{font-size:14px;line-height:1.6}.smartEmpty button{min-height:46px;font-size:13px}.searchRoute{padding:16px}.searchRoute a{font-size:14px}.searchRoute p{font-size:12px}
 .photoCategoryHeading{display:flex;flex-direction:column-reverse;padding:0;border-radius:18px;gap:0}.photoCategoryHeading>div{padding:22px;width:100%}.photoCategoryHeading img{height:170px;object-fit:contain}.photoCategoryHeading h1,.photoCategoryHeading h2{font-size:30px;margin:12px 0;letter-spacing:-1px}.photoCategoryHeading p{font-size:14px}.photoCategoryHeading a{font-size:13px;min-height:40px}.photoCategoryHeading .microLabel{font-size:9px}.subCategoryLinks{padding:14px 16px;flex-wrap:nowrap;overflow:auto;scrollbar-width:none}.subCategoryLinks a{font-size:12px;white-space:nowrap;min-height:42px;display:flex;align-items:center}
 .productPage,.conversionPage{padding:0 16px 30px}.crumb{font-size:11px;gap:7px;padding:16px 0;line-height:1.6}.crumb a{min-height:32px;display:inline-flex;align-items:center}.crumb>span:last-child{display:none}.mobilePageTitle{display:block;margin:0}.mobilePageTitle h1{font-size:29px;line-height:1.18;letter-spacing:-1px;margin:0 0 16px}.mobilePageTitle>span{font-size:10px;letter-spacing:1px;color:#777;display:block;margin-bottom:10px}.pHero,.setHero{display:flex;flex-direction:column;gap:20px;align-items:stretch;padding:0 0 26px}.pSummary h1,.setSummary h1{display:none}.pStage{min-height:285px;border-radius:18px}.pStage>.realProductImage{height:270px;max-height:270px;padding:20px}.pStage>span{font-size:11px;bottom:12px;right:16px}.pViews{gap:8px;margin-top:10px;overflow:auto}.pViews button{border-radius:10px;min-width:64px;font-size:11px;padding:8px}.pViews img{height:44px;width:56px}.pGallery>p{font-size:11px;line-height:1.6}.pSummary .eyebrow{display:none}.pIntro{font-size:15px;line-height:1.7}.pHighlights{margin:20px 0;padding:18px 0;gap:10px}.pHighlights>span{font-size:20px}.pHighlights small{font-size:10px;line-height:1.4;letter-spacing:0}.pSummary .pPrice{font-size:25px}.pSummary .pPrice small{font-size:13px;line-height:1.6}.pPurchase{gap:10px;align-items:stretch}.pQuantity{border-radius:10px;align-items:center}.pQuantity button{min-width:36px;height:48px}.pQuantity input{max-width:42px;min-height:44px;font-size:16px}.pPurchase .primary{font-size:14px;border-radius:10px;padding:12px}.pDemo{font-size:12px;line-height:1.65;padding:16px;border-radius:12px}.pSpecsLink{font-size:13px;min-height:44px;display:inline-flex;align-items:center}.pService{gap:18px;flex-wrap:wrap}.pService b{font-size:13px}.pService small{font-size:12px}.pSectionNav,.setSectionLinks{display:flex;position:sticky;top:var(--mobile-header);z-index:20;gap:20px;margin:0 -16px;padding:0 16px;background:#fff;border-block:1px solid #eee;border-radius:0;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.pSectionNav a,.setSectionLinks a{display:flex;align-items:center;font-size:13px;min-height:50px;flex-shrink:0}.pContent>section,.setScope,.setConfigure,.setFaq{scroll-margin-top:calc(var(--mobile-header) + 65px)}.pContent>section{padding:30px 0}.pContent h2,.pRelated h2,.setBody h2{font-size:27px;letter-spacing:-.7px}.pContent h3{font-size:17px}.pContent p,.pContent li,.setBody p{font-size:14px;line-height:1.8}.pFeatureGrid{grid-template-columns:1fr;gap:8px}.pFeatureGrid>div{padding:18px;border-radius:12px}.pFeatureGrid h3{font-size:14px}.pCompatibility{grid-template-columns:1fr;gap:12px}.pCompatibility>div{border-radius:12px}.pContent table{table-layout:fixed;font-size:12px}.pContent th,.pContent td{padding:14px 10px;font-size:12px;overflow-wrap:anywhere;vertical-align:top}.pContent th{width:42%}.pContent .pCalculator{display:block;padding:22px;border-radius:16px}.pCalculator label{font-size:14px}.documentGrid{grid-template-columns:1fr;gap:10px}.documentGrid a{padding:20px;border-radius:12px}.documentGrid b{font-size:15px}.documentGrid span{font-size:12px}.brandStory{display:block;padding:22px;border-radius:16px}.brandStory img{height:190px}.pRelated{padding-top:30px}.pRelated .productImage{height:180px}.pRelated .sectionHead>a{font-size:13px;display:inline-flex;align-items:center;min-height:44px}
 .setGallery{border-radius:18px}.setGallery>img{object-fit:contain;max-height:300px}.setGallery>span{font-size:9px!important;letter-spacing:.5px;padding:12px!important;line-height:1.5}.setSummary>p{font-size:15px;line-height:1.7;max-width:none}.setEyebrow{display:none}.setUse{margin:18px 0;gap:8px}.setUse>span{font-size:12px;padding:9px 12px}.setNext>strong{font-size:21px}.setNext>p{font-size:14px;line-height:1.7}.setNext .primary{max-width:none;font-size:15px;min-height:48px;border-radius:12px}.setSecondary{font-size:13px;min-height:44px;display:flex;align-items:center;margin:6px 0}.setHonesty{font-size:12px;line-height:1.7;max-width:none}.setScope,.setConfigure,.setFaq{display:block;padding:30px 0}.setScopeTitle{position:static}.setScopeTitle p{max-width:none}.setParts{margin-top:22px}.setParts h3{font-size:16px}.setParts p{font-size:13px;line-height:1.7}.setParts>div{gap:14px}.setConfigure{padding:22px;margin:0;border-radius:18px}.setSteps{gap:14px;margin:20px 0 26px;flex-direction:column}.setSteps span{font-size:13px}.setSteps b{min-width:24px;height:24px;font-size:12px}.setForm{gap:12px}.setForm label{font-size:14px}.setForm input,.setForm textarea,.setForm select{width:100%;border:1px solid #ddd;padding:13px;border-radius:10px;background:#fff;font-family:inherit}.setForm>small,.setForm label small{font-size:12px;line-height:1.6}.setForm .primary{font-size:15px;min-height:50px;border-radius:12px}.setForm #needsStatus{font-size:14px}.setFaq summary{font-size:15px;line-height:1.5}.setFaq p{font-size:14px}.setFaq details{padding:20px 0}.conversionBanner{flex-direction:column;align-items:flex-start;padding:20px;border-radius:14px;gap:12px}.conversionBanner strong{font-size:15px}.conversionBanner span{font-size:13px;line-height:1.6}
 .conversionHero{display:flex;flex-direction:column;gap:20px;padding:0 0 25px;align-items:stretch}.conversionHero figure{order:0;border-radius:18px}.conversionHero>div{order:-1}.conversionHero h1{font-size:35px;letter-spacing:-1.3px;margin:15px 0}.conversionHero p{font-size:15px;max-width:none}.conversionHero .primary{font-size:14px;border-radius:12px;width:100%;justify-content:center;min-height:48px}.conversionHero small{font-size:12px;line-height:1.6}.conversionHero figure img{height:220px}.conversionHero figcaption{font-size:10px}.vehicleFacts{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.vehicleFacts small{font-size:10px;letter-spacing:.3px}.vehicleFacts b{font-size:20px}.vehicleFacts span{font-size:12px;line-height:1.5}.conversionSource{font-size:12px;line-height:1.8}.conversionBenefits{grid-template-columns:1fr;padding:30px 0;gap:10px}.conversionPage h2{font-size:28px}.benefitRows h3{font-size:17px}.benefitRows p{font-size:14px;line-height:1.7}.benefitRows a{font-size:12px;min-height:40px}.conversionScenarios{padding:22px 16px;margin:0 -4px;border-radius:18px}.conversionScenarios .sectionHead>p{font-size:13px}.scenarioButtons{grid-template-columns:1fr;gap:10px}.scenarioButtons button{border-radius:12px;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}.scenarioButtons small{font-size:10px;letter-spacing:.5px}.scenarioButtons strong{font-size:18px;margin:0}.scenarioButtons span{font-size:13px;grid-column:1/-1}.calcLayout{grid-template-columns:1fr;gap:16px}.conversionInputs{padding:20px;border-radius:14px}.conversionInputs label{font-size:14px;line-height:1.5}.conversionInputs>p{font-size:13px}.conversionInputs small{font-size:12px}.conversionInputs summary{font-size:14px;min-height:44px}.conversionInputs input{border-radius:10px;min-width:0}.inputPair{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.conversionResults{padding:22px;border-radius:16px}.resultLabel{font-size:10px;letter-spacing:.7px}.rangePair{gap:12px}.rangePair strong{font-size:38px}.rangePair>div>span,.rangePair p{font-size:12px}.rangeBars span{font-size:12px}.energyDelta span{font-size:12px}.energyDelta strong{font-size:28px}.nominalCompare{font-size:12px;gap:12px}.nominalCompare b{font-size:12px;text-align:right}.resultNote,.scenarioFootnote{font-size:12px;line-height:1.8}.voltageReality>p{font-size:14px}.conversionChecklist{grid-template-columns:1fr;gap:8px}.conversionChecklist span{font-size:13px;padding:15px;border-radius:10px}.ev2Reference{grid-template-columns:1fr;padding:22px;gap:10px;border-radius:18px}.ev2Reference p{font-size:14px}.ev2Reference a{font-size:13px;min-height:44px}.conversionNext p{font-size:14px}.conversionNext .primary{width:100%;max-width:none;border-radius:12px;font-size:14px}.conversionSources li,.conversionSources p{font-size:12px;line-height:1.9;overflow-wrap:anywhere}.conversionSources ul{padding-left:20px}
 .pageIntro{padding:28px 0 22px}.pageIntro h1{font-size:33px;letter-spacing:-1px}.pageIntro p{font-size:15px;line-height:1.7}.helpLayout{display:block;margin:0 0 30px}.helpLayout>section{margin:0 0 18px}.helpPanel{padding:22px;border-radius:18px}.helpPanel h2{font-size:25px}.helpPanel p,.helpPanel li{font-size:14px;line-height:1.8}.helpPanel summary{font-size:15px;min-height:44px}.helpPanel button{border-radius:12px;font-size:14px;min-height:48px}.energyTable table{min-width:0;table-layout:fixed;margin-top:12px}.energyTable th:first-child{width:42%}.energyTable th,.energyTable td{padding:10px 5px;font-size:12px;width:auto;vertical-align:middle}.energyTable input{width:100%;min-width:0;padding:10px 5px;text-align:center;font-size:16px!important}.energyOptions{gap:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.energyOptions label{font-size:13px;min-width:0;line-height:1.5}.energyOptions input{width:100%;min-width:0;border-radius:10px}.energyResult{border-radius:18px;padding:24px;margin-bottom:18px}.energyResult strong{font-size:38px}.energyResult p{font-size:14px}.serviceLink{min-height:44px;font-size:14px}
 .guide{display:block;padding:28px 22px;border-radius:0}.guide h2{font-size:28px}.guide p{font-size:14px;line-height:1.7}.useCases button{min-height:80px}.useCases button strong{font-size:17px}.useCases button span{font-size:13px}.endBanner{padding:30px 20px;gap:16px}.endBanner h2{font-size:27px}.endBanner .primary{font-size:14px;border-radius:12px;width:100%;margin:0;justify-content:center}.siteFooter{display:block;padding:28px 20px}.siteFooter>strong{font-size:24px}.siteFooter p{font-size:13px}.siteFooter>span{font-size:11px;display:block;line-height:1.6;margin:15px 0}.siteFooter>a{min-height:44px;display:inline-flex;align-items:center;font-size:12px}.siteFooter .footerLinks{display:grid;grid-template-columns:1fr 1fr;gap:5px 15px;border-top:1px solid #ddd;padding-top:12px;margin-top:12px}.siteFooter .footerLinks a{font-size:13px;min-height:44px;display:flex;align-items:center;line-height:1.5}
 dialog{width:calc(100% - 16px);max-width:600px;max-height:calc(100dvh - 24px);overflow-y:auto;border-radius:22px;padding:24px 20px;overscroll-behavior:contain}dialog .close{min-width:44px;min-height:44px;border-radius:50%}dialog h2{font-size:25px;line-height:1.2}dialog p{font-size:14px;line-height:1.7}dialog:modal{z-index:200}#cart{height:100dvh;max-height:100dvh;width:100%;max-width:none;margin:0;border-radius:0;padding:16px 20px calc(24px + env(safe-area-inset-bottom,0px));overflow:auto}#cart .drawerHead{position:sticky;top:-16px;background:white;padding:12px 0;z-index:2;border-bottom:1px solid #eee}#cart .drawerHead h2{margin:0;font-size:24px}.cartItem h3{font-size:16px;line-height:1.5}.quantity{gap:12px}.quantity button{width:44px;height:44px;font-size:19px;border-radius:10px}.quantity .remove{font-size:13px;padding:0 12px}.savedNotes{font-size:13px;line-height:1.7;padding:14px}.quoteNote{font-size:14px}.quoteNote textarea{font-size:16px!important}.quoteActions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quoteActions button{font-size:13px;border-radius:12px;padding:12px 10px;min-height:48px}.quoteStatus{font-size:13px}.finderOptions{grid-template-columns:1fr;gap:10px}.finderOptions button{border-radius:12px;padding:20px;min-height:66px}.finderOptions strong{font-size:16px}#finder p,#comparison p{font-size:13px}#compareDock{bottom:calc(var(--mobile-bottom) + 10px);left:12px;right:12px;width:auto;transform:none;border-radius:16px;padding:12px 14px;gap:12px;z-index:68}#compareDock strong{font-size:13px}#compareDock small{font-size:11px}#compareDock button{font-size:13px;padding:10px;min-height:44px}.compareScroll{overflow:auto;max-width:100%;overscroll-behavior-x:contain}.compareScroll table{min-width:560px;font-size:13px}#toast{bottom:calc(var(--mobile-bottom) + var(--mobile-cta) + 12px);font-size:13px;max-width:calc(100% - 32px);width:max-content;text-align:center;border-radius:12px;padding:14px 18px;z-index:150;line-height:1.5}.zoomPhoto{height:55dvh}
}
@media screen and (max-width:360px){header{padding-inline:12px;gap:8px}.heroCopy{padding-inline:16px}.heroCopy h1{font-size:33px}.heroActions .textLink{font-size:11px}.productGrid{gap:20px 10px}.productImage,.pRelated .productImage{height:155px}.compareToggle{top:108px}.modernProductFoot>a{font-size:11px}.mobileAction{padding-inline:12px;gap:8px}.mobileAction>div{max-width:34%}.mobileAction button{font-size:13px;padding-inline:10px}.pPurchase .primary{font-size:12px;padding-inline:10px}.helpPanel{padding:18px}.energyTable th,.energyTable td{font-size:11px;padding-inline:3px}.rangePair strong{font-size:33px}}
@media screen and (min-width:601px) and (max-width:900px){.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center}.heroVisual{height:300px}.heroVisual .heroMascot{height:280px;max-height:280px}.productGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.helpLayout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pHero,.setHero{display:grid;grid-template-columns:1fr 1fr;gap:25px}.mobilePageTitle{grid-column:1/-1}.conversionHero{display:grid;grid-template-columns:1fr 1fr}.homeRoutes{display:grid;grid-template-columns:1fr 1fr}.experiencePanel{display:grid;grid-template-columns:1fr 1fr}.experiencePhoto{order:0;height:100%;min-height:300px}.experiencePhoto>img{height:300px;max-height:300px}.experiencePrimary{padding-inline:15px}.experienceCopy{min-width:0}.pHero .pGallery,.setHero .setGallery{min-width:0}.photoCategoryHeading{display:grid;grid-template-columns:1fr 1fr}.photoCategoryHeading img{height:200px}.calcLayout{grid-template-columns:1fr 1fr}.conversionResults{padding:18px}}
@media print{.mobileBar,.mobileAction,.mobileShade,.mobilePageTitle{display:none!important}}
@media screen and (max-width:900px){header .brand .originalLogotype{width:137px;height:49px}.mobileBar{gap:0;max-width:none;margin:0}.smartToolbar>button{width:auto}.smartToolbar>button:after{content:none}.modernProduct .productImage{height:180px}.compareToggle{width:44px;height:44px}.helpLayout .setForm input{font-size:16px!important}} @media screen and (max-width:360px){.modernProduct .productImage{height:155px}}
@media screen and (max-width:900px){header .brand{height:56px;width:120px}header .brand .originalLogotype{width:120px;height:56px}}