/* Preserve the header grid and native controls while updating the brand and spacing. */
.pkvs-preview.pkref-home .pkb-header[data-pkb-header] .pkb-brand[data-kacubo-brand="1"]:has(> .pkref-art) {
  background-image: url("assets/kacubo-logo.svg?v=1.3.0") !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.pkb-brand[data-kacubo-brand="1"] > .pkref-art {
  visibility: hidden;
}
.pkvs-preview .pkb-header[data-pkb-header] .pkb-brand img.pkb-logo[data-kacubo-logo="1"] {
  width: 100% !important;
  height: auto !important;
  max-height: 100% !important;
  aspect-ratio: 2009 / 370 !important;
  object-fit: contain;
  object-position: center;
}
.pkvs-footer-brand img.pkb-logo[data-kacubo-logo="1"] {
  height: auto;
  aspect-ratio: 1144 / 112;
  object-fit: contain;
  object-position: left center;
}

/* Keep larger customer icons together and give the recovered space to search. */
@media (min-width: 1024px) {
  body.pkvs-preview.pkref-home .pkb-header[data-pkb-header][data-pkb-cart-url] .pkb-main .pkb-brand[data-kacubo-brand="1"]:has(> .pkref-art) {
    width: 180px !important; max-width: 180px !important;
    height: 36px !important;
  }
  body.pkvs-preview.pkref-home .pkb-header[data-pkb-header][data-pkb-cart-url] > .pkb-main.pkb-container:has(.pkref-header-tools) {
    grid-template-columns: 180px minmax(260px, 1fr) max-content !important;
    column-gap: 16px !important;
  }
  body.pkvs-preview.pkref-home .pkb-header[data-pkb-header][data-pkb-cart-url] .pkb-main .pkb-utilities {
    width: auto !important;
    gap: 18px !important;
    justify-content: flex-end !important;
  }
  body.pkvs-preview.pkref-home .pkb-header[data-pkb-header][data-pkb-cart-url] .pkb-utilities .pkref-header-tools {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0;
    justify-content: flex-start !important;
    gap: 18px !important;
  }
  body.pkvs-preview.pkref-home .pkb-header[data-pkb-header][data-pkb-cart-url] .pkb-utilities .pkref-header-tool {
    flex: 0 0 auto;
    gap: 8px !important;
  }
  body.pkvs-preview.pkref-home .pkb-header[data-pkb-header][data-pkb-cart-url] .pkb-utilities .pkref-header-tool > svg {
    width: 28px !important;
    height: 28px !important;
    flex: 0 0 28px !important;
  }
}
@media (min-width: 450px) and (max-width: 767px) {
  body.pkvs-preview:not(.pkref-home) .pkb-header[data-pkb-header] .pkb-main .pkb-brand[data-kacubo-brand="1"]:has(> img.pkb-logo) {
    width: 268px !important;
  }
}
@media (min-width: 1200px) {
  body.pkvs-preview.pkref-home .pkb-header[data-pkb-header][data-pkb-cart-url] .pkb-utilities .pkref-header-tool > span {
    display: block !important;
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
  }
  body.pkvs-preview.pkref-home .pkb-header[data-pkb-header][data-pkb-cart-url] .pkb-utilities .pkref-header-tool > span small {
    font-size: 9px;
  }
  body.pkvs-preview.pkref-home .pkb-header[data-pkb-header][data-pkb-cart-url] .pkb-utilities .pkref-header-tool > span b {
    font-size: 12px;
    line-height: 1.2;
  }
}
/* The WordPress owner toolbar must not wrap its account menu over store links. */
@media (min-width: 783px) and (max-width: 1500px) {
  body.pkref-home #wpadminbar #wp-admin-bar-top-secondary {
    position: absolute;
    top: 0;
    right: 0;
    background: #1d2327;
  }
}

/* Keep both storefront header rows visible without creating a body scroll container. */
body.pkvs-preview { overflow-x: clip !important; }
body.pkvs-preview #pkvs-content > .pkb-header[data-pkb-header][data-pkb-cart-url] {
  position: sticky !important;
  top: var(--pkh-header-top, 0px) !important;
  z-index: 1000 !important;
}
body.pkvs-preview #pkvs-content .pkb-header .pkb-brand[data-kacubo-brand="1"] > img.pkb-logo[data-kacubo-logo="1"] {
  width: 100% !important;
  height: auto !important;
  max-height: 100% !important;
  aspect-ratio: 2009 / 370 !important;
}
body.pkvs-preview :is(.ce-section-nav, .pkpdp-nav, .lp-section-nav) {
  top: calc(var(--pkh-header-top, 0px) + var(--pkh-header-height, 137px)) !important;
}
body.pkvs-preview :is(.ce-section, .pkpdp-section, .lp-content-section, .kle-components) {
  scroll-margin-top: calc(var(--pkh-header-top, 0px) + var(--pkh-header-height, 137px) + 96px);
}