/* Pak Care V2 visual refinement: 9 Oct 2026. Scoped, reversible. */
.pakcare-home-template .pakcare-sticky-header {
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
.pakcare-home-template main#primary,
.pakcare-home-template .pakcare-hero-banner {
  margin-top: 0 !important;
  border-top: 0 !important;
}
.pakcare-home-template .pakcare-hero-refresh .pakcare-hero-overlay {
  background: linear-gradient(90deg,
    rgba(255,255,255,.99) 0%,
    rgba(255,255,255,.97) 30%,
    rgba(248,251,255,.84) 43%,
    rgba(248,251,255,.28) 63%,
    rgba(248,251,255,.03) 78%,
    rgba(248,251,255,0) 100%) !important;
}
.pakcare-home-template .pakcare-header-brand > a img,
.pakcare-global-logo img {
  height: 58px !important;
  width: auto !important;
  max-width: 190px !important;
  object-fit: contain !important;
}
.pakcare-home-template .pakcare-category-media {
  padding: 10px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: #f5f9ff !important;
}
.pakcare-home-template .pakcare-category-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 0 !important;
  background: transparent !important;
  filter: none !important;
}
@media (min-width: 1025px) {
  .pakcare-home-template .pakcare-hero-refresh {
    /* Original machines-only hero on every screen. */
    background-image: var(--pakcare-hero-image) !important;
    background-position: center right !important;
  }
}
@media (max-width: 1024px) {
  .pakcare-home-template .pakcare-header-brand > a img,
  .pakcare-global-logo img {
    height: 50px !important;
    max-width: 163px !important;
  }
  .pakcare-home-template .pakcare-hero-refresh .pakcare-hero-overlay {
    background: linear-gradient(90deg,
      rgba(255,255,255,.99) 0%,
      rgba(255,255,255,.95) 46%,
      rgba(248,251,255,.62) 70%,
      rgba(248,251,255,.08) 100%) !important;
  }
}
@media (max-width: 767px) {
  .pakcare-home-template .pakcare-header-brand > a img,
  .pakcare-global-logo img {
    height: 45px !important;
    max-width: 145px !important;
  }
  .pakcare-home-template .pakcare-hero-refresh .pakcare-hero-overlay {
    background: linear-gradient(90deg,
      rgba(255,255,255,.985) 0%,
      rgba(255,255,255,.95) 65%,
      rgba(248,251,255,.71) 100%) !important;
  }
  .pakcare-home-template .pakcare-category-media {
    padding: 8px !important;
  }
}


/* Accessibility: readable small text, former prices and footer legal links. */
.pakcare-home-template main#primary .bg-surface-clinical p.text-outline {
  color: #536172 !important;
}
.pakcare-home-template ul.products li.product span.price del,
.pakcare-home-template ul.products li.product span.price del bdi,
.pakcare-home-template .pakcare-best-sellers-middle span.price del,
.pakcare-home-template .pakcare-best-sellers-middle span.price del bdi {
  color: #556173 !important;
  opacity: 1 !important;
}
.pakcare-home-template .pakcare-review-summary .pakcare-google-rating-card small {
  color: #536577 !important;
}
.pakcare-home-template footer.pakcare-footer .pakcare-footer-bottom .pakcare-footer-credit,
.pakcare-home-template footer.pakcare-footer .pakcare-footer-bottom .pakcare-footer-credit a,
.pakcare-home-template footer.pakcare-footer .pakcare-footer-bottom .flex a,
.pakcare-home-template footer.pakcare-footer .pakcare-footer-bottom > span {
  color: #e4eaf3 !important;
  opacity: 1 !important;
}
.pakcare-home-template footer.pakcare-footer .pakcare-footer-bottom > .flex {
  opacity: 1 !important;
}


/* Hero image fidelity, 9 Oct 2026.
 * Old pakcare.css paints an extra, translucent copy of the same hero
 * through ::before (with transform: scale), creating ghosting/softness.
 * Use the sharp, full-resolution background layer only. */
.pakcare-home-template .pakcare-hero-refresh::before {
  display: none !important;
  content: none !important;
}
.pakcare-home-template .pakcare-hero-refresh {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  image-rendering: auto;
}
@media (min-width: 1025px) {
  .pakcare-home-template .pakcare-hero-refresh {
    background-image: var(--pakcare-hero-image) !important;
    background-position: right center !important;
  }
  .pakcare-home-template .pakcare-hero-refresh .pakcare-hero-overlay {
    background: linear-gradient(90deg,
      rgba(255,255,255,.97) 0%,
      rgba(255,255,255,.92) 25%,
      rgba(255,255,255,.62) 43%,
      rgba(255,255,255,.12) 64%,
      rgba(255,255,255,0) 78%) !important;
  }
}
@media (max-width: 1024px) {
  .pakcare-home-template .pakcare-hero-refresh .pakcare-hero-overlay {
    background: linear-gradient(90deg,
      rgba(255,255,255,.98) 0%,
      rgba(255,255,255,.93) 45%,
      rgba(255,255,255,.45) 80%,
      rgba(255,255,255,.17) 100%) !important;
  }
}



/* Shared shop, category and product-page accessibility, Oct 2026. */
.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb a,
.woocommerce-page .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb a {
  color: #4a596a !important;
  opacity: 1 !important;
}
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price del .woocommerce-Price-amount,
.woocommerce ul.products li.product .price del bdi,
.woocommerce div.product p.price del,
.woocommerce div.product p.price del bdi {
  color: #536172 !important;
  opacity: 1 !important;
}
body.pakcare-global-shell .pakcare-global-footer__about p {
  color: #dce4ee !important;
  opacity: 1 !important;
}
body.pakcare-global-shell .pakcare-global-footer .pakcare-footer-column > h3 {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.09em;
  line-height: 1.35;
  text-transform: uppercase;
  margin: 0 0 18px;
}



/* Header/hero flush alignment (verified 1918x888 screen recording, 10 Oct).
 * A ~28px pale strip appeared when the prior -30px offset was removed.
 * Scope to desktop; leave the mobile hero and hero image untouched. */
@media (min-width: 768px) {
  body.pakcare-home-template > header.pakcare-sticky-header + main#primary {
    margin-top: -28px !important;
    padding-top: 0 !important;
  }
}