/* Mercado EDUQUE.ME — estilos exclusivos da janela Mercado. */
#page-mercado{--mk-blue:#096af4;--mk-navy:#09194c;--mk-shadow:0 9px 26px rgba(22,81,154,.08);color:var(--mk-navy);font-family:Inter,Arial,sans-serif}
#page-mercado *{box-sizing:border-box}
#page-mercado .mk-app{max-width:1120px;margin:0 auto;padding:22px 19px 24px;border-radius:25px;background:radial-gradient(ellipse at 78% 2%,rgba(255,255,255,.9),transparent 42%),linear-gradient(160deg,#d6eeff 0%,#e5f4ff 42%,#c9e9ff 100%);box-shadow:0 10px 40px rgba(28,102,193,.07)}
#page-mercado button{font-family:inherit;touch-action:manipulation}
#page-mercado .mk-heading{display:flex;align-items:center;gap:20px;margin-bottom:16px}
#page-mercado .mk-back{width:42px;height:42px;flex:none;display:grid;place-items:center;border:1px solid rgba(227,238,253,.95);border-radius:15px;background:#fff;color:var(--mk-blue);box-shadow:var(--mk-shadow)}
#page-mercado .mk-back svg{width:22px}
#page-mercado .mk-basket{width:113px;height:102px;flex:none;display:grid;place-items:center;font-size:78px;filter:drop-shadow(0 8px 8px rgba(33,90,172,.12))}
#page-mercado .mk-heading-text{min-width:0;flex:1}
#page-mercado .mk-heading h1{font-size:38px;letter-spacing:-1.8px;line-height:1.1;margin:0 0 8px;color:#081741}
#page-mercado .mk-heading p{font-size:14px;line-height:1.5;margin:0;color:#4e6387;max-width:670px}
#page-mercado .mk-search{display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.9);border:1px solid #e4edf9;border-radius:19px;padding:9px 13px;margin:18px 0 13px;box-shadow:var(--mk-shadow)}
#page-mercado .mk-search-icon{width:24px;height:24px;color:#5175ac;flex:none}
#page-mercado .mk-search input{flex:1;min-width:0;padding:8px;border:0;outline:none;background:transparent;color:#203b64;font-size:14px}
#page-mercado .mk-search button{border:0;background:#eef6ff;color:#1169e0;border-radius:10px;padding:9px 11px;display:grid;place-items:center}
#page-mercado .mk-search button svg{width:22px;height:22px}
#page-mercado .mk-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:17px}
#page-mercado .mk-cat{display:flex;align-items:center;gap:11px;text-align:left;min-width:0;min-height:88px;background:rgba(255,255,255,.9);border:1px solid #e7eef9;border-radius:19px;padding:12px 15px;color:#0c1c4c;font-size:13px;font-weight:800;box-shadow:var(--mk-shadow);transition:transform .18s,border-color .18s,box-shadow .18s}
#page-mercado .mk-cat:hover,#page-mercado .mk-cat:focus-visible{transform:translateY(-2px);border-color:#8bbdff;box-shadow:0 12px 25px rgba(22,103,208,.13)}
#page-mercado .mk-cat-emoji{display:grid;place-items:center;flex:none;width:61px;height:60px;font-size:43px;filter:drop-shadow(0 5px 4px rgba(7,42,101,.13))}
#page-mercado .mk-card{border:1px solid rgba(255,255,255,.95);border-radius:21px;background:rgba(255,255,255,.83);box-shadow:0 10px 28px rgba(24,91,160,.08);overflow:hidden}
#page-mercado .mk-list-head{display:flex;align-items:center;gap:10px;padding:18px 20px 14px}
#page-mercado .mk-list-head h2{margin:0;font-size:23px;line-height:1.2;letter-spacing:-.8px;color:#0a1845}
#page-mercado .mk-list-head p{font-size:10px;color:#637792;margin:4px 0 0}
#page-mercado .mk-list-actions{display:flex;align-items:center;gap:6px;margin-left:auto}
#page-mercado .mk-count{border-radius:12px;padding:9px 13px;background:#e7f1ff;font-size:12px;font-weight:800;white-space:nowrap}
#page-mercado .mk-more{border:0;border-radius:10px;background:#f1f7ff;padding:9px;color:#0d58cf;display:grid;place-items:center}
#page-mercado .mk-more svg{width:19px;height:19px}
#page-mercado .mk-list{padding:0 11px 12px;display:grid;gap:6px}
#page-mercado .mk-item{display:grid;grid-template-columns:27px 52px minmax(90px,1.65fr) minmax(130px,1.15fr) minmax(105px,.9fr) minmax(93px,.85fr) 28px;align-items:center;gap:11px;min-height:73px;padding:8px 13px;border:1px solid #e5edf8;border-radius:16px;background:#fff;box-shadow:0 3px 10px rgba(40,87,153,.04)}
#page-mercado .mk-check{width:26px;height:26px;padding:0;border:2px solid #afc0d7;border-radius:6px;background:#fff;color:#fff;display:grid;place-items:center;transition:background .15s}
#page-mercado .mk-check[aria-pressed=true]{background:#0b74f4;border-color:#0b74f4}
#page-mercado .mk-check svg{width:18px;height:18px}
#page-mercado .mk-product-art{width:48px;height:51px;display:grid;place-items:center;font-size:40px;filter:drop-shadow(0 4px 4px rgba(33,81,147,.14))}
#page-mercado .mk-product-name{min-width:0;text-align:left}
#page-mercado .mk-product-name strong{display:block;font-size:13px;line-height:1.35;overflow-wrap:anywhere}
#page-mercado .mk-product-name small{display:block;margin-top:3px;font-size:10px;color:#667f9d}
#page-mercado .mk-qty{display:flex;gap:4px;align-items:center;max-width:170px;background:#f7faff;border:1px solid #e6edf8;border-radius:11px;padding:4px}
#page-mercado .mk-qty button{border:0;background:#e8f2ff;color:#0861e9;border-radius:7px;font-weight:900;min-width:27px;height:29px;display:grid;place-items:center;font-size:20px}
#page-mercado .mk-qty input{width:100%;min-width:0;text-align:center;background:transparent;border:0;outline:0;color:#132353;font-size:12px;font-weight:800;-moz-appearance:textfield}
#page-mercado .mk-qty input::-webkit-inner-spin-button,#page-mercado .mk-qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#page-mercado .mk-unit{border:0;outline:0;background:transparent;color:#475f87;font-size:10px;max-width:42px;cursor:pointer}
#page-mercado .mk-price-box{min-width:0}
#page-mercado .mk-price-box label,#page-mercado .mk-subtotal span{display:block;font-size:9px;color:#697f9d;margin-bottom:5px;white-space:nowrap}
#page-mercado .mk-price-entry{display:flex;align-items:center;gap:2px;font-size:12px;font-weight:800;color:#13265b}
#page-mercado .mk-price-entry input{display:block;width:100%;min-width:0;border:1px solid transparent;border-radius:6px;padding:5px 2px;font-size:12px;font-weight:800;background:transparent;color:inherit;outline:none;font-family:inherit}
#page-mercado .mk-price-entry input:focus{border-color:#9cc8ff;background:#f4f9ff}
#page-mercado .mk-subtotal strong{display:block;color:#096bea;font-size:14px;white-space:nowrap}
#page-mercado .mk-remove{border:0;background:transparent;color:#91a7c2;padding:4px;display:grid;place-items:center}
#page-mercado .mk-remove:hover{color:#d24c5f}
#page-mercado .mk-remove svg{width:19px;height:19px}
#page-mercado .mk-empty{text-align:center;padding:34px 15px;color:#5d7395}
#page-mercado .mk-empty b{display:block;margin-bottom:6px;color:#19325c;font-size:15px}
#page-mercado .mk-empty p{font-size:12px;margin:0 0 13px}
#page-mercado .mk-total{display:grid;grid-template-columns:repeat(3,1fr) 1.65fr;gap:0;margin-top:10px;background:linear-gradient(110deg,#effaff,#d7f1ff);border:2px solid #fff;border-radius:24px;box-shadow:var(--mk-shadow);padding:7px;overflow:hidden;align-items:stretch}
#page-mercado .mk-total-detail{display:flex;gap:11px;align-items:center;justify-content:center;min-width:0;padding:16px 8px;position:relative}
#page-mercado .mk-total-detail+.mk-total-detail:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:#bedcf4}
#page-mercado .mk-metric-emoji{font-size:32px;flex:none}
#page-mercado .mk-total-detail span{display:block;font-size:12px;color:#526e96;font-weight:700}
#page-mercado .mk-total-detail strong{display:block;font-size:18px;margin-top:4px;white-space:nowrap}
#page-mercado .mk-discount-trigger{border:0;background:transparent;text-align:left;color:inherit;cursor:pointer}
#page-mercado .mk-grand-total{display:flex;align-items:center;justify-content:center;gap:14px;padding:15px 12px;border-radius:22px;background:linear-gradient(135deg,#189ef5,#0057df 80%,#0442bd);color:#fff;box-shadow:0 10px 20px #0668d52b}
#page-mercado .mk-grand-total>span{font-size:34px}
#page-mercado .mk-grand-total small{display:block;font-size:13px}
#page-mercado .mk-grand-total strong{display:block;font-size:26px;white-space:nowrap;margin:3px 0}
#page-mercado .mk-grand-total em{display:block;font-style:normal;font-size:9px;color:#deefff}
#page-mercado .mk-footer-actions{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:10px;margin-top:10px}
#page-mercado .mk-footer-actions button,#page-mercado .mk-action{min-height:50px;padding:11px 12px;border:1.5px solid #2584ed;border-radius:16px;background:rgba(255,255,255,.85);color:#0c60da;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center}
#page-mercado .mk-footer-actions svg,#page-mercado .mk-action svg{height:20px;width:20px}
#page-mercado .mk-footer-actions .mk-primary,#page-mercado .mk-primary{color:#fff!important;border-color:#075fea!important;background:linear-gradient(130deg,#1aa1f5,#0054df)!important;box-shadow:0 8px 16px rgba(3,85,212,.18)}
#page-mercado .mk-complete-banner{display:flex;align-items:center;gap:8px;background:#e9faee;color:#187342;padding:11px 16px;border-radius:12px;font-size:11px;font-weight:700;margin:0 0 12px}
#page-mercado .mk-notice{margin-top:12px;text-align:center;color:#617999;font-size:10px}
/* Modais do Mercado, independentes do modal da plataforma */
#marketDialog{position:fixed;inset:0;z-index:1100;background:rgba(6,24,67,.54);display:none;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
#marketDialog.mk-show{display:flex}
#marketDialog .mk-dialog-card{width:min(100%,580px);max-height:88dvh;overflow:auto;background:#f9fcff;border:1px solid #fff;border-radius:24px;box-shadow:0 22px 75px #06183f70;color:#14234d;font-family:Inter,Arial,sans-serif}
#marketDialog .mk-dialog-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f9fcff;border-bottom:1px solid #e2ecfa;padding:16px 18px}
#marketDialog .mk-dialog-head strong{font:800 18px Manrope,Inter,sans-serif}
#marketDialog .mk-dialog-close{background:#e8f2ff;border:0;width:35px;height:35px;border-radius:11px;color:#155fd1;font-size:20px}
#marketDialog .mk-dialog-body{padding:18px;max-height:calc(88dvh - 68px);overflow:auto}
#marketDialog .mk-dialog-body p{font-size:12px;color:#566c8a;line-height:1.5;margin:0 0 14px}
#marketDialog .mk-field{display:grid;gap:5px;margin-bottom:13px}
#marketDialog .mk-field label{font-size:11px;font-weight:800;color:#4a5c7d}
#marketDialog .mk-field input,#marketDialog .mk-field select,#marketDialog .mk-field textarea{width:100%;padding:12px 13px;font-size:13px;background:#fff;border:1px solid #d6e5f7;border-radius:11px;outline:none;color:#14234d;font:inherit}
#marketDialog .mk-field input:focus,#marketDialog .mk-field select:focus{border-color:#4a9aff;box-shadow:0 0 0 3px #eaf3ff}
#marketDialog .mk-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#marketDialog .mk-dialog-buttons{display:flex;gap:8px;margin-top:15px;flex-wrap:wrap}
#marketDialog .mk-dialog-buttons button,#marketDialog .mk-catalog-add,#marketDialog .mk-saved-button{padding:11px 16px;border:1px solid #b9d8ff;border-radius:11px;background:#f0f7ff;color:#1460d1;font-size:12px;font-weight:800;cursor:pointer}
#marketDialog .mk-dialog-buttons .mk-primary,#marketDialog .mk-catalog-add.mk-primary{background:linear-gradient(130deg,#129ef8,#0758df);border-color:#0758df;color:#fff}
#marketDialog .mk-catalogue{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}
#marketDialog .mk-catalog-product{display:flex;align-items:center;gap:9px;padding:10px 11px;background:#fff;border:1px solid #dfebf9;border-radius:12px;min-width:0}
#marketDialog .mk-catalog-product>span{font-size:29px}
#marketDialog .mk-catalog-product>div{flex:1;min-width:0}
#marketDialog .mk-catalog-product b{display:block;font-size:11px}
#marketDialog .mk-catalog-product small{font-size:9px;color:#71809c}
#marketDialog .mk-catalog-add{padding:7px 9px;font-size:11px}
#marketDialog .mk-list-save{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid #dfebf9;background:#fff;border-radius:12px;margin-bottom:8px}
#marketDialog .mk-list-save>div{flex:1;min-width:0}
#marketDialog .mk-list-save b,#marketDialog .mk-list-save small{display:block;overflow-wrap:anywhere}
#marketDialog .mk-list-save b{font-size:12px}
#marketDialog .mk-list-save small{font-size:10px;color:#607797;margin-top:4px}
#marketDialog .mk-list-save button{border:1px solid #c9ddf8;border-radius:9px;background:#eef6ff;color:#1765ce;padding:9px;font-size:11px;font-weight:800}
#marketDialog .mk-summary{white-space:pre-wrap;max-height:40vh;overflow:auto;padding:14px;border:1px solid #d8e8fa;background:#fff;border-radius:12px;font-size:12px;line-height:1.6;color:#193257}
#marketDialog .mk-camera{width:100%;max-height:250px;background:#071b41;border-radius:12px;object-fit:cover}
#marketDialog .mk-error{font-size:11px;color:#b42b46;padding:8px 0}
@media(max-width:1100px){#page-mercado .mk-item{gap:8px;grid-template-columns:25px 45px minmax(90px,1.4fr) minmax(115px,1.05fr) minmax(88px,.8fr) minmax(88px,.8fr) 24px}#page-mercado .mk-cat{padding:10px;gap:6px}#page-mercado .mk-cat-emoji{width:49px;font-size:36px}}
@media(max-width:700px){#page-mercado .mk-app{margin:-17px -12px -20px;padding:17px 12px 30px;border-radius:0;min-height:80dvh}#page-mercado .mk-heading{gap:9px;margin-bottom:11px}#page-mercado .mk-back{height:39px;width:39px;border-radius:13px}#page-mercado .mk-basket{width:69px;height:76px;font-size:53px}#page-mercado .mk-heading h1{font-size:28px;letter-spacing:-1px;margin:0 0 5px}#page-mercado .mk-heading p{font-size:10.5px;line-height:1.4}#page-mercado .mk-search{margin:11px 0;padding:7px 10px;border-radius:15px}#page-mercado .mk-category-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}#page-mercado .mk-cat{min-height:68px;font-size:12px;padding:7px 9px;border-radius:14px;gap:8px}#page-mercado .mk-cat-emoji{width:47px;height:48px;font-size:35px}#page-mercado .mk-list-head{padding:15px 13px 11px}#page-mercado .mk-list-head h2{font-size:18px}#page-mercado .mk-count{font-size:10px;padding:7px}#page-mercado .mk-more{padding:7px}#page-mercado .mk-item{grid-template-columns:24px 47px minmax(0,1fr) 26px;grid-template-rows:auto auto;gap:5px 8px;padding:9px 10px;min-height:97px}#page-mercado .mk-check{grid-column:1;grid-row:1}#page-mercado .mk-product-art{grid-column:2;grid-row:1;height:44px;font-size:36px}#page-mercado .mk-product-name{grid-column:3;grid-row:1}#page-mercado .mk-remove{grid-column:4;grid-row:1}#page-mercado .mk-qty{grid-column:1/3;grid-row:2;max-width:none}#page-mercado .mk-price-box{grid-column:3;grid-row:2}#page-mercado .mk-subtotal{grid-column:4;grid-row:2;text-align:right}#page-mercado .mk-subtotal strong{font-size:11px}#page-mercado .mk-subtotal span,#page-mercado .mk-price-box label{font-size:8px}#page-mercado .mk-price-entry input{font-size:11px}#page-mercado .mk-total{grid-template-columns:repeat(3,1fr);border-radius:18px;padding:5px}#page-mercado .mk-total-detail{padding:9px 3px;gap:4px;flex-direction:column;text-align:center}#page-mercado .mk-metric-emoji{font-size:22px}#page-mercado .mk-total-detail span{font-size:10px}#page-mercado .mk-total-detail strong{font-size:13px}#page-mercado .mk-grand-total{grid-column:1/-1;min-height:75px;border-radius:16px;margin-top:3px}#page-mercado .mk-grand-total strong{font-size:25px}#page-mercado .mk-footer-actions{grid-template-columns:1fr 1fr;gap:7px}#page-mercado .mk-footer-actions button{font-size:11px;min-height:47px;border-radius:12px;padding:8px}#page-mercado .mk-footer-actions .mk-primary{grid-column:1/-1;grid-row:2}#marketDialog{align-items:flex-end;padding:0}#marketDialog .mk-dialog-card{max-height:89dvh;border-radius:24px 24px 0 0;padding-bottom:env(safe-area-inset-bottom)}#marketDialog .mk-catalogue{grid-template-columns:1fr 1fr}#marketDialog .mk-catalog-product{padding:8px;gap:5px}#marketDialog .mk-catalog-product>span{font-size:22px}#marketDialog .mk-catalog-product b{font-size:10px}#marketDialog .mk-catalog-add{padding:6px}}
@media(max-width:385px){#page-mercado .mk-cat{font-size:11px;gap:3px}#page-mercado .mk-cat-emoji{width:40px;font-size:31px}#page-mercado .mk-heading h1{font-size:24px}#page-mercado .mk-list-head h2{font-size:16px}#page-mercado .mk-subtotal strong{font-size:10px}#page-mercado .mk-total-detail span{font-size:9px}#page-mercado .mk-total-detail strong{font-size:11px}}
/* Ajuste de legibilidade dos controles nas telas estreitas. */
@media(max-width:700px){
 #page-mercado .mk-item{grid-template-rows:auto auto auto;min-height:137px;row-gap:7px}
 #page-mercado .mk-qty{grid-column:1/4;grid-row:2;width:175px;max-width:175px}
 #page-mercado .mk-price-box{grid-column:3/5;grid-row:2;justify-self:end;width:126px;max-width:126px}
 #page-mercado .mk-subtotal{grid-column:1/5;grid-row:3;display:flex;justify-content:flex-end;align-items:center;gap:7px;border-top:1px solid #eff3fa;padding-top:6px}
 #page-mercado .mk-subtotal span{margin:0;font-size:10px}
 #page-mercado .mk-subtotal strong{font-size:14px}
 #page-mercado .mk-qty input{font-size:12px}
}
@media(max-width:385px){#page-mercado .mk-qty{width:152px;max-width:152px}#page-mercado .mk-price-box{width:106px;max-width:106px}}
/* Ícones tridimensionais extraídos da referência visual fornecida. */
#page-mercado .mk-basket img{max-width:100%;max-height:100%;width:113px;height:106px;object-fit:contain;filter:drop-shadow(0 5px 5px rgba(17,59,120,.09))}
#page-mercado .mk-cat-emoji img{width:100%;height:100%;object-fit:contain}
#page-mercado .mk-product-art img{width:100%;height:100%;object-fit:contain}
@media(max-width:700px){#page-mercado .mk-basket img{width:75px;height:77px}}

#page-mercado .mk-complete-banner[hidden],#marketDialog [hidden]{display:none!important}

/* Mercado compacto — proporções reduzidas e wallpaper da própria EDUQUE.ME à vista. */
#page-mercado .mk-app{max-width:1020px;padding:16px 15px 20px;background:transparent;box-shadow:none}
#page-mercado .mk-heading{gap:12px;margin-bottom:10px}
#page-mercado .mk-back{width:35px;height:35px;border-radius:11px}
#page-mercado .mk-back svg{width:18px}
#page-mercado .mk-basket{width:81px;height:76px;font-size:57px}
#page-mercado .mk-basket img{width:86px;height:80px}
#page-mercado .mk-heading h1{font-size:29px;letter-spacing:-1px;margin-bottom:4px}
#page-mercado .mk-heading p{font-size:12px;line-height:1.45}
#page-mercado .mk-search{padding:5px 10px;margin:11px 0 11px;border-radius:14px}
#page-mercado .mk-search-icon{width:20px;height:20px}
#page-mercado .mk-search input{font-size:12px;padding:6px}
#page-mercado .mk-search button{padding:6px 8px;border-radius:8px}
#page-mercado .mk-search button svg{width:18px;height:18px}
#page-mercado .mk-category-grid{gap:8px;margin-bottom:12px}
#page-mercado .mk-cat{min-height:65px;gap:7px;padding:8px 9px;font-size:12px;border-radius:13px}
#page-mercado .mk-cat-emoji{width:43px;height:43px;font-size:31px}
#page-mercado .mk-card{border-radius:16px;background:rgba(255,255,255,.87)}
#page-mercado .mk-list-head{padding:12px 14px 9px}
#page-mercado .mk-list-head h2{font-size:19px;letter-spacing:-.5px}
#page-mercado .mk-count{padding:6px 9px;font-size:10px;border-radius:9px}
#page-mercado .mk-more{padding:6px;border-radius:8px}
#page-mercado .mk-list{padding:0 8px 9px;gap:5px}
#page-mercado .mk-item{min-height:59px;padding:5px 9px;gap:7px;border-radius:12px;grid-template-columns:23px 40px minmax(80px,1.65fr) minmax(110px,1.1fr) minmax(85px,.9fr) minmax(80px,.85fr) 24px}
#page-mercado .mk-check{width:22px;height:22px;border-radius:5px}
#page-mercado .mk-check svg{width:16px;height:16px}
#page-mercado .mk-product-art{width:38px;height:39px;font-size:30px}
#page-mercado .mk-product-name strong{font-size:11.5px}
#page-mercado .mk-product-name small{font-size:9px;margin-top:2px}
#page-mercado .mk-qty{padding:3px;gap:3px;border-radius:9px}
#page-mercado .mk-qty button{min-width:23px;height:25px;font-size:17px;border-radius:6px}
#page-mercado .mk-qty input{font-size:11px}
#page-mercado .mk-price-box label,#page-mercado .mk-subtotal span{font-size:8px;margin-bottom:3px}
#page-mercado .mk-price-entry input{font-size:11px;padding:3px 1px}
#page-mercado .mk-subtotal strong{font-size:12px}
#page-mercado .mk-remove svg{width:16px;height:16px}
#page-mercado .mk-total{margin-top:8px;padding:5px;border-radius:17px}
#page-mercado .mk-total-detail{padding:10px 5px;gap:7px}
#page-mercado .mk-metric-emoji{font-size:25px}
#page-mercado .mk-total-detail span{font-size:10px}
#page-mercado .mk-total-detail strong{font-size:15px;margin-top:3px}
#page-mercado .mk-grand-total{gap:8px;padding:10px;border-radius:15px}
#page-mercado .mk-grand-total>span{font-size:26px}
#page-mercado .mk-grand-total small{font-size:11px}
#page-mercado .mk-grand-total strong{font-size:21px}
#page-mercado .mk-grand-total em{font-size:8px}
#page-mercado .mk-footer-actions{gap:8px;margin-top:8px}
#page-mercado .mk-footer-actions button,#page-mercado .mk-action{min-height:41px;padding:8px 10px;border-radius:11px;font-size:11px;gap:6px}
#page-mercado .mk-footer-actions svg,#page-mercado .mk-action svg{width:17px;height:17px}
@media(max-width:1100px){
 #page-mercado .mk-item{gap:6px;grid-template-columns:23px 38px minmax(75px,1.4fr) minmax(100px,1.05fr) minmax(75px,.8fr) minmax(78px,.8fr) 22px}
 #page-mercado .mk-cat{padding:8px;gap:6px}
 #page-mercado .mk-cat-emoji{width:41px;height:41px;font-size:30px}
}
@media(max-width:700px){
 #page-mercado .mk-app{margin:-17px -12px -20px;padding:12px 12px 21px;min-height:80dvh;border-radius:0;background:transparent}
 #page-mercado .mk-heading{gap:7px;margin-bottom:7px}
 #page-mercado .mk-back{height:32px;width:32px;border-radius:10px}
 #page-mercado .mk-basket{width:57px;height:57px;font-size:42px}
 #page-mercado .mk-basket img{width:60px;height:61px}
 #page-mercado .mk-heading h1{font-size:23px;letter-spacing:-.7px;margin-bottom:3px}
 #page-mercado .mk-heading p{font-size:9.5px;line-height:1.35}
 #page-mercado .mk-search{margin:9px 0 9px;padding:5px 9px;border-radius:12px}
 #page-mercado .mk-search input{font-size:11px;padding:5px}
 #page-mercado .mk-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:10px}
 #page-mercado .mk-cat{min-height:53px;padding:5px 7px;gap:6px;font-size:11px;border-radius:12px}
 #page-mercado .mk-cat-emoji{width:36px;height:38px;font-size:28px}
 #page-mercado .mk-list-head{padding:11px 11px 8px}
 #page-mercado .mk-list-head h2{font-size:16px}
 #page-mercado .mk-count{font-size:9px;padding:6px}
 #page-mercado .mk-list{gap:5px;padding:0 7px 8px}
 #page-mercado .mk-item{grid-template-columns:22px 37px minmax(0,1fr) 22px;grid-template-rows:auto auto auto;gap:3px 6px;min-height:109px;padding:7px 8px;border-radius:12px}
 #page-mercado .mk-check{grid-column:1;grid-row:1;width:21px;height:21px}
 #page-mercado .mk-product-art{grid-column:2;grid-row:1;width:36px;height:37px;font-size:29px}
 #page-mercado .mk-product-name{grid-column:3;grid-row:1}
 #page-mercado .mk-product-name strong{font-size:11.5px}
 #page-mercado .mk-product-name small{font-size:9px}
 #page-mercado .mk-remove{grid-column:4;grid-row:1}
 #page-mercado .mk-qty{grid-column:1/3;grid-row:2;width:clamp(130px,39vw,151px);max-width:151px;padding:2px;gap:3px}
 #page-mercado .mk-qty button{height:25px;min-width:24px}
 #page-mercado .mk-qty input{font-size:11px}
 #page-mercado .mk-price-box{grid-column:3/5;grid-row:2;justify-self:end;width:min(108px,34vw);max-width:108px}
 #page-mercado .mk-price-box label{font-size:8px;margin-bottom:2px}
 #page-mercado .mk-subtotal{grid-column:1/5;grid-row:3;display:flex;justify-content:flex-end;align-items:center;gap:6px;padding-top:4px;border-top:1px solid #edf3fb}
 #page-mercado .mk-subtotal span{font-size:9px;margin:0}
 #page-mercado .mk-subtotal strong{font-size:12px}
 #page-mercado .mk-total{margin-top:7px;padding:4px;border-radius:15px}
 #page-mercado .mk-total-detail{padding:6px 2px;gap:3px;flex-direction:column;text-align:center}
 #page-mercado .mk-metric-emoji{font-size:19px}
 #page-mercado .mk-total-detail span{font-size:9px}
 #page-mercado .mk-total-detail strong{font-size:12px}
 #page-mercado .mk-grand-total{grid-column:1/-1;min-height:62px;margin-top:2px;border-radius:12px;gap:8px;padding:9px}
 #page-mercado .mk-grand-total>span{font-size:23px}
 #page-mercado .mk-grand-total strong{font-size:20px}
 #page-mercado .mk-footer-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}
 #page-mercado .mk-footer-actions button{font-size:10px;min-height:39px;border-radius:10px;padding:6px 7px}
 #page-mercado .mk-footer-actions .mk-primary{grid-column:1/-1;grid-row:2}
 #page-mercado .mk-notice{font-size:9px;margin-top:9px}
}
@media(max-width:385px){
 #page-mercado .mk-cat{font-size:10px;gap:4px}
 #page-mercado .mk-cat-emoji{width:32px;height:34px;font-size:25px}
 #page-mercado .mk-heading h1{font-size:22px}
 #page-mercado .mk-list-head h2{font-size:15px}
 #page-mercado .mk-qty{width:clamp(120px,39vw,140px)}
 #page-mercado .mk-price-box{width:min(101px,33vw)}
}
/* Mercado — segunda redução de dimensões, restrita a esta janela. */
#page-mercado .mk-app{max-width:940px;padding:12px 12px 15px}
#page-mercado .mk-heading{gap:9px;margin-bottom:6px}
#page-mercado .mk-back{width:30px;height:30px;border-radius:9px}
#page-mercado .mk-back svg{width:16px}
#page-mercado .mk-basket{width:65px;height:62px}
#page-mercado .mk-basket img{width:68px;height:64px}
#page-mercado .mk-heading h1{font-size:25px;margin-bottom:3px}
#page-mercado .mk-heading p{font-size:11px;line-height:1.35}
#page-mercado .mk-search{padding:3px 8px;margin:8px 0;border-radius:11px}
#page-mercado .mk-search-icon{width:17px;height:17px}
#page-mercado .mk-search input{font-size:11px;padding:5px}
#page-mercado .mk-search button{padding:5px 7px}
#page-mercado .mk-search button svg{width:16px;height:16px}
#page-mercado .mk-category-grid{gap:6px;margin-bottom:9px}
#page-mercado .mk-cat{min-height:53px;padding:5px 7px;gap:5px;border-radius:11px;font-size:11px}
#page-mercado .mk-cat-emoji{width:34px;height:35px;font-size:26px}
#page-mercado .mk-card{border-radius:13px}
#page-mercado .mk-list-head{padding:9px 11px 7px}
#page-mercado .mk-list-head h2{font-size:17px}
#page-mercado .mk-list-head p{font-size:9px;margin-top:2px}
#page-mercado .mk-count{padding:5px 7px;font-size:9px}
#page-mercado .mk-more{padding:5px}
#page-mercado .mk-list{gap:4px;padding:0 6px 7px}
#page-mercado .mk-item{min-height:51px;padding:4px 7px;gap:5px;border-radius:10px;grid-template-columns:20px 34px minmax(70px,1.4fr) minmax(94px,1.05fr) minmax(70px,.8fr) minmax(73px,.8fr) 20px}
#page-mercado .mk-check{width:20px;height:20px}
#page-mercado .mk-check svg{width:14px;height:14px}
#page-mercado .mk-product-art{width:32px;height:33px;font-size:25px}
#page-mercado .mk-product-name strong{font-size:10.5px}
#page-mercado .mk-product-name small{font-size:8.5px}
#page-mercado .mk-qty{padding:2px;gap:2px;border-radius:7px}
#page-mercado .mk-qty button{min-width:22px;height:23px;font-size:15px}
#page-mercado .mk-qty input{font-size:10px}
#page-mercado .mk-unit{font-size:9px}
#page-mercado .mk-price-box label,#page-mercado .mk-subtotal span{font-size:8px;margin-bottom:2px}
#page-mercado .mk-price-entry input{font-size:10px;padding:2px 1px}
#page-mercado .mk-subtotal strong{font-size:11px}
#page-mercado .mk-remove svg{width:15px;height:15px}
#page-mercado .mk-total{margin-top:6px;padding:3px;border-radius:14px}
#page-mercado .mk-total-detail{padding:7px 3px;gap:5px}
#page-mercado .mk-metric-emoji{font-size:21px}
#page-mercado .mk-total-detail span{font-size:9px}
#page-mercado .mk-total-detail strong{font-size:13px;margin-top:2px}
#page-mercado .mk-grand-total{gap:6px;padding:8px;border-radius:12px}
#page-mercado .mk-grand-total>span{font-size:22px}
#page-mercado .mk-grand-total small{font-size:10px}
#page-mercado .mk-grand-total strong{font-size:19px}
#page-mercado .mk-grand-total em{font-size:8px}
#page-mercado .mk-footer-actions{gap:6px;margin-top:6px}
#page-mercado .mk-footer-actions button,#page-mercado .mk-action{min-height:35px;padding:6px 8px;border-radius:9px;font-size:10px;gap:5px}
#page-mercado .mk-footer-actions svg,#page-mercado .mk-action svg{width:15px;height:15px}
@media(max-width:1100px){
 #page-mercado .mk-item{grid-template-columns:20px 32px minmax(70px,1.4fr) minmax(94px,1.05fr) minmax(70px,.8fr) minmax(73px,.8fr) 20px;gap:5px}
 #page-mercado .mk-cat{padding:5px 7px;gap:5px}
 #page-mercado .mk-cat-emoji{width:34px;height:35px;font-size:26px}
}
@media(max-width:700px){
 #page-mercado .mk-app{margin:-17px -12px -20px;padding:8px 9px 16px}
 #page-mercado .mk-heading{gap:5px;margin-bottom:4px}
 #page-mercado .mk-back{width:28px;height:28px}
 #page-mercado .mk-basket{width:44px;height:44px}
 #page-mercado .mk-basket img{width:47px;height:47px}
 #page-mercado .mk-heading h1{font-size:21px;margin-bottom:2px}
 #page-mercado .mk-heading p{font-size:9px;line-height:1.3}
 #page-mercado .mk-search{padding:3px 7px;margin:6px 0;border-radius:10px}
 #page-mercado .mk-search input{font-size:10px;padding:4px}
 #page-mercado .mk-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-bottom:8px}
 #page-mercado .mk-cat{min-height:43px;padding:3px 6px;gap:4px;border-radius:9px;font-size:10.5px}
 #page-mercado .mk-cat-emoji{width:29px;height:30px;font-size:23px}
 #page-mercado .mk-list-head{padding:9px 9px 6px}
 #page-mercado .mk-list-head h2{font-size:15px}
 #page-mercado .mk-list{gap:3px;padding:0 5px 6px}
 #page-mercado .mk-item{grid-template-columns:19px 31px minmax(0,1fr) 20px;grid-template-rows:auto auto auto;min-height:88px;gap:2px 5px;padding:4px 6px;border-radius:9px}
 #page-mercado .mk-check{grid-column:1;grid-row:1;width:18px;height:18px}
 #page-mercado .mk-product-art{grid-column:2;grid-row:1;width:30px;height:30px;font-size:23px}
 #page-mercado .mk-product-name{grid-column:3;grid-row:1}
 #page-mercado .mk-product-name strong{font-size:10.5px}
 #page-mercado .mk-product-name small{font-size:8.5px}
 #page-mercado .mk-remove{grid-column:4;grid-row:1}
 #page-mercado .mk-qty{grid-column:1/3;grid-row:2;width:clamp(112px,34vw,130px);max-width:130px;padding:2px}
 #page-mercado .mk-qty button{min-width:21px;height:22px}
 #page-mercado .mk-qty input{font-size:10px}
 #page-mercado .mk-price-box{grid-column:3/5;grid-row:2;justify-self:end;width:min(96px,29vw);max-width:96px}
 #page-mercado .mk-price-box label{font-size:8px;margin-bottom:2px}
 #page-mercado .mk-subtotal{grid-column:1/5;grid-row:3;display:flex;justify-content:flex-end;align-items:center;gap:5px;padding-top:3px}
 #page-mercado .mk-subtotal span{font-size:8px;margin:0}
 #page-mercado .mk-subtotal strong{font-size:10px}
 #page-mercado .mk-total{margin-top:5px;padding:3px;border-radius:12px}
 #page-mercado .mk-total-detail{padding:5px 2px;gap:2px;flex-direction:column;text-align:center}
 #page-mercado .mk-metric-emoji{font-size:16px}
 #page-mercado .mk-total-detail span{font-size:8px}
 #page-mercado .mk-total-detail strong{font-size:11px}
 #page-mercado .mk-grand-total{grid-column:1/-1;min-height:51px;margin-top:2px;padding:6px;gap:6px;border-radius:10px}
 #page-mercado .mk-grand-total>span{font-size:19px}
 #page-mercado .mk-grand-total strong{font-size:18px}
 #page-mercado .mk-footer-actions{grid-template-columns:1fr 1fr;gap:5px;margin-top:5px}
 #page-mercado .mk-footer-actions button{min-height:34px;padding:5px 6px;font-size:9.5px;border-radius:9px}
 #page-mercado .mk-footer-actions .mk-primary{grid-column:1/-1;grid-row:2}
 #page-mercado .mk-notice{font-size:8px;margin-top:6px}
}
@media(max-width:385px){
 #page-mercado .mk-cat{font-size:10px}
 #page-mercado .mk-cat-emoji{width:27px;height:28px}
 #page-mercado .mk-qty{width:clamp(109px,34vw,125px)}
 #page-mercado .mk-price-box{width:min(90px,29vw)}
}
/* Mercado — categorias em 2 linhas de 4 e componentes menores. */
#page-mercado .mk-app{max-width:860px;padding:10px 10px 13px}
#page-mercado .mk-heading{gap:7px;margin-bottom:5px}
#page-mercado .mk-back{width:27px;height:27px;border-radius:8px}
#page-mercado .mk-back svg{width:15px}
#page-mercado .mk-basket{width:53px;height:50px}
#page-mercado .mk-basket img{width:54px;height:52px}
#page-mercado .mk-heading h1{font-size:26px;margin-bottom:2px}
#page-mercado .mk-heading p{font-size:12px;line-height:1.3}
#page-mercado .mk-search{margin:6px 0;padding:3px 6px;border-radius:10px}
#page-mercado .mk-search-icon{width:15px;height:15px}
#page-mercado .mk-search input{font-size:10px;padding:4px}
#page-mercado .mk-search button{padding:4px 6px}
#page-mercado .mk-search button svg{width:15px;height:15px}
#page-mercado .mk-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:7px}
#page-mercado .mk-cat{min-height:44px;padding:3px 5px;gap:5px;font-size:10px;border-radius:9px}
#page-mercado .mk-cat-emoji{width:28px;height:29px;font-size:22px}
#page-mercado .mk-card{border-radius:12px}
#page-mercado .mk-list-head{padding:7px 9px 5px}
#page-mercado .mk-list-head h2{font-size:17px}
#page-mercado .mk-count{padding:4px 6px;font-size:8.5px}
#page-mercado .mk-more{padding:4px}
#page-mercado .mk-list{gap:3px;padding:0 5px 6px}
#page-mercado .mk-item{min-height:46px;padding:3px 6px;gap:4px;border-radius:9px;grid-template-columns:19px 34px minmax(65px,1.4fr) minmax(88px,1.05fr) minmax(67px,.8fr) minmax(70px,.8fr) 19px}
#page-mercado .mk-check{width:19px;height:19px}
#page-mercado .mk-product-art{width:33px;height:34px;font-size:24px}
#page-mercado .mk-product-name strong{font-size:11px}
#page-mercado .mk-product-name small{font-size:8.5px}
#page-mercado .mk-qty button{min-width:20px;height:21px;font-size:14px}
#page-mercado .mk-qty input{font-size:9.5px}
#page-mercado .mk-price-entry input{font-size:10.5px}
#page-mercado .mk-subtotal strong{font-size:10px}
#page-mercado .mk-total{margin-top:5px;padding:3px;border-radius:11px}
#page-mercado .mk-total-detail{padding:5px 2px;gap:3px}
#page-mercado .mk-metric-emoji{font-size:19px}
#page-mercado .mk-total-detail span{font-size:8.5px}
#page-mercado .mk-total-detail strong{font-size:12px}
#page-mercado .mk-grand-total{padding:6px;gap:5px;border-radius:10px}
#page-mercado .mk-grand-total>span{font-size:20px}
#page-mercado .mk-grand-total strong{font-size:18px}
#page-mercado .mk-grand-total small{font-size:9.5px}
#page-mercado .mk-footer-actions{gap:5px;margin-top:5px}
#page-mercado .mk-footer-actions button,#page-mercado .mk-action{min-height:32px;padding:5px 7px;border-radius:8px;font-size:9.5px;gap:4px}
#page-mercado .mk-footer-actions svg,#page-mercado .mk-action svg{width:14px;height:14px}
@media(max-width:700px){
 #page-mercado .mk-app{margin:-17px -12px -20px;padding:7px 8px 13px}
 #page-mercado .mk-heading{gap:4px;margin-bottom:3px}
 #page-mercado .mk-back{width:25px;height:25px}
 #page-mercado .mk-basket{width:39px;height:39px}
 #page-mercado .mk-basket img{width:41px;height:41px}
 #page-mercado .mk-heading h1{font-size:24px;margin-bottom:1px}
 #page-mercado .mk-heading p{font-size:10.5px;line-height:1.22}
 #page-mercado .mk-search{margin:5px 0;padding:2px 6px}
 #page-mercado .mk-search input{font-size:9.5px;padding:4px}
 #page-mercado .mk-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:7px}
 #page-mercado .mk-cat{flex-direction:column;align-items:center;justify-content:center;min-height:47px;padding:3px 1px;gap:1px;text-align:center;font-size:9px;line-height:1.12;border-radius:9px}
 #page-mercado .mk-cat-emoji{width:25px;height:25px;font-size:20px}
 #page-mercado .mk-list-head{padding:7px 8px 5px}
 #page-mercado .mk-list-head h2{font-size:16px}
 #page-mercado .mk-list{padding:0 4px 5px;gap:3px}
 #page-mercado .mk-item{grid-template-columns:18px 28px minmax(0,1fr) minmax(74px,88px) 19px;grid-template-rows:auto auto;min-height:59px;gap:2px 4px;padding:3px 5px;border-radius:8px}
 #page-mercado .mk-check{grid-column:1;grid-row:1;width:17px;height:17px}
 #page-mercado .mk-product-art{grid-column:2;grid-row:1;width:27px;height:27px;font-size:21px}
 #page-mercado .mk-product-name{grid-column:3;grid-row:1}
 #page-mercado .mk-product-name strong{font-size:11px}
 #page-mercado .mk-product-name small{font-size:8.5px}
 #page-mercado .mk-remove{grid-column:5;grid-row:1/3;align-self:center;justify-self:center;padding:2px}
 #page-mercado .mk-qty{grid-column:1/4;grid-row:2;width:clamp(106px,32vw,120px);max-width:120px;padding:1px}
 #page-mercado .mk-qty button{min-width:20px;height:20px}
 #page-mercado .mk-qty input{font-size:9.5px}
 #page-mercado .mk-price-box{grid-column:4;grid-row:1;justify-self:end;width:min(88px,28vw);max-width:88px}
 #page-mercado .mk-price-box label{font-size:7.5px;margin-bottom:1px}
 #page-mercado .mk-subtotal{grid-column:4;grid-row:2;justify-self:end;width:min(88px,28vw);max-width:88px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;padding-top:0;border-top:0;text-align:left}
 #page-mercado .mk-subtotal span{font-size:7.5px}
 #page-mercado .mk-subtotal strong{font-size:9.5px}
 #page-mercado .mk-total-detail{padding:4px 1px;gap:1px}
 #page-mercado .mk-metric-emoji{font-size:15px}
 #page-mercado .mk-total-detail span{font-size:7.5px}
 #page-mercado .mk-total-detail strong{font-size:10px}
 #page-mercado .mk-grand-total{grid-column:1/-1;min-height:43px;margin-top:1px;padding:4px;gap:5px}
 #page-mercado .mk-grand-total>span{font-size:17px}
 #page-mercado .mk-grand-total strong{font-size:16px}
 #page-mercado .mk-grand-total small{font-size:9px}
 #page-mercado .mk-footer-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:5px}
 #page-mercado .mk-footer-actions button{min-height:32px;padding:4px 3px;font-size:8.5px;gap:3px}
 #page-mercado .mk-footer-actions .mk-primary{grid-column:auto;grid-row:auto}
 #page-mercado .mk-footer-actions svg{width:12px;height:12px;flex:none}
 #page-mercado .mk-notice{font-size:7.5px;margin-top:5px}
}
@media(max-width:350px){
 #page-mercado .mk-cat{font-size:8px;min-height:45px}
 #page-mercado .mk-cat-emoji{width:22px;height:22px}
 #page-mercado .mk-footer-actions button{font-size:8px}
}
/* Mercado: item, quantidade, preço, subtotal e lixeira em uma única linha. */
@media(max-width:700px){
 #page-mercado .mk-item{grid-template-columns:16px 24px minmax(0,1fr) minmax(96px,1.5fr) minmax(44px,.7fr) minmax(52px,.85fr) 16px;grid-template-rows:auto;align-items:center;column-gap:clamp(3px,.8vw,7px);row-gap:0;min-height:43px;padding:3px 4px}
 #page-mercado .mk-check{grid-column:1;grid-row:1;width:16px;height:16px}
 #page-mercado .mk-product-art{grid-column:2;grid-row:1;width:24px;height:27px;font-size:20px}
 #page-mercado .mk-product-name{grid-column:3;grid-row:1;min-width:0}
 #page-mercado .mk-product-name strong{font-size:9.8px;line-height:1.14}
 #page-mercado .mk-product-name small{font-size:7.6px;line-height:1.1;margin-top:1px}
 #page-mercado .mk-qty{grid-column:4;grid-row:1;justify-self:start;width:100%;max-width:none;min-width:0;gap:1px;padding:1px}
 #page-mercado .mk-qty button{min-width:16px;width:16px;height:20px;font-size:12px}
 #page-mercado .mk-qty input{flex:1 1 24px;width:24px;min-width:0;font-size:10px}
 #page-mercado .mk-unit{flex:0 0 31px;width:31px;max-width:31px;min-width:0;padding:0;font-size:9px}
 #page-mercado .mk-price-box{grid-column:5;grid-row:1;justify-self:center;width:min(100%,80px);max-width:80px;min-width:0}
 #page-mercado .mk-price-box label{font-size:7.6px;line-height:1.1;margin-bottom:1px;overflow:hidden}
 #page-mercado .mk-price-entry{gap:0;font-size:9.6px}
 #page-mercado .mk-price-entry input{font-size:9.8px;padding:1px 0;min-width:0}
 #page-mercado .mk-subtotal{grid-column:6;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;justify-self:center;width:max-content;max-width:100%;min-width:0;gap:1px;padding:0;border:0;text-align:left}
 #page-mercado .mk-subtotal span{font-size:7.6px;line-height:1.1;margin:0}
 #page-mercado .mk-subtotal strong{font-size:10px;letter-spacing:-.3px;line-height:1.15}
 #page-mercado .mk-remove{grid-column:7;grid-row:1;align-self:center;justify-self:center;padding:0}
 #page-mercado .mk-remove svg{width:15px;height:15px}
}
@media(max-width:350px){
 #page-mercado .mk-item{grid-template-columns:16px minmax(0,1fr) minmax(93px,1.5fr) minmax(42px,.7fr) minmax(50px,.85fr) 16px}
 #page-mercado .mk-product-art{display:none}
 #page-mercado .mk-product-name{grid-column:2}
 #page-mercado .mk-qty{grid-column:3}
 #page-mercado .mk-price-box{grid-column:4}
 #page-mercado .mk-subtotal{grid-column:5}
 #page-mercado .mk-remove{grid-column:6}
}