/* SS Mobile Navigation — isolated styles */
.ssmn-nav{
  --ssmn-primary:var(--ss-primary,#6F0B13);
  --ssmn-gold:var(--ss-gold,#C8942E);
  --ssmn-cream:var(--ss-cream,#FBF7F0);
  --ssmn-text:var(--ss-text,#241A17);
  position:fixed;
  z-index:99990;
  left:0;
  right:0;
  bottom:0;
  display:none;
  padding:8px 8px max(8px,env(safe-area-inset-bottom));
  background:rgba(255,255,255,.97);
  border-top:1px solid rgba(36,26,23,.10);
  box-shadow:0 -7px 25px rgba(36,16,15,.08);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.ssmn-inner{
  width:100%;
  max-width:650px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  align-items:end;
  gap:2px;
}
.ssmn-item{
  position:relative;
  display:flex;
  min-width:0;
  min-height:54px;
  padding:5px 2px 3px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  color:#746a65;
  text-decoration:none;
  border-radius:10px;
  transition:.2s ease;
  -webkit-tap-highlight-color:transparent;
}
.ssmn-item:hover,.ssmn-item:focus{color:var(--ssmn-primary);text-decoration:none;}
.ssmn-item.is-active{color:var(--ssmn-primary);}
.ssmn-item.is-active:before{
  content:"";
  position:absolute;
  top:0;
  width:24px;
  height:2px;
  background:var(--ssmn-gold);
  border-radius:0 0 3px 3px;
}
.ssmn-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;}
.ssmn-icon svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;}
.ssmn-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 9px/1 Arial,sans-serif;letter-spacing:.02em;}
.ssmn-badge{
  position:absolute;
  top:2px;
  right:calc(50% - 18px);
  min-width:16px;
  height:16px;
  padding:0 4px;
  border-radius:9px;
  background:var(--ssmn-primary);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font:700 8px/1 Arial,sans-serif;
  box-shadow:0 2px 6px rgba(0,0,0,.15);
}
@media (max-width:1024px){
  .ssmn-nav{display:block;}
  body{padding-bottom:76px;}
}
@media (min-width:1025px){
  .ssmn-nav{display:none!important;}
}
@media (max-width:380px){
  .ssmn-nav{padding-left:4px;padding-right:4px;}
  .ssmn-item{min-height:52px;}
  .ssmn-label{font-size:8px;}
}