/* A dedicated ecommerce layout. Loaded only by the Ecommerce Websites page. */
.ecommerce-page{background:#f8faff}
.ecommerce-page h2{font-size:clamp(30px,3.2vw,44px)}
.ec-hero{padding-top:44px;padding-bottom:0}
.ec-hero-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:40px;align-items:center;padding:15px 0 64px}
.ec-hero h1{font-size:clamp(42px,4.3vw,63px);line-height:1.06;letter-spacing:-.055em;font-weight:700;color:var(--ink)}
.ec-hero h1>span{display:block;color:var(--indigo);margin-top:8px}
.ec-hero-copy>p{font-size:18px;line-height:1.75;max-width:530px;margin-top:28px}
.ec-hero .service-hero-actions{gap:22px}.ec-hero .service-text-link{font-size:13px}
.ec-store-scene{position:relative;isolation:isolate;padding:50px 54px 90px 0;min-width:0;margin-right:-18px}
.ec-scene-orbit{position:absolute;inset:15px -18px 20px -20px;background:radial-gradient(ellipse at 60% 40%,#dce8fc,#eaf1ff 65%,#f8faff 72%);border-radius:50%;z-index:-1}
.ec-store-window{background:#fff;border:1px solid #dce4f2;border-radius:20px;box-shadow:0 24px 55px #12357817;transform:rotate(-3deg);overflow:hidden}
.ec-window-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 17px;border-bottom:1px solid #e7edf7;background:#f6f8fc;color:#697b99;font-size:11px}
.ec-window-bar>.icon{width:18px;height:18px;color:var(--indigo)}
.ec-window-dots{display:flex;gap:4px}.ec-window-dots i{width:5px;height:5px;background:#c0cee5;border-radius:50%}
.ec-store-masthead{display:flex;align-items:center;justify-content:space-between;padding:25px 25px 20px;color:var(--navy)}
.ec-store-masthead>span{font-size:30px;line-height:1.04;font-weight:650;letter-spacing:-.05em}
.ec-store-masthead>.icon{width:42px;height:42px;color:var(--indigo);opacity:.6}
.ec-departments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 18px 24px}
.ec-product-tile{border-radius:12px;overflow:hidden;background:#f1f5fc;min-width:0;text-align:center}
.ec-product-tile img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;padding:9px}
.ec-product-tile>span{display:block;padding:0 4px 14px;font-size:10px;line-height:1.4;color:var(--navy);font-weight:600}
.ec-store-bottom{display:flex;align-items:center;justify-content:space-between;margin:0 22px 23px;padding:11px 14px;background:var(--indigo);border-radius:9px;color:#fff;font-size:12px}
.ec-store-bottom>.icon{width:18px;height:18px}
.ec-pickup-note{position:absolute;left:-20px;bottom:60px;display:flex;align-items:center;gap:12px;padding:18px 21px;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 35px #12357810;transform:rotate(-3deg)}
.ec-pickup-note>.icon{width:31px;height:31px;color:var(--indigo)}
.ec-pickup-note strong,.ec-pickup-note span{display:block}.ec-pickup-note strong{font-size:14px;font-weight:650}.ec-pickup-note span{font-size:11px;color:#637393;margin-top:3px}
.ec-phone{position:absolute;right:-3px;bottom:10px;width:160px;background:#fff;border:5px solid #fefefe;border-radius:24px;padding:9px 9px 16px;box-shadow:0 12px 50px #12357823;transform:rotate(7deg)}
.ec-phone-speaker{width:38px;height:4px;border-radius:3px;background:#dce4f2;margin:0 auto 15px}
.ec-phone>span:not(.ec-phone-action){display:block;font-size:13px;font-weight:650;letter-spacing:-.03em;color:var(--navy)}
.ec-phone>img{width:100%;height:auto;background:#f1f5fc;border-radius:12px;margin:12px 0;padding:8px}
.ec-phone-lines i{display:block;height:5px;background:#e4ecf9;border-radius:3px;margin-bottom:7px}.ec-phone-lines i:last-child{width:65%}
.ec-phone-action{display:flex;gap:4px;align-items:center;justify-content:space-between;background:var(--indigo);padding:9px 7px;border-radius:6px;color:#fff;font-size:8px;margin-top:13px}.ec-phone-action>.icon{width:13px;height:13px}
.ec-foundations{margin:0;padding:25px 0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ec-foundations li{display:flex;gap:13px;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#536581}.ec-foundations .icon{width:25px;height:25px;color:var(--indigo)}
.ec-section{padding-top:96px;padding-bottom:96px}
.ec-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;margin-bottom:42px}
.ec-section-heading h2{max-width:510px}.ec-section-heading p{font-size:17px;line-height:1.85}
.ec-retail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ec-retail-card{border:1px solid #e1e8f4;border-radius:22px;overflow:hidden;background:white}
.ec-retail-photo{display:grid;place-items:center;background:#edf3fd;min-height:225px;padding:22px}
.ec-retail-card:nth-child(2) .ec-retail-photo{background:#f0f1f8}.ec-retail-card:nth-child(3) .ec-retail-photo{background:#f2f1ed}
.ec-retail-photo img{width:190px;height:190px;object-fit:contain;transition:transform .35s ease}
.ec-retail-card:hover .ec-retail-photo img{transform:translateY(-5px)}
.ec-retail-card>div:last-child{padding:24px 28px 28px}.ec-retail-card h3{font-size:22px}.ec-retail-card p{font-size:16px;line-height:1.7;margin-top:10px}
.ec-inclusions{padding:86px 0;background:#eef3fb}
.ec-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.ec-feature{background:#fff;border:1px solid #dce4f2;border-radius:24px;overflow:hidden}
.ec-feature-visual{height:225px;padding:25px 35px;background:linear-gradient(145deg,#f7faff,#eaf1fc);display:grid;place-items:center;border-bottom:1px solid #e7edf7}
.ec-feature-copy{padding:29px 32px 33px}.ec-feature-copy h3{font-size:24px}.ec-feature-copy p{font-size:16px;line-height:1.8;margin-top:15px}
.ec-category-list{background:white;border:1px solid #dce4f2;border-radius:14px;padding:13px 20px;width:85%;max-width:350px;box-shadow:0 10px 23px #19398d08}
.ec-category-list>span{display:flex;align-items:center;gap:9px;color:var(--indigo);font-size:13px;font-weight:650;padding-bottom:8px}.ec-category-list>span>.icon{width:18px;height:18px}
.ec-category-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #edf1f9;padding:8px 0;font-size:13px}.ec-category-list>div>.icon{width:15px;height:15px;color:#8b9fbe}
.ec-detail-visual{display:flex;align-items:center;justify-content:center;gap:24px;width:100%;max-width:400px;padding:23px;background:#fff;border:1px solid #dce4f2;border-radius:17px}.ec-detail-icon{width:80px;height:80px;flex:none;justify-content:center;background:#eef3fb;border:1px solid #dce4f2;border-radius:18px}.ec-detail-visual>div{display:grid;gap:17px}.ec-detail-visual span{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.ec-detail-visual .icon{width:17px;height:17px;color:var(--indigo)}.ec-detail-icon>.icon{width:38px;height:38px}
.ec-buying-visual{display:flex;gap:12px;width:100%;justify-content:center}.ec-buying-visual>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;padding:22px 12px;background:#fff;border:1px solid #dce4f2;border-radius:17px;flex:1;max-width:135px}.ec-buying-visual .icon{width:32px;height:32px;color:var(--indigo)}.ec-buying-visual span{font-size:12px;text-align:center}
.ec-care-visual{display:flex;align-items:center;gap:24px;padding:25px;background:#fff;border-radius:19px;border:1px solid #dce4f2;box-shadow:0 12px 24px #19398d08}.ec-care-visual>.icon{width:45px;height:45px;color:var(--indigo)}.ec-care-visual span{font-size:18px;color:var(--indigo);font-weight:600}.ec-care-visual p{font-size:11px;margin-top:8px;line-height:1.7}
.ec-journey-heading{text-align:center;max-width:770px;margin:0 auto 48px}.ec-journey-heading p{font-size:18px;line-height:1.75;margin:22px auto 0;max-width:650px}
.ec-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;list-style:none;padding:0;margin:0}
.ec-journey li{position:relative;min-width:0;text-align:center}.ec-journey li:not(:last-child):before{content:'';position:absolute;top:25px;left:calc(50% + 34px);right:calc(-50% + 4px);border-top:1px dashed #afc1de;z-index:0}
.ec-journey-top{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px}
.ec-journey-icon{background:#e7effd;border:6px solid #f8faff;outline:1px solid #d5e2f5;border-radius:50%;width:52px;height:52px;display:grid;place-items:center}.ec-journey-icon>.icon{width:24px;height:24px;color:var(--indigo)}
.ec-journey-label{font-size:14px;font-weight:600;color:#58749f}.ec-journey h3{font-size:21px;line-height:1.35;margin:12px 0}.ec-journey p{font-size:15px;line-height:1.8;max-width:290px;margin-inline:auto}
.ec-start{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;padding-top:25px;padding-bottom:95px}
.ec-start-heading>.icon{width:46px;height:46px;color:var(--indigo);margin-bottom:22px}.ec-start-heading>p{font-size:17px;line-height:1.8;margin-top:24px;max-width:410px}
.ec-start-copy>div{padding:0 0 27px 28px;border-left:2px solid #dce5f5}.ec-start-copy>div+div{padding-top:6px;padding-bottom:0}.ec-start-copy h3{font-size:21px}.ec-start-copy p{font-size:17px;line-height:1.85;margin-top:15px}
.ec-measure{display:grid;grid-template-columns:1.25fr .75fr;gap:65px;background:var(--navy);border-radius:28px;padding:55px 60px;align-items:center}
.ec-measure h2{color:white}.ec-measure p{color:#d6e0f0;font-size:16px;line-height:1.8;margin-top:22px}.ec-measure-map{display:grid;gap:13px}.ec-measure-map>div{display:flex;align-items:center;gap:17px;padding:22px;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;color:#f2f6ff;font-size:15px}.ec-measure-map .icon{width:25px;height:25px;color:#c3d6fc}
.ec-faq{padding-top:96px}.ec-faq>div:first-child>p{font-size:17px;line-height:1.8;margin-top:24px;max-width:350px}
@media(max-width:1100px){.ec-hero-grid{gap:24px}.ec-store-scene{padding-right:35px}.ec-phone{width:140px;right:-12px}.ec-store-masthead>span{font-size:25px}.ec-detail-visual{gap:12px}.ec-detail-visual{padding:18px}.ec-detail-icon{width:60px;height:60px}.ec-feature-visual{padding:22px}.ec-section-heading,.ec-start{gap:45px}.ec-measure{padding:42px;gap:35px}.ec-care-visual{gap:16px;padding:18px}.ec-care-visual span{font-size:16px}}
@media(max-width:980px){.ec-hero-grid{grid-template-columns:1fr;gap:20px;padding-bottom:38px}.ec-hero-copy{max-width:650px}.ec-hero h1{font-size:57px}.ec-store-scene{width:100%;max-width:620px;margin:0 auto;padding:35px 60px 86px 10px}.ec-store-masthead>span{font-size:34px}.ec-phone{width:175px;right:0}.ec-pickup-note{left:0}.ec-hero-copy>p{max-width:610px}.ec-foundations{gap:15px}.ec-foundations li{font-size:12px;align-items:flex-start}.ec-section-heading{grid-template-columns:1fr;gap:23px}.ec-section-heading h2{max-width:620px}.ec-retail-grid{gap:16px}.ec-retail-photo{min-height:185px;padding:20px}.ec-retail-photo img{width:145px;height:145px}.ec-retail-card>div:last-child{padding:21px}.ec-retail-card h3{font-size:20px}.ec-retail-card p{font-size:15px}.ec-feature-grid{grid-template-columns:1fr}.ec-feature{display:grid;grid-template-columns:.8fr 1.2fr}.ec-feature-visual{height:auto;min-height:250px;border-bottom:0;border-right:1px solid #e7edf7}.ec-feature-copy{padding:27px}.ec-category-list{width:100%;padding:12px}.ec-detail-visual{flex-direction:column;gap:8px}.ec-detail-visual>div{gap:8px}.ec-buying-visual{flex-direction:column;gap:8px}.ec-buying-visual>div{flex-direction:row;max-width:none;padding:12px;gap:12px;justify-content:flex-start}.ec-buying-visual .icon{width:22px;height:22px}.ec-care-visual{flex-direction:column;text-align:center}.ec-journey{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.ec-journey li:not(:last-child):before{right:calc(-50% - 6px)}.ec-journey li:nth-child(2):before{display:none}.ec-start{grid-template-columns:1fr;gap:30px}.ec-start-heading>p{max-width:650px}.ec-measure{grid-template-columns:1fr}.ec-measure-map{grid-template-columns:repeat(3,minmax(0,1fr))}.ec-measure-map>div{padding:18px 12px;flex-direction:column;gap:12px;text-align:center;font-size:13px}}
@media(max-width:600px){.ec-hero{padding-top:30px}.ec-hero h1{font-size:43px;line-height:1.08}.ec-hero-copy>p{font-size:17px;margin-top:23px}.ec-hero .service-hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.ec-store-scene{padding:28px 26px 85px 2px;margin-top:8px}.ec-store-masthead{padding:20px 16px}.ec-store-masthead>span{font-size:27px}.ec-store-masthead>.icon{width:32px;height:32px}.ec-window-bar{padding:11px;font-size:9px}.ec-departments{gap:7px;padding:0 10px 16px}.ec-product-tile img{padding:5px}.ec-product-tile>span{font-size:8px;padding-bottom:10px}.ec-store-bottom{margin:0 12px 16px;font-size:9px;padding:9px}.ec-phone{width:113px;right:-2px;bottom:0;padding:6px 6px 10px;border-width:4px;border-radius:17px}.ec-phone>span:not(.ec-phone-action){font-size:10px}.ec-phone-speaker{margin-bottom:10px;width:28px;height:3px}.ec-phone-action{font-size:6px;padding:7px 5px}.ec-phone>img{margin:9px 0;padding:5px}.ec-pickup-note{left:0;bottom:29px;padding:12px;gap:8px;max-width:calc(100% - 104px)}.ec-pickup-note>.icon{width:23px;height:23px}.ec-pickup-note strong{font-size:11px}.ec-pickup-note span{font-size:9px}.ec-foundations{grid-template-columns:1fr;gap:15px;padding:23px 0}.ec-foundations li{justify-content:flex-start;align-items:center;font-size:13px}.ec-foundations .icon{width:22px;height:22px}.ec-section{padding-top:60px;padding-bottom:60px}.ec-section-heading{margin-bottom:28px;gap:21px}.ec-section-heading p{font-size:16px;line-height:1.8}.ec-retail-grid{grid-template-columns:1fr;gap:15px}.ec-retail-card{display:grid;grid-template-columns:115px 1fr;border-radius:18px}.ec-retail-photo{min-height:155px;padding:12px}.ec-retail-photo img{width:95px;height:115px}.ec-retail-card>div:last-child{padding:21px 18px}.ec-retail-card h3{font-size:19px}.ec-retail-card p{font-size:14px;line-height:1.7;margin-top:8px}.ec-inclusions{padding:58px 0}.ec-feature{display:block}.ec-feature-visual{min-height:0;height:200px;border-right:0;border-bottom:1px solid #e7edf7;padding:25px}.ec-feature-copy{padding:26px 24px 30px}.ec-feature-copy h3{font-size:23px}.ec-feature-copy p{font-size:16px}.ec-category-list{width:90%;max-width:320px;padding:10px 18px}.ec-detail-visual{flex-direction:row;gap:17px}.ec-detail-icon{width:52px;height:60px}.ec-detail-icon>.icon{width:30px;height:30px}.ec-detail-visual{padding:15px}.ec-detail-visual span{font-size:10px;white-space:normal}.ec-detail-visual>div{gap:13px}.ec-buying-visual{flex-direction:row;gap:8px}.ec-buying-visual>div{flex-direction:column;padding:18px 8px;gap:12px;justify-content:center}.ec-buying-visual span{font-size:10px}.ec-buying-visual .icon{width:27px;height:27px}.ec-care-visual{flex-direction:row;text-align:left;padding:19px;gap:15px}.ec-care-visual>.icon{width:35px;height:35px}.ec-care-visual span{font-size:16px}.ec-care-visual p{font-size:10px}.ec-journey-heading{margin-bottom:32px}.ec-journey-heading p{font-size:17px}.ec-journey{grid-template-columns:1fr;gap:27px}.ec-journey li{padding:0}.ec-journey-top{gap:16px}.ec-journey-icon{width:44px;height:44px}.ec-journey li:not(:last-child):before{display:none}.ec-journey-label{font-size:12px}.ec-journey h3{font-size:20px;margin:8px 0 10px}.ec-journey p{font-size:15px}.ec-start{padding-top:0;padding-bottom:60px}.ec-start-copy>div{padding-left:22px}.ec-start-copy h3{font-size:20px}.ec-start-copy p{font-size:16px;line-height:1.8}.ec-measure{padding:32px 25px;border-radius:23px;gap:30px}.ec-measure-map{grid-template-columns:1fr}.ec-measure-map>div{flex-direction:row;justify-content:flex-start;text-align:left;padding:17px;font-size:14px}.ec-faq{padding-top:60px}.ec-faq>div:first-child>p{font-size:16px;margin-top:20px}}
@media(prefers-reduced-motion:reduce){.ec-retail-photo img{transition:none}.ec-retail-card:hover .ec-retail-photo img{transform:none}}