:root{--w-bg:#f6f8fb;--w-panel:#fff;--w-line:#e4e9ef;--w-text:#152033;--w-muted:#6c7888;--w-brand:#0aa37f;--w-brand2:#087562;--w-soft:#e9f8f4;--w-danger:#e5484d;--w-warn:#f59e0b;--w-shadow:0 16px 36px rgba(25,40,60,.08);--w-radius:18px}
*{box-sizing:border-box}.whapide-body{margin:0;background:var(--w-bg);color:var(--w-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.whapide-body a{text-decoration:none;color:inherit}.whapide-body button,.whapide-body input,.whapide-body select,.whapide-body textarea{font:inherit}.hidden{display:none!important}.w-logo{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:850}.w-logo span{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#0aa37f,#4bd6b2);display:grid;place-items:center;color:#fff;font-weight:900}.w-btn{border:1px solid var(--w-line);background:#fff;color:var(--w-text);padding:10px 14px;border-radius:11px;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px}.w-btn:hover{box-shadow:0 5px 18px rgba(20,32,51,.08)}.w-btn-primary{background:var(--w-brand);border-color:var(--w-brand);color:#fff}.w-btn-danger{background:#fff3f3;border-color:#ffc9cb;color:#b4232b}.w-btn-whatsapp{background:#1fa855;border-color:#1fa855;color:#fff}.w-btn-sm{padding:7px 10px;font-size:13px}.w-block{width:100%}.w-input,.w-select,.w-textarea{width:100%;border:1px solid var(--w-line);border-radius:11px;background:#fff;color:var(--w-text);padding:11px 12px;outline:none}.w-input:focus,.w-select:focus,.w-textarea:focus{border-color:#8bd7c7;box-shadow:0 0 0 3px #e4f7f2}.w-textarea{min-height:92px;resize:vertical}.w-textarea.tall{min-height:200px}.w-card{background:#fff;border:1px solid var(--w-line);border-radius:var(--w-radius);box-shadow:var(--w-shadow)}.w-pad{padding:20px}.w-alert{padding:13px 15px;border-radius:12px;background:#eef8ff;border:1px solid #cce6f8;color:#315a6f}.w-alert-danger{background:#fff1f2;border-color:#fecdd3;color:#9f1239}
/* Landing */
.w-landing{min-height:100vh;background:#fbfcfb}.w-land-nav{height:76px;max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.w-land-nav nav{display:flex;align-items:center;gap:22px;font-weight:650}.w-hero{max-width:1180px;margin:0 auto;min-height:640px;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;padding:60px 24px}.w-eyebrow{font-size:13px;letter-spacing:.18em;color:var(--w-brand2);font-weight:850}.w-hero h1{font-size:64px;line-height:1.02;letter-spacing:-.045em;margin:15px 0 22px}.w-hero h1 em{font-style:normal;color:var(--w-brand)}.w-hero p{font-size:19px;color:var(--w-muted);line-height:1.7;max-width:620px}.w-actions{display:flex;gap:12px;margin-top:28px}.w-hero-demo{display:grid;place-items:center}.w-phone{width:330px;min-height:560px;background:#111a18;border:10px solid #0b1211;border-radius:42px;padding:24px;color:#fff;box-shadow:0 35px 90px rgba(10,60,47,.2);position:relative;overflow:hidden}.w-phone-cover{height:150px;margin:-24px -24px 0;background:linear-gradient(135deg,#143b31,#4b8a75)}.w-phone-logo{width:78px;height:78px;border-radius:50%;background:#fff;color:#0d7d65;display:grid;place-items:center;font-weight:900;font-size:28px;margin:-42px auto 10px;border:5px solid #111a18}.w-phone h3{text-align:center;font-size:25px;margin:5px}.w-chip-row{display:flex;gap:7px;overflow:hidden;margin:20px 0}.w-chip-row span{padding:8px 12px;border:1px solid #384943;border-radius:999px;white-space:nowrap;font-size:12px}.w-demo-product{background:#fff;color:#17221f;border-radius:16px;padding:18px;margin:12px 0;display:flex;justify-content:space-between}.w-land-section{max-width:1180px;margin:0 auto;padding:90px 24px}.w-land-section h2{font-size:42px;letter-spacing:-.03em}.w-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.w-feature-grid article{background:#fff;border:1px solid var(--w-line);border-radius:22px;padding:28px}.w-feature-grid article>b{color:var(--w-brand);font-size:13px}.w-feature-grid p,.w-land-soft p{color:var(--w-muted);line-height:1.65}.w-land-soft{background:#effaf6;border-radius:30px;margin-bottom:60px}.w-land-footer{padding:30px;text-align:center;color:var(--w-muted)}
/* Auth */
.w-auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 85% 20%,#dff8ef,transparent 30%),var(--w-bg)}.w-auth-card{width:min(440px,94vw);background:#fff;border:1px solid var(--w-line);border-radius:26px;padding:34px;box-shadow:var(--w-shadow)}.w-auth-card h1{font-size:34px;margin:30px 0 6px}.w-auth-card p{color:var(--w-muted);margin-bottom:24px}.w-auth-card label{font-size:13px;font-weight:700;display:block;margin:14px 0 7px}.w-auth-card .w-check{display:flex;align-items:center;gap:8px;font-weight:500}.w-auth-card .w-btn{margin-top:18px}
/* App shell */
.w-app{min-height:100vh}.w-top{height:72px;background:#fff;border-bottom:1px solid var(--w-line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50}.w-top-right{display:flex;align-items:center;gap:14px}.w-role{padding:7px 10px;border-radius:999px;background:#f1f5f4;color:#5d6b67;font-size:12px;font-weight:700}.w-user{display:flex;gap:9px;align-items:center}.w-user small{display:block;color:var(--w-muted);font-size:11px}.w-avatar{width:38px;height:38px;border-radius:50%;background:#ddf6ef;color:#08735f;display:grid;place-items:center;font-weight:850}.w-avatar.big{width:58px;height:58px;font-size:22px}.w-icon-btn{border:1px solid var(--w-line);background:#fff;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;cursor:pointer}.w-shell{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 72px)}.w-side{background:#fff;border-right:1px solid var(--w-line);padding:18px 14px;position:sticky;top:72px;height:calc(100vh - 72px);overflow:auto}.w-side-title{text-transform:uppercase;font-size:11px;letter-spacing:.12em;color:var(--w-muted);padding:8px 12px 14px}.w-nav{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:11px;color:#465267;margin:3px 0}.w-nav.active,.w-nav:hover{background:#eef8f5;color:#086a58;font-weight:750}.w-back{display:block;color:var(--w-muted);font-size:13px;padding:4px 8px 14px}.w-merchant-mini{text-align:center;border-bottom:1px solid var(--w-line);padding:8px 0 18px;margin-bottom:12px}.w-merchant-mini .w-merchant-logo{margin:0 auto 10px}.w-merchant-mini b,.w-merchant-mini small{display:block}.w-merchant-mini small{color:var(--w-muted);margin-top:3px}.w-main{padding:30px;min-width:0;max-width:1600px;width:100%;margin:0 auto}.w-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.w-page-head h1{font-size:30px;margin:0 0 4px;letter-spacing:-.025em}.w-page-head p{margin:0;color:var(--w-muted)}.w-head-actions,.w-card-actions,.w-form-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.w-form-actions{justify-content:flex-end;margin-top:20px}.w-subhead{display:flex;align-items:center;gap:18px;margin-bottom:18px}.w-subhead h2{margin:0}.w-subhead>a{color:var(--w-muted)}
/* Directory */
.w-planbar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#eef8f5;border:1px solid #cdebe2;border-radius:15px;padding:14px 16px;margin-bottom:18px}.w-planbar small{display:block;color:var(--w-muted);margin-top:2px}.w-progress{height:8px;background:#dcece7;border-radius:999px;width:220px;overflow:hidden}.w-progress i{display:block;height:100%;background:var(--w-brand)}.w-directory-tools{display:flex;align-items:center;justify-content:space-between;margin:18px 0}.w-directory-tools .w-input{max-width:420px}.w-count{color:var(--w-muted);font-size:13px}.w-merchant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.w-merchant-card{background:#fff;border:1px solid var(--w-line);border-radius:18px;box-shadow:var(--w-shadow);padding:18px;display:grid;grid-template-columns:80px 1fr;gap:16px;align-items:center;position:relative}.w-merchant-card h3{margin:0 0 4px}.w-merchant-card p{margin:0;color:var(--w-muted);font-size:13px}.w-merchant-card footer{grid-column:1/-1;margin:2px -18px -18px;padding:11px 18px;border-top:1px solid var(--w-line);color:var(--w-muted);font-size:12px}.w-merchant-logo{border-radius:18px;object-fit:cover;background:#111827}.w-logo-fallback{display:grid;place-items:center;color:#fff;font-size:26px;font-weight:900;background:linear-gradient(135deg,#0a8069,#1fb18f)}.w-status-dot{position:absolute;right:16px;top:16px;width:9px;height:9px;border-radius:50%;background:#cbd5e1}.w-status-dot.ok{background:#21b66f}.w-empty{grid-column:1/-1;padding:70px 20px;text-align:center;border:1px dashed #ccd5de;border-radius:18px;color:var(--w-muted)}.w-empty b{color:var(--w-text);font-size:18px}.w-business-types{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.w-business-types input{display:none}.w-business-types span{display:flex;min-height:100px;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid var(--w-line);border-radius:14px;cursor:pointer;padding:10px;text-align:center}.w-business-types input:checked+span{border-color:var(--w-brand);box-shadow:0 0 0 2px #ccefe6;background:#f3fbf8}.w-business-types b{font-size:12px}
/* Modal */
.w-modal{position:fixed;inset:0;background:rgba(15,23,42,.48);display:none;align-items:center;justify-content:center;padding:24px;z-index:200}.w-modal.open{display:flex}.w-modal-card{width:min(1100px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;box-shadow:0 34px 90px rgba(10,20,30,.26);padding:24px;position:relative}.w-modal-md{max-width:780px}.w-modal-lg{max-width:1020px}.w-modal-close{position:sticky;float:right;top:0;border:0;background:#f0f3f6;width:36px;height:36px;border-radius:10px;font-size:23px;cursor:pointer;z-index:3}.w-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.w-form-grid>label{font-size:13px;font-weight:700}.w-form-grid>label>.w-input,.w-form-grid>label>.w-select,.w-form-grid>label>.w-textarea{margin-top:7px}.w-form-grid .full{grid-column:1/-1}.w-check{display:flex!important;align-items:center;gap:8px;font-weight:500!important}.w-check-row{display:flex;gap:18px;align-items:center}.w-inline-form{display:flex;align-items:center;gap:10px}.w-inline-form .w-input{max-width:280px}
/* Details */
.w-detail-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-bottom:18px}.w-qr-card{padding:24px;display:grid;grid-template-columns:210px 1fr;gap:24px;align-items:center}.w-qr-placeholder{width:210px;height:210px;background:repeating-conic-gradient(#0aa37f 0 8deg,#fff 8deg 16deg);border:18px solid #fff;outline:1px solid var(--w-line);border-radius:18px;display:grid;place-items:center;font-size:70px;color:#0b6e5c}.w-copy-row{display:flex;gap:8px;margin:7px 0 12px}.w-info-card{padding:24px}.w-info-card h3{margin-top:0}.w-info-card dl{display:grid;grid-template-columns:140px 1fr;gap:12px}.w-info-card dt{color:var(--w-muted)}.w-info-card dd{margin:0;font-weight:650}
/* Tables/products */
.w-category-bar{margin-bottom:18px}.w-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.w-chips span,.w-filter-pills button{border:1px solid var(--w-line);background:#fff;border-radius:999px;padding:7px 11px;font-size:12px}.w-table-card{overflow:hidden}.w-table-tools{padding:14px;display:flex;gap:10px;justify-content:flex-end;border-bottom:1px solid var(--w-line)}.w-table-tools .w-input{max-width:380px}.w-table-tools .w-select{max-width:240px}.w-table-wrap{overflow:auto}.w-table{width:100%;border-collapse:collapse}.w-table th,.w-table td{padding:14px 16px;border-bottom:1px solid var(--w-line);text-align:left;white-space:nowrap}.w-table th{font-size:12px;color:#5e6979;background:#fbfcfd}.w-table td small{display:block;color:var(--w-muted);margin-top:4px}.w-product-thumb{width:46px;height:46px;border-radius:10px;object-fit:cover}.w-noimg{background:#eef2f4;display:grid;place-items:center;color:#82909d}.w-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:750}.w-badge.green{background:#ecfdf5;color:#15803d}.w-badge.gray{background:#f1f5f9;color:#64748b}.w-badge.blue{background:#eff6ff;color:#2563eb}.w-badge.orange{background:#fff7ed;color:#c2410c}.w-product-editor hr,.w-card hr,.w-order-side hr{border:0;border-top:1px solid var(--w-line);margin:24px 0}.w-product-images{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.w-image-preview{display:flex;gap:8px;flex-wrap:wrap}.w-image-preview img{width:90px;height:90px;object-fit:cover;border-radius:14px}.w-group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.w-group-head h3{margin:0 0 4px}.w-group-head p{margin:0;color:var(--w-muted)}.w-option-group{margin-top:15px;border:1px solid var(--w-line);border-radius:15px;background:#fbfcfd;padding:16px}.w-option-group-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.w-option-row{display:grid;grid-template-columns:1.4fr .6fr .6fr auto;gap:10px;align-items:center;margin-top:9px}
/* Design */
.w-tabs{display:flex;gap:4px;border-bottom:1px solid var(--w-line);margin-bottom:18px;overflow:auto}.w-tabs button{border:0;background:transparent;padding:12px 14px;cursor:pointer;color:#667085;white-space:nowrap}.w-tabs button.active{color:var(--w-brand2);font-weight:750;border-bottom:2px solid var(--w-brand)}.w-tab-panel{display:none}.w-tab-panel.active{display:block}.w-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.w-template-card{background:#fff;border:1px solid var(--w-line);border-radius:18px;padding:16px;cursor:pointer}.w-template-card input{display:none}.w-template-card.active,.w-template-card:has(input:checked){border-color:#75d1bd;box-shadow:0 0 0 2px #d5f3eb}.w-template-card b,.w-template-card small{display:block;margin-top:9px}.w-template-card small{color:var(--w-muted)}.w-template-phone{height:300px;border:8px solid #161d1b;border-radius:28px;background:#f7faf9;padding:12px;overflow:hidden}.w-template-phone>div{height:100px;background:linear-gradient(135deg,#173b33,#3a7a69);border-radius:13px}.w-template-phone span{display:block;height:70px;background:#fff;border:1px solid #e5ece9;border-radius:12px;margin-top:10px}.t-food_2>div,.t-store_2>div{height:65px}.t-food_2 span,.t-store_2 span{height:90px}.t-food_3,.t-store_3{background:#171c1b}.t-food_3 span,.t-store_3 span{background:#232a28;border-color:#34413d}.w-design-global{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.w-color-grid,.w-font-grid,.w-corner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.w-color-grid label,.w-font-grid label,.w-corner-grid label{border:1px solid var(--w-line);border-radius:14px;padding:12px;text-align:center}.w-color-grid input[type=color]{width:58px;height:58px;border:0;background:transparent}.w-font-grid input,.w-corner-grid input{display:none}.w-font-grid span{font-size:28px;display:grid;gap:6px}.w-font-grid small{font-size:12px;color:var(--w-muted);font-family:Inter,sans-serif}.w-font-grid label:has(input:checked),.w-corner-grid label:has(input:checked){border-color:var(--w-brand);background:#f1faf7}.w-corner-grid span{display:block;height:65px;background:#e8edf1;margin-bottom:8px}.corner-square{border-radius:0}.corner-soft{border-radius:12px}.corner-rounded{border-radius:30px}.w-preview-sticky{position:sticky;top:94px;height:max-content}.w-preview-phone{width:330px;height:620px;margin:auto;border-radius:40px;border:10px solid #111817;background:#161d1b;overflow:hidden;color:var(--t);box-shadow:0 30px 60px rgba(20,30,30,.18)}.w-preview-cover{height:180px;background:linear-gradient(135deg,var(--s),#31574e)}.w-preview-brand{font-size:24px;font-weight:850;padding:16px;background:var(--s)}.w-preview-cat{display:flex;gap:7px;padding:12px;background:var(--s)}.w-preview-cat span{border:1px solid var(--p);border-radius:999px;padding:7px 10px;font-size:11px}.w-preview-card{height:160px;background:#fff;margin:12px;border-radius:16px}.w-preview-card.small{height:110px}
/* Orders/kitchen/clients */
.w-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.w-kpi{background:#fff;border:1px solid var(--w-line);border-radius:15px;padding:16px}.w-kpi small{color:var(--w-muted);display:block}.w-kpi strong{display:block;font-size:24px;margin-top:6px}.w-kpi strong.small{font-size:14px}.w-kpis.two{grid-template-columns:1fr 1fr}.w-order-modal{padding:0}.w-order-head{display:flex;justify-content:space-between;align-items:center;padding:22px;border-bottom:1px solid var(--w-line)}.w-order-head h2{margin:0}.w-order-head p{margin:4px 0 0;color:var(--w-muted)}.w-order-layout{display:grid;grid-template-columns:1.5fr .7fr}.w-order-products,.w-order-side{padding:22px}.w-order-side{border-left:1px solid var(--w-line);background:#fbfcfd}.w-order-item{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--w-line)}.w-order-item small{display:block;color:var(--w-muted);margin-top:5px}.w-order-note{padding:14px;border-radius:12px;background:#fff8e7;margin-top:14px}.w-order-note p{margin:5px 0 0}.w-order-totals{margin-top:16px}.w-order-totals>div{display:flex;justify-content:space-between;padding:7px 0}.w-order-totals .total{font-size:20px;border-top:1px solid var(--w-line);padding-top:13px}.w-table-number{font-size:46px;font-weight:900;color:var(--w-brand)}.w-status-actions{padding:15px 22px;border-top:1px solid var(--w-line);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.w-kitchen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.w-kitchen-ticket{background:#fff;border:1px solid var(--w-line);border-radius:17px;overflow:hidden;box-shadow:var(--w-shadow)}.w-kitchen-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:#111b18;color:#fff;padding:14px 16px}.w-kitchen-top strong{font-size:28px}.w-kitchen-top small{color:#aebdb8}.w-kitchen-line{padding:12px 16px;border-bottom:1px solid var(--w-line)}.w-kitchen-ticket form{padding:13px 16px}.w-filter-pills{display:flex;gap:8px;margin-bottom:14px}.w-filter-pills button.active{background:var(--w-brand);border-color:var(--w-brand);color:#fff}.w-search-wide{max-width:540px;margin-bottom:15px}.w-client-head{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--w-line)}.w-client-head h2{margin:0}.w-client-head p{margin:3px 0;color:var(--w-muted)}.w-client-actions{margin-left:auto;display:flex;gap:8px}.w-client-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:20px;margin-top:20px}.w-history a{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--w-line)}.w-history small{display:block;color:var(--w-muted);margin-top:4px}
/* payments/settings */
.w-setting-grid{display:grid;gap:9px}.w-setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--w-line)}.w-setting-row:last-child{border-bottom:0}.w-setting-row small{display:block;color:var(--w-muted);margin-top:4px}.w-toggle input{display:none}.w-toggle span{display:block;width:46px;height:26px;border-radius:999px;background:#cbd5e1;position:relative;cursor:pointer}.w-toggle span:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 1px 5px rgba(0,0,0,.2);transition:.2s}.w-toggle input:checked+span{background:var(--w-brand)}.w-toggle input:checked+span:after{left:23px}.w-integration-status{border-radius:13px;padding:15px;margin-bottom:18px}.w-integration-status.connected{background:#ecfdf5;color:#166534}.w-integration-status.pending{background:#fff7ed;color:#9a3412}.w-integration-status small{display:block;margin-top:4px}.w-filterbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.w-chart-card{padding:20px}.w-bars{height:210px;display:flex;align-items:flex-end;justify-content:space-around;gap:18px;padding:20px}.w-bars>div{height:175px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.w-bars i{width:34px;background:linear-gradient(180deg,#23b494,#8ae0ca);border-radius:8px 8px 3px 3px}.w-bars.visits i{background:linear-gradient(180deg,#4f8cf7,#b8d0fa)}.w-bars small{color:var(--w-muted)}
/* checkout */
.w-address-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:9px 0}.w-message-layout{display:grid;grid-template-columns:1fr 440px;gap:18px}.w-message-parts{display:grid;gap:8px;margin:14px 0}.w-message-parts span{border:1px solid var(--w-line);border-radius:10px;padding:11px}.w-whatsapp-preview{background:#e7e4df;border-radius:20px;padding:0 18px 18px;height:max-content}.w-wa-head{background:#20a357;color:#fff;padding:12px;margin:0 -18px 18px;border-radius:20px 20px 0 0;font-weight:800}.w-wa-bubble{background:#fff;border-radius:10px;padding:14px;line-height:1.55;font-size:13px}.w-question-types{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}.w-status-edit{padding:9px 0}.sticky-save{position:sticky;bottom:12px;background:rgba(246,248,251,.92);padding:12px;border-radius:14px;backdrop-filter:blur(8px);z-index:10}
/* advanced */
.w-domain-status{display:flex;align-items:center;gap:10px}.w-dns-box{border:1px solid var(--w-line);border-radius:14px;padding:14px;background:#fbfcfd}.w-dns-row{display:grid;grid-template-columns:100px 1fr auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--w-line)}.w-dns-row code{background:#f2f5f6;padding:7px 9px;border-radius:8px}.w-danger-zone{margin-top:18px;border-color:#fecaca}.w-danger-zone h3{color:#b91c1c}
/* storefront */
.w-storefront{min-height:100vh;background:var(--surface);background-image:var(--bg-image);background-size:cover;background-attachment:fixed;color:#17221f}.w-store-hero{height:270px;position:relative;overflow:hidden;background:var(--secondary);color:var(--text)}.w-store-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.w-store-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.65))}.w-store-profile{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:24px;text-align:center}.w-store-profile h1{margin:10px 0 4px;font-size:30px}.w-store-profile p{margin:0;max-width:650px;opacity:.88}.w-store-cats{position:sticky;top:0;z-index:20;display:flex;gap:8px;overflow:auto;padding:12px 16px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid #e7ecea}.w-store-cats button{border:1px solid #dce5e1;background:#fff;border-radius:999px;padding:9px 13px;white-space:nowrap;cursor:pointer}.w-store-cats button.active{background:var(--brand);border-color:var(--brand);color:#fff}.w-store-products{max-width:1100px;margin:0 auto;padding:24px 16px 110px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.w-store-product{background:#fff;border:1px solid #e5ebe8;border-radius:18px;overflow:hidden;box-shadow:0 10px 28px rgba(20,35,30,.07)}.corners-square .w-store-product{border-radius:0}.corners-soft .w-store-product{border-radius:12px}.corners-rounded .w-store-product{border-radius:22px}.w-store-product>img,.w-store-noimg{width:100%;height:220px;object-fit:cover}.w-store-noimg{display:grid;place-items:center;background:#edf3f0;color:#96a69f;font-size:40px}.w-store-product-body{padding:16px}.w-store-product h3{margin:0 0 6px}.w-store-product p{color:#6d7974;font-size:13px;line-height:1.5;min-height:40px}.w-store-price{display:flex;gap:8px;align-items:center;margin:12px 0}.w-store-price strong{font-size:20px;color:var(--brand)}.w-store-price del{color:#9aa5a0}.w-store-product .w-btn-primary{background:var(--brand);border-color:var(--brand)}.w-cart-fab{position:fixed;right:22px;bottom:22px;border:0;background:var(--brand);color:#fff;border-radius:999px;padding:14px 18px;font-weight:850;box-shadow:0 14px 35px rgba(0,0,0,.2);z-index:40;cursor:pointer}.w-drawer{position:fixed;inset:0;background:rgba(15,23,42,.46);display:none;justify-content:flex-end;z-index:100}.w-drawer.open{display:flex}.w-drawer-panel{height:100%;width:min(460px,96vw);background:#fff;padding:24px;overflow:auto;position:relative}.w-drawer-close{position:absolute;right:14px;top:14px;border:0;background:#eef2f1;width:36px;height:36px;border-radius:50%;font-size:22px;cursor:pointer}.w-product-detail-title{padding-right:50px}.w-product-options{margin-top:18px}.w-product-options fieldset{border:0;padding:0;margin:18px 0}.w-product-options legend{font-weight:800;margin-bottom:8px}.w-product-options label{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf1ef}.w-cart-line{display:grid;grid-template-columns:1fr auto;gap:10px;padding:13px 0;border-bottom:1px solid #e8eeeb}.w-cart-line small{display:block;color:#6e7975}.w-cart-total{display:flex;justify-content:space-between;font-size:20px;padding:18px 0}.w-conditional{display:none!important}.w-conditional.show{display:block!important}
/* kitchen fullscreen/tracking */
.w-kitchen-screen{min-height:100vh;background:#0d1412;color:#fff}.w-kitchen-screen>header{height:88px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26322e}.w-kitchen-screen header h1{margin:2px 0 0}.w-kitchen-screen header span{color:#9fb0aa}.w-live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#22c55e;margin-right:5px}.w-kitchen-screen>main{padding:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.w-kitchen-board{background:#18211e;border:1px solid #2c3935;border-radius:16px;overflow:hidden}.w-kitchen-board-head{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:14px;background:#202c28}.w-kitchen-board-head strong{font-size:32px}.w-kitchen-board-line{display:grid;grid-template-columns:38px 1fr;padding:13px 15px;border-bottom:1px solid #2a3531}.w-kitchen-note{margin:12px;padding:12px;background:#3b2b13;border-radius:10px;color:#ffe7ad}.w-kitchen-board footer{padding:12px}.w-empty.dark{border-color:#3b4743;color:#94a39e}.w-empty.dark b{color:#fff}.w-track{min-height:100vh;display:grid;place-items:center;padding:24px;background:#eef8f5}.w-track>.w-card{width:min(520px,96vw)}.w-track>.w-logo{position:fixed;left:24px;top:24px}.w-track-status{background:#ecfdf5;color:#166534;padding:16px;border-radius:13px;margin:20px 0;text-align:center;font-size:22px}
@media(max-width:1100px){.w-merchant-grid{grid-template-columns:repeat(2,1fr)}.w-store-products{grid-template-columns:repeat(2,1fr)}.w-kitchen-screen>main{grid-template-columns:repeat(2,1fr)}.w-message-layout,.w-design-global{grid-template-columns:1fr}.w-preview-sticky{position:static}.w-preview-phone{width:300px}.w-detail-grid{grid-template-columns:1fr}}
@media(max-width:800px){.w-land-nav nav a:not(.w-btn){display:none}.w-hero{grid-template-columns:1fr;padding-top:40px}.w-hero h1{font-size:46px}.w-hero-demo{display:none}.w-feature-grid{grid-template-columns:1fr}.w-shell{grid-template-columns:1fr}.w-side{position:static;height:auto;display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--w-line);padding:8px}.w-side-title,.w-merchant-mini,.w-back{display:none}.w-nav{white-space:nowrap}.w-main{padding:18px}.w-top .w-role,.w-user small{display:none}.w-merchant-grid{grid-template-columns:1fr}.w-page-head{flex-direction:column}.w-head-actions{width:100%}.w-business-types{grid-template-columns:repeat(2,1fr)}.w-form-grid{grid-template-columns:1fr}.w-form-grid .full{grid-column:auto}.w-detail-grid{grid-template-columns:1fr}.w-qr-card{grid-template-columns:1fr}.w-qr-placeholder{margin:auto}.w-template-grid{grid-template-columns:1fr}.w-color-grid,.w-font-grid,.w-corner-grid{grid-template-columns:repeat(2,1fr)}.w-kpis{grid-template-columns:1fr 1fr}.w-order-layout{grid-template-columns:1fr}.w-order-side{border-left:0;border-top:1px solid var(--w-line)}.w-kitchen-grid{grid-template-columns:1fr}.w-client-layout{grid-template-columns:1fr}.w-store-products{grid-template-columns:1fr}.w-kitchen-screen>main{grid-template-columns:1fr}.w-address-row{grid-template-columns:1fr}.w-message-layout{grid-template-columns:1fr}.w-option-row{grid-template-columns:1fr 1fr}.w-top-right .w-user div{display:none}}

/* ==========================================================
   WHAPIDE UI 0.2 — Premium admin visual system
   ========================================================== */
:root{
  --w-bg:#f6f8fb;
  --w-bg-2:#fbfcfe;
  --w-panel:#ffffff;
  --w-panel-2:#f9fbfc;
  --w-line:#e8edf2;
  --w-line-strong:#dbe3ea;
  --w-text:#172033;
  --w-heading:#101828;
  --w-muted:#697586;
  --w-muted-2:#98a2b3;
  --w-brand:#13a88a;
  --w-brand-strong:#087a68;
  --w-brand-2:#21c7a8;
  --w-brand-soft:#ecfbf7;
  --w-brand-softer:#f4fdfa;
  --w-info:#3b82f6;
  --w-info-soft:#eff6ff;
  --w-danger:#dc4c64;
  --w-danger-soft:#fff3f5;
  --w-warn:#f59e0b;
  --w-warn-soft:#fff8e8;
  --w-success:#16a36a;
  --w-success-soft:#ecfdf4;
  --w-shadow-xs:0 1px 2px rgba(16,24,40,.03);
  --w-shadow-sm:0 4px 16px rgba(16,24,40,.05);
  --w-shadow:0 12px 34px rgba(16,24,40,.07);
  --w-shadow-lg:0 28px 80px rgba(16,24,40,.16);
  --w-radius-sm:12px;
  --w-radius:18px;
  --w-radius-lg:24px;
}
html{scroll-behavior:smooth}
.whapide-body{
  background:
    radial-gradient(circle at 92% 14%,rgba(33,199,168,.065),transparent 25%),
    linear-gradient(180deg,var(--w-bg-2) 0,var(--w-bg) 45%,#f4f7fa 100%);
  color:var(--w-text);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.whapide-body ::selection{background:#c9f2e8;color:#0c5145}
.whapide-body h1,.whapide-body h2,.whapide-body h3,.whapide-body h4{color:var(--w-heading);letter-spacing:-.025em}
.whapide-body h3{font-weight:760}
.whapide-body hr{border:0;border-top:1px solid var(--w-line);margin:24px 0}

/* Brand */
.w-logo{gap:11px;font-size:20px;font-weight:800;letter-spacing:-.025em;color:#162336}
.w-logo span{
  width:38px;height:38px;border-radius:13px;
  background:linear-gradient(145deg,#0c7868 0%,#15a98b 50%,#32d6b2 100%);
  box-shadow:0 8px 20px rgba(19,168,138,.22),inset 0 1px 0 rgba(255,255,255,.28);
  position:relative;overflow:hidden;
}
.w-logo span:after{content:"";position:absolute;width:16px;height:16px;border-radius:6px;background:rgba(255,255,255,.13);right:-3px;top:-3px;transform:rotate(20deg)}

/* Buttons */
.w-btn{
  min-height:42px;padding:9px 14px;border-radius:12px;
  border-color:var(--w-line-strong);background:rgba(255,255,255,.94);
  color:#344054;font-size:14px;font-weight:700;letter-spacing:-.01em;
  box-shadow:var(--w-shadow-xs);
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease,color .16s ease;
}
.w-btn:hover{transform:translateY(-1px);border-color:#cbd7df;box-shadow:0 7px 20px rgba(16,24,40,.08);background:#fff}
.w-btn:active{transform:translateY(0);box-shadow:var(--w-shadow-xs)}
.w-btn:focus-visible{outline:3px solid rgba(19,168,138,.18);outline-offset:2px}
.w-btn-primary{background:linear-gradient(180deg,#18b494,#10987e);border-color:#10987e;color:#fff;box-shadow:0 8px 18px rgba(16,152,126,.17)}
.w-btn-primary:hover{background:linear-gradient(180deg,#15aa8d,#0d8c74);border-color:#0d8c74;color:#fff;box-shadow:0 10px 24px rgba(16,152,126,.24)}
.w-btn-danger{background:#fff;border-color:#f5c7ce;color:#bd3046;box-shadow:none}
.w-btn-danger:hover{background:var(--w-danger-soft);border-color:#ef9baa;color:#9f2035}
.w-btn-whatsapp{background:linear-gradient(180deg,#25c56c,#1eaa5b);border-color:#1eaa5b;box-shadow:0 8px 18px rgba(30,170,91,.18)}
.w-btn-sm{min-height:36px;padding:7px 11px;border-radius:10px;font-size:13px}
.w-icon-btn{transition:.16s ease;border-color:var(--w-line);color:#667085;background:#fff}
.w-icon-btn:hover{border-color:#cfd8df;background:#f8fafb;color:#344054;transform:translateY(-1px)}

/* Inputs */
.w-input,.w-select,.w-textarea{
  min-height:44px;padding:10px 13px;border-radius:12px;
  border-color:#dfe6ec;background:#fff;color:#1d2939;
  box-shadow:inset 0 1px 0 rgba(16,24,40,.015),var(--w-shadow-xs);
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.w-input:hover,.w-select:hover,.w-textarea:hover{border-color:#cfd9e1}
.w-input:focus,.w-select:focus,.w-textarea:focus{border-color:#66cfbb;box-shadow:0 0 0 4px rgba(19,168,138,.10);background:#fff}
.w-input::placeholder,.w-textarea::placeholder{color:#98a2b3}
.w-textarea{line-height:1.55}
.w-form-grid>label,.w-card label{font-size:13px;font-weight:650;color:#475467}
.w-form-grid>label>.w-input,.w-form-grid>label>.w-select,.w-form-grid>label>.w-textarea,.w-card label>.w-input,.w-card label>.w-select,.w-card label>.w-textarea{margin-top:7px}
.w-check{font-weight:600!important;color:#475467;gap:9px}
.w-check input{accent-color:var(--w-brand);width:16px;height:16px}

/* Cards and general surfaces */
.w-card{
  border-color:var(--w-line);border-radius:20px;
  box-shadow:0 1px 2px rgba(16,24,40,.02),0 7px 24px rgba(16,24,40,.035);
  background:rgba(255,255,255,.96);
}
.w-pad{padding:24px}
.w-card h3:first-child{margin-top:0}
.w-alert{border-color:#ccebea;background:#f2fbfb;color:#275e65;border-radius:14px;line-height:1.5}
.w-alert-danger{border-color:#f4c8cf;background:#fff4f6;color:#8f2940}

/* Topbar + shell */
.w-top{
  height:76px;padding:0 28px;background:rgba(255,255,255,.9);
  border-bottom:1px solid rgba(224,231,237,.9);backdrop-filter:blur(18px);
  box-shadow:0 1px 0 rgba(16,24,40,.015);z-index:80;
}
.w-top:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(19,168,138,.16),transparent);pointer-events:none}
.w-top-right{gap:12px}
.w-role{padding:7px 11px;background:var(--w-brand-soft);color:#237866;border:1px solid #d8f4ec;font-size:11px;letter-spacing:.02em}
.w-user{padding:5px 8px 5px 5px;border:1px solid transparent;border-radius:14px}
.w-user:hover{border-color:var(--w-line);background:#fff}
.w-user b{font-size:13px;color:#344054}
.w-avatar{width:40px;height:40px;background:linear-gradient(145deg,#dff8f1,#c6f0e6);color:#0e7b66;border:1px solid #c6eadf;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.w-shell{grid-template-columns:264px minmax(0,1fr);min-height:calc(100vh - 76px)}
.w-side{
  top:76px;height:calc(100vh - 76px);padding:18px 14px 24px;
  background:rgba(255,255,255,.86);backdrop-filter:blur(18px);
  border-right:1px solid rgba(226,232,238,.95);
}
.w-side-title{padding:7px 12px 12px;font-size:10px;font-weight:800;letter-spacing:.13em;color:#98a2b3}
.w-nav{
  min-height:44px;padding:10px 12px;border-radius:12px;color:#536174;margin:4px 0;
  font-size:14px;font-weight:620;position:relative;transition:.16s ease;border:1px solid transparent;
}
.w-nav>span{width:22px;display:inline-flex;align-items:center;justify-content:center;color:#7b8798;font-size:15px}
.w-nav:hover{background:#f5faf8;color:#235e53;border-color:#edf5f2;transform:translateX(1px)}
.w-nav.active{background:linear-gradient(90deg,#ebfaf6,#f4fcfa);color:#0c6f5e;border-color:#dbf2eb;font-weight:760;box-shadow:inset 3px 0 0 #19af90}
.w-nav.active>span{color:#0f9b80}
.w-back{color:#7a8699;font-weight:650;padding:3px 8px 13px;transition:.15s ease}
.w-back:hover{color:#0b7764}
.w-merchant-mini{padding:10px 6px 19px;border-bottom-color:#edf1f4;margin-bottom:13px}
.w-merchant-mini .w-merchant-logo{box-shadow:0 7px 20px rgba(16,24,40,.09);border:1px solid #eef2f5}
.w-merchant-mini b{font-size:14px;color:#273548}
.w-merchant-mini small{font-size:11px}
.w-main{padding:32px 34px 48px;max-width:1540px}
.w-page-head{margin-bottom:24px;align-items:center}
.w-page-head h1{font-size:31px;font-weight:800;line-height:1.15;color:#172033;margin-bottom:6px}
.w-page-head p{font-size:14px;color:#7a8699;line-height:1.55}
.w-subhead{padding-bottom:16px;border-bottom:1px solid var(--w-line);margin-bottom:22px}
.w-subhead h2{font-size:24px}

/* Directory */
.w-planbar{background:linear-gradient(100deg,#effbf8,#f8fdfb);border-color:#d8f1e9;padding:16px 18px;border-radius:18px;box-shadow:var(--w-shadow-xs)}
.w-planbar b{color:#175f54}
.w-progress{width:235px;height:7px;background:#dcefe9}
.w-progress i{background:linear-gradient(90deg,#10a082,#36cfb0);border-radius:inherit}
.w-directory-tools{margin:10px 0 20px;padding:10px 0;gap:14px}
.w-directory-tools .w-input{max-width:440px;background:rgba(255,255,255,.92)}
.w-count{font-weight:650;color:#98a2b3}
.w-merchant-grid{gap:18px}
.w-merchant-card{
  padding:20px;grid-template-columns:84px minmax(0,1fr);gap:16px;
  border-radius:20px;border-color:#e8edf1;box-shadow:0 2px 8px rgba(16,24,40,.025),0 12px 26px rgba(16,24,40,.035);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.w-merchant-card:hover{transform:translateY(-3px);border-color:#d8e6e1;box-shadow:0 4px 10px rgba(16,24,40,.04),0 20px 42px rgba(16,24,40,.075)}
.w-merchant-card h3{font-size:18px;font-weight:780;color:#1d2939;letter-spacing:-.02em}
.w-merchant-card p{font-size:12px;color:#8792a4;margin-top:4px}
.w-merchant-card .w-card-actions{margin-top:14px}
.w-merchant-card footer{padding:11px 20px;margin:5px -20px -20px;background:#fbfcfd;border-radius:0 0 20px 20px;border-top-color:#eef2f4;color:#8a95a5;font-size:11px}
.w-merchant-logo{border-radius:19px;box-shadow:0 5px 15px rgba(16,24,40,.07)}
.w-logo-fallback{background:linear-gradient(145deg,#0e806c,#1ab497 62%,#52ddc3);font-size:25px}
.w-status-dot{width:10px;height:10px;right:17px;top:17px;box-shadow:0 0 0 4px #fff}
.w-status-dot.ok{background:#26bc79}
.w-empty{background:rgba(255,255,255,.72);border-color:#d8e1e8;border-radius:20px}
.w-business-types{gap:12px}
.w-business-types span{min-height:108px;border-radius:16px;background:#fbfcfd;border-color:#e4e9ef;transition:.16s ease;font-size:26px}
.w-business-types span:hover{transform:translateY(-2px);border-color:#cfe2dc;box-shadow:0 8px 18px rgba(16,24,40,.05)}
.w-business-types input:checked+span{border-color:#6bd1bc;background:#f0fbf8;box-shadow:0 0 0 3px rgba(19,168,138,.09),0 8px 20px rgba(19,168,138,.07)}
.w-business-types b{font-size:12px;line-height:1.35;color:#435164}

/* Tabs */
.w-tabs{display:flex;gap:6px;margin:0 0 22px;border-bottom:1px solid var(--w-line);overflow:auto;padding:0 2px}
.w-tabs button{border:0;background:transparent;color:#7a8697;padding:11px 14px 13px;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap;position:relative;border-radius:10px 10px 0 0;transition:.15s ease}
.w-tabs button:hover{color:#355e57;background:#f7fbfa}
.w-tabs button.active{color:#0b7a66;background:linear-gradient(180deg,rgba(237,250,247,.7),transparent)}
.w-tabs button.active:after{content:"";position:absolute;left:11px;right:11px;bottom:-1px;height:2px;border-radius:2px;background:#17ab8d}
.w-tab-panel{animation:wFade .2s ease}
@keyframes wFade{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}

/* Modal */
.w-modal{background:rgba(15,23,42,.46);backdrop-filter:blur(7px);padding:28px}
.w-modal-card{border:1px solid rgba(255,255,255,.6);border-radius:24px;box-shadow:var(--w-shadow-lg);padding:26px;background:#fff}
.w-modal-card>h2{font-size:24px;margin:3px 0 6px}
.w-modal-card>p{color:#7a8699;margin-top:0}
.w-modal-close{background:#f4f6f8;color:#667085;border:1px solid #ebeff2;transition:.15s ease}
.w-modal-close:hover{background:#eef2f4;color:#344054;transform:rotate(4deg)}

/* Tables */
.w-table-card{overflow:hidden}
.w-table-tools{padding:16px 18px;border-bottom:1px solid var(--w-line);background:linear-gradient(180deg,#fff,#fbfcfd);gap:10px}
.w-table-tools .w-input{max-width:420px}
.w-table-tools .w-select{max-width:220px}
.w-table{font-size:13px}
.w-table thead th{background:#f8fafb;color:#667085;font-size:11px;letter-spacing:.015em;text-transform:uppercase;font-weight:800;padding:13px 14px;border-bottom:1px solid #e7edf1}
.w-table tbody td{padding:14px;border-bottom:1px solid #edf1f4;color:#475467;vertical-align:middle}
.w-table tbody tr{transition:background .14s ease}
.w-table tbody tr:hover{background:#fbfdfd}
.w-table tbody tr:last-child td{border-bottom:0}
.w-table td b{color:#243043;font-weight:730}
.w-table td small{display:block;color:#98a2b3;margin-top:3px}
.w-product-thumb{width:46px;height:46px;border-radius:11px;box-shadow:0 2px 8px rgba(16,24,40,.07);border:1px solid #eef1f3}
.w-noimg{background:#f2f6f5;color:#a5b3ae}
.w-badge{border-radius:999px;padding:6px 9px;font-size:11px;font-weight:750;border:1px solid transparent;white-space:nowrap}
.w-badge.green{background:#edfdf4;color:#168458;border-color:#d5f5e4}
.w-badge.gray{background:#f3f5f7;color:#667085;border-color:#e8ebef}
.w-badge.blue{background:#eff6ff;color:#3475cf;border-color:#d8e8ff}
.w-badge.orange{background:#fff7e8;color:#a66208;border-color:#fde8bd}

/* Category + product editor */
.w-category-bar{margin-bottom:18px;background:linear-gradient(180deg,#fff,#fcfdfd)}
.w-inline-form{gap:10px}
.w-category-bar .w-inline-form b{margin-right:auto;color:#344054}
.w-chips{gap:7px}
.w-chips span{background:#f2f8f6;border:1px solid #e0eeea;color:#4d6c64;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:700}
.w-product-editor{max-width:1180px;margin:0 auto;padding:28px}
.w-product-images{padding:4px 0 24px;border-bottom:1px solid var(--w-line);margin-bottom:24px}
.w-image-preview{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:13px;min-height:0}
.w-image-preview img{width:126px;height:126px;border-radius:16px;object-fit:cover;border:1px solid #e5ebee;box-shadow:0 6px 18px rgba(16,24,40,.07)}
.w-group-head{align-items:center}
.w-group-head h3{margin-bottom:5px}
.w-group-head p{color:#7e8999;font-size:13px;margin:0}
.w-option-group{background:#fbfcfd;border-color:#e5ebef;border-radius:18px;padding:18px;margin-top:14px}
.w-option-group-head{padding-bottom:12px;border-bottom:1px solid #eef2f4;margin-bottom:16px}
.w-option-row{background:#fff;border:1px solid #ebeff2;border-radius:14px;padding:10px;margin:8px 0}

/* Details */
.w-detail-grid{gap:18px;margin-bottom:20px}
.w-qr-card{padding:24px;background:linear-gradient(135deg,#fff,#fbfefd)}
.w-qr-placeholder{border-radius:22px;background:
  linear-gradient(90deg,#0c806c 12%,transparent 12% 20%,#0c806c 20% 32%,transparent 32% 40%,#0c806c 40% 52%,transparent 52% 61%,#0c806c 61% 72%,transparent 72% 80%,#0c806c 80%),
  linear-gradient(#0c806c 12%,transparent 12% 20%,#0c806c 20% 32%,transparent 32% 40%,#0c806c 40% 52%,transparent 52% 61%,#0c806c 61% 72%,transparent 72% 80%,#0c806c 80%);
  background-color:#eefaf7;color:transparent;border:12px solid #f7fbfa;box-shadow:0 6px 20px rgba(16,24,40,.06)}
.w-copy-row{gap:9px;margin:7px 0 12px}
.w-info-card{padding:24px}
.w-info-card dl{grid-template-columns:145px 1fr;gap:0;margin:0}
.w-info-card dt,.w-info-card dd{padding:11px 0;border-bottom:1px solid #eef2f4}
.w-info-card dt{color:#98a2b3;font-size:12px;font-weight:650}
.w-info-card dd{font-weight:700;color:#344054}

/* KPIs + charts */
.w-kpis{gap:14px;margin-bottom:18px}
.w-kpi{padding:18px 19px;border-radius:17px;border:1px solid #e8edf1;background:linear-gradient(155deg,#fff 0,#fff 62%,#f7fbfa 100%);box-shadow:0 3px 12px rgba(16,24,40,.035);position:relative;overflow:hidden}
.w-kpi:after{content:"";position:absolute;width:68px;height:68px;border-radius:50%;right:-26px;top:-28px;background:rgba(19,168,138,.06)}
.w-kpi small{color:#7d8999;font-size:11px;font-weight:680}
.w-kpi strong{font-size:25px;color:#1d2939;margin-top:7px;letter-spacing:-.035em}
.w-kpi strong.small{font-size:16px;letter-spacing:-.01em}
.w-filterbar{padding:12px;border:1px solid var(--w-line);background:rgba(255,255,255,.72);border-radius:15px;margin-bottom:18px}
.w-chart-card{padding:24px}
.w-chart-card h3{margin:0 0 10px}
.w-bars{height:230px;padding:20px 10px 8px;border-top:1px solid #f0f3f5;margin-top:16px}
.w-bars>div{height:190px}
.w-bars i{width:min(40px,52%);background:linear-gradient(180deg,#11a88a,#8be3d0);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.w-bars.visits i{background:linear-gradient(180deg,#4d8ff7,#bdd4fb)}

/* Design */
.w-template-grid{gap:18px;max-width:1050px}
.w-template-card{border-radius:20px;border-color:#e4eaee;background:#fff;padding:18px;box-shadow:0 3px 14px rgba(16,24,40,.035);transition:.18s ease}
.w-template-card:hover{transform:translateY(-3px);border-color:#cfe3dd;box-shadow:0 16px 34px rgba(16,24,40,.08)}
.w-template-card.active{border-color:#73d6c2;box-shadow:0 0 0 3px rgba(19,168,138,.09),0 15px 30px rgba(16,24,40,.06);background:linear-gradient(180deg,#fff,#f5fcfa)}
.w-template-phone{border-radius:22px;background:#f1f4f6;border:6px solid #1f2937;box-shadow:0 10px 25px rgba(16,24,40,.13)}
.w-design-global{gap:20px}
.w-color-grid,.w-font-grid,.w-corner-grid{gap:12px}
.w-color-grid label,.w-font-grid label span,.w-corner-grid label{border-radius:16px;border-color:#e5ebef;background:#fff;transition:.15s ease}
.w-font-grid input:checked+span,.w-corner-grid input:checked+span{box-shadow:0 0 0 3px rgba(19,168,138,.09)}
.w-preview-sticky{top:98px}
.w-preview-phone{border-radius:36px;border:9px solid #1a2422;box-shadow:0 26px 60px rgba(16,24,40,.18);overflow:hidden;background:#fff}
.w-preview-cover{background:linear-gradient(150deg,var(--s),#1f463e)}
.w-preview-brand{font-weight:800;letter-spacing:-.02em}
.w-preview-cat span{border-radius:999px}
.w-preview-card{border-radius:16px;box-shadow:0 5px 14px rgba(16,24,40,.06)}

/* Order detail — compact operational view */
.w-order-modal{padding:0;overflow:hidden;max-height:90vh}
.w-order-head{padding:22px 24px;border-bottom:1px solid var(--w-line);background:linear-gradient(180deg,#fff,#fbfcfd)}
.w-order-head h2{font-size:23px;margin:0 0 5px}
.w-order-head p{font-size:12px;color:#8490a0;margin:0}
.w-order-layout{grid-template-columns:minmax(0,1.6fr) 340px;min-height:440px}
.w-order-products{padding:24px}
.w-order-products>h3,.w-order-side>h3{font-size:13px;text-transform:uppercase;letter-spacing:.07em;color:#98a2b3;margin:0 0 14px}
.w-order-item{padding:14px 0;border-bottom:1px solid #edf1f4;gap:20px}
.w-order-item b{color:#273549}
.w-order-item small{color:#7e8999;margin-top:5px}
.w-order-note{background:#fff8e8;border:1px solid #fbe8bb;color:#714f0d;border-radius:14px;padding:13px 14px;margin:18px 0}
.w-order-note p{margin:5px 0 0}
.w-order-totals{margin-top:15px;padding-top:6px}
.w-order-totals>div{padding:8px 0;color:#667085}
.w-order-totals .total{font-size:18px;color:#1d2939;border-top:1px solid #dfe6eb;margin-top:5px;padding-top:14px}
.w-order-side{padding:24px;background:#f8fafb;border-left:1px solid var(--w-line)}
.w-order-side>p{color:#697586}
.w-order-side hr{border-color:#e6ebef}
.w-table-number{font-size:38px;font-weight:850;color:#0e806b;background:#eafaf6;border:1px solid #d8f4ec;border-radius:18px;padding:14px;text-align:center;letter-spacing:-.04em}
.w-status-actions{margin-top:18px;padding-top:18px;border-top:1px solid #e2e8ec}

/* Clients */
.w-client-head{padding:2px 0 20px;border-bottom:1px solid var(--w-line)}
.w-client-head h2{margin-bottom:3px}
.w-client-head p{margin:0;color:#7d8998}
.w-client-layout{gap:24px}
.w-history{border:1px solid var(--w-line);border-radius:16px;overflow:hidden;background:#fff}
.w-history a{padding:14px 16px;border-bottom-color:#edf1f4;transition:.14s ease}
.w-history a:hover{background:#f8fbfa}
.w-history a:last-child{border-bottom:0}

/* Settings / payments */
.w-setting-grid{gap:10px}
.w-setting-row{padding:16px 2px;border-bottom-color:#edf1f4}
.w-setting-row b{color:#344054}
.w-setting-row small{color:#8b96a6;line-height:1.45}
.w-toggle span{width:44px;height:25px;background:#cbd5df;box-shadow:inset 0 1px 2px rgba(16,24,40,.08)}
.w-toggle span:after{width:19px;height:19px}
.w-toggle input:checked+span{background:linear-gradient(90deg,#0f9b80,#28bea1)}
.w-toggle input:checked+span:after{left:22px}
.w-integration-status{padding:16px 17px;border:1px solid transparent}
.w-integration-status.connected{background:var(--w-success-soft);color:#146645;border-color:#d8f4e5}
.w-integration-status.pending{background:var(--w-warn-soft);color:#8c5c11;border-color:#f8e8c1}

/* Checkout */
.w-address-row{padding:13px 0;border-bottom:1px solid #eef2f4}
.w-message-layout{grid-template-columns:minmax(0,1fr) 390px;gap:20px}
.w-message-parts span{border-color:#e5ebef;background:#fbfcfd;border-radius:12px;color:#5d6979;font-weight:620}
.w-whatsapp-preview{background:#e8e5df;border:1px solid #dedbd6;border-radius:22px;box-shadow:0 15px 30px rgba(16,24,40,.08);overflow:hidden}
.w-wa-head{background:linear-gradient(180deg,#20ad5f,#16964f);font-size:13px}
.w-wa-bubble{box-shadow:0 2px 4px rgba(16,24,40,.06);color:#344054}
.sticky-save{bottom:14px;background:rgba(247,249,251,.88);border:1px solid rgba(227,233,238,.85);box-shadow:0 8px 24px rgba(16,24,40,.08);padding:10px 12px;backdrop-filter:blur(15px)}

/* Advanced */
.w-domain-status{padding:2px 0 4px}
.w-dns-box{border-color:#e2e9ed;background:linear-gradient(180deg,#fbfcfd,#f8fafb);border-radius:16px;padding:18px}
.w-dns-row{grid-template-columns:90px minmax(0,1fr) auto;padding:11px 0;border-bottom-color:#e8edf0}
.w-dns-row code{background:#fff;border:1px solid #e1e7eb;color:#344054;padding:8px 10px;overflow:auto}
.w-danger-zone{background:#fffafb;border-color:#f5d5da;box-shadow:none}
.w-danger-zone h3{color:#ad2c41}

/* Storefront refinements */
.w-storefront{background-color:var(--surface)}
.w-store-hero{height:300px}
.w-store-profile{padding:28px}
.w-store-profile .w-merchant-logo{box-shadow:0 10px 30px rgba(0,0,0,.24);border:4px solid rgba(255,255,255,.18)}
.w-store-profile h1{font-size:32px;font-weight:850;letter-spacing:-.035em;text-shadow:0 2px 12px rgba(0,0,0,.22)}
.w-store-cats{padding:13px 18px;background:rgba(255,255,255,.9);box-shadow:0 4px 16px rgba(16,24,40,.05)}
.w-store-cats button{font-weight:700;border-color:#dfe8e4}
.w-store-products{gap:18px;padding-top:26px}
.w-store-product{border-color:#e4ebe8;border-radius:20px;box-shadow:0 4px 10px rgba(20,35,30,.035),0 15px 34px rgba(20,35,30,.055);transition:.18s ease}
.w-store-product:hover{transform:translateY(-3px);box-shadow:0 7px 16px rgba(20,35,30,.05),0 22px 44px rgba(20,35,30,.09)}
.w-store-product-body{padding:17px}
.w-store-product h3{font-weight:800;letter-spacing:-.02em}
.w-store-price strong{font-size:21px;font-weight:850}
.w-cart-fab{right:24px;bottom:24px;padding:14px 18px;box-shadow:0 14px 35px rgba(15,120,96,.28)}
.w-drawer-panel{box-shadow:-18px 0 50px rgba(16,24,40,.14)}

/* Landing refinements */
.w-landing{background:radial-gradient(circle at 85% 16%,rgba(34,199,168,.10),transparent 30%),#fbfcfc}
.w-land-nav{height:82px}
.w-hero{min-height:680px}
.w-hero h1{font-weight:850;color:#142033}
.w-hero h1 em{background:linear-gradient(90deg,#0d8a72,#24c6a6);-webkit-background-clip:text;background-clip:text;color:transparent}
.w-hero p{color:#6f7c8c}
.w-phone{box-shadow:0 36px 90px rgba(9,89,72,.24),0 0 0 1px rgba(255,255,255,.5)}
.w-feature-grid article{box-shadow:0 7px 24px rgba(16,24,40,.045);transition:.18s ease}
.w-feature-grid article:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(16,24,40,.075)}

/* Mobile and tablet */
@media(max-width:1180px){
  .w-main{padding:28px 24px 42px}
  .w-shell{grid-template-columns:238px minmax(0,1fr)}
  .w-order-layout{grid-template-columns:minmax(0,1fr) 300px}
}
@media(max-width:860px){
  .w-top{height:68px;padding:0 15px}.w-logo{font-size:18px}.w-logo span{width:34px;height:34px}
  .w-shell{display:block;min-height:calc(100vh - 68px)}
  .w-side{top:68px;height:auto;position:sticky;z-index:60;display:flex;gap:4px;padding:7px 10px;background:rgba(255,255,255,.94);border-right:0;border-bottom:1px solid var(--w-line);overflow:auto}
  .w-nav{min-height:39px;padding:8px 10px;margin:0;font-size:12px;border-radius:10px;flex:0 0 auto}
  .w-nav>span{width:auto}.w-nav.active{box-shadow:none;border-color:#dff3ed}.w-nav.active:before{display:none}
  .w-main{padding:20px 16px 38px}
  .w-page-head{align-items:flex-start}.w-page-head h1{font-size:27px}
  .w-merchant-grid{grid-template-columns:1fr}
  .w-merchant-card{grid-template-columns:72px 1fr;padding:16px}.w-merchant-card footer{margin:4px -16px -16px;padding:10px 16px}
  .w-message-layout{grid-template-columns:1fr}.w-whatsapp-preview{max-width:430px}
  .w-order-layout{grid-template-columns:1fr}.w-order-side{border-left:0;border-top:1px solid var(--w-line)}
  .w-modal{padding:10px;align-items:flex-end}.w-modal-card{width:100%;max-width:none;border-radius:24px 24px 0 0;max-height:94vh;padding:20px}
  .w-order-modal{border-radius:24px 24px 0 0}.w-order-head{padding:18px 20px}.w-order-products,.w-order-side{padding:20px}
  .w-business-types{grid-template-columns:repeat(2,1fr)}
  .w-detail-grid,.w-client-layout{grid-template-columns:1fr}
  .w-kpis{grid-template-columns:repeat(2,1fr)}
  .w-preview-sticky{position:static}.w-preview-phone{margin:auto}
  .w-store-hero{height:250px}.w-store-products{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .w-top-right .w-role{display:none}.w-top-right{gap:7px}.w-user{padding:0}.w-avatar{width:36px;height:36px}
  .w-main{padding:16px 12px 32px}.w-page-head{margin-bottom:18px}.w-page-head h1{font-size:25px}.w-page-head p{font-size:13px}
  .w-head-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.w-head-actions .w-btn{width:100%}.w-head-actions .w-btn-primary:last-child:nth-child(3){grid-column:1/-1}
  .w-card{border-radius:17px}.w-pad{padding:18px}
  .w-kpis{grid-template-columns:1fr 1fr;gap:9px}.w-kpi{padding:15px}.w-kpi strong{font-size:20px}
  .w-directory-tools{align-items:stretch;flex-direction:column}.w-directory-tools .w-input{max-width:none}
  .w-merchant-card{grid-template-columns:62px minmax(0,1fr);gap:13px}.w-merchant-card .w-merchant-logo{width:62px!important;height:62px!important}.w-merchant-card h3{font-size:16px}
  .w-table-wrap{margin:0 -1px}.w-table{min-width:720px}
  .w-tabs{margin-left:-3px;margin-right:-3px}.w-tabs button{padding-left:11px;padding-right:11px}
  .w-color-grid,.w-font-grid,.w-corner-grid{grid-template-columns:1fr 1fr}
  .w-product-editor{padding:18px}.w-image-preview img{width:96px;height:96px}
  .w-option-row{grid-template-columns:1fr}.w-option-row .w-icon-btn{justify-self:end}
  .w-form-grid{grid-template-columns:1fr}.w-form-grid .full{grid-column:auto}
  .w-store-products{grid-template-columns:1fr}.w-store-profile h1{font-size:28px}
  .w-store-product>img,.w-store-noimg{height:230px}
  .w-business-types{grid-template-columns:1fr 1fr;gap:8px}.w-business-types span{min-height:96px}
  .w-progress{width:130px}.w-planbar{align-items:flex-start}
  .w-dns-row{grid-template-columns:1fr}.w-dns-row .w-btn{justify-self:start}
}
.w-svg{display:block;flex:0 0 auto}.w-nav .w-svg{stroke-width:1.9}.w-qr-placeholder .w-svg{color:#0b816c;filter:drop-shadow(0 4px 12px rgba(19,168,138,.12))}

/* ========================================================================== */
/* WHAPIDE 0.3 — premium product design layer                                 */
/* ========================================================================== */
:root{
  --w-bg:#f4f6f5;
  --w-panel:#ffffff;
  --w-panel-2:#fafcfb;
  --w-line:#e6ebe8;
  --w-line-strong:#d9e1dd;
  --w-text:#18231f;
  --w-muted:#748079;
  --w-brand:#16b989;
  --w-brand2:#0a8068;
  --w-brand-dark:#103e35;
  --w-ink:#16211d;
  --w-lime:#b7ef70;
  --w-soft:#eaf9f4;
  --w-danger:#d9485f;
  --w-warn:#e79b31;
  --w-success:#18a66f;
  --w-shadow-xs:0 1px 2px rgba(17,33,27,.035);
  --w-shadow-sm:0 8px 24px rgba(17,33,27,.055);
  --w-shadow:0 18px 44px rgba(17,33,27,.075);
  --w-shadow-lg:0 30px 80px rgba(17,33,27,.14);
  --w-radius:20px;
}
.whapide-body{
  background:
    radial-gradient(circle at 82% 8%,rgba(22,185,137,.055),transparent 27%),
    radial-gradient(circle at 18% 92%,rgba(183,239,112,.055),transparent 24%),
    var(--w-bg);
  color:var(--w-text);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:-.005em;
}
.whapide-body ::selection{background:#c9f5e7;color:#13372f}
.w-card{border-color:var(--w-line);box-shadow:var(--w-shadow-xs);background:rgba(255,255,255,.96)}
.w-pad{padding:24px}
.w-input,.w-select,.w-textarea{
  min-height:44px;border-color:#dde4e0;border-radius:13px;background:#fff;color:#23302b;padding:11px 13px;
  box-shadow:0 1px 0 rgba(17,33,27,.018);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.w-textarea{min-height:104px}
.w-input:hover,.w-select:hover,.w-textarea:hover{border-color:#cfd9d4}
.w-input:focus,.w-select:focus,.w-textarea:focus{border-color:#74cfb5;box-shadow:0 0 0 4px rgba(22,185,137,.105)}
.w-btn{
  min-height:42px;border-color:#dfe5e2;border-radius:12px;background:#fff;color:#2f3b36;padding:9px 14px;font-weight:760;
  box-shadow:0 1px 2px rgba(17,33,27,.02);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease,color .15s ease;
}
.w-btn:hover{transform:translateY(-1px);border-color:#cfd8d3;box-shadow:0 8px 20px rgba(17,33,27,.07)}
.w-btn:active{transform:translateY(0)}
.w-btn-primary{background:var(--w-ink);border-color:var(--w-ink);color:#fff;box-shadow:0 8px 18px rgba(22,33,29,.15)}
.w-btn-primary:hover{background:#0f382f;border-color:#0f382f;box-shadow:0 11px 24px rgba(15,56,47,.2)}
.w-btn-danger{background:#fff6f7;border-color:#f4d8dd;color:#b32e45;box-shadow:none}
.w-btn-whatsapp{background:#17a765;border-color:#17a765;box-shadow:0 8px 18px rgba(23,167,101,.16)}
.w-icon-btn{border-color:#e1e6e3;border-radius:12px;color:#67736d;transition:.15s ease}
.w-icon-btn:hover{color:#153d34;background:#f1f8f5;border-color:#d7e7e0;transform:translateY(-1px)}
.w-alert{background:#f1f8f5;border-color:#d8ebe4;color:#345c50;border-radius:14px}

/* Brand mark in the authenticated product */
.w-top-start{display:flex;align-items:center;gap:16px;min-width:0}
.w-logo{font-size:20px;gap:9px;color:#15211d;letter-spacing:-.035em;white-space:nowrap}
.w-logo b{font-weight:900}
.w-logo b span{width:auto!important;height:auto!important;border-radius:0!important;background:none!important;display:inline!important;place-items:initial!important;color:var(--w-brand)!important;font-weight:900!important}
.w-logo>.w-mark{
  width:36px!important;height:36px!important;border-radius:12px!important;background:var(--w-ink)!important;display:grid!important;
  place-content:center!important;gap:3px!important;padding:0!important;box-shadow:0 7px 16px rgba(22,33,29,.14);
}
.w-mark i{display:block;width:18px;height:3px;border-radius:99px;background:#fff;transform-origin:left center}
.w-mark i:nth-child(1){width:12px;background:var(--w-lime)}
.w-mark i:nth-child(2){width:18px}
.w-mark i:nth-child(3){width:14px;background:#61dbb7}
.w-top-divider{width:1px;height:28px;background:#e3e8e5}
.w-top-context{display:grid;gap:1px;min-width:0}
.w-top-context small{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#98a29d;font-weight:780}
.w-top-context b{font-size:13px;color:#415049;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.w-top-kicker{font-size:11px;color:#8b9690;font-weight:690;padding:6px 9px;border:1px solid #e5eae7;background:#fafcfb;border-radius:999px}

/* App chrome */
.w-top{
  height:74px;padding:0 22px;background:rgba(255,255,255,.86);border-bottom:1px solid rgba(222,229,225,.88);
  backdrop-filter:blur(20px) saturate(1.25);box-shadow:0 1px 0 rgba(255,255,255,.8);z-index:80;
}
.w-top-right{gap:10px}
.w-role{display:flex;align-items:center;gap:7px;padding:7px 10px;background:#f4f8f6;border:1px solid #e3ebe7;color:#4e5f57;font-size:10px;letter-spacing:.02em}
.w-role i{width:7px;height:7px;border-radius:50%;background:var(--w-brand);box-shadow:0 0 0 4px rgba(22,185,137,.09)}
.w-user{padding:4px 8px;border-radius:13px;transition:.15s ease}
.w-user:hover{background:#f7faf8}
.w-user b{font-size:12px;color:#26322d}
.w-user small{font-size:9px;color:#919b96;margin-top:1px;max-width:160px;overflow:hidden;text-overflow:ellipsis}
.w-avatar{width:36px;height:36px;background:linear-gradient(145deg,#e0faf1,#bff1df);color:#0d725e;border:1px solid #c8eee1;box-shadow:inset 0 1px 0 #fff;font-size:13px}
.w-shell{grid-template-columns:258px minmax(0,1fr);min-height:calc(100vh - 74px)}
.w-side{
  top:74px;height:calc(100vh - 74px);padding:18px 14px 24px;background:rgba(251,252,252,.88);border-right:1px solid rgba(221,228,224,.9);
  backdrop-filter:blur(16px);
}
.w-side-title{padding:8px 12px 12px;font-size:9px;color:#9aa49f;font-weight:800;letter-spacing:.16em}
.w-nav{
  min-height:43px;padding:10px 12px;margin:3px 0;border-radius:13px;color:#67736d;font-size:13px;font-weight:650;transition:.15s ease;position:relative;
}
.w-nav span:first-child{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;color:#87918c;transition:.15s ease}
.w-nav:hover{background:#f2f7f5;color:#244238}
.w-nav:hover span:first-child{color:#317965;background:#eaf6f2}
.w-nav.active{background:#eaf7f2;color:#0c6f5a;font-weight:790;box-shadow:inset 0 0 0 1px #d9eee7}
.w-nav.active:before{content:"";position:absolute;left:-14px;top:10px;bottom:10px;width:3px;background:var(--w-brand);border-radius:0 4px 4px 0}
.w-nav.active span:first-child{background:#fff;color:#0a8468;box-shadow:0 3px 8px rgba(18,111,91,.09)}
.w-back{display:flex;align-items:center;gap:8px;padding:6px 9px 13px;color:#7f8a84;font-size:11px;font-weight:720}
.w-back:hover{color:#184b3f}
.w-merchant-mini{
  text-align:left;display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;padding:12px;margin:0 0 14px;
  background:#fff;border:1px solid #e4e9e6;border-radius:16px;box-shadow:0 5px 14px rgba(17,33,27,.04);
}
.w-merchant-mini .w-merchant-logo{margin:0}
.w-merchant-mini>div{min-width:0}
.w-merchant-mini small{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#a0aaa5;font-weight:780;margin:0 0 2px}
.w-merchant-mini b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#25322c}
.w-merchant-mini span{display:block;font-size:9px;color:#8c9691;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.w-main{padding:34px 34px 54px;max-width:1580px}

/* Headings */
.w-page-head{margin-bottom:24px;align-items:center}
.w-page-head h1{font-size:30px;line-height:1.12;font-weight:860;color:#18231f;letter-spacing:-.042em}
.w-page-head p{font-size:13px;color:#78847e;max-width:670px;line-height:1.55}
.w-subhead h2{font-size:24px;letter-spacing:-.035em}
.w-subhead>a{font-size:12px;font-weight:700}

/* Directory landing inside the app */
.w-directory-hero{
  min-height:154px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:28px 30px;margin-bottom:18px;
  border:1px solid #dfe7e3;border-radius:26px;position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 91% 20%,rgba(183,239,112,.22),transparent 24%),
    radial-gradient(circle at 75% 120%,rgba(22,185,137,.17),transparent 36%),
    linear-gradient(145deg,#fff,#f7fbf9);
  box-shadow:0 13px 34px rgba(17,33,27,.055);
}
.w-directory-hero:before{content:"";position:absolute;right:28px;top:24px;width:88px;height:88px;border:1px solid rgba(14,128,104,.09);border-radius:28px;transform:rotate(18deg)}
.w-directory-hero:after{content:"";position:absolute;right:66px;top:48px;width:42px;height:42px;background:rgba(22,185,137,.09);border-radius:14px;transform:rotate(-12deg)}
.w-directory-hero>div,.w-directory-hero>.w-btn{position:relative;z-index:1}
.w-directory-hero h1{font-size:38px;letter-spacing:-.05em;margin:5px 0 6px;color:#17231f}
.w-directory-hero p{margin:0;color:#74817a;font-size:14px}
.w-eyebrow-mini{font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#0b876d;font-weight:850}
.w-btn-create{min-height:46px;padding:10px 17px;border-radius:14px}
.w-planbar{border-color:#dcebe5;background:linear-gradient(135deg,#f5fbf8,#eef9f5);border-radius:17px;box-shadow:0 5px 16px rgba(17,33,27,.035)}
.w-progress{background:#dbeae4}.w-progress i{background:linear-gradient(90deg,#0d9a76,#56d7b4)}
.w-directory-tools{margin:20px 0 16px}
.w-directory-tools .w-input{max-width:440px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23808c86' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 13px center;padding-left:41px}
.w-count{padding:7px 10px;border-radius:999px;background:#ecefed;color:#707c76;font-weight:720}
.w-merchant-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.w-merchant-card{
  display:block;padding:17px;border-radius:22px;min-height:242px;background:linear-gradient(180deg,#fff,#fbfcfb);border-color:#e2e8e5;
  box-shadow:0 4px 14px rgba(17,33,27,.035);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.w-merchant-card:hover{transform:translateY(-4px);border-color:#cfe0d9;box-shadow:0 18px 38px rgba(17,33,27,.085)}
.w-merchant-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#1dbb8e,#8fe1c6,#c6ef8b);opacity:.8}
.w-merchant-card-top{display:flex;align-items:center;gap:7px;height:24px;margin-bottom:12px}
.w-merchant-card .w-status-dot{position:static;width:8px;height:8px;box-shadow:none}
.w-status-label{font-size:9px;text-transform:uppercase;letter-spacing:.09em;font-weight:790;color:#8c9791}
.w-merchant-identity{display:grid;grid-template-columns:74px minmax(0,1fr);gap:14px;align-items:center;margin-bottom:16px}
.w-merchant-card .w-merchant-logo{border-radius:18px;box-shadow:0 8px 18px rgba(17,33,27,.09);border:1px solid #eef1ef}
.w-merchant-content{min-width:0}
.w-merchant-type{display:inline-flex;padding:4px 7px;border-radius:999px;background:#edf8f4;color:#0c795f;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.09em;margin-bottom:6px}
.w-merchant-card h3{font-size:18px;margin:0 0 3px;color:#22302a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w-merchant-card p{font-size:11px;margin:0;color:#8b9690;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w-merchant-card .w-card-actions{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px;margin:0 0 15px}
.w-merchant-card .w-card-actions .w-btn{justify-content:space-between;padding-left:13px;padding-right:12px}
.w-merchant-card .w-visit{width:42px;height:42px;background:#f7faf8;color:#567068}
.w-merchant-card footer{
  display:flex;align-items:center;gap:7px;grid-column:auto;margin:0;padding:12px 1px 0;border-top:1px solid #edf1ef;background:transparent;border-radius:0;color:#86928c;font-size:10px;
}
.w-merchant-card footer b{margin-left:auto;font-size:9px;letter-spacing:.06em;color:#75817b;background:#f1f4f2;padding:4px 6px;border-radius:7px}
.w-url-dot{width:7px;height:7px;border-radius:50%;background:#b5c1bb}

/* Create commerce modal */
.w-modal{background:rgba(10,20,16,.5);backdrop-filter:blur(10px)}
.w-modal-card{border-radius:26px;border-color:rgba(255,255,255,.75);box-shadow:0 34px 90px rgba(10,20,16,.26)}
.w-modal-card>h2{font-size:26px;letter-spacing:-.04em}
.w-business-types{grid-template-columns:repeat(4,1fr);gap:10px}
.w-business-types span{
  min-height:112px;gap:10px;background:#fbfcfb;border:1px solid #e3e9e6;color:#738079;border-radius:17px;transition:.16s ease;
}
.w-business-types span .w-svg{width:24px;height:24px;color:#56665f}
.w-business-types span:hover{border-color:#c8ddd5;background:#f7fbf9;color:#315248;transform:translateY(-2px)}
.w-business-types input:checked+span{border-color:#66cdb0;background:#ebf9f4;color:#0e725d;box-shadow:0 0 0 3px rgba(22,185,137,.09)}
.w-business-types input:checked+span .w-svg{color:#0b8b6e}
.w-business-types b{font-size:11px;line-height:1.25;color:inherit}

/* Tabs and segmented navigation */
.w-tabs{gap:2px;padding:4px;background:#edf1ef;border:0;border-radius:14px;margin-bottom:22px;width:max-content;max-width:100%;overflow:auto}
.w-tabs button{padding:9px 13px 10px;border-radius:10px;color:#77827c;font-size:11px;font-weight:760}
.w-tabs button:hover{background:rgba(255,255,255,.55);color:#395148}
.w-tabs button.active{background:#fff;color:#183d33;box-shadow:0 2px 7px rgba(17,33,27,.07)}
.w-tabs button.active:after{display:none}

/* Tables */
.w-table-card{border-radius:20px;box-shadow:0 5px 18px rgba(17,33,27,.035)}
.w-table-tools{padding:13px 15px;background:#fbfcfb}
.w-table thead th{background:#f7f9f8;color:#89938e;font-size:9px;letter-spacing:.08em;padding:12px 14px}
.w-table tbody td{padding:14px;color:#59665f}
.w-table tbody tr:hover{background:#f9fcfa}
.w-table td b{color:#25322c;font-weight:780}
.w-product-thumb{width:50px;height:50px;border-radius:13px}
.w-badge{padding:6px 9px;font-size:9px;letter-spacing:.025em}

/* Category/product */
.w-category-bar{border-radius:18px;background:linear-gradient(145deg,#fff,#f9fcfa)}
.w-category-bar .w-inline-form b{font-size:13px}
.w-chips span{background:#edf6f2;border-color:#dcebe5;color:#4f6c62}
.w-product-editor{border-radius:24px;box-shadow:0 12px 34px rgba(17,33,27,.055)}
.w-image-preview img{border-radius:18px;box-shadow:0 9px 22px rgba(17,33,27,.085)}
.w-option-group{background:#f8faf9;border:1px solid #e4eae7;border-radius:19px}
.w-option-row{border-radius:14px}

/* Merchant details and content cards */
.w-detail-grid{gap:20px}
.w-qr-card,.w-info-card{border-radius:22px;box-shadow:0 8px 25px rgba(17,33,27,.045)}
.w-qr-placeholder{border-radius:24px}
.w-info-card dl{grid-template-columns:135px 1fr}
.w-info-card dt{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#9aa49f}
.w-info-card dd{font-size:13px;color:#2e3a34}

/* Design module */
.w-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1120px}
.w-template-card{border-radius:22px;padding:16px}
.w-template-card.active{border-color:#74cfb5;background:linear-gradient(180deg,#fff,#f2fbf7)}
.w-template-card h3{font-size:15px;margin-top:13px}
.w-template-phone{border-color:#15201d;box-shadow:0 16px 34px rgba(17,33,27,.16)}
.w-design-global{grid-template-columns:minmax(0,1fr) 400px;align-items:start}
.w-preview-phone{border-color:#15201d;box-shadow:0 28px 70px rgba(17,33,27,.21)}
.w-color-grid label,.w-font-grid label span,.w-corner-grid label{background:#fbfcfb;border-color:#e3e9e6}

/* KPI hierarchy */
.w-kpis{gap:12px}
.w-kpi{
  min-height:110px;padding:18px;border-radius:18px;border-color:#e2e8e5;background:linear-gradient(155deg,#fff 0,#fff 67%,#f1f9f6 100%);
  box-shadow:0 5px 18px rgba(17,33,27,.035);
}
.w-kpi:after{width:88px;height:88px;right:-34px;top:-39px;background:rgba(22,185,137,.065)}
.w-kpi small{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#929c97}
.w-kpi strong{font-size:27px;color:#203029}
.w-chart-card{border-radius:20px}
.w-bars i{background:linear-gradient(180deg,#0eac81,#98e1cb);border-radius:8px 8px 3px 3px}

/* Order view */
.w-order-modal{border-radius:26px}
.w-order-head{padding:22px 25px;background:#fff}
.w-order-head h2{font-size:24px;letter-spacing:-.04em}
.w-order-layout{grid-template-columns:minmax(0,1.7fr) 330px}
.w-order-products{padding:25px 27px}
.w-order-side{background:#f7f9f8;padding:25px;border-left-color:#e4eae7}
.w-order-item{padding:15px 0}
.w-order-note{background:#fff9ea;border-color:#f4e4b8}
.w-table-number{font-size:42px;background:linear-gradient(145deg,#eaf9f4,#dff7ef);border-color:#cfeee4;color:#08735d}
.w-status-actions .w-btn-primary{background:#0c7d65;border-color:#0c7d65}

/* Client */
.w-client-head{padding-bottom:18px}
.w-client-layout{gap:22px}
.w-history{border-radius:17px;border-color:#e2e8e5;box-shadow:0 5px 18px rgba(17,33,27,.035)}
.w-history a:hover{background:#f5faf7}

/* Payment/settings */
.w-setting-row{padding:15px 2px}
.w-setting-row b{font-size:13px;color:#2c3933}
.w-setting-row small{font-size:11px}
.w-toggle span{background:#cfd7d3}
.w-toggle input:checked+span{background:linear-gradient(90deg,#0c956f,#32c49b)}
.w-integration-status{border-radius:15px}

/* Checkout */
.w-message-layout{grid-template-columns:minmax(0,1fr) 400px}
.w-message-parts span{background:#f8faf9;border-color:#e3e9e6}
.w-whatsapp-preview{border-radius:24px;box-shadow:0 18px 42px rgba(17,33,27,.09)}
.sticky-save{border-radius:15px}

/* Advanced */
.w-dns-box{background:#f8faf9;border-color:#e1e7e4;border-radius:17px}
.w-dns-row code{border-color:#dfe6e2;border-radius:10px}
.w-danger-zone{border-radius:18px}

/* Public storefront */
.w-storefront{background-color:var(--surface);background-image:radial-gradient(circle at 90% 8%,color-mix(in srgb,var(--primary) 8%,transparent),transparent 25%)}
.w-store-hero{height:320px}
.w-store-profile{padding:32px 24px 27px}
.w-store-profile h1{font-size:34px;letter-spacing:-.045em}
.w-store-cats{padding:12px 18px;border-bottom:1px solid rgba(220,228,224,.8);backdrop-filter:blur(18px)}
.w-store-cats button{border-radius:999px;font-size:12px}
.w-store-products{gap:20px;padding:28px 18px 100px}
.w-store-product{border-radius:22px;border-color:#e0e8e4;box-shadow:0 9px 28px rgba(17,33,27,.055)}
.w-store-product:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(17,33,27,.095)}
.w-store-product>img,.w-store-noimg{height:250px}
.w-store-product-body{padding:18px}
.w-store-product h3{font-size:16px;letter-spacing:-.025em}
.w-store-price strong{font-size:22px}
.w-cart-fab{border-radius:16px;padding:13px 18px;background:#15211d;border-color:#15211d;box-shadow:0 17px 38px rgba(17,33,27,.22)}
.w-drawer-panel{border-left:1px solid #e0e7e3}

/* Landing v0.3 */
.w-landing{background:radial-gradient(circle at 84% 14%,rgba(22,185,137,.12),transparent 28%),radial-gradient(circle at 18% 72%,rgba(183,239,112,.09),transparent 25%),#fbfcfb}
.w-land-nav{height:86px}
.w-hero{min-height:720px;grid-template-columns:1.08fr .92fr}
.w-hero h1{font-size:68px;line-height:.99;font-weight:900;color:#15211d}
.w-hero p{font-size:18px;max-width:590px}
.w-phone{background:#12201b;border-color:#0d1714;box-shadow:0 42px 105px rgba(10,80,65,.25);transform:rotate(1.5deg)}
.w-phone-cover{background:linear-gradient(145deg,#0b3a30,#1d8068 60%,#8ad2b8)}
.w-phone-logo{color:#0b7d64;border-color:#12201b}
.w-feature-grid article{border-radius:24px;border-color:#e3e9e6;box-shadow:0 10px 30px rgba(17,33,27,.045)}
.w-land-soft{background:linear-gradient(135deg,#eefaf6,#f4faea);border:1px solid #dcebe5}

/* Responsive 0.3 */
@media(max-width:1180px){
  .w-shell{grid-template-columns:240px minmax(0,1fr)}
  .w-main{padding:30px 24px 48px}
  .w-merchant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .w-design-global{grid-template-columns:1fr 350px}
}
@media(max-width:860px){
  .w-top{height:68px;padding:0 13px}.w-top-divider,.w-top-context,.w-top-kicker{display:none}
  .w-shell{min-height:calc(100vh - 68px)}
  .w-side{top:68px;padding:7px 9px;height:auto;background:rgba(255,255,255,.93)}
  .w-side .w-back,.w-side .w-merchant-mini{display:none}
  .w-nav{min-height:40px;padding:8px 10px;font-size:11px;border:1px solid transparent}.w-nav.active:before{display:none}
  .w-nav span:first-child{width:21px;height:21px}
  .w-main{padding:20px 15px 40px}
  .w-directory-hero{min-height:136px;padding:23px 22px;border-radius:22px}.w-directory-hero h1{font-size:32px}
  .w-merchant-grid{grid-template-columns:1fr}
  .w-design-global{grid-template-columns:1fr}.w-preview-sticky{position:static}
  .w-order-layout{grid-template-columns:1fr}.w-order-side{border-left:0;border-top:1px solid #e4eae7}
  .w-message-layout{grid-template-columns:1fr}
}
@media(max-width:560px){
  .w-logo b{display:none}.w-logo>.w-mark{width:35px!important;height:35px!important}
  .w-user>div{display:none}.w-role{display:none}.w-top-right{gap:6px}
  .w-main{padding:14px 11px 32px}
  .w-page-head{align-items:flex-start}.w-page-head h1{font-size:26px}
  .w-directory-hero{align-items:flex-start;flex-direction:column;gap:18px;padding:21px;border-radius:20px}.w-directory-hero .w-btn{width:100%}.w-directory-hero:before,.w-directory-hero:after{opacity:.6}
  .w-directory-tools{gap:9px}.w-count{align-self:flex-start}
  .w-merchant-card{min-height:auto;border-radius:20px;padding:15px}.w-merchant-identity{grid-template-columns:64px 1fr}.w-merchant-card .w-merchant-logo{width:64px!important;height:64px!important}.w-merchant-card .w-card-actions{grid-template-columns:1fr 42px}
  .w-tabs{width:100%}.w-tabs button{flex:0 0 auto}
  .w-kpis{grid-template-columns:1fr 1fr}.w-kpi{min-height:96px;padding:14px}.w-kpi strong{font-size:21px}
  .w-business-types{grid-template-columns:1fr 1fr}.w-business-types span{min-height:96px}
  .w-modal{padding:8px;align-items:flex-end}.w-modal-card{border-radius:24px 24px 0 0;padding:19px}
  .w-store-product>img,.w-store-noimg{height:230px}
}

/* ========================================================================== 
   WHAPIDE 0.4 — PRODUCT DESIGN RESET
   A calmer, more editorial administration UI. The app chrome is intentionally
   dark and stable; content surfaces are warm, airy and operational.
   ========================================================================== */
:root{
  --w-bg:#f3f3ef;
  --w-panel:#ffffff;
  --w-panel-soft:#f8f8f5;
  --w-ink:#0f1714;
  --w-ink-2:#18231f;
  --w-text:#1b2521;
  --w-muted:#707a74;
  --w-muted-2:#98a09b;
  --w-line:#e1e4df;
  --w-line-strong:#d6dbd5;
  --w-brand:#24c48e;
  --w-brand-2:#0e8d66;
  --w-lime:#c6f36d;
  --w-brand-soft:#e9f8f1;
  --w-danger:#c83d52;
  --w-warn:#b77714;
  --w-success:#16865e;
  --w-radius:18px;
  --w-shadow-xs:0 1px 2px rgba(15,23,20,.04);
  --w-shadow-sm:0 8px 24px rgba(15,23,20,.055);
  --w-shadow:0 18px 50px rgba(15,23,20,.08);
  --w-shadow-lg:0 30px 90px rgba(8,16,13,.18);
}

.whapide-body{
  background:var(--w-bg);
  color:var(--w-text);
  font-family:Inter,"SF Pro Text","SF Pro Display",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:-.008em;
}
.whapide-body ::selection{background:#c8f4e2;color:#0d2b21}
.whapide-body hr{border:0;border-top:1px solid var(--w-line);margin:26px 0}
.w-svg{display:block}

/* Core controls */
.w-btn{
  min-height:40px;padding:9px 14px;border:1px solid var(--w-line-strong);border-radius:10px;background:#fff;color:#27312d;
  font-weight:760;font-size:13px;box-shadow:none;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.w-btn:hover{transform:translateY(-1px);background:#fafbf9;border-color:#c8cec9;box-shadow:0 7px 18px rgba(15,23,20,.06)}
.w-btn:active{transform:none;box-shadow:none}
.w-btn-primary{background:var(--w-ink);border-color:var(--w-ink);color:#fff;box-shadow:0 7px 16px rgba(15,23,20,.16)}
.w-btn-primary:hover{background:#18332a;border-color:#18332a;color:#fff;box-shadow:0 10px 22px rgba(15,23,20,.20)}
.w-btn-sm{min-height:34px;padding:7px 10px;font-size:11px;border-radius:9px}
.w-btn-danger{background:#fff;border-color:#ecced4;color:#a92c42}
.w-btn-whatsapp{background:#1dac67;border-color:#1dac67;color:#fff}
.w-icon-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--w-line);background:#fff;color:#66716b;transition:.16s ease}
.w-icon-btn:hover{background:#f3f7f4;color:#16392d;border-color:#cddbd4;transform:translateY(-1px)}

.w-input,.w-select,.w-textarea{
  min-height:44px;border:1px solid #d9ded9;border-radius:10px;background:#fff;color:#202a26;padding:11px 13px;box-shadow:none;outline:none;transition:.16s ease;
}
.w-textarea{min-height:108px;line-height:1.55}
.w-input:hover,.w-select:hover,.w-textarea:hover{border-color:#c6ccc7}
.w-input:focus,.w-select:focus,.w-textarea:focus{border-color:#4fbf9a;box-shadow:0 0 0 4px rgba(36,196,142,.11)}
.w-input::placeholder,.w-textarea::placeholder{color:#a0a7a2}
.w-form-grid>label,.w-card label{font-size:12px;font-weight:700;color:#505b55}
.w-check{font-size:12px!important;color:#505b55!important;font-weight:650!important}
.w-check input{accent-color:var(--w-brand-2)}

/* App chrome */
.w-top{
  height:72px;padding:0 20px;background:var(--w-ink);border:0;color:#fff;box-shadow:none;backdrop-filter:none;
}
.w-top:after{display:none}
.w-top-start{gap:16px}
.w-logo{color:#fff;font-size:20px;letter-spacing:-.04em}
.w-logo b{color:#fff;font-weight:900}
.w-logo b span{color:var(--w-lime)!important}
.w-logo>.w-mark{
  width:36px!important;height:36px!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;gap:3px!important;
}
.w-mark i{height:3px;background:#11251e}
.w-mark i:nth-child(1){background:#15936a}
.w-mark i:nth-child(3){background:#4fd4a8}
.w-top-divider{height:28px;background:rgba(255,255,255,.13)}
.w-top-context small{color:#8fa098}
.w-top-context b{color:#eff5f1}
.w-top-kicker{color:#afbbb5;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.09)}
.w-role{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.09);color:#c4cec9}
.w-role i{background:var(--w-lime);box-shadow:0 0 0 4px rgba(198,243,109,.08)}
.w-user{border:1px solid transparent}
.w-user:hover{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.07)}
.w-user b{color:#f6f8f7}
.w-user small{color:#8f9d96}
.w-avatar{background:#e7f7ef;color:#0e7857;border-color:#d6efe4;box-shadow:none}
.w-top .w-icon-btn{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.08);color:#aebbb5}
.w-top .w-icon-btn:hover{background:rgba(255,255,255,.11);color:#fff;border-color:rgba(255,255,255,.14)}

.w-shell{grid-template-columns:248px minmax(0,1fr);min-height:calc(100vh - 72px)}
.w-side{
  top:72px;height:calc(100vh - 72px);padding:20px 14px 24px;background:#111b17;border:0;backdrop-filter:none;color:#fff;
}
.w-side-title{padding:8px 10px 12px;color:#66766e;font-size:9px;letter-spacing:.17em}
.w-nav{min-height:42px;margin:3px 0;padding:9px 10px;border-radius:10px;color:#8e9d96;font-size:12px;font-weight:690;border:1px solid transparent}
.w-nav span:first-child{color:#778a80;background:transparent}
.w-nav:hover{background:#17251f;color:#e7efeb;border-color:#1d2e27;transform:none}
.w-nav:hover span:first-child{background:transparent;color:#b2c5bb}
.w-nav.active{background:#eaf8f1;color:#123b2e;border-color:#eaf8f1;box-shadow:none;font-weight:800}
.w-nav.active:before{display:none}
.w-nav.active span:first-child{background:#d9f1e6;color:#0f7456;box-shadow:none}
.w-back{padding:5px 8px 13px;color:#72847b;font-size:10px}
.w-back:hover{color:#d9e6df}
.w-merchant-mini{
  grid-template-columns:48px minmax(0,1fr);gap:11px;padding:11px;margin:0 0 15px;background:#17231e;border:1px solid #203129;border-radius:13px;box-shadow:none;
}
.w-merchant-mini .w-merchant-logo{width:48px!important;height:48px!important;border-radius:11px;box-shadow:none;border:1px solid rgba(255,255,255,.06)}
.w-merchant-mini small{color:#697c72;font-size:8px}
.w-merchant-mini b{color:#eef4f1;font-size:12px}
.w-merchant-mini span{color:#74867d;font-size:9px}

.w-main{padding:38px 40px 58px;max-width:1540px;background:var(--w-bg)}
.w-page-head{margin-bottom:26px;align-items:flex-end}
.w-page-head h1{margin:0 0 5px;font-size:34px;line-height:1.08;font-weight:850;letter-spacing:-.05em;color:#131b18}
.w-page-head p{margin:0;color:#7b837e;font-size:13px;line-height:1.5}
.w-head-actions{gap:8px}
.w-subhead{padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid var(--w-line)}
.w-subhead h2{font-size:25px;letter-spacing:-.04em}

/* Surface language */
.w-card{background:#fff;border:1px solid var(--w-line);border-radius:16px;box-shadow:var(--w-shadow-xs)}
.w-pad{padding:24px}
.w-card h3{letter-spacing:-.025em;color:#1e2824}
.w-card>p{color:#7a837e;line-height:1.55}
.w-alert{background:#edf8f3;border-color:#d1eadf;color:#2e6251;border-radius:12px}
.w-alert-danger{background:#fff2f4;border-color:#f0d2d8;color:#922a3d}

/* Directory */
.w-directory-hero{
  min-height:178px;padding:30px 32px;margin-bottom:22px;border:0;border-radius:20px;background:#111b17;box-shadow:none;color:#fff;align-items:flex-end;
}
.w-directory-hero:before{
  content:"";display:block;position:absolute;right:42px;top:-54px;width:210px;height:210px;border:1px solid rgba(198,243,109,.14);border-radius:50%;transform:none;
}
.w-directory-hero:after{
  content:"";display:block;position:absolute;right:104px;top:24px;width:92px;height:92px;background:rgba(36,196,142,.09);border:1px solid rgba(36,196,142,.12);border-radius:28px;transform:rotate(18deg);
}
.w-directory-hero h1{margin:7px 0 7px;color:#fff;font-size:42px;letter-spacing:-.055em}
.w-directory-hero p{color:#9dafA6;font-size:13px;max-width:520px}
.w-eyebrow-mini{color:var(--w-lime);font-size:9px;letter-spacing:.18em}
.w-directory-hero .w-btn-primary{background:var(--w-lime);border-color:var(--w-lime);color:#102018;box-shadow:none}
.w-directory-hero .w-btn-primary:hover{background:#d1f78a;border-color:#d1f78a}
.w-btn-create{min-height:44px;padding:9px 16px}
.w-planbar{border:1px solid #d7e8df;background:#edf7f2;border-radius:14px;box-shadow:none}
.w-progress{height:6px;background:#d0e2d9}.w-progress i{background:#16926a}
.w-directory-tools{margin:20px 0 16px;gap:14px}
.w-directory-tools .w-input{max-width:430px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none' stroke='%23838c87' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 13px center;padding-left:40px}
.w-count{font-size:10px;font-weight:800;color:#69736d;background:#e6e8e4;border:0;padding:7px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}
.w-merchant-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.w-merchant-card{
  min-height:238px;padding:18px;display:flex;flex-direction:column;background:#fff;border:1px solid #e0e4df;border-radius:16px;box-shadow:none;overflow:hidden;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.w-merchant-card:hover{transform:translateY(-3px);border-color:#cbd4ce;box-shadow:0 16px 34px rgba(15,23,20,.075)}
.w-merchant-card:before{height:3px;background:var(--w-brand);opacity:1}
.w-merchant-card[data-type="store"]:before{background:#7f8cff}
.w-merchant-card-top{height:auto;margin-bottom:18px;display:flex;align-items:center;gap:7px}
.w-status-label{font-size:9px;color:#78827c;font-weight:850;letter-spacing:.08em}
.w-merchant-card .w-status-dot{width:7px;height:7px;background:#b8bfba}.w-merchant-card .w-status-dot.ok{background:#1ea870}
.w-merchant-identity{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:center}
.w-merchant-card .w-merchant-logo{width:64px!important;height:64px!important;border-radius:14px;box-shadow:none;border:1px solid #edf0ed}
.w-logo-fallback{background:#17231e;color:#fff;font-size:22px}
.w-merchant-type{display:inline-block;width:max-content;margin-bottom:5px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#53605a;background:#eef2ef;padding:4px 7px;border-radius:6px;font-weight:800}
.w-merchant-card h3{margin:0;color:#17201c;font-size:18px;line-height:1.12;font-weight:820;letter-spacing:-.035em}
.w-merchant-card p{margin:5px 0 0;color:#858e89;font-size:11px}
.w-merchant-card .w-card-actions{display:grid;grid-template-columns:1fr 40px;gap:8px;margin-top:auto;padding-top:20px}
.w-merchant-card .w-btn-primary{width:100%;background:#171f1c;border-color:#171f1c}
.w-merchant-card .w-visit{width:40px;height:40px}
.w-merchant-card footer{display:flex;align-items:center;gap:7px;margin:14px -18px -18px;padding:11px 18px;background:#f8f9f7;border-top:1px solid #e9ece8;border-radius:0;font-size:9px;color:#89918d}
.w-merchant-card footer b{margin-left:auto;color:#5e6963;background:#ebeeea;padding:4px 6px;border-radius:5px;font-size:9px}
.w-url-dot{width:6px;height:6px;background:#b3bcb7}

/* Create merchant */
.w-modal{background:rgba(5,12,9,.62);backdrop-filter:blur(10px)}
.w-modal-card{border:0;border-radius:20px;box-shadow:var(--w-shadow-lg);padding:26px}
.w-modal-card>h2{margin:3px 0 5px;font-size:28px;letter-spacing:-.045em}
.w-modal-card>p{color:#7d8580;font-size:12px}
.w-modal-close{width:36px;height:36px;background:#f1f3f0;border:1px solid #e5e8e4;color:#5e6863;border-radius:9px}
.w-business-types{grid-template-columns:repeat(4,1fr);gap:9px}
.w-business-types span{min-height:104px;padding:12px;background:#fafbf9;border:1px solid #e1e5e1;border-radius:12px;color:#59655f}
.w-business-types span:hover{transform:none;background:#f5f8f5;border-color:#cad5ce}
.w-business-types input:checked+span{background:#eaf7f1;border-color:#55b995;color:#105c46;box-shadow:inset 0 0 0 1px #55b995}

/* Navigation tabs */
.w-tabs{display:flex;gap:4px;width:max-content;max-width:100%;padding:4px;margin:0 0 22px;background:#e9ebe8;border:0;border-radius:11px;overflow:auto}
.w-tabs button{padding:8px 12px;border-radius:8px;color:#68716c;font-size:11px;font-weight:760;background:transparent}
.w-tabs button:hover{background:#f4f6f3;color:#34413a}
.w-tabs button.active{background:#fff;color:#13241d;box-shadow:0 1px 2px rgba(15,23,20,.08)}
.w-tabs button.active:after{display:none}

/* Tables */
.w-table-card{overflow:hidden;border-radius:16px;box-shadow:none}
.w-table-tools{padding:13px 14px;background:#fbfcfa;border-bottom:1px solid var(--w-line)}
.w-table-tools .w-input{max-width:420px}
.w-table{font-size:12px}
.w-table thead th{padding:11px 14px;background:#f5f6f3;color:#7f8883;font-size:9px;font-weight:850;letter-spacing:.075em;text-transform:uppercase;border-bottom:1px solid #e2e5e1}
.w-table tbody td{padding:14px;border-bottom:1px solid #eceeeb;color:#5c6761;vertical-align:middle}
.w-table tbody tr:hover{background:#fafbf9}
.w-table td b{color:#242e29;font-weight:780}
.w-table td small{font-size:9px;color:#99a19c}
.w-product-thumb{width:50px;height:50px;border-radius:11px;box-shadow:none;border:1px solid #eaede9}
.w-noimg{background:#f0f2ef;color:#a5ada8}
.w-badge{padding:5px 8px;border-radius:7px;font-size:9px;font-weight:820;letter-spacing:.03em}
.w-badge.green{background:#e8f7ef;color:#16734f;border-color:#d8eee3}
.w-badge.gray{background:#eff1ee;color:#707873;border-color:#e5e8e4}
.w-badge.blue{background:#edf3fb;color:#356aab;border-color:#dce8f7}
.w-badge.orange{background:#fff5e5;color:#916018;border-color:#f4e1bf}
.w-badge.status-received{background:#edf4ff;color:#3e67a2}.w-badge.status-preparing{background:#fff3db;color:#95620f}.w-badge.status-ready{background:#e7f7f0;color:#0f7852}.w-badge.status-delivered{background:#ebedef;color:#545c58}

/* Product/category editor */
.w-category-bar{margin-bottom:16px;background:#fff;border-radius:14px}
.w-category-bar .w-inline-form b{font-size:12px;color:#2d3732}
.w-chips{gap:6px;margin-top:12px}.w-chips span{padding:6px 8px;border:0;background:#eef1ee;color:#59655f;border-radius:7px;font-size:10px}
.w-product-editor{max-width:1160px;margin:0 auto;padding:26px;border-radius:18px;box-shadow:none}
.w-product-images{padding:0 0 22px;margin-bottom:24px;border-bottom:1px solid var(--w-line)}
.w-image-preview img{width:132px;height:132px;border-radius:14px;border:1px solid #e2e6e2;box-shadow:none}
.w-group-head h3{font-size:18px}.w-group-head p{font-size:11px;color:#838b87}
.w-option-group{padding:18px;margin-top:12px;background:#f7f8f6;border:1px solid #e3e6e2;border-radius:14px}
.w-option-group-head{padding-bottom:11px;margin-bottom:14px;border-bottom:1px solid #e3e6e2}
.w-option-row{padding:9px;margin:8px 0;background:#fff;border:1px solid #e2e6e2;border-radius:11px}

/* Merchant details */
.w-detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;margin-bottom:16px}
.w-qr-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:center;padding:22px;background:#111b17;color:#fff;border:0;border-radius:16px}
.w-qr-placeholder{width:150px;height:150px;display:grid;place-items:center;background:#fff;color:#15221d;border-radius:14px;border:0;box-shadow:none}
.w-qr-card small{color:#8ea097;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.w-qr-card .w-input{background:#17231e;border-color:#27372f;color:#eaf0ed}
.w-qr-card .w-btn{background:#1a2822;border-color:#2b3b34;color:#d8e3dd}
.w-qr-card .w-btn:hover{background:#24342d;color:#fff}
.w-info-card{padding:22px;border-radius:16px;box-shadow:none}
.w-info-card h3{font-size:16px;margin:0 0 12px}
.w-info-card dl{grid-template-columns:120px 1fr;gap:0;margin:0}
.w-info-card dt,.w-info-card dd{padding:10px 0;border-bottom:1px solid #eceeeb}
.w-info-card dt{font-size:9px;text-transform:uppercase;letter-spacing:.065em;color:#959d98}
.w-info-card dd{font-size:12px;color:#303b35}

/* Design */
.w-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1100px}
.w-template-card{padding:14px;background:#fff;border:1px solid #dfe4df;border-radius:15px;box-shadow:none;transition:.16s ease}
.w-template-card:hover{transform:translateY(-2px);border-color:#bdc9c1;box-shadow:0 12px 26px rgba(15,23,20,.06)}
.w-template-card.active,.w-template-card:has(input:checked){border-color:#39a87e;box-shadow:0 0 0 2px rgba(36,196,142,.11)}
.w-template-phone{height:312px;padding:10px;border:6px solid #131b18;border-radius:20px;background:#f1f2ef;box-shadow:none;position:relative}
.w-template-phone>div{height:92px;border-radius:10px;background:#192823}
.w-template-phone span{height:76px;margin-top:8px;border-radius:9px;border:1px solid #e0e4df;background:#fff}
.t-food_2>div,.t-store_2>div{height:58px}.t-food_2 span,.t-store_2 span{height:94px}
.t-food_3,.t-store_3{background:#161d1a}.t-food_3 span,.t-store_3 span{background:#242e2a;border-color:#313d37}
.w-template-card b{font-size:13px;color:#27322d;margin-top:11px}.w-template-card small{font-size:10px;color:#909995}
.w-design-global{grid-template-columns:minmax(0,1fr) 380px;gap:18px}
.w-color-grid,.w-font-grid,.w-corner-grid{gap:9px}
.w-color-grid label,.w-font-grid label span,.w-corner-grid label{border-radius:12px;border-color:#e1e5e1;background:#fafbf9}
.w-preview-sticky{top:94px}.w-preview-phone{width:315px;height:600px;border:8px solid #121a17;border-radius:32px;box-shadow:0 24px 64px rgba(15,23,20,.18)}
.w-preview-brand{font-size:22px}.w-preview-card{box-shadow:none;border:1px solid #eef0ed}

/* KPIs and charts */
.w-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.w-kpi{min-height:102px;padding:17px;background:#fff;border:1px solid #dfe4df;border-radius:14px;box-shadow:none;overflow:hidden}
.w-kpi:after{display:none}
.w-kpi small{font-size:9px;color:#858e89;text-transform:uppercase;letter-spacing:.075em;font-weight:800}
.w-kpi strong{display:block;margin-top:9px;font-size:26px;color:#18221e;font-weight:850;letter-spacing:-.045em}
.w-filterbar{padding:8px;margin-bottom:16px;background:#e9ebe8;border:0;border-radius:11px;width:max-content;max-width:100%;overflow:auto}
.w-chart-card{padding:22px;border-radius:16px;box-shadow:none}
.w-chart-card h3{font-size:15px}.w-bars{height:228px;margin-top:14px;padding:18px 8px 8px;border-top:1px solid #eceeeb}
.w-bars>div{height:185px}.w-bars i{width:min(34px,48%);background:#20b884;border-radius:6px 6px 2px 2px;box-shadow:none}.w-bars.visits i{background:#6d83f6}

/* Orders */
.w-order-modal{padding:0;border-radius:18px;max-width:1040px;overflow:hidden}
.w-order-head{padding:21px 24px;background:#fff;border-bottom:1px solid var(--w-line)}
.w-order-head h2{font-size:25px;letter-spacing:-.045em}.w-order-head p{font-size:10px;color:#89918d}
.w-order-layout{grid-template-columns:minmax(0,1.65fr) 330px;min-height:460px}
.w-order-products{padding:24px 26px}.w-order-products>h3,.w-order-side>h3{font-size:9px;letter-spacing:.11em;color:#969e99}
.w-order-item{padding:14px 0;border-bottom:1px solid #eceeeb}.w-order-item b{color:#26312c}.w-order-item small{font-size:10px;color:#7f8883}
.w-order-note{padding:12px 13px;background:#fff7e8;border-color:#f0dfbe;color:#74501b;border-radius:10px}
.w-order-totals .total{font-size:18px;color:#1a241f}
.w-order-side{padding:24px;background:#111b17;border:0;color:#fff}
.w-order-side h3{color:#72867c}.w-order-side>p{color:#acbbb3}.w-order-side b{color:#fff}.w-order-side hr{border-color:#26362f}
.w-order-side .w-badge{border-color:rgba(255,255,255,.08)}
.w-order-side .w-btn{background:#1a2923;border-color:#2c3d35;color:#e4ece8}.w-order-side .w-btn:hover{background:#24372f;color:#fff}
.w-order-side .w-btn-primary{background:var(--w-lime);border-color:var(--w-lime);color:#112019}
.w-table-number{font-size:38px;padding:14px;background:#dff7ec;border:0;border-radius:12px;color:#0d6d50}
.w-status-actions{border-top:1px solid #2b3b34}

/* Kitchen */
.w-kitchen-grid{gap:12px}.w-kitchen-ticket{border-radius:14px;box-shadow:none;border:1px solid var(--w-line)}
.w-kitchen-top{background:#121d18;color:#fff}.w-kitchen-top span{color:var(--w-lime)}

/* Clients */
.w-filter-pills{gap:6px}.w-filter-pills button{border-radius:8px}
.w-search-wide{max-width:520px;margin-bottom:14px}
.w-client-head{padding-bottom:17px}.w-client-layout{gap:18px}.w-history{border-radius:13px;box-shadow:none}.w-history a{padding:13px 14px}

/* Payments, checkout and advanced */
.w-setting-row{padding:15px 2px;border-bottom:1px solid #eceeeb}.w-setting-row b{font-size:12px;color:#2d3732}.w-setting-row small{font-size:10px;color:#8a938e}
.w-toggle span{width:42px;height:24px;background:#d2d7d3}.w-toggle span:after{width:18px;height:18px}.w-toggle input:checked+span{background:#1bac7c}.w-toggle input:checked+span:after{left:21px}
.w-integration-status{border-radius:11px}.w-integration-status.connected{background:#e9f7f0;color:#155f45}.w-integration-status.pending{background:#fff4df;color:#825715}
.w-address-row{padding:12px 0}.w-message-layout{grid-template-columns:minmax(0,1fr) 390px;gap:16px}.w-message-parts span{border-radius:9px;background:#f7f8f6}
.w-whatsapp-preview{border-radius:16px;box-shadow:none;border-color:#d8dad7}.w-wa-head{background:#1e9d60}.w-wa-bubble{box-shadow:none}
.sticky-save{bottom:12px;padding:9px 10px;background:rgba(243,243,239,.92);border:1px solid #dfe3de;border-radius:11px;box-shadow:0 9px 26px rgba(15,23,20,.08)}
.w-dns-box{padding:18px;background:#f7f8f6;border-color:#dfe4df;border-radius:12px}.w-dns-row{grid-template-columns:80px minmax(0,1fr) auto}.w-dns-row code{border-radius:8px}.w-danger-zone{background:#fffafb;border-color:#efd4d9}

/* Auth */
.w-auth{background:#101814;padding:24px}
.w-auth-card{width:min(430px,94vw);padding:34px;border:0;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.24)}
.w-auth-card .w-logo{color:#131b18}.w-auth-card .w-logo b{color:#131b18}.w-auth-card .w-logo>.w-mark{background:#101814!important}.w-auth-card .w-mark i{background:#fff}.w-auth-card .w-mark i:nth-child(1){background:var(--w-lime)}
.w-auth-card h1{font-size:35px;letter-spacing:-.05em}.w-auth-card p{font-size:12px}

/* Public storefront: cleaner, calmer product cards */
.w-storefront{background-color:var(--surface);background-image:none}
.w-store-hero{height:310px}.w-store-overlay{background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.58))}
.w-store-profile{padding:30px 22px 24px}.w-store-profile h1{font-size:33px;letter-spacing:-.05em}
.w-store-cats{padding:11px 16px;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(219,224,220,.9);box-shadow:none}
.w-store-cats button{border-radius:8px;font-size:11px;font-weight:760}
.w-store-products{gap:16px;padding:24px 16px 100px}.w-store-product{border-radius:15px;border-color:#dde3de;box-shadow:none}.w-store-product:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(15,23,20,.07)}
.w-store-product>img,.w-store-noimg{height:245px}.w-store-product-body{padding:16px}.w-store-product h3{font-size:15px}.w-store-price strong{font-size:20px}
.w-cart-fab{right:20px;bottom:20px;border-radius:11px;background:#111b17;border-color:#111b17;box-shadow:0 14px 30px rgba(15,23,20,.22)}
.w-drawer-panel{box-shadow:-18px 0 48px rgba(15,23,20,.16)}

/* Landing: intentional, not SaaS-template-ish */
.w-landing{background:#f4f4ef;color:#121a17}
.w-land-nav{height:80px}.w-land-nav .w-logo{color:#121a17}.w-land-nav .w-logo b{color:#121a17}
.w-land-nav .w-logo>span:not(.w-mark){background:#121a17;color:#fff;border-radius:10px}
.w-hero{min-height:680px;gap:70px}.w-hero h1{font-size:66px;line-height:.98;font-weight:880;color:#121a17;letter-spacing:-.06em}.w-hero h1 em{color:#0c8f66;background:none}.w-hero p{font-size:18px;color:#68716c}
.w-phone{background:#101814;border-color:#101814;border-radius:34px;box-shadow:0 34px 80px rgba(15,23,20,.22);transform:none}.w-phone-cover{background:#1a3a30}.w-phone-logo{color:#0d7d5b;border-color:#101814}
.w-land-section h2{letter-spacing:-.05em}.w-feature-grid{gap:14px}.w-feature-grid article{border-radius:16px;border-color:#dfe4df;box-shadow:none}.w-feature-grid article:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,20,.06)}
.w-land-soft{background:#111b17;color:#fff;border:0;border-radius:20px}.w-land-soft p{color:#a9b6af}

/* Responsive */
@media(max-width:1180px){
  .w-shell{grid-template-columns:228px minmax(0,1fr)}
  .w-main{padding:32px 26px 50px}
  .w-merchant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .w-design-global{grid-template-columns:1fr 340px}
  .w-order-layout{grid-template-columns:minmax(0,1fr) 300px}
}
@media(max-width:860px){
  .w-top{height:66px;padding:0 13px}.w-shell{display:block;min-height:calc(100vh - 66px)}
  .w-top-divider,.w-top-context,.w-top-kicker{display:none}
  .w-side{top:66px;height:auto;position:sticky;z-index:60;display:flex;gap:5px;padding:7px 9px;background:#111b17;border-bottom:1px solid #1e2d26;overflow:auto}
  .w-side .w-back,.w-side .w-merchant-mini,.w-side-title{display:none}
  .w-nav{min-height:38px;padding:7px 9px;margin:0;flex:0 0 auto;font-size:10px}.w-nav.active{background:#eaf8f1;color:#17392f}
  .w-main{padding:22px 16px 40px}.w-page-head{align-items:flex-start}.w-page-head h1{font-size:29px}
  .w-directory-hero{min-height:150px;padding:24px;border-radius:16px}.w-directory-hero h1{font-size:36px}
  .w-design-global{grid-template-columns:1fr}.w-preview-sticky{position:static}
  .w-order-layout{grid-template-columns:1fr}.w-order-side{border-top:1px solid #24352d}
  .w-message-layout{grid-template-columns:1fr}.w-detail-grid{grid-template-columns:1fr}
  .w-kpis{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .w-logo b{display:none}.w-logo>.w-mark{width:34px!important;height:34px!important}.w-user>div,.w-role{display:none}
  .w-main{padding:16px 11px 34px}.w-page-head{gap:14px}.w-page-head h1{font-size:27px}
  .w-directory-hero{min-height:auto;align-items:flex-start;flex-direction:column;gap:20px;padding:21px;border-radius:14px}.w-directory-hero h1{font-size:34px}.w-directory-hero .w-btn{width:100%}.w-directory-hero:before,.w-directory-hero:after{opacity:.45}
  .w-directory-tools{align-items:stretch;flex-direction:column}.w-directory-tools .w-input{max-width:none}.w-count{align-self:flex-start}
  .w-merchant-grid{grid-template-columns:1fr}.w-merchant-card{border-radius:14px}.w-merchant-card .w-card-actions{grid-template-columns:1fr 40px}
  .w-business-types{grid-template-columns:1fr 1fr}.w-business-types span{min-height:92px}
  .w-modal{padding:7px;align-items:flex-end}.w-modal-card{border-radius:18px 18px 0 0;padding:20px}
  .w-tabs{width:100%}.w-tabs button{flex:0 0 auto}.w-kpis{grid-template-columns:1fr 1fr}.w-kpi{min-height:92px;padding:14px}.w-kpi strong{font-size:22px}
  .w-qr-card{grid-template-columns:1fr}.w-qr-placeholder{width:132px;height:132px}
  .w-store-product>img,.w-store-noimg{height:225px}
}

/* ========================================================================== 
   WHAPIDE 0.5 — BLUE BRAND SYSTEM
   Bright, confident and operational. Blue is the Whapide brand language.
   ========================================================================== */
:root{
  --w-bg:#f6f8fc;
  --w-panel:#ffffff;
  --w-panel-soft:#f9fbff;
  --w-ink:#0b1220;
  --w-ink-2:#14213a;
  --w-text:#1d2939;
  --w-muted:#667085;
  --w-muted-2:#98a2b3;
  --w-line:#e4eaf2;
  --w-line-strong:#d7dfeb;
  --w-brand:#176bff;
  --w-brand-2:#0d56d9;
  --w-brand-3:#54a4ff;
  --w-brand-soft:#eaf3ff;
  --w-brand-softer:#f4f8ff;
  --w-navy:#0b1f44;
  --w-sky:#d9eaff;
  --w-cyan:#67c8ff;
  --w-danger:#d92d49;
  --w-warn:#d97706;
  --w-success:#12a66a;
  --w-radius:18px;
  --w-shadow-xs:0 1px 2px rgba(16,24,40,.035);
  --w-shadow-sm:0 8px 24px rgba(16,24,40,.055);
  --w-shadow:0 18px 48px rgba(16,24,40,.075);
  --w-shadow-lg:0 32px 90px rgba(10,35,86,.18);
}
.whapide-body{
  background:
    radial-gradient(circle at 92% 5%,rgba(23,107,255,.055),transparent 26%),
    linear-gradient(180deg,#f9fbff 0,#f6f8fc 38%,#f6f8fc 100%);
  color:var(--w-text);
  font-family:Inter,"SF Pro Text","SF Pro Display",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:-.007em;
}
.whapide-body ::selection{background:#cfe1ff;color:#0a3d9f}

/* Brand */
.w-logo{color:var(--w-ink);font-weight:900;letter-spacing:-.045em}
.w-logo b{color:var(--w-ink);font-weight:900}
.w-logo b span{color:var(--w-brand)!important}
.w-logo>.w-mark{
  width:38px!important;height:38px!important;border-radius:12px!important;background:linear-gradient(145deg,#0f63f8,#2d82ff)!important;
  box-shadow:0 9px 20px rgba(23,107,255,.22)!important;display:grid!important;place-content:center!important;gap:3px!important;position:relative;overflow:visible;
}
.w-logo>.w-mark:after{content:"";position:absolute;right:4px;bottom:-3px;width:8px;height:8px;background:#176bff;clip-path:polygon(0 0,100% 0,100% 100%)}
.w-mark i{background:#fff!important;height:3px;border-radius:99px}
.w-mark i:nth-child(1){width:11px!important;opacity:.9}
.w-mark i:nth-child(2){width:18px!important}
.w-mark i:nth-child(3){width:14px!important;opacity:.72}

/* Core controls */
.w-btn{border-color:var(--w-line-strong);border-radius:11px;background:#fff;color:#344054;font-weight:760;box-shadow:0 1px 2px rgba(16,24,40,.025)}
.w-btn:hover{background:#fbfdff;border-color:#c7d3e4;color:#1d2939;box-shadow:0 8px 20px rgba(16,24,40,.07)}
.w-btn-primary{background:linear-gradient(180deg,#2377ff,#176bff);border-color:#176bff;color:#fff;box-shadow:0 8px 18px rgba(23,107,255,.2)}
.w-btn-primary:hover{background:linear-gradient(180deg,#176bff,#0f5ce2);border-color:#0f5ce2;color:#fff;box-shadow:0 11px 24px rgba(23,107,255,.26)}
.w-btn-danger{background:#fff;border-color:#f0d1d7;color:#b4233b}
.w-btn-whatsapp{background:#22b86f;border-color:#22b86f;color:#fff}
.w-icon-btn{border-color:var(--w-line);background:#fff;color:#667085;border-radius:11px}
.w-icon-btn:hover{background:var(--w-brand-soft);border-color:#cfe0fb;color:var(--w-brand-2)}
.w-input,.w-select,.w-textarea{border-color:#dbe3ef;border-radius:11px;background:#fff;color:#1d2939;box-shadow:0 1px 2px rgba(16,24,40,.02)}
.w-input:hover,.w-select:hover,.w-textarea:hover{border-color:#c9d5e6}
.w-input:focus,.w-select:focus,.w-textarea:focus{border-color:#72a8ff;box-shadow:0 0 0 4px rgba(23,107,255,.105)}
.w-check input{accent-color:var(--w-brand)}
.w-alert{background:#eef5ff;border-color:#d5e6ff;color:#275b9e}

/* App chrome — light, blue, crisp */
.w-top{height:72px;padding:0 22px;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(225,232,242,.96);color:var(--w-text);box-shadow:0 1px 0 rgba(16,24,40,.025);backdrop-filter:blur(18px) saturate(1.25)}
.w-top-start{gap:16px}.w-top .w-logo{color:var(--w-ink)}.w-top .w-logo b{color:var(--w-ink)}
.w-top-divider{background:#e1e7f0}.w-top-context small{color:#98a2b3}.w-top-context b{color:#344054}
.w-top-kicker{color:#667085;background:#f8faff;border-color:#e4eaf2}
.w-role{background:#f4f8ff;border-color:#dce8fb;color:#36577f}
.w-role i{background:var(--w-brand);box-shadow:0 0 0 4px rgba(23,107,255,.09)}
.w-user:hover{background:#f7f9fd}.w-user b{color:#344054}.w-user small{color:#98a2b3}
.w-avatar{background:linear-gradient(145deg,#e8f2ff,#d9e9ff);color:#0f5bcf;border-color:#cddfff}
.w-top .w-icon-btn{background:#fff;border-color:#e3e8f0;color:#667085}.w-top .w-icon-btn:hover{background:#edf4ff;color:#0d56d9;border-color:#cfe0fb}
.w-shell{grid-template-columns:252px minmax(0,1fr)}
.w-side{top:72px;height:calc(100vh - 72px);padding:18px 14px 24px;background:rgba(251,253,255,.96);border-right:1px solid #e3e9f2;color:var(--w-text);backdrop-filter:blur(14px)}
.w-side-title{color:#98a2b3}.w-nav{color:#667085;border:1px solid transparent;border-radius:11px}
.w-nav span:first-child{color:#7b8ca6;background:transparent}
.w-nav:hover{background:#f0f5ff;color:#2f5f9b;border-color:#e0ebfb}
.w-nav:hover span:first-child{color:#176bff;background:#e7f0ff}
.w-nav.active{background:linear-gradient(90deg,#eaf3ff,#f3f7ff);color:#0d56d9;border-color:#d9e7fc;box-shadow:none;font-weight:800}
.w-nav.active:before{display:block;left:-14px;top:9px;bottom:9px;width:3px;background:#176bff;border-radius:0 4px 4px 0}
.w-nav.active span:first-child{background:#fff;color:#176bff;box-shadow:0 3px 8px rgba(23,107,255,.08)}
.w-back{color:#7b8799}.w-back:hover{color:#176bff}
.w-merchant-mini{background:#fff;border-color:#dfe7f2;box-shadow:0 5px 16px rgba(16,24,40,.04)}
.w-merchant-mini small{color:#98a2b3}.w-merchant-mini b{color:#25324a}.w-merchant-mini span{color:#8a96a8}
.w-main{padding:36px 38px 56px;background:transparent}
.w-page-head h1{color:#101828;font-size:33px}.w-page-head p{color:#667085}.w-subhead{border-bottom-color:#e4eaf2}

/* Surfaces */
.w-card{background:#fff;border-color:#e2e8f1;border-radius:17px;box-shadow:0 2px 8px rgba(16,24,40,.025)}
.w-card:hover{border-color:#dbe3ee}.w-card h3{color:#24324a}.w-card>p{color:#667085}
.w-pad{padding:24px}.w-modal{background:rgba(8,21,45,.44);backdrop-filter:blur(10px)}
.w-modal-card{border:1px solid rgba(226,232,240,.9);border-radius:22px;box-shadow:var(--w-shadow-lg)}
.w-modal-close{background:#f4f7fb;border-color:#e6ebf2;color:#667085}.w-modal-close:hover{background:#eaf2ff;color:#176bff}

/* Directory */
.w-directory-hero{
  min-height:180px;padding:31px 32px;margin-bottom:22px;border:0;border-radius:24px;color:#fff;align-items:flex-end;box-shadow:0 18px 42px rgba(23,107,255,.16);
  background:
    radial-gradient(circle at 92% 20%,rgba(255,255,255,.20),transparent 18%),
    radial-gradient(circle at 77% 125%,rgba(103,200,255,.27),transparent 34%),
    linear-gradient(128deg,#0f5be4 0%,#176bff 56%,#3190ff 100%);
}
.w-directory-hero:before{right:32px;top:-74px;width:230px;height:230px;border:1px solid rgba(255,255,255,.16);border-radius:50%;transform:none}
.w-directory-hero:after{right:104px;top:24px;width:94px;height:94px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);border-radius:29px;transform:rotate(16deg)}
.w-directory-hero h1{color:#fff;font-size:42px}.w-directory-hero p{color:#dceaff;max-width:540px}.w-eyebrow-mini{color:#cfe4ff}
.w-directory-hero .w-btn-primary{background:#fff;border-color:#fff;color:#0e5ad8;box-shadow:0 8px 20px rgba(6,46,118,.18)}
.w-directory-hero .w-btn-primary:hover{background:#eef5ff;border-color:#eef5ff;color:#0b4dbd}
.w-planbar{background:#edf5ff;border-color:#d4e5ff}.w-progress{background:#d7e6fb}.w-progress i{background:linear-gradient(90deg,#176bff,#58aaff)}
.w-directory-tools .w-input{background-color:#fff}.w-count{background:#eaf0f8;color:#5e6e84}
.w-merchant-grid{gap:17px}
.w-merchant-card{min-height:240px;padding:18px;border-radius:18px;border-color:#e0e6ef;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 4px 14px rgba(16,24,40,.03)}
.w-merchant-card:hover{transform:translateY(-4px);border-color:#cbd9ec;box-shadow:0 18px 38px rgba(23,71,135,.09)}
.w-merchant-card:before,.w-merchant-card[data-type="store"]:before{height:4px;background:linear-gradient(90deg,#176bff,#5eb2ff);opacity:1}
.w-status-label{color:#728097}.w-merchant-card .w-status-dot.ok{background:#14a86f}.w-merchant-card .w-status-dot{background:#b8c1cd}
.w-logo-fallback{background:linear-gradient(145deg,#0e56d6,#3089ff);color:#fff}
.w-merchant-card .w-merchant-logo{border-color:#e6ebf2}.w-merchant-type{background:#edf4ff;color:#2e67b3}
.w-merchant-card h3{color:#17233a}.w-merchant-card p{color:#8995a7}
.w-merchant-card .w-btn-primary{background:#176bff;border-color:#176bff}.w-merchant-card .w-btn-primary:hover{background:#0f5ee8;border-color:#0f5ee8}
.w-merchant-card footer{background:#f8faff;border-top-color:#e9eef5;color:#8490a3}.w-merchant-card footer b{background:#eaf0f8;color:#56657a}.w-url-dot{background:#75a8ef}

/* Create merchant */
.w-business-types span{background:#fbfcff;border-color:#e2e8f1;color:#59677d}
.w-business-types span:hover{background:#f5f8ff;border-color:#cbd9ef}
.w-business-types input:checked+span{background:#edf4ff;border-color:#6aa3ff;color:#0e56d6;box-shadow:inset 0 0 0 1px #6aa3ff,0 6px 14px rgba(23,107,255,.07)}

/* Tabs */
.w-tabs{background:#edf1f7;border-radius:12px;padding:4px}.w-tabs button{color:#667085;border-radius:9px}
.w-tabs button:hover{background:#f8faff;color:#3d5f91}.w-tabs button.active{background:#fff;color:#0d56d9;box-shadow:0 2px 6px rgba(16,24,40,.07)}

/* Tables */
.w-table-card{border-radius:17px}.w-table-tools{background:#fbfcff;border-bottom-color:#e6ebf2}
.w-table thead th{background:#f4f7fb;color:#728097;border-bottom-color:#e1e7ef}.w-table tbody td{border-bottom-color:#edf1f6;color:#5d6b80}
.w-table tbody tr:hover{background:#f8fbff}.w-table td b{color:#27364e}.w-product-thumb{border-color:#e7ecf3}
.w-badge.blue{background:#edf4ff;color:#1760cc;border-color:#d9e8ff}.w-badge.green{background:#eaf8f1;color:#17714f}.w-badge.gray{background:#f1f3f6;color:#667085}.w-badge.orange{background:#fff6e8;color:#a05f0f}
.w-badge.status-received{background:#edf4ff;color:#215fab}.w-badge.status-preparing{background:#fff4df;color:#9a6410}.w-badge.status-ready{background:#e8f8f0;color:#0e7950}.w-badge.status-delivered{background:#eef1f5;color:#5b6573}

/* Editors */
.w-category-bar{background:#fff}.w-chips span{background:#eef4fb;color:#4d627e}.w-product-editor{border-radius:18px}.w-option-group{background:#f7faff;border-color:#e2e9f3}.w-option-group-head{border-bottom-color:#e3eaf3}.w-option-row{border-color:#e3e9f1}

/* Details */
.w-detail-grid{gap:16px}.w-qr-card{background:linear-gradient(145deg,#0b1f44,#123b79);color:#fff;border-radius:18px;box-shadow:0 18px 38px rgba(11,31,68,.15)}
.w-qr-card small{color:#a9c7ee}.w-qr-placeholder{color:#176bff}.w-qr-card .w-input{background:#102b56;border-color:#284b79;color:#edf6ff}.w-qr-card .w-btn{background:#173967;border-color:#2a4f80;color:#d9eaff}.w-qr-card .w-btn:hover{background:#1c467f;color:#fff}
.w-info-card dt,.w-info-card dd{border-bottom-color:#edf1f5}.w-info-card dt{color:#98a2b3}.w-info-card dd{color:#344054}

/* Design */
.w-template-card{border-color:#e0e7f0;border-radius:17px}.w-template-card:hover{border-color:#c9d8ed;box-shadow:0 14px 28px rgba(25,66,122,.07)}
.w-template-card.active,.w-template-card:has(input:checked){border-color:#5c99ff;box-shadow:0 0 0 3px rgba(23,107,255,.09),0 12px 28px rgba(23,107,255,.07);background:linear-gradient(180deg,#fff,#f6f9ff)}
.w-template-phone{border-color:#111a2b;background:#f0f5fb}.w-template-phone>div{background:linear-gradient(135deg,#0f5bd7,#4a9cff)}
.w-font-grid label:has(input:checked),.w-corner-grid label:has(input:checked){border-color:#6aa3ff;background:#f1f6ff}
.w-preview-phone{border-color:#0e1728;box-shadow:0 28px 68px rgba(13,44,90,.19)}

/* KPIs / analytics */
.w-kpi{border-color:#e0e7f0;border-radius:16px;background:linear-gradient(155deg,#fff 0,#fff 68%,#f5f9ff 100%);box-shadow:0 3px 12px rgba(16,24,40,.025);position:relative}
.w-kpi:after{display:block;width:82px;height:82px;right:-34px;top:-36px;background:rgba(23,107,255,.06)}
.w-kpi small{color:#7d899b}.w-kpi strong{color:#18253c}.w-filterbar{background:#edf1f7}.w-chart-card{border-color:#e1e7ef}.w-bars i,.w-bars.visits i{background:linear-gradient(180deg,#6cb5ff,#176bff)}

/* Orders */
.w-order-head{background:#fff;border-bottom-color:#e4eaf2}.w-order-side{background:#f4f8ff;border-left:1px solid #dce7f7;color:#344054}
.w-order-side h3{color:#7690b4}.w-order-side>p{color:#667085}.w-order-side b{color:#17233a}.w-order-side hr{border-color:#dce5f1}
.w-order-side .w-btn{background:#fff;border-color:#d6e1ef;color:#3c5d89}.w-order-side .w-btn:hover{background:#eaf3ff;color:#0d56d9}.w-order-side .w-btn-primary{background:#176bff;border-color:#176bff;color:#fff}
.w-order-item{border-bottom-color:#edf1f6}.w-order-item b{color:#27364e}.w-order-note{background:#fff8e8;border-color:#f3e0b7}.w-order-totals .total{color:#18253c}.w-table-number{background:linear-gradient(145deg,#eaf3ff,#dceaff);color:#0e56d6;border:1px solid #d0e2ff}
.w-status-actions{border-top-color:#dde7f4;background:#f8fbff}

/* Kitchen */
.w-kitchen-ticket{border-color:#dfe6f0}.w-kitchen-top{background:linear-gradient(130deg,#0b1f44,#123d7d);color:#fff}.w-kitchen-top span{color:#87bcff}.w-kitchen-top small{color:#a9bfdc}

/* Payments / checkout / advanced */
.w-setting-row{border-bottom-color:#edf1f6}.w-setting-row b{color:#344054}.w-setting-row small{color:#8490a3}
.w-toggle input:checked+span{background:#176bff}.w-integration-status.connected{background:#eaf8f1;color:#166848}.w-integration-status.pending{background:#fff6e7;color:#8b5b17}
.w-message-parts span{background:#f5f8fd;border-color:#e4eaf2}.sticky-save{background:rgba(246,248,252,.92);border-color:#dfe6ef;box-shadow:0 9px 26px rgba(16,24,40,.08)}
.w-dns-box{background:#f7faff;border-color:#dfe7f2}.w-danger-zone{background:#fffafb}

/* Auth */
.w-auth{background:
  radial-gradient(circle at 78% 16%,rgba(91,166,255,.28),transparent 28%),
  linear-gradient(140deg,#071936 0%,#0d3f8d 48%,#176bff 100%)}
.w-auth-card{border:1px solid rgba(255,255,255,.46);border-radius:22px;box-shadow:0 32px 90px rgba(3,22,54,.28)}
.w-auth-card .w-logo,.w-auth-card .w-logo b{color:#101828}.w-auth-card .w-logo>.w-mark{background:linear-gradient(145deg,#0f63f8,#2d82ff)!important}.w-auth-card h1{color:#101828}

/* Landing — Whapide blue identity */
.w-landing{background:
  radial-gradient(circle at 84% 12%,rgba(84,164,255,.13),transparent 26%),
  linear-gradient(180deg,#fbfdff,#f7faff 58%,#fff);color:#101828}
.w-land-nav{height:82px}.w-land-nav .w-logo{color:#101828}.w-land-nav .w-logo b{color:#101828}.w-land-nav .w-logo>span:not(.w-mark){background:linear-gradient(145deg,#0f63f8,#2d82ff);color:#fff;border-radius:11px;box-shadow:0 7px 18px rgba(23,107,255,.18)}
.w-land-nav nav{color:#475467}.w-land-nav nav>a:hover{color:#176bff}
.w-hero{min-height:690px;gap:72px}.w-eyebrow{color:#176bff}.w-hero h1{font-size:68px;color:#0b1220}.w-hero h1 em{color:#176bff}.w-hero p{color:#667085}
.w-phone{background:#0a1730;border-color:#09162d;border-radius:36px;box-shadow:0 34px 90px rgba(17,64,139,.26)}.w-phone-cover{background:linear-gradient(135deg,#0e53c5,#4aa6ff)}.w-phone-logo{color:#176bff;border-color:#0a1730}.w-chip-row span{border-color:#2f476b}.w-demo-product{color:#17233a}
.w-feature-grid article{border-color:#e1e8f1;border-radius:18px}.w-feature-grid article>b{color:#176bff}.w-feature-grid article:hover{box-shadow:0 16px 34px rgba(21,65,128,.08)}
.w-land-soft{background:linear-gradient(125deg,#0e58dc,#176bff 55%,#3795ff);color:#fff;border-radius:24px;box-shadow:0 18px 46px rgba(23,107,255,.16)}.w-land-soft p{color:#dceaff}

/* Storefront keeps merchant identity; only neutral chrome refinement */
.w-store-cats{border-bottom-color:#e4e8ee}.w-store-product{border-color:#e1e6ec}.w-store-product:hover{box-shadow:0 14px 30px rgba(16,24,40,.07)}

@media(max-width:1180px){.w-shell{grid-template-columns:228px minmax(0,1fr)}.w-main{padding:32px 26px 50px}}
@media(max-width:860px){
  .w-top{height:66px;padding:0 13px}.w-side{top:66px;background:rgba(251,253,255,.98);border-bottom:1px solid #e1e8f1}.w-side .w-back,.w-side .w-merchant-mini,.w-side-title{display:none}.w-nav{color:#667085}.w-nav.active{background:#eaf3ff;color:#0d56d9}.w-main{padding:22px 16px 40px}.w-order-side{border-top:1px solid #dce7f7}
}
@media(max-width:560px){
  .w-directory-hero{border-radius:18px}.w-merchant-card{border-radius:16px}.w-modal-card{border-radius:20px 20px 0 0}.w-page-head h1{font-size:27px}.w-logo>.w-mark{width:34px!important;height:34px!important}
}

/* 0.5.1 — Contrast fix: links styled as primary buttons must keep white text on blue */
.whapide-body a.w-btn.w-btn-primary,
.whapide-body a.w-btn.w-btn-primary:visited,
.whapide-body a.w-btn.w-btn-primary:hover,
.whapide-body a.w-btn.w-btn-primary:focus,
.whapide-body a.w-btn.w-btn-primary:active {
  color:#fff;
}
.whapide-body a.w-btn.w-btn-primary .w-svg {
  color:currentColor;
  stroke:currentColor;
}
/* The directory hero intentionally uses a white CTA, so its label remains Whapide blue. */
.whapide-body .w-directory-hero a.w-btn.w-btn-primary,
.whapide-body .w-directory-hero a.w-btn.w-btn-primary:visited,
.whapide-body .w-directory-hero a.w-btn.w-btn-primary:hover,
.whapide-body .w-directory-hero a.w-btn.w-btn-primary:focus,
.whapide-body .w-directory-hero a.w-btn.w-btn-primary:active {
  color:#0e5ad8;
}

/* ========================================================================== 
   WHAPIDE 0.6 — PRECISION UI
   Compact desktop rhythm, clearer hierarchy, consistent control sizing.
   ========================================================================== */
.whapide-body{font-size:14px;line-height:1.45;letter-spacing:-.004em}
.whapide-body button,.whapide-body input,.whapide-body select,.whapide-body textarea{font-size:13px;line-height:1.35}

/* Typography: fewer oversized labels, calmer hierarchy */
.w-page-head{margin-bottom:20px;gap:16px;align-items:center}
.w-page-head h1{font-size:28px;line-height:1.12;font-weight:780;letter-spacing:-.035em;margin:0 0 4px}
.w-page-head p{font-size:12.5px;line-height:1.5;color:#748197}
.w-subhead{gap:14px;padding-bottom:13px;margin-bottom:18px}
.w-subhead h2{font-size:20px;line-height:1.2;font-weight:680;letter-spacing:-.02em}
.w-subhead>a{font-size:12px;font-weight:650}
.w-card h3{font-size:16px;line-height:1.25;font-weight:720;letter-spacing:-.015em}
.w-card p{font-size:13px}

/* Controls: desktop-native density */
.w-btn{min-height:38px;padding:8px 12px;border-radius:10px;font-size:13px;font-weight:680;gap:6px;letter-spacing:-.006em}
.w-btn-sm{min-height:32px;padding:6px 9px;font-size:11.5px;border-radius:9px}
.w-icon-btn{width:34px;height:34px;border-radius:9px}
.w-input,.w-select,.w-textarea{min-height:40px;padding:9px 11px;border-radius:10px;font-size:13px}
.w-textarea{min-height:82px;line-height:1.5}.w-textarea.tall{min-height:168px}
.w-form-grid{gap:13px 14px}.w-form-grid>label,.w-card label{font-size:11.5px;font-weight:700;color:#475467;letter-spacing:-.002em}
.w-form-grid>label>.w-input,.w-form-grid>label>.w-select,.w-form-grid>label>.w-textarea,.w-card label>.w-input,.w-card label>.w-select,.w-card label>.w-textarea{margin-top:6px}
.w-check{font-size:12px!important;gap:7px}.w-check input{width:15px;height:15px}
.w-form-actions{gap:8px;margin-top:16px}.w-card-actions,.w-head-actions{gap:8px}

/* App shell */
.w-top{height:66px;padding:0 20px}
.w-logo{font-size:19px}.w-logo>.w-mark{width:34px!important;height:34px!important;border-radius:11px!important}
.w-top-context small{font-size:9px;letter-spacing:.12em}.w-top-context b{font-size:12px}
.w-role{font-size:10px;padding:6px 9px}.w-user b{font-size:12px}.w-user small{font-size:9.5px}.w-avatar{width:34px;height:34px;font-size:12px}
.w-shell{grid-template-columns:238px minmax(0,1fr);min-height:calc(100vh - 66px)}
.w-side{top:66px;height:calc(100vh - 66px);padding:15px 12px 20px}
.w-back{font-size:11px;padding:4px 7px 11px}.w-merchant-mini{padding:8px 4px 14px;margin-bottom:10px}
.w-merchant-mini .w-merchant-logo{width:48px!important;height:48px!important;border-radius:13px}.w-merchant-mini b{font-size:12.5px}.w-merchant-mini small,.w-merchant-mini span{font-size:9.5px}
.w-nav{min-height:39px;padding:8px 10px;margin:3px 0;border-radius:10px;font-size:12.5px;font-weight:620;gap:9px}
.w-nav span:first-child{width:20px;height:20px}.w-nav .w-svg{width:15px;height:15px}
.w-nav.active:before{left:-12px;top:8px;bottom:8px}
.w-main{padding:28px 32px 44px;max-width:1500px}

/* Surfaces */
.w-card{border-radius:15px;box-shadow:0 2px 7px rgba(16,24,40,.022)}
.w-pad{padding:20px}
.w-modal-card{padding:22px;border-radius:19px}.w-modal-card>h2{font-size:20px}.w-modal-card>p{font-size:12.5px}
.w-modal-close{width:32px;height:32px;font-size:20px}

/* Product area */
.w-category-bar{margin-bottom:14px}.w-category-bar .w-inline-form b{font-size:12.5px}.w-inline-form .w-input{max-width:250px}
.w-chips{margin-top:10px}.w-chips span{padding:5px 9px;font-size:10.5px}
.w-table-tools{padding:12px 14px}.w-table-tools .w-input{max-width:360px}
.w-table{font-size:12.5px}.w-table thead th{padding:11px 13px;font-size:10px;letter-spacing:.035em}.w-table tbody td{padding:11px 13px}
.w-product-thumb{width:42px;height:42px;border-radius:10px}
.w-product-editor{max-width:1080px;padding:22px;border-radius:16px}
.w-product-images{margin:0 0 20px;padding:12px 14px;border:1px dashed #d4dfed;border-radius:13px;background:#f9fbff;min-height:62px}
.w-product-images .w-btn{background:#fff}.w-image-preview img{width:86px;height:86px;border-radius:12px}
.w-product-editor hr{margin:20px 0}.w-group-head h3{font-size:15px}.w-group-head p{font-size:12px}
.w-option-group{padding:14px;border-radius:14px}.w-option-group-head{margin-bottom:12px}.w-option-row{padding:8px;border-radius:11px}

/* Details: compact executive summary */
.w-detail-grid{grid-template-columns:1.08fr .92fr;gap:14px;margin-bottom:14px}
.w-qr-card{grid-template-columns:132px minmax(0,1fr);gap:18px;padding:18px;border-radius:16px;min-height:178px}
.w-qr-placeholder{width:132px;height:132px;border-width:10px;border-radius:16px}.w-qr-placeholder .w-svg{width:45px;height:45px}
.w-qr-card small{font-size:9px;letter-spacing:.11em}.w-copy-row{margin:5px 0 10px;gap:7px}.w-copy-row .w-input{min-height:38px;font-size:12.5px;padding:8px 10px}
.w-qr-card .w-card-actions{gap:7px}
.w-info-card{padding:18px;border-radius:16px}.w-info-card h3{font-size:15px;margin:0 0 8px}
.w-info-card dl{grid-template-columns:105px 1fr}.w-info-card dt,.w-info-card dd{padding:8px 0;font-size:11.5px}.w-info-card dt{font-size:9.5px;letter-spacing:.035em;text-transform:uppercase}.w-info-card dd{font-weight:680}
.w-detail-grid + .w-card.w-pad{padding:20px}.w-detail-grid + .w-card.w-pad>h3{margin:0 0 16px;font-size:17px}.w-detail-grid + .w-card.w-pad .w-textarea{min-height:76px}

/* Directory */
.w-directory-hero{min-height:160px;padding:25px 27px;border-radius:20px}.w-directory-hero h1{font-size:36px}.w-directory-hero p{font-size:13px;line-height:1.55}.w-eyebrow-mini{font-size:9.5px}
.w-planbar{padding:13px 15px;border-radius:14px}.w-planbar b{font-size:12.5px}.w-planbar small{font-size:10.5px}.w-progress{width:200px}
.w-directory-tools{margin:8px 0 16px}.w-directory-tools .w-input{max-width:380px}.w-count{font-size:11px;padding:5px 8px}
.w-merchant-card{min-height:215px;padding:16px;border-radius:16px}.w-merchant-card h3{font-size:16px}.w-merchant-card p{font-size:11px}.w-merchant-type{font-size:9px}.w-status-label{font-size:9.5px}.w-merchant-card footer{font-size:10px}

/* Tabs, badges, stats */
.w-tabs{padding:3px;border-radius:10px;margin-bottom:18px}.w-tabs button{padding:8px 11px;font-size:11.5px;border-radius:8px}
.w-badge{padding:5px 8px;font-size:10px}.w-filter-pills button{font-size:11px;padding:6px 9px}
.w-kpis{gap:10px;margin-bottom:14px}.w-kpi{min-height:98px;padding:14px;border-radius:14px}.w-kpi small{font-size:10.5px}.w-kpi strong{font-size:21px;margin-top:5px}.w-kpi strong.small{font-size:12px}
.w-chart-card{padding:17px}.w-chart-card h3{font-size:14px}

/* Orders and clients */
.w-order-head{padding:17px 18px}.w-order-head h2{font-size:19px}.w-order-head p{font-size:11.5px}.w-order-products,.w-order-side{padding:18px}.w-order-item{padding:11px 0}.w-order-item b{font-size:12.5px}.w-order-item small{font-size:10.5px}.w-order-side h3{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.w-order-side>p{font-size:12px}.w-order-totals .total{font-size:17px}.w-status-actions{padding:12px 18px}
.w-client-head{padding-bottom:16px}.w-client-head h2{font-size:18px}.w-client-head p{font-size:11.5px}.w-client-layout{gap:16px;margin-top:16px}

/* Settings */
.w-setting-row{padding:11px 0}.w-setting-row b{font-size:12.5px}.w-setting-row small{font-size:10.5px;line-height:1.45}.w-toggle span{width:42px;height:24px}.w-toggle span:after{width:18px;height:18px}.w-toggle input:checked+span:after{left:21px}
.w-dns-box{padding:14px}.w-message-parts span{font-size:11px}

/* Keep mobile comfortable instead of simply shrinking desktop */
@media(max-width:1180px){.w-shell{grid-template-columns:220px minmax(0,1fr)}.w-main{padding:26px 24px 42px}}
@media(max-width:860px){
  .whapide-body{font-size:14px}.w-top{height:64px}.w-main{padding:20px 15px 36px}.w-page-head h1{font-size:25px}.w-shell{min-height:calc(100vh - 64px)}
  .w-side{top:64px;height:auto}.w-nav{font-size:12px}.w-product-editor{padding:18px}.w-detail-grid{grid-template-columns:1fr}.w-qr-card{grid-template-columns:120px minmax(0,1fr)}
}
@media(max-width:560px){
  .w-main{padding:17px 11px 32px}.w-page-head{align-items:flex-start}.w-page-head h1{font-size:24px}.w-page-head p{font-size:12px}.w-head-actions{gap:7px}
  .w-btn{min-height:38px}.w-form-grid{gap:12px}.w-product-editor{padding:15px}.w-qr-card{grid-template-columns:1fr}.w-qr-placeholder{width:116px;height:116px;margin:auto}.w-info-card dl{grid-template-columns:92px 1fr}
}

/* Functional QR */
.w-qr-placeholder{overflow:hidden}.w-qr-placeholder svg{display:block;width:100%;height:100%}.w-qr-loading,.w-qr-error{font-size:11px;font-weight:700;color:#7890b4;text-align:center;padding:10px}.w-qr-placeholder.is-ready{padding:8px;background:#fff}

/* ========================================================================== 
   WHAPIDE 0.7 — RESTAURANTE 01
   Public catalog template only. Products/categories/data stay shared and the
   template key only changes presentation.
   ========================================================================== */
.w-design-note{display:flex;align-items:center;gap:9px;margin:0 0 16px;padding:11px 13px;border:1px solid #dbe8fb;background:#f5f9ff;border-radius:12px;color:#4d607c;font-size:11.5px}
.w-design-note b{color:#123568}.w-design-note span{color:#6e7f96}.w-template-active{position:absolute;right:12px;top:12px;background:#176bff;color:#fff;border-radius:999px;padding:4px 7px;font-style:normal;font-size:9px;font-weight:800;letter-spacing:.02em}
.w-template-card{position:relative}
.w-template-card .t-food_1{padding:9px 6px 7px;background:#f6f9ff;border-color:#0d2654;display:block;overflow:hidden}
.w-template-card .t-food_1:before{content:"";display:block;width:88%;height:7px;margin:0 auto 6px;border-radius:5px;background:linear-gradient(90deg,#176bff 0 28%,#dfe9f8 28% 100%)}
.w-template-card .t-food_1>div{height:26px;margin:0 4px 6px;border-radius:5px;background:linear-gradient(90deg,#e9f1ff 0 47%,#dbe8fb 47% 51%,#eef4fc 51%)}
.w-template-card .t-food_1>span{display:inline-block;width:42%;height:30px;margin:0 2px;border-radius:6px;background:#fff;border:1px solid #e2e9f4}

/* Public app frame */
.template-food_1.w-storefront{--r1-brand:var(--brand);--r1-navy:var(--secondary);--r1-ink:#15233b;--r1-muted:#738199;--r1-line:#e3eaf4;--r1-soft:#f4f7fc;--r1-card:#fff;min-height:100vh;background:linear-gradient(180deg,var(--surface) 0,color-mix(in srgb,var(--surface) 82%,#eef4fc) 100%);background-image:none;color:var(--r1-ink);padding-bottom:78px}
.template-food_1 .w-r1-shell{width:min(1120px,100%);margin:0 auto;padding:22px 20px 34px}
.template-food_1 .w-r1-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.template-food_1 .w-r1-identity{display:flex;align-items:center;gap:12px;min-width:0}
.template-food_1 .w-r1-identity .w-merchant-logo{flex:0 0 auto;border-radius:15px!important;border:1px solid #d9e5f6;box-shadow:0 5px 15px rgba(24,74,148,.08);object-fit:cover}
.template-food_1 .w-r1-identity .w-logo-fallback{background:linear-gradient(145deg,var(--r1-brand),#0f4fc5);color:#fff}
.template-food_1 .w-r1-identity h1{margin:0;font-size:22px;line-height:1.12;font-weight:820;letter-spacing:-.035em;color:var(--r1-navy)}
.template-food_1 .w-r1-identity p{margin:4px 0 0;max-width:560px;color:var(--r1-muted);font-size:12px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.template-food_1 .w-r1-cart-top{position:relative;display:grid;place-items:center;flex:0 0 auto;width:43px;height:43px;border:1px solid #dce6f3;background:#fff;color:var(--r1-navy);border-radius:13px;box-shadow:0 4px 12px rgba(18,53,104,.05);cursor:pointer;transition:.18s ease}
.template-food_1 .w-r1-cart-top:hover{border-color:color-mix(in srgb,var(--r1-brand) 35%,#dce6f3);color:var(--r1-brand);transform:translateY(-1px)}
.template-food_1 .w-r1-cart-top [data-cart-count]{position:absolute;right:-4px;top:-5px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;background:var(--r1-brand);color:#fff;border:2px solid #f7faff;border-radius:999px;font-size:9px;font-weight:850}

/* Search */
.template-food_1 .w-r1-search-wrap{position:relative;margin:0 0 15px}
.template-food_1 .w-r1-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-51%);font-size:24px;line-height:1;color:#6d7f98;pointer-events:none}
.template-food_1 .w-r1-search{display:block;width:100%;height:48px;border:1px solid #dce5f1;border-radius:14px;background:#fff;padding:0 16px 0 43px;color:var(--r1-ink);font:inherit;font-size:13px;outline:0;box-shadow:0 3px 10px rgba(28,64,112,.025);transition:.16s ease}
.template-food_1 .w-r1-search::placeholder{color:#96a1b3}.template-food_1 .w-r1-search:focus{border-color:color-mix(in srgb,var(--r1-brand) 54%,#dce5f1);box-shadow:0 0 0 3px color-mix(in srgb,var(--r1-brand) 10%,transparent)}

/* Categories as simple, touch-friendly tiles */
.template-food_1 .w-r1-cats{position:static;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;overflow:visible;padding:0;margin:0 0 26px;background:transparent;border:0;box-shadow:none;backdrop-filter:none}
.template-food_1 .w-r1-cats button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:76px;padding:9px 6px;border:1px solid #e0e8f3;border-radius:14px;background:#fff;color:#43536b;box-shadow:0 3px 9px rgba(22,55,101,.025);white-space:normal;font-size:10.5px;font-weight:720;line-height:1.12;transition:.16s ease}
.template-food_1 .w-r1-cats button:hover{border-color:#cddcf0;background:#fbfdff;transform:translateY(-1px)}
.template-food_1 .w-r1-cats button.active{background:linear-gradient(145deg,var(--r1-brand),color-mix(in srgb,var(--r1-brand) 76%,#0b49b4));border-color:var(--r1-brand);color:var(--text);box-shadow:0 9px 20px color-mix(in srgb,var(--r1-brand) 18%,transparent)}
.template-food_1 .w-r1-cat-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#f0f5fc;color:#335983}
.template-food_1 .w-r1-cats button.active .w-r1-cat-icon{background:rgba(255,255,255,.15);color:#fff}
.template-food_1 .w-r1-cats .w-svg{width:18px;height:18px}

/* Section heading */
.template-food_1 .w-r1-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 13px}
.template-food_1 .w-r1-section-head>div>span{display:none}
.template-food_1 .w-r1-section-head h2{margin:0;color:var(--r1-navy);font-size:20px;line-height:1.1;font-weight:820;letter-spacing:-.03em}
.template-food_1 .w-r1-section-head small{color:#8591a4;font-size:10.5px;font-weight:650}

/* Product grid */
.template-food_1 .w-r1-products{max-width:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.template-food_1 .w-r1-product{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #e2e9f3;border-radius:16px;background:#fff;box-shadow:0 4px 12px rgba(19,53,99,.035);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.template-food_1 .w-r1-product:hover{transform:translateY(-3px);border-color:#d2deed;box-shadow:0 14px 30px rgba(19,53,99,.08)}
.template-food_1 .w-r1-product-open{display:block;width:100%;padding:0;border:0;background:#eef3f8;cursor:pointer;overflow:hidden;aspect-ratio:1.18/1}
.template-food_1 .w-r1-product-open img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s ease}
.template-food_1 .w-r1-product:hover .w-r1-product-open img{transform:scale(1.025)}
.template-food_1 .w-r1-product-open .w-store-noimg{width:100%;height:100%;min-height:150px;background:#edf3fb;color:#9badc4;font-size:32px}
.template-food_1 .w-r1-product .w-store-product-body{display:flex;flex:1;flex-direction:column;padding:12px 12px 11px}
.template-food_1 .w-r1-product-copy{min-height:62px}
.template-food_1 .w-r1-product h3{margin:0 0 4px;color:var(--r1-navy);font-size:14px;line-height:1.18;font-weight:790;letter-spacing:-.018em}
.template-food_1 .w-r1-product p{margin:0;min-height:0;color:#778399;font-size:10.8px;line-height:1.38}
.template-food_1 .w-r1-product-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px}
.template-food_1 .w-r1-product .w-store-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px;margin:0}
.template-food_1 .w-r1-product .w-store-price strong{color:var(--r1-navy);font-size:16px;line-height:1;font-weight:850;letter-spacing:-.025em}
.template-food_1 .w-r1-product .w-store-price del{color:#a2abba;font-size:10px}
.template-food_1 .w-r1-add{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:0;border-radius:11px;background:var(--r1-brand);color:var(--text);font-size:23px;font-weight:400;line-height:1;box-shadow:0 7px 16px color-mix(in srgb,var(--r1-brand) 20%,transparent);cursor:pointer;transition:.15s ease}
.template-food_1 .w-r1-add:hover{transform:translateY(-1px) scale(1.02);filter:brightness(.97)}
.template-food_1 .w-empty{grid-column:1/-1;background:#fff;border:1px dashed #dbe4ef;border-radius:16px;color:#67768c}

/* Bottom nav intentionally has no account or order-history tab */
.template-food_1 .w-r1-bottom{position:fixed;left:50%;bottom:0;z-index:55;transform:translateX(-50%);display:none;width:min(560px,100%);height:68px;padding:7px 13px calc(7px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid #e0e7f1;box-shadow:0 -8px 26px rgba(18,44,83,.07);backdrop-filter:blur(18px)}
.template-food_1 .w-r1-bottom a,.template-food_1 .w-r1-bottom button{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;color:#68768a;text-decoration:none;font:inherit;cursor:pointer}
.template-food_1 .w-r1-bottom span{position:relative;display:grid;place-items:center;height:23px}.template-food_1 .w-r1-bottom b{font-size:9.5px;font-weight:720}.template-food_1 .w-r1-bottom .active{color:var(--r1-brand)}
.template-food_1 .w-r1-bottom i{position:absolute;right:-11px;top:-6px;display:grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--r1-brand);color:#fff;border:2px solid #fff;font-style:normal;font-size:8px;font-weight:850}

/* Product detail: clear, account-free ordering flow */
.template-food_1 #productDrawer .w-drawer-panel{width:min(560px,100vw);padding:0;background:#fff;box-shadow:-24px 0 60px rgba(12,39,79,.16)}
.template-food_1 #productDrawer .w-drawer-close{z-index:4;right:14px;top:14px;background:rgba(255,255,255,.92);color:#253652;box-shadow:0 4px 14px rgba(12,32,65,.1)}
.template-food_1 .w-r1-detail{min-height:100%;padding-bottom:18px}
.template-food_1 .w-r1-detail-image{width:100%;height:330px;background:#eef3f8;overflow:hidden}
.template-food_1 .w-r1-detail-image img{display:block;width:100%;height:100%;object-fit:cover}
.template-food_1 .w-r1-detail-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:19px 22px 0}
.template-food_1 .w-r1-detail-head span{display:none}.template-food_1 .w-r1-detail-head h2{margin:0;color:var(--r1-navy);font-size:24px;line-height:1.1;font-weight:840;letter-spacing:-.035em}
.template-food_1 .w-r1-detail-head strong{color:var(--r1-navy);font-size:19px;font-weight:850;white-space:nowrap}
.template-food_1 .w-r1-detail-desc{margin:8px 22px 0;color:#707f93;font-size:12.5px;line-height:1.52}
.template-food_1 .w-r1-detail .w-product-options{margin:16px 22px 0}
.template-food_1 .w-r1-detail .w-product-options fieldset{margin:0;padding:15px 0;border-top:1px solid #e8edf4}
.template-food_1 .w-r1-detail .w-product-options legend{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 0 8px;color:var(--r1-navy);font-size:13px;font-weight:790}
.template-food_1 .w-r1-detail .w-product-options legend small{color:#8a96a7;font-size:9.5px;font-weight:600}
.template-food_1 .w-r1-detail .w-product-options fieldset label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0;padding:10px 11px;border:1px solid #e1e8f2;border-radius:11px;background:#fff;color:#34455f;font-size:11.5px;cursor:pointer;transition:.14s ease}
.template-food_1 .w-r1-detail .w-product-options fieldset label:hover{border-color:#cddcf0;background:#fbfdff}
.template-food_1 .w-r1-detail .w-product-options fieldset label:has(input:checked){border-color:color-mix(in srgb,var(--r1-brand) 48%,#dbe5f2);background:color-mix(in srgb,var(--r1-brand) 5%,#fff)}
.template-food_1 .w-r1-detail .w-product-options input[type=radio],.template-food_1 .w-r1-detail .w-product-options input[type=checkbox]{accent-color:var(--r1-brand)}
.template-food_1 .w-r1-detail .w-product-options fieldset b{font-size:10.5px;color:#43536c}
.template-food_1 .w-r1-detail-actions{display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px;align-items:end;padding-top:4px}
.template-food_1 .w-r1-qty{display:block!important;padding:0!important;border:0!important;background:transparent!important;margin:0!important;color:#59677c!important;font-size:9.5px!important;font-weight:700}
.template-food_1 .w-r1-qty span{display:block;margin:0 0 5px}.template-food_1 .w-r1-qty .w-input{margin:0;min-height:44px;text-align:center;border-radius:12px}
.template-food_1 .w-r1-detail-actions .w-btn{min-height:44px;border-radius:12px;background:var(--r1-brand);border-color:var(--r1-brand);box-shadow:0 8px 20px color-mix(in srgb,var(--r1-brand) 17%,transparent)}

/* Cart/checkout stay generic data-wise, but visually match Restaurant 01 */
.template-food_1 #cartDrawer .w-drawer-panel{width:min(440px,100vw);background:#fff}.template-food_1 #cartDrawer h2{color:var(--r1-navy);font-size:21px;letter-spacing:-.025em}
.template-food_1 .w-cart-line{border-bottom-color:#e7edf5}.template-food_1 .w-cart-line>b,.template-food_1 .w-cart-line strong{color:var(--r1-navy)}
.template-food_1 #checkoutModal .w-modal-card{border:1px solid #e0e7f1;box-shadow:0 24px 70px rgba(12,42,88,.16)}
.template-food_1 #checkoutModal h2{color:var(--r1-navy)}
.template-food_1 .w-btn-primary{background:var(--r1-brand);border-color:var(--r1-brand);color:var(--text)}

/* Corner global setting still influences the template without changing data */
.template-food_1.corners-square .w-r1-product,.template-food_1.corners-square .w-r1-search,.template-food_1.corners-square .w-r1-cats button,.template-food_1.corners-square .w-r1-add{border-radius:2px}
.template-food_1.corners-soft .w-r1-product{border-radius:11px}.template-food_1.corners-soft .w-r1-search,.template-food_1.corners-soft .w-r1-cats button{border-radius:9px}.template-food_1.corners-soft .w-r1-add{border-radius:9px}

@media(max-width:900px){
  .template-food_1 .w-r1-shell{max-width:760px;padding:20px 18px 92px}.template-food_1 .w-r1-products{grid-template-columns:repeat(3,minmax(0,1fr))}.template-food_1 .w-r1-cats{grid-template-columns:repeat(5,minmax(92px,1fr));overflow-x:auto;padding:1px 1px 5px;scrollbar-width:none}.template-food_1 .w-r1-cats::-webkit-scrollbar{display:none}.template-food_1 .w-r1-bottom{display:flex}
}
@media(max-width:640px){
  .template-food_1.w-storefront{padding-bottom:72px}.template-food_1 .w-r1-shell{padding:14px 13px 84px}.template-food_1 .w-r1-header{margin-bottom:13px}.template-food_1 .w-r1-identity{gap:10px}.template-food_1 .w-r1-identity .w-merchant-logo{width:46px!important;height:46px!important;border-radius:13px!important}.template-food_1 .w-r1-identity h1{font-size:18px}.template-food_1 .w-r1-identity p{font-size:10.5px;max-width:240px}.template-food_1 .w-r1-cart-top{width:40px;height:40px;border-radius:12px}.template-food_1 .w-r1-search{height:44px;border-radius:12px;font-size:12px}.template-food_1 .w-r1-cats{grid-template-columns:repeat(5,88px);gap:8px;margin-bottom:21px}.template-food_1 .w-r1-cats button{min-height:67px;border-radius:12px;font-size:9.5px}.template-food_1 .w-r1-cat-icon{width:27px;height:27px;border-radius:8px}.template-food_1 .w-r1-section-head{margin-bottom:11px}.template-food_1 .w-r1-section-head h2{font-size:18px}.template-food_1 .w-r1-section-head small{font-size:9.5px}.template-food_1 .w-r1-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.template-food_1 .w-r1-product{border-radius:14px}.template-food_1 .w-r1-product .w-store-product-body{padding:9px 9px 10px}.template-food_1 .w-r1-product-copy{min-height:58px}.template-food_1 .w-r1-product h3{font-size:12.5px}.template-food_1 .w-r1-product p{font-size:9.5px;line-height:1.32}.template-food_1 .w-r1-product .w-store-price strong{font-size:14px}.template-food_1 .w-r1-add{width:31px;height:31px;flex-basis:31px;border-radius:10px;font-size:20px}.template-food_1 #productDrawer .w-drawer-panel{width:100vw}.template-food_1 .w-r1-detail-image{height:min(46vh,330px)}.template-food_1 .w-r1-detail-head{padding:16px 17px 0}.template-food_1 .w-r1-detail-head h2{font-size:21px}.template-food_1 .w-r1-detail-head strong{font-size:17px}.template-food_1 .w-r1-detail-desc{margin:7px 17px 0;font-size:11.5px}.template-food_1 .w-r1-detail .w-product-options{margin:13px 17px 0}.template-food_1 .w-r1-detail-actions{grid-template-columns:102px minmax(0,1fr)}
}
@media(max-width:370px){.template-food_1 .w-r1-products{grid-template-columns:1fr}.template-food_1 .w-r1-product{display:grid;grid-template-columns:118px 1fr}.template-food_1 .w-r1-product-open{height:100%;aspect-ratio:auto}.template-food_1 .w-r1-product-copy{min-height:0}.template-food_1 .w-r1-identity p{max-width:180px}}

/* ========================================================================== 
   0.7.1 · Restaurant 01 — reference-aligned app-like catalog
   Simple catalog for non-ecommerce users. No banners, no accounts.
   ========================================================================== */
.template-food_1.w-storefront{
  --r1-ink:#0f2145;
  --r1-muted:#72809a;
  --r1-line:#dfe7f2;
  --r1-soft:#f5f8fc;
  --r1-card:#fff;
  min-height:100vh;
  color:var(--r1-ink);
  padding-bottom:76px;
  background-color:var(--surface);
  background-image:var(--bg-image),radial-gradient(circle at 50% -10%,color-mix(in srgb,var(--brand) 8%,transparent),transparent 38%);
  background-size:cover,auto;
  background-position:center,center;
}
.template-food_1 .w-r1-shell{
  width:min(720px,100%);
  margin:0 auto;
  padding:18px 18px 34px;
}
.template-food_1 .w-r1-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:0 0 14px;
}
.template-food_1 .w-r1-identity{display:flex;align-items:center;gap:11px;min-width:0}
.template-food_1 .w-r1-identity .w-merchant-logo{
  width:50px!important;height:50px!important;flex:0 0 50px;
  border-radius:15px!important;border:1px solid #dbe5f2;
  box-shadow:0 5px 16px rgba(20,61,119,.08);object-fit:cover
}
.template-food_1 .w-r1-identity-copy{min-width:0}
.template-food_1 .w-r1-identity h1{
  margin:0;color:var(--secondary);font-size:21px;line-height:1.08;
  font-weight:820;letter-spacing:-.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.template-food_1 .w-r1-identity p{
  margin:4px 0 0;color:var(--r1-muted);font-size:11px;line-height:1.25;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px
}
.template-food_1 .w-r1-cart-top{
  position:relative;display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;
  border:1px solid var(--r1-line);border-radius:13px;background:#fff;color:var(--secondary);
  box-shadow:0 4px 14px rgba(15,47,91,.05);cursor:pointer
}
.template-food_1 .w-r1-cart-top [data-cart-count]{
  position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;
  border-radius:999px;background:var(--brand);color:#fff;border:2px solid #fff;font-size:8px;font-weight:850
}

/* Search: close to the provided reference, compact and obvious. */
.template-food_1 .w-r1-search-wrap{position:relative;margin:0 0 14px}
.template-food_1 .w-r1-search-svg{
  position:absolute;left:14px;top:50%;transform:translateY(-50%);display:grid;place-items:center;
  color:#71809a;pointer-events:none
}
.template-food_1 .w-r1-search{
  display:block;width:100%;height:46px;padding:0 15px 0 42px;
  border:1px solid #dfe7f2;border-radius:13px;background:#fff;color:var(--r1-ink);
  box-shadow:0 3px 11px rgba(21,58,106,.025);font:inherit;font-size:12px;outline:0
}
.template-food_1 .w-r1-search::placeholder{color:#96a2b4}
.template-food_1 .w-r1-search:focus{border-color:color-mix(in srgb,var(--brand) 55%,#dfe7f2);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 9%,transparent)}

/* Categories: visual tiles, horizontally scrollable like the reference. */
.template-food_1 .w-r1-cats{
  position:static!important;display:flex!important;gap:8px;overflow-x:auto!important;overflow-y:hidden;
  padding:1px 1px 5px!important;margin:0 0 20px!important;background:transparent!important;border:0!important;
  backdrop-filter:none!important;scrollbar-width:none;scroll-snap-type:x proximity
}
.template-food_1 .w-r1-cats::-webkit-scrollbar{display:none}
.template-food_1 .w-r1-cats button{
  flex:0 0 84px;min-width:84px;min-height:70px;padding:8px 5px!important;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  border:1px solid #e1e8f2!important;border-radius:13px!important;background:#fff!important;color:#344766!important;
  box-shadow:0 3px 10px rgba(20,55,101,.025);font-size:9.5px!important;font-weight:730;line-height:1.1;
  white-space:normal!important;scroll-snap-align:start
}
.template-food_1 .w-r1-cat-icon{
  width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#f1f5fb;color:#345b8c
}
.template-food_1 .w-r1-cats button.active{
  background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important;
  box-shadow:0 8px 18px color-mix(in srgb,var(--brand) 18%,transparent)
}
.template-food_1 .w-r1-cats button.active .w-r1-cat-icon{background:rgba(255,255,255,.15);color:#fff}

/* Menu heading */
.template-food_1 .w-r1-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 11px}
.template-food_1 .w-r1-section-head h2{margin:0;color:var(--secondary);font-size:19px;line-height:1.05;font-weight:830;letter-spacing:-.03em}
.template-food_1 .w-r1-section-head p{margin:4px 0 0;color:#8490a2;font-size:10.5px;line-height:1.3}
.template-food_1 .w-r1-section-head small{color:var(--brand);font-size:9.5px;font-weight:750}

/* Product grid: two columns, image-led, little ecommerce jargon. */
.template-food_1 .w-r1-products{
  max-width:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px
}
.template-food_1 .w-r1-product{
  display:flex;flex-direction:column;overflow:hidden;min-width:0;
  border:1px solid #e2e9f2;border-radius:15px;background:#fff;
  box-shadow:0 4px 14px rgba(18,52,96,.045);transition:.18s ease
}
.template-food_1 .w-r1-product:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(18,52,96,.075)}
.template-food_1 .w-r1-product-open{
  display:block;width:100%;aspect-ratio:1.08/1;padding:0;border:0;background:#f3f5f8;overflow:hidden;cursor:pointer
}
.template-food_1 .w-r1-product-open img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .24s ease}
.template-food_1 .w-r1-product:hover .w-r1-product-open img{transform:scale(1.018)}
.template-food_1 .w-r1-product-open .w-store-noimg{width:100%;height:100%;min-height:0;display:grid;place-items:center;background:#f1f5fa;color:#9aabc0}
.template-food_1 .w-r1-product .w-store-product-body{padding:9px 10px 10px;display:flex;flex:1;flex-direction:column}
.template-food_1 .w-r1-product h3{margin:0;color:var(--secondary);font-size:12.5px;line-height:1.15;font-weight:790;letter-spacing:-.018em}
.template-food_1 .w-r1-product-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:7px}
.template-food_1 .w-r1-product .w-store-price{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:2px;margin:0}
.template-food_1 .w-r1-product .w-store-price strong{color:var(--secondary);font-size:14.5px;line-height:1;font-weight:850;letter-spacing:-.025em}
.template-food_1 .w-r1-product .w-store-price del{color:#a5afbd;font-size:9px;line-height:1}
.template-food_1 .w-r1-add{
  width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;padding:0;border:0;border-radius:9px;
  background:var(--brand);color:#fff;box-shadow:0 6px 14px color-mix(in srgb,var(--brand) 18%,transparent);cursor:pointer
}

/* App-like bottom bar; deliberately no account/history tabs. */
.template-food_1 .w-r1-bottom{
  position:fixed;left:50%;bottom:0;z-index:55;transform:translateX(-50%);display:none;
  width:min(720px,100%);height:66px;padding:7px 16px calc(7px + env(safe-area-inset-bottom));
  border-top:1px solid #e0e7f1;background:rgba(255,255,255,.96);box-shadow:0 -6px 24px rgba(18,45,84,.065);backdrop-filter:blur(18px)
}
.template-food_1 .w-r1-bottom a,.template-food_1 .w-r1-bottom button{
  position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  border:0;background:transparent;color:#6a778a;text-decoration:none;font:inherit;cursor:pointer
}
.template-food_1 .w-r1-bottom b{font-size:9px;font-weight:720}.template-food_1 .w-r1-bottom .active{color:var(--brand)}
.template-food_1 .w-r1-bottom span{position:relative;display:grid;place-items:center;height:22px}
.template-food_1 .w-r1-bottom i{position:absolute;right:-11px;top:-6px;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:var(--brand);color:#fff;border:2px solid #fff;font-style:normal;font-size:8px;font-weight:850}

/* Product detail: large image, clean sheet, simple option cards. */
.template-food_1 #productDrawer{justify-content:center;align-items:flex-start;padding:0;background:rgba(12,28,51,.42)}
.template-food_1 #productDrawer .w-drawer-panel{
  width:min(560px,100vw);height:100%;padding:0;background:#fff;box-shadow:0 24px 70px rgba(10,31,65,.22)
}
.template-food_1 #productDrawer .w-drawer-close{
  z-index:6;left:14px;right:auto;top:14px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.94);color:#263852;box-shadow:0 4px 14px rgba(12,32,65,.11)
}
.template-food_1 .w-r1-detail{min-height:100%;background:#fff;padding:0 0 18px}
.template-food_1 .w-r1-detail-image{height:min(43vh,360px);background:linear-gradient(180deg,#f6f8fb,#edf2f7);overflow:hidden}
.template-food_1 .w-r1-detail-image img{display:block;width:100%;height:100%;object-fit:contain;padding:18px 24px 5px}
.template-food_1 .w-r1-detail-noimg{height:100%;display:grid;place-items:center;color:#9da9b8;font-size:12px}
.template-food_1 .w-r1-detail-sheet{position:relative;margin-top:-12px;padding:19px 20px 0;border-radius:21px 21px 0 0;background:#fff}
.template-food_1 .w-r1-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:0}
.template-food_1 .w-r1-detail-head h2{margin:0;color:var(--secondary);font-size:23px;line-height:1.08;font-weight:840;letter-spacing:-.035em}
.template-food_1 .w-r1-detail-head strong{color:var(--secondary);font-size:18px;font-weight:850;white-space:nowrap}
.template-food_1 .w-r1-detail-desc{margin:7px 0 0;color:#707f93;font-size:11.5px;line-height:1.5}
.template-food_1 .w-r1-detail .w-product-options{margin:15px 0 0}
.template-food_1 .w-r1-detail .w-product-options fieldset{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0;padding:14px 0;border:0;border-top:1px solid #e8edf4
}
.template-food_1 .w-r1-detail .w-product-options legend{
  grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 0 2px;
  color:var(--secondary);font-size:12.5px;font-weight:790
}
.template-food_1 .w-r1-detail .w-product-options legend small{color:#8b97a8;font-size:9px;font-weight:620}
.template-food_1 .w-r1-detail .w-product-options fieldset label{
  display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:10px 10px;
  border:1px solid #e0e7f1;border-radius:11px;background:#fff;color:#33445f;font-size:10.5px;cursor:pointer;min-height:44px
}
.template-food_1 .w-r1-detail .w-product-options fieldset label:has(input:checked){border-color:color-mix(in srgb,var(--brand) 50%,#dae4f0);background:color-mix(in srgb,var(--brand) 5%,#fff)}
.template-food_1 .w-r1-option-name{display:flex;align-items:center;gap:7px;min-width:0}.template-food_1 .w-r1-option-name em{font-style:normal;white-space:normal}
.template-food_1 .w-r1-detail .w-product-options input{accent-color:var(--brand);margin:0;flex:0 0 auto}
.template-food_1 .w-r1-detail .w-product-options fieldset b{font-size:9.5px;color:#455774;white-space:nowrap}
.template-food_1 .w-r1-detail-actions{display:grid;grid-template-columns:108px minmax(0,1fr);gap:9px;align-items:center;padding-top:4px}
.template-food_1 .w-r1-stepper{height:45px;display:grid;grid-template-columns:36px 1fr 36px;align-items:center;border:1px solid #dfe6ef;border-radius:12px;background:#fff;overflow:hidden}
.template-food_1 .w-r1-stepper button{height:100%;border:0;background:transparent;color:#243754;font-size:18px;cursor:pointer}.template-food_1 .w-r1-stepper span{text-align:center;color:var(--secondary);font-size:12px;font-weight:800}
.template-food_1 .w-r1-add-order{min-height:45px!important;border-radius:12px!important;background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important;font-size:11px!important;font-weight:800!important;box-shadow:0 8px 18px color-mix(in srgb,var(--brand) 18%,transparent)!important}

/* Design selector preview should visually resemble Restaurant 01, not a generic wireframe. */
.w-template-card .t-food_1{height:126px;padding:8px;background:#f7faff;border-color:#d7e3f4;border-radius:15px;position:relative}
.w-template-card .t-food_1:before{content:"";display:block;width:42%;height:8px;margin:0 0 7px;border-radius:4px;background:linear-gradient(90deg,var(--wh-blue,#176bff),var(--wh-blue,#176bff) 38%,#dfe8f5 38%)}
.w-template-card .t-food_1>div{height:19px;margin:0 0 7px;border-radius:7px;background:#fff;border:1px solid #e2e9f3}
.w-template-card .t-food_1>span{display:inline-block;width:47%;height:72px;margin:0 1%;border-radius:8px;background:linear-gradient(180deg,#eaf0f7 0 55%,#fff 55%);border:1px solid #e2e8f1}

/* Global corner option still changes the interface without touching data. */
.template-food_1.corners-square .w-r1-product,.template-food_1.corners-square .w-r1-search,.template-food_1.corners-square .w-r1-cats button,.template-food_1.corners-square .w-r1-add,.template-food_1.corners-square .w-r1-stepper{border-radius:2px!important}
.template-food_1.corners-soft .w-r1-product{border-radius:11px}.template-food_1.corners-soft .w-r1-search,.template-food_1.corners-soft .w-r1-cats button,.template-food_1.corners-soft .w-r1-stepper{border-radius:9px!important}

@media(max-width:800px){
  .template-food_1 .w-r1-shell{padding-bottom:86px}.template-food_1 .w-r1-bottom{display:flex}
}
@media(max-width:520px){
  .template-food_1.w-storefront{padding-bottom:72px}
  .template-food_1 .w-r1-shell{padding:13px 12px 83px}
  .template-food_1 .w-r1-header{margin-bottom:12px}
  .template-food_1 .w-r1-identity .w-merchant-logo{width:45px!important;height:45px!important;flex-basis:45px;border-radius:13px!important}
  .template-food_1 .w-r1-identity h1{font-size:17.5px}.template-food_1 .w-r1-identity p{font-size:9.5px;max-width:225px}
  .template-food_1 .w-r1-cart-top{width:39px;height:39px;flex-basis:39px;border-radius:12px}
  .template-food_1 .w-r1-search{height:43px;font-size:11.5px}
  .template-food_1 .w-r1-cats{margin-bottom:18px!important}.template-food_1 .w-r1-cats button{flex-basis:78px;min-width:78px;min-height:65px;font-size:9px!important}.template-food_1 .w-r1-cat-icon{width:27px;height:27px}
  .template-food_1 .w-r1-section-head h2{font-size:18px}.template-food_1 .w-r1-section-head p{font-size:9.5px}.template-food_1 .w-r1-section-head small{font-size:9px}
  .template-food_1 .w-r1-products{gap:9px}.template-food_1 .w-r1-product{border-radius:13px}.template-food_1 .w-r1-product .w-store-product-body{padding:8px 9px 9px}.template-food_1 .w-r1-product h3{font-size:11.5px}.template-food_1 .w-r1-product .w-store-price strong{font-size:13.5px}.template-food_1 .w-r1-add{width:29px;height:29px;flex-basis:29px}
  .template-food_1 #productDrawer .w-drawer-panel{width:100vw}.template-food_1 .w-r1-detail-image{height:41vh;min-height:260px}.template-food_1 .w-r1-detail-sheet{padding:17px 16px 0}.template-food_1 .w-r1-detail-head h2{font-size:20px}.template-food_1 .w-r1-detail-head strong{font-size:16px}.template-food_1 .w-r1-detail-desc{font-size:10.5px}.template-food_1 .w-r1-detail .w-product-options fieldset{gap:6px}.template-food_1 .w-r1-detail .w-product-options fieldset label{padding:9px 8px;font-size:9.8px}.template-food_1 .w-r1-detail-actions{grid-template-columns:100px minmax(0,1fr)}
}
@media(max-width:350px){
  .template-food_1 .w-r1-products{grid-template-columns:1fr}.template-food_1 .w-r1-product{display:grid;grid-template-columns:112px 1fr}.template-food_1 .w-r1-product-open{height:100%;aspect-ratio:auto}.template-food_1 .w-r1-product-foot{margin-top:9px}.template-food_1 .w-r1-detail .w-product-options fieldset{grid-template-columns:1fr}
}
.template-food_1 #productDrawer .w-drawer-close{font-size:0}
.template-food_1 #productDrawer .w-drawer-close:before{content:'‹';font-size:28px;line-height:1;font-weight:500}


/* =========================================================
   WHAPIDE 0.7.2 · RESTAURANT 01 · fidelity pass
   The public catalog is intentionally app-like and narrow.
   This layer changes presentation only; products/data remain shared.
   ========================================================= */
.template-food_1.w-storefront{
  --r1-page:#f4f8ff;
  --r1-card:#fff;
  --r1-border:#dfe8f4;
  --r1-muted:#77869c;
  --r1-ink:var(--secondary);
  background:
    radial-gradient(circle at 50% -8%,color-mix(in srgb,var(--brand) 8%,transparent),transparent 34%),
    var(--surface);
}
.template-food_1 .w-r1-shell{
  width:min(500px,100%);
  padding:18px 16px 90px;
}
.template-food_1 .w-r1-header{margin-bottom:13px}
.template-food_1 .w-r1-identity{gap:12px}
.template-food_1 .w-r1-identity .w-merchant-logo{
  width:52px!important;height:52px!important;flex-basis:52px;
  border-radius:15px!important;
}
.template-food_1 .w-r1-identity h1{
  font-size:22px;line-height:1.04;font-weight:850;letter-spacing:-.04em;
}
.template-food_1 .w-r1-identity p{
  margin-top:5px;max-width:320px;font-size:10.8px;line-height:1.25;color:var(--r1-muted);
}
.template-food_1 .w-r1-cart-top{
  width:42px;height:42px;flex-basis:42px;border-radius:50%;
}

.template-food_1 .w-r1-search-wrap{margin-bottom:15px}
.template-food_1 .w-r1-search{
  height:45px;border-radius:14px;padding-left:43px;font-size:12px;
  border-color:var(--r1-border);
  box-shadow:0 5px 16px rgba(27,61,110,.035);
}

.template-food_1 .w-r1-cats{
  gap:9px!important;margin-bottom:22px!important;padding-bottom:4px!important;
}
.template-food_1 .w-r1-cats button{
  flex-basis:88px;min-width:88px;min-height:72px;
  border-radius:14px!important;padding:8px 6px!important;
  font-size:9.5px!important;
  box-shadow:0 4px 13px rgba(22,57,105,.04);
}
.template-food_1 .w-r1-cat-icon{width:31px;height:31px;border-radius:10px}
.template-food_1 .w-r1-cats button.active{
  box-shadow:0 9px 20px color-mix(in srgb,var(--brand) 20%,transparent);
}

.template-food_1 .w-r1-section-head{
  align-items:flex-start;margin-bottom:12px;
}
.template-food_1 .w-r1-section-head h2{
  font-size:19px;line-height:1.08;font-weight:850;
}
.template-food_1 .w-r1-section-head p{
  margin-top:4px;font-size:10.4px;color:#7f8ca0;
}
.template-food_1 .w-r1-section-head small{
  margin-top:3px;font-size:9px;color:var(--brand);
}

.template-food_1 .w-r1-products{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
}
.template-food_1 .w-r1-product{
  border-radius:15px;
  border-color:#e1e8f2;
  box-shadow:0 5px 15px rgba(18,52,96,.05);
}
.template-food_1 .w-r1-product-open{
  aspect-ratio:1.18/1;background:#f4f5f7;
}
.template-food_1 .w-r1-product-open img{
  object-fit:cover;
}
.template-food_1 .w-r1-product .w-store-product-body{
  padding:10px 10px 11px;
}
.template-food_1 .w-r1-product h3{
  font-size:12.8px;line-height:1.12;font-weight:820;
}
.template-food_1 .w-r1-product-desc{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
  min-height:27px;margin:4px 0 0!important;
  color:#77859a!important;font-size:9.7px!important;line-height:1.35!important;
}
.template-food_1 .w-r1-product-foot{
  margin-top:9px;align-items:center;
}
.template-food_1 .w-r1-product .w-store-price{
  flex-direction:row;align-items:baseline;gap:5px;
}
.template-food_1 .w-r1-product .w-store-price strong{
  font-size:14.7px;
}
.template-food_1 .w-r1-product .w-store-price del{font-size:9px}
.template-food_1 .w-r1-add{
  width:32px;height:32px;flex-basis:32px;border-radius:50%;
}

/* Keep the navigation visually attached to the narrow app surface. */
.template-food_1 .w-r1-bottom{
  display:flex;
  width:min(500px,100%);
  height:66px;
  padding-inline:18px;
}
.template-food_1 .w-r1-bottom b{font-size:9.2px}

/* Product detail follows the reference: image first, sheet below, full-width option rows. */
.template-food_1 #productDrawer{
  align-items:flex-start;
}
.template-food_1 #productDrawer .w-drawer-panel{
  width:min(500px,100vw);
}
.template-food_1 .w-r1-detail-image{
  height:min(44vh,390px);
  min-height:300px;
  background:#f5f6f8;
}
.template-food_1 .w-r1-detail-image img{
  width:100%;height:100%;padding:0;object-fit:cover;
}
.template-food_1 .w-r1-detail-sheet{
  margin-top:-16px;padding:20px 19px 0;border-radius:24px 24px 0 0;
}
.template-food_1 .w-r1-detail-head h2{
  font-size:22px;font-weight:850;
}
.template-food_1 .w-r1-detail-head strong{
  font-size:18px;font-weight:850;
}
.template-food_1 .w-r1-detail-desc{
  margin-top:8px;font-size:11px;line-height:1.48;
}
.template-food_1 .w-r1-detail .w-product-options fieldset{
  grid-template-columns:1fr;
  gap:7px;
  padding:14px 0;
}
.template-food_1 .w-r1-detail .w-product-options legend{
  margin-bottom:4px;font-size:12.8px;
}
.template-food_1 .w-r1-detail .w-product-options fieldset label{
  min-height:46px;border-radius:12px;padding:10px 12px;font-size:10.7px;
}
.template-food_1 .w-r1-detail .w-product-options input{
  width:17px;height:17px;
}
.template-food_1 .w-r1-detail-actions{
  grid-template-columns:106px minmax(0,1fr);
  gap:10px;padding:5px 0 4px;
}
.template-food_1 .w-r1-stepper{height:47px;border-radius:13px}
.template-food_1 .w-r1-add-order{
  min-height:47px!important;border-radius:13px!important;font-size:11.5px!important;
}

@media(min-width:801px){
  .template-food_1.w-storefront{
    padding:28px 0 92px;
  }
  .template-food_1 .w-r1-shell{
    border:1px solid rgba(218,228,241,.9);
    border-radius:28px;
    background:rgba(255,255,255,.88);
    box-shadow:0 24px 70px rgba(24,58,105,.10);
    backdrop-filter:blur(10px);
  }
}
@media(max-width:520px){
  .template-food_1 .w-r1-shell{padding:13px 12px 82px}
  .template-food_1 .w-r1-identity h1{font-size:18px}
  .template-food_1 .w-r1-identity p{max-width:205px;font-size:9.6px}
  .template-food_1 .w-r1-products{gap:9px}
  .template-food_1 .w-r1-product-open{aspect-ratio:1.12/1}
  .template-food_1 .w-r1-product .w-store-product-body{padding:8px 9px 9px}
  .template-food_1 .w-r1-product h3{font-size:11.8px}
  .template-food_1 .w-r1-product-desc{min-height:25px;font-size:9.2px!important}
  .template-food_1 .w-r1-product .w-store-price strong{font-size:13.8px}
  .template-food_1 .w-r1-detail-image{height:39vh;min-height:270px}
  .template-food_1 .w-r1-detail-sheet{padding:17px 16px 0}
}
@media(max-width:350px){
  .template-food_1 .w-r1-products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .template-food_1 .w-r1-product{display:flex}
  .template-food_1 .w-r1-product-open{height:auto;aspect-ratio:1.05/1}
}

/* ========================================================================== 
   WHAPIDE 0.8.0 · RESTAURANTE 01 · CANONICAL PUBLIC UI
   Reference: compact app-style food catalog. Presentation only.
   ========================================================================== */
.template-food_1.w-storefront{
  --r1-brand:var(--brand,#176bff);
  --r1-navy:var(--secondary,#0b1f44);
  --r1-muted:#6f7f98;
  --r1-line:#dce7f3;
  --r1-soft:#f3f8ff;
  --r1-card:#ffffff;
  position:relative;
  min-height:100svh;
  padding:0 0 76px;
  color:var(--r1-navy);
  background:
    radial-gradient(circle at 8% 9%,color-mix(in srgb,var(--r1-brand) 7%,transparent) 0 2px,transparent 3px),
    radial-gradient(circle at 92% 18%,color-mix(in srgb,var(--r1-brand) 6%,transparent) 0 2px,transparent 3px),
    linear-gradient(180deg,color-mix(in srgb,var(--r1-brand) 6%,#fff),#f8fbff 42%,#f5f9ff 100%);
  background-size:120px 120px,150px 150px,auto;
}
.template-food_1 .w-r1-shell{
  width:100%;
  max-width:470px;
  margin:0 auto;
  padding:18px 14px 86px;
}
.template-food_1 .w-r1-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 15px;
}
.template-food_1 .w-r1-identity{
  display:flex;
  align-items:center;
  min-width:0;
  gap:11px;
}
.template-food_1 .w-r1-identity .w-merchant-logo{
  width:52px!important;
  height:52px!important;
  flex:0 0 52px;
  object-fit:cover;
  border:0!important;
  border-radius:15px!important;
  box-shadow:0 8px 18px rgba(14,46,94,.10);
}
.template-food_1 .w-r1-identity-copy{min-width:0}
.template-food_1 .w-r1-identity h1{
  margin:0;
  color:var(--r1-navy);
  font-size:20px;
  line-height:1.04;
  font-weight:850;
  letter-spacing:-.035em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.template-food_1 .w-r1-identity p{
  margin:5px 0 0;
  max-width:270px;
  color:var(--r1-muted);
  font-size:10.5px;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.template-food_1 .w-r1-cart-top{
  position:relative;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  flex:0 0 42px;
  border:1px solid var(--r1-line);
  border-radius:50%;
  background:#fff;
  color:var(--r1-navy);
  box-shadow:0 7px 18px rgba(16,52,99,.07);
}
.template-food_1 .w-r1-cart-top>span{
  position:absolute;
  right:-3px;
  top:-4px;
  min-width:17px;
  height:17px;
  padding:0 4px;
  display:grid;
  place-items:center;
  border:2px solid #fff;
  border-radius:999px;
  background:var(--r1-brand);
  color:#fff;
  font-size:8px;
  font-weight:850;
}
.template-food_1 .w-r1-search-wrap{position:relative;margin:0 0 14px}
.template-food_1 .w-r1-search-svg{
  position:absolute;left:15px;top:50%;transform:translateY(-50%);z-index:2;
  display:grid;place-items:center;color:#6d7c94;
}
.template-food_1 .w-r1-search{
  width:100%;
  height:46px;
  padding:0 14px 0 44px;
  border:1px solid var(--r1-line);
  border-radius:14px;
  outline:0;
  background:#fff;
  color:var(--r1-navy);
  font-size:12px;
  box-shadow:0 7px 18px rgba(16,52,99,.045);
}
.template-food_1 .w-r1-search::placeholder{color:#8c9ab0}
.template-food_1 .w-r1-search:focus{border-color:color-mix(in srgb,var(--r1-brand) 45%,#dce7f3);box-shadow:0 0 0 3px color-mix(in srgb,var(--r1-brand) 9%,transparent)}
.template-food_1 .w-r1-cats{
  position:static!important;
  display:flex!important;
  gap:9px!important;
  margin:0 0 19px!important;
  padding:0 0 3px!important;
  overflow-x:auto!important;
  border:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  scrollbar-width:none;
}
.template-food_1 .w-r1-cats::-webkit-scrollbar{display:none}
.template-food_1 .w-r1-cats button{
  display:flex!important;
  flex:0 0 86px!important;
  min-width:86px!important;
  min-height:72px!important;
  padding:9px 6px!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border:1px solid var(--r1-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#254268!important;
  font-size:9.5px!important;
  font-weight:760!important;
  box-shadow:0 5px 15px rgba(18,56,106,.045)!important;
}
.template-food_1 .w-r1-cats button.active{
  border-color:var(--r1-brand)!important;
  background:var(--r1-brand)!important;
  color:#fff!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--r1-brand) 22%,transparent)!important;
}
.template-food_1 .w-r1-cat-icon{
  display:grid;
  place-items:center;
  width:29px!important;
  height:29px!important;
  border-radius:9px!important;
  background:#eef5ff!important;
  color:#1c55a6!important;
}
.template-food_1 .w-r1-cats button.active .w-r1-cat-icon{background:rgba(255,255,255,.14)!important;color:#fff!important}
.template-food_1 .w-r1-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin:0 0 11px;
}
.template-food_1 .w-r1-section-head h2{
  margin:0;
  color:var(--r1-navy);
  font-size:19px;
  line-height:1.08;
  font-weight:850;
  letter-spacing:-.03em;
}
.template-food_1 .w-r1-section-head p{
  margin:4px 0 0;
  color:#7b899e;
  font-size:10px;
  line-height:1.3;
}
.template-food_1 .w-r1-products{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
.template-food_1 .w-r1-product{
  display:flex!important;
  flex-direction:column!important;
  min-width:0;
  overflow:hidden;
  border:1px solid #e0e8f3!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 6px 17px rgba(19,58,106,.055)!important;
}
.template-food_1 .w-r1-product-open{
  display:block;
  width:100%;
  aspect-ratio:1.08/1;
  padding:0;
  border:0;
  background:#f4f6f9;
  cursor:pointer;
  overflow:hidden;
}
.template-food_1 .w-r1-product-open img{display:block;width:100%;height:100%;object-fit:cover}
.template-food_1 .w-r1-product .w-store-product-body{display:flex;flex:1;flex-direction:column;padding:9px 9px 10px!important}
.template-food_1 .w-r1-product h3{margin:0;color:var(--r1-navy);font-size:12.4px;line-height:1.15;font-weight:830;letter-spacing:-.015em}
.template-food_1 .w-r1-product-desc{
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  min-height:25px!important;
  margin:4px 0 0!important;
  color:#76859a!important;
  font-size:9.4px!important;
  line-height:1.34!important;
}
.template-food_1 .w-r1-product-foot{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:auto;padding-top:9px}
.template-food_1 .w-r1-product .w-store-price{display:flex;align-items:baseline;gap:5px;margin:0!important}
.template-food_1 .w-r1-product .w-store-price strong{color:var(--r1-navy)!important;font-size:14.5px!important;line-height:1;font-weight:860!important;letter-spacing:-.02em}
.template-food_1 .w-r1-product .w-store-price del{color:#a0aabd;font-size:8.5px}
.template-food_1 .w-r1-add{
  display:grid;place-items:center;
  width:31px!important;height:31px!important;flex:0 0 31px!important;
  padding:0!important;border:0!important;border-radius:50%!important;
  background:var(--r1-brand)!important;color:#fff!important;
  box-shadow:0 8px 17px color-mix(in srgb,var(--r1-brand) 22%,transparent)!important;
}
.template-food_1 .w-empty{
  grid-column:1/-1;
  min-height:150px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:26px 20px;
  border:1px dashed #cfdae9!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.78)!important;
  color:#718198!important;
  text-align:center;
}
.template-food_1 .w-empty b{color:var(--r1-navy);font-size:13px}
.template-food_1 .w-empty p{margin:0;font-size:10px}
.template-food_1 .w-r1-bottom{
  position:fixed!important;
  left:50%!important;
  bottom:0!important;
  z-index:55!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  width:min(470px,100%)!important;
  height:67px!important;
  padding:7px 12px calc(7px + env(safe-area-inset-bottom))!important;
  border-top:1px solid #dce6f2!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 -8px 25px rgba(17,48,91,.07)!important;
  backdrop-filter:blur(16px)!important;
}
.template-food_1 .w-r1-bottom a,.template-food_1 .w-r1-bottom button{display:flex!important;flex:1!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;border:0!important;background:transparent!important;color:#6b7b91!important;text-decoration:none!important;cursor:pointer!important}
.template-food_1 .w-r1-bottom .active{color:var(--r1-brand)!important}
.template-food_1 .w-r1-bottom b{font-size:9.4px!important;font-weight:760!important}
.template-food_1 .w-r1-bottom span{position:relative;display:grid;place-items:center;height:22px}
.template-food_1 .w-r1-bottom i{position:absolute;right:-10px;top:-7px;display:grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border:2px solid #fff;border-radius:999px;background:var(--r1-brand);color:#fff;font-style:normal;font-size:8px;font-weight:850}
.template-food_1 #productDrawer{z-index:120!important;background:rgba(5,18,38,.42)!important}
.template-food_1 #productDrawer .w-drawer-panel{width:min(470px,100vw)!important;padding:0!important;background:#fff!important}
.template-food_1 #productDrawer .w-drawer-close{z-index:4;right:13px;top:13px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.95)!important;color:#263a5a!important;box-shadow:0 5px 16px rgba(12,37,75,.10)!important}
.template-food_1 .w-r1-detail{min-height:100%;background:#fff;padding:0 0 18px}
.template-food_1 .w-r1-detail-image{height:min(44vh,360px)!important;min-height:280px!important;background:#eef3f8!important;overflow:hidden}
.template-food_1 .w-r1-detail-image img{display:block;width:100%!important;height:100%!important;padding:0!important;object-fit:cover!important}
.template-food_1 .w-r1-detail-sheet{position:relative;margin-top:-15px!important;padding:19px 17px 0!important;border-radius:23px 23px 0 0!important;background:#fff!important}
.template-food_1 .w-r1-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;padding:0!important}
.template-food_1 .w-r1-detail-head h2{margin:0;color:var(--r1-navy);font-size:21px!important;line-height:1.08;font-weight:850!important;letter-spacing:-.03em}
.template-food_1 .w-r1-detail-head strong{color:var(--r1-navy);font-size:17px!important;font-weight:850!important;white-space:nowrap}
.template-food_1 .w-r1-detail-desc{margin:7px 0 0!important;color:#708098!important;font-size:10.8px!important;line-height:1.48!important}
.template-food_1 .w-r1-detail .w-product-options{margin:14px 0 0!important}
.template-food_1 .w-r1-detail .w-product-options fieldset{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;margin:0!important;padding:13px 0!important;border:0!important;border-top:1px solid #e6edf5!important}
.template-food_1 .w-r1-detail .w-product-options legend{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;margin:0 0 3px!important;color:var(--r1-navy)!important;font-size:12.5px!important;font-weight:820!important}
.template-food_1 .w-r1-detail .w-product-options legend small{color:#8996a8!important;font-size:9px!important;font-weight:650!important}
.template-food_1 .w-r1-detail .w-product-options fieldset label{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:45px!important;margin:0!important;padding:9px 10px!important;border:1px solid #dfe7f2!important;border-radius:12px!important;background:#fff!important;color:#32445f!important;font-size:10.4px!important;cursor:pointer!important}
.template-food_1 .w-r1-detail .w-product-options fieldset label:has(input:checked){border-color:color-mix(in srgb,var(--r1-brand) 48%,#dfe7f2)!important;background:color-mix(in srgb,var(--r1-brand) 5%,#fff)!important}
.template-food_1 .w-r1-option-name{display:flex;align-items:center;gap:7px;min-width:0}
.template-food_1 .w-r1-detail .w-product-options input{width:17px!important;height:17px!important;margin:0!important;accent-color:var(--r1-brand)}
.template-food_1 .w-r1-detail .w-product-options fieldset b{font-size:9.5px!important;color:#4a5b74!important;white-space:nowrap}
.template-food_1 .w-r1-detail-actions{display:grid!important;grid-template-columns:105px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;padding:4px 0 5px!important}
.template-food_1 .w-r1-stepper{height:46px!important;display:grid!important;grid-template-columns:34px 1fr 34px!important;align-items:center!important;border:1px solid #dfe7f2!important;border-radius:12px!important;background:#fff!important;overflow:hidden!important}
.template-food_1 .w-r1-stepper button{height:100%!important;border:0!important;background:transparent!important;color:#253a59!important;font-size:18px!important}
.template-food_1 .w-r1-stepper span{text-align:center;color:var(--r1-navy);font-size:12px;font-weight:850}
.template-food_1 .w-r1-add-order{min-height:46px!important;border-radius:12px!important;background:var(--r1-brand)!important;border-color:var(--r1-brand)!important;color:#fff!important;font-size:11px!important;font-weight:820!important;box-shadow:0 8px 19px color-mix(in srgb,var(--r1-brand) 18%,transparent)!important}
.template-food_1 #cartDrawer .w-drawer-panel{width:min(430px,100vw)!important;background:#fff!important}
.template-food_1 #checkoutModal .w-modal-card{max-width:470px!important}
.template-food_1.corners-square .w-r1-product,.template-food_1.corners-square .w-r1-search,.template-food_1.corners-square .w-r1-cats button,.template-food_1.corners-square .w-r1-add,.template-food_1.corners-square .w-r1-stepper{border-radius:2px!important}
.template-food_1.corners-soft .w-r1-product{border-radius:11px!important}.template-food_1.corners-soft .w-r1-search,.template-food_1.corners-soft .w-r1-cats button,.template-food_1.corners-soft .w-r1-stepper{border-radius:9px!important}
@media(min-width:700px){
  .template-food_1.w-storefront{padding:28px 0 92px}
  .template-food_1 .w-r1-shell{border:1px solid rgba(218,228,241,.92);border-radius:27px;background:rgba(255,255,255,.88);box-shadow:0 24px 70px rgba(24,58,105,.10);backdrop-filter:blur(10px)}
}
@media(max-width:480px){
  .template-food_1 .w-r1-shell{padding:13px 12px 82px}
  .template-food_1 .w-r1-identity .w-merchant-logo{width:46px!important;height:46px!important;flex-basis:46px}
  .template-food_1 .w-r1-identity h1{font-size:18px}
  .template-food_1 .w-r1-identity p{max-width:205px;font-size:9.6px}
  .template-food_1 .w-r1-cart-top{width:39px;height:39px;flex-basis:39px}
  .template-food_1 .w-r1-search{height:43px;font-size:11.5px}
  .template-food_1 .w-r1-cats button{flex-basis:79px!important;min-width:79px!important;min-height:66px!important;font-size:9px!important}
  .template-food_1 .w-r1-cat-icon{width:27px!important;height:27px!important}
  .template-food_1 .w-r1-products{gap:9px!important}
  .template-food_1 .w-r1-product-open{aspect-ratio:1.05/1}
  .template-food_1 .w-r1-product .w-store-product-body{padding:8px 8px 9px!important}
  .template-food_1 .w-r1-product h3{font-size:11.6px}
  .template-food_1 .w-r1-product-desc{font-size:9px!important;min-height:24px!important}
  .template-food_1 .w-r1-product .w-store-price strong{font-size:13.6px!important}
  .template-food_1 .w-r1-add{width:29px!important;height:29px!important;flex-basis:29px!important}
  .template-food_1 #productDrawer .w-drawer-panel{width:100vw!important}
  .template-food_1 .w-r1-detail-image{height:39vh!important;min-height:265px!important}
}
@media(max-width:340px){
  .template-food_1 .w-r1-product-desc{display:none!important}
  .template-food_1 .w-r1-product h3{font-size:11px}
}
/* Public/app routes own the chrome; never reserve space for WordPress' toolbar. */
body.whapide-body.admin-bar{margin-top:0!important}
body.whapide-body #wpadminbar{display:none!important}
@media screen and (max-width:782px){html{margin-top:0!important}}

/* 0.8.1 · Template selector safety */
.w-template-card.is-coming{opacity:.55;cursor:not-allowed;filter:saturate(.55)}
.w-template-card.is-coming:hover{transform:none;box-shadow:0 3px 14px rgba(16,24,40,.035);border-color:#e4eaee}
.w-template-card.is-coming input{pointer-events:none}


/* =========================================================
   WHAPIDE 0.8.2 — Restaurante 01 navigation/cart correction
   Categories remain at the top. There is no bottom menu.
   Cart appears only when it contains at least one item.
   ========================================================= */
.template-food_1.w-storefront{padding-bottom:0!important}
.template-food_1 .w-r1-shell{padding-bottom:28px!important}
.template-food_1 .w-r1-bottom{display:none!important}
.template-food_1 .w-r1-cart-top{display:none!important}
.template-food_1 .w-r1-cart-float{
  position:fixed;z-index:64;right:max(14px,calc((100vw - 720px)/2 + 14px));
  bottom:calc(18px + env(safe-area-inset-bottom));display:none;align-items:center;gap:8px;
  min-height:46px;padding:7px 10px 7px 12px;border:0;border-radius:15px;
  background:var(--brand);color:#fff;box-shadow:0 12px 30px color-mix(in srgb,var(--brand) 28%,rgba(13,31,67,.18));
  font:inherit;cursor:pointer;transform:translateY(8px);opacity:0;transition:opacity .18s ease,transform .18s ease
}
.template-food_1 .w-r1-cart-float.is-visible{display:flex;opacity:1;transform:translateY(0)}
.template-food_1 .w-r1-cart-float-icon{display:grid;place-items:center}
.template-food_1 .w-r1-cart-float-label{font-size:11px;font-weight:780;white-space:nowrap}
.template-food_1 .w-r1-cart-float b{
  min-width:24px;height:24px;padding:0 6px;display:grid;place-items:center;border-radius:9px;
  background:#fff;color:var(--brand);font-size:10px;font-weight:850
}
@media(max-width:760px){
  .template-food_1.w-storefront{padding-bottom:0!important}
  .template-food_1 .w-r1-shell{padding-bottom:26px!important}
  .template-food_1 .w-r1-bottom{display:none!important}
  .template-food_1 .w-r1-cart-float{right:13px;bottom:calc(14px + env(safe-area-inset-bottom));min-height:45px}
}