/* Mabutik: refinement of the existing home and merchant workspace. */
:root{--mb-text-secondary:#715c70;--mb-focus:#a54317}
::selection{background:#ffd6bd;color:#352238}
.mb-home a,.mb-next-row,.mb-panel-heading a{text-underline-offset:5px}
.mb-home :focus-visible,.sidebar :focus-visible,#app :focus-visible{outline:3px solid var(--mb-focus);outline-offset:4px}
.sidebar :focus-visible{outline-color:#ffb88f}
.mb-home input{caret-color:#a54317}
.mb-home h1,.mb-home h2,.mb-dashboard-heading h1,.mb-panel-heading h2{letter-spacing:-.035em;text-wrap:balance}
.mb-home h1>span{color:#bd4817}
.mb-public-nav{border-bottom:1px solid #35223812}
.mb-public-nav nav a,.mb-login{font-size:13px;color:#5f495d;min-height:44px;display:flex;align-items:center}
.mb-public-nav .btn,.mb-hero-cta>.btn,.mb-home-final .btn{font-size:13px;min-height:48px}
.mb-home-hero{padding-top:64px;padding-bottom:76px;gap:40px}
.mb-pill{font-size:12px;color:#715344;border-color:#d8bfae;background:#fffaf4}
.mb-home h1{font-size:clamp(44px,4.7vw,68px);line-height:1.08;margin:26px 0}
.mb-home-copy>p{font-size:16px;line-height:1.85;color:var(--mb-text-secondary)}
.mb-hero-cta>a:last-child{font-size:13px;min-height:44px;display:flex;align-items:center;color:#5c4358}
.mb-hero-notes>span{font-size:11px;color:#715c65}
.mb-scene-panel{transform:rotate(-2deg);box-shadow:0 20px 45px #35223810}
.mb-scene-top>span,.mb-scene-greeting>small,.mb-scene-greeting p,.mb-scene-metrics span,.mb-scene-metrics small,.mb-scene-order small,.mb-scene-bottom{color:#715b70}
.mb-scene-top>span,.mb-scene-greeting p{font-size:9px}
.mb-scene-metrics span,.mb-scene-order b{font-size:10px}
.mb-scene-metrics small,.mb-scene-order small,.mb-scene-bottom{font-size:8px}
.mb-scene-order>span{font-size:8px;color:#78502f}
.mb-scene-chat{transform:rotate(2deg)}
.mb-scene-chat small,.mb-scene-chat>div>span{font-size:8px;color:#d8c3d8}
.mb-scene-chat>p,.mb-scene-chat blockquote{font-size:10px;line-height:1.7}
.mb-scene-caption{font-size:11px;color:#715c70}
.mb-home-strip>span{font-size:10px;color:#715c65}
.mb-home-strip>div{font-size:14px}.mb-home-strip>b{color:#976d57}
.mb-section-heading h2,.mb-faq h2{margin-top:0;font-size:40px}
.mb-section-heading>p,.mb-how-grid p,.mb-home-model>p,.mb-faq details p{font-size:15px;line-height:1.8;color:var(--mb-text-secondary)}
.mb-how-grid article{border:0;border-top:1px solid #d6bfb0;border-radius:0;background:transparent;padding:24px 8px 8px 0}
.mb-how-grid article>div{margin-bottom:22px}.mb-how-grid article>div>span{font-size:13px;color:#805d49}
.mb-how-grid h3{font-size:20px;letter-spacing:-.025em}
.mb-whatsapp-section h2{margin-top:0;letter-spacing:-.035em}
.mb-whatsapp-section>div>p{font-size:15px;color:#dfcddd;line-height:1.9}
.mb-whatsapp-section>div>small{font-size:12px;color:#d1bbd0;max-width:370px}
.mb-whatsapp-section .btn{font-size:14px;min-height:48px}
.mb-wa-conversation{padding:26px;background:transparent;border:0}
.mb-wa-conversation>span{font-size:11px;color:#e0c9dc;letter-spacing:.08em}
.mb-wa-conversation>p{font-size:14px!important}.mb-wa-conversation blockquote{font-size:14px}
.mb-wa-conversation blockquote b{font-size:13px}
.mb-wa-conversation blockquote small,.mb-wa-conversation>div{font-size:12px;color:#e0c9dc}
.mb-inline-link{font-size:14px;min-height:44px;display:inline-flex;align-items:center}
.mb-home-model h3{font-size:17px}.mb-home-model>div>span{font-size:13px}
.mb-faq{max-width:880px}.mb-faq summary{font-size:16px;font-weight:600;min-height:44px;align-items:center}
.mb-faq summary:after{color:#805f70}.mb-faq details p{max-width:65ch}
.mb-home-final h2{margin-top:0;letter-spacing:-.035em}.mb-home-final p{font-size:15px;color:#765345}
.mb-public-footer>p,.mb-public-footer>a:nth-last-child(2){font-size:13px;color:#715c70}
.mb-public-footer>small{font-size:12px;color:#715c70}
.mb-workspace-header,.topbar .top-link{font-size:13px}
.demo-strip{font-size:11px;color:#6e5c61;line-height:1.7}
.sidebar nav a{font-size:14px;min-height:48px;gap:12px}
.sidebar .shop-switch strong{font-size:14px}
.sidebar .shop-switch small,.sidebar .profile small,.sidebar .back-home-link{font-size:12px}
.sidebar .nav-caption{font-size:10px;color:#cbb9ce}.sidebar .pilot-card>span{font-size:10px}
.sidebar .pilot-card p,.sidebar .pilot-card a{font-size:12px}
.mb-dashboard-heading{margin:0 0 28px;align-items:flex-start}
.mb-dashboard-heading h1{margin-top:0;font-size:34px}.mb-greeting-sun{margin-left:12px;line-height:1}
.mb-greeting-sun .mb-icon{width:27px;height:27px}
.mb-dashboard-heading p{font-size:14px;color:var(--mb-text-secondary);margin-top:8px}
.mb-dashboard-heading>.btn{font-size:13px;min-height:48px}
.mb-metrics{gap:16px}.mb-stat{padding:22px 20px;border-radius:12px}
.mb-stat>div{font-size:12px;line-height:1.5;color:#665064;align-items:flex-start}
.mb-stat .mb-icon{color:#846c81;flex-shrink:0}
.mb-stat>strong{font-size:32px;letter-spacing:-.03em;margin-top:18px;line-height:1.2;font-variant-numeric:tabular-nums}
.mb-stat>small{font-size:11px;color:#715c70;margin-top:12px}
.mb-stat-primary{background:#ffdfc9;border-color:#efc4a8}.mb-stat-primary>div,.mb-stat-primary>small{color:#72432e}
.mb-panel-heading{padding:24px}.mb-panel-heading h2{font-size:20px;margin-top:0}
.mb-panel-heading>a{font-size:12px;color:#674660;min-height:44px;display:flex;align-items:center}
.mb-order-panel .order-row{padding:20px 24px}.mb-order-panel .order-person strong{font-size:13px}
.mb-order-panel .order-person small,.mb-order-panel .order-sum small{font-size:11px;color:#786176}
.mb-order-panel .order-sum{font-size:13px;min-height:44px;font-variant-numeric:tabular-nums}
.mb-order-panel .badge{font-size:11px}.mb-order-summary{font-size:12px;padding:20px 24px;gap:16px}
.mb-order-summary>span,.mb-order-summary>a{font-size:12px;color:#715269}
.mb-order-summary>a{min-height:44px;display:flex;align-items:center}
.mb-assistant-brand>span{font-size:11px;letter-spacing:.08em;color:#dfcddd}
.mb-assistant-panel>h2{font-size:30px;letter-spacing:-.035em}
.mb-assistant-panel>p{font-size:14px;color:#e0cbdc;max-width:30ch}
.mb-dashboard-chat{font-size:12px;line-height:1.7}.mb-dashboard-chat small{font-size:10px;opacity:1;color:#d6bdd2}
.mb-assistant-panel>.btn{font-size:13px;min-height:48px}
.mb-empty{padding:32px 24px;color:#715c70}.mb-empty h3{font-size:17px;color:#50394c}
.mb-empty p{font-size:13px}.mb-empty .btn{font-size:13px;min-height:44px}
.mb-next-row{padding:20px 24px;min-height:88px}.mb-next-row b{font-size:14px}
.mb-next-row small{font-size:12px;color:#715c70;line-height:1.65}
.mb-shop-panel p{font-size:14px;color:#795546}.mb-shop-panel>.btn,.mb-inline-button{font-size:13px;min-height:44px}
.mb-inline-button{padding:8px 0}
@media(min-width:721px) and (max-width:1100px){
 .mb-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mb-dashboard-main,.mb-dashboard-bottom{grid-template-columns:minmax(0,1fr)}
 .mb-assistant-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
 .mb-assistant-brand,.mb-assistant-panel>h2,.mb-assistant-panel>p{grid-column:1}
 .mb-dashboard-chat{grid-column:2;grid-row:1/4;margin:0 0 18px}.mb-assistant-panel>.btn{grid-column:2}
 .mb-public-nav nav{gap:14px}.mb-public-nav nav a{font-size:12px}
 .mb-home-hero{gap:24px}.mb-home h1{font-size:52px}.mb-home-copy>p{font-size:14px}
 .mb-hero-cta{gap:16px;flex-wrap:wrap}.mb-hero-notes{flex-wrap:wrap}
}
@media(max-width:720px){
 .mb-public-nav{padding:18px 22px}.mb-login{font-size:13px}
 .mb-home-hero{padding:28px 22px 64px;gap:32px}
 .mb-home h1{font-size:clamp(40px,10.7vw,58px);letter-spacing:-.035em;line-height:1.1}
 .mb-pill{font-size:11px}.mb-home-copy>p{font-size:15px;line-height:1.8}
 .mb-hero-cta{gap:12px;flex-wrap:wrap}.mb-hero-cta>.btn{font-size:13px;padding:15px 18px}
 .mb-hero-cta>a:last-child{font-size:12px}.mb-hero-notes{gap:16px;flex-wrap:wrap}.mb-hero-notes>span{font-size:10px}
 .mb-product-scene{min-height:460px}.mb-scene-caption{font-size:10px}.mb-scene-chat{width:255px;max-width:90%}
 .mb-home-strip{gap:15px;padding:24px 0}.mb-home-strip>span{font-size:10px}
 .mb-home-strip>div{font-size:12px;gap:6px}.mb-home-strip>b{font-size:14px}
 .mb-home-section{padding:56px 22px}.mb-section-heading h2,.mb-faq h2{font-size:32px}
 .mb-section-heading>p,.mb-how-grid p,.mb-home-model>p,.mb-faq details p{font-size:14px}
 .mb-how-grid{gap:24px}.mb-how-grid article{padding:22px 0 0}.mb-how-grid h3{font-size:20px}
 .mb-whatsapp-section{padding:32px 24px;gap:24px}.mb-whatsapp-section h2{font-size:35px}
 .mb-whatsapp-section>div>p{font-size:14px}.mb-whatsapp-section>div>small{font-size:12px}
 .mb-wa-conversation{padding:4px 0}.mb-wa-conversation>p{font-size:13px!important}
 .mb-wa-conversation blockquote{font-size:13px}.mb-wa-conversation blockquote b{font-size:12px}
 .mb-wa-conversation blockquote small,.mb-wa-conversation>div{font-size:11px}
 .mb-home-model h3{font-size:17px}.mb-faq{padding:0 22px 56px}.mb-faq summary{font-size:15px}
 .mb-home-final h2{font-size:32px}.mb-home-final p{font-size:14px}.mb-home-final .btn{font-size:13px}
 .mb-public-footer>p,.mb-public-footer>a:nth-last-child(2){font-size:12px}.mb-public-footer>small{font-size:11px}
 .mb-workspace-header,.topbar .top-link{font-size:11px}.demo-strip{font-size:10px}
 .sidebar nav a{font-size:10px;gap:4px}.sidebar nav a.active:hover{background:#352238;color:#fff7ed}
 .mb-dashboard-heading{gap:18px;margin-bottom:24px}.mb-dashboard-heading h1{font-size:30px}
 .mb-dashboard-heading p{font-size:13px;max-width:36ch}.mb-dashboard-heading>.btn{font-size:13px;min-height:46px}
 .mb-metrics{gap:12px}.mb-stat{padding:18px 14px}.mb-stat>div{font-size:11px}
 .mb-stat>strong{font-size:26px;letter-spacing:-.03em}.mb-stat>small{font-size:10px;line-height:1.6}
 .mb-panel-heading{padding:18px}.mb-panel-heading h2{font-size:18px}.mb-panel-heading>a{font-size:12px}
 .mb-order-panel .order-row{padding:18px 14px;grid-template-columns:minmax(0,1fr) auto;gap:10px}
 .mb-order-panel .order-person strong{font-size:12px}.mb-order-panel .order-person small{font-size:10px}
 .mb-order-panel .order-sum{font-size:12px}.mb-order-panel .order-sum small{font-size:10px}.mb-order-panel .badge{font-size:10px}
 .mb-order-summary{padding:16px 18px;gap:14px}.mb-order-summary>span,.mb-order-summary>a{font-size:11px}
 .mb-assistant-panel{padding:26px 24px}.mb-assistant-panel>p{font-size:14px;max-width:30ch}
 .mb-dashboard-chat{font-size:13px}.mb-dashboard-chat small{font-size:11px}.mb-assistant-panel>.btn{font-size:14px}
 .mb-next-row{padding:20px 18px;gap:12px}.mb-next-row b{font-size:13px}.mb-next-row small{font-size:12px}
 .mb-shop-panel p{font-size:14px}.mb-shop-panel>.btn,.mb-inline-button{font-size:13px}
}

/* Matching workspace actions and an explicit account status row. */
.topbar .mb-public-share,.topbar .top-link{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:13px;font-weight:650;line-height:1.3;letter-spacing:normal;min-height:44px;padding:10px 14px;border-radius:8px;gap:0}
.shop-account-title{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.shop-account-title strong{min-width:0;overflow-wrap:anywhere}.shop-account-title .badge{flex-shrink:0;margin:0;line-height:1.4;align-self:center}
@media(max-width:600px){.topbar .mb-public-share,.topbar .top-link{font-size:11px;padding:8px 10px;min-height:44px}.shop-account-title{gap:10px}}

/* Public home: familiar WhatsApp greens, sober task-based feature rows. */
.mb-home .mb-whatsapp-section{background:#075e54;color:#fff}.mb-home .mb-whatsapp-section h2,.mb-home .mb-whatsapp-section h2 span{color:#fff}.mb-home .mb-whatsapp-section>div>p,.mb-home .mb-whatsapp-section>div>small,.mb-home .mb-wa-conversation>span,.mb-home .mb-wa-conversation>div{color:#e0f5ed}.mb-home .mb-whatsapp-section .mb-cream{background:#dcf8c6;color:#123d31;border-color:#dcf8c6}.mb-home .mb-wa-conversation>p{background:#dcf8c6;color:#123d31}.mb-home .mb-wa-conversation blockquote{background:#fff;color:#163c32;border-radius:12px;box-shadow:0 3px 10px #003c3220}.mb-home .mb-wa-conversation blockquote small{color:#365e51}.mb-home .mb-scene-chat{background:#075e54;transform:none;border-radius:12px}.mb-home .mb-scene-chat small,.mb-home .mb-scene-chat>div>span{color:#d8f4e8}.mb-home .mb-scene-chat>p{background:#dcf8c6;color:#163c32}.mb-home .mb-scene-chat blockquote{background:#fff;color:#163c32}.mb-home .mb-scene-panel{transform:none}.mb-home .mb-scene-symbol{display:none}.mb-feature-list{border-top:1px solid #d6c7bb}.mb-feature-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px;align-items:center;padding:32px 0;border-bottom:1px solid #d6c7bb}.mb-feature-copy{display:flex;gap:20px;align-items:flex-start}.mb-feature-icon{width:32px;flex-shrink:0;color:#805334;padding-top:3px}.mb-feature-icon .mb-icon{width:28px;height:28px}.mb-feature-copy h3{margin:0 0 12px;font-size:23px;line-height:1.3;letter-spacing:-.025em}.mb-feature-copy p{margin:0;font-size:15px;line-height:1.7;color:#685565;max-width:52ch}.mb-feature-example{padding:22px 24px;background:#f2e9df;border-radius:10px;display:grid;gap:9px}.mb-feature-example strong{font-size:16px;line-height:1.5}.mb-feature-example span{font-size:13px;color:#685565;line-height:1.5}.mb-feature-row:first-child .mb-feature-example{background:#e1f2e7;color:#154b3d}.mb-feature-row:first-child .mb-feature-example span{color:#315d4c}@media(max-width:700px){.mb-feature-row{grid-template-columns:minmax(0,1fr);gap:20px;padding:28px 0}.mb-feature-copy{gap:14px}.mb-feature-copy h3{font-size:21px}.mb-feature-copy p{font-size:14px}.mb-feature-example{margin-left:46px;padding:18px}.mb-home .mb-whatsapp-section{border-radius:16px}}
.mb-home .mb-scene-chat blockquote strong,.mb-home .mb-wa-conversation blockquote b{color:#075e54}

.mb-signup{max-width:500px;margin:40px auto 80px;padding:32px;background:#fff;border:1px solid #e7dce2;border-radius:18px}.mb-signup h1{font-size:32px;line-height:1.15}.mb-signup p{color:#685565;line-height:1.7}.mb-signup label{display:block;margin:20px 0 8px}.mb-signup input{width:100%;padding:12px;font:inherit;min-height:48px;border:1px solid #a99aa5;border-radius:8px}.su-phone{display:flex;align-items:center;border:1px solid #a99aa5;border-radius:8px}.su-phone span{white-space:nowrap;padding:0 12px}.su-phone input{min-width:0;flex:1;width:0;border:0}.mb-signup .btn{width:100%;margin-top:12px;min-height:48px}.mb-signup small{display:block;margin-top:20px;color:#685565}#signup-error{color:#a52222}@media(max-width:600px){.mb-signup{margin:24px 16px 48px;padding:24px}.mb-signup h1{font-size:28px}}
.mb-signup .btn{font-size:14px}.mb-signup label{font-size:14px}.su-phone>span{display:flex;align-items:center;gap:8px}
/* Shared merchant navigation rhythm. */
@media(min-width:761px){body:not(.mb-public) .sidebar{padding:30px 20px 22px;overflow-y:auto;height:100dvh;scrollbar-width:thin}.sidebar nav{display:grid;gap:6px}.sidebar nav a{display:flex;align-items:center;gap:12px;min-height:48px;padding:13px 16px;border-radius:10px;font-size:14px;line-height:1.4;font-weight:500}.sidebar nav a.active{font-weight:700}.sidebar nav a svg{width:19px;height:19px;flex-shrink:0}.sidebar .brand{margin-bottom:20px}.sidebar .nav-label{font-size:12px;letter-spacing:.08em;padding-left:12px}}
.mb-assistant-panel{background:#075e54!important;color:#fff!important}.mb-assistant-panel h2{color:#fff!important}.mb-assistant-panel>p,.mb-assistant-brand,.mb-assistant-brand span{color:#d8f3e4!important}.mb-assistant-panel .mb-dashboard-chat>p{background:#dcf8c6!important;color:#174539!important}.mb-assistant-panel .mb-dashboard-chat blockquote{background:#fff!important;color:#174539!important;border-color:#d7eee3!important}.mb-assistant-panel .mb-dashboard-chat small{color:#42685b!important}.mb-assistant-panel .btn.mb-orange{background:#dcf8c6!important;color:#075e54!important}.mb-home .mb-hero-cta>a[data-demo-lead]{background:#ff702e;color:#352238;border:1px solid #ff702e;border-radius:10px;padding:14px 22px;min-height:48px;font-weight:650;gap:12px;text-decoration:none}.mb-home .mb-hero-cta>a[data-demo-lead]:hover{background:#ff8c56}

@media(min-width:761px){.sidebar .sidebar-bottom{margin-top:26px;padding-top:20px;border-top:1px solid #ffffff20}.sidebar .back-home-link{margin:0 0 28px;padding:4px 12px;min-height:32px;line-height:1.6}.sidebar #sidebar-shop{margin-top:0}}

.mb-shop-shortcut>.btn:first-child{margin:0}.mb-shop-shortcut>p:last-child{margin:18px 0 0}

/* Mobile home: a shared edge, readable headings and predictable touch targets. */
.mb-home .mb-hero-cta [data-demo-lead]>.mb-icon{width:20px;height:20px;flex-shrink:0}
@media(max-width:720px){
 .mb-home .mb-public-nav{padding:18px 22px;min-height:78px}
 .mb-home .mb-home-hero{padding:30px 22px 44px;gap:32px}
 .mb-home .mb-home-copy h1{font-size:clamp(30px,9.2vw,38px);line-height:1.12;letter-spacing:-.035em;margin:12px 0 24px;text-wrap:initial}
 .mb-home .mb-home-copy>p{font-size:15px;line-height:1.75;margin:0;max-width:none}
 .mb-home .mb-hero-cta{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:26px;width:100%;max-width:400px}
 .mb-home .mb-hero-cta>a{display:flex;width:100%;min-height:50px;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;font-size:14px;line-height:1.4;border-radius:10px}
 .mb-home .mb-hero-cta>a .mb-icon{width:20px;height:20px;flex-shrink:0}
 .mb-home .mb-product-scene{width:100%;max-width:400px;margin:0 auto;min-height:440px;padding:0 0 90px}
 .mb-home .mb-scene-panel{width:calc(100% - 12px);margin:0 auto 0 0}
 .mb-home .mb-scene-chat{width:min(270px,88%);right:0;bottom:14px}
 .mb-home .mb-scene-caption{bottom:-8px;font-size:10px;line-height:1.5;text-align:right}
 .mb-home .mb-home-strip{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin:0 22px;padding:24px 0;justify-content:initial}
 .mb-home .mb-home-strip>span{width:auto;font-size:10px;line-height:1.7;letter-spacing:.06em;margin-bottom:4px;max-width:34ch}
 .mb-home .mb-home-strip>div{display:flex;align-items:center;font-size:15px;line-height:1.5;gap:12px;min-height:28px}
 .mb-home .mb-home-strip>b{display:none}
 .mb-home .mb-home-strip>div .mb-icon,.mb-home .mb-home-strip>div img{width:24px;height:24px;flex:0 0 24px;object-fit:contain}
 .mb-home .mb-home-section{padding:44px 22px}
 .mb-home .mb-section-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-bottom:26px}
 .mb-home .mb-section-heading h2,.mb-home .mb-faq h2,.mb-home .mb-whatsapp-section h2,.mb-home .mb-home-final h2{font-size:clamp(26px,7vw,30px);line-height:1.2;letter-spacing:-.03em;margin:0;text-wrap:initial}
 .mb-home .mb-section-heading>p,.mb-home .mb-how-grid p,.mb-home .mb-feature-copy p,.mb-home .mb-faq details p{font-size:15px;line-height:1.7;max-width:none}
 .mb-home .mb-section-heading>p br{display:none}
 .mb-home .mb-how-grid{gap:24px}
 .mb-home .mb-how-grid h3,.mb-home .mb-feature-copy h3{font-size:19px;line-height:1.35}
 .mb-home .mb-whatsapp-section{margin:0 22px 44px;padding:28px 20px;display:grid;grid-template-columns:minmax(0,1fr);gap:26px;min-width:0}
 .mb-home .mb-whatsapp-section>div{min-width:0}
 .mb-home .mb-whatsapp-section>div>p{font-size:15px;line-height:1.75}
 .mb-home .mb-whatsapp-section .btn{display:flex;justify-content:space-between;min-height:50px;width:100%;font-size:14px}
 .mb-home .mb-wa-conversation{padding:0;min-width:0}
 .mb-home .mb-wa-conversation>p{margin-left:14px}
 .mb-home .mb-wa-conversation blockquote{margin-right:0}
 .mb-home .mb-wa-conversation>div{font-size:12px;line-height:1.6;align-items:flex-start}
 .mb-home .mb-feature-row{grid-template-columns:minmax(0,1fr);gap:18px;padding:26px 0}
 .mb-home .mb-feature-copy{gap:12px;min-width:0}
 .mb-home .mb-feature-icon{width:24px;flex:0 0 24px}
 .mb-home .mb-feature-icon .mb-icon{width:24px;height:24px}
 .mb-home .mb-feature-example{margin:0;padding:18px;min-width:0}
 .mb-home .mb-feature-example strong{font-size:15px}
 .mb-home .mb-feature-example span{font-size:13px}
 .mb-home .mb-faq{padding:0 22px 44px}
 .mb-home .mb-faq h2{margin-bottom:24px}
 .mb-home .mb-faq summary{font-size:15px;line-height:1.5;padding:18px 24px 18px 0}
 .mb-home .mb-home-final{margin:0 22px 24px;padding:28px 22px;gap:24px;align-items:flex-start}
 .mb-home .mb-home-final>img{display:none}
 .mb-home .mb-home-final .btn{min-height:50px;width:100%;justify-content:space-between;font-size:14px;margin:0}
 .mb-home .mb-public-footer{display:grid;grid-template-columns:minmax(0,1fr);padding:24px 22px;gap:14px}
 .mb-home .mb-public-footer>p{font-size:14px}
 .mb-home .mb-public-footer>a:nth-last-child(2),.mb-home .mb-public-footer>a:last-child{margin:0;font-size:14px;min-height:44px;display:flex;align-items:center;overflow-wrap:anywhere}
}

/* Merchant mobile: cards instead of a clipped desktop table. */
@media(max-width:720px){
 body:not(.marketing):not(.mb-public):not(.storefront) #app{padding:24px 18px 32px}
 body:not(.marketing):not(.mb-public):not(.storefront) main{padding-bottom:88px}
 body:not(.marketing) .sidebar{height:auto;max-height:none;padding:6px 8px calc(6px + env(safe-area-inset-bottom));overflow:hidden}
 body:not(.marketing) .sidebar nav{display:flex;gap:4px;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 body:not(.marketing) .sidebar nav a{display:flex;flex:0 0 112px;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:112px;min-width:112px;height:62px;padding:7px 4px;font-size:10px;line-height:1.3;text-align:center;white-space:nowrap;scroll-snap-align:start;scroll-margin-inline:4px}
 body:not(.marketing) .sidebar nav a>span:first-child{width:20px;height:20px;flex-shrink:0}
 body:not(.marketing) .sidebar nav a .external,body:not(.marketing) .sidebar nav a>b,body:not(.marketing) .sidebar nav a>i{display:none}
 .topbar{gap:8px;padding:10px 18px;height:auto;min-height:64px;flex-wrap:wrap}
 .topbar .mb-workspace-header{flex:1;min-width:100px;gap:5px}
 .topbar .mb-public-share{margin:0}
 .topbar .top-link{max-width:none;white-space:nowrap;gap:8px}
 .topbar .top-link span{margin-left:0}
 .page-heading{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:24px}
 .page-heading h1,.mb-dashboard-heading h1{font-size:28px;line-height:1.2;letter-spacing:-1px}
 .page-heading .subtitle,.mb-dashboard-heading p{font-size:14px;line-height:1.7;max-width:none}
 .page-heading>.btn,.mb-dashboard-heading>.btn{align-self:flex-start;min-height:44px}
 .mb-panel-heading{align-items:flex-start;gap:12px;padding:18px}
 .mb-panel-heading h2{font-size:18px;line-height:1.4}
 .mb-panel-heading>a{flex-shrink:0;min-height:32px;display:flex;align-items:center;font-size:12px;white-space:nowrap}
 .mb-stat{padding:16px 14px;min-width:0}
 .mb-stat>div{font-size:12px;line-height:1.5;align-items:flex-start;gap:8px}
 .mb-stat>small{font-size:11px;line-height:1.6}
 .merchant-products{overflow:visible;border:0;background:transparent}
 .merchant-products table,.merchant-products tbody{display:block;min-width:0;width:100%}
 .merchant-products thead{display:none}
 .merchant-products tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:16px;margin-bottom:12px;border:1px solid var(--border);border-radius:12px;background:#fff;min-width:0}
 .merchant-products td{display:block;padding:0!important;border:0!important;min-width:0;white-space:normal;font-size:14px}
 .merchant-products td:first-child{grid-column:1/-1}
 .merchant-products td:nth-child(2):before{content:'Prix';display:block;font-size:11px;color:var(--muted);margin-bottom:5px}
 .merchant-products td:nth-child(3):before{content:'Stock';display:block;font-size:11px;color:var(--muted);margin-bottom:5px}
 .merchant-products td:last-child{display:flex;justify-content:flex-end;align-items:center}
 .merchant-products td[colspan]{grid-column:1/-1}
 .merchant-products .product-name{gap:12px;min-width:0}
 .merchant-products .product-name>div:last-child{min-width:0;overflow-wrap:anywhere}
 .merchant-products .product-art{width:48px;height:48px;flex:0 0 48px}
 .merchant-products .btn{min-height:40px}
 .sf-section-title{align-items:flex-start;gap:16px}
 .sf-page .sf-section-title h2{font-size:clamp(28px,8vw,34px);line-height:1.15;min-width:0}
 .sf-section-title>a{font-size:12px;line-height:1.5;flex-shrink:0;max-width:112px;min-height:44px;display:flex;align-items:center;gap:6px}
 .sf-page .sf-banner-copy h1{font-size:clamp(32px,9vw,42px);line-height:1.15}
 .mb-home .mb-home-final{display:flex;flex-direction:column;align-items:stretch;gap:24px}
 .mb-home .mb-home-final h2{margin-bottom:18px}
 .mb-home .mb-home-final p{font-size:15px;line-height:1.7;margin:0}
}
@media(max-width:370px){.topbar .mb-workspace-header{flex-basis:100%}.topbar .mb-public-share,.topbar .top-link{flex:1}.mb-metrics{gap:10px}.mb-stat>div{font-size:11px}}

@media(max-width:720px){body:not(.marketing) .sidebar nav::-webkit-scrollbar{display:none}body:not(.marketing) .sidebar nav .mb-icon{display:block;width:21px;height:21px;margin:auto}}

.mb-nav-customize{display:none}
@media(max-width:720px){
 body:not(.marketing) .sidebar nav .mb-nav-customize{display:flex;flex:0 0 160px;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:160px;height:62px;padding:7px 4px;font:500 10px/1.3 inherit;font-family:inherit;font-size:10px;line-height:1.3;white-space:nowrap;border:0;border-radius:8px;background:transparent;color:#fff7ed;cursor:pointer;scroll-snap-align:start;scroll-margin-inline:4px}
 body:not(.marketing) .sidebar nav .mb-nav-customize>span{display:block;width:21px;height:21px;color:#FF702E}
 body:not(.marketing) .sidebar nav .mb-nav-customize .mb-icon{width:21px;height:21px;color:#FF702E;margin:0}
 body:not(.marketing) .sidebar nav .mb-nav-customize:hover{background:#ffffff10}
 body:not(.marketing) .sidebar nav .mb-nav-customize:focus-visible{outline:2px solid #FF702E;outline-offset:-2px}
}

/* Keep the mobile overview focused on commerce before customization. */
@media(max-width:720px){
 body.mb-dashboard #app{display:flex;flex-direction:column}
 body.mb-dashboard #app>.mb-mobile-shop{order:10;margin:28px 0 0}
}