/* z.shop Smart Back v4
   Compact, RTL-first, in-flow back navigation.
   Intentionally NOT sticky/fixed and never overlays storefront content. */

.zs-shell-backbar{
  position:relative;
  z-index:30;
  padding:10px 0 6px;
  background:transparent;
  border:0;
  box-shadow:none;
}
.zs-shell-backbar-inner{
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  direction:rtl;
}
.zs-shell-smart-back{
  position:static;
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:auto;
  min-width:108px;
  min-height:42px;
  padding:8px 14px;
  margin:0;
  border:1px solid rgba(7,63,49,.14);
  border-radius:13px;
  background:#fff;
  color:var(--zs-primary,#073f31);
  box-shadow:0 3px 12px rgba(7,63,49,.045);
  font:inherit;
  font-size:13px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .12s ease;
}
.zs-shell-smart-back i{
  display:block;
  flex:0 0 auto;
  font-size:17px;
  line-height:1;
}
.zs-shell-smart-back span{display:block;line-height:1.2}
.zs-shell-smart-back:hover{
  background:#f8fbf9;
  border-color:rgba(7,63,49,.22);
  box-shadow:0 5px 16px rgba(7,63,49,.065);
}
.zs-shell-smart-back:active{
  background:#eef5f1;
  transform:translateY(1px);
}
.zs-shell-smart-back:focus-visible{
  outline:2px solid rgba(7,63,49,.30);
  outline-offset:2px;
}
body.zs-shell-menu-open .zs-shell-backbar,
body.zs-chat-open .zs-shell-backbar{
  visibility:hidden;
}

@media(max-width:720px){
  .zs-shell-backbar{
    position:relative;
    top:auto;
    z-index:30;
    padding:9px 0 5px;
    background:transparent;
    box-shadow:none;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
  .zs-shell-backbar-inner{
    width:min(100% - 24px,1180px);
    min-height:0;
  }
  .zs-shell-smart-back{
    min-width:106px;
    min-height:41px;
    padding:8px 13px;
    border-radius:12px;
    font-size:12.5px;
  }
  .zs-shell-smart-back i{font-size:16px}
}

@media(max-width:380px){
  .zs-shell-smart-back{
    min-width:102px;
    min-height:40px;
    padding-inline:12px;
  }
}

@media(prefers-reduced-motion:reduce){
  .zs-shell-smart-back{transition:none}
}