/* ============================================================
   SPINIA multi2 — layout variant.
   Loaded AFTER spinia.css. Turns the fixed left rail into a
   horizontal top bar; everything else inherits the base theme.
   ============================================================ */

/* ---- kill the rail's fixed column ---------------------------------- */
@media(min-width:1180px){
  .sp-rail{
    position:sticky; top:0; left:auto;
    width:100%; height:auto;
    flex-direction:row; align-items:center;
    gap:6px; padding:8px 18px;
    border-right:0; border-bottom:1px solid var(--sp-line);
    box-shadow:0 2px 14px rgba(14,57,68,.06);
    z-index:60;
  }
  .sp-shell{margin-left:0}          /* content is no longer offset by the rail */
  .sp-catnav{top:74px}              /* sticky category row sits under the bar */
}

/* ---- brand ---------------------------------------------------------- */
.sp-rail__logo{width:auto;height:44px;flex:0 0 auto;margin-right:6px}
.sp-rail__logo img{height:44px;width:auto}

/* ---- primary nav becomes a row -------------------------------------- */
.sp-rail__nav{flex-direction:row;width:auto;gap:2px;margin-top:0;flex:1 1 auto;justify-content:center}
.sp-rail__item{
  flex-direction:row; gap:8px; width:auto;
  padding:9px 13px; border-radius:12px; font-size:.72rem;
}
.sp-rail__item svg{width:19px;height:19px}

/* ---- auth buttons move to the right --------------------------------- */
.sp-rail__auth{flex-direction:row;width:auto;gap:8px;order:3;flex:0 0 auto}
.sp-rail__auth .sp-btn{width:auto;padding:.66em 1.15em;font-size:.72rem}

/* ---- VIP chip ------------------------------------------------------- */
.sp-rail__vip{
  width:auto; order:2; flex:0 0 auto;
  display:inline-flex; align-items:center; gap:7px;
  padding:8px 14px; border-radius:999px; font-size:.62rem;
}
.sp-rail__vip b{display:inline;font-size:1rem;margin:0}

/* ---- language + live chat ------------------------------------------- */
.sp-rail__foot{
  margin-top:0; order:4; flex:0 0 auto;
  flex-direction:row; align-items:center; gap:12px; width:auto; padding-top:0;
}
.sp-rail__foot > a{flex-direction:row;gap:6px;font-size:.62rem}
.sp-lang-cur{flex-direction:row;gap:6px;font-size:.62rem}
/* the menu now hangs DOWN from a top bar instead of up from a column */
.sp-lang--rail .sp-lang-menu{
  position:absolute; left:auto; right:0; bottom:auto; top:130%;
  transform:none; min-width:180px;
}

/* ---- tighten for mid-desktop ---------------------------------------- */
@media(min-width:1180px) and (max-width:1340px){
  .sp-rail__item{padding:9px 9px;font-size:.66rem}
  .sp-rail__item svg{width:17px;height:17px}
  .sp-rail__vip{padding:8px 10px}
}