/* Hallmark · catalogue navigation · Parfumistas editorial system
 * Pre-emit critique: Philosophy 5 · Hierarchy 5 · Execution 4 · Specificity 5 · Restraint 5 · Variety 4.
 * Existing routes and keyboard/hover navigation are preserved.
 */
body.pv-site {
  --hc-paper: #fdfbf9;
  --hc-panel: #f5f0e9;
  --hc-white: #fff;
  --hc-line: #e6ddd2;
  --hc-tile-line: #eee8e0;
  --hc-ink: #302a24;
  --hc-muted: #74685d;
  --hc-bronze: #815535;
  --hc-shadow: 0 15px 24px rgb(44 34 24 / 9%);
  --hc-display: var(--pv-type-display);
  --hc-ui: var(--pv-type-ui);
}
body.pv-site .pv-header-stack,
body.pv-site .pv-header-stack:is(.is-scrolled,.is-sticky),
body.pv-site .pv-header-stack .pv-site-header,
body.pv-site .pv-header-stack .pv-header-row,
body.pv-site .pv-header-stack .pv-navstrip,
body.pv-site .pv-header-stack .pv-navstrip__inner,
body.pv-site .pv-header-stack .dn-panel,
body.pv-site .pv-mobile-menu .pv-mobile-menu__drawer {
  background: var(--hc-paper) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body.pv-site .pv-header-stack .pv-site-header { border-bottom: 0 !important; }
body.pv-site .pv-header-stack .pv-navstrip { border-top: 1px solid var(--hc-line) !important; border-bottom: 1px solid var(--hc-line) !important; }
body.pv-site .pv-header-stack .dn-panel { --dn-paper: var(--hc-paper); --dn-font: var(--hc-ui); border-top: 0 !important; box-shadow: var(--hc-shadow) !important; }
body.pv-site .dn-panel .hc-panel { width: calc(100% - 32px); max-width: 1320px; grid-template-columns: 192px minmax(0,1fr); gap: 30px; padding-block: 25px 28px; }
body.pv-site .dn-panel .dn-intro { padding-right: 25px; align-self: stretch; }
body.pv-site .dn-panel .dn-title { font: 500 36px/1.05 var(--hc-display); color: var(--hc-ink); }
body.pv-site .dn-panel .dn-cta { min-height: 44px; margin-top: 14px; font-size: 12px; }
body.pv-site .dn-panel .dn-ways a { min-height: 44px; }
body.pv-site .dn-panel .dn-eyebrow { margin-bottom: 12px; font-size: 11px; }
body.pv-site .dn-panel .dn-bottles { grid-template-columns: repeat(6,minmax(0,1fr)); gap: 14px; }
body.pv-site .dn-panel .dn-bottle__image { height: 150px; padding: 14px 9px; border-radius: 3px; }
body.pv-site .dn-panel .dn-bottle__image img { max-height: 124px; }
body.pv-site .dn-panel .dn-bottle__brand { font-size: 11px; margin-top: 8px; }
body.pv-site .dn-panel .dn-bottle__name { font-size: 12px; line-height: 1.4; white-space: normal; min-height: 2.8em; text-wrap: pretty; }
body.pv-site .dn-panel .hc-paths { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-top: 16px; border-top: 1px solid var(--hc-line); }
body.pv-site .hc-paths a { display: flex; gap: 10px; align-items: center; min-height: 48px; font-size: 12px; }
body.pv-site .hc-paths a > svg { color: var(--hc-bronze); }
body.pv-site .hc-paths a > span:last-child { margin-left: auto; color: var(--hc-bronze); }
body.pv-site .hc-paths a:hover span:first-of-type { text-decoration: underline; text-underline-offset: 4px; }
body.pv-site .hc-brand-shelves { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; padding: 18px; background: var(--hc-panel); }
body.pv-site .hc-brand-shelf { position: relative; min-width: 0; }
body.pv-site .hc-brand-shelf + .hc-brand-shelf::before { content: ""; position: absolute; left: -11px; top: 0; bottom: 0; width: 1px; background: var(--hc-line); }
body.pv-site .dn-panel .hc-shelf-title { min-height: 45px; margin-bottom: 12px; font: 500 22px/1.05 var(--hc-display); color: var(--hc-ink); }
body.pv-site .hc-brand-logos { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
body.pv-site .hc-brand-logo { display: grid; grid-template-rows: minmax(0,1fr); place-items: center; height: 65px; padding: 7px; border: 1px solid var(--hc-tile-line); background: var(--hc-white); border-radius: 3px; overflow: hidden; }
body.pv-site .hc-brand-logo img { width: 100%; height: 100%; min-height: 0; min-width: 0; object-fit: contain; mix-blend-mode: multiply; }
body.pv-site .hc-brand-logo span { font: 500 15px/1.1 var(--hc-display); text-align: center; }
body.pv-site .hc-brand-logo:hover { border-color: var(--hc-bronze); }
body.pv-site .hc-brand-logo[data-brand]:is([data-brand='chanel'],[data-brand='dior'],[data-brand='yves-saint-laurent'],[data-brand='paco-rabanne'],[data-brand='giorgio-armani'],[data-brand='creed'],[data-brand='tom-ford'],[data-brand='parfums-de-marly'],[data-brand='xerjoff'],[data-brand='amouage'],[data-brand='le-labo'],[data-brand='byredo'],[data-brand='maison-alhambra'],[data-brand='swiss-arabian'],[data-brand='rasasi']) img { transform: scale(1.2); }
body.pv-site .hc-note-gallery { display: grid; grid-template-columns: repeat(8,minmax(0,1fr)); gap: 14px; }
body.pv-site .hc-note { display: flex; flex-direction: column; text-align: center; }
body.pv-site .hc-note__image { display: block; aspect-ratio: 1; width: 100%; overflow: hidden; border-radius: 50%; background: var(--hc-panel); }
body.pv-site .hc-note__image img { display: block; width: 100%; height: 100%; object-fit: cover; }
body.pv-site .hc-note__name { margin-top: 9px; font-size: 12px; font-weight: 600; text-transform: capitalize; }
body.pv-site .hc-note__count { margin-top: 3px; color: var(--hc-muted); font-size: 9px; white-space: nowrap; }
body.pv-site .hc-note:hover .hc-note__name { text-decoration: underline; text-underline-offset: 4px; }
body.pv-site .hc-note-families { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px; margin-top: 24px; padding-top: 17px; border-top: 1px solid var(--hc-line); }
body.pv-site .dn-panel .hc-note-family > p { min-height: 46px; border-left: 3px solid var(--hc-family,var(--hc-bronze)); padding-left: 9px; margin-bottom: 8px; color: var(--hc-ink); font: 500 19px/1.2 var(--hc-display); white-space: normal; overflow-wrap: anywhere; }
body.pv-site .hc-note-family a { display: block; padding-block: 6px; font-size: 12px; white-space: normal; }
body.pv-site .hc-note-family a:hover { text-decoration: underline; text-underline-offset: 3px; }
body.pv-site .hc-accord-gallery { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
body.pv-site .hc-accord-gallery > li { display: flex; }
body.pv-site .hc-accord-gallery > li > a { width: 100%; }
body.pv-site .pv-mobile-nav__label { display: flex; align-items: center; gap: 12px; }
body.pv-site .pv-mobile-nav__label svg { flex: 0 0 21px; color: var(--hc-bronze); }
body.pv-site .pv-mobile-nav--rich > li > a:hover { background: var(--hc-panel); }
@media (min-width:1120px) and (max-width:1279px) {
  body.pv-site .dn-panel .hc-panel { grid-template-columns: 158px minmax(0,1fr); gap: 22px; }
  body.pv-site .dn-panel .dn-intro { padding-right: 17px; }
  body.pv-site .dn-panel .dn-title { font-size: 31px; }
  body.pv-site .dn-panel .dn-bottle__image { height: 138px; }
  body.pv-site .hc-brand-shelves { padding: 14px; gap: 14px; }
  body.pv-site .hc-brand-shelf + .hc-brand-shelf::before { left: -7px; }
  body.pv-site .dn-panel .hc-shelf-title { font-size: 20px; }
  body.pv-site .hc-note-gallery { gap: 9px; }
  body.pv-site .hc-note__count { font-size: 8px; }
  body.pv-site .hc-accord-gallery { grid-template-columns: repeat(3,minmax(0,1fr)); }
}