/* MOSPOCHIN KETTLE CONVERSION V1 — 2026-07-20 */
.kettle-mode-note{display:flex;align-items:flex-start;gap:.75rem;margin:0 0 1.25rem;padding:1rem 1.1rem;border:1px solid #cbd5e1;border-radius:1rem;background:#f8fafc;color:#334155;font-size:.92rem;line-height:1.45}
.kettle-mode-note::before{content:"";width:.72rem;height:.72rem;margin-top:.32rem;border-radius:999px;flex:0 0 .72rem;background:#0f766e;box-shadow:0 0 0 .3rem rgba(15,118,110,.12)}
.kettle-mode-note--call{border-color:#fed7aa;background:#fff7ed;color:#7c2d12}.kettle-mode-note--call::before{background:#ea580c;box-shadow:0 0 0 .3rem rgba(234,88,12,.12)}
.kettle-mode-note--photo{border-color:#bbf7d0;background:#f0fdf4;color:#14532d}.kettle-mode-note--photo::before{background:#16a34a;box-shadow:0 0 0 .3rem rgba(22,163,74,.12)}
.kettle-mobile-actions{display:none}
@media(max-width:767px){
 body[data-kettle-mobile-actions="true"]{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
 .kettle-mobile-actions{position:fixed;left:0;right:0;bottom:0;z-index:70;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.55rem .65rem calc(.55rem + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.97);border-top:1px solid #cbd5e1;box-shadow:0 -10px 30px rgba(15,23,42,.12);backdrop-filter:blur(12px)}
 .kettle-mobile-actions a{min-height:52px;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem .5rem;border-radius:.8rem;font-size:.88rem;font-weight:900;text-align:center;line-height:1.15;text-decoration:none}
 .kettle-mobile-actions__primary--call{background:#ea580c;color:#fff}.kettle-mobile-actions__primary--photo{background:#16a34a;color:#fff}
 .kettle-mobile-actions__secondary{background:#0f172a;color:#fff}
}


/* KETTLE_MOBILE_HEADER_CONVERSION_FIX_V1 */
@media (max-width: 767px) {
  body[data-kettle-cluster="true"] .kettle-top-bar {
    display: none !important;
  }

  body[data-kettle-cluster="true"] #header-container {
    margin-top: 0 !important;
  }

  body[data-kettle-cluster="true"] #navbar {
    position: relative !important;
    top: auto !important;
  }
}
