/* Basketmint: split type wordmark, warm product photography, black, white and bright mint. */
@font-face{font-family:Outfit;src:url('/basketmint/v2/fonts/outfit.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:BasketmintArabic;src:url('/basketmint/v2/fonts/arabic-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
:root{
  --carbon:#111111;--mint:#3cf2a0;--chalk:#faf9f6;--neutral-light:#e5e5e1;--white:#fff;
  --bg:var(--chalk);--surface:var(--white);--text:var(--carbon);--muted:#62635f;
  --line:#deded9;--soft:#edede9;--link:#202120;--on-neutral-muted:#565650;--on-dark-muted:#c7c7c2;--shadow:0 24px 70px #00000012;
  --button:var(--mint);--button-text:var(--carbon);--button-hover:color-mix(in srgb,var(--mint),var(--white) 18%);
  --preview-bg:#fffcf6;--preview-text:#332f29;--preview-muted:#706c63;--preview-line:#e8e4da;
  --space:18px;--radius:26px;--control-height:52px;--touch-target:44px;color-scheme:light dark;
  font-family:Outfit,system-ui,sans-serif;font-synthesis:none;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-block-start:28px}
body{margin:0;background:var(--bg);color:var(--text);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
::selection{background:var(--mint);color:var(--carbon)}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-inline-size:100%}
button,a,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,summary:focus-visible{outline:3px solid var(--link);outline-offset:6px}
.shopper-help a:focus-visible,.site-footer a:focus-visible{outline-color:var(--mint)}
.closing a:focus-visible{outline-color:var(--chalk)}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:650;letter-spacing:-.045em;line-height:1.08;text-wrap:balance}
h2{font-size:clamp(34px,3.7vw,48px)}
h3{font-size:24px;line-height:1.18;letter-spacing:-.025em}
p{color:var(--muted)}
.wrap{inline-size:min(1248px,calc(100% - 96px));margin-inline:auto}
.page-stack{display:flex;flex-direction:column;gap:var(--space)}
.icon{inline-size:22px;block-size:22px;flex:none}
.skip-link{position:absolute;inset-block-start:12px;inset-inline-start:12px;z-index:5;transform:translateY(-180%);background:var(--mint);color:var(--carbon);padding:10px 18px;border-radius:6px}
.skip-link:focus{transform:none}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-block-size:100px;border-block-end:1px solid var(--line)}
.wordmark{display:flex;align-items:center;inline-size:224px;min-block-size:var(--touch-target);flex:none}
.wordmark picture{display:block;inline-size:100%}
.wordmark img{inline-size:100%;block-size:auto}
.site-nav{display:flex;gap:34px;align-items:center;font-size:15px;font-weight:500}
.site-nav a{display:flex;align-items:center;min-block-size:var(--touch-target);white-space:nowrap;transition:color .2s}
.site-nav a:hover{color:var(--link)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-block-size:var(--control-height);padding:12px 23px;border:1px solid transparent;border-radius:100px;font:inherit;font-size:16px;font-weight:600;white-space:nowrap;line-height:1.2;transition:background .2s,transform .2s}
.button:hover{transform:translateY(-2px)}
.button-primary{color:var(--button-text);background:var(--button)}
.button-primary:hover{background:var(--button-hover)}
.button-ghost{border-color:var(--line);background:var(--surface)}
.button-ghost:hover{background:var(--soft)}
.header-login{min-block-size:44px;padding:10px 20px;font-size:15px}
.header-login .icon{inline-size:18px;block-size:18px}
.text-link{display:inline-flex;align-items:center;gap:10px;font-weight:500;font-size:16px;white-space:nowrap;min-block-size:var(--control-height)}
.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.text-link .icon{inline-size:19px;block-size:19px}
.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:56px;padding-block:76px 42px}
.hero-copy{padding-block-end:28px;min-inline-size:0}
h1{font-size:clamp(50px,5.9vw,84px);font-weight:750;letter-spacing:-.065em;line-height:1.02}
h1 span{color:var(--carbon);background:linear-gradient(transparent 85%,var(--mint) 85%,var(--mint) 97%,transparent 97%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hero-description{max-inline-size:470px;font-size:19px;line-height:1.6;margin-block-start:26px}
.social-channels{display:flex;align-items:center;flex-wrap:wrap;gap:14px 18px;margin-block-start:22px}
.social-label{font-size:13px;color:var(--muted)}
.channel-badge{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:500}
.channel-badge svg{inline-size:23px;block-size:23px;flex:none;color:var(--link)}
.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:nowrap;margin-block-start:32px}
.hero-plan{font-size:12px;margin-block-start:16px}
.hero-plan a{color:var(--link);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.hero-reassurance{display:flex;gap:20px;flex-wrap:wrap;margin-block-start:24px;color:var(--muted);font-size:13px}
.hero-reassurance span{display:flex;gap:6px;align-items:center}
.hero-reassurance .icon{inline-size:15px;block-size:15px;color:var(--link)}
.shop-preview{position:relative;isolation:isolate;min-inline-size:0;padding-block:28px 0;padding-inline:0 22px}
.brand-motif{position:absolute;inset-block-start:-6px;inset-inline-end:0;transform:rotate(8deg);inline-size:88px;block-size:auto;aspect-ratio:1;z-index:1}
.shop-window{position:relative;overflow:hidden;border:1px solid var(--preview-line);background:var(--preview-bg);border-radius:20px;box-shadow:var(--shadow);color:var(--preview-text)}
.browser-bar{display:flex;align-items:center;gap:14px;padding:13px 15px;border-block-end:1px solid var(--preview-line);color:var(--preview-muted);font-size:10px;line-height:1.2;background:var(--white)}
.browser-bar>span:last-child{display:flex;align-items:center;justify-content:center;gap:5px;min-inline-size:0;flex:1}
.browser-bar bdi{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.browser-bar .icon{inline-size:10px;block-size:10px}
.browser-dots{display:flex;gap:4px}
.browser-dots i{inline-size:5px;block-size:5px;background:var(--preview-line);border-radius:50%}
.shop-heading{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;font-size:18px;font-weight:650;letter-spacing:-.04em}
.shop-heading .icon{inline-size:18px;block-size:18px}
.shop-photo{position:relative;margin-inline:14px;overflow:hidden;border-radius:5px}
.shop-photo img{inline-size:100%;block-size:auto;aspect-ratio:1.35;object-fit:cover}
.shop-photo-label{position:absolute;inset-block-end:14px;inset-inline-start:14px;border-radius:3px;background:var(--preview-bg);color:var(--preview-text);padding:6px 10px;font-size:11px}
.shop-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 22px 27px}
.shop-caption strong{display:block;font-size:19px;letter-spacing:-.035em;font-weight:550}
.shop-caption span:not(.preview-arrow){display:block;font-size:10px;margin-block-start:3px;color:var(--preview-muted)}
.preview-arrow{display:grid;place-items:center;border-radius:50%;inline-size:34px;block-size:34px;background:var(--mint);color:var(--carbon);flex:none}
.preview-arrow .icon{inline-size:17px;block-size:17px}
.order-note{position:absolute;inset-inline-end:0;inset-block-end:42px;display:flex;align-items:center;gap:12px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:16px 22px;box-shadow:0 12px 30px #00000014}
.order-note>.icon{inline-size:37px;block-size:37px;color:var(--carbon);background:var(--mint);padding:8px;border-radius:50%}
.order-note strong{font-size:14px;font-weight:550;display:block}
.order-note span{font-size:11px;color:var(--muted);display:block}
.shop-preview figcaption{text-align:center;margin-block-start:60px;font-size:11px;color:var(--muted)}
.audience-strip{display:flex;justify-content:space-between;align-items:center;gap:18px;border-block-start:1px solid var(--line);padding-block:25px 33px;font-size:14px}
.audience-strip>p{font-size:14px}
.audience-strip>div{display:flex;gap:32px;flex-wrap:wrap;color:var(--text);font-size:16px;font-weight:550;letter-spacing:-.02em}
.maker-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:center;padding-block:24px 46px}
.maker-copy h2{font-size:42px}
.maker-copy>p{font-size:17px;max-inline-size:390px;margin-block-start:22px}
.maker-copy .text-link{font-size:14px;white-space:normal;margin-block-start:20px;line-height:1.5}
.maker-copy .text-link .icon{flex:none}
.maker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space)}
.maker-card{overflow:hidden;min-inline-size:0;background:var(--surface);border:1px solid var(--line);border-radius:20px}
.maker-card>img{inline-size:100%;block-size:auto;aspect-ratio:1.1;object-fit:cover}
.maker-card figcaption{padding:19px 18px 22px}
.maker-card strong{display:block;font-size:18px;font-weight:550;letter-spacing:-.025em;line-height:1.3}
.maker-card figcaption span{display:block;font-size:13px;line-height:1.5;color:var(--muted);margin-block-start:7px}
.benefit-section{padding-block:48px 24px;border-block-start:1px solid var(--line)}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-block-end:38px}
.section-heading>p{max-inline-size:380px;font-size:17px}
.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space)}
.benefit-card{padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:20px}
.feature-icon{display:inline-flex;align-items:center;justify-content:center;inline-size:44px;block-size:44px;background:var(--mint);color:var(--carbon);border-radius:50%;margin-block-end:27px}
.benefit-card h3{max-inline-size:250px;font-size:23px}
.benefit-card p{font-size:15px;line-height:1.65;margin-block-start:14px}
.value-note{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:25px 0;margin-block-start:24px;border-block-start:1px solid var(--line)}
.value-note>div{display:flex;gap:10px;align-items:flex-start;max-inline-size:650px}
.value-note>div>.icon{color:var(--link);inline-size:18px;block-size:18px;margin-block-start:3px}
.value-note p{font-size:14px}
.value-note strong{font-weight:550;color:var(--text)}
.value-note .text-link{flex:none;font-size:14px}
.steps-section{padding-block:58px}
.steps-grid{counter-reset:step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space);list-style:none;padding:0;margin:0}
.steps-grid li{position:relative;counter-increment:step;padding-block:28px 0;padding-inline:0 22px;border-block-start:1px solid var(--line)}
.steps-grid li::before{content:counter(step,decimal-leading-zero);font-size:38px;font-weight:650;letter-spacing:-.05em;line-height:1;color:var(--muted);position:absolute;inset-inline-end:22px;inset-block-start:22px}
.step-icon{display:inline-block;margin-block-end:24px;color:var(--link)}
.step-icon>.icon{inline-size:27px;block-size:27px}
.steps-grid h3{font-size:23px}
.steps-grid p{font-size:16px;margin-block-start:15px;max-inline-size:335px}
.shopper-help{background:var(--carbon);color:var(--chalk);border-radius:var(--radius);padding:58px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.shopper-copy h2{font-size:clamp(32px,3.4vw,44px)}
.shopper-copy h2>span{color:var(--mint)}
.shopper-copy>p{color:var(--on-dark-muted);font-size:16px;margin-block-start:22px;opacity:.87}
.shopper-copy>.text-link{color:var(--chalk);margin-block-start:20px;font-size:14px}
.assistant-example{padding-block:10px;min-inline-size:0}
.conversation-label{display:flex;align-items:center;gap:8px;margin-block-end:18px;font-size:12px;color:var(--on-dark-muted)}
.conversation-label .icon{inline-size:16px;block-size:16px;color:var(--mint)}
.assistant-question{background:var(--mint);color:var(--carbon);padding:18px 22px;border-radius:18px 18px 3px 18px;margin-inline-start:30px;font-size:17px}
.assistant-question>bdi,.assistant-reply{display:block;font-family:BasketmintArabic,Arial,sans-serif;font-size:22px;font-weight:400;letter-spacing:0;line-height:1.85;text-align:start}
.conversation-translation{display:block;font-size:12px;line-height:1.6;color:var(--on-neutral-muted);margin-block-start:8px}
.assistant-question .conversation-translation{color:var(--carbon)}
.assistant-answer{display:flex;align-items:flex-start;gap:12px;padding:24px 20px;border:1px solid #ffffff24;background:#ffffff08;border-radius:18px;margin-block-start:24px}
.assistant-icon{display:grid;place-items:center;inline-size:32px;block-size:32px;background:var(--mint);color:var(--carbon);border-radius:50%;flex:none}
.assistant-icon>.icon{inline-size:17px;block-size:17px}
.assistant-answer>div{flex:1;min-inline-size:0}
.assistant-answer strong{font-weight:500;font-size:17px}
.assistant-answer p{font-size:14px;color:var(--on-dark-muted);margin-block-start:7px}
.suggestion{display:flex;align-items:center;gap:12px;background:var(--chalk);color:var(--carbon);border-radius:10px;padding:9px;margin-block-start:20px}
.suggestion img{inline-size:60px;block-size:64px;object-fit:cover;border-radius:6px}
.suggestion>div{flex:1}
.suggestion span{font-size:13px;font-weight:500;display:block}
.suggestion small{font-size:11px;color:var(--preview-muted);display:block;margin-block-start:4px}
.suggestion>.icon{inline-size:17px;block-size:17px;margin-inline-end:5px}
.order-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 0;padding-block:16px;border-block:1px solid #ffffff24}
.order-details dt{font-size:11px;color:var(--on-dark-muted);margin-block-end:4px}
.order-details dd{font-size:14px;font-weight:500;margin:0}
.checkout-ready{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--mint);margin-block-start:14px}
.checkout-ready .icon{inline-size:16px;block-size:16px;color:var(--mint)}
.language-chips{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:26px}
.language-chips span{border:1px solid color-mix(in srgb,var(--mint),transparent 65%);border-radius:30px;padding:5px 13px;font-size:13px;color:var(--mint)}
.shopper-copy>.language-heading{margin-block-start:14px;font-size:16px;font-weight:500;color:var(--chalk);opacity:1}
.shopper-copy>.language-disclosure{margin-block-start:5px;font-size:12px;opacity:1}
.fulfilment-note{display:flex;align-items:flex-start;gap:13px;padding-block-start:24px;margin-block-start:26px;border-block-start:1px solid #ffffff24}
.fulfilment-icon{color:var(--mint);padding-block-start:2px;flex:none}
.fulfilment-note h3{font-size:19px;line-height:1.3;letter-spacing:-.025em}
.fulfilment-note p{font-size:14px;color:var(--on-dark-muted);line-height:1.65;margin-block-start:10px}
.fulfilment-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-block-start:14px;font-size:11px;color:var(--on-dark-muted)}
.fulfilment-flow .icon{inline-size:15px;block-size:15px;color:var(--mint)}
.example-caption{font-size:11px;color:var(--on-dark-muted);text-align:center;margin-block-start:20px;opacity:.7}
.questions-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding-block:68px}
.questions-section>div>p{font-size:16px;margin-block-start:20px}
.questions-list details{border-block-end:1px solid var(--line)}
.questions-list details:first-child{border-block-start:1px solid var(--line)}
.questions-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding-block:22px;font-weight:500;font-size:17px;line-height:1.4}
.questions-list summary::-webkit-details-marker{display:none}
.questions-list summary .icon{inline-size:18px;block-size:18px;transition:transform .2s}
.questions-list details[open] summary .icon{transform:rotate(45deg)}
.questions-list details>p{font-size:15px;line-height:1.7;padding-block-end:24px;padding-inline-end:30px}
.questions-list p>a{display:flex;align-items:center;gap:8px;color:var(--link);margin-block-start:12px;font-weight:500}
.questions-list p>a>.icon{inline-size:16px;block-size:16px}
.closing{display:flex;justify-content:space-between;align-items:center;gap:40px;background:var(--carbon);color:var(--chalk);padding:50px 48px;border:1px solid var(--line);border-radius:var(--radius);margin-block-end:40px}
.closing h2{font-size:38px;max-inline-size:750px}
.closing p{color:var(--on-dark-muted);font-size:17px;margin-block-start:16px}
.closing .button{background:var(--button);color:var(--button-text);flex:none}
.closing .button:hover{background:var(--button-hover)}
.site-footer{background:var(--carbon);color:var(--chalk);padding-block:40px 26px}
.footer-top{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding-block-end:32px}
.footer-top .wordmark{inline-size:250px}
.footer-top p{font-size:14px;color:var(--on-dark-muted);flex:1}
.footer-top nav{display:flex;gap:26px;font-size:13px}
.footer-top nav a{display:flex;align-items:center;min-block-size:var(--touch-target)}
.footer-top nav a:hover,.footer-bottom a:hover{text-decoration:underline;text-underline-offset:5px}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;border-block-start:1px solid #ffffff24;padding-block-start:22px;color:var(--on-dark-muted);font-size:12px}
.footer-bottom a{display:flex;align-items:center;gap:8px;min-block-size:var(--touch-target)}
.footer-bottom .icon{inline-size:14px;block-size:14px}
@media(prefers-color-scheme:dark){
  :root{--bg:#0c0c0c;--surface:#171717;--text:#f5f5f2;--muted:#b7b7b2;--line:#323232;--soft:#242424;--link:var(--mint);--shadow:0 24px 70px #0003}
  h1 span{color:var(--mint);background:none}
  .shopper-help{border:1px solid var(--line)}
}
@media(max-width:1199px){
  .wrap{inline-size:calc(100% - 64px)}.hero{gap:28px;padding-block-start:54px}h1{font-size:62px}
  .hero-actions{gap:18px}.hero-actions .button{padding-inline:19px}.hero-actions .text-link{font-size:14px}
  .hero-reassurance{gap:12px;font-size:12px}.audience-strip>div{gap:24px;font-size:14px}
  .maker-section{gap:36px}.maker-copy h2{font-size:36px}.maker-card figcaption{padding:16px 14px}.maker-card strong{font-size:17px}
  .benefit-section{padding-block:40px 24px}.benefit-card{padding:26px 22px}.benefit-card h3{font-size:21px}
  .shopper-help{padding:40px;gap:36px}.assistant-question{margin-inline-start:20px}.assistant-answer{padding:20px 15px}
  .questions-section{gap:44px}.closing{padding:42px 36px}.closing h2{font-size:32px}
}
@media(max-width:959px){
  .site-nav{gap:20px;font-size:14px}.wordmark{inline-size:196px}
  .hero{grid-template-columns:1fr 1fr;gap:24px}h1{font-size:54px}.hero-description{font-size:17px}
  .hero-actions{flex-direction:column;align-items:flex-start;gap:8px}.hero-reassurance{display:grid;gap:8px}
  .shop-caption strong{font-size:16px}.shop-caption{padding:18px 16px 25px}.shop-caption span:not(.preview-arrow){font-size:9px}
  .order-note{padding:12px 16px}.audience-strip{align-items:flex-start}.audience-strip>div{gap:12px 20px}
  .section-heading{align-items:flex-start;gap:24px}.section-heading>p{max-inline-size:300px;font-size:16px}
  .maker-section{grid-template-columns:1fr;gap:26px}.maker-copy>p{max-inline-size:600px}
  .benefit-grid{grid-template-columns:1fr}.benefit-card{display:grid;grid-template-columns:44px 1fr 1.4fr;gap:20px;align-items:center}
  .feature-icon{margin:0}.benefit-card p{margin:0}.value-note{align-items:flex-start;flex-direction:column;gap:4px}
  .shopper-help{grid-template-columns:1fr 1fr;padding:32px;gap:30px}.assistant-answer{gap:9px}.assistant-icon{display:none}
  .shopper-copy h2{font-size:32px}.shopper-copy>p{font-size:15px}.suggestion img{inline-size:45px;block-size:50px}
  .questions-section{grid-template-columns:.75fr 1.25fr;gap:32px}.questions-section h2{font-size:34px}
  .closing{flex-direction:column;align-items:flex-start;gap:26px}.footer-top p{flex-basis:50%}
}
@media(max-width:767px){
  .wrap{inline-size:calc(100% - 36px)}.site-header{min-block-size:78px;gap:16px}.site-nav{display:none}
  .wordmark{inline-size:180px}.header-login{font-size:13px;padding:10px 15px;min-block-size:var(--touch-target)}.header-login .icon{display:none}
  .hero{grid-template-columns:1fr;gap:24px;padding-block:42px 8px}.hero-copy{padding:0}h1{font-size:clamp(46px,10.5vw,64px)}
  .hero-description{font-size:17px;margin-block-start:22px;max-inline-size:510px}
  .hero-actions{flex-direction:row;align-items:center;gap:18px;margin-block-start:26px}.hero-actions .button{font-size:14px;padding-inline:17px;gap:12px}
  .hero-actions .text-link{font-size:13px;gap:6px}.hero-actions .text-link .icon{inline-size:14px;block-size:14px}
  .hero-reassurance{display:flex;gap:16px;margin-block-start:18px;font-size:11px}
  .social-channels{gap:12px 15px}.social-label{flex-basis:100%;font-size:12px}.channel-badge{font-size:13px}
  .shop-preview{max-inline-size:530px;inline-size:100%;margin-inline:auto;padding-block:20px 0;padding-inline:5px 13px}
  .shop-heading{padding:16px 18px}.shop-photo img{aspect-ratio:1.45}.shop-caption strong{font-size:18px}
  .shop-caption span:not(.preview-arrow){font-size:10px}.shop-caption{padding:20px 18px 28px}
  .order-note{inset-inline-end:0;inset-block-end:32px;padding:12px 17px}.order-note strong{font-size:12px}.order-note span{font-size:10px}
  .shop-preview figcaption{font-size:10px;margin-block-start:52px}.brand-motif{inline-size:64px;inset-block-start:0;inset-inline-end:4px}
  .audience-strip{flex-direction:column;gap:16px;padding-block:23px 28px}.audience-strip>div{display:grid;grid-template-columns:1fr 1fr;inline-size:100%;gap:12px 18px}
  .audience-strip p{font-size:13px}.audience-strip>div span{font-size:16px}
  .maker-section{padding-block:10px 24px}.maker-copy h2{font-size:34px}
  .maker-copy>p{font-size:16px;margin-block-start:18px}.maker-copy .text-link{margin-block-start:10px}
  .maker-card>img{aspect-ratio:1}.maker-card figcaption{padding:14px 11px 17px}.maker-card strong{font-size:16px}
  .maker-card figcaption span{font-size:12px}.maker-grid{gap:var(--space)}
  .benefit-section{padding-block:30px 18px}.section-heading{flex-direction:column;gap:18px;margin-block-end:28px}
  .section-heading>p{max-inline-size:none;font-size:16px}h2{font-size:36px}
  .benefit-card{display:block;padding:24px}.feature-icon{margin-block-end:22px}.benefit-card h3{max-inline-size:none;font-size:23px}
  .benefit-card p{margin-block-start:12px;font-size:15px}.value-note p{font-size:13px}.value-note strong{display:block;margin-block-end:4px}
  .value-note .text-link{margin-inline-start:28px}.steps-section{padding-block:34px}
  .steps-grid{grid-template-columns:1fr;gap:var(--space)}.steps-grid li{padding-block:23px 12px;padding-inline:0}
  .step-icon{margin-block-end:16px}.steps-grid h3{font-size:23px}.steps-grid p{max-inline-size:none;margin-block-start:12px;font-size:15px}
  .shopper-help{grid-template-columns:1fr;padding:30px 22px;gap:32px;border-radius:18px}.shopper-copy{grid-row:1}
  .shopper-copy h2{font-size:36px}.assistant-example{padding-block:0}.assistant-icon{display:none}.assistant-question{font-size:16px}
  .assistant-question{margin-inline-start:12px;padding:16px 18px}.assistant-answer{padding:18px 16px}
  .assistant-question>bdi,.assistant-reply{font-size:21px}.order-details{gap:8px}
  .fulfilment-note{gap:10px}.fulfilment-note h3{font-size:18px}.language-chips{margin-block-start:22px}
  .questions-section{grid-template-columns:1fr;gap:26px;padding-block:34px}.questions-section h2{font-size:36px}
  .questions-section>div>p{margin-block-start:15px}.questions-list summary{font-size:16px;padding-block:21px}.questions-list details>p{padding-inline-end:0}
  .closing{padding:34px 24px;border-radius:18px;margin-block-end:20px}.closing h2{font-size:32px}.closing p{font-size:16px}
  .closing .button{font-size:15px}.site-footer{padding-block:30px 22px}.footer-top{gap:20px;padding-block-end:25px}
  .footer-top p{flex-basis:100%;font-size:13px}.footer-top nav{gap:22px}.footer-bottom{align-items:center;font-size:11px}
}
@media(max-width:359px){
  .hero-actions{flex-direction:column;align-items:flex-start;gap:4px}
  .hero-reassurance{gap:8px 12px}.hero-plan{max-inline-size:250px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.button:hover{transform:none}.shop-window,.order-note,.assistant-question{transform:none}}