/* Public-page mobile navigation. Desktop header styles remain page-owned. */
@media (min-width:901px) {
  .mobile-header-actions,.mobile-navigation { display:none !important; }
}
@media (max-width:900px) {
  .nav { flex-wrap:nowrap !important; min-height:72px; }
  .nav > a:first-child { flex:0 1 auto; min-width:0; }
  .nav > a:first-child img { height:40px !important; width:auto !important; max-width:144px; }
  .nav > nav[aria-label="Primary"] { display:none !important; }
  .mobile-header-actions { display:flex; align-items:center; gap:8px; margin-left:auto; }
  .mobile-header-actions .btn { min-height:44px; display:inline-flex; align-items:center; justify-content:center; padding:8px 12px; font-size:14px; white-space:nowrap; }
  .mobile-menu-toggle { width:44px; height:44px; display:grid; place-items:center; border:1px solid var(--line); border-radius:8px; background:#fff; color:var(--navy); cursor:pointer; }
  .mobile-menu-toggle:hover,.mobile-menu-toggle:focus-visible { background:var(--ice); outline:2px solid var(--teal-d); outline-offset:2px; }
  .mobile-menu-toggle svg { width:22px; height:22px; }
  .mobile-navigation { display:none; position:absolute; top:100%; left:0; right:0; padding:8px 20px 16px; background:#fff; border-bottom:1px solid var(--line); box-shadow:0 12px 24px rgba(10,37,64,.12); }
  .mobile-navigation.is-open { display:grid; }
  .mobile-navigation a { display:flex; align-items:center; min-height:44px; padding:8px 12px; color:var(--navy); text-decoration:none; font-size:15px; font-weight:600; border-radius:6px; }
  .mobile-navigation a:hover,.mobile-navigation a:focus-visible { background:var(--ice); outline:2px solid var(--teal-d); outline-offset:-2px; }
  .mobile-navigation a:last-child { border-top:1px solid var(--line); border-radius:0; margin-top:4px; }
}
@media (max-width:350px) {
  .nav { gap:6px !important; }
  .nav > a:first-child img { height:37px !important; max-width:128px; }
  .mobile-header-actions { gap:5px; }
  .mobile-header-actions .btn { padding:8px; font-size:13px; }
  footer nav { display:flex; flex-wrap:wrap; gap:8px 16px; }
  footer nav a { margin-left:0; }
}
@media (max-width:600px) {
  .pricecompare { grid-template-columns:minmax(0,1fr); }
  .pricecompare .pc { min-width:0; }
}