/* Shared ANTHBOT storefront shell. Used by both site-builder pages and catalog. */
/* Tilda's generic header rule uses two IDs through :is(). Keep the shared
   header's own controls scoped and more specific, without changing Tilda. */
@media(min-width:1024px){
  html body.catalogAnthbotTheme #desktopStoreHeader.sp-nav-anthbot #desktopCatalogBtn{border-radius:var(--catalog-header-button-radius,999px)!important}
  html body.catalogAnthbotTheme #desktopStoreHeader.sp-nav-anthbot .desktopSearchBox:has(#desktopSearchInput){border-radius:6px!important}
  html body.catalogAnthbotTheme #desktopStoreHeader.sp-nav-anthbot :is(#desktopFavoritesBtn,#desktopAccountBtn,#desktopCartBtn){border-radius:8px!important}
}
@media (min-width:1024px){
  html body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot{
    box-sizing:border-box!important;
    position:fixed!important;
    inset:0 0 auto!important;
    z-index:1100!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:106px!important;
    min-height:106px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:var(--catalog-site-header-background,#fff)!important;
    color:var(--catalog-site-header-color,#1e293b)!important;
    box-shadow:none!important;
    transform:none!important;
    overflow:visible!important;
    font-family:var(--catalog-header-font,-apple-system,system-ui,"Segoe UI",sans-serif)!important;
    transition:height .22s ease,min-height .22s ease!important;
  }
  html body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot .desktopAnthbotUtility{
    box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    height:35px!important;
    min-height:35px!important;
    border-bottom:1px solid #e5e7eb!important;
    max-height:35px!important;
    opacity:1!important;
    overflow:hidden!important;
    transition:height .22s ease,min-height .22s ease,max-height .22s ease,opacity .18s ease,border-color .18s ease!important;
  }
  html body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot .desktopAnthbotUtilityShell,
  html body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot .desktopAnthbotMainShell{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:var(--catalog-site-width,1200px)!important;
    margin:0 auto!important;
    padding-left:22px!important;
    padding-right:22px!important;
  }
  html body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot .desktopAnthbotUtilityShell{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:34px!important;
    gap:20px!important;
  }
  html body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot .desktopAnthbotUtilityShell nav,
  html body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot .sp-anthbot-utility-actions{
    display:flex!important;
    align-items:center!important;
    gap:22px!important;
    min-width:0!important;
  }
  html body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot .desktopAnthbotUtility a{
    padding:0!important;
    color:inherit!important;
    font-family:inherit!important;
    font-size:12px!important;
    font-weight:400!important;
    line-height:normal!important;
    letter-spacing:normal!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }
  html body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot .desktopAnthbotPhone{font-weight:800!important}
  html body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot .desktopAnthbotSocial{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;color:var(--catalog-shared-accent,#7b5acc)!important}
  html body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot .desktopAnthbotSocialIcon{display:block!important;width:20px!important;height:20px!important;fill:currentColor!important}
  html body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot .desktopAnthbotMain{
    display:block!important;
    width:100%!important;
    height:71px!important;
  }
  html.sp-scrolled body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot,
  html body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot.is-utility-collapsed{
    height:71px!important;
    min-height:71px!important;
  }
  html.sp-scrolled body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot .desktopAnthbotUtility,
  html body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot.is-utility-collapsed .desktopAnthbotUtility{
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    border-bottom-width:0!important;
    border-bottom-color:transparent!important;
    opacity:0!important;
  }
  html body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot .desktopAnthbotMainShell{
    display:flex!important;
    align-items:center!important;
    min-height:70px!important;
    gap:18px!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
  }
  html body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot .desktopLogo{
    display:flex!important;
    flex:0 0 var(--catalog-header-logo-width,210px)!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:var(--catalog-header-logo-width,210px)!important;
    min-width:var(--catalog-header-logo-width,210px)!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot .desktopLogo img{display:block!important;width:var(--catalog-header-logo-width,210px)!important;max-width:var(--catalog-header-logo-width,210px)!important;height:auto!important;max-height:52px!important;object-fit:contain!important;object-position:left center!important}
  html body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot .desktopCatalogBtn{
    display:inline-flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    height:52px!important;
    margin:0!important;
    padding:13px 20px!important;
    gap:0!important;
    border:1px solid var(--catalog-shared-accent,#7b5acc)!important;
    border-radius:var(--catalog-header-button-radius,999px)!important;
    background:var(--catalog-shared-accent,#7b5acc)!important;
    color:#fff!important;
    box-shadow:none!important;
    font-family:inherit!important;
    font-size:16px!important;
    font-weight:700!important;
    text-transform:none!important;
    line-height:normal!important;
    letter-spacing:normal!important;
  }
  html body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot .desktopCatalogIcon{display:none!important}
  html body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot .desktopSearchBox{
    box-sizing:border-box!important;
    position:relative!important;
    inset:auto!important;
    display:flex!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:180px!important;
    height:46px!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
    border:1px solid #cbd5e1!important;
    border-radius:6px!important;
    background:#fff!important;
    box-shadow:none!important;
    transform:none!important;
    overflow:hidden!important;
  }
  html body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot .desktopSearchBox #desktopSearchInput{width:100%!important;min-width:0!important;height:100%!important;padding:0 14px!important;border:0!important;background:transparent!important;color:#1e293b!important;font-family:inherit!important;font-size:16px!important;font-weight:400!important;outline:0!important}
  html body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot .desktopSearchClear{flex:0 0 auto!important}
  html body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot .desktopSearchSubmit{display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:44px!important;padding:0!important;border:0!important;background:transparent!important;color:#64748b!important}
  html body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot .desktopAnthbotActions{display:flex!important;align-items:center!important;gap:6px!important;flex:0 0 auto!important}
  html body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot .desktopAnthbotActions .desktopNavAction{display:grid!important;place-items:center!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:inherit!important;box-shadow:none!important}
  html body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot .desktopAnthbotActions .desktopNavAction:hover{background:color-mix(in srgb,currentColor 7%,transparent)!important}
  html body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot .desktopAnthbotActions svg{width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  html body.catalogAnthbotTheme>main.view{box-sizing:border-box!important;width:100%!important;max-width:var(--catalog-site-width,1200px)!important;margin:106px auto 0!important;padding-left:0!important;padding-right:0!important;overflow:visible!important}
  html body.catalogAnthbotTheme #viewCatalog{box-sizing:border-box!important;width:calc(100% - 44px)!important;max-width:calc(var(--catalog-site-width,1200px) - 44px)!important;margin-left:auto!important;margin-right:auto!important;overflow:hidden!important}
  html body.catalogAnthbotTheme #viewCatalog>#grid.grid{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important}
  html body.catalogAnthbotTheme #viewCatalog>#grid.grid>.pCard{min-width:0!important;max-width:100%!important}
}

/* The two-row builder header owns its height; generic overlay/mobile rules
   must not turn it into a short box while its controls remain full sized. */
@media (min-width:761px) and (hover:hover) and (pointer:fine) {
  html body .sp-page-root .sp-nav.sp-nav-anthbot {
    display:block!important; width:100%!important; height:auto!important;
    min-height:0!important; padding:0!important; left:0!important; right:0!important; top:0!important;
    overflow:visible!important;
  }
  html body .sp-page-root .sp-nav-anthbot .sp-anthbot-main > .sp-shell {
    height:auto!important; min-height:70px!important; padding:8px 22px!important;
    display:flex!important; align-items:center!important; gap:18px!important;
  }
  html body .sp-page-root .sp-nav-anthbot .sp-brand {
    min-width:0!important; flex:0 1 auto!important; max-width:clamp(140px,19vw,260px)!important;
  }
  html body .sp-page-root .sp-nav-anthbot .sp-brand img { max-width:100%!important; max-height:52px!important; object-fit:contain!important; }
  html body .sp-page-root .sp-nav-anthbot .sp-anthbot-search { min-width:0!important; flex:1 1 180px!important; }
  html body .sp-page-root .sp-nav-anthbot .sp-anthbot-utility nav { min-width:0; overflow-x:auto; white-space:nowrap; scrollbar-width:none; }
  html body .sp-page-root .sp-nav-anthbot .sp-anthbot-utility-actions { flex-shrink:0; }
  html.sp-scrolled body .sp-page-root .sp-nav.sp-nav-anthbot {
    background:var(--sp-header-bg,#fff)!important; color:var(--sp-header-text,#111)!important;
  }
  html.sp-scrolled body .sp-page-root .sp-nav-anthbot .sp-anthbot-utility { max-height:0!important; border:0!important; opacity:0!important; }
}
@media (min-width:761px) and (max-width:1023px) and (hover:hover) and (pointer:fine) {
  html body .sp-page-root .sp-nav-anthbot .sp-anthbot-search { display:flex!important; }
  html body .sp-page-root .sp-nav-anthbot .sp-anthbot-utility { display:block!important; }
  html body .sp-page-root .sp-nav-anthbot .sp-anthbot-actions { display:flex!important; margin-left:auto; }
  html body .sp-page-root .sp-nav-anthbot .sp-mobile-menu { display:none!important; }
  html body .sp-page-root .sp-nav-anthbot .sp-anthbot-catalog { display:inline-flex!important; min-height:44px!important; }
}
@media (min-width:1024px) {
  html body .sp-page-root .sp-nav-anthbot .sp-anthbot-utility { display:block!important; }
  html body .sp-page-root .sp-nav-anthbot .sp-anthbot-search { display:flex!important; }
  html body .sp-page-root .sp-nav-anthbot .sp-mobile-menu { display:none!important; }
  html body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot .desktopLogo {
    flex:0 1 var(--catalog-header-logo-width,210px)!important; min-width:100px!important;
    max-width:clamp(140px,19vw,260px)!important;
  }
  html body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot .desktopLogo img { max-width:100%!important; }
  html body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot .desktopAnthbotUtilityShell nav { overflow-x:auto!important; white-space:nowrap; scrollbar-width:none; }
  html body.catalogAnthbotTheme #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot .sp-anthbot-utility-actions { flex-shrink:0; }
}
@media (min-width:761px) and (hover:hover) and (pointer:fine) {
  /* An overlay header must sit on the hero image, not on its tablet top spacing. */
  html body .sp-page-root.sp-header-overlay-hero:has(> .sp-nav-anthbot) > .sp-main > .is-viewport-hero:first-child {
    padding-top:0!important;
  }
}

/* Keep search usable until the complete header switches to mobile. */
@media (min-width:761px) and (max-width:1023px) and (hover:hover) and (pointer:fine){
 html body .sp-page-root .sp-nav-anthbot .sp-anthbot-search{display:flex!important;min-width:100px!important;flex:1 1 160px!important}
 html body .sp-page-root .sp-nav-anthbot .sp-anthbot-search input{width:100%;min-width:0}
 html body .sp-page-root .sp-nav-anthbot .sp-anthbot-main > .sp-shell{gap:12px!important;padding-inline:18px!important}
 html body .sp-page-root .sp-nav-anthbot .sp-brand{max-width:150px!important}
}
/* Overlay navigation must not reserve an empty strip above the first hero. */
html body .sp-page-root.sp-header-overlay-hero:has(> .sp-nav-anthbot) > .sp-main > .is-viewport-hero:first-child{padding-top:0!important}

/* Catalog trigger for the shared two-row header: closed/open states. */
@media (min-width:761px) and (hover:hover) and (pointer:fine) {
html body :is(.sp-page-root .sp-nav.sp-nav-anthbot, #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot) .sp-anthbot-catalog:is(#desktopCatalogBtn,a) {
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 flex:0 0 auto!important;gap:12px!important;min-width:0!important;
 box-sizing:border-box!important;height:46px!important;min-height:46px!important;padding:9px 18px!important;
 background:#fff!important;color:#242424!important;
 border:1px solid #cbd5e1!important;
 border-radius:var(--catalog-header-button-radius,var(--sp-button-radius,14px))!important;
 box-shadow:none!important;text-decoration:none!important;text-transform:none!important;
 font-family:inherit!important;font-size:16px!important;font-weight:600!important;line-height:1.2!important;
 white-space:nowrap!important;cursor:pointer;transition:background .18s ease,color .18s ease!important;
}
html body :is(.sp-page-root .sp-nav.sp-nav-anthbot, #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot) .sp-anthbot-catalog:is(#desktopCatalogBtn,a) .desktopCatalogIcon {display:none!important;}
html body :is(.sp-page-root .sp-nav.sp-nav-anthbot, #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot) .sp-anthbot-catalog:is(#desktopCatalogBtn,a)::before {
 content:""!important;display:block!important;position:static!important;inset:auto!important;
 flex:0 0 20px;width:20px!important;height:16px!important;margin:0!important;
 border:0!important;border-radius:0!important;opacity:1!important;transform:none!important;
 background:linear-gradient(currentColor,currentColor) top/100% 1.5px no-repeat,
 linear-gradient(currentColor,currentColor) center/100% 1.5px no-repeat,
 linear-gradient(currentColor,currentColor) bottom/100% 1.5px no-repeat!important;
}
html body :is(.sp-page-root .sp-nav.sp-nav-anthbot, #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot) .sp-anthbot-catalog:is(#desktopCatalogBtn,a)::after {
 content:""!important;display:block!important;position:static!important;inset:auto!important;
 flex:0 0 8px;width:8px!important;height:8px!important;margin:-4px 1px 0 2px!important;
 padding:0!important;border:0!important;border-right:1.5px solid currentColor!important;
 border-bottom:1.5px solid currentColor!important;border-radius:0!important;background:none!important;
 opacity:1!important;transform:rotate(45deg)!important;transition:transform .18s ease!important;
}
html body :is(.sp-page-root .sp-nav.sp-nav-anthbot, #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot) .sp-anthbot-catalog:is(#desktopCatalogBtn,a):hover {background:#f4f5f6!important;}
html body :is(.sp-page-root .sp-nav.sp-nav-anthbot, #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot) .sp-anthbot-catalog:is(#desktopCatalogBtn,a):is([aria-expanded="true"],.isOpen) {
 background:var(--catalog-shared-accent,var(--sp-text,#111))!important;
 color:var(--sp-bg,#fff)!important;border-color:color-mix(in srgb,currentColor 18%,transparent)!important;
}
html body :is(.sp-page-root .sp-nav.sp-nav-anthbot, #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot) .sp-anthbot-catalog:is(#desktopCatalogBtn,a):is([aria-expanded="true"],.isOpen)::after {transform:rotate(225deg)!important;margin-top:4px!important;}
html body :is(.sp-page-root .sp-nav.sp-nav-anthbot, #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot) .sp-anthbot-catalog:is(#desktopCatalogBtn,a):focus-visible {outline:2px solid currentColor!important;outline-offset:3px!important;}
}
@media (min-width:761px) and (max-width:1100px) and (hover:hover) and (pointer:fine) {
 html body :is(.sp-page-root .sp-nav.sp-nav-anthbot, #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot) .sp-anthbot-catalog:is(#desktopCatalogBtn,a) {gap:9px!important;padding-inline:12px!important;font-size:15px!important;}
}
@media (prefers-reduced-motion:reduce) {
 html body :is(.sp-page-root .sp-nav.sp-nav-anthbot, #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot) .sp-anthbot-catalog:is(#desktopCatalogBtn,a), html body :is(.sp-page-root .sp-nav.sp-nav-anthbot, #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot) .sp-anthbot-catalog:is(#desktopCatalogBtn,a)::after {transition:none!important;}
}

/* Search and catalog share control geometry in the two-row header. */
@media (min-width:761px) and (hover:hover) and (pointer:fine) {
 html body :is(.sp-page-root .sp-nav.sp-nav-anthbot, #desktopStoreHeader.desktopStoreHeader.sp-nav-anthbot) .sp-anthbot-search:is(form,:has(#desktopSearchInput)) {
  box-sizing:border-box!important;height:46px!important;min-height:46px!important;
  border-radius:var(--catalog-header-button-radius,var(--sp-button-radius,6px))!important;
 }
}

/* Search follows the storefront palette, including interactive states. */
html body .sp-nav-anthbot {
 --header-search-bg:var(--sp-bg,#fff);
 --header-search-text:var(--sp-text,#111);
 --header-search-accent:var(--sp-accent,var(--catalog-shared-accent,#111));
}
html body #desktopStoreHeader.sp-nav-anthbot {
 --header-search-bg:var(--desktop-template-background,#fff);
 --header-search-text:var(--desktop-template-text,#111);
 --header-search-accent:var(--catalog-shared-accent,var(--desktop-template-accent,#111));
}
html body .sp-nav-anthbot :is(.sp-anthbot-search-results,#desktopSearchPanel) {
 background:var(--header-search-bg)!important;color:var(--header-search-text)!important;
 border-color:color-mix(in srgb,var(--header-search-text) 14%,var(--header-search-bg))!important;
}
html body .sp-nav-anthbot :is(.sp-anthbot-search-all,.desktopAnthbotSearchAll,.desktopSearchAll,.desktopSearchClear,.desktopSearchClose,.sp-search-clear) {
 color:var(--header-search-text)!important;background:transparent!important;
 border-color:color-mix(in srgb,var(--header-search-text) 14%,transparent)!important;
 box-shadow:none!important;
}
html body .sp-nav-anthbot :is(.sp-anthbot-search-item,.desktopAnthbotSearchItem) {color:var(--header-search-text)!important;}
html body .sp-nav-anthbot :is(.sp-anthbot-search-item,.desktopAnthbotSearchItem,.sp-anthbot-search-all,.desktopAnthbotSearchAll,.desktopSearchAll,.desktopSearchClear,.desktopSearchClose,.sp-search-clear):is(:hover,:focus-visible) {
 background:color-mix(in srgb,var(--header-search-text) 6%,var(--header-search-bg))!important;
 color:var(--header-search-text)!important;
}
html body .sp-nav-anthbot :is(.sp-anthbot-search button,.desktopSearchSubmit) {color:var(--header-search-text)!important;}
html body .sp-nav-anthbot :is(input,.sp-anthbot-search-item,.desktopAnthbotSearchItem,button,a):focus-visible {
 outline:2px solid var(--header-search-accent)!important;outline-offset:2px;
}
html body .sp-nav-anthbot input[type="search"]::-webkit-search-cancel-button {appearance:none;-webkit-appearance:none;}
html body .sp-nav-anthbot .sp-search-clear {flex:0 0 32px!important;width:32px!important;font-size:22px!important;padding:0!important;border:0!important;cursor:pointer;}
html body .sp-nav-anthbot .sp-search-clear[hidden] {display:none!important;}