/* Turbomar Market — estilo móvil (hasta 700px) + barra inferior flotante (celular y PC). */
:root{--mm-teal:#19b9c6;--mm-ink:#0f1b2d;--mm-txt:#0e2a33;--mm-soft:#5c7a7f}

/* Barra inferior flotante: misma en celular y en computadora */
#tm-mnav{display:flex;position:fixed;left:50%;transform:translateX(-50%);bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:99995;gap:6px;padding:7px;border:1.5px solid var(--mm-teal);border-radius:99px;background:#ffffffe8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 28px -14px #0e2a3388}
#tm-mnav a{position:relative;display:grid;place-items:center;width:52px;height:52px;border:1px solid #d9ecea;border-radius:50%;background:#fff;color:var(--mm-ink)}
#tm-mnav a[aria-current="page"]{border-color:transparent;background:radial-gradient(circle at 35% 30%,#7be3e8,var(--mm-teal));color:#fff}
#tm-mnav a:focus-visible{outline:2px solid var(--mm-ink);outline-offset:2px}
#tm-mnav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#tm-mnav b{position:absolute;top:-3px;right:-3px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--mm-ink);color:#fff;font-size:11px}
#tm-mnav a[data-k="#/farmacias"]{border-color:#b8e9d9;background:#e4f8ef;color:#087a62}
#tm-mnav a[data-k="#/farmacias"][aria-current="page"]{background:radial-gradient(circle at 35% 30%,#7be3e8,var(--mm-teal));color:#fff;border-color:transparent}

/* Solo PC: hover, espacio para que la barra no tape el final de la página y aviso (toast) por encima */
@media (min-width:701px){
  body{padding-bottom:104px}
  #tm-mnav a{transition:transform .15s,box-shadow .15s}
  #tm-mnav a:hover{transform:translateY(-2px);box-shadow:0 6px 14px -8px #0e2a3388}
  #toast{bottom:calc(92px + env(safe-area-inset-bottom,0px))!important}
}

@media (max-width:700px){
  body{background:linear-gradient(180deg,#d3f1ec 0,#e9f6f2 380px,#f6faf9 100%) fixed;color:var(--mm-txt);padding-bottom:104px}

  /* Encabezado: logo + carrito arriba, buscador grande abajo */
  body header{border:0;background:transparent}
  body .nb{flex-wrap:wrap;gap:12px;padding:14px 16px 4px}
  body .nb .logo{flex:1}
  body .nb .bus{order:5;flex:1 0 100%}
  body .bus input{height:48px;margin:0;padding:0 48px 0 18px;border:1px solid #cfe6e2;border-radius:24px;background:#ffffffd9;font-size:15px}
  body .bus svg{top:14px;right:16px;color:var(--mm-teal)}
  body .favb,body .nb>nav,body header .cats{display:none!important}
  body .cartb{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:0 3px 12px -6px #0e2a3366;font-size:19px}
  body .cartb b{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--mm-ink);color:#fff;font-size:11px;display:grid;place-items:center}

  /* Banner principal */
  body .hero{margin:12px 16px 0;border-radius:28px;overflow:hidden;color:var(--mm-txt);background:linear-gradient(120deg,#fff 0,#dff5f1 55%,#b9e8e2 100%);box-shadow:0 12px 30px -20px #0e5a5a88}
  body .hero .w{padding:0 0 0 20px;gap:6px;align-items:flex-end}
  body .hero .w>div{padding:24px 0 22px}
  body .hero h1{font-size:24px;line-height:1.12;color:var(--mm-txt)}
  body .hero .soon{display:inline-block;margin:14px 0 0;padding:11px 20px;border-radius:99px;background:var(--mm-ink);color:#fff;font-size:15px}
  body .hero .sub{margin:10px 0 0;font-size:13px;font-weight:500;color:#3d5a60}
  body .hero-img{width:42%;max-width:190px}

  /* Títulos de sección */
  body .sh{padding-top:22px}
  body .h2{margin:0;font-size:20px;color:var(--mm-txt)}
  body .sh .sub{margin:2px 0 8px;font-size:13px;color:var(--mm-soft)}
  body .ln{display:none}

  /* Rubros: píldoras blancas en fila */
  body .cstrip{gap:10px;padding:12px 2px 8px;scroll-snap-type:x proximity}
  body .ct{flex:0 0 auto;flex-direction:row;align-items:center;gap:10px;padding:7px 16px 7px 7px;border-radius:20px;background:#fff;box-shadow:0 5px 14px -9px #0e5a5a88}
  body .cbub{width:44px;height:44px;font-size:44px;box-shadow:none}
  body .cbub .i3{width:50px;height:50px;left:-3px;top:-5px}
  body .clb{padding:0;border:0;background:none;box-shadow:none;font-size:14px;font-weight:700;color:var(--mm-txt);white-space:nowrap}

  /* Banner de alquileres */
  body .tm-rent-banner{margin:14px 16px 0;border-radius:24px}

  /* Productos: tarjetas blancas redondeadas */
  body .pcar{gap:12px;margin:0 -16px;padding:2px 16px 14px}
  body .card{border:0;border-radius:22px;background:#fff;box-shadow:0 8px 20px -12px #0e5a5a88}
  body .card .img{width:calc(100% - 16px);margin:8px 8px 0;border-radius:16px;overflow:hidden}
  body .card .b{padding:10px 12px 14px}
  body .pr{font-size:17px;color:var(--mm-ink)}
  body .bad{top:16px;left:16px;padding:3px 9px;border-radius:99px;background:#0e2a3399;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:11px}


  /* Que los botones flotantes viejos no queden tapados por la barra */
  body a[href="alquileres/"][style*="fixed"]{bottom:104px!important}
}


/* Acceso móvil a Farmacias de turno: el menú de categorías original se oculta en celular. */
@media (max-width:700px){
  #tm-mnav{gap:4px;padding:6px;max-width:calc(100vw - 16px);}
  #tm-mnav a{width:48px;height:48px;flex:0 1 48px;}
}
@media (max-width:370px){
  #tm-mnav{gap:3px;padding:5px;}
  #tm-mnav a{width:42px;height:44px;flex-basis:42px;}
  #tm-mnav svg{width:21px;height:21px;}
}