/* PAWLINE PDP UNIFIED NAV V1
   Product detail pages reuse the EXACT storefront navigation markup from Shop All.
   Keeps product layout below header instead of covering purchase controls.
   Only styles the product page; Home and Shop All are unchanged. */

body.pl-product-page {
  --pl-header-h: 140px;
}

/* Shared Shop All design: announcement + floating pill; not a full-width bar. */
body.pl-product-page .storefront-announcement {
  position: relative;
  z-index: 800;
}
body.pl-product-page #siteNav.storefront-site-nav {
  position: sticky !important;
  top: 48px !important;
  z-index: 1001 !important;
  width: calc(100% - 72px) !important;
  max-width: 1680px !important;
  min-height: 76px !important;
  margin: 16px auto 14px !important; /* keep purchase and gallery visible */
  padding: 0 24px !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: rgba(35, 25, 18, .85) !important;
  box-shadow: 0 12px 36px rgba(29,19,11,.13) !important;
  backdrop-filter: blur(18px) saturate(115%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(115%) !important;
  transition: color .35s ease, background .35s ease,
              border-color .35s ease, box-shadow .35s ease !important;
}
body.pl-product-page #siteNav.storefront-site-nav.is-scrolled {
  color: #21180f !important;
  background: rgba(255,253,249,.95) !important;
  border-color: rgba(67,43,23,.12) !important;
  box-shadow: 0 14px 45px rgba(45,29,16,.10) !important;
}
body.pl-product-page #siteNav .storefront-brand__logo-switch {
  position: relative;
  display: block;
  width: 158px;
  height: 36px;
  flex: 0 0 auto;
}
body.pl-product-page #siteNav .storefront-brand__logo-switch .storefront-brand__logo {
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: block !important;
  transition: opacity .3s ease !important;
}
body.pl-product-page #siteNav:not(.is-scrolled) .storefront-brand__logo--light,
body.pl-product-page #siteNav.is-scrolled .storefront-brand__logo--dark {
  opacity: 1 !important;
}
body.pl-product-page #siteNav:not(.is-scrolled) .storefront-brand__logo--dark,
body.pl-product-page #siteNav.is-scrolled .storefront-brand__logo--light {
  opacity: 0 !important;
}
body.pl-product-page #siteNav:not(.is-scrolled) .storefront-nav-icon {
  color: #fff !important;
  border-color: rgba(255,255,255,.25) !important;
  background: rgba(255,255,255,.07) !important;
}
body.pl-product-page #siteNav:not(.is-scrolled) .storefront-nav-icon:hover {
  background: rgba(255,255,255,.15) !important;
}
body.pl-product-page #siteNav.is-scrolled .storefront-nav-icon {
  color: #21180f !important;
  border-color: rgba(68,43,23,.14) !important;
  background: #f7f1e8 !important;
}
body.pl-product-page #siteNav .storefront-nav-icon {
  transition: color .35s ease, background .35s ease,
              border-color .35s ease, transform .25s ease !important;
}
body.pl-product-page #siteNav .storefront-menu-trigger {
  color: #fff;
  border-color: rgba(255,255,255,.38);
}
body.pl-product-page #siteNav.is-scrolled .storefront-menu-trigger {
  color: #21180f;
  border-color: rgba(68,43,23,.18);
}
body.pl-product-page #siteNav .storefront-menu-trigger span {
  background: currentColor;
}
body.pl-product-page #siteNav .storefront-desktop-nav a:focus-visible,
body.pl-product-page #siteNav button:focus-visible,
body.pl-product-page #siteNav a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
body.pl-product-page .storefront-mobile-menu {
  z-index: 1000;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
body.pl-product-page:has(.storefront-mobile-menu.is-open) .pdp-sticky-buy {
  visibility: hidden;
  pointer-events: none;
}

@media (max-width: 920px) {
  body.pl-product-page { --pl-header-h: 124px; }
  body.pl-product-page #siteNav.storefront-site-nav { min-height: 72px !important; }
}
@media (max-width: 760px) {
  body.pl-product-page #siteNav.storefront-site-nav {
    top: 48px !important;
    width: calc(100% - 32px) !important;
    min-height: 72px !important;
    margin: 14px auto 12px !important;
    padding: 0 14px 0 20px !important;
  }
  body.pl-product-page #siteNav .storefront-brand { min-width: 0 !important; }
  body.pl-product-page #siteNav .storefront-brand__logo-switch {
    width: 138px; height: 30px;
  }
  body.pl-product-page #siteNav .storefront-brand__logo {
    width: 138px !important; min-width: 138px !important;
    max-width: 138px !important; max-height: 30px !important;
  }
}
@media (max-width: 420px) {
  body.pl-product-page #siteNav.storefront-site-nav {
    width: calc(100% - 28px) !important;
    min-height: 68px !important;
    padding-left: 14px !important;
    padding-right: 8px !important;
  }
  body.pl-product-page #siteNav .storefront-brand__logo-switch {
    width: 118px;
  }
  body.pl-product-page #siteNav .storefront-brand__logo {
    width: 118px !important; min-width: 118px !important;
    max-width: 118px !important;
  }
  body.pl-product-page #siteNav .storefront-nav-actions { gap: 4px; }
  body.pl-product-page #siteNav .storefront-nav-icon,
  body.pl-product-page #siteNav .storefront-menu-trigger {
    width: 36px; height: 36px; min-height: 36px;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.pl-product-page #siteNav.storefront-site-nav,
  body.pl-product-page #siteNav .storefront-brand__logo,
  body.pl-product-page #siteNav .storefront-nav-icon {
    transition: none !important;
  }
}