/* Se Me Antojo · Flujo del pedido como vistas de página (estética del pack: --green, --cream, --ink, Poppins) */
body.sma-page-open>main,body.sma-page-open>footer.boxed-footer,body.sma-page-open .sma-home-compact-bar{display:none!important}
/* El encabezado fijo y la barra inferior no tapan campos ni botones al enfocarlos */
html:has(body.sma-page-open){scroll-padding-top:150px;scroll-padding-bottom:120px}
/* Mientras el aviso de cookies está a la vista, la vista deja lugar abajo para poder subir el contenido por encima */
html:has(body.sma-page-open .privacy-notice:not([hidden])){scroll-padding-bottom:420px}
body.sma-page-open:has(.privacy-notice:not([hidden])) dialog.sma-page[open]::after{content:'';display:block;height:340px}
dialog.sma-page[open]{position:static!important;inset:auto!important;transform:none!important;display:block;box-sizing:border-box;width:min(var(--page-width,1180px),calc(100% - var(--page-gutter,20px)*2))!important;max-width:none!important;max-height:none!important;height:auto!important;margin:8px auto 120px!important;padding:32px;border:1px solid #e3e8d8;border-radius:24px!important;box-shadow:none!important;background:#fff;overflow:visible!important;animation:smaPageIn .22s ease}
dialog.sma-page.sma-page-behind{display:none!important}
@keyframes smaPageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* "✕" del pack → "← Volver" arriba a la izquierda, como B&B */
dialog.sma-page>.close{position:static!important;display:inline-flex!important;align-items:center;float:none!important;width:auto!important;height:auto!important;margin:0 0 18px!important;padding:8px 14px!important;border:1px solid #dce4d1!important;border-radius:99px!important;background:#fff!important;box-shadow:none!important;font-size:0!important;line-height:1;cursor:pointer;outline-offset:3px}
dialog.sma-page>.close::before{content:'← Volver';font:600 13px Poppins,sans-serif;color:#465c12}
dialog.sma-page>.close:hover{background:#edf3df!important;border-color:#a5bb69!important}
/* Local: la vista ocupa el ancho de la página; tiene su propia barra (volver, buscar, bolsa) */
#menuDialog.sma-page[open]{padding:0;background:#fcfcf9;overflow:clip!important;height:auto!important;max-height:none!important;max-width:none!important}
#menuDialog.sma-page>.close{display:none!important}
/* En el local no se duplican buscador y bolsa: quedan los del local (buscan en su carta) */
body.sma-menu-open>header .header-search,body.sma-menu-open>header .sma-search-toggle,body.sma-menu-open>header #sma-header-search,body.sma-menu-open>header #cartButton{display:none!important}
/* Formularios a ancho cómodo de lectura */
#authDialog.sma-page[open],#addressDialog.sma-page[open],#productDialog.sma-page[open]{width:min(760px,calc(100% - var(--page-gutter,20px)*2))!important}
#authDialog.sma-page[open]{text-align:left}
#addressDialog.sma-page .sma-pin-map{height:320px}
/* Checkout: dos columnas en PC (formulario | Tu pedido), una en el celular */
.sma-co-form{display:grid;grid-template-columns:1fr;gap:24px}
.sma-co-main{display:grid;gap:14px;min-width:0}
.sma-co-main>label,.sma-co-main>div{min-width:0}
.sma-co-aside{display:grid;gap:12px;align-content:start;padding:22px;border-radius:18px;background:var(--cream,#f5f5ee);border:1px solid #e3e8d8}
.sma-co-aside h3{margin:0;font-size:20px}
.sma-co-aside .eyebrow{margin:0}
.sma-co-items{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px}
.sma-co-items li{display:flex;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px dashed #dce4d1}
.sma-co-items b{white-space:nowrap}
.sma-co-aside .bill{margin:0}
.sma-co-aside button.primary{width:100%}
@media(min-width:1000px){
  #checkoutDialog.sma-page[open]{padding:36px 40px}
  .sma-co-form{grid-template-columns:minmax(0,1fr) 380px;gap:40px;align-items:start}
  .sma-co-aside{position:sticky;top:24px}
  #addressDialog.sma-page .sma-pin-map{height:380px}
}
@media(max-width:760px){
  dialog.sma-page[open],#authDialog.sma-page[open],#addressDialog.sma-page[open],#productDialog.sma-page[open],#checkoutDialog.sma-page[open],#cartDialog.sma-page[open]{width:100%!important;margin:0 0 110px!important;padding:20px 16px 28px;border-radius:0!important;border-left:0;border-right:0}
  #menuDialog.sma-page[open]{width:100%!important;margin:0 0 90px!important;border:0;border-radius:0!important}
}