.mobile-menu-toggle,.mobile-bottom-nav,.mobile-utility-sheet,.mobile-utility-backdrop,.mobile-only-link{display:none}

@media(max-width:760px){
  html.mobile-sheet-open{overflow:hidden}
  body{padding-bottom:76px}
  .top{display:none!important}
  .main-header{min-height:112px!important;padding:9px 12px!important;grid-template-columns:46px minmax(0,1fr) 46px!important;grid-template-rows:46px 46px!important;gap:7px!important}
  .mobile-menu-toggle{display:grid;grid-column:1;grid-row:1;width:44px;height:44px;place-content:center;gap:5px;border:1px solid #d7e3ea;border-radius:12px;background:#fff;color:#07304c;cursor:pointer}
  .mobile-menu-toggle span{display:block;width:21px;height:2px;border-radius:99px;background:currentColor;transition:transform .18s ease,opacity .18s ease}
  .mobile-menu-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .mobile-menu-toggle.is-open span:nth-child(2){opacity:0}
  .mobile-menu-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .main-header .logo{grid-column:2;grid-row:1;justify-self:center!important}
  .main-header .logo i{width:38px!important;height:38px!important;font-size:23px!important}
  .main-header .logo>span{font-size:22px!important}
  .main-header form{grid-column:1/4!important;grid-row:2!important;height:44px!important}
  .header-actions{grid-column:3!important;grid-row:1!important}
  .header-actions .cart{width:44px!important;height:44px!important;border-radius:12px!important}
  .store-primary-links{display:none;position:fixed;z-index:1200;top:66px;right:12px;left:12px;max-height:calc(100dvh - 154px);padding:10px;grid-template-columns:1fr 1fr;gap:7px;overflow:auto;border:1px solid #d8e5eb;border-radius:17px;background:#fff;box-shadow:0 20px 55px rgba(0,28,51,.2);white-space:normal}
  .store-primary-links.mobile-open{display:grid}
  .store-primary-links a{display:grid!important;grid-template-columns:34px minmax(0,1fr);min-height:54px!important;align-items:center;padding:8px 10px;border-radius:11px;background:#f4f8fa;color:#163b55;text-align:right}
  .store-primary-links a span{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:#e5f4f7;color:#087e8c;font-size:16px}
  .store-primary-links .mobile-only-link{display:grid}
  main{padding-bottom:28px!important}
  .footer-widgets{padding-bottom:0}
  .mobile-bottom-nav{display:grid;position:fixed;z-index:1300;right:0;bottom:0;left:0;grid-template-columns:repeat(3,1fr);min-height:68px;padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border-top:1px solid #cfdee7;background:rgba(255,255,255,.97);box-shadow:0 -9px 28px rgba(4,37,64,.12);backdrop-filter:blur(13px)}
  .mobile-bottom-nav button,.mobile-bottom-nav a{display:grid;min-width:0;place-items:center;gap:2px;border:0;border-left:1px solid #e6edf1;background:transparent;color:#244b63;font:inherit;cursor:pointer}
  .mobile-bottom-nav>*:last-child{border-left:0}
  .mobile-bottom-nav span{font-size:20px;line-height:1}
  .mobile-bottom-nav b{max-width:100%;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
  .mobile-bottom-nav button:focus-visible,.mobile-bottom-nav a:focus-visible{border-radius:9px;outline:3px solid rgba(18,97,166,.18)}
  .mobile-utility-backdrop{display:block;position:fixed;z-index:1350;inset:0;background:rgba(1,21,40,.55);backdrop-filter:blur(2px)}
  .mobile-utility-backdrop[hidden],.mobile-utility-sheet[hidden]{display:none!important}
  .mobile-utility-sheet{display:block;position:fixed;z-index:1400;right:0;bottom:0;left:0;max-height:78dvh;padding:0 16px calc(18px + env(safe-area-inset-bottom));overflow:auto;border-radius:22px 22px 0 0;background:#fff;box-shadow:0 -24px 70px rgba(0,24,48,.3);animation:mobile-sheet-in .2s ease-out}
  .mobile-utility-sheet>header{position:sticky;top:0;height:auto;min-height:72px;padding:14px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2eaf0;background:#fff}
  .mobile-utility-sheet>header div{display:grid;gap:2px}
  .mobile-utility-sheet>header small{color:#078c99;font-size:12px;font-weight:800}
  .mobile-utility-sheet>header b{font-size:17px}
  .mobile-utility-sheet>header button{display:grid;width:40px;height:40px;place-items:center;border:1px solid #d4e0e7;border-radius:11px;background:#f7fafb;color:#123c56;font:inherit;font-size:25px;cursor:pointer}
  .mobile-sheet-links{display:grid;gap:8px;padding-top:13px}
  .mobile-sheet-links a{display:grid;grid-template-columns:42px minmax(0,1fr);gap:2px 11px;align-items:center;min-height:62px;padding:9px;border:1px solid #dce6ec;border-radius:12px;color:#153d56}
  .mobile-sheet-links a>span{grid-row:1/3;display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:#eaf6f8;color:#078895;font-size:20px}
  .mobile-sheet-links a small{color:#6c8191;font-size:12px}
  .mobile-sheet-call{border-color:#b8dee3!important;background:#f1fbfc}
  .mobile-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding-top:14px}
  .mobile-quick-grid a{display:grid;min-height:84px;place-items:center;align-content:center;gap:7px;padding:8px;border:1px solid #dce6ec;border-radius:13px;background:#f8fafb;color:#173e57;font-size:12px;font-weight:800;text-align:center}
  .mobile-quick-grid span{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#e7f5f7;color:#078795;font-size:18px}
  @keyframes mobile-sheet-in{from{transform:translateY(100%)}to{transform:none}}
}

@media(max-width:370px){
  .main-header{padding-inline:8px!important}.main-header .logo i{display:none!important}.mobile-quick-grid{grid-template-columns:1fr 1fr}
}