.hero:has(.merchant-story){grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:40px;padding-block:64px}.hero:has(.merchant-story) h1{font-size:clamp(40px,4.2vw,62px)}.hero:has(.merchant-story) .lead{font-size:17px;max-width:42ch}.merchant-story{margin:0;min-width:0;align-self:center}.merchant-story-heading{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.08em;font-weight:700;margin:0 0 14px;color:#6d6a71}.merchant-story-heading span:first-child{color:var(--brand)}.merchant-story-heading span:last-child{font-weight:400;letter-spacing:0}.merchant-story picture{display:block}.merchant-story img{width:100%;height:auto;display:block;border:1px solid #e0e3d8;border-radius:15px;box-shadow:0 25px 55px -35px #38433166}.merchant-story figcaption{margin:20px 0 0}.merchant-story figcaption>p{font-size:14px;font-weight:700;margin:0 0 14px;min-height:24px}.merchant-story-steps{display:flex;gap:8px}.merchant-story-steps button{flex:1;display:flex;gap:9px;align-items:center;justify-content:center;min-height:44px;padding:10px 8px;border-radius:8px;background:transparent;border:1px solid var(--line);font-size:12px;font-weight:700;color:var(--muted);transition:background-color .16s,border-color .16s}.merchant-story-steps button span{font-size:10px;opacity:.65}.merchant-story-steps button[aria-pressed=true]{background:#f6e3e9;border-color:#bc2854;color:#8e2041}.merchant-story-steps button:hover{border-color:#bc2854}.merchant-story-steps button:focus-visible{outline:3px solid #992044;outline-offset:3px}.merchant-story-wide{max-width:1080px;margin:32px auto}.merchant-story-wide .merchant-story-heading{font-size:12px}.merchant-story-wide figcaption>p{font-size:18px}.merchant-story-wide .merchant-story-steps{max-width:560px}.merchant-story-wide .merchant-story-steps button{font-size:14px}
@media(min-width:1600px){.hero:has(.merchant-story){padding-inline:max(24px,calc((100% - 1360px)/2))}}
@media(max-width:1000px){.hero:has(.merchant-story){grid-template-columns:1fr;gap:32px}.hero:has(.merchant-story) .hero-copy{max-width:760px}.hero:has(.merchant-story) h1{font-size:clamp(40px,6vw,62px);max-width:20ch}.hero:has(.merchant-story) .lead{max-width:55ch}.merchant-story{width:100%;max-width:800px}.merchant-story figcaption>p{font-size:16px}}
@media(max-width:600px){.hero:has(.merchant-story){padding:32px 20px 48px;gap:20px}.hero:has(.merchant-story) .hero-copy{display:contents}.hero:has(.merchant-story) h1{font-size:36px;order:2}.hero:has(.merchant-story) .lead{font-size:16px;order:3}.hero:has(.merchant-story) .actions{order:4;margin:4px 0 12px}.hero:has(.merchant-story) .merchant-story{order:5}.merchant-story-heading{font-size:9px;gap:8px}.merchant-story img{border-radius:12px}.merchant-story figcaption{margin-top:16px}.merchant-story figcaption>p{font-size:14px;min-height:44px;margin-bottom:8px}.merchant-story-steps{gap:6px}.merchant-story-steps button{font-size:11px;gap:5px;padding:9px 5px}.merchant-story-wide .merchant-story-steps button{font-size:12px}.merchant-story-wide .merchant-story-heading{font-size:9px}.merchant-story-wide figcaption>p{font-size:15px}}
.story-window{position:relative;height:526px;overflow:hidden;background:#fffdf8;border:1px solid #deded3;border-radius:14px;box-shadow:0 25px 55px -35px #38433155;color:#283a32;font:13px/1.5 var(--font)}.story-window img{display:block;border:0;border-radius:0;box-shadow:none;object-fit:contain}.story-browser{height:28px;background:#eaece3;display:flex;align-items:center;gap:5px;padding:0 12px}.story-browser i{width:5px;height:5px;border-radius:50%;background:#b9c0b0}.story-browser>span{text-align:center;font-size:10px;color:#66715d;background:#f9faf6;width:50%;margin:auto;border-radius:4px;line-height:18px}.story-shop-header{height:74px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 22px;border-bottom:1px solid #e8e8db}.story-shop-header img{width:90px;height:45px}.story-shop-header>span{font-size:10px;white-space:nowrap}.story-shop-header svg{width:18px;height:18px;stroke:#435b4b;stroke-width:1.4;fill:none;flex:none}.story-shop-intro{padding:20px 22px 15px}.story-shop-intro>p{font-size:9px;letter-spacing:.13em;margin:0 0 6px;color:#617861}.story-shop-intro>div{font:400 clamp(22px,2.4vw,32px)/1.08 Georgia,serif;letter-spacing:-.02em}.story-shop-intro em{display:block;color:#6a815d;font-style:italic}.story-shop-intro small{font-size:11px;display:block;margin-top:9px}.story-shop-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:0 22px}.story-product>div{background:#edf0df;border-radius:8px;padding:10px}.story-product:nth-child(2)>div{background:#e5eeeb}.story-product:nth-child(3)>div{background:#f6e7da}.story-product img{width:100%;height:138px;mix-blend-mode:multiply}.story-product p{font-size:11px;font-weight:700;margin:9px 0 2px;line-height:1.4}.story-product>span{font-size:10px}.story-widget{position:absolute;bottom:68px;right:16px;width:278px;overflow:hidden;border:1px solid #e6dce0;border-radius:14px;background:#fff;box-shadow:0 14px 38px #28202d24;color:#302636}.story-widget-title{position:relative;background:#bc2854;color:white;padding:12px 16px;display:grid}.story-widget-title strong{font-size:14px}.story-widget-title small{font-size:10px;color:#ffe3ed}.story-widget-title>span{position:absolute;right:16px;top:12px;font-size:20px}.story-widget-body{padding:14px}.story-question{font-size:13px;line-height:1.5;margin:0 0 14px 20px;padding:10px 12px;background:#faebf1;border-radius:12px 12px 3px 12px}.story-answer{font-size:13px;line-height:1.55;margin:0 0 13px}.story-recommendation{display:grid;grid-template-columns:50px minmax(0,1fr);gap:10px;padding:10px;border-radius:9px;background:#f7f7f0;align-items:center}.story-recommendation img{width:50px;height:72px;mix-blend-mode:multiply}.story-recommendation>div{display:grid;gap:4px}.story-recommendation strong{font-size:12px;line-height:1.4}.story-recommendation span{font-size:11px}.story-recommendation b{font-size:11px;color:#a22249;font-weight:700}.story-bubble{position:absolute;bottom:18px;right:16px;display:flex;align-items:center;gap:8px;background:#bc2854;color:#fff;padding:10px 15px;border-radius:30px;font-size:12px;font-weight:700;box-shadow:0 7px 20px #bc285428}.story-bubble svg{width:18px;height:18px;stroke:white;stroke-width:1.6;fill:none}.story-shop-detail{display:none;padding:28px 22px;grid-template-columns:1.1fr 1fr;gap:22px;max-width:70%;align-items:start}.story-shop-detail>div:first-child{background:#edf0df;border-radius:10px;padding:15px}.story-shop-detail img{width:100%;height:232px;mix-blend-mode:multiply}.story-shop-detail>div:last-child{display:grid;gap:12px}.story-shop-detail small{font-size:10px;letter-spacing:.08em}.story-shop-detail strong{font:24px/1.1 Georgia,serif}.story-shop-detail p{font-size:12px;margin:0}.story-shop-detail b{font-size:14px}[data-story-state="0"] .story-widget{display:none}[data-story-state="2"] .story-shop-intro,[data-story-state="2"] .story-shop-products{display:none}[data-story-state="2"] .story-shop-detail{display:grid}.story-product-section{padding-block:48px}.story-product-section>h2{max-width:800px}.merchant-story-wide .story-window{height:610px}.merchant-story-wide .story-widget{width:330px}.merchant-story-wide .story-product img{height:200px}.merchant-story-wide .story-shop-intro>div{font-size:40px}.merchant-story-wide .story-question,.merchant-story-wide .story-answer{font-size:16px}.merchant-story-wide .story-recommendation strong{font-size:14px}
@media(max-width:600px){.story-window,.merchant-story-wide .story-window{height:580px}.story-shop-header{padding:10px 14px;height:66px}.story-shop-header img{width:82px;height:40px}.story-shop-header>span{display:none}.story-shop-intro{padding:16px 14px 14px}.story-shop-intro>div,.merchant-story-wide .story-shop-intro>div{font-size:28px}.story-shop-products{padding:0 14px;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.story-product>div{padding:5px}.story-product img,.merchant-story-wide .story-product img{height:110px}.story-product p{font-size:11px}.story-product>span{font-size:10px}.story-widget,.merchant-story-wide .story-widget{width:74%;right:10px;bottom:64px;max-width:290px}.story-widget-title{padding:11px 12px}.story-widget-title strong{font-size:14px}.story-widget-title small{font-size:10px}.story-widget-body{padding:12px}.story-question,.merchant-story-wide .story-question{font-size:13px;margin-left:10px;padding:9px 10px;line-height:1.45}.story-answer,.merchant-story-wide .story-answer{font-size:13px;line-height:1.5}.story-recommendation{grid-template-columns:38px minmax(0,1fr);padding:8px;gap:7px}.story-recommendation img{width:38px;height:62px}.story-recommendation strong,.merchant-story-wide .story-recommendation strong{font-size:12px}.story-recommendation b{font-size:11px;line-height:1.4}.story-bubble{font-size:12px;right:10px}.story-shop-detail{padding:18px 14px;max-width:none;grid-template-columns:1fr 1fr;gap:12px}.story-shop-detail img{height:150px}.story-shop-detail strong{font-size:20px}.story-shop-detail>div:first-child{padding:8px}.story-shop-detail>div:last-child{gap:8px}.story-shop-detail p{font-size:11px}}
[data-story-state="2"] .story-widget{display:none}[data-story-state="2"] .story-shop-detail{max-width:100%}