/* Cooking-kettle cluster navigation — run 12 */
.kettle-cluster-nav{background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:48px 0;font-family:inherit}.kettle-cluster-nav__inner{width:min(1180px,calc(100% - 32px));margin:0 auto}.kettle-cluster-nav__head{display:flex;gap:18px;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.kettle-cluster-nav__eyebrow{font-size:12px;line-height:1.2;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#0e7490}.kettle-cluster-nav h2{margin:7px 0 0;font-size:clamp(24px,3vw,36px);line-height:1.12;color:#0f172a}.kettle-cluster-nav__tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.kettle-cluster-nav__tag{background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800;color:#334155}.kettle-cluster-nav__section{margin-top:18px}.kettle-cluster-nav__label{display:block;margin-bottom:9px;font-size:13px;font-weight:900;color:#475569}.kettle-cluster-nav__links{display:flex;flex-wrap:wrap;gap:9px}.kettle-cluster-nav__link,.kettle-cluster-nav__current{display:inline-flex;align-items:center;min-height:42px;border-radius:12px;padding:9px 13px;font-size:14px;font-weight:800;line-height:1.25;text-decoration:none}.kettle-cluster-nav__link{background:#fff;color:#0f3b5f;border:1px solid #cbd5e1;box-shadow:0 1px 2px rgba(15,23,42,.04)}.kettle-cluster-nav__link:hover,.kettle-cluster-nav__link:focus-visible{border-color:#0891b2;color:#0e7490;outline:3px solid rgba(8,145,178,.15);outline-offset:1px}.kettle-cluster-nav__current{background:#0f3b5f;color:#fff;border:1px solid #0f3b5f}.kettle-cluster-nav__related{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.kettle-cluster-nav__related .kettle-cluster-nav__link{min-height:56px}.kettle-cluster-nav__sequence{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.kettle-cluster-nav__sequence a{display:flex;flex-direction:column;gap:4px;border:1px solid #cbd5e1;background:#fff;border-radius:14px;padding:14px 16px;text-decoration:none}.kettle-cluster-nav__sequence a:last-child{text-align:right}.kettle-cluster-nav__sequence small{font-weight:800;color:#64748b}.kettle-cluster-nav__sequence strong{color:#0f3b5f}.kettle-cluster-nav__sequence a:hover{border-color:#0891b2}@media(max-width:820px){.kettle-cluster-nav{padding:34px 0}.kettle-cluster-nav__head{display:block}.kettle-cluster-nav__tags{justify-content:flex-start;margin-top:13px}.kettle-cluster-nav__related{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.kettle-cluster-nav__inner{width:min(100% - 24px,1180px)}.kettle-cluster-nav__links{gap:7px}.kettle-cluster-nav__link,.kettle-cluster-nav__current{font-size:13px;padding:8px 10px;min-height:40px}.kettle-cluster-nav__related{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.kettle-cluster-nav__related .kettle-cluster-nav__link{min-height:50px;font-size:12.5px}.kettle-cluster-nav__sequence{grid-template-columns:1fr}.kettle-cluster-nav__sequence a:last-child{text-align:left}}
@media(max-width:340px){.kettle-cluster-nav__related{grid-template-columns:1fr}}

/* 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;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;
  }
}

/* COOKING_KETTLES_MOBILE_LEGACY_HERO_OFFSET_FIX_V2 */
@media (max-width: 767px) {
  body[data-kettle-cluster="true"].page-direct-landing > section[data-kettle-error-page="hero"],
  body[data-kettle-cluster="true"].page-direct-landing > section[data-kettle-page="hero"] {
    padding-top: 3.5rem !important;
  }
}

.kettle-media-section{padding:58px 0;background:#f8fafc;border-block:1px solid #e2e8f0}
.kettle-media-shell{width:min(1180px,calc(100% - 32px));margin-inline:auto;display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);gap:32px;align-items:center}
.kettle-media-copy{max-width:560px}.kettle-media-eyebrow{margin:0 0 8px;font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#ea580c}
.kettle-media-copy h2{margin:0;font-size:clamp(26px,3vw,40px);line-height:1.15;font-weight:900;color:#0f172a}.kettle-media-copy>p:last-child{margin:14px 0 0;color:#475569;font-size:16px;line-height:1.72}
.kettle-media-figure{margin:0;overflow:hidden;border:1px solid #dbe3ec;border-radius:24px;background:#fff;box-shadow:0 16px 36px rgba(15,23,42,.10)}
.kettle-media-figure picture,.kettle-media-figure img{display:block;width:100%}.kettle-media-figure img{height:auto;aspect-ratio:30/19;object-fit:contain;background:#f8fafc}
.kettle-media-figure[data-media-kind="photo"] img{aspect-ratio:4/3;object-fit:cover;object-position:center 38%}
.kettle-media-figure figcaption{padding:13px 16px;color:#475569;font-size:13px;line-height:1.55;border-top:1px solid #e2e8f0}
.kettle-media-note{grid-column:1/-1;margin:-10px 0 0;color:#64748b;font-size:12px;line-height:1.6}
@media(max-width:820px){.kettle-media-section{padding:44px 0}.kettle-media-shell{grid-template-columns:1fr;gap:22px}.kettle-media-copy{max-width:none}.kettle-media-figure[data-media-kind="photo"] img{aspect-ratio:4/3}.kettle-media-note{margin-top:-4px}}

/* CONTENTW: desktop page column = the shared .content-shell (src/styles/site.css). Desktop only: the mobile
   width rules above stay untouched. */
.kettle-media-shell{width:min(var(--content-inner),calc(100% - 2 * var(--content-gutter)))}