/* Be Glowi · ajustes móviles (cargar al final) */

/* ---- Cabecera: logo a la izquierda, acciones a la derecha, buscador abajo ---- */
.header-inner{align-items:center}
.header-inner .logo{margin-right:auto;min-width:0}
.header-inner .hbtn,.header-inner .cart-btn{flex:0 0 auto}
@media(max-width:700px){
  .header-inner{padding:8px 0;gap:8px 8px}
  .logo img{height:32px}.logo b{font-size:1.25rem}
  .hbtn{padding:0 14px;height:40px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-size:.9rem}
  .hbtn[hidden]{display:none}
  .cart-btn{width:40px;height:40px}
  .hsearch{order:5;flex:1 0 100%;margin:0}
}
@media(max-width:380px){
  .logo b{font-size:1.1rem}.logo img{height:28px}
  .hbtn{padding:0 10px;font-size:.85rem}
  .pbtn span:not(.gp-badge){display:none}.pbtn{padding:0 10px}
}

/* ---- Panel: chips con snap y sin cortes ---- */
#panel{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:calc(60px + env(safe-area-inset-bottom))}
#panelTabs,.gp-subs{scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-padding:0 16px;touch-action:pan-x pan-y}
#panelTabs .chip,.gp-subs .chip{scroll-snap-align:center}
#panelTabs{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px;max-width:none}
.gp-subs{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}
@media(min-width:1000px){#panelTabs{margin-left:auto;margin-right:auto;max-width:1200px}.gp-subs{margin-left:0;margin-right:0}}

/* ---- Barra "descargar etiquetas" ---- */
.gp-bulk{flex-direction:column;align-items:stretch;gap:10px;text-align:center}
.gp-bulk .btn{width:100%;white-space:normal;text-transform:none;letter-spacing:0;line-height:1.25;display:flex;flex-direction:column;align-items:center;padding:12px 14px;height:auto}
.gp-bulk .btn small{font-weight:500;opacity:.85;font-size:.78rem}
@media(min-width:700px){.gp-bulk{flex-direction:row;align-items:center;text-align:left}.gp-bulk .btn{width:auto}}

/* ---- Visor de etiquetas (iPhone / Chrome iOS) ---- */
.lbl-viewer{position:fixed;inset:0;z-index:400;background:#fff;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}
.lbl-bar{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;background:#f4f4f6;border-bottom:1px solid #ddd}
.lbl-bar .btn{flex:1 1 auto;white-space:nowrap;padding:10px 12px}
.lbl-frame{flex:1;width:100%;border:0;background:#fff}
@media print{.lbl-bar{display:none}}