/* Final shared sizing: content follows viewport width, never the device brand. */
.brand-page,.customer-app{min-width:0;-webkit-text-size-adjust:100%;text-size-adjust:100%}.brand-page main,.customer-app main,.brand-page section,.customer-app section{min-width:0}.brand-page svg,.customer-app svg{flex-shrink:0}.brand-page .header .logo.wordmark,.customer-app .sf-app-header .sf-wordmark{font-size:clamp(28px,3.2vw,38px);line-height:1.1;white-space:nowrap}.brand-page .header nav{width:100%}.customer-app .sf-app-header{gap:12px}.customer-app .sf-app-header>div{flex-shrink:0}.brand-page .promo-viewport{width:min(100%,1120px);aspect-ratio:16/9;min-height:160px;max-height:calc(100svh - 190px);margin-inline:auto}.brand-page .promo-controls{width:min(100%,1120px);margin-inline:auto;min-height:58px;gap:8px;padding:7px 8px}.brand-page .promo-controls>button{width:42px;min-width:42px;height:42px;min-height:42px;padding:0;background:#171717;color:#fff;border-radius:50%;font-size:26px;border:1px solid #171717;box-shadow:0 2px 6px #0002}.brand-page .promo-controls>.promo-pause{font-size:17px;background:#fff;color:#171717}.brand-page .promo-dots button{width:22px;min-width:22px;padding:0;min-height:42px}.brand-page .promo-controls>button:hover{background:#ffd400;color:#171717}.brand-page .promo-controls>button:focus-visible{outline:3px solid #ad8c00;outline-offset:3px}
.customer-app .sf-carousel{align-items:stretch;min-width:0;max-width:100%;scroll-padding:0;overscroll-behavior-x:contain}.customer-app .sf-carousel .sf-promo{min-height:0;min-width:0}.customer-app .sf-carousel .sf-promo img,.customer-app .sf-carousel .sf-promo.sf-promo-installment img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.customer-app .sf-carousel .sf-promo>div{padding:16px 20px 18px}.customer-app #appHome .sf-carousel .sf-promo h1{font-size:clamp(22px,2.3vw,30px);line-height:1.2;margin:8px 0;letter-spacing:-.6px}.customer-app .sf-carousel .sf-promo p{font-size:14px;line-height:1.55;margin:8px 0 14px}.sf-promo-controls{display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 0 16px;margin:0;min-width:0}.sf-promo-controls button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #bda000;border-radius:50%;background:#ffd400;color:#151515;cursor:pointer}.sf-promo-controls svg{width:21px;height:21px}.sf-promo-controls [data-app-promo-status]{font:600 12px/1.4 'DM Sans',sans-serif;min-width:45px;text-align:center;color:#555}.sf-promo-controls button:focus-visible{outline:3px solid #887000;outline-offset:3px}.sf-promo-controls button:hover{background:#171717;color:#fff;border-color:#171717}.customer-app .sf-component-section{width:100%;min-width:0}.customer-app #appCatalogFilters{width:100%;min-width:0}.customer-app .reference-catalog-search form>div{min-width:0}.customer-app .reference-catalog-search input{width:100%;min-width:0;font-size:16px}.customer-app .reference-price-card{min-width:0}.customer-app .sf-store-actions{flex-wrap:wrap}.customer-app .sf-store-choice{flex:1 1 145px}.customer-app .sf-store-change{flex:0 1 auto}.customer-app .sf-page{width:100%;box-sizing:border-box}.customer-app .sf-page img{height:auto;object-fit:contain}.customer-app .sf-stats a{min-width:0}.customer-app .sf-stats strong{font-size:clamp(12px,1.6vw,20px)}
@media(min-width:600px) and (max-width:1023px){.customer-app .sf-home{padding:24px 28px}.customer-app .sf-carousel{width:min(100%,560px);margin-inline:auto}.customer-app .sf-promo-controls{max-width:560px;margin-inline:auto}.customer-app .sf-home>.sf-component-section{padding-block:28px}.customer-app .sf-buy-options{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-app .sf-section-head h2{font-size:23px}.customer-app .sf-thanks{padding-block:24px}.app-introduction .reference-hero-visual .phone{max-width:100%}.app-introduction .reference-section{gap:28px}}
@media(min-width:1024px){.customer-app .sf-home{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"welcome welcome" "stats stats" "promo service" "promo repair" "promo-nav ." "components components" "referral shopping" "thanks thanks";gap:20px 32px;align-items:start}.customer-app .sf-home>.sf-welcome{grid-area:welcome}.customer-app .sf-home>.sf-stats{grid-area:stats}.customer-app .sf-home>.sf-carousel{grid-area:promo;margin:0;width:100%}.customer-app .sf-home>.sf-promo-controls{grid-area:promo-nav;padding:0;margin:-8px 0 0}.customer-app .sf-home>.sf-service-choice{grid-area:service}.customer-app .sf-home>.sf-block.sf-last-repair{grid-area:repair;margin:0;align-self:start}.customer-app .sf-home>.sf-component-section.sf-block{grid-area:components;padding:16px 0 8px;margin:0}.customer-app .sf-home>.sf-referral{grid-area:referral;margin:0;height:100%}.customer-app .sf-home>.sf-block.sf-shopping-options{grid-area:shopping;margin:0}.customer-app .sf-home>.sf-thanks{grid-area:thanks;padding:12px 0}.customer-app .sf-carousel .sf-promo p{font-size:15px}.customer-app .sf-component-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.brand-page .promo-dots button{min-width:28px;width:28px}}
@media(max-width:760px){.brand-page .header .logo.wordmark{font-size:clamp(28px,7.5vw,36px)}.brand-page .promo-controls{min-height:54px;gap:5px;padding:6px}.brand-page .promo-controls>button{width:40px;min-width:40px;height:40px;min-height:40px}.brand-page .promo-dots button{width:20px;min-width:20px}.customer-app .sf-promo-controls{padding-bottom:16px}.customer-app .sf-stats strong{font-size:clamp(11px,3.2vw,17px)}.customer-app .sf-home>.sf-component-section{padding-top:20px;padding-bottom:24px}.brand-page .legal{display:flex;flex-wrap:wrap;gap:12px}}
@media(max-width:359px){.brand-page .header nav{padding-inline:14px}.customer-app .sf-app-header .sf-wordmark{font-size:28px}.brand-page .promo-controls{gap:3px}.brand-page .promo-dots button{width:18px;min-width:18px}.customer-app .sf-store-selected{padding-inline:14px}.customer-app .sf-store-actions{gap:7px}.customer-app .sf-store-choice,.customer-app .sf-store-change{padding:9px 10px}.customer-app .sf-stats strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.brand-page *,.customer-app *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}