/* Shared ShopTV bottom dock: mobile-only, consistent for buyer and seller. */
.shop-bottom-nav,.dashboard-shop-bottom-nav{display:none!important}
@media(max-width:760px){
 .shop-bottom-nav,.dashboard-shop-bottom-nav{position:fixed!important;z-index:1200!important;left:50%!important;right:auto!important;bottom:calc(7px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 60px minmax(0,1fr) minmax(0,1fr)!important;align-items:center;gap:2px;width:calc(100% - 18px)!important;max-width:520px;min-height:72px;padding:8px 6px calc(8px + env(safe-area-inset-bottom));border:1px solid #CDE6FF;border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 13px 38px rgba(4,20,49,.18),0 3px 12px rgba(4,20,49,.06);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
 .shop-bottom-nav-auth{display:grid!important}
 .marketing-body{padding-bottom:calc(105px + env(safe-area-inset-bottom))!important}
 .app-body{padding-bottom:calc(87px + env(safe-area-inset-bottom))!important}
 .bottom-nav-item{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 2px;border:0;border-radius:13px;background:transparent;color:#71809B;text-decoration:none;font:inherit;transition:background .18s,color .18s,transform .18s}
 .bottom-nav-icon{display:grid;place-items:center;width:28px;height:24px;font-size:21px;line-height:1;font-weight:850}
 .bottom-nav-item small{display:block;max-width:100%;overflow:hidden;color:inherit;font-size:clamp(8px,2.5vw,10px);font-weight:850;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
 .bottom-nav-item.is-active{background:#EAF4FF;color:#075CC7}
 .bottom-nav-item:active{transform:scale(.96)}
 .bottom-nav-logo{position:relative;isolation:isolate;display:flex!important;align-items:center;justify-content:center;justify-self:center;flex-direction:column;width:62px;height:62px;margin-top:-23px;border:3px solid #fff;border-radius:20px;background:linear-gradient(145deg,#F9FDFF,#E4F3FF 56%,#C8EEFF);box-shadow:0 9px 24px rgba(5,54,125,.27);transform:none;text-decoration:none;transition:transform .2s,box-shadow .2s}
 .bottom-nav-logo:before{position:absolute;z-index:-1;inset:-6px;border:1px solid rgba(8,124,255,.2);border-radius:25px;content:"";animation:stvReelRing 3.4s ease-in-out infinite}
 .bottom-nav-logo img{display:block!important;width:49px!important;height:49px!important;max-width:none;object-fit:contain;border-radius:13px;background:transparent;box-shadow:none}
 .bottom-nav-logo-label{position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);padding:2px 8px;border:1px solid #DBEAFE;border-radius:999px;background:#fff;color:#075CC7;font-size:9px;font-weight:950;line-height:1.2;white-space:nowrap;box-shadow:0 3px 8px #06183F12}
 .bottom-nav-logo.is-active{box-shadow:0 0 0 3px #9CD7FF,0 10px 25px rgba(5,54,125,.32)}
 .bottom-nav-logo:active{transform:scale(.96)}
 .bottom-nav-item:focus-visible,.bottom-nav-logo:focus-visible{outline:3px solid #6DB8FF;outline-offset:3px}
}
@media(max-width:360px){.shop-bottom-nav,.dashboard-shop-bottom-nav{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 54px minmax(0,1fr) minmax(0,1fr)!important;width:calc(100% - 10px)!important;padding-inline:3px}.bottom-nav-icon{font-size:19px}.bottom-nav-item small{font-size:8px}.bottom-nav-logo{width:56px;height:56px;border-radius:18px}.bottom-nav-logo img{width:44px!important;height:44px!important}}
@keyframes stvReelRing{0%,100%{transform:scale(.98);opacity:.6}50%{transform:scale(1.08);opacity:1}}
@media(prefers-reduced-motion:reduce){.bottom-nav-logo:before{animation:none}.bottom-nav-item,.bottom-nav-logo{transition:none}}


/* Mobile dock v3 — compact consistent navigation with the real ShopTV mark. */
@media(max-width:760px){
 .shop-bottom-nav,.dashboard-shop-bottom-nav{z-index:1200!important;min-height:62px!important;gap:1px!important;width:calc(100% - 20px)!important;max-width:480px!important;padding:4px 5px!important;border-radius:19px!important;box-shadow:0 9px 27px rgba(4,20,49,.16),0 2px 8px rgba(4,20,49,.045)!important}
 .bottom-nav-item{gap:3px!important;padding:4px 1px!important;border-radius:11px!important}
 .bottom-nav-icon{width:25px!important;height:22px!important;font-size:18px!important}
 .bottom-nav-icon .stv-nav-svg{display:block;width:20px;height:20px;stroke-width:1.9}
 .bottom-nav-item small{font-size:clamp(7.5px,2.2vw,9px)!important;font-weight:800!important;letter-spacing:-.01em}
 .bottom-nav-logo{width:54px!important;height:54px!important;margin-top:-18px!important;border-radius:17px!important;border-width:2px!important;box-shadow:0 7px 19px #0757C933!important}
 .bottom-nav-logo:before{inset:-4px!important;border-radius:21px!important}
 .bottom-nav-reels-logo{display:block;width:43px!important;height:43px!important;object-fit:contain!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important}
 .bottom-nav-reels .bottom-nav-logo-label{bottom:-14px!important;padding:2px 7px!important;font-size:8px!important;line-height:1.1!important;box-shadow:0 2px 6px #06183F10!important}
 .shop-bottom-nav .bottom-nav-reels,.dashboard-shop-bottom-nav .bottom-nav-reels{justify-self:center;overflow:visible!important}
 .marketing-body{padding-bottom:calc(91px + env(safe-area-inset-bottom))!important}
 .app-body{padding-bottom:calc(86px + env(safe-area-inset-bottom))!important}
}
@media(max-width:360px){
 .shop-bottom-nav,.dashboard-shop-bottom-nav{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 50px minmax(0,1fr) minmax(0,1fr)!important;width:calc(100% - 12px)!important;padding-inline:3px!important}
 .bottom-nav-icon .stv-nav-svg{width:18px;height:18px}
 .bottom-nav-item small{font-size:7.4px!important}
 .bottom-nav-logo{width:50px!important;height:50px!important}
 .bottom-nav-reels-logo{width:40px!important;height:40px!important}
}


/* ShopTV Reels icon-only dock v4 — white background, no text badge/dot. */
@media(max-width:760px){
  .bottom-nav-logo.bottom-nav-reels{
    width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;
    margin-top:-15px!important;padding:3px!important;border:1px solid #D8E5F4!important;border-radius:16px!important;
    background:#fff!important;color:#087CFF!important;box-shadow:0 7px 18px rgba(6,24,63,.14)!important;
    display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;
  }
  .bottom-nav-logo.bottom-nav-reels:before{inset:-4px!important;border:1px solid rgba(8,124,255,.15)!important;border-radius:20px!important;animation:stvReelRingLite 4s ease-in-out infinite!important}
  .bottom-nav-reels-logo{display:block!important;width:40px!important;height:40px!important;object-fit:contain!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  .bottom-nav-reels .bottom-nav-logo-label{display:none!important}
  .bottom-nav-logo.bottom-nav-reels.is-active{border-color:#9DC9FF!important;background:#fff!important;box-shadow:0 0 0 3px rgba(8,124,255,.09),0 8px 20px rgba(6,24,63,.15)!important}
}
@media(max-width:360px){
  .bottom-nav-logo.bottom-nav-reels{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important}
  .bottom-nav-reels-logo{width:37px!important;height:37px!important}
}
@keyframes stvReelRingLite{0%,100%{transform:scale(.99);opacity:.35}50%{transform:scale(1.045);opacity:.8}}
@media(prefers-reduced-motion:reduce){.bottom-nav-logo.bottom-nav-reels:before{animation:none!important}}