.sfp-demo{box-sizing:border-box;display:block;width:100%;min-width:0;max-width:100%;color:#202024;font-family:inherit;background:#fff;border:1px solid #e2e2e5;border-radius:18px;padding:clamp(14px,2.5vw,30px)}.sfp-demo *,.sfp-demo *:before,.sfp-demo *:after{box-sizing:border-box}.sfp-demo button,.sfp-demo select,.sfp-demo input{font:inherit}.sfp-demo button{cursor:pointer}.sfp-demo button:focus-visible,.sfp-demo select:focus-visible,.sfp-demo input:focus-visible{outline:3px solid #755168;outline-offset:3px}.sfp-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:18px}.sfp-demo-heading>div{min-width:0;flex:1 1 240px}.sfp-demo .sfp-kicker{margin:0 0 7px;font-size:10px;font-weight:750;letter-spacing:.16em;color:#735567}.sfp-demo-heading h3{margin:0;font-size:clamp(22px,2.7vw,29px);line-height:1.2;letter-spacing:-.035em}.sfp-demo-heading p:not(.sfp-kicker){margin:9px 0 0;color:#66636a;font-size:14px;line-height:1.6}.sfp-demo .ms-demo-reset{max-width:100%;border:1px solid #d8d6db;background:#fff;color:#29262c;border-radius:8px;padding:11px 14px;font-size:12px;font-weight:650;white-space:normal}.sfp-demo .ms-demo-reset:hover{background:#f7f1f4}.sfp-demo .ms-demo-notice{margin:0 0 24px;padding:13px 16px;border:1px solid #eadbe3;border-radius:8px;background:#fcf7fa;color:#62515d;font-size:12px;line-height:1.7}.sfp-workbench{display:grid;grid-template-columns:minmax(230px,270px) minmax(0,1fr);align-items:start;gap:24px;min-width:0}.sfp-controls,.sfp-preview-area{min-width:0;max-width:100%}.sfp-controls{padding:19px;background:#f8f8f9;border:1px solid #e9e8eb;border-radius:12px}.sfp-control-intro{display:flex;align-items:flex-start;gap:10px;margin-bottom:22px}.sfp-step{flex-shrink:0;display:grid;place-items:center;width:30px;height:30px;background:#f8e7ef;color:#735567;border-radius:7px;font-size:11px;font-weight:700}.sfp-control-intro h4{margin:1px 0 4px;font-size:14px;line-height:1.35;letter-spacing:-.015em}.sfp-control-intro p{margin:0;color:#746e78;font-size:11px;line-height:1.6}.sfp-demo .ms-demo-field{display:grid;gap:7px;min-width:0;margin:0 0 17px}.sfp-demo .ms-demo-field>span,.sfp-demo .ms-demo-colors legend{font-size:12px;font-weight:650;color:#39343c}.sfp-demo .ms-demo-field select{width:100%;min-width:0;min-height:42px;max-width:100%;border:1px solid #d9d7de;border-radius:7px;background:#fff;color:#29262c;font-size:13px;padding:9px 10px}.sfp-style-note,.sfp-control-footnote{color:#6d6670;font-size:11px;line-height:1.7}.sfp-style-note{margin:-7px 0 18px}.sfp-control-footnote{margin:18px 0 0}.sfp-color-wrap{margin-top:22px;padding-top:19px;border-top:1px solid #e1dfe5}.sfp-demo .ms-demo-colors{width:100%;min-width:0;padding:0;margin:0;border:0}.sfp-demo .ms-demo-colors legend{max-width:100%;padding:0;margin-bottom:11px}.sfp-demo .ms-demo-palette-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:16px}.sfp-demo .ms-demo-palette-options button{display:flex;flex-wrap:wrap;align-content:center;gap:3px;min-width:0;min-height:58px;padding:8px;color:#504751;background:#fff;border:1px solid #dfdce2;border-radius:7px;text-align:left}.sfp-demo .ms-demo-palette-options button[aria-pressed=true]{border-color:#765669;box-shadow:0 0 0 1px #765669}.sfp-demo .ms-demo-palette-options i{width:15px;height:12px;border:1px solid #0000000d;border-radius:2px}.sfp-demo .ms-demo-palette-options span{flex-basis:100%;margin-top:3px;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.sfp-demo .ms-demo-color-inputs{display:grid;gap:8px}.sfp-demo .ms-demo-color-inputs label{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,68px);align-items:center;gap:7px;min-width:0;color:#5c535f;font-size:11px}.sfp-demo .ms-demo-color-inputs input{display:block;width:32px;min-width:0;height:32px;padding:3px;background:#fff;border:1px solid #dcd7df;border-radius:6px;cursor:pointer}.sfp-demo .ms-demo-color-inputs code{min-width:0;color:#5c535f;font-size:10px;overflow-wrap:anywhere}.sfp-preview-toolbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.sfp-toolbar-group{display:grid;gap:7px;min-width:0;max-width:100%}.sfp-toolbar-label{color:#655d69;font-size:11px;font-weight:600}.sfp-demo .ms-demo-tabs{display:flex;flex-wrap:wrap;gap:3px;min-width:0;max-width:100%}.sfp-preview-toolbar .ms-demo-tabs{padding:3px;background:#f3f2f5;border:1px solid #e5e3e9;border-radius:8px}.sfp-preview-toolbar .ms-demo-tabs button{min-height:34px;padding:7px 12px;border:0;border-radius:5px;background:transparent;color:#68606d;font-size:12px;white-space:normal}.sfp-preview-toolbar .ms-demo-tabs button[aria-pressed=true]{background:#202024;color:#fff}.sfp-preview-caption{margin:15px 0 8px;color:#746b79;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.sfp-preview-stage{display:flex;justify-content:center;align-items:flex-start;min-width:0;padding:13px;background:#efedf1;border:1px solid #e5e1e8;border-radius:11px}.sfp-frame{container-type:inline-size;container-name:sfp-storeframe;width:100%;min-width:0;max-width:100%;border:1px solid #d9d4dc;border-radius:5px;background:#fff;box-shadow:0 4px 15px #241c2b0a}.sfp-frame.sfp-device-mobile{width:390px;max-width:100%;border-radius:14px}.sfp-storefront{width:100%;min-width:0;max-width:100%;background:#fff;color:#252429;border-radius:inherit;overflow:clip}.sfp-storefront p,.sfp-storefront h4,.sfp-storefront h5,.sfp-storefront h6,.sfp-storefront button{overflow-wrap:anywhere}.sfp-promo{display:flex;justify-content:center;align-items:center;gap:14px;padding:11px 16px;background:var(--demo-accent);color:var(--demo-accent-ink)}.sfp-promo p{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;margin:0;font-size:10px;line-height:1.5;text-align:center}.sfp-promo-symbol{flex-shrink:0;font-size:17px}.sfp-store-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;padding:23px 25px;background:var(--demo-primary);color:var(--demo-primary-ink)}.sfp-wordmark{display:flex;align-items:center;gap:8px;min-width:0;font-size:clamp(13px,2.4cqi,18px);font-weight:800;letter-spacing:.07em;overflow-wrap:anywhere}.sfp-wordmark small{display:block;margin-top:5px;font-size:7px;font-weight:500;letter-spacing:.13em;line-height:1.5}.sfp-brand-mark{flex-shrink:0;width:20px;height:25px;border:1px solid currentColor;border-radius:12px 12px 0 0;position:relative}.sfp-brand-mark:after{content:"";position:absolute;inset:4px;border:1px solid currentColor;border-radius:inherit}.sfp-store-nav{min-width:0;max-width:100%}.sfp-store-nav .ms-demo-tabs{gap:5px}.sfp-store-nav .ms-demo-tabs button{border:1px solid transparent;border-radius:0;background:transparent;color:inherit;min-height:36px;padding:7px 4px;font-size:10px;font-weight:500;text-align:center;white-space:normal}.sfp-store-nav .ms-demo-tabs button[aria-pressed=true]{border-bottom-color:currentColor;font-weight:750}.sfp-storefront button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.sfp-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0;background:var(--demo-secondary);color:var(--demo-secondary-ink)}.sfp-hero-copy{align-self:center;min-width:0;padding:36px 26px}.sfp-store-eyebrow{margin:0 0 12px;font-size:9px;line-height:1.6;font-weight:650;letter-spacing:.11em;text-transform:uppercase}.sfp-hero-copy h4{margin:0;max-width:13ch;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,5.3cqi,47px);font-weight:400;line-height:1.08;letter-spacing:-.04em}.sfp-hero-description{margin:17px 0 22px;max-width:39ch;font-size:12px;line-height:1.8}.sfp-collection-button{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;max-width:100%;min-height:42px;padding:12px 15px;border:1px solid var(--demo-primary-ink);border-radius:0;background:var(--demo-primary);color:var(--demo-primary-ink);font-size:11px;font-weight:650;text-align:left;line-height:1.5}.sfp-collection-button:hover{text-decoration:underline;text-underline-offset:3px}.sfp-hero-note{margin:12px 0 0;font-size:9px;line-height:1.6}.sfp-hero-scene{position:relative;align-self:stretch;min-width:0;min-height:320px;overflow:hidden;background:#eae5df;isolation:isolate}.sfp-scene-halo{position:absolute;inset:9% 13% 18%;background:#f9f5f0;border-radius:50% 50% 0 0}.sfp-scene-line{position:absolute;inset:63% 0 0;border-top:1px solid #d6ccc2;background:#dfd6cc}.sfp-scene-front,.sfp-scene-back,.sfp-scene-side{position:absolute;width:69%}.sfp-scene-front{z-index:3;left:1%;bottom:12%}.sfp-scene-back{z-index:1;right:-5%;bottom:31%;width:65%;transform:rotate(-8deg)}.sfp-scene-side{z-index:2;right:-5%;bottom:10%;width:60%}.sfp-scene-label{position:absolute;z-index:4;left:17px;right:17px;bottom:16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px;color:#67584c;font-size:8px;font-weight:650;line-height:1.6;letter-spacing:.07em}.sfp-collection-strip{display:flex;align-items:center;gap:22px;padding:20px 25px;background:#faf9f8;border-bottom:1px solid #e8e4e2}.sfp-collection-strip p{display:grid;grid-template-columns:auto minmax(0,1fr);flex:1;align-items:center;gap:4px 10px;margin:0;min-width:0;font-size:10px;line-height:1.5}.sfp-strip-number{grid-row:span 2;align-self:center;color:#8a747f;font-family:Georgia,Times New Roman,serif;font-size:24px}.sfp-collection-strip p>span:last-child{color:#746d70;font-size:9px}.sfp-strip-divider{flex-shrink:0;width:1px;height:32px;background:#dfd9dc}.sfp-featured{padding:30px 25px 23px;min-width:0;scroll-margin-top:20px}.sfp-featured-heading{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:14px;margin-bottom:23px}.sfp-featured-heading>div{min-width:0}.sfp-featured-heading .sfp-store-eyebrow{margin-bottom:6px;color:#7a6974}.sfp-featured-heading h5{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(21px,3.4cqi,28px);font-weight:400;line-height:1.3;letter-spacing:-.025em}.sfp-featured-heading p:last-child{margin:8px 0 0;color:#756f76;font-size:11px;line-height:1.65}.sfp-edit-label{max-width:100%;border:1px solid #e2dbe0;padding:7px 9px;color:#6e5864;font-size:9px;line-height:1.5;overflow-wrap:anywhere}.sfp-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 13px;padding:0;margin:0;list-style:none;min-width:0}.sfp-product{min-width:0}.sfp-product-picture{position:relative;min-width:0;background:#f0ece7}.sfp-picture-caption{display:block;padding:0 8px 9px;color:#796d61;font-size:7px;line-height:1.5;text-align:center;letter-spacing:.06em;overflow-wrap:anywhere}.sfp-product-copy{min-width:0;padding-top:13px}.sfp-product-tag{display:block;margin-bottom:6px;color:#7c6b75;font-size:8px;font-weight:650;line-height:1.5;letter-spacing:.04em}.sfp-product h6{margin:0;font-size:12px;line-height:1.5;font-weight:650;letter-spacing:-.015em}.sfp-product-copy p{margin:5px 0 0;color:#77717a;font-size:10px;line-height:1.6}.sfp-products-status{margin:23px 0 0;color:#77717a;font-size:9px;line-height:1.7}.sfp-store-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:20px 25px;border-top:1px solid #e7e2e6;background:#faf9fa}.sfp-store-footer>span{font-size:10px;font-weight:750;letter-spacing:.04em;overflow-wrap:anywhere}.sfp-store-footer p{margin:0;color:#77717a;font-size:9px;line-height:1.6}.sfp-preview-footnote{margin:12px 0 0;color:#77717a;font-size:11px;line-height:1.7}.sfp-art{position:relative;width:100%;aspect-ratio:1;min-width:0;overflow:hidden}.sfp-art-shadow{position:absolute;left:23%;bottom:13%;width:54%;height:7%;border-radius:50%;background:#34261916;filter:blur(3px)}.sfp-object{position:absolute;left:31%;bottom:18%;width:38%;height:58%;background:var(--sfp-product-tone);box-shadow:inset -9px 0 15px #3824161f,inset 6px 0 12px #ffffff30}.sfp-object-detail{position:absolute;inset:8% 10% 8% 16%;border-left:1px solid #ffffff3b}.sfp-art-vase .sfp-object{border-radius:42% 42% 27% 27%;clip-path:polygon(29% 0,71% 0,71% 18%,95% 43%,100% 76%,89% 100%,11% 100%,0 76%,5% 43%,29% 18%)}.sfp-art-vase .sfp-object:before{content:"";position:absolute;inset:0 29% auto;height:4%;border-radius:50%;background:#665145}.sfp-art-cushion .sfp-object{left:21%;bottom:22%;width:59%;height:51%;border-radius:15% 18% 17% 16%;transform:rotate(-7deg);background-image:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff13 3px 4px),repeating-linear-gradient(90deg,transparent 0 3px,#4636250a 3px 4px)}.sfp-art-cushion .sfp-object-detail{inset:5%;border:1px solid #ffffff5c;border-radius:inherit}.sfp-art-lamp .sfp-object{left:44%;bottom:18%;width:13%;height:35%;border-radius:40% 40% 10% 10%}.sfp-art-lamp .sfp-object:before{content:"";position:absolute;left:-162%;bottom:65%;width:425%;height:108%;background:var(--sfp-product-tone);border-radius:50% 50% 4% 4%;box-shadow:inset -8px -5px 12px #38241614}.sfp-art-lamp .sfp-object:after{content:"";position:absolute;inset:auto -55% 0;height:9%;border-radius:50%;background:#9b896f}.sfp-art-mug .sfp-object{left:28%;width:40%;height:43%;border-radius:8% 8% 30% 30%}.sfp-art-mug .sfp-object:before{content:"";position:absolute;right:-38%;top:12%;width:49%;height:58%;border:6px solid var(--sfp-product-tone);border-radius:45%}.sfp-art-mug .sfp-object:after{content:"";position:absolute;inset:-1% 0 auto;height:10%;border-radius:50%;background:#857e6d;border:3px solid var(--sfp-product-tone)}.sfp-art-bowl .sfp-object{left:20%;width:60%;height:32%;border-radius:5% 5% 50% 50%/5% 5% 85% 85%}.sfp-art-bowl .sfp-object:before{content:"";position:absolute;inset:-7% 0 auto;height:22%;border-radius:50%;background:#845f4c;border:3px solid var(--sfp-product-tone)}.sfp-art-candle .sfp-object,.sfp-art-jar .sfp-object{left:28%;width:44%;height:40%;border-radius:7% 7% 12% 12%}.sfp-art-candle .sfp-object:before,.sfp-art-jar .sfp-object:before{content:"";position:absolute;inset:-6% -2% auto;height:14%;border-radius:14%;background:#82756a}.sfp-art-candle .sfp-object-detail,.sfp-art-jar .sfp-object-detail,.sfp-art-bottle .sfp-object-detail,.sfp-art-dropper .sfp-object-detail{inset:37% 14% 20%;border:1px solid #ffffff6e;background:#fff6e95e}.sfp-art-bottle .sfp-object{left:34%;width:32%;height:55%;border-radius:15% 15% 8% 8%}.sfp-art-bottle .sfp-object:before,.sfp-art-dropper .sfp-object:before{content:"";position:absolute;left:19%;bottom:99%;width:62%;height:23%;border-radius:12% 12% 0 0;background:#6f655c}.sfp-art-dropper .sfp-object{left:34%;width:32%;height:43%;border-radius:19% 19% 8% 8%}.sfp-art-dropper .sfp-object:before{left:24%;width:52%;height:47%;border-radius:45% 45% 3% 3%}.sfp-art-tube .sfp-object{left:35%;width:30%;height:61%;border-radius:2% 2% 18% 18%;transform:rotate(6deg);clip-path:polygon(0 0,100% 0,89% 89%,83% 100%,17% 100%,11% 89%)}.sfp-art-tube .sfp-object-detail{inset:auto 0 0;height:13%;border:0;background:#d7d3c5}.sfp-art-compact .sfp-object{left:22%;width:56%;height:56%;border:7px solid #9a7379;border-radius:50%}.sfp-art-compact .sfp-object-detail{inset:7%;border:1px solid #ffffff57;border-radius:50%}.sfp-art-soap .sfp-object{left:21%;bottom:24%;width:58%;height:37%;border-radius:25%;transform:rotate(-12deg)}.sfp-art-soap .sfp-object-detail{inset:24%;border:1px solid #87765552;border-radius:15%}.sfp-art-bag .sfp-object{left:24%;width:52%;height:44%;border-radius:2% 2% 8% 8%}.sfp-art-bag .sfp-object:before{content:"";position:absolute;left:23%;bottom:92%;width:54%;height:60%;border:5px solid var(--sfp-product-tone);border-bottom:0;border-radius:50% 50% 0 0}.sfp-art-shirt .sfp-object,.sfp-art-sweater .sfp-object{left:15%;width:70%;height:61%;clip-path:polygon(28% 0,40% 6%,60% 6%,72% 0,100% 24%,83% 49%,73% 40%,75% 100%,25% 100%,27% 40%,17% 49%,0 24%)}.sfp-art-shirt .sfp-object-detail{inset:9% 49% 3%;border-left:2px solid #ffffff85}.sfp-art-sweater .sfp-object{background-image:repeating-linear-gradient(90deg,transparent 0 3px,#ffffff19 3px 4px)}.sfp-art-sweater .sfp-object-detail{inset:auto 25% 3%;height:7%;border:0;border-bottom:2px solid #86606e38}.sfp-art-shoe .sfp-object{left:14%;bottom:22%;width:72%;height:33%;border-radius:10% 50% 15% 15%;clip-path:polygon(0 0,34% 0,58% 41%,93% 51%,100% 72%,100% 100%,0 100%)}.sfp-art-shoe .sfp-object-detail{inset:auto 0 0;height:23%;background:#f5f2e7;border:0}.sfp-art-cap .sfp-object{left:25%;bottom:24%;width:53%;height:39%;border-radius:65% 65% 5% 5%}.sfp-art-cap .sfp-object:after{content:"";position:absolute;left:-28%;bottom:-4%;width:76%;height:16%;background:var(--sfp-product-tone);border-radius:50% 0 10% 50%}.sfp-art-scarf .sfp-object{left:26%;width:48%;height:63%;border-radius:7%;transform:rotate(-14deg);background-image:repeating-linear-gradient(45deg,transparent 0 13%,#fff3df40 13% 22%)}.sfp-art-scarf .sfp-object-detail{inset:auto 3% -5%;height:8%;border:0;background:repeating-linear-gradient(90deg,var(--sfp-product-tone) 0 2px,transparent 2px 4px)}.sfp-style-minimal .sfp-store-header{padding-top:20px;padding-bottom:20px}.sfp-style-minimal .sfp-brand-mark{border-radius:0;width:16px;height:16px}.sfp-style-minimal .sfp-hero{grid-template-columns:minmax(0,1fr);background:#fff;color:#252429}.sfp-style-minimal .sfp-hero-copy{padding:36px 28px 28px;text-align:center}.sfp-style-minimal .sfp-hero-copy h4{max-width:24ch;margin-inline:auto;font-family:inherit;font-size:clamp(27px,4.5cqi,40px);font-weight:550;line-height:1.2}.sfp-style-minimal .sfp-hero-description{max-width:56ch;margin-inline:auto}.sfp-style-minimal .sfp-hero-scene{min-height:220px;background:var(--demo-secondary)}.sfp-style-minimal .sfp-scene-halo{inset:7% 27% 12%}.sfp-style-minimal .sfp-scene-front,.sfp-style-minimal .sfp-scene-back,.sfp-style-minimal .sfp-scene-side{width:32%;max-width:220px;bottom:8%;transform:none}.sfp-style-minimal .sfp-scene-front{left:34%}.sfp-style-minimal .sfp-scene-back{left:5%;right:auto}.sfp-style-minimal .sfp-scene-side{right:4%}.sfp-style-minimal .sfp-scene-line{top:66%}.sfp-style-minimal .sfp-featured-heading h5{font-family:inherit;font-weight:550}.sfp-style-minimal .sfp-product{padding:9px;border:1px solid #e5e2e5}.sfp-style-minimal .sfp-product-picture{background:#f5f4f2}.sfp-style-expressive .sfp-hero{background:var(--demo-primary);color:var(--demo-primary-ink)}.sfp-style-expressive .sfp-hero-copy{grid-column:2;grid-row:1}.sfp-style-expressive .sfp-hero-scene{grid-column:1;grid-row:1;background:var(--demo-accent)}.sfp-style-expressive .sfp-hero-copy h4{font-family:inherit;font-weight:850;letter-spacing:-.065em}.sfp-style-expressive .sfp-collection-button{background:var(--demo-accent);color:var(--demo-accent-ink);border-color:var(--demo-accent-ink);border-radius:24px}.sfp-style-expressive .sfp-scene-halo{inset:11% 9% 19%;border-radius:50%}.sfp-style-expressive .sfp-scene-line{background:#e7dccf}.sfp-style-expressive .sfp-collection-strip{background:var(--demo-secondary);color:var(--demo-secondary-ink)}.sfp-style-expressive .sfp-strip-number,.sfp-style-expressive .sfp-collection-strip p>span:last-child{color:inherit}.sfp-style-expressive .sfp-featured-heading h5{font-family:inherit;font-weight:800}.sfp-style-expressive .sfp-edit-label{background:var(--demo-accent);color:var(--demo-accent-ink);border-color:var(--demo-accent-ink);border-radius:20px}.sfp-style-expressive .sfp-product-picture{border-radius:13px;overflow:hidden}.sfp-style-expressive .sfp-product-tag{display:inline-block;max-width:100%;padding:3px 6px;background:var(--demo-secondary);color:var(--demo-secondary-ink);border-radius:4px}.sfp-layout-list .sfp-products{grid-template-columns:minmax(0,1fr);gap:13px}.sfp-layout-list .sfp-product{display:grid;grid-template-columns:clamp(76px,21cqi,125px) minmax(0,1fr);align-items:center;gap:18px;padding-bottom:13px;border-bottom:1px solid #e9e5e7}.sfp-layout-list .sfp-product-copy{padding-top:0}.sfp-layout-list .sfp-product h6{font-size:14px}.sfp-device-mobile .sfp-store-header{align-items:stretch;flex-direction:column;gap:14px;padding:20px 17px 15px}.sfp-device-mobile .sfp-store-nav .ms-demo-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.sfp-device-mobile .sfp-hero{grid-template-columns:minmax(0,1fr)}.sfp-device-mobile .sfp-hero-copy{grid-column:1;grid-row:1;padding:29px 20px}.sfp-device-mobile .sfp-hero-copy h4{max-width:16ch;font-size:clamp(29px,9cqi,36px)}.sfp-device-mobile .sfp-hero-scene{grid-column:1;grid-row:2;min-height:250px}.sfp-device-mobile.sfp-style-minimal .sfp-hero-copy h4{max-width:23ch}.sfp-device-mobile .sfp-collection-strip{padding:17px;gap:12px}.sfp-device-mobile .sfp-featured{padding:27px 17px 20px}.sfp-device-mobile.sfp-layout-grid .sfp-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}.sfp-device-mobile .sfp-store-footer{padding:18px 17px}@container sfp-storeframe (max-width: 580px){.sfp-store-header{align-items:stretch;flex-direction:column;gap:14px;padding:20px 17px 15px}.sfp-store-nav .ms-demo-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.sfp-hero{grid-template-columns:minmax(0,1fr)}.sfp-hero-copy,.sfp-style-expressive .sfp-hero-copy{grid-column:1;grid-row:1;padding:29px 20px}.sfp-hero-copy h4{max-width:16ch;font-size:clamp(29px,8cqi,39px)}.sfp-hero-scene,.sfp-style-expressive .sfp-hero-scene{grid-column:1;grid-row:2;min-height:280px}.sfp-style-minimal .sfp-hero-copy h4{max-width:24ch}.sfp-style-minimal .sfp-hero-scene{min-height:200px}.sfp-collection-strip{gap:13px;padding:17px}.sfp-featured{padding:27px 17px 20px}.sfp-products,.sfp-device-mobile.sfp-layout-grid .sfp-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}.sfp-layout-list .sfp-products{grid-template-columns:minmax(0,1fr);gap:13px}.sfp-store-footer{padding:18px 17px}}@container sfp-storeframe (max-width: 340px){.sfp-promo{gap:7px;padding-inline:10px}.sfp-promo-symbol{display:none}.sfp-store-nav .ms-demo-tabs button{padding-inline:2px;font-size:10px}.sfp-hero-copy,.sfp-style-minimal .sfp-hero-copy,.sfp-style-expressive .sfp-hero-copy{padding:25px 16px}.sfp-hero-scene,.sfp-style-expressive .sfp-hero-scene{min-height:230px}.sfp-style-minimal .sfp-hero-scene{min-height:170px}.sfp-collection-strip{align-items:stretch;flex-direction:column;gap:12px}.sfp-strip-divider{width:100%;height:1px}.sfp-products,.sfp-device-mobile.sfp-layout-grid .sfp-products{grid-template-columns:minmax(0,1fr)}.sfp-product-picture>.sfp-art{max-width:210px;margin-inline:auto}.sfp-layout-list .sfp-product{grid-template-columns:minmax(0,76px) minmax(0,1fr);gap:12px}.sfp-layout-list .sfp-picture-caption{padding-inline:4px;font-size:6px}.sfp-style-minimal.sfp-layout-list .sfp-product{padding:6px}}@media (max-width: 1050px){.sfp-workbench{grid-template-columns:minmax(0,1fr)}.sfp-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.sfp-control-intro,.sfp-color-wrap,.sfp-control-footnote{grid-column:1 / -1}.sfp-style-note{grid-column:2;grid-row:3}.sfp-demo .ms-demo-color-inputs{grid-template-columns:repeat(3,minmax(0,1fr))}.sfp-demo .ms-demo-palette-options{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 620px){.sfp-demo{padding:14px;border-radius:12px}.sfp-controls{display:block;padding:16px}.sfp-demo .ms-demo-palette-options{grid-template-columns:repeat(2,minmax(0,1fr))}.sfp-demo .ms-demo-color-inputs{grid-template-columns:minmax(0,1fr)}.sfp-preview-stage{padding:7px}.sfp-preview-toolbar{gap:14px}.sfp-demo .ms-demo-notice{padding:12px}}
