/* Vtik Platform 1.13.64 — Navigation Core / Global Back */
.vtik-back-button{
  --vtik-back-size:44px;
  --vtik-back-color:#fff;
  width:var(--vtik-back-size)!important;height:var(--vtik-back-size)!important;min-width:var(--vtik-back-size)!important;
  padding:0!important;margin:0!important;display:inline-grid!important;place-items:center!important;flex:0 0 var(--vtik-back-size)!important;
  border:0!important;border-radius:0!important;background:transparent!important;color:var(--vtik-back-color)!important;text-decoration:none!important;
  box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  cursor:pointer;transition:transform .14s ease,opacity .14s ease;opacity:.96;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;z-index:5;line-height:1!important;font-size:0!important;
}
.vtik-back-button:hover{background:transparent!important;border:0!important;box-shadow:none!important;opacity:1;transform:translateX(-1px)}
.vtik-back-button:active{background:transparent!important;transform:translateX(-2px) scale(.94)}
.vtik-back-button:focus-visible{outline:3px solid rgba(69,185,107,.42);outline-offset:2px}
.vtik-back-button svg{width:28px;height:28px;display:block;fill:none;stroke:currentColor;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.vtik-back-button .vtik-back-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.vtik-back-button[data-vtik-back-tone="dark"],.vtik-back-button.is-on-light{--vtik-back-color:#17191d}
.vtik-back-host{position:relative}
.vtik-back-floating{position:fixed;left:max(8px,env(safe-area-inset-left,0px));top:max(8px,calc(env(safe-area-inset-top,0px) + 6px));z-index:1000003;background:transparent!important}
/* Legacy Back anchors are normalized in place by Navigation Core; their labels/icons never survive enhancement. */
.vtik-back-button.seller-back,.vtik-back-button.vc-back,.vtik-back-button.vo-back,.vtik-back-button.co-back,.vtik-back-button.sc-back{font-size:0!important;font-weight:400!important;color:var(--vtik-back-color)!important}
/* Grid headers reserve exactly one predictable 44px Back column when Navigation Core injects the control. */
.vtik-topbar.vtik-has-back{grid-template-columns:44px 76px minmax(0,1fr) 48px!important}
.vp-header.vtik-has-back{grid-template-columns:44px auto auto minmax(260px,460px) 1fr auto auto!important}
.vs-head-inner.vtik-has-back{grid-template-columns:44px auto minmax(0,1fr) auto!important}
@media(max-width:900px){
  .vp-header.vtik-has-back{grid-template-columns:44px auto 1fr auto!important;gap:10px!important}
  .vp-header.vtik-has-back .vp-navlink,.vp-header.vtik-has-back .vp-search{display:none!important}
}
@media(max-width:760px){
  .vs-head-inner.vtik-has-back{grid-template-columns:44px auto 1fr!important;gap:7px!important}
  .vs-head-inner.vtik-has-back .vs-submit{display:none!important}
}
@media(max-width:560px){
  .vtik-back-button{--vtik-back-size:44px}
  .vtik-topbar.vtik-has-back{grid-template-columns:44px 58px minmax(0,1fr) 42px!important;gap:4px!important;padding-left:max(5px,env(safe-area-inset-left,0px))!important;padding-right:max(7px,env(safe-area-inset-right,0px))!important}
  .vtik-topbar.vtik-has-back .vtik-brand b{display:none}
  .vp-header.vtik-has-back{grid-template-columns:44px auto 1fr auto!important;padding-left:max(6px,env(safe-area-inset-left,0px))!important;padding-right:10px!important}
}
@media(prefers-reduced-motion:reduce){.vtik-back-button{transition:none}}

/* Vtik 1.9.5 — one compact, white navigation system across Vtik app pages. */
.vtik-unified-nav{
  --vtik-unav-safe:env(safe-area-inset-bottom,0px);
  position:fixed;z-index:999;left:50%;bottom:calc(7px + var(--vtik-unav-safe));
  transform:translateX(-50%);width:min(540px,calc(100% - 16px));height:58px;
  display:grid;grid-template-columns:repeat(5,1fr);align-items:center;
  padding:4px 7px;border:1px solid rgba(17,24,39,.10);border-radius:19px;
  background:#fff;color:#17191d;box-shadow:0 10px 30px rgba(0,0,0,.18);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}
.vtik-unified-nav *{box-sizing:border-box}
.vtik-unified-nav a{text-decoration:none!important}
.vtik-unified-nav__item{height:48px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:13px;color:#747981!important;transition:background .16s ease,color .16s ease,transform .16s ease}
.vtik-unified-nav__item:active{transform:scale(.96)}
.vtik-unified-nav__item.is-active{color:#111318!important;background:#f2f4f6}
.vtik-unified-nav__icon{width:22px;height:22px;display:grid;place-items:center}
.vtik-unified-nav__icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.vtik-unified-nav small{display:block;margin:0;font-size:9px;line-height:1.05;font-weight:800;letter-spacing:0;color:inherit;white-space:nowrap}
.vtik-unified-nav__create{align-self:center;justify-self:center;width:50px;height:46px;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;background:linear-gradient(135deg,#45B96B,#2F8F50);color:#fff!important;box-shadow:0 6px 16px rgba(69,185,107,.24);transition:transform .16s ease,box-shadow .16s ease}
.vtik-unified-nav__create:active{transform:scale(.95);box-shadow:0 3px 10px rgba(69,185,107,.20)}
.vtik-unified-nav__create>span{font-size:25px;line-height:20px;font-weight:500;margin-top:-1px}
.vtik-unified-nav__create small{font-size:8px;color:#fff!important;margin-top:2px}
body.vtik-platform-feed-page .vtik-unified-nav{z-index:80}
@media(max-width:600px){
  .vtik-unified-nav{bottom:calc(4px + var(--vtik-unav-safe));width:calc(100% - 10px);height:56px;border-radius:17px;padding:3px 5px}
  .vtik-unified-nav__item{height:46px;border-radius:12px}
  .vtik-unified-nav__create{width:47px;height:44px;border-radius:14px}
  .vtik-unified-nav__icon{width:21px;height:21px}.vtik-unified-nav__icon svg{width:20px;height:20px}
  .vtik-unified-nav small{font-size:8.5px}
}
@media(min-width:900px){
  .vtik-unified-nav{height:60px;bottom:10px}
}
@media(prefers-reduced-motion:reduce){.vtik-unified-nav *{transition:none!important}}


/* ============================================================
   Vtik Platform 1.9.6 — App Dock
   Edge-to-edge bottom navigation inspired by familiar mobile app
   ergonomics, while retaining original Vtik icons, spacing and accent.
   ============================================================ */
:root{--vtik-app-nav-h:64px;--vtik-app-nav-safe:env(safe-area-inset-bottom,0px)}
.vtik-unified-nav{
  left:0!important;right:0!important;bottom:0!important;transform:none!important;
  width:100%!important;max-width:none!important;height:calc(var(--vtik-app-nav-h) + var(--vtik-app-nav-safe))!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  padding:5px max(8px,env(safe-area-inset-right,0px)) var(--vtik-app-nav-safe) max(8px,env(safe-area-inset-left,0px))!important;
  border:0!important;border-top:1px solid #e8eaed!important;border-radius:0!important;
  background:#fff!important;color:#14171b!important;box-shadow:0 -2px 14px rgba(15,23,42,.07)!important;
}
.vtik-unified-nav__item{
  height:54px!important;border-radius:10px!important;gap:2px!important;color:#6b7078!important;background:transparent!important;
}
.vtik-unified-nav__item:hover{background:#f7f8fa!important;color:#24272c!important}
.vtik-unified-nav__item.is-active{background:transparent!important;color:#111318!important}
.vtik-unified-nav__item.is-active .vtik-unified-nav__icon{position:relative}
.vtik-unified-nav__item.is-active .vtik-unified-nav__icon:after{content:"";position:absolute;left:50%;bottom:-5px;width:13px;height:2px;transform:translateX(-50%);border-radius:99px;background:#45B96B}
.vtik-unified-nav__icon{width:25px!important;height:25px!important}
.vtik-unified-nav__icon svg{width:24px!important;height:24px!important;stroke-width:1.9!important}
.vtik-unified-nav small{font-size:10px!important;line-height:1!important;font-weight:750!important;color:inherit!important}
.vtik-unified-nav__create{
  align-self:center!important;justify-self:center!important;width:52px!important;height:36px!important;border-radius:10px!important;
  display:grid!important;place-items:center!important;background:#fff!important;color:#13161a!important;border:2px solid #45B96B!important;
  box-shadow:0 2px 8px rgba(69,185,107,.18)!important;position:relative!important;overflow:visible!important;
}
.vtik-unified-nav__create:before,.vtik-unified-nav__create:after{content:"";position:absolute;top:5px;bottom:5px;width:3px;border-radius:5px;background:#45B96B;opacity:.22}
.vtik-unified-nav__create:before{left:-5px}.vtik-unified-nav__create:after{right:-5px}
.vtik-unified-nav__create>span{font-size:27px!important;line-height:1!important;font-weight:450!important;margin:0!important;transform:translateY(-1px)}
.vtik-unified-nav__create small{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body:not(.vtik-platform-feed-page):has(.vtik-unified-nav){padding-bottom:calc(var(--vtik-app-nav-h) + var(--vtik-app-nav-safe))!important}
body.vtik-platform-feed-page .vtik-unified-nav{z-index:1000!important}
@media(max-width:600px){
  :root{--vtik-app-nav-h:62px}
  .vtik-unified-nav__item{height:52px!important}
  .vtik-unified-nav__icon{width:24px!important;height:24px!important}.vtik-unified-nav__icon svg{width:23px!important;height:23px!important}
  .vtik-unified-nav small{font-size:9.5px!important}
  .vtik-unified-nav__create{width:50px!important;height:35px!important}
}
@media(min-width:900px){
  .vtik-unified-nav{padding-left:max(18px,calc((100vw - 760px)/2))!important;padding-right:max(18px,calc((100vw - 760px)/2))!important}
}


/* ============================================================
   Vtik Platform 1.9.7 — Compact Rounded App Dock
   Original Vtik geometry with dual-accent create control.
   ============================================================ */
:root{--vtik-app-nav-h:56px;--vtik-app-nav-gap:5px;--vtik-app-nav-safe:env(safe-area-inset-bottom,0px)}
.vtik-unified-nav{
  left:50%!important;right:auto!important;bottom:calc(var(--vtik-app-nav-gap) + var(--vtik-app-nav-safe))!important;
  transform:translateX(-50%)!important;width:min(540px,calc(100% - 12px))!important;max-width:540px!important;
  height:var(--vtik-app-nav-h)!important;padding:3px 6px!important;
  border:1px solid rgba(17,24,39,.10)!important;border-radius:18px!important;
  background:#fff!important;box-shadow:0 7px 22px rgba(15,23,42,.13)!important;
}
.vtik-unified-nav__item{height:48px!important;border-radius:12px!important;gap:1px!important}
.vtik-unified-nav__icon{width:22px!important;height:22px!important}.vtik-unified-nav__icon svg{width:21px!important;height:21px!important}
.vtik-unified-nav small{font-size:8.5px!important;font-weight:760!important}
.vtik-unified-nav__item.is-active .vtik-unified-nav__icon:after{bottom:-4px!important;width:11px!important;height:2px!important;background:#45B96B!important}
.vtik-unified-nav__create{
  width:46px!important;height:32px!important;border:0!important;border-radius:10px!important;color:#fff!important;
  background:linear-gradient(135deg,#6CCB88 0 47%,#45B96B 47% 100%)!important;
  box-shadow:0 3px 10px rgba(15,23,42,.15)!important;overflow:hidden!important;
}
.vtik-unified-nav__create:before,.vtik-unified-nav__create:after{display:none!important}
.vtik-unified-nav__create>span{font-size:25px!important;line-height:1!important;font-weight:650!important;color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.12)!important;transform:translateY(-1px)!important}
body:not(.vtik-platform-feed-page):has(.vtik-unified-nav){padding-bottom:calc(var(--vtik-app-nav-h) + var(--vtik-app-nav-safe) + var(--vtik-app-nav-gap) + 5px)!important}
@media(max-width:600px){
  :root{--vtik-app-nav-h:54px;--vtik-app-nav-gap:4px}
  .vtik-unified-nav{width:calc(100% - 10px)!important;border-radius:17px!important;padding:3px 5px!important}
  .vtik-unified-nav__item{height:46px!important}.vtik-unified-nav__icon{width:21px!important;height:21px!important}.vtik-unified-nav__icon svg{width:20px!important;height:20px!important}
  .vtik-unified-nav small{font-size:8px!important}.vtik-unified-nav__create{width:44px!important;height:31px!important;border-radius:9px!important}
}
@media(min-width:900px){.vtik-unified-nav{padding-left:8px!important;padding-right:8px!important}}

/* Vtik 1.10.0 — icon-system alignment for the compact dock */
.vtik-unified-nav__icon>.vtik-icon{width:23px!important;height:23px!important;display:block!important}
.vtik-unified-nav__create>.vtik-icon{width:24px!important;height:24px!important;color:#fff!important;position:relative!important;z-index:2!important}
@media(max-width:600px){.vtik-unified-nav__icon>.vtik-icon{width:22px!important;height:22px!important}.vtik-unified-nav__create>.vtik-icon{width:23px!important;height:23px!important}}

/* Vtik 1.11.1 — Create route state on standalone uploader. */
.vtik-unified-nav__create.is-active{box-shadow:0 0 0 2px rgba(255,255,255,.96),0 0 0 4px rgba(69,185,107,.32),0 3px 10px rgba(15,23,42,.15)!important}
body.vtik-upload-page{padding-bottom:calc(var(--vtik-app-nav-h,54px) + env(safe-area-inset-bottom,0px) + 10px)!important}

/* Vtik 1.11.27 — global Chat dock with unread badge. */
.vtik-unified-nav__chat .vtik-unified-nav__icon{position:relative!important;overflow:visible!important}
.vtik-unified-nav__badge{position:absolute;top:-7px;right:-12px;z-index:3;display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff315f;color:#fff;font-size:9px;font-weight:900;line-height:1;border:2px solid #fff;box-shadow:0 2px 7px rgba(255,49,95,.28);font-variant-numeric:tabular-nums}
.vtik-unified-nav__badge[hidden]{display:none!important}
.vtik-unified-nav__chat.is-active .vtik-unified-nav__badge{border-color:#fff}
@media(max-width:600px){.vtik-unified-nav__badge{top:-6px;right:-11px;min-width:17px;height:17px;font-size:8.5px;padding:0 4px}}

/* 1.13.66 operational overlay: shared Chat image lightbox participates in Back priority. */
.vtik-chat-lightbox{position:fixed;z-index:250;inset:0;background:rgba(0,0,0,.92);display:grid;place-items:center;padding:calc(18px + env(safe-area-inset-top,0px)) 14px calc(18px + env(safe-area-inset-bottom,0px))}
.vtik-chat-lightbox[hidden]{display:none!important}
.vtik-chat-lightbox img{display:block;max-width:min(96vw,1100px);max-height:90dvh;object-fit:contain;border-radius:12px}
.vtik-chat-lightbox-close{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));right:12px;width:44px;height:44px;border:0;border-radius:50%;background:#171d22;color:#fff;font-size:30px;line-height:1;cursor:pointer}
body.vtik-chat-lightbox-open{overflow:hidden!important}

/* 1.13.114 — Single viewport owner. Do not offset the dock using visualViewport
   measurements: on Android this double-counts system bar and keyboard insets. */
@media(max-width:899px){
 :root{--vtik-dock-safe:clamp(0px,max(env(safe-area-inset-bottom,0px),var(--vtik-native-bottom,0px)),40px)}
 .vtik-unified-nav{
  position:fixed!important;inset:auto 0 0 0!important;left:0!important;right:0!important;
  transform:none!important;translate:none!important;margin:0!important;
  box-sizing:border-box!important;width:100%!important;max-width:none!important;
  height:calc(var(--vtik-app-nav-h,54px) + var(--vtik-dock-safe))!important;
  min-height:0!important;max-height:calc(var(--vtik-app-nav-h,54px) + 40px)!important;
  padding:3px max(5px,env(safe-area-inset-right,0px)) var(--vtik-dock-safe) max(5px,env(safe-area-inset-left,0px))!important;
  border-radius:17px 17px 0 0!important;border-bottom:0!important;
  background:#fff!important;z-index:1000!important;align-items:start!important;
 }
 .vtik-unified-nav__item{align-self:start!important}
 body:not(.vtik-platform-feed-page):has(.vtik-unified-nav){
  padding-bottom:calc(var(--vtik-app-nav-h,54px) + var(--vtik-dock-safe) + 8px)!important;
 }
 body.vtik-platform-feed-page{
  --vtik-feed-dock-reserve:calc(var(--vtik-app-nav-h,54px) + var(--vtik-dock-safe));
  --vtik-feed-safe-top:max(env(safe-area-inset-top,0px),var(--vtik-native-top,0px));
 }
}

/* 1.13.115 — Mobile dock sizing only. Keep existing five routes, colours,
   overlay and viewport ownership; reserve exactly the same inset as the dock. */
@media(max-width:899px){
  :root{--vtik-app-nav-h:58px;}
  .vtik-unified-nav__item{height:48px!important;min-height:48px!important;gap:3px!important;}
  .vtik-unified-nav__icon{width:24px!important;height:24px!important;}
  .vtik-unified-nav__icon svg,.vtik-unified-nav__icon>.vtik-icon{width:24px!important;height:24px!important;}
  .vtik-unified-nav small{font-size:11px!important;line-height:12px!important;}
  /* The central create control intentionally retains its original icon-only UI. */
  .vtik-unified-nav__create small{position:absolute!important;width:1px!important;height:1px!important;
    padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;border:0!important;}
}

/* 1.13.205 — the purchase row meets the dock without an empty strip.
   Desktop dock floats above the viewport; mobile dock rests at its edge. */
:root{
  --vtik-sticky-action-clearance:calc(var(--vtik-app-nav-h,56px) + var(--vtik-app-nav-safe,0px) + var(--vtik-app-nav-gap,5px) - 1px);
}
@media(max-width:899px){
  :root{
    --vtik-sticky-action-clearance:calc(var(--vtik-app-nav-h,58px) + var(--vtik-dock-safe,0px) - 1px);
  }
}
body.vtik-shop-page:not(.vtik-product-detail-page):has(.vtik-unified-nav) .buy-footer,
body.vtik-cart-page:has(.vtik-unified-nav) .vc-footer,
body.vtik-checkout-page:has(.vtik-unified-nav) .co-footer{
  bottom:var(--vtik-sticky-action-clearance);
  padding-bottom:9px;
}
body.vtik-shop-page:not(.vtik-product-detail-page):has(.vtik-unified-nav) .wrap{
  padding-bottom:calc(120px + var(--vtik-sticky-action-clearance));
}
body.vtik-cart-page:has(.vtik-unified-nav) .vc-wrap{
  padding-bottom:calc(110px + var(--vtik-sticky-action-clearance));
}
body.vtik-checkout-page:has(.vtik-unified-nav) .co-wrap{
  padding-bottom:calc(128px + var(--vtik-sticky-action-clearance));
}
/* Product/checkout dialogs sit above navigation when open. */
body:is(.vtik-shop-page,.vtik-cart-page,.vtik-checkout-page) .vtik-unified-nav{
  z-index:90!important;
}

/* Product detail owns its anchored action bar; the shared dock is hidden there. */
@media(min-width:900px){
  body.vtik-shop-page:not(.vtik-product-detail-page):has(.product-page):has(.vtik-unified-nav) .buy-footer{
    width:min(760px,calc(100vw - 24px));left:50%;right:auto;
    transform:translateX(-50%);padding:8px 10px;
    grid-template-columns:58px 62px 62px minmax(130px,1fr);
    border:1px solid var(--line);border-radius:16px;
    box-shadow:0 8px 26px rgba(18,25,30,.16);
  }
}


/* 1.13.241 — management-center navigation ownership.
   Seller/Shipper desktops already own a full navigation surface (sidebar/header).
   The mobile Vtik dock is redundant there and previously covered action rows.
   Keep the shared dock on phones/tablets; remove only the desktop collision. */
@media(min-width:900px){
  body.vtik-seller-ui .vtik-unified-nav,
  body[data-vtik-shipper-center] .vtik-unified-nav{
    display:none!important;
  }
  body.vtik-seller-ui:has(.vtik-unified-nav),
  body[data-vtik-shipper-center]:has(.vtik-unified-nav){
    padding-bottom:0!important;
  }
}