/* Migration landing: editorial commerce, isolated from migration guides. */
.migration-landing{--move-muted:#b6b6bd;--move-paper:#edeae3;--move-ink:#292c27;--move-green:#c8d2b7}
.migration-landing [hidden]{display:none!important}
.move-wrap{max-width:1280px;margin-inline:auto;padding-inline:40px}
.migration-landing main h2{font-size:clamp(34px,4vw,54px);line-height:1.09;font-weight:500;letter-spacing:-.045em}
.migration-landing main h3{font-weight:500;letter-spacing:-.025em;line-height:1.25}
.move-kicker{font-size:10px;font-weight:600;letter-spacing:.15em;line-height:1.5;margin-bottom:24px}
.move-hero{display:grid;grid-template-columns:1fr 1.12fr;gap:52px;align-items:center;padding-block:88px 72px}
.move-hero h1{font-size:clamp(44px,5vw,64px);line-height:1.03;font-weight:550;letter-spacing:-.055em;margin:0 0 28px}
.move-lead{font-size:17px;line-height:1.75;color:var(--move-muted);max-width:450px}
.move-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:30px}
.move-actions .text-link{font-size:13px}
.move-note{font-size:12px;line-height:1.6;color:var(--move-muted);margin-top:17px}
.move-real{margin:0;min-width:0}
.move-browser{border:1px solid #ffffff30;background:#252527;border-radius:12px;overflow:hidden;box-shadow:0 24px 70px #0003}
.move-browser-bar{height:37px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;color:#c0c0c5;font-size:10px}
.move-browser-bar>span:first-child{letter-spacing:3px;font-size:7px;color:#77777e}
.move-browser img{display:block;width:100%;height:auto}
.move-real figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:18px;align-items:center;font-size:11px;line-height:1.6;color:var(--move-muted)}
.move-real figcaption>span{font-size:9px;letter-spacing:.09em}
.move-real figcaption a{color:#f5f5f7}
.move-index{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:32px}
.move-index a{padding-top:21px;border-top:1px solid var(--separator);font-size:12px;color:#dddde2}
.move-index span{color:#8c8c95;margin-right:15px;font-size:10px}
.move-comparison{background:var(--move-paper);color:var(--move-ink);padding-block:88px 76px;scroll-margin-top:24px}
.move-section-head{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;margin-bottom:46px}
.move-section-head>p{font-size:15px;line-height:1.8;color:var(--move-muted);max-width:370px}
.move-comparison .move-section-head>p{color:#62655e}
.move-compare-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.move-compare-toolbar>p{font-size:12px;line-height:1.6;color:#60645b}
.move-device-controls{display:flex;background:#deddd5;padding:4px;border-radius:8px;flex:none;gap:3px}
.move-device-controls button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:0;background:transparent;padding:10px 14px;color:#53574d;border-radius:5px;font:500 12px Inter, sans-serif;cursor:pointer}
.move-device-controls button[aria-pressed=true]{background:#fff;color:#22271f;box-shadow:0 1px 4px #0001}
.move-device-controls svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}
.migration-landing button:focus-visible,.migration-landing summary:focus-visible{outline:3px solid #0a84ff;outline-offset:4px}
.move-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.move-example{min-width:0}
.move-example>header{margin-bottom:20px;display:flex;flex-direction:column;gap:10px}
.move-example>header>span{font-size:10px;letter-spacing:.08em;font-weight:600;min-height:18px}
.move-example>header h3{font-size:23px}
.move-blume-label{display:flex;align-items:center;gap:7px}
.move-device{border:7px solid #383b36;border-bottom-width:12px;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 14px 22px #2222;width:100%;margin-inline:auto;max-width:100%;transition:width 220ms ease,border-radius 220ms ease}
.move-device-bar{height:28px;background:#eff0ed;color:#666b61;display:flex;align-items:center;gap:25px;padding:0 12px;font-size:9px}
.move-device-bar>span:first-child{font-size:6px;letter-spacing:2px;color:#91958c}
.sample-shop{height:460px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b5b7ae #f0f0eb;color:#292c27;background:white;container-type:inline-size}
.sample-basic-banner{background:#dedbd5;text-align:center;padding:35px 12px;font-size:24px;letter-spacing:4px;color:#65635e}
.sample-basic-banner small{display:block;font-size:7px;letter-spacing:2px;margin-top:9px}
.sample-basic-info{display:flex;align-items:center;flex-direction:column;padding:23px 16px 20px;gap:8px;font-size:15px}
.sample-basic-info>span{font-size:10px;color:#6e706b}
.sample-search{margin:0 22px;border:1px solid #daddd5;padding:10px;border-radius:5px;display:flex;justify-content:space-between;font-size:10px;color:#777b71}
.sample-category{font-size:11px;padding:21px 22px 14px}
.sample-products{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:0 22px 22px}
.sample-products img{width:100%;height:154px;object-fit:cover;display:block}
.sample-products strong{display:block;font-size:10px;font-weight:500;line-height:1.6;margin-top:8px}
.sample-products span{display:block;font-size:10px;line-height:1.5;margin-top:3px}
.sample-brand{background:#f7f6ef}
.sample-announcement{background:#354032;color:#f3f2e9;text-align:center;padding:7px;font-size:8px}
.sample-brand-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 20px}
.sample-brand-nav strong{font:22px Georgia,serif;letter-spacing:-1px}
.sample-brand-nav>span{font-size:8px}
.sample-brand-nav i{display:none;font-style:normal;font-size:14px}
.sample-campaign{position:relative;height:210px;margin:0 14px;overflow:hidden;background:#d9d8c8}
.sample-campaign>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.sample-campaign>div{position:relative;padding:23px 18px;display:flex;align-items:flex-start;flex-direction:column;width:60%;height:100%;background:linear-gradient(90deg,#eeebdfef,#eeebdfd4 70%,transparent)}
.sample-campaign>div>span:first-child{font-size:7px;letter-spacing:1px}
.sample-campaign strong{font:28px/.98 Georgia,serif;letter-spacing:-.6px;margin:15px 0}
.sample-cta{font-size:8px;background:#354032;color:white;padding:10px 12px}
.sample-collection-title{display:flex;align-items:center;justify-content:space-between;padding:19px 22px 13px}
.sample-collection-title strong{font:19px Georgia,serif}
.sample-collection-title>span{font-size:8px}
.sample-brand .sample-products img{height:150px}
.move-example-caption{font-size:13px;line-height:1.75;color:#5a5f53;max-width:490px;margin-top:23px}
.move-disclosure{font-size:11px;line-height:1.75;color:#64685f;margin-top:22px;max-width:840px}
.move-compare-grid[data-device-view=mobile] .move-device{width:280px;border-radius:30px;border-width:8px}
.move-compare-grid[data-device-view=mobile] .move-device-bar{height:25px;justify-content:center;background:#383b36;color:#ecefe7;font-size:8px}
.move-compare-grid[data-device-view=mobile] .move-device-bar>span:first-child{display:none}
.move-compare-grid[data-device-view=mobile] .sample-shop{height:470px}
.move-compare-grid[data-device-view=mobile] .sample-brand-nav{padding:16px 12px}
.move-compare-grid[data-device-view=mobile] .sample-brand-nav>span{font-size:0}
.move-compare-grid[data-device-view=mobile] .sample-brand-nav i{display:inline}
.move-compare-grid[data-device-view=mobile] .sample-campaign{height:257px;margin:0 9px}
.move-compare-grid[data-device-view=mobile] .sample-campaign>div{width:100%;height:100%;padding:20px 15px;background:linear-gradient(180deg,#eeebdfef,#eeebdf99 45%,transparent 65%)}
.move-compare-grid[data-device-view=mobile] .sample-campaign>img{object-position:65% 100%;height:70%;top:auto}
.move-compare-grid[data-device-view=mobile] .sample-campaign strong{font-size:28px;margin:12px 0}
.move-compare-grid[data-device-view=mobile] .sample-products{padding-inline:12px;gap:8px}
.move-compare-grid[data-device-view=mobile] .sample-products img{height:110px}
.move-compare-grid[data-device-view=mobile] .sample-collection-title{padding-inline:12px}
.move-compare-grid[data-device-view=mobile] .sample-collection-title strong{font-size:16px}
.move-compare-grid[data-device-view=mobile] .sample-basic-banner{font-size:20px;padding:32px 10px}
.move-psychology{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;border-top:1px solid #292c272b;padding-top:34px;margin-top:40px}
.move-psychology article>span{font-size:9px;letter-spacing:.08em;color:#5c6454;font-weight:600}
.move-psychology h3{font-size:21px;margin:15px 0 12px}
.move-psychology p{font-size:13px;color:#5c6255;line-height:1.8}
.move-selling{padding-block:94px 0}
.move-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.move-benefits>article{min-width:0}
.move-benefits h3{font-size:25px;margin:13px 0 15px;max-width:310px}
.move-benefits>article>p{font-size:14px;line-height:1.8;color:var(--move-muted)}
.move-benefits>article>a{display:block;font-size:12px;margin-top:21px}
.move-benefits>article>small{display:block;font-size:10px;line-height:1.7;color:var(--move-muted);margin-top:13px}
.move-plan-label{display:block;font-size:9px;font-weight:500;letter-spacing:.11em;margin-top:28px;color:#c8d2b7}
.move-proof{height:284px;border-radius:12px;padding:23px;color:#292c27;background:#eeeae1}
.proof-top{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:8px;letter-spacing:.06em;margin-bottom:24px}
.proof-top>span:last-child{font-size:8px;color:#686b60;letter-spacing:0}
.move-payment>p{font-size:19px;letter-spacing:-.6px;margin-bottom:17px}
.move-payment>div:not(.proof-top){display:flex;justify-content:space-between;padding:11px 0;font-size:12px;border-bottom:1px solid #292c2720}
.move-payment>small{display:block;font-size:9px;margin-top:18px;color:#62665c}
.move-recovery{background:#c8d2b7}
.proof-product{display:flex;align-items:center;gap:14px}
.proof-product img{height:65px;width:65px;object-fit:cover;border-radius:5px}
.proof-product strong{display:block;font-size:12px;font-weight:500}
.proof-product>div>span{display:block;font-size:9px;margin-top:7px}
.proof-message{margin-top:18px;background:#f1f3e9;padding:15px;border-radius:6px}
.proof-message>span:first-child{font-size:7px;letter-spacing:.08em}
.proof-message>p{font-size:15px;margin:8px 0 12px}
.proof-cta{font-size:9px;display:block;border-top:1px solid #292c2725;padding-top:10px}
.move-order{background:#dfded9}
.proof-order-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
.proof-order-title strong{font-size:19px;font-weight:500;letter-spacing:-.5px}
.proof-order-title>span{background:#c8d2b7;padding:5px 8px;border-radius:4px;font-size:9px}
.proof-order-line{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #292c2720;padding:18px 0;font-size:10px}
.move-order ol{padding:0;list-style:none;margin-top:15px;font-size:11px;line-height:2.5}
.move-order li:before{content:'✓';font-size:9px;margin-right:12px;color:#445537}
.move-retail{display:flex;align-items:center;justify-content:space-between;gap:44px;padding:40px 0;margin:60px 0 80px;border-block:1px solid var(--separator)}
.move-retail .move-kicker{margin-bottom:16px}
.move-retail h3{font-size:26px;margin-bottom:12px}
.move-retail p:not(.move-kicker){font-size:14px;line-height:1.8;max-width:680px;color:var(--move-muted)}
.move-retail>a{flex:none}
.move-process{background:#20221e;padding-block:80px;scroll-margin-top:24px}
.move-steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:50px 0;gap:45px}
.move-steps li>span{display:block;font:italic 44px Georgia,serif;color:#c8d2b7;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #ffffff25}
.move-steps h3{font-size:24px;margin-bottom:15px}
.move-steps p{font-size:14px;line-height:1.85;color:#babeb2}
.move-scope{display:grid;grid-template-columns:1fr 1fr;gap:48px;background:#2b2e28;padding:30px;border-radius:10px}
.move-scope h3{font-size:18px;margin-bottom:12px}
.move-scope p{font-size:13px;line-height:1.8;color:#babeb2}
.move-process-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:26px;font-size:12px;line-height:1.8}
.move-process-bottom p{color:#babeb2}
.move-process-bottom a{flex:none}
.move-decision{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;padding-block:90px;border-bottom:1px solid var(--separator)}
.move-decision>div>p:not(.move-kicker){font-size:14px;line-height:1.8;color:var(--move-muted);margin-top:24px;max-width:480px}
.move-guides h3{font-size:21px;margin-bottom:20px}
.move-guides>a{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--separator);font-size:15px}
.move-guides>a span{font-size:11px;color:var(--move-muted)}
.move-guides>p{font-size:12px!important}
.move-guides>p a{display:block;margin-top:6px;color:var(--label)}
.move-faq{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;padding-block:88px}
.move-faq details{border-bottom:1px solid var(--separator)}
.move-faq summary{position:relative;cursor:pointer;list-style:none;font-size:15px;line-height:1.5;padding:22px 28px 22px 0}
.move-faq summary::-webkit-details-marker{display:none}
.move-faq summary:after{content:'+';position:absolute;right:0;top:20px;font-size:20px;font-weight:300}
.move-faq details[open] summary:after{content:'−'}
.move-faq details p{font-size:14px;line-height:1.85;color:var(--move-muted);padding:0 24px 24px 0}
.move-final{text-align:center;padding-block:74px 100px;border-top:1px solid var(--separator)}
.move-final h2{font-size:clamp(38px,5vw,64px)!important}
.move-final>p:not(.move-kicker){margin-top:24px;color:var(--move-muted);font-size:15px;line-height:1.8}
.move-final .move-actions{justify-content:center}
.migration-landing main a:hover:not(.home-button){text-decoration:underline;text-underline-offset:5px}
@media(max-width:1000px){.move-wrap{padding-inline:28px}.move-hero{gap:28px;padding-block:64px}.move-hero h1{font-size:53px}.move-hero .move-actions{gap:18px}.move-section-head{gap:35px}.move-benefits{gap:18px}.move-proof{padding:18px}.move-decision{gap:44px}.move-psychology{gap:28px}.sample-brand-nav strong{font-size:20px}.sample-campaign strong{font-size:25px}.sample-campaign>div{width:75%}.move-real figcaption{display:block}.move-real figcaption a{display:block;margin-top:7px}}
@media(max-width:760px){.move-hero{grid-template-columns:1fr;gap:40px;padding-top:48px}.move-hero-copy{max-width:600px}.move-hero h1{font-size:clamp(44px,8vw,64px)}.move-real{max-width:630px}.move-real figcaption{display:flex}.move-lead{max-width:550px}.move-index{gap:16px}.move-index a{font-size:11px;line-height:1.6}.move-index span{display:block;margin-bottom:7px}.move-section-head{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.move-section-head>p{max-width:550px}.move-comparison{padding-block:60px}.move-compare-toolbar{align-items:flex-start;flex-direction:column}.move-compare-grid{gap:20px}.move-example>header h3{font-size:20px}.sample-shop{height:415px}.sample-brand-nav>span{display:none}.sample-campaign>div{width:100%}.sample-products{padding-inline:12px;gap:8px}.sample-products img{height:100px}.sample-brand .sample-products img{height:100px}.sample-collection-title{padding-inline:12px}.sample-collection-title strong{font-size:16px}.sample-collection-title>span{display:none}.sample-basic-banner{font-size:18px;letter-spacing:2px}.sample-basic-banner small{font-size:6px;letter-spacing:1px}.move-psychology{gap:22px}.move-psychology h3{font-size:18px}.move-selling{padding-top:64px}.move-benefits{grid-template-columns:1fr;gap:44px}.move-benefits>article{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;align-content:start}.move-proof{grid-column:1;grid-row:1/6;height:290px;align-self:start}.move-plan-label{margin-top:0}.move-benefits h3{font-size:23px}.move-benefits>article>p{font-size:13px}.move-retail{align-items:flex-start;flex-direction:column;gap:22px;margin-block:45px 60px}.move-steps{gap:26px}.move-steps h3{font-size:20px}.move-steps p{font-size:13px}.move-scope{gap:25px;padding:24px}.move-process-bottom{align-items:flex-start;flex-direction:column;gap:15px}.move-decision{grid-template-columns:1fr;gap:42px;padding-block:60px}.move-faq{grid-template-columns:1fr;gap:24px;padding-block:60px}.move-final{padding-block:60px 75px}}
@media(max-width:540px){.move-wrap{padding-inline:20px}.move-hero{padding-top:38px;padding-bottom:38px;gap:34px}.move-kicker{font-size:9px;margin-bottom:20px}.move-hero h1{font-size:46px}.move-lead{font-size:15px;line-height:1.8}.move-actions{gap:20px}.move-actions .home-button{width:100%;gap:20px;font-size:13px}.move-hero .move-actions .text-link{font-size:12px}.move-real figcaption{display:block}.move-browser-bar{height:30px}.move-index{padding-bottom:24px;gap:12px}.move-index a{font-size:10px}.move-index span{margin-bottom:5px}.move-compare-grid{grid-template-columns:1fr;gap:35px}.move-example>header{gap:7px;margin-bottom:15px}.move-example>header h3{font-size:23px}.sample-shop{height:435px}.sample-campaign>div{width:80%}.sample-brand-nav>span{display:block}.sample-brand-nav strong{font-size:22px}.sample-products img,.sample-brand .sample-products img{height:135px}.sample-collection-title{padding-inline:16px}.sample-collection-title strong{font-size:20px}.sample-collection-title>span{display:block}.sample-basic-banner{font-size:24px;padding-block:32px}.sample-basic-banner small{font-size:7px}.move-device-controls{width:100%}.move-device-controls button{flex:1;padding-inline:10px}.move-compare-toolbar>p{font-size:11px}.move-example-caption{margin-top:19px}.move-disclosure{font-size:10px}.move-psychology{grid-template-columns:1fr;gap:25px;margin-top:30px;padding-top:30px}.move-psychology h3{font-size:22px;margin-top:10px}.move-psychology p{font-size:14px}.move-benefits>article{display:block}.move-proof{height:285px;padding:24px}.move-plan-label{margin-top:24px}.move-benefits h3{font-size:26px;max-width:340px}.move-benefits>article>p{font-size:14px}.move-benefits>article>small{font-size:11px}.move-steps{grid-template-columns:1fr;gap:30px;margin-block:35px}.move-steps li{display:grid;grid-template-columns:45px 1fr;column-gap:20px}.move-steps li>span{grid-row:1/3;border:0;font-size:35px;padding:0;margin:0}.move-steps h3{font-size:23px}.move-steps p{font-size:14px}.move-process{padding-block:60px}.move-scope{grid-template-columns:1fr;padding:23px;gap:27px}.move-scope p{font-size:13px}.move-decision .move-actions{align-items:flex-start;flex-direction:column}.move-faq summary{font-size:15px}.move-final .move-actions{flex-direction:column}.move-final>p:not(.move-kicker){font-size:14px}}
@media(prefers-reduced-motion:reduce){.migration-landing *,.migration-landing *::before,.migration-landing *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.sample-shop:focus-visible{outline:3px solid #0a84ff;outline-offset:-3px}

/* Interactive brand storefront. The frame remains the boundary of the demo. */
.move-compare-grid .sample-shop{height:560px}
.move-compare-grid[data-device-view=mobile] .sample-shop{height:560px}
.sample-brand{display:flex;flex-direction:column;overflow:hidden;background:#f8f6ef;--demo-forest:#23372c;--demo-lime:#e5ebc8}
.sample-brand a,.sample-brand button{-webkit-tap-highlight-color:transparent}
.sample-brand button{font-family:inherit;cursor:pointer;color:inherit}
.sample-brand a:focus-visible,.sample-brand button:focus-visible{outline:2px solid #0a84ff;outline-offset:2px}
.sample-brand .sample-announcement{flex:none;background:var(--demo-forest);font-size:9px;padding:8px}
.demo-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;background:#f8f6ef;flex:none;border-bottom:1px solid #283b2d18}
.demo-nav>a{font:25px Georgia,serif;letter-spacing:-1px;white-space:nowrap}
.demo-nav>span:not(.demo-bag){font-size:7px;letter-spacing:1px}
.demo-bag{display:flex;align-items:center;gap:5px;font-size:10px}
.demo-bag svg{height:18px;width:18px;fill:none;stroke:currentColor;stroke-width:1.4}
.demo-bag b{font-weight:500}
.demo-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;flex:1;scrollbar-width:thin;scrollbar-color:#9ca28e #efefe7;scroll-padding:14px}
.demo-scroll:focus-visible{outline:2px solid #0a84ff;outline-offset:-2px}
.demo-campaign{position:relative;height:270px;background:var(--demo-forest);color:#fff;overflow:hidden}
.demo-campaign>img{position:absolute;inset:0 0 0 auto;width:66%;height:100%;object-fit:cover;object-position:57% 65%}
.demo-campaign:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#23372c 14%,#23372cef 29%,#23372c45 53%,transparent 70%);pointer-events:none}
.demo-campaign>div{position:relative;z-index:1;padding:26px;display:flex;align-items:flex-start;flex-direction:column;height:100%;justify-content:center}
.demo-campaign>div>span{font-size:7px;letter-spacing:1.4px;color:var(--demo-lime);margin-bottom:15px}
.demo-campaign strong{font:500 45px/.92 Inter,sans-serif;letter-spacing:-2.7px}
.demo-campaign strong em{font-family:Georgia,serif;color:var(--demo-lime);letter-spacing:-2px}
.demo-campaign a{margin-top:20px;min-height:36px;display:inline-flex;align-items:center;gap:23px;font-size:10px;border-bottom:1px solid #e5ebc899;padding-bottom:6px;color:#fff}
.demo-campaign-index{position:absolute;z-index:1;right:14px;bottom:15px;color:#22372c;background:#f4f3dfdd;padding:5px 7px;font-size:7px;letter-spacing:1px}
.demo-collection-heading{padding:23px 20px 16px;display:flex;align-items:end;justify-content:space-between;gap:10px}
.demo-collection-heading>div>span{font-size:7px;letter-spacing:1px;display:block;color:#5f695b;margin-bottom:8px}
.demo-collection-heading strong{font:24px/1.1 Georgia,serif;letter-spacing:-.6px}
.demo-collection-heading>span{font-size:9px;white-space:nowrap;color:#66705f}
.demo-products{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 20px 22px}
.demo-products>a{min-width:0;display:block}
.demo-products>a>div{position:relative;overflow:hidden;background:#e7e5db}
.demo-products img{display:block;width:100%;height:auto;aspect-ratio:1.15;object-fit:cover;transition:transform 240ms ease}
.demo-products>a:hover img{transform:scale(1.045)}
.demo-products>a>div>span{position:absolute;right:10px;bottom:10px;border-radius:50%;background:#f8f6ef;width:29px;height:29px;display:grid;place-items:center;font-size:13px}
.demo-products strong{font-size:12px;display:flex;justify-content:space-between;gap:8px;margin-top:12px;font-weight:550}
.demo-products strong>span{font-size:10px;font-weight:400;color:#65705f}
.demo-products>a>span{display:block;font-size:11px;margin-top:5px}
.demo-home-service{display:flex;justify-content:space-between;gap:12px;padding:17px 20px;background:#e4e7d8;font-size:9px;color:#344833}
.demo-invitation{display:block;margin-bottom:6px;font-weight:600;color:#283b2d}
.demo-pdp{padding:0 17px 20px;background:#f8f6ef}

.demo-pdp-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:19px;align-items:start}
.demo-gallery{min-width:0}
.demo-photo{position:relative;overflow:hidden;background:#e7e5db}
.demo-photo>img{width:100%;height:auto;aspect-ratio:.95;object-fit:contain;display:block;transition:transform 260ms ease;transform-origin:55% 60%}

.demo-photo>span{position:absolute;left:10px;bottom:10px;font-size:7px;letter-spacing:1px;color:#334233;background:#f8f6efc9;padding:6px}



.demo-product-eyebrow{font-size:7px;letter-spacing:1.4px;color:#58684f;margin:1px 0 9px}
.demo-product-info h4{font:32px/1.1 Georgia,serif;letter-spacing:-1px;margin:0 0 9px}
.demo-product-info h4:focus{outline:none}
.demo-product-price{font-size:19px;font-weight:600;margin-bottom:14px}
.demo-product-description{font-size:11px;line-height:1.7;color:#606959;margin-bottom:18px}
.demo-options fieldset{border:0;padding:0;margin:0 0 15px;min-width:0}
.demo-options legend{font-size:10px;line-height:1.5;padding:0;margin-bottom:8px;font-weight:550}
.demo-options legend span{font-weight:400;color:#5a6851;margin-left:3px}
.demo-swatches{display:flex;gap:8px}
.demo-swatches button{background:none;border:1px solid transparent;border-radius:50%;padding:4px;height:35px;width:35px;display:grid;place-items:center}
.demo-swatches button[aria-pressed=true]{border-color:#23372c}
.demo-swatches button>span{border-radius:50%;width:25px;height:25px;background:#687660;box-shadow:inset 0 0 0 1px #0002}
.demo-swatches button[data-color=sand]>span{background:#c7b49b}
.demo-sizes>div{display:flex;flex-wrap:wrap;gap:5px}
.demo-sizes button{border:1px solid #b8bfae;background:transparent;border-radius:3px;min-height:34px;min-width:31px;padding:7px;font-size:10px}
.demo-sizes button[aria-pressed=true]{background:#23372c;color:#fff;border-color:#23372c}
.demo-delivery{border-top:1px solid #c9cebf;padding-top:13px;font-size:9px;line-height:1.8}
.demo-delivery strong{font-size:11px;display:block;font-weight:550;margin-bottom:4px}
.demo-delivery p{margin:4px 0;color:#606959}
.demo-product-details{margin-top:20px;border-top:1px solid #c9cebf}
.demo-product-details details{border-bottom:1px solid #c9cebf}
.demo-product-details summary{font-size:11px;padding:14px 0;cursor:pointer}
.demo-product-details p{font-size:11px;line-height:1.8;padding-bottom:14px;color:#58634f}
.demo-disclaimer{font-size:9px;line-height:1.6;color:#68715f;margin-top:17px}
.demo-buybar{flex:none;background:#f8f6ef;border-top:1px solid #b4bba8;padding:11px 16px;box-shadow:0 -8px 20px #23372c0a;z-index:2}
.demo-buyrow{display:flex;align-items:center;gap:14px;justify-content:space-between}



.demo-buyrow>button{width:100%;border:0;border-radius:4px;background:#23372c;color:#fff;display:flex;justify-content:center;align-items:center;gap:19px;min-height:44px;padding:10px 17px;font-size:11px;font-weight:550}
.demo-buyrow>button:hover{background:#374e39}
.demo-feedback{font-size:10px;line-height:1.5;color:#43583b}
.demo-feedback:not(:empty){padding-bottom:9px}
.demo-feedback[data-error=true]{color:#9a361d}
.migration-landing .sample-brand a:hover{text-decoration:none}
@container (max-width:400px){
 .demo-nav{padding:13px 12px}.demo-nav>a{font-size:23px}.demo-nav>span:not(.demo-bag){display:none}
 .demo-campaign{height:292px}.demo-campaign>img{width:100%;height:65%;top:auto;object-position:55% 64%}
 .demo-campaign:after{background:linear-gradient(180deg,#23372c 13%,#23372c99 46%,transparent 73%)}
 .demo-campaign>div{padding:20px 16px;justify-content:flex-start}.demo-campaign>div>span{font-size:6px;margin-bottom:13px;letter-spacing:1px}
 .demo-campaign strong{font-size:39px;letter-spacing:-2px}
 .demo-campaign a{margin-top:12px;font-size:9px;min-height:30px}.demo-campaign-index{font-size:6px}
 .demo-collection-heading{padding:18px 12px 13px}.demo-collection-heading strong{font-size:20px}.demo-collection-heading>span{display:none}
 .demo-products{padding:0 12px 20px;gap:10px}.demo-products strong{font-size:11px;display:block}.demo-products strong>span{display:block;margin-top:3px}.demo-products>a>span{font-size:11px}
 .demo-products>a>div>span{width:24px;height:24px;right:7px;bottom:7px}
 .demo-home-service{padding:14px 12px;font-size:8px;gap:8px}
 .demo-pdp{padding:0 12px 18px}.demo-pdp-grid{grid-template-columns:1fr;gap:17px}.demo-photo>img{aspect-ratio:1.16;object-position:center 58%}
 .demo-product-info h4{font-size:31px}.demo-product-price{font-size:19px}
 .demo-product-description{font-size:12px}.demo-options legend{font-size:12px}.demo-sizes button{min-width:36px;min-height:40px;font-size:12px}
 .demo-delivery{font-size:10px}.demo-product-details p,.demo-product-details summary{font-size:12px}
 .demo-buybar{padding:10px}.demo-buyrow{gap:8px}
 .demo-buyrow>button{padding:10px 11px;font-size:10px;gap:8px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){.sample-brand *{transition:none!important}.demo-products>a:hover img{transform:none}}

/* Growth benefits inside the example PDP only. */
/* Based on storefront flash-sale-countdown: inline danger pill beside price. */
.demo-price-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.demo-price-line .demo-product-price{margin:0;flex:none}
.demo-price-line .demo-product-price s{display:block;margin:4px 0 0}
.demo-flash{display:inline-flex;align-items:center;gap:3px;flex:none;border-radius:999px;padding:6px;background:#dc35451f;color:#b72d3b}
.demo-clock{display:inline-flex;align-items:baseline;gap:3px;white-space:nowrap}
.demo-clock>span{font-size:8px;font-weight:500;opacity:.85}
.demo-clock time{font-size:9px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2;white-space:nowrap}
.demo-clock time>span{display:inline-flex;align-items:baseline;gap:1px}
.demo-clock b{font-weight:600}.demo-clock small{font-size:7px;font-weight:500;opacity:.75}
.demo-clock i{font-style:normal;opacity:.45;margin-inline:1px}
.demo-flash>button{border:0;background:transparent;color:inherit;font-size:10px;cursor:pointer;padding:2px;min-width:16px;min-height:24px}
.demo-product-price s{font-size:11px;font-weight:400;color:#777568;margin-left:5px;white-space:nowrap}
.demo-financing{border-block:1px solid #c9cebf;padding:12px 0;margin:0 0 12px}
.demo-financing>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.demo-financing img{display:block;object-fit:contain;max-height:20px}
.demo-financing strong{font-size:11px;white-space:nowrap;font-weight:600}
.demo-financing p{font-size:10px;line-height:1.6;margin-top:8px}
.demo-financing p b{font-weight:550}
.demo-financing small{display:block;font-size:8px;line-height:1.6;color:#65705b;margin-top:3px}
.demo-loyalty{display:flex;gap:10px;align-items:center;background:#e5ebd8;padding:12px;margin-bottom:15px;color:#35472b}
.demo-loyalty>span{font-size:24px}
.demo-loyalty strong{display:block;font-size:12px;font-weight:600}
.demo-loyalty>div>span{display:block;font-size:9px;margin-top:4px}

.demo-card-price s{font-size:9px;color:#727769;margin-right:4px}
.demo-card-price b{font-weight:600}
@container(max-width:400px){.demo-financing strong{font-size:12px}.demo-financing p{font-size:11px}.demo-financing small{font-size:9px}.demo-loyalty strong{font-size:13px}.demo-buyrow{flex-wrap:wrap}}

.demo-pdp:focus{outline:none}

/* A brief invitation before the one-time product preview. */
.sample-brand .demo-tap-hint{position:absolute;right:14px;bottom:14px;z-index:2;display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:#fff;color:#253421;font-size:10px;font-weight:600;box-shadow:0 3px 18px #18231326;border:0;cursor:pointer;font-family:inherit}
.demo-tap-hint[hidden]{display:none}
.demo-tap-hint>span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e5ebd8;font-size:17px}
.demo-guided .demo-tap-hint{animation:demo-invite 1.3s ease-in-out 2}
@keyframes demo-invite{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){.demo-guided .demo-tap-hint{animation:none}}