/* Light merchandising surfaces for the catalog and two flagship products. */
@scope (html:has(head link[rel="canonical"]:is([href="https://p-d.vn/san-pham"],[href="https://p-d.vn/san-pham/p-d-clear-7-5-mil"],[href="https://p-d.vn/san-pham/p-d-ultimate-8-5-mil"]))) {
  main {
    --pd-ink: #142538;
    --pd-muted: #465b70;
    --pd-line: #dce4ee;
    background: #f7f8fa;
    color: var(--pd-ink);
  }
  main > section:not(.page-hero) :is(h1,h2,h3,h4) { color: var(--pd-ink); }
  main > section:not(.page-hero) :is(.breadcrumbs,.muted,.spec span,.product-copy p) { color: var(--pd-muted); }
  main :is(.product-card,.product-info,.pd-catalog-answer,.filter,.buy-box,.spec,.pd-tech-sheet,.pd-tech-group) {
    background: #fff;
    color: var(--pd-ink);
    border-color: var(--pd-line);
  }
  main :is(.product-card,.product-info,.pd-catalog-answer) {
    border-radius: 18px;
    box-shadow: 0 9px 28px #203d6110;
  }
  main .product-card .product-body { color: var(--pd-ink); }
  main .product-card h3 a, main :is(.breadcrumbs,.product-tech-link) a,
  main .product-tech-link { color: #174b82; }
  main :is(.product-gallery-main,.product-card img) { background: #eef2f6; }
  main .product-gallery-main { border: 1px solid var(--pd-line); border-radius: 18px; }
  main :is(.product-info,.product-card) .price { color: #a5162b; }
  main .product-info .spec { border: 1px solid var(--pd-line); }
  main .product-info .buy-box { border: 1px solid var(--pd-line); }
  main :is(.filter,.product-info) :is(input,select) {
    background: #fff; color: var(--pd-ink); border-color: #8294a9;
  }
  main :is(.product-card,.product-info) :focus-visible { outline: 2px solid #215caf; outline-offset: 3px; }
}

main.pd-buy-landing .page-hero {
  color: #142538;
  background: #f4f3f0 url('/uploads/pd-pearl-showroom.jpg') center / cover no-repeat !important;
}
main.pd-buy-landing .page-hero::before,
main.pd-buy-landing .page-hero::after { opacity: 0 !important; }
main.pd-buy-landing .page-hero :is(h1,p,.breadcrumbs) { color: #142538 !important; }
main.pd-buy-landing .page-hero a:not(.btn) { color: #174b82; }
main.pd-buy-landing .page-hero .btn.primary {
  background: #174b82;
  color: #fff;
  border-color: #174b82;
}