/* KINTO CUSTOMER MOBILE APP SHELL V180 — navigation presentation only; no commerce logic. */
.kinto-mobile-app-nav{display:none}
@media(max-width:1024px){
  body{padding-bottom:calc(104px + env(safe-area-inset-bottom))!important}
  body .dashboard-header.kinto-customer-header{display:none!important}
  .kinto-customer-header .customer-header-actions{display:none!important}
  .kinto-customer-header .customer-header-main{padding:8px 10px!important;min-height:54px}
  .kinto-customer-header .customer-brand{margin-inline:auto!important}
  .kinto-mobile-app-nav{position:fixed;z-index:1180;inset-inline:8px;bottom:max(8px,env(safe-area-inset-bottom));min-height:72px;padding:7px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:stretch;gap:2px;border:1px solid rgba(212,175,55,.28);border-radius:24px;background:rgba(4,22,43,.97);box-shadow:0 12px 32px rgba(0,0,0,.38);contain:layout paint}
  .kinto-mobile-app-nav button,.kinto-mobile-app-nav a{position:relative;min-width:0;border:0;border-radius:14px;background:transparent;color:#c7d7d2;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:800 7px/1 "Segoe UI",Tahoma,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
  .kinto-mobile-app-nav i{font-size:18px;color:#f3e7bd}
  .kinto-mobile-app-nav .is-active{background:linear-gradient(145deg,#f5dc84,#dca62c);color:#17372f;box-shadow:0 5px 14px rgba(217,155,39,.22)}
  .kinto-mobile-app-nav .is-active i{color:#17372f}
  .kinto-mobile-app-nav .kinto-mobile-cart{transform:none}
  .kinto-mobile-app-nav .kinto-mobile-cart:not(.is-active){background:transparent;color:#c7d7d2;box-shadow:none}
  .kinto-mobile-app-nav .kinto-mobile-cart:not(.is-active) i{color:#f3e7bd}
  .kinto-mobile-app-nav .kinto-mobile-badge{position:absolute;top:1px;inset-inline-start:50%;margin-inline-start:8px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;display:none;align-items:center;justify-content:center;background:#dc2626;color:#fff;border:2px solid #063b32;font-size:8px;font-weight:950}
  .kinto-mobile-app-nav .kinto-mobile-badge.is-visible{display:flex}
  body.kinto-drawer-open .kinto-mobile-app-nav{opacity:0;pointer-events:none}
  html[data-mw-global-theme="light"] .kinto-mobile-app-nav{background:#fffdf7;border-color:#d5b655}
  html[data-mw-global-theme="light"] .kinto-mobile-app-nav button,html[data-mw-global-theme="light"] .kinto-mobile-app-nav a{color:#52645f}
  html[data-mw-global-theme="light"] .kinto-mobile-app-nav i{color:#8b6b22}
  html[data-mw-global-theme="light"] .kinto-mobile-app-nav .is-active{color:#17372f}
}

/* V223: mobile-only store chooser; desktop remains untouched. */
.kinto-mobile-stores-menu{display:none}
@media(max-width:1024px){.kinto-mobile-stores-menu{position:fixed;z-index:1181;inset-inline:16px;bottom:88px;padding:8px;border:1px solid rgba(242,200,91,.34);border-radius:16px;background:#073c33;box-shadow:0 10px 28px rgba(0,0,0,.26)}.kinto-mobile-stores-menu.is-open{display:grid;grid-template-columns:1fr 1fr;gap:7px}.kinto-mobile-stores-menu a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border-radius:12px;background:linear-gradient(110deg,#dcae32 0%,#f7dc83 38%,#fff0a8 50%,#f7dc83 62%,#dcae32 100%);background-size:220% 100%;color:#17352c;text-decoration:none;font-size:11px;font-weight:850;box-shadow:0 6px 16px rgba(220,174,50,.22);animation:kintoCustomerStoresGoldShine 2.8s ease-in-out infinite}.kinto-mobile-stores-menu i{color:#17352c}@keyframes kintoCustomerStoresGoldShine{0%,100%{background-position:100% 50%}50%{background-position:0% 50%}}}

/* V261: keep seven customer actions readable on narrow phones without changing tablet/desktop behavior. */
@media(max-width:430px){.kinto-mobile-app-nav{inset-inline:5px;padding:6px 4px;gap:1px}.kinto-mobile-app-nav button,.kinto-mobile-app-nav a{padding-inline:0;border-radius:12px;font-size:6.5px}.kinto-mobile-app-nav i{font-size:17px}.kinto-mobile-app-nav .kinto-mobile-badge{margin-inline-start:6px}}

/* V263: target rendered labels directly so dashboard/button typography cannot override app-nav labels. */
@media(max-width:1024px){.kinto-mobile-app-nav button>span,.kinto-mobile-app-nav a>span{font-size:7px!important;line-height:1!important;font-weight:800!important;white-space:nowrap!important}}
@media(max-width:430px){.kinto-mobile-app-nav button>span,.kinto-mobile-app-nav a>span{font-size:6px!important}}