/* ZEROOCLOCK_UNIFIED_PUBLIC_NAV_V1_4_40
 * Canonical public header renderer for zero_platform_agency.
 * Structure comes from tenant_menus.header_main (items_tree).
 * This stylesheet is shared by homepage/blog/article/onboarding so menu models
 * and submenus can evolve in one place.
 */
header.zph-topbar[data-zph-public-header-v240]{
  position:sticky!important;top:0!important;left:0!important;right:0!important;width:100%!important;
  z-index:2147482500!important;
  background:color-mix(in srgb,var(--zph-primary,#06111f) 86%,#000 14%)!important;
  border-bottom:1px solid color-mix(in srgb,var(--zph-contrast,#fff) 18%,transparent)!important;
  box-shadow:none!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
  color:var(--zph-contrast,#fff)!important;direction:rtl!important;
  font-family:var(--zph-nav-font,var(--zph-font,Tahoma,Arial,sans-serif))!important;
}
header.zph-topbar[data-zph-public-header-v240] *{box-sizing:border-box}
header.zph-topbar[data-zph-public-header-v240] a{color:inherit;text-decoration:none}
header.zph-topbar[data-zph-public-header-v240]>.zph-container.zph-nav{
  width:min(1180px,calc(100% - 34px))!important;height:74px!important;min-height:74px!important;margin:0 auto!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;direction:rtl!important;overflow:visible!important;
}
header.zph-topbar[data-zph-public-header-v240] .zph-logo{
  display:flex!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important;min-width:max-content!important;
  visibility:visible!important;opacity:1!important;color:var(--zph-contrast,#fff)!important;font-weight:900!important;white-space:nowrap!important;
}
header.zph-topbar[data-zph-public-header-v240] .zph-logo img{
  display:block!important;visibility:visible!important;opacity:1!important;width:46px!important;height:46px!important;min-width:46px!important;max-width:46px!important;min-height:46px!important;max-height:46px!important;
  object-fit:contain!important;border-radius:14px!important;background:transparent!important;flex:0 0 46px!important;
}
header.zph-topbar[data-zph-public-header-v240] .zph-logo-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--zph-accent,#ef6b61);font-weight:950}
header.zph-topbar[data-zph-public-header-v240] .zph-logo strong{display:block!important;font-size:17px!important;line-height:1.2!important;font-weight:950!important;color:var(--zph-contrast,#fff)!important;white-space:nowrap!important}
header.zph-topbar[data-zph-public-header-v240] .zph-logo small{display:none!important}
header.zph-topbar[data-zph-public-header-v240] .zph-menu{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:22px!important;position:static!important;transform:none!important;visibility:visible!important;opacity:1!important;
  min-width:0!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;
  color:var(--zph-contrast,#fff)!important;font-family:inherit!important;font-weight:800!important;direction:rtl!important;
}
header.zph-topbar[data-zph-public-header-v240] .zph-menu>a,
header.zph-topbar[data-zph-public-header-v240] .zph-menu-node-v240>.zph-menu-parent-link-v240{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:42px!important;padding:0!important;
  background:transparent!important;border:0!important;border-radius:0!important;color:var(--zph-contrast,#fff)!important;font-size:14px!important;font-weight:900!important;white-space:nowrap!important;opacity:.96!important;
}
header.zph-topbar[data-zph-public-header-v240] .zph-menu>a:hover,
header.zph-topbar[data-zph-public-header-v240] .zph-menu-node-v240>.zph-menu-parent-link-v240:hover{opacity:1!important;color:var(--zph-contrast,#fff)!important}
header.zph-topbar[data-zph-public-header-v240] .zph-menu-toggle,
header.zph-topbar[data-zph-public-header-v240] .zph-menu-close,
header.zph-topbar[data-zph-public-header-v240] .zph-menu-title,
header.zph-topbar[data-zph-public-header-v240] .zph-mobile-phone,
header.zph-topbar[data-zph-public-header-v240] .zph-menu-overlay{display:none!important}
header.zph-topbar[data-zph-public-header-v240] [data-zph-public-header-actions-v240]{display:flex!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important;min-width:max-content!important;direction:rtl!important}

/* Shared tree/submenu model. */
header.zph-topbar[data-zph-public-header-v240] .zph-menu-node-v240{position:relative;display:flex;align-items:center;min-width:0}
header.zph-topbar[data-zph-public-header-v240] .zph-menu-caret-v240{font-style:normal;font-size:10px;line-height:1;opacity:.7;transition:transform .18s ease}
header.zph-topbar[data-zph-public-header-v240] .zph-menu-item-icon-v240{width:18px;height:18px;object-fit:contain;flex:0 0 18px;border-radius:5px}
header.zph-topbar[data-zph-public-header-v240] .zph-submenu-v240{
  position:absolute;top:calc(100% + 10px);right:0;z-index:2147482600;display:none;min-width:220px;max-width:min(360px,90vw);padding:10px;
  border:1px solid color-mix(in srgb,var(--zph-contrast,#fff) 18%,transparent);border-radius:16px;
  background:color-mix(in srgb,var(--zph-surface,#17345d) 94%,#000 6%);box-shadow:0 22px 60px rgba(0,0,0,.28);direction:rtl;
}
header.zph-topbar[data-zph-public-header-v240] .zph-menu-node-v240:hover>.zph-submenu-v240,
header.zph-topbar[data-zph-public-header-v240] .zph-menu-node-v240:focus-within>.zph-submenu-v240{display:grid;gap:6px}
header.zph-topbar[data-zph-public-header-v240] .zph-menu-node-v240:hover>.zph-menu-parent-link-v240 .zph-menu-caret-v240,
header.zph-topbar[data-zph-public-header-v240] .zph-menu-node-v240:focus-within>.zph-menu-parent-link-v240 .zph-menu-caret-v240{transform:rotate(180deg)}
header.zph-topbar[data-zph-public-header-v240] .zph-submenu-v240>a,
header.zph-topbar[data-zph-public-header-v240] .zph-submenu-v240>.zph-menu-node-v240>.zph-menu-parent-link-v240{
  display:flex!important;width:100%!important;min-height:42px!important;padding:9px 11px!important;border-radius:11px!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;white-space:normal!important;background:transparent!important;
}
header.zph-topbar[data-zph-public-header-v240] .zph-submenu-v240>a:hover,
header.zph-topbar[data-zph-public-header-v240] .zph-submenu-v240>.zph-menu-node-v240>.zph-menu-parent-link-v240:hover{background:color-mix(in srgb,var(--zph-contrast,#fff) 10%,transparent)!important}
header.zph-topbar[data-zph-public-header-v240] .zph-submenu-v240 .zph-submenu-v240{top:0;right:calc(100% + 8px)}
header.zph-topbar[data-zph-public-header-v240] .zph-submenu-image-v240{display:block;width:100%;max-height:120px;object-fit:cover;border-radius:11px;margin-bottom:3px}

@media(max-width:1100px){
  header.zph-topbar[data-zph-public-header-v240]>.zph-container.zph-nav{height:82px!important;min-height:82px!important;width:100%!important;padding:10px 16px!important;position:relative!important;gap:12px!important}
  header.zph-topbar[data-zph-public-header-v240] .zph-logo{position:absolute!important;right:50%!important;transform:translateX(50%)!important;flex-direction:column!important;gap:2px!important;z-index:3!important;min-width:72px!important;justify-content:center!important}
  header.zph-topbar[data-zph-public-header-v240] .zph-logo img{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;min-height:44px!important;max-height:44px!important;border-radius:14px!important}
  header.zph-topbar[data-zph-public-header-v240] .zph-logo strong{display:none!important}
  header.zph-topbar[data-zph-public-header-v240] .zph-logo small{display:block!important;font-size:10px!important;line-height:1.1!important;letter-spacing:.04em!important;color:var(--zph-contrast,#fff)!important;opacity:.9!important}
  header.zph-topbar[data-zph-public-header-v240] .zph-menu-toggle{display:inline-flex!important;position:absolute!important;right:16px!important;left:auto!important;top:13px!important;width:56px!important;height:56px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;padding:9px!important;border:1px solid color-mix(in srgb,var(--zph-contrast,#fff) 20%,transparent)!important;border-radius:17px!important;background:color-mix(in srgb,var(--zph-surface,#17345d) 88%,#000 12%)!important;color:var(--zph-contrast,#fff)!important;z-index:2147482700!important;cursor:pointer!important}
  header.zph-topbar[data-zph-public-header-v240] .zph-menu-toggle span{display:block!important;width:24px!important;height:3px!important;border-radius:999px!important;background:currentColor!important}
  header.zph-topbar[data-zph-public-header-v240] [data-zph-public-header-actions-v240]{position:absolute!important;left:16px!important;right:auto!important;top:13px!important;height:56px!important;z-index:4!important}
  header.zph-topbar[data-zph-public-header-v240] .zph-menu-overlay{display:block!important;position:fixed!important;inset:0!important;background:rgba(0,0,0,.48)!important;z-index:2147482790!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .2s ease,visibility .2s ease!important}
  header.zph-topbar[data-zph-public-header-v240] .zph-menu{
    position:fixed!important;top:0!important;right:0!important;bottom:0!important;width:min(390px,88vw)!important;height:100dvh!important;z-index:2147482800!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:8px!important;padding:18px!important;
    background:linear-gradient(180deg,color-mix(in srgb,var(--zph-surface,#17345d) 92%,#000 8%),color-mix(in srgb,var(--zph-primary,#06111f) 86%,#000 14%))!important;
    border-left:1px solid color-mix(in srgb,var(--zph-contrast,#fff) 20%,transparent)!important;box-shadow:-24px 0 60px rgba(0,0,0,.32)!important;
    overflow-y:auto!important;overflow-x:hidden!important;transform:translateX(112%)!important;visibility:hidden!important;transition:transform .26s ease,visibility .26s ease!important;
  }
  header.zph-topbar[data-zph-public-header-v240] .zph-menu-close{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:48px!important;height:48px!important;border:1px solid color-mix(in srgb,var(--zph-contrast,#fff) 18%,transparent)!important;border-radius:15px!important;background:color-mix(in srgb,var(--zph-contrast,#fff) 8%,transparent)!important;color:var(--zph-contrast,#fff)!important;font-size:32px!important;cursor:pointer!important}
  header.zph-topbar[data-zph-public-header-v240] .zph-menu-title{display:block!important;margin:4px 0 10px!important;font-size:20px!important;font-weight:950!important;color:var(--zph-contrast,#fff)!important}
  header.zph-topbar[data-zph-public-header-v240] .zph-menu>a,
  header.zph-topbar[data-zph-public-header-v240] .zph-menu-node-v240>.zph-menu-parent-link-v240{width:100%!important;min-height:52px!important;padding:12px 14px!important;justify-content:flex-start!important;border-radius:16px!important;background:color-mix(in srgb,var(--zph-contrast,#fff) 8%,transparent)!important;font-size:16px!important}
  header.zph-topbar[data-zph-public-header-v240] .zph-menu-node-v240{display:block;width:100%}
  header.zph-topbar[data-zph-public-header-v240] .zph-submenu-v240{position:static!important;display:grid!important;gap:6px!important;min-width:0!important;max-width:none!important;width:100%!important;margin:4px 0 0!important;padding:7px 9px!important;border-radius:13px!important;box-shadow:none!important;background:color-mix(in srgb,var(--zph-primary,#06111f) 80%,#000 20%)!important}
  header.zph-topbar[data-zph-public-header-v240] .zph-submenu-v240 .zph-submenu-v240{right:auto!important}
  header.zph-topbar[data-zph-public-header-v240] .zph-menu-caret-v240{display:none!important}
  body.zph-menu-open-v240 header.zph-topbar[data-zph-public-header-v240] .zph-menu,
  .zph-root.zph-menu-open header.zph-topbar[data-zph-public-header-v240] .zph-menu{transform:translateX(0)!important;visibility:visible!important}
  body.zph-menu-open-v240 header.zph-topbar[data-zph-public-header-v240] .zph-menu-overlay,
  .zph-root.zph-menu-open header.zph-topbar[data-zph-public-header-v240] .zph-menu-overlay{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  body.zph-menu-open-v240{overflow:hidden!important}
}


/* ZEROOCLOCK_PUBLIC_HEADER_AND_ONBOARDING_CART_FIX_V1_4_42
 * One desktop alignment rule for homepage/blog/contact while preserving the
 * onboarding layout. The menu source/renderer remains tenant_menus.header_main.
 */
@media(min-width:1101px){
  header.zph-topbar[data-zph-public-header-v240]:not([data-zoc-onboarding-public-header-v240])>.zph-container.zph-nav{
    position:relative!important;
  }
  header.zph-topbar[data-zph-public-header-v240]:not([data-zoc-onboarding-public-header-v240]) .zph-menu{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    margin:0!important;
    justify-content:center!important;
    z-index:2!important;
    max-width:calc(100% - 360px)!important;
  }
  header.zph-topbar[data-zph-public-header-v240]:not([data-zoc-onboarding-public-header-v240]) .zph-phone{
    flex:0 0 auto!important;
    margin-inline-start:auto!important;
  }
}

/* Homepage/public drawer: remove only the empty-cart CTA named
 * "شروع ساخت وب‌پنل". The onboarding /start drawer is intentionally excluded.
 */
body:not(.zoc-onboarding-public-shell-v240) #zoc-main-webpanel-v212 .zoc-main-webpanel-footer-v212>a.primary[href="/#signup"]{
  display:none!important;
}
body:not(.zoc-onboarding-public-shell-v240) #zoc-main-webpanel-v212 .zoc-main-webpanel-footer-v212:has(>a.primary[href="/#signup"]:only-child){
  display:none!important;
}


/* ZEROOCLOCK_PUBLIC_HEADER_FULLWIDTH_STICKY_V1_4_43
 * Public-site header behavior only. Onboarding keeps its current sticky shell.
 * - Fixes /contact and other inner pages whose template root is visually constrained.
 * - Keeps homepage/blog/post/contact header fixed to the viewport while scrolling.
 * - Reserves the header height in the public template root so content never sits underneath it.
 */
.zph-root[data-template="zero_platform_agency"]{
  padding-top:74px!important;
}
header.zph-topbar[data-zph-public-header-v240]:not([data-zoc-onboarding-public-header-v240]){
  position:fixed!important;
  top:0!important;
  left:50%!important;
  right:auto!important;
  width:100vw!important;
  max-width:none!important;
  min-width:100vw!important;
  margin:0!important;
  transform:translateX(-50%)!important;
  z-index:2147482500!important;
  overflow:visible!important;
}
@media(max-width:1100px){
  .zph-root[data-template="zero_platform_agency"]{
    padding-top:82px!important;
  }
}


/* ZEROOCLOCK_CONTACT_FULLWIDTH_AND_MOBILE_HEADER_V1_4_44
 * 1) /contact: make the actual .zph-nav strip viewport-wide while preserving the
 *    1180px content rails via padding; hide non-functional cart/credit UI there.
 * 2) Homepage mobile: mirror onboarding chrome — hamburger right, brand centered,
 *    gift-credit + cart grouped on the left. Menu source/renderer stays shared.
 */
@media(min-width:1101px){
  body.zph-stage15-contact-page:not(:has(header[data-zoc-public-shell-v102])) header.zph-topbar[data-zph-public-header-v240]:not([data-zoc-onboarding-public-header-v240])>.zph-container.zph-nav,
  body:has(.zoc-contact-page):not(:has(header[data-zoc-public-shell-v102])) header.zph-topbar[data-zph-public-header-v240]:not([data-zoc-onboarding-public-header-v240])>.zph-container.zph-nav{
    width:100vw!important;
    max-width:none!important;
    margin:0!important;
    padding-inline:max(17px,calc((100vw - 1180px)/2))!important;
  }
}

/* Contact has no working shopping flow: remove the cart trigger, wallet pill,
 * fallback trigger and drawer only on the contact route/page.
 */
body.zph-stage15-contact-page:not(:has(header[data-zoc-public-shell-v102])) header.zph-topbar[data-zph-public-header-v240] .zoc-main-webpanel-trigger-v212,
body.zph-stage15-contact-page:not(:has(header[data-zoc-public-shell-v102])) header.zph-topbar[data-zph-public-header-v240] .zgc-wallet-pill,
body.zph-stage15-contact-page:not(:has(header[data-zoc-public-shell-v102])) #zoc-main-cart-fallback-v147,
body.zph-stage15-contact-page:not(:has(header[data-zoc-public-shell-v102])) #zoc-main-webpanel-v212,
body:has(.zoc-contact-page):not(:has(header[data-zoc-public-shell-v102])) header.zph-topbar[data-zph-public-header-v240] .zoc-main-webpanel-trigger-v212,
body:has(.zoc-contact-page):not(:has(header[data-zoc-public-shell-v102])) header.zph-topbar[data-zph-public-header-v240] .zgc-wallet-pill,
body:has(.zoc-contact-page):not(:has(header[data-zoc-public-shell-v102])) #zoc-main-cart-fallback-v147,
body:has(.zoc-contact-page):not(:has(header[data-zoc-public-shell-v102])) #zoc-main-webpanel-v212{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

@media(max-width:1100px){
  /* Public mobile header uses the same vertical geometry as onboarding. */
  header.zph-topbar[data-zph-public-header-v240]:not([data-zoc-onboarding-public-header-v240]){
    height:82px!important;
    min-height:82px!important;
    padding:0!important;
  }
  header.zph-topbar[data-zph-public-header-v240]:not([data-zoc-onboarding-public-header-v240])>.zph-container.zph-nav{
    height:82px!important;
    min-height:82px!important;
    width:100vw!important;
    max-width:none!important;
    margin:0!important;
    padding:10px 16px!important;
  }
  /* Main-site cart mirrors onboarding cart button on the left. */
  header.zph-topbar[data-zph-public-header-v240]:not([data-zoc-onboarding-public-header-v240]) .zoc-main-webpanel-trigger-v212{
    position:absolute!important;
    left:16px!important;
    right:auto!important;
    top:13px!important;
    transform:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    visibility:visible!important;
    opacity:1!important;
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    max-width:56px!important;
    padding:0 0 12px!important;
    border:1px solid color-mix(in srgb,var(--zph-contrast,#fff) 20%,transparent)!important;
    border-radius:17px!important;
    background:color-mix(in srgb,var(--zph-surface,#17345d) 88%,#000 12%)!important;
    color:var(--zph-contrast,#fff)!important;
    z-index:2147482700!important;
  }
  header.zph-topbar[data-zph-public-header-v240]:not([data-zoc-onboarding-public-header-v240]) .zoc-main-webpanel-trigger-v212 svg{
    width:27px!important;
    height:27px!important;
  }
  /* Gift credit sits immediately to the right of the cart, matching onboarding. */
  header.zph-topbar[data-zph-public-header-v240]:not([data-zoc-onboarding-public-header-v240]) .zgc-wallet-pill{
    position:absolute!important;
    left:82px!important;
    right:auto!important;
    top:22px!important;
    transform:none!important;
    z-index:2147482700!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:row!important;
    gap:5px!important;
    height:38px!important;
    min-height:38px!important;
    max-width:150px!important;
    margin:0!important;
    padding:0 9px!important;
    white-space:nowrap!important;
  }
  header.zph-topbar[data-zph-public-header-v240]:not([data-zoc-onboarding-public-header-v240]) .zgc-wallet-pill .zgc-wallet-label{
    display:none!important;
  }
  header.zph-topbar[data-zph-public-header-v240]:not([data-zoc-onboarding-public-header-v240]) .zgc-wallet-pill strong{
    font-size:11px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
}
@media(max-width:560px){
  header.zph-topbar[data-zph-public-header-v240]:not([data-zoc-onboarding-public-header-v240]) .zgc-wallet-pill{
    left:78px!important;
    max-width:124px!important;
    padding-inline:7px!important;
  }
  header.zph-topbar[data-zph-public-header-v240]:not([data-zoc-onboarding-public-header-v240]) .zgc-wallet-pill strong{
    font-size:10px!important;
  }
}