/* Harps Club · versión móvil tipo app (solo pantallas ≤ 760 px; la computadora no cambia).
   Barra inferior fija (Inicio · Categorías · Tu logo · Buscar · Carrito), panel de categorías desde abajo
   y búsqueda a pantalla completa. Lo arma assets/app-shell.js; lo inserta scripts/build_nav.py. */
.hab,.hab-ov,.hab-sheet,.hab-search{display:none}
@media (max-width:760px){
  :root{--hab-h:64px}
  body.hab-on{padding-bottom:calc(var(--hab-h) + env(safe-area-inset-bottom) + 8px)!important}
  /* header limpio: ☰ + logo + EN/ES (el carrito y la cuenta pasan a la barra de abajo) */
  body.hab-on header.top .search,body.hab-on header.top .hlink,
  body.hab-on header.nav .nav-search,body.hab-on header.nav .nav-acct,body.hab-on header.nav .nav-cart{display:none!important}
  body.hab-on header .lang{display:flex!important;margin-left:auto;flex:none}
  body.hab-on header .lang button{min-width:40px;min-height:36px}
  body.hab-on.hab-outlet header.top .search{display:flex!important}  /* en el Outlet el buscador filtra el inventario */
  body.hab-on .mbar{display:none!important}                               /* la barra vieja del home */
  body.hab-on .toast{bottom:calc(var(--hab-h) + env(safe-area-inset-bottom) + 18px)!important;z-index:120!important}  /* avisos por encima de las barras */

  .hab{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:90;height:calc(var(--hab-h) + env(safe-area-inset-bottom));
    padding:0 6px env(safe-area-inset-bottom);background:rgba(255,255,255,.97);backdrop-filter:saturate(1.4) blur(10px);
    border-top:1px solid #e3eaf3;box-shadow:0 -6px 18px rgba(19,56,110,.07);font-family:Inter,system-ui,-apple-system,sans-serif}
  .hab a,.hab button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;
    background:none;border:0;color:#5f718a;font:inherit;font-size:11px;font-weight:600;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .hab i{font-size:24px;line-height:1}
  .hab .on{color:#13386e}
  .hab .hab-cta{position:relative;top:-14px;flex:0 0 74px;color:#13386e}
  .hab .hab-cta span.c{width:56px;height:56px;border-radius:50%;background:#f47b20;color:#fff;display:flex;align-items:center;justify-content:center;
    box-shadow:0 8px 18px rgba(244,123,32,.38);border:4px solid #fff}
  .hab .hab-cta span.c i{font-size:25px}
  .hab .hab-cta b{font-weight:700}
  .hab .hab-cart{position:relative}
  .hab .hab-badge{position:absolute;top:8px;left:50%;margin-left:4px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#f47b20;color:#fff;
    font-size:10.5px;font-weight:800;display:none;align-items:center;justify-content:center}
  .hab .hab-badge.on{display:flex}

  .hab-ov{display:block;position:fixed;inset:0;z-index:95;background:rgba(15,28,48,.45);opacity:0;pointer-events:none;transition:opacity .2s}
  .hab-ov.open{opacity:1;pointer-events:auto}
  .hab-sheet{display:block;position:fixed;left:0;right:0;bottom:0;z-index:96;max-height:86vh;overflow-y:auto;background:#fff;border-radius:20px 20px 0 0;
    padding:8px 16px calc(20px + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform .25s ease;font-family:Inter,system-ui,-apple-system,sans-serif;color:#1d2b40}
  .hab-sheet.open{transform:none}
  .hab-grab{width:40px;height:5px;border-radius:9px;background:#d5deea;margin:4px auto 12px}
  .hab-sheet h3{font-size:18px;font-weight:800;margin:4px 0 12px;color:#13386e}
  .hab-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hab-cats a{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #e3eaf3;border-radius:14px;text-decoration:none;color:#1d2b40;min-height:60px}
  .hab-cats img{width:44px;height:44px;object-fit:cover;object-position:top;border-radius:10px;background:#f5f8fc;flex:none}
  .hab-cats .hab-ini{width:44px;height:44px;border-radius:10px;background:#eef4fb;color:#13386e;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:800;flex:none}
  .hab-cats b{display:block;font-size:14px;font-weight:700;line-height:1.2}
  .hab-cats span{display:block;font-size:11.5px;color:#5f718a;margin-top:2px}
  .hab-cats a.on{border-color:#1f6fc4;background:#eef4fb}
  .hab-rows{margin-top:14px;border-top:1px solid #e3eaf3}
  .hab-rows a,.hab-rows div{display:flex;align-items:center;gap:12px;min-height:52px;border-bottom:1px solid #e3eaf3;text-decoration:none;color:#1d2b40;font-size:15px;font-weight:600}
  .hab-rows i{font-size:22px;color:#13386e;width:24px;text-align:center}
  .hab-rows .sale,.hab-rows .sale i{color:#f47b20}
  .hab-rows .hab-lang{margin-left:auto;display:flex;border:1px solid #e3eaf3;border-radius:99px;overflow:hidden}
  .hab-rows .hab-lang button{border:0;background:#fff;padding:8px 14px;font:inherit;font-size:13px;font-weight:700;color:#5f718a}
  .hab-rows .hab-lang button.on{background:#13386e;color:#fff}

  .hab-search{display:block;position:fixed;inset:0;z-index:97;background:#fff;transform:translateY(100%);transition:transform .22s ease;
    padding:calc(12px + env(safe-area-inset-top)) 16px 16px;font-family:Inter,system-ui,-apple-system,sans-serif;color:#1d2b40}
  .hab-search.open{transform:none}
  .hab-search form{display:flex;align-items:center;gap:10px}
  .hab-search label{flex:1;display:flex;align-items:center;gap:10px;height:50px;padding:0 14px;border:1.5px solid #1f6fc4;border-radius:14px;background:#fff}
  .hab-search label i{font-size:20px;color:#5f718a}
  .hab-search input{flex:1;border:0;outline:0;font:inherit;font-size:16px;color:#1d2b40;background:none;min-width:0}
  .hab-search .x{border:0;background:none;font:inherit;font-size:15px;font-weight:600;color:#1f6fc4;padding:10px 4px}
  .hab-search p{font-size:13px;color:#5f718a;margin:16px 2px 10px}
  .hab-chips{display:flex;flex-wrap:wrap;gap:8px}
  .hab-chips a{padding:10px 14px;border:1px solid #e3eaf3;border-radius:99px;font-size:14px;font-weight:600;color:#1d2b40;text-decoration:none}
}