.taxonomy-unlinked,
.taxonomy-label {
  cursor: default;
}

.taxonomy-unlinked > [aria-hidden="true"],
.taxonomy-label > [aria-hidden="true"] {
  display: none;
}

.perfume-pyramid-grid li .taxonomy-label,
.perfume-accord-panel li .taxonomy-label {
  min-height: 34px;
  color: var(--ink);
  background: #fffdfb94;
  border: 1px solid #20171329;
  align-items: center;
  gap: 9px;
  padding: 8px 11px;
  font-size: 9px;
  display: inline-flex;
}

.ingredient-link-list > .taxonomy-unlinked {
  border: 1px solid var(--line);
  color: var(--ink);
  grid-template-columns: 25px 1fr auto;
  align-items: center;
  gap: 9px;
  padding: 11px;
  display: grid;
}

.ingredient-link-list > .taxonomy-unlinked > i {
  font-family: var(--serif);
  font-size: 22px;
  font-style: normal;
}

.ingredient-alphabet .taxonomy-unlinked {
  border: 1px solid var(--line);
  min-height: 50px;
  min-width: 0;
  color: var(--ink);
  background: #fffdfb;
  grid-template-columns: minmax(0, 1fr) max-content;
  grid-template-rows: auto auto;
  align-items: center;
  gap: 9px;
  padding: 10px 12px;
  display: grid;
}

.ingredient-alphabet a {
  min-width: 0;
  grid-template-columns: 23px minmax(0, 1fr) max-content;
}

.ingredient-alphabet a > span,
.ingredient-alphabet .taxonomy-unlinked > span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: auto;
  line-height: 1.3;
}

.ingredient-alphabet .taxonomy-unlinked > span {
  grid-column: 1;
  grid-row: 1;
}

.ingredient-alphabet a > strong,
.ingredient-alphabet .taxonomy-unlinked > strong {
  justify-self: end;
  white-space: nowrap;
}

.ingredient-alphabet .taxonomy-unlinked svg {
  width: 23px;
  height: 23px;
  color: var(--coral);
}

.ingredient-alphabet .taxonomy-unlinked strong {
  font-family: var(--serif);
  font-size: 19px;
  font-weight: 400;
  grid-column: 2;
  grid-row: 1;
}

.ingredient-alphabet .taxonomy-unlinked small {
  color: #2017137a;
  text-transform: uppercase;
  letter-spacing: .08em;
  grid-column: 1 / -1;
  grid-row: 2;
  min-width: 0;
  font-size: 7px;
}

.perfume-awards {
  border-top: 1px solid #fffaf638;
  margin-top: 28px;
  padding-top: 24px;
}

.perfume-awards-heading {
  color: var(--peach, #efb99d);
  text-transform: uppercase;
  letter-spacing: .1em;
  margin: 0 0 12px;
  font-size: 9px;
  font-weight: 700;
}

.perfume-awards ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.perfume-awards li {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  border: 1px solid #fffaf62e;
  background: #fffaf60a;
  padding: 11px 13px;
}

.perfume-awards li strong {
  color: var(--peach, #efb99d);
  font-family: var(--serif, Georgia, serif);
  font-size: 17px;
  font-weight: 400;
}

.perfume-awards li span {
  color: #fffaf6c7;
  font-size: 10px;
  line-height: 1.5;
}

.perfume-awards li b {
  color: var(--paper, #fffaf6);
}

.perfume-awards li a {
  color: var(--paper, #fffaf6);
  border-bottom: 1px solid #fffaf659;
  font-size: 9px;
  text-decoration: none;
  white-space: nowrap;
}

@media (max-width: 580px) {
  .perfume-awards li {
    grid-template-columns: 44px 1fr;
  }

  .perfume-awards li a {
    grid-column: 2;
    width: fit-content;
  }
}

/*
 * A taxonómiaoldalak hosszabb címei a beépített 92 px-es felső
 * méret mellett szavanként törtek. A fő szövegoszlop itt több helyet
 * kap, a cím pedig kiegyensúlyozott, legfeljebb három-négy soros marad.
 */
.taxonomy-hero > div:nth-child(2) {
  min-width: 0;
}

.taxonomy-hero h1 {
  max-width: 820px;
  overflow-wrap: normal;
  hyphens: none;
  text-wrap: balance;
}

@media (min-width: 1121px) {
  .taxonomy-hero {
    grid-template-columns: 88px minmax(0, 1fr) minmax(132px, 150px);
    gap: clamp(24px, 2.5vw, 36px);
    min-height: 520px;
    padding: clamp(40px, 3.8vw, 52px);
  }

  .taxonomy-hero-icon {
    width: 88px;
    height: 88px;
    padding: 19px;
  }

  .taxonomy-hero h1 {
    font-size: clamp(58px, 5.3vw, 72px);
    line-height: .94;
  }
}

@media (max-width: 700px) {
  .taxonomy-hero {
    grid-template-columns: 1fr;
    gap: 28px;
    min-height: 0;
    padding: 42px 24px;
  }

  .taxonomy-hero aside {
    grid-column: auto;
  }

  .taxonomy-hero h1 {
    font-size: clamp(40px, 10.5vw, 52px);
    line-height: .96;
  }
}

.dg-directory-page .editorial-breadcrumb,
.dg-directory-page .dg-directory-hero,
.dg-directory-page .dg-category-links,
.dg-directory-page .dg-letter-nav,
.dg-directory-page .dg-brand-letter,
.dg-directory-page .dg-caution,
.dg-directory-page .dg-brand-profile,
.dg-directory-page .dg-brand-awards,
.dg-directory-page .dg-brand-perfumes,
.dg-directory-page .dg-similar-brands,
.dg-directory-page .dg-method-note,
.dg-directory-page .dg-list-switcher,
.dg-directory-page .dg-method-summary,
.dg-directory-page .dg-ranking-list,
.dg-directory-page .dg-score-method {
  width: min(1240px, calc(100% - 56px));
  margin-inline: auto;
}

.dg-directory-hero {
  color: var(--paper);
  background:
    radial-gradient(circle at 88% 14%, #eda77e4d, transparent 30%),
    linear-gradient(135deg, var(--ink), var(--brown));
  margin-top: 38px;
  margin-bottom: 58px;
  padding: clamp(52px, 8vw, 104px) clamp(28px, 7vw, 92px);
  overflow: hidden;
}

.dg-directory-hero h1 {
  max-width: 930px;
  margin: 0 0 24px;
  font-family: var(--serif);
  font-size: clamp(48px, 7vw, 92px);
  font-weight: 400;
  letter-spacing: -.06em;
  line-height: .94;
}

.dg-directory-hero .eyebrow {
  color: var(--peach);
}

.dg-lead {
  max-width: 820px;
  margin: 0;
  color: #fffaf6d4;
  font-size: 15px;
  line-height: 1.75;
}

.dg-hero-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 36px;
}

.dg-hero-metrics span {
  min-width: 170px;
  border: 1px solid #fffaf633;
  background: #fffaf60a;
  padding: 14px 17px;
  color: #fffaf6b8;
  font-size: 10px;
  line-height: 1.45;
}

.dg-hero-metrics strong {
  display: block;
  color: var(--paper);
  font-family: var(--serif);
  font-size: 23px;
  font-weight: 400;
}

.dg-letter-nav,
.dg-list-switcher {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 72px;
}

.dg-category-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: -34px;
  margin-bottom: 46px;
}

.dg-category-links a {
  min-height: 38px;
  border: 1px solid var(--line);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  background: #fffdfb;
  font-size: 10px;
  font-weight: 700;
}

.dg-category-links a:hover {
  border-color: var(--coral);
}

.dg-letter-nav a,
.dg-list-switcher a {
  min-height: 38px;
  border: 1px solid var(--line);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  background: #fffdfb;
  font-size: 10px;
  font-weight: 700;
  text-decoration: none;
}

.dg-letter-nav a:hover,
.dg-list-switcher a:hover {
  color: var(--paper);
  border-color: var(--ink);
  background: var(--ink);
}

.dg-brand-letter {
  border-top: 1px solid var(--ink);
  padding: 46px 0 78px;
  scroll-margin-top: 24px;
}

.dg-brand-letter > h2 {
  margin: 0 0 28px;
  color: var(--coral);
  font-family: var(--serif);
  font-size: clamp(40px, 6vw, 68px);
  font-weight: 400;
}

.dg-brand-grid,
.dg-discovery-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.dg-brand-card {
  min-width: 0;
  min-height: 190px;
  border: 1px solid var(--line);
  background: #fffdfb;
  display: flex;
  flex-direction: column;
  padding: 24px;
}

.dg-brand-card h3 {
  margin: 0 0 12px;
  font-family: var(--serif);
  font-size: 28px;
  font-weight: 400;
  line-height: 1.04;
}

.dg-brand-card h3 a:hover {
  color: var(--coral);
}

.dg-brand-card > p:not(.eyebrow) {
  color: #201713a1;
  font-size: 11px;
  line-height: 1.6;
}

.dg-brand-card .catalog-card-link {
  width: fit-content;
  margin-top: auto;
}

.dg-caution {
  border-left: 3px solid var(--coral);
  background: var(--cream);
  margin-top: 24px;
  margin-bottom: 76px;
  padding: 24px clamp(22px, 4vw, 42px);
}

.dg-caution strong {
  display: block;
  margin-bottom: 8px;
  font-family: var(--serif);
  font-size: 22px;
  font-weight: 400;
}

.dg-caution h2 {
  margin: 0 0 8px;
  color: var(--ink);
  font-family: var(--serif);
  font-size: 22px;
  font-weight: 400;
  line-height: 1.2;
}

.dg-caution p {
  max-width: 940px;
  margin: 0;
  color: #201713b5;
  font-size: 12px;
  line-height: 1.75;
}

.dg-brand-profile,
.dg-brand-awards,
.dg-brand-perfumes,
.dg-similar-brands,
.dg-ranking-list,
.dg-score-method {
  border-top: 1px solid var(--ink);
  padding: 72px 0 94px;
}

.dg-brand-profile > p,
.dg-brand-awards > p,
.dg-similar-brands > div > p {
  max-width: 820px;
  color: #201713ad;
  font-size: 12px;
  line-height: 1.75;
}

.dg-profile-grid,
.dg-method-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 32px;
}

.dg-profile-grid > article,
.dg-method-grid > article {
  border: 1px solid var(--line);
  background: #fffdfb;
  padding: clamp(22px, 4vw, 36px);
}

.dg-profile-grid h3,
.dg-method-grid h3 {
  margin: 0 0 20px;
  font-family: var(--serif);
  font-size: 28px;
  font-weight: 400;
}

.dg-facet-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0;
  padding: 0;
}

.dg-facet-list a,
.dg-facet-list span {
  min-height: 35px;
  border: 1px solid var(--line);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 11px;
  font-size: 10px;
}

.dg-facet-list a:hover {
  border-color: var(--coral);
}

.dg-facet-list small {
  color: var(--coral);
  font-weight: 700;
}

.dg-average-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.dg-average-grid span {
  border: 1px solid var(--line);
  padding: 16px;
  color: #2017139c;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .07em;
}

.dg-average-grid strong {
  display: block;
  color: var(--ink);
  font-family: var(--serif);
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}

.dg-award-list {
  margin: 30px 0 0;
  padding: 0;
}

.dg-award-list li {
  border-top: 1px solid var(--line);
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr) auto;
  align-items: center;
  gap: 22px;
  padding: 17px 0;
}

.dg-award-list li > span {
  color: var(--coral);
  font-family: var(--serif);
  font-size: 22px;
}

.dg-award-list p {
  margin: 4px 0 0;
  color: #2017139c;
  font-size: 10px;
}

.dg-award-list li > a {
  border-bottom: 1px solid var(--line);
  font-size: 9px;
  font-weight: 700;
}

.dg-perfume-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.dg-perfume-card {
  min-width: 0;
  border: 1px solid var(--line);
  background: #fffdfb;
  display: grid;
  grid-template-columns: minmax(150px, .62fr) minmax(0, 1.38fr);
  position: relative;
}

.dg-perfume-image {
  min-height: 360px;
  background: radial-gradient(circle at 50% 38%, #fff 0 21%, var(--blush) 64%, var(--cream) 100%);
  display: grid;
  place-items: center;
  padding: 24px 16px;
  overflow: hidden;
}

.dg-perfume-image img {
  width: 100%;
  height: 310px;
  object-fit: contain;
  filter: drop-shadow(0 18px 19px #311c1426);
}

.dg-perfume-card-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 26px 24px;
}

.dg-perfume-card h3 {
  margin: 0 0 8px;
  font-family: var(--serif);
  font-size: clamp(27px, 3vw, 39px);
  font-weight: 400;
  letter-spacing: -.035em;
  line-height: .98;
}

.dg-perfume-card h3 a:hover {
  color: var(--coral);
}

.dg-perfume-card-copy > p:not(.eyebrow, .dg-score, .dg-rank-reason, .dg-card-notes) {
  color: #2017138f;
  font-size: 10px;
}

.dg-tag-row {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 15px 0;
}

.dg-tag-row span {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 6px 8px;
  font-size: 8px;
}

.dg-card-notes,
.dg-rank-reason {
  color: #201713a3;
  font-size: 10px;
  line-height: 1.6;
}

.dg-card-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
  margin-top: auto;
  padding-top: 18px;
}

.dg-secondary-link {
  border-bottom: 1px solid var(--line);
  font-size: 9px;
  font-weight: 700;
}

.dg-rank {
  z-index: 2;
  width: 52px;
  height: 52px;
  color: var(--paper);
  background: var(--coral);
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-family: var(--serif);
  font-size: 21px;
  position: absolute;
  top: 16px;
  left: 16px;
}

.dg-score {
  margin: 4px 0 0;
  color: var(--coral);
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.dg-score strong {
  font-family: var(--serif);
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}

.dg-method-note,
.dg-method-summary {
  display: grid;
  grid-template-columns: minmax(240px, .7fr) minmax(0, 1.3fr);
  gap: clamp(36px, 8vw, 110px);
  background: var(--cream);
  margin-bottom: 96px;
  padding: clamp(44px, 7vw, 78px);
}

.dg-method-note h2,
.dg-method-summary h2,
.dg-score-method > div > h2,
.dg-similar-brands > div > h2 {
  margin: 0;
  font-family: var(--serif);
  font-size: clamp(38px, 5vw, 62px);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: .98;
}

.dg-method-note > p,
.dg-method-summary > p {
  align-self: end;
  margin: 0;
  color: #201713b3;
  font-size: 12px;
  line-height: 1.8;
}

.dg-ranking-list > ol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
}

.dg-ranking-list > ol > li {
  min-width: 0;
}

.dg-method-grid > article > strong {
  color: var(--coral);
  font-family: var(--serif);
  font-size: 31px;
  font-weight: 400;
}

.dg-method-grid > article > h3 {
  margin: 8px 0 11px;
}

.dg-method-grid > article > p {
  margin: 0;
  color: #201713a8;
  font-size: 11px;
  line-height: 1.7;
}

.dg-score-method > .dg-caution {
  width: 100%;
  margin-bottom: 0;
}

.dg-catalog-discovery {
  width: min(1240px, calc(100% - 56px));
  margin: 24px auto 110px;
  border-top: 1px solid var(--ink);
  padding-top: 72px;
}

.dg-discovery-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.dg-discovery-grid a {
  min-height: 150px;
  border: 1px solid var(--line);
  background: #fffdfb;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 22px;
}

.dg-discovery-grid a:hover {
  background: var(--blush);
}

.dg-discovery-grid strong {
  font-family: var(--serif);
  font-size: 22px;
  font-weight: 400;
  line-height: 1.05;
}

.dg-discovery-grid span {
  color: #2017138f;
  font-size: 9px;
}

.dg-perfume-brand-link {
  width: min(1240px, calc(100% - 56px));
  min-height: 42px;
  border: 1px solid var(--line);
  background: #fffdfb;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 16px auto 0;
  padding: 10px 15px;
  color: var(--brown);
  font-size: 10px;
  font-weight: 700;
  text-decoration: none;
}

.dg-perfume-brand-link:hover {
  border-color: var(--coral);
}

@media (max-width: 980px) {
  .dg-brand-grid,
  .dg-discovery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dg-perfume-grid,
  .dg-ranking-list > ol {
    grid-template-columns: 1fr;
  }

  .dg-average-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .dg-directory-page .editorial-breadcrumb,
  .dg-directory-page .dg-directory-hero,
  .dg-directory-page .dg-category-links,
  .dg-directory-page .dg-letter-nav,
  .dg-directory-page .dg-brand-letter,
  .dg-directory-page .dg-caution,
  .dg-directory-page .dg-brand-profile,
  .dg-directory-page .dg-brand-awards,
  .dg-directory-page .dg-brand-perfumes,
  .dg-directory-page .dg-similar-brands,
  .dg-directory-page .dg-method-note,
  .dg-directory-page .dg-list-switcher,
  .dg-directory-page .dg-method-summary,
  .dg-directory-page .dg-ranking-list,
  .dg-directory-page .dg-score-method,
  .dg-catalog-discovery,
  .dg-perfume-brand-link {
    width: calc(100% - 28px);
  }

  .dg-directory-hero {
    margin-top: 20px;
    padding: 46px 23px;
  }

  .dg-directory-hero h1 {
    font-size: clamp(43px, 13vw, 62px);
  }

  .dg-hero-metrics {
    display: grid;
    grid-template-columns: 1fr;
  }

  .dg-brand-grid,
  .dg-discovery-grid,
  .dg-profile-grid,
  .dg-method-grid,
  .dg-average-grid {
    grid-template-columns: 1fr;
  }

  .dg-perfume-card {
    grid-template-columns: 1fr;
  }

  .dg-perfume-image {
    min-height: 300px;
  }

  .dg-perfume-image img {
    height: 260px;
  }

  .dg-award-list li {
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 12px;
  }

  .dg-award-list li > a {
    grid-column: 2;
    width: fit-content;
  }

  .dg-method-note,
  .dg-method-summary {
    grid-template-columns: 1fr;
    gap: 25px;
    padding: 42px 24px;
  }

  .dg-letter-nav,
  .dg-list-switcher {
    flex-wrap: nowrap;
    padding-bottom: 6px;
    overflow-x: auto;
  }

  .dg-letter-nav a,
  .dg-list-switcher a {
    flex: none;
  }

  .dg-discovery-grid a {
    min-height: 120px;
  }
}

.dg-editorial-profile {
  width: min(1240px, calc(100% - 56px));
  margin: 72px auto;
  border: 1px solid var(--line);
  background: linear-gradient(145deg, #fffdfb 0%, #f7eee9 100%);
  padding: clamp(30px, 5vw, 64px);
}

.dg-editorial-profile .catalog-section-heading {
  align-items: flex-start;
  margin-bottom: 28px;
}

.dg-decision-page .catalog-section-heading {
  align-items: flex-end;
  margin-bottom: 28px;
}

.dg-editorial-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

.dg-editorial-facts article {
  min-height: 235px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: rgb(255 253 251 / .78);
  padding: 26px;
}

.dg-editorial-facts h3,
.dg-profile-sources h3,
.dg-profile-guides h3,
.dg-decision-method h2 {
  margin: 0 0 14px;
  font-family: var(--serif);
  font-size: clamp(24px, 2.5vw, 34px);
  font-weight: 400;
  line-height: 1.05;
}

.dg-editorial-facts p,
.dg-profile-sources p,
.dg-decision-method p {
  color: #201713bd;
  font-size: 12px;
  line-height: 1.7;
}

.dg-editorial-facts small,
.dg-profile-sources small {
  display: block;
  margin-top: 18px;
  color: #20171380;
  font-size: 9px;
  line-height: 1.55;
}

.dg-profile-guides,
.dg-profile-sources {
  margin-top: 34px;
}

.dg-guide-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.dg-guide-links a {
  border: 1px solid var(--line);
  background: #fff;
  padding: 10px 13px;
  color: var(--brown);
  font-size: 10px;
  font-weight: 700;
  text-decoration: none;
}

.dg-profile-sources ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.dg-profile-sources li {
  border: 1px solid var(--line);
  background: #fff;
  padding: 16px;
}

.dg-profile-sources a {
  display: block;
  color: var(--brown);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.45;
}

.dg-curated-choose {
  background: linear-gradient(145deg, #fffdfb, var(--blush));
}

.dg-curated-alternatives .related-card > span {
  display: inline-block;
  margin: 8px 0 14px;
  color: var(--brown);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.dg-decision-page,
.dg-guide-group,
.dg-decision-results,
.dg-decision-method,
.dg-related-guides {
  width: min(1240px, calc(100% - 56px));
  margin-right: auto;
  margin-left: auto;
}

.dg-decision-page {
  width: 100%;
}

.dg-decision-page .dg-directory-hero,
.dg-decision-page > .dg-caution {
  width: min(1240px, calc(100% - 56px));
}

.dg-decision-results,
.dg-guide-group,
.dg-related-guides {
  margin-top: 72px;
  margin-bottom: 72px;
}

.dg-guide-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

.dg-guide-grid > a {
  min-height: 145px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #fffdfb;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 22px;
  color: var(--brown);
  text-decoration: none;
}

.dg-guide-grid > a:hover {
  background: var(--blush);
}

.dg-guide-grid strong {
  font-family: var(--serif);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.05;
}

.dg-guide-grid span {
  color: #20171380;
  font-size: 9px;
}

.dg-decision-method {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(300px, 1.15fr);
  gap: clamp(28px, 6vw, 90px);
  margin-top: 86px;
  margin-bottom: 86px;
  border-top: 1px solid var(--ink);
  border-bottom: 1px solid var(--line);
  padding: 54px 0;
}

.dg-decision-method ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.dg-decision-method li {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid var(--line);
  padding: 13px 0;
  font-size: 10px;
}

.dg-decision-method > p {
  grid-column: 1 / -1;
  margin: 0;
}

.dg-decision-card .dg-card-tradeoff {
  border-left: 2px solid var(--coral);
  padding-left: 13px;
  color: #201713a6;
  font-size: 10px;
  line-height: 1.55;
}

.dg-decision-hub .dg-directory-hero {
  background: linear-gradient(135deg, #f7eee9 0%, #fffdfb 58%, #ead7cd 100%);
}

@media (max-width: 980px) {
  .dg-editorial-facts,
  .dg-guide-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dg-editorial-facts article:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }

  .dg-decision-method {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .dg-editorial-profile,
  .dg-guide-group,
  .dg-decision-results,
  .dg-decision-method,
  .dg-related-guides,
  .dg-decision-page .dg-directory-hero,
  .dg-decision-page > .dg-caution {
    width: calc(100% - 28px);
  }

  .dg-editorial-profile {
    margin-top: 46px;
    margin-bottom: 46px;
    padding: 26px 18px;
  }

  .dg-editorial-profile .catalog-section-heading {
    align-items: flex-start;
  }

  .dg-editorial-facts,
  .dg-profile-sources ul,
  .dg-guide-grid {
    grid-template-columns: 1fr;
  }

  .dg-editorial-facts article {
    min-height: 0;
  }

  .dg-guide-grid > a {
    min-height: 115px;
  }

  .dg-decision-method {
    gap: 20px;
    padding: 36px 0;
  }
}

.dg-decision-hub .dg-directory-hero {
  color: var(--ink);
  background: linear-gradient(135deg, #f7eee9 0%, #fffdfb 58%, #ead7cd 100%);
}

.dg-decision-hub .dg-directory-hero h1 {
  color: var(--ink);
  overflow-wrap: anywhere;
  hyphens: auto;
  text-wrap: balance;
}

.dg-decision-hub .dg-directory-hero .eyebrow {
  color: var(--coral);
}

.dg-decision-hub .dg-directory-hero .dg-lead {
  color: var(--brown);
}

.dg-decision-hub .dg-directory-hero .dg-hero-metrics span {
  color: var(--brown);
  border-color: #20171330;
  background: rgb(255 253 251 / .76);
}

.dg-decision-hub .dg-directory-hero .dg-hero-metrics strong {
  color: var(--ink);
}

.dg-decision-page .dg-directory-hero h1 {
  overflow-wrap: anywhere;
  hyphens: auto;
  text-wrap: balance;
}

.dg-directory-page :where(a, button, input, select, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--coral);
  outline-offset: 3px;
}

.editorial-footer :where(a, button, [tabindex]):focus-visible,
.dg-trust-strip :where(a, button, [tabindex]):focus-visible {
  outline-color: var(--paper);
}

.skip-link,
.dg-skip-link {
  z-index: 1000;
  position: fixed;
  top: 10px;
  left: 10px;
  min-height: 44px;
  color: var(--paper);
  background: var(--ink);
  border: 2px solid var(--paper);
  padding: 11px 16px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
  transform: translateY(calc(-100% - 20px));
}

.skip-link:focus,
.dg-skip-link:focus {
  transform: translateY(0);
}

.dg-guide-grid > a:hover,
.dg-guide-grid > a:focus-visible {
  background: var(--blush);
}

.dg-guide-grid span {
  color: #655850;
  font-size: 11px;
  line-height: 1.5;
}

.dg-decision-page .dg-rank-reason,
.dg-decision-card .dg-card-tradeoff,
.dg-decision-method li {
  font-size: 12px;
  line-height: 1.6;
}

.dg-decision-page .dg-tag-row span,
.dg-decision-page .dg-score,
.dg-decision-page .dg-secondary-link {
  font-size: 10px;
}

.dg-decision-page .dg-score > span {
  display: block;
  margin-top: 4px;
  color: #655850;
  font-size: 11px;
  line-height: 1.45;
  letter-spacing: 0;
  text-transform: none;
}

.dg-decision-page .dg-score > strong {
  display: block;
  line-height: 1.05;
  text-wrap: balance;
}

.dg-decision-method li > :where(span, strong) {
  min-width: 0;
  overflow-wrap: anywhere;
}

.dg-card-actions :where(.catalog-card-link, .dg-secondary-link),
.dg-guide-links a,
.dg-related-guides > .text-link {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  padding-block: 10px;
}

.perfume-curiosity-section .perfume-video-addition {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
  gap: clamp(28px, 5vw, 64px);
  align-items: center;
  width: min(100%, 980px);
  margin-top: 42px;
  padding-top: 34px;
  border-top: 1px solid rgba(255, 250, 246, .22);
}

.perfume-curiosity-section .perfume-video-addition-copy h3 {
  max-width: 620px;
  margin: 7px 0 14px;
  font-family: var(--serif);
  font-size: clamp(27px, 3.2vw, 40px);
  font-weight: 400;
  line-height: 1.04;
  letter-spacing: -.03em;
}

.perfume-curiosity-section .perfume-video-addition-copy > p:not(.eyebrow) {
  margin-bottom: 14px;
  font-size: clamp(14px, 1.25vw, 16px);
  line-height: 1.65;
}

.perfume-curiosity-section .perfume-video-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px 14px;
  max-width: 620px;
  margin-top: 18px;
  color: rgba(255, 250, 246, .68);
  font-size: 9px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.perfume-curiosity-section .perfume-video-meta > :not(:first-child) {
  padding-left: 14px;
  border-left: 1px solid rgba(255, 250, 246, .22);
}

.perfume-curiosity-section .perfume-video-meta a {
  color: inherit;
  text-decoration-color: rgba(255, 250, 246, .42);
  text-underline-offset: 3px;
}

.perfume-curiosity-section .perfume-video-addition .perfume-campaign-video {
  width: 100%;
  margin-top: 0;
}

.perfume-curiosity-section .perfume-video-addition .perfume-campaign-video button {
  min-height: 166px;
  background:
    radial-gradient(circle at 82% 18%, rgba(237, 167, 126, .18), transparent 34%),
    rgba(255, 250, 246, .06);
}

.perfume-curiosity-section .perfume-video-addition .perfume-campaign-play {
  box-shadow: 0 12px 32px rgba(0, 0, 0, .18);
}

@media (max-width: 820px) {
  .perfume-curiosity-section .perfume-video-addition {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .perfume-curiosity-section .perfume-video-addition .perfume-campaign-video button {
    min-height: 138px;
  }
}

@media (max-width: 560px) {
  .perfume-curiosity-section .perfume-video-addition {
    margin-top: 32px;
    padding-top: 28px;
  }

  .perfume-curiosity-section .perfume-video-addition .perfume-campaign-video button {
    min-height: 108px;
    padding: 18px;
  }

  .perfume-curiosity-section .perfume-video-meta {
    gap: 8px 10px;
  }

  .perfume-curiosity-section .perfume-video-meta > :not(:first-child) {
    padding-left: 10px;
  }
}

.dg-decision-page > :where(
  .dg-hub-jump,
  .dg-guide-finder,
  .dg-special-guide-grid,
  .dg-guide-directory-section,
  .dg-guide-faq,
  .dg-trust-strip
) {
  width: min(1240px, calc(100% - 56px));
  margin-right: auto;
  margin-left: auto;
}

.dg-hub-jump {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: -30px;
  margin-bottom: 64px;
  border: 1px solid var(--line);
  background: rgb(255 253 251 / .96);
  padding: 14px;
  box-shadow: 0 16px 45px #311c1414;
}

.dg-hub-jump a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--paper);
  padding: 10px 15px;
  color: var(--brown);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none;
}

.dg-hub-jump a:hover,
.dg-hub-jump a:focus-visible {
  border-color: var(--coral);
  background: var(--blush);
}

.dg-guide-finder {
  display: grid;
  grid-template-columns: minmax(240px, .7fr) minmax(0, 1.3fr);
  gap: clamp(30px, 7vw, 100px);
  margin-top: 72px;
  margin-bottom: 86px;
  border: 1px solid var(--line);
  background:
    radial-gradient(circle at 90% 12%, #eda77e42, transparent 28%),
    linear-gradient(145deg, #fffdfb, #f7eee9);
  padding: clamp(30px, 6vw, 72px);
}

.dg-guide-finder h2,
.dg-guide-directory-section h2,
.dg-guide-faq h2,
.dg-trust-strip h2 {
  margin: 0 0 16px;
  font-family: var(--serif);
  font-size: clamp(36px, 5vw, 62px);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: .98;
  text-wrap: balance;
}

.dg-guide-finder p,
.dg-guide-directory-section p,
.dg-guide-faq p {
  color: #5f514a;
  font-size: 13px;
  line-height: 1.75;
}

.dg-guide-finder form {
  display: grid;
  gap: 24px;
  min-width: 0;
}

.dg-finder-options legend {
  grid-column: 1 / -1;
  margin-bottom: 5px;
  color: var(--brown);
  font-family: var(--serif);
  font-size: 22px;
}

.dg-finder-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.dg-finder-options :where(button, a, label) {
  display: flex;
  min-width: 0;
  min-height: 52px;
  align-items: center;
  gap: 10px;
  border: 1px solid #20171338;
  border-radius: 12px;
  background: #fffdfb;
  padding: 12px 14px;
  color: var(--ink);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.dg-finder-options :where(button, a, label):hover,
.dg-finder-options :where(button, a, label):focus-within,
.dg-finder-options button[aria-pressed="true"],
.dg-finder-options label:has(input:checked) {
  border-color: var(--coral);
  background: var(--blush);
}

.dg-finder-options input {
  flex: none;
  width: 20px;
  height: 20px;
  accent-color: var(--coral);
}

.dg-finder-result {
  min-width: 0;
  margin-top: 18px;
  border: 1px solid var(--line);
  border-left: 4px solid var(--coral);
  background: #fff;
  padding: clamp(20px, 4vw, 32px);
}

.dg-finder-result[hidden] {
  display: none;
}

.dg-finder-result h3,
.dg-finder-result strong {
  color: var(--brown);
}

.dg-finder-result h3 {
  margin: 0 0 10px;
  font-family: var(--serif);
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 400;
  line-height: 1.05;
}

.dg-finder-result > [data-guide-result-link] {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  margin-top: 10px;
  border: 1px solid var(--ink);
  border-radius: 999px;
  padding: 10px 16px;
  color: var(--paper);
  background: var(--ink);
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

.dg-special-guide-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 72px;
  margin-bottom: 86px;
}

.dg-guide-card {
  min-width: 0;
  min-height: 310px;
  border: 1px solid var(--line);
  background: #fffdfb;
  display: flex;
  flex-direction: column;
  padding: clamp(24px, 3vw, 34px);
  color: var(--ink);
  text-decoration: none;
}

a.dg-guide-card:hover,
a.dg-guide-card:focus-visible,
.dg-guide-card:has(> a:hover),
.dg-guide-card:has(> a:focus-visible) {
  border-color: var(--coral);
  background: var(--blush);
}

.dg-guide-card h3,
.dg-guide-card > strong {
  margin: 0 0 12px;
  color: var(--brown);
  font-family: var(--serif);
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 400;
  letter-spacing: -.035em;
  line-height: 1;
  text-wrap: balance;
}

.dg-guide-card p {
  color: #5f514a;
  font-size: 12px;
  line-height: 1.65;
}

.dg-guide-card > :where(a, .text-link) {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  width: fit-content;
  margin-top: auto;
  padding-block: 10px;
  color: var(--ink);
  font-size: 11px;
  font-weight: 700;
}

.dg-guide-card-preview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin: 22px 0;
  padding: 0;
  list-style: none;
}

.dg-guide-card-preview > * {
  min-width: 0;
  border: 1px solid var(--line);
  background: var(--cream);
  color: #5f514a;
  font-size: 11px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.dg-guide-card-preview > li > a {
  display: block;
  min-height: 44px;
  padding: 10px;
  color: inherit;
  text-decoration: none;
}

.dg-guide-card-preview strong {
  display: block;
  margin-bottom: 3px;
  color: var(--ink);
  font-size: 15px;
}

.dg-guide-directory-section {
  margin-top: 86px;
  margin-bottom: 86px;
}

.dg-guide-directory-section .dg-guide-grid {
  margin-top: 30px;
}

.dg-guide-faq {
  margin-top: 86px;
  margin-bottom: 86px;
  border-top: 1px solid var(--ink);
  padding-top: 54px;
}

.dg-guide-faq details {
  border-bottom: 1px solid var(--line);
}

.dg-guide-faq summary {
  min-height: 64px;
  padding: 18px 4px;
  color: var(--ink);
  font-family: var(--serif);
  font-size: clamp(20px, 2.4vw, 28px);
  line-height: 1.25;
  cursor: pointer;
}

.dg-guide-faq details > :where(p, div) {
  max-width: 820px;
  margin: 0 0 24px;
}

.dg-trust-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin-top: 86px;
  margin-bottom: 86px;
  color: var(--paper);
  background: var(--ink);
  padding: clamp(28px, 5vw, 54px);
}

.dg-trust-strip > * {
  flex: 1 1 220px;
  min-width: 0;
  border-left: 1px solid #fffaf638;
  padding: 16px clamp(18px, 3vw, 34px);
}

.dg-trust-strip > :first-child {
  border-left: 0;
}

.dg-trust-strip h2,
.dg-trust-strip :where(h3, strong) {
  color: var(--paper);
}

.dg-trust-strip h2 {
  font-size: clamp(30px, 4vw, 48px);
}

.dg-trust-strip :is(p, span, small) {
  color: #fffaf6d1;
  font-size: 12px;
  line-height: 1.65;
}

.dg-method-inline {
  width: min(1240px, calc(100% - 56px));
  margin: 64px auto;
  border-top: 1px solid var(--ink);
  border-bottom: 1px solid var(--line);
  padding: 20px 0;
}

.dg-method-inline p {
  max-width: 1080px;
  margin: 0;
  color: #201713bd;
  font-size: 12px;
  line-height: 1.7;
}

.dg-method-inline strong {
  color: var(--ink);
  font-family: var(--serif);
  font-size: 20px;
  font-weight: 400;
}

.dg-method-inline time,
.dg-method-inline a {
  white-space: nowrap;
}

.dg-variant-table {
  max-width: 100%;
  border: 1px solid var(--line);
  background: #fffdfb;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
}

.dg-variant-table table,
table.dg-variant-table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  color: var(--ink);
  font-size: 12px;
  line-height: 1.5;
}

table.dg-variant-table {
  display: table;
  overflow: visible;
}

.dg-variant-table :where(th, td) {
  border-bottom: 1px solid var(--line);
  padding: 14px 16px;
  text-align: left;
  vertical-align: top;
}

.dg-variant-table th {
  color: var(--brown);
  background: var(--cream);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
}

.dg-variant-table tbody tr:hover {
  background: var(--blush);
}

.dg-variant-table :where(a, button) {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  padding-block: 10px;
}

ol.dg-perfume-grid {
  margin: 0;
  padding: 0;
  list-style: none;
}

.dg-perfume-grid > li {
  display: flex;
  min-width: 0;
}

.dg-perfume-grid > li > .dg-perfume-card {
  width: 100%;
}

.dg-quick-answer,
.dg-context-links,
.dg-aventus-base {
  width: min(1240px, calc(100% - 56px));
  margin-right: auto;
  margin-left: auto;
}

.dg-quick-answer {
  margin-top: 34px;
  border: 1px solid var(--line);
  border-left: 4px solid var(--coral);
  background: #fffdfb;
  padding: clamp(22px, 4vw, 38px);
}

.dg-quick-answer h2 {
  margin: 0 0 12px;
  color: var(--brown);
  font-family: var(--serif);
  font-size: clamp(28px, 3.8vw, 46px);
  font-weight: 400;
  line-height: 1.05;
}

.dg-quick-answer a,
.dg-context-links a,
.dg-aventus-base a {
  color: var(--brown);
  font-weight: 700;
}

.dg-quick-answer small,
.dg-byline {
  color: #5f514a;
  font-size: 11px;
  line-height: 1.55;
}

.dg-directory-hero .dg-byline {
  color: #fffaf6c7;
}

.dg-directory-hero[data-hero-variant="light"] .dg-byline {
  color: #5f514a;
}

.dg-directory-hero .dg-byline a {
  color: inherit;
}

.dg-guide-directory-section .catalog-section-heading h3 {
  margin: 0;
  color: var(--brown);
  font-family: var(--serif);
  font-size: clamp(28px, 3.2vw, 42px);
  font-weight: 400;
  letter-spacing: -.03em;
  line-height: 1.05;
}

.dg-context-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 44px;
}

.dg-context-links a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 10px 14px;
  text-decoration: none;
}

.dg-aventus-base {
  margin-bottom: 28px;
  background: var(--cream);
  padding: 18px 22px;
}

.dg-decision-results > h3 {
  margin: 46px 0 20px;
  color: var(--brown);
  font-family: var(--serif);
  font-size: clamp(28px, 3.4vw, 42px);
  font-weight: 400;
}

#konkret-osszevetesek .dg-special-guide-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 980px) {
  .dg-guide-finder {
    grid-template-columns: 1fr;
  }

  .dg-special-guide-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dg-trust-strip > * {
    flex-basis: 50%;
  }
}

@media (max-width: 860px) {
  .editorial-header nav a,
  .editorial-cta {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
  }

  .header-perfume-search {
    height: 48px;
    grid-template-columns: 32px minmax(0, 1fr) 48px;
  }

  .header-perfume-search input {
    height: 46px;
    font-size: 16px;
  }

  .header-search-submit {
    width: 44px;
    height: 44px;
  }
}

@media (max-width: 680px) {
  .dg-decision-page > :where(
    .dg-hub-jump,
    .dg-guide-finder,
    .dg-special-guide-grid,
    .dg-guide-directory-section,
    .dg-guide-faq,
    .dg-trust-strip
  ) {
    width: calc(100% - 28px);
  }

  .dg-quick-answer,
  .dg-context-links,
  .dg-aventus-base {
    width: calc(100% - 28px);
  }

  .dg-decision-hub .dg-directory-hero h1 {
    font-size: clamp(38px, 11.5vw, 50px);
  }

  .dg-hub-jump {
    flex-wrap: nowrap;
    gap: 7px;
    margin-top: -24px;
    margin-bottom: 48px;
    padding: 10px;
    overflow-x: auto;
    scroll-snap-type: inline proximity;
    scrollbar-width: thin;
  }

  .dg-hub-jump a {
    flex: none;
    scroll-snap-align: start;
  }

  .dg-guide-finder {
    gap: 24px;
    margin-top: 52px;
    margin-bottom: 58px;
    padding: 28px 18px;
  }

  .dg-finder-options,
  .dg-special-guide-grid,
  .dg-guide-card-preview {
    grid-template-columns: 1fr;
  }

  #konkret-osszevetesek .dg-special-guide-grid {
    grid-template-columns: 1fr;
  }

  .dg-finder-options :where(button, a, label) {
    min-height: 56px;
  }

  .dg-finder-result > [data-guide-result-link] {
    width: 100%;
    justify-content: center;
  }

  .dg-special-guide-grid,
  .dg-guide-directory-section,
  .dg-guide-faq,
  .dg-trust-strip {
    margin-top: 58px;
    margin-bottom: 58px;
  }

  .dg-guide-card {
    min-height: 0;
  }

  .dg-trust-strip {
    padding: 26px 18px;
  }

  .dg-method-inline {
    width: calc(100% - 28px);
    margin-top: 46px;
    margin-bottom: 46px;
    padding: 16px 0;
  }

  .dg-trust-strip > * {
    flex-basis: 100%;
    border-top: 1px solid #fffaf638;
    border-left: 0;
    padding: 22px 4px;
  }

  .dg-trust-strip > :first-child {
    border-top: 0;
  }

  .dg-decision-method li {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .dg-card-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .dg-card-actions :where(.catalog-card-link, .dg-secondary-link) {
    width: 100%;
    justify-content: center;
    border: 1px solid var(--line);
    padding: 11px 14px;
    text-align: center;
  }

  .dg-decision-page .dg-perfume-image {
    min-height: 260px;
  }

  .dg-decision-page .dg-perfume-image img {
    height: 230px;
  }

  .editorial-footer-links a,
  .editorial-footer-privacy,
  .dg-measurement-settings {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .skip-link,
  .dg-skip-link,
  .dg-guide-card,
  .dg-guide-grid > a,
  .dg-finder-options :where(button, a, label) {
    transition: none;
  }
}

.catalog-counts > div {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  justify-content: start;
  justify-items: start;
  row-gap: 6px;
}

.catalog-counts > div > :where(dt, dd) {
  justify-self: start;
}

@media (width <= 580px) {
  .catalog-counts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }

  .catalog-counts dd {
    font-size: clamp(25px, 9vw, 30px);
  }
}

/*
 * DG Parfum v129 — editorial mood layer
 * The photographs below are licensed atmosphere images. Product pages keep
 * their own bottle illustrations; these assets only frame editorial content.
 */

:root {
  --dg-footer-peach: #f2c4ac;
  --dg-footer-peach-deep: #e8ad8f;
  --dg-photo-line: rgb(84 49 37 / .18);
}

html,
body {
  max-width: 100%;
  overflow-x: clip;
}

:where(main, section, article, header, footer, nav, figure, div) {
  min-width: 0;
}

:where(.hero h1, .catalog-hero h1, .methodology-hero h1, .dg-directory-hero h1, .dg-award-hero h1) {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.hero-image-right,
.catalog-hero-image,
.method-image {
  border: 1px solid var(--dg-photo-line);
  background-color: #f7e3dc;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero-image-right {
  background-image: url(https://dgparfum.hu/mood/hero-peach.webp);
  background-position: 58% center;
  box-shadow: 0 28px 70px rgb(94 48 33 / .14);
}

.hero-image-right > img,
.catalog-hero-image > img,
.method-image > img {
  opacity: 0;
}

.catalog-hero-image {
  border-radius: 49% 49% 20px 20px;
  background-image:
    linear-gradient(180deg, rgb(31 18 14 / .02), rgb(31 18 14 / .08)),
    url(https://dgparfum.hu/mood/catalog-collection.webp);
  background-position: center;
  box-shadow: 0 30px 76px rgb(94 48 33 / .13);
  overflow: hidden;
}

.catalog-hero-image figcaption {
  position: absolute;
  right: 18px;
  bottom: 16px;
  left: 18px;
  width: fit-content;
  max-width: calc(100% - 36px);
  margin: 0;
  border: 1px solid rgb(255 250 246 / .58);
  border-radius: 999px;
  color: var(--paper);
  background: rgb(32 23 19 / .56);
  backdrop-filter: blur(8px);
  padding: 8px 13px;
  font-size: 9px;
}

.method-image {
  background-image:
    linear-gradient(180deg, transparent 58%, rgb(36 20 15 / .1)),
    url(https://dgparfum.hu/mood/floral-spring.webp);
  background-position: 61% center;
  box-shadow: 0 28px 70px rgb(94 48 33 / .12);
}

.closing-cta {
  position: relative;
  isolation: isolate;
  color: var(--ink);
  background:
    linear-gradient(90deg, rgb(244 199 182 / .97) 0 45%, rgb(244 199 182 / .62) 70%, rgb(244 199 182 / .26)),
    url(https://dgparfum.hu/mood/test-lilac.webp) 72% center / cover no-repeat;
  overflow: hidden;
}

.closing-cta::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  border-top: 1px solid var(--dg-photo-line);
  border-bottom: 1px solid var(--dg-photo-line);
  content: "";
  pointer-events: none;
}

.closing-cta > * {
  position: relative;
  z-index: 1;
}

.methodology-hero,
.dg-directory-hero[data-hero-variant="light"],
[data-dg-mood="bedtime"] .dg-directory-hero,
.dg-award-hero {
  position: relative;
  isolation: isolate;
}

.methodology-hero::after,
.dg-directory-hero[data-hero-variant="light"]::after,
[data-dg-mood="bedtime"] .dg-directory-hero::after,
.dg-award-hero::after {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(40%, 540px);
  border-left: 1px solid var(--dg-photo-line);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: "";
  pointer-events: none;
}

.methodology-hero::after {
  background-image:
    linear-gradient(90deg, #f9e7e4 0, rgb(249 231 228 / .12) 46%),
    url(https://dgparfum.hu/mood/wear-guide.webp);
  background-position: 57% center;
  opacity: .58;
}

.dg-directory-hero[data-hero-variant="light"]::after {
  background-image:
    linear-gradient(90deg, #f9e7e4 0, rgb(249 231 228 / .08) 45%),
    url(https://dgparfum.hu/mood/soft-editorial.webp);
  background-position: 53% center;
  opacity: .72;
}

[data-dg-mood="bedtime"] .dg-directory-hero::after {
  background-image:
    linear-gradient(90deg, #f9e7e4 0, rgb(249 231 228 / .06) 43%),
    url(https://dgparfum.hu/mood/bedtime.webp);
  background-position: 56% center;
  opacity: .8;
}

.dg-award-hero::after {
  background-image:
    linear-gradient(90deg, #f9e7e4 0, rgb(249 231 228 / .1) 48%),
    url(https://dgparfum.hu/mood/awards.webp);
  background-position: 50% 58%;
  opacity: .4;
}

.methodology-hero > *,
.dg-directory-hero[data-hero-variant="light"] > *,
[data-dg-mood="bedtime"] .dg-directory-hero > *,
.dg-award-hero > * {
  position: relative;
  z-index: 1;
}

.editorial-footer {
  grid-template-columns: minmax(260px, 1.15fr) minmax(220px, .7fr) minmax(220px, .72fr);
  align-items: start;
  gap: clamp(34px, 5vw, 76px);
  border-top: 1px solid rgb(49 31 25 / .2);
  color: var(--ink);
  background: var(--dg-footer-peach);
  padding-block: clamp(46px, 6vw, 70px);
}

.editorial-footer .footer-brand {
  max-width: 560px;
}

.editorial-footer .footer-dajka-logo {
  width: min(250px, 100%);
  height: auto;
  max-height: 80px;
  object-fit: contain;
  object-position: left center;
  filter: none;
  mix-blend-mode: normal;
}

.editorial-footer .footer-brand > p,
.editorial-footer .company-details,
.editorial-footer .company-details a,
.editorial-footer .footer-meta,
.editorial-footer .footer-small {
  color: rgb(33 21 17 / .78);
}

.editorial-footer .company-details strong,
.editorial-footer .footer-meta > p:first-child {
  color: var(--ink);
}

.editorial-footer .editorial-footer-links {
  justify-items: end;
}

.editorial-footer .editorial-footer-links a,
.editorial-footer .editorial-footer-privacy {
  color: rgb(33 21 17 / .8);
  border-color: rgb(33 21 17 / .3);
}

.ingredient-alphabet :where(a, .taxonomy-unlinked),
.dg-perfume-card,
.dg-perfume-card-copy,
.dg-guide-card {
  min-width: 0;
}

.ingredient-alphabet :where(a, .taxonomy-unlinked) > span,
.dg-perfume-card h3,
.dg-guide-card :where(h2, h3),
.dg-card-actions :where(a, button) {
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: auto;
}

@media (width >= 901px) {
  .dg-directory-hero[data-hero-variant="light"] > :not(.dg-hero-metrics),
  [data-dg-mood="bedtime"] .dg-directory-hero > :not(.dg-hero-metrics) {
    max-width: 66%;
  }

  .dg-directory-hero[data-hero-variant="light"],
  [data-dg-mood="bedtime"] .dg-directory-hero {
    padding-right: clamp(290px, 33vw, 500px);
  }
}

@media (width <= 900px) {
  .methodology-hero::after,
  .dg-directory-hero[data-hero-variant="light"]::after,
  [data-dg-mood="bedtime"] .dg-directory-hero::after,
  .dg-award-hero::after {
    width: 44%;
    opacity: .22;
  }

  .editorial-footer {
    grid-template-columns: minmax(0, 1fr) minmax(220px, .72fr);
  }

  .editorial-footer .footer-meta {
    grid-column: 1 / -1;
  }
}

@media (width <= 700px) {
  .hero-image-right {
    width: min(86vw, 430px);
  }

  .closing-cta {
    min-height: 520px;
    justify-content: flex-end;
    background:
      linear-gradient(180deg, rgb(244 199 182 / .22) 0 36%, rgb(244 199 182 / .94) 68% 100%),
      url(https://dgparfum.hu/mood/test-lilac.webp) 67% 22% / auto 72% no-repeat,
      var(--dg-footer-peach);
  }

  .methodology-hero::after,
  .dg-directory-hero[data-hero-variant="light"]::after,
  [data-dg-mood="bedtime"] .dg-directory-hero::after,
  .dg-award-hero::after {
    top: 0;
    right: 0;
    bottom: auto;
    width: 100%;
    height: 210px;
    border-bottom: 1px solid var(--dg-photo-line);
    border-left: 0;
    background-position: center 35%;
    opacity: .2;
  }

  .methodology-hero,
  .dg-directory-hero[data-hero-variant="light"],
  [data-dg-mood="bedtime"] .dg-directory-hero,
  .dg-award-hero {
    padding-top: 230px;
  }

  .editorial-footer {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .editorial-footer .footer-meta {
    grid-column: auto;
  }

  .editorial-footer .editorial-footer-links {
    justify-items: start;
  }

  .dg-perfume-card {
    grid-template-columns: 1fr;
  }

  .dg-perfume-image {
    min-height: 280px;
  }

  .dg-perfume-image img {
    height: 245px;
  }
}

@media (width <= 420px) {
  .hero h1,
  .catalog-hero-copy h1,
  .methodology-hero h1,
  .dg-directory-hero h1,
  .dg-award-hero h1 {
    font-size: clamp(35px, 10.8vw, 44px);
  }

  .catalog-hero,
  .methodology-hero,
  .dg-directory-hero,
  .dg-award-hero {
    padding-inline: 20px;
  }

  .ingredient-alphabet :where(a, .taxonomy-unlinked) {
    padding-inline: 11px;
  }
}

/* DG_REFERENCE_SYSTEM_2026_08
   A DG tartalma és funkciói a púder–barack, íves szerkesztői rendszerben. */
:root {
  --dg-page: #fbf1ef;
  --dg-surface: #fff9f6;
  --dg-peach: #efb078;
  --dg-pink: #e99a90;
  --dg-arch-line: rgb(177 94 55 / .42);
  --dg-soft-line: rgb(49 31 25 / .16);
  --dg-section-y: clamp(72px, 7vw, 96px);
}

html,
body {
  background: var(--dg-page);
}

.editorial-page {
  background: var(--dg-page);
}

.editorial-header {
  position: sticky;
  z-index: 80;
  top: 0;
  border-color: var(--dg-soft-line);
  background: rgb(251 241 239 / .94);
  box-shadow: none;
  backdrop-filter: blur(12px);
}

.hero h1,
.catalog-hero-copy h1,
.perfume-hero h1,
.category-hero h1,
.methodology-hero h1,
.ingredient-hero h1,
.ingredient-directory-hero h1,
.taxonomy-hero h1,
.author-hero h1,
.dg-directory-hero h1,
.perfume-shelf-overview h1,
.catalog-search-hero h1,
.comparison-intro h1,
.alternative-intro h1,
.shared-profile-hero h1,
.legal-hero h1,
.not-found-page h1,
.shared-result-state h1,
.dg-award-hero h1 {
  max-width: 18ch;
  font-size: clamp(48px, 4.7vw, 64px);
  letter-spacing: -.045em;
  line-height: .98;
  text-wrap: balance;
}

.moment-copy h2,
.catalog-section-heading h2,
.perfume-section-intro h2,
.perfume-notes-section > div:first-child h2,
.perfume-curiosity-content h2,
.wear-main h2,
.perfume-method-note h2,
.author-story h2,
.author-responsibility > div:first-child h2,
.author-editorial-note h2,
.methodology-automation h2,
.taxonomy-evidence h2,
.taxonomy-featured h2,
.taxonomy-context h2,
.dg-award-category-section h2,
.dg-award-source-summary h2,
.dg-award-intro h2,
.dg-award-pending h2 {
  font-size: clamp(38px, 3.8vw, 54px);
  letter-spacing: -.04em;
  line-height: 1;
  text-wrap: balance;
}

.catalog-hero,
.perfume-hero,
.taxonomy-hero,
.ingredient-hero,
.ingredient-directory-hero,
.author-hero,
.dg-directory-hero,
.dg-award-hero {
  border-color: var(--dg-soft-line);
  background:
    radial-gradient(circle at 86% 12%, rgb(233 154 144 / .23), transparent 34%),
    radial-gradient(circle at 18% 92%, rgb(239 176 120 / .22), transparent 38%),
    linear-gradient(135deg, #fffaf7, #f9e7e4);
  box-shadow: none;
}

.catalog-hero {
  min-height: 520px;
  padding: clamp(48px, 6vw, 76px);
}

.perfume-hero,
.author-hero {
  min-height: 520px;
  padding-block: clamp(54px, 6vw, 76px);
}

.taxonomy-hero {
  min-height: 440px;
  padding: clamp(46px, 5vw, 64px);
}

.dg-directory-hero {
  min-height: 440px;
  color: var(--ink);
}

.dg-directory-hero h1,
.dg-directory-hero h2,
.dg-directory-hero h3,
.dg-directory-hero p,
.dg-directory-hero dt,
.dg-directory-hero dd,
.dg-directory-hero strong,
.dg-directory-hero span {
  color: inherit;
}

.dg-directory-hero .eyebrow,
.dg-directory-hero .dg-byline,
.dg-directory-hero .dg-byline a {
  color: var(--brown);
}

.dg-directory-hero .dg-directory-metric,
.dg-directory-hero .dg-directory-stat,
.dg-directory-hero .dg-hero-metrics span,
.dg-directory-hero dl > div {
  border-color: var(--dg-soft-line);
  background: rgb(255 249 246 / .68);
}

.ingredient-hero,
.ingredient-directory-hero {
  min-height: 390px;
}

.ingredient-hero h1,
.ingredient-directory-hero h1 {
  max-width: 930px;
  overflow-wrap: normal;
  hyphens: none;
  text-wrap: balance;
}

.perfume-profile-section,
.perfume-notes-section,
.perfume-curiosity-section,
.wear-section,
.related-section,
.perfume-faq-section {
  padding-block: var(--dg-section-y);
}

.perfume-method-note {
  grid-template-columns: minmax(350px, .9fr) minmax(0, 1.1fr);
  gap: clamp(42px, 6vw, 82px);
  padding-block: clamp(58px, 6vw, 74px);
}

.perfume-method-note h2 {
  max-width: 520px;
}

.author-story {
  grid-template-columns: minmax(360px, .95fr) minmax(0, 1.05fr);
  gap: clamp(44px, 6vw, 82px);
  padding-block: 80px;
}

.author-story h2 {
  max-width: 620px;
  font-size: clamp(40px, 4vw, 56px);
}

.catalog-category-card,
.catalog-perfume-card,
.brand-perfume-list article,
.related-grid article,
.dg-brand-card,
.dg-guide-card,
.dg-perfume-card,
.perfume-faq-grid article {
  border: 1px solid var(--dg-soft-line);
  border-radius: 16px;
  background: rgb(255 249 246 / .78);
  box-shadow: none;
}

.catalog-category-card,
.catalog-perfume-card,
.brand-perfume-list article,
.related-grid article,
.dg-brand-card,
.dg-guide-card,
.dg-perfume-card {
  transition: border-color .2s ease, transform .2s ease, background-color .2s ease;
}

.catalog-category-card:hover,
.catalog-perfume-card:hover,
.brand-perfume-list article:hover,
.related-grid article:hover,
.dg-brand-card:hover,
.dg-guide-card:hover,
.dg-perfume-card:hover {
  border-color: var(--dg-arch-line);
  background: var(--dg-surface);
  box-shadow: none;
  transform: translateY(-2px);
}

a.dg-guide-card:hover,
a.dg-guide-card:focus-visible,
.dg-guide-card:has(> a:hover),
.dg-guide-card:has(> a:focus-visible) {
  border-color: var(--dg-arch-line);
  background: var(--dg-surface);
  box-shadow: none;
  transform: translateY(-2px);
}

.dg-perfume-image {
  margin: 14px;
  border: 1px solid var(--dg-arch-line);
  border-radius: 999px 999px 22px 22px;
  background: linear-gradient(160deg, #fffaf8, #f8e4df);
}

.editorial-footer {
  color: var(--ink);
  border-color: rgb(49 31 25 / .22);
  background: linear-gradient(115deg, var(--dg-pink), var(--dg-peach));
}

.editorial-footer .footer-brand > p,
.editorial-footer .company-details,
.editorial-footer .company-details a,
.editorial-footer .footer-meta,
.editorial-footer .footer-small {
  color: rgb(33 21 17 / .78);
}

.editorial-footer .editorial-footer-links a,
.editorial-footer .editorial-footer-privacy {
  color: rgb(33 21 17 / .76);
  border-color: rgb(33 21 17 / .28);
}

.editorial-footer a:hover,
.editorial-footer button:hover,
.editorial-footer a:focus-visible,
.editorial-footer button:focus-visible {
  color: var(--ink);
  border-color: var(--ink);
}

.footer-dajka-logo {
  filter: none;
  mix-blend-mode: normal;
}

/* Éves díjarchívum */
.dg-award-page {
  --award-content: min(1440px, calc(100% - 56px));
}

.dg-award-page > .editorial-breadcrumb,
.dg-award-page > .dg-award-hero,
.dg-award-page > .dg-award-year-nav,
.dg-award-page > .dg-award-context,
.dg-award-page > .dg-award-category-section,
.dg-award-page > .dg-award-pending,
.dg-award-page > .dg-award-source-summary,
.dg-award-page > .dg-award-prev-next,
.dg-award-page > .dg-award-year-grid,
.dg-award-page > .dg-award-intro {
  width: var(--award-content);
  margin-inline: auto;
}

.dg-award-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(250px, 340px);
  gap: clamp(40px, 7vw, 110px);
  align-items: end;
  min-height: 470px;
  margin-top: 24px;
  padding: clamp(54px, 6vw, 82px);
  overflow: hidden;
}

.dg-award-hero-copy {
  position: relative;
  z-index: 1;
  max-width: 820px;
}

.dg-award-hero-copy > p:not(.eyebrow) {
  max-width: 680px;
  margin: 24px 0 0;
  color: #5f514a;
  font-size: clamp(17px, 1.4vw, 20px);
  line-height: 1.65;
}

.dg-award-year-mark {
  position: absolute;
  right: clamp(20px, 5vw, 72px);
  bottom: -28px;
  color: rgb(177 74 58 / .08);
  font-family: var(--serif);
  font-size: clamp(130px, 22vw, 330px);
  letter-spacing: -.07em;
  line-height: .7;
  pointer-events: none;
}

.dg-award-hero-stats {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  border-top: 1px solid var(--dg-soft-line);
}

.dg-award-hero-stats > div {
  display: flex;
  min-height: 112px;
  flex-direction: column-reverse;
  justify-content: flex-end;
  gap: 8px;
  border-right: 1px solid var(--dg-soft-line);
  border-bottom: 1px solid var(--dg-soft-line);
  padding: 18px;
}

.dg-award-hero-stats dt {
  color: #5f514a;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 10px;
}

.dg-award-hero-stats dd {
  margin: 0;
  font-family: var(--serif);
  font-size: clamp(42px, 4vw, 60px);
  line-height: .9;
}

.dg-award-status {
  position: relative;
  z-index: 1;
  margin: 0;
  border-top: 1px solid var(--dg-soft-line);
  border-bottom: 1px solid var(--dg-soft-line);
  padding: 24px 0;
  font-family: var(--serif);
  font-size: 30px;
  line-height: 1.1;
}

.dg-award-year-nav {
  display: flex;
  gap: 8px;
  margin-top: 20px;
  padding: 12px 0;
  overflow-x: auto;
  scrollbar-width: thin;
}

.dg-award-year-nav a {
  display: inline-flex;
  min-width: 78px;
  min-height: 46px;
  flex: 1 0 auto;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--dg-soft-line);
  border-radius: 999px;
  color: var(--ink);
  background: rgb(255 249 246 / .66);
  text-decoration: none;
}

.dg-award-year-nav a[aria-current="page"],
.dg-award-year-nav a:hover {
  border-color: var(--brown);
  color: var(--paper);
  background: var(--brown);
}

.dg-award-category-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 26px;
}

.dg-award-category-nav a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--dg-soft-line);
  border-radius: 999px;
  padding: 9px 14px;
  color: var(--ink);
  background: rgb(255 249 246 / .7);
  text-decoration: none;
}

.dg-award-category-nav a span {
  color: var(--brown);
  font-family: var(--serif);
  font-size: 20px;
}

.dg-award-context {
  display: grid;
  grid-template-columns: minmax(210px, .34fr) minmax(0, 1fr);
  gap: 30px;
  margin-top: 34px;
  border-top: 1px solid var(--dg-soft-line);
  border-bottom: 1px solid var(--dg-soft-line);
  padding: 22px 0;
}

.dg-award-context strong {
  font-family: var(--serif);
  font-size: 24px;
  font-weight: 400;
}

.dg-award-context p {
  max-width: 820px;
  margin: 0;
  color: #5f514a;
  line-height: 1.6;
}

.dg-award-category-section {
  padding-block: var(--dg-section-y);
  scroll-margin-top: 92px;
}

.dg-award-section-heading {
  display: grid;
  grid-template-columns: minmax(300px, .8fr) minmax(0, 1.2fr);
  gap: 28px clamp(40px, 7vw, 110px);
  align-items: end;
  margin-bottom: 38px;
}

.dg-award-section-heading .eyebrow {
  grid-column: 1 / -1;
  margin: 0;
}

.dg-award-section-heading h2,
.dg-award-section-heading > p:last-child {
  margin: 0;
}

.dg-award-section-heading > p:last-child {
  max-width: 650px;
  color: #5f514a;
  line-height: 1.65;
}

.dg-award-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.dg-award-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  border: 1px solid var(--dg-soft-line);
  background: rgb(255 249 246 / .74);
}

.dg-award-bottle {
  display: flex;
  min-height: 360px;
  align-items: flex-end;
  justify-content: center;
  margin: 14px 14px 0;
  border: 1px solid var(--dg-arch-line);
  border-radius: 999px 999px 22px 22px;
  background: linear-gradient(160deg, #fffaf8, #f4dcd6);
  overflow: hidden;
}

.dg-award-bottle img {
  width: min(82%, 260px);
  height: 320px;
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 18px 18px rgb(45 24 17 / .12));
  transition: transform .24s ease;
}

.dg-award-card:hover .dg-award-bottle img {
  transform: translateY(-4px);
}

.dg-award-card-copy {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 24px 20px 22px;
}

.dg-award-card-copy h3 {
  margin: 9px 0 12px;
  font-family: var(--serif);
  font-size: clamp(27px, 2.2vw, 34px);
  font-weight: 400;
  letter-spacing: -.035em;
  line-height: 1.02;
}

.dg-award-card-copy h3 a {
  color: inherit;
  text-decoration: none;
}

.dg-award-release {
  margin: 0 0 18px;
  color: #756861;
  font-size: 12px;
}

.dg-award-list {
  display: grid;
  gap: 12px;
  margin: 0 0 22px;
  padding: 0;
  list-style: none;
}

.dg-award-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  border-top: 1px solid var(--dg-soft-line);
  padding-top: 12px;
}

.dg-award-list li span {
  display: block;
  margin-bottom: 3px;
  color: var(--coral);
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 9px;
}

.dg-award-list li strong {
  display: block;
  font-size: 13px;
}

.dg-award-list li p {
  margin: 4px 0 0;
  color: #5f514a;
  font-size: 12px;
  line-height: 1.4;
}

.dg-award-list li > a {
  align-self: start;
  color: var(--ink);
  font-size: 11px;
  text-decoration-color: var(--dg-arch-line);
  text-underline-offset: 3px;
}

.dg-award-card-copy > .catalog-card-link {
  margin-top: auto;
}

.dg-award-source-summary,
.dg-award-intro {
  display: grid;
  grid-template-columns: minmax(300px, .8fr) minmax(0, 1.2fr);
  gap: clamp(40px, 7vw, 110px);
  border-top: 1px solid var(--dg-soft-line);
  padding-block: var(--dg-section-y);
}

.dg-award-source-summary h2,
.dg-award-intro h2 {
  margin: 8px 0 18px;
}

.dg-award-source-summary p,
.dg-award-intro p {
  color: #5f514a;
  line-height: 1.7;
}

.dg-award-source-summary ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.dg-award-source-summary li a {
  display: flex;
  min-height: 86px;
  flex-direction: column;
  justify-content: center;
  gap: 7px;
  border: 1px solid var(--dg-soft-line);
  padding: 16px;
  color: var(--ink);
  background: rgb(255 249 246 / .68);
  text-decoration: none;
}

.dg-award-source-summary li span {
  color: #756861;
  font-size: 11px;
}

.dg-award-prev-next {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding-bottom: var(--dg-section-y);
}

.dg-award-prev-next a {
  display: flex;
  min-height: 110px;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--dg-soft-line);
  padding: 20px 24px;
  color: var(--ink);
  background: rgb(255 249 246 / .68);
  text-decoration: none;
}

.dg-award-prev-next a:last-child {
  text-align: right;
}

.dg-award-prev-next strong {
  font-family: var(--serif);
  font-size: 48px;
  font-weight: 400;
}

.dg-award-pending {
  margin-block: var(--dg-section-y);
  border: 1px solid var(--dg-soft-line);
  border-left: 6px solid var(--coral);
  padding: clamp(34px, 5vw, 70px);
  background: var(--dg-surface);
}

.dg-award-pending h2 {
  max-width: 780px;
  margin: 10px 0 20px;
}

.dg-award-pending > p:not(.eyebrow) {
  max-width: 780px;
  color: #5f514a;
  line-height: 1.7;
}

.dg-award-year-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  padding-block: var(--dg-section-y);
  scroll-margin-top: 92px;
}

.dg-award-year-card {
  min-height: 290px;
  border: 1px solid var(--dg-soft-line);
  background: rgb(255 249 246 / .72);
}

.dg-award-year-card > a {
  display: flex;
  height: 100%;
  min-height: inherit;
  flex-direction: column;
  padding: 24px;
  color: var(--ink);
  text-decoration: none;
}

.dg-award-year-card > a > span {
  color: var(--coral);
  font-family: var(--serif);
  font-size: 58px;
  line-height: 1;
}

.dg-award-year-card h2 {
  margin: 20px 0 26px;
  font-family: var(--serif);
  font-size: 30px;
  font-weight: 400;
  letter-spacing: -.03em;
  line-height: 1.05;
}

.dg-award-year-card dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin: auto 0 20px;
}

.dg-award-year-card dl div {
  border-top: 1px solid var(--dg-soft-line);
  padding-top: 8px;
}

.dg-award-year-card dt {
  color: #756861;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 8px;
}

.dg-award-year-card dd {
  margin: 4px 0 0;
  font-family: var(--serif);
  font-size: 25px;
}

.dg-award-year-card > a > strong {
  font-size: 11px;
}

.dg-award-year-card.is-pending {
  background: linear-gradient(145deg, #f8e7e4, #f1d3c6);
}

.dg-award-year-pending {
  margin: auto 0 24px;
  color: #5f514a;
  line-height: 1.5;
}

.perfume-award-year-link {
  color: inherit;
  font-weight: 700;
  text-underline-offset: 3px;
}

@media (width >= 1180px) {
  .hero {
    min-height: clamp(560px, 70vh, 640px);
    padding-block: 60px 52px;
  }

  .moment-section {
    margin-block: clamp(88px, 8vw, 118px);
  }

  .editorial-header {
    grid-template-areas: "brand nav search cta";
    grid-template-columns: auto minmax(0, 1fr) minmax(240px, 340px) auto;
    grid-template-rows: auto;
    gap: 14px;
    min-height: 72px;
    padding: 10px clamp(20px, 3vw, 52px);
  }

  .editorial-header .editorial-brand {
    grid-area: brand;
    align-self: center;
  }

  .editorial-header nav {
    grid-area: nav;
    justify-content: flex-start;
    width: 100%;
    max-width: 100%;
    padding: 0;
    overflow-x: auto;
  }

  .editorial-header .header-perfume-search {
    grid-area: search;
    justify-self: stretch;
    width: 100%;
  }

  .editorial-header .editorial-cta {
    grid-area: cta;
    align-self: center;
  }

  .faq-heading {
    top: 92px;
  }

  main [id] {
    scroll-margin-top: 92px;
  }

  .ingredient-hero {
    grid-template-columns: 76px minmax(0, 1fr) minmax(150px, 170px);
    gap: clamp(24px, 3vw, 36px);
    min-height: 390px;
    padding: 56px;
  }

  .ingredient-hero-icon {
    width: 76px;
    height: 76px;
  }

  .ingredient-hero h1 {
    font-size: clamp(50px, 4.6vw, 64px);
  }
}

@media (701px <= width <= 1179px) {
  .ingredient-hero {
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 28px;
    min-height: 360px;
    padding: 48px 36px;
  }

  .ingredient-hero > aside {
    grid-column: 1 / -1;
  }

  .ingredient-hero h1 {
    font-size: clamp(48px, 6vw, 60px);
  }
}

@media (width <= 1100px) {
  .dg-award-card-grid,
  .dg-award-year-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width <= 860px) {
  .perfume-method-note,
  .author-story,
  .dg-award-hero,
  .dg-award-section-heading,
  .dg-award-source-summary,
  .dg-award-intro {
    grid-template-columns: 1fr;
  }

  .perfume-method-note {
    gap: 32px;
  }

  .author-story {
    gap: 32px;
    padding-block: 72px;
  }

  .dg-award-hero {
    min-height: 0;
  }

  .dg-award-hero-stats {
    max-width: 520px;
  }

  .dg-award-section-heading {
    gap: 18px;
  }

  .dg-award-section-heading .eyebrow {
    grid-column: auto;
  }

  .dg-award-source-summary ul {
    grid-template-columns: 1fr;
  }
}

@media (width <= 700px) {
  .hero h1,
  .catalog-hero-copy h1,
  .perfume-hero h1,
  .category-hero h1,
  .methodology-hero h1,
  .ingredient-hero h1,
  .ingredient-directory-hero h1,
  .taxonomy-hero h1,
  .author-hero h1,
  .dg-directory-hero h1,
  .perfume-shelf-overview h1,
  .catalog-search-hero h1,
  .comparison-intro h1,
  .alternative-intro h1,
  .shared-profile-hero h1,
  .legal-hero h1,
  .not-found-page h1,
  .shared-result-state h1,
  .dg-decision-hub .dg-directory-hero h1,
  .dg-award-hero h1 {
    font-size: clamp(38px, 11vw, 48px);
  }

  .moment-copy h2,
  .catalog-section-heading h2,
  .perfume-section-intro h2,
  .perfume-notes-section > div:first-child h2,
  .perfume-curiosity-content h2,
  .wear-main h2,
  .perfume-method-note h2,
  .author-story h2,
  .author-responsibility > div:first-child h2,
  .author-editorial-note h2,
  .methodology-automation h2,
  .taxonomy-evidence h2,
  .taxonomy-featured h2,
  .taxonomy-context h2,
  .dg-award-category-section h2,
  .dg-award-source-summary h2,
  .dg-award-intro h2,
  .dg-award-pending h2 {
    font-size: clamp(34px, 9.5vw, 42px);
  }

  .ingredient-hero {
    grid-template-columns: 1fr;
    gap: 24px;
    min-height: 0;
    padding: 40px 24px;
  }

  .ingredient-hero > aside {
    grid-column: auto;
  }

  .perfume-method-note {
    padding: 52px 24px;
  }

  .author-story {
    gap: 24px;
    padding-block: 58px;
  }

  .dg-award-page {
    --award-content: calc(100% - 28px);
  }

  .dg-award-hero {
    margin-top: 14px;
    padding: 40px 22px;
  }

  .dg-award-hero-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dg-award-context {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .dg-award-card-grid,
  .dg-award-year-grid,
  .dg-award-prev-next {
    grid-template-columns: 1fr;
  }

  .dg-award-bottle {
    min-height: 330px;
  }

  .dg-award-bottle img {
    height: 292px;
  }

  .dg-award-prev-next > span:empty {
    display: none;
  }
}

@media (width <= 580px) {
  .ingredient-hero h1 {
    font-size: clamp(38px, 10.5vw, 44px);
  }

  .perfume-method-note h2,
  .author-story h2 {
    font-size: clamp(36px, 10vw, 44px);
  }
}
/* v1.4.3 – indexelhető X vagy Y oldalak */
.static-comparison-page{overflow:hidden}.static-compare-hero,.static-compare-products,.static-compare-table,.static-compare-notes,.static-compare-action{width:min(1240px,calc(100% - 48px));margin-inline:auto}.static-compare-hero{padding:clamp(58px,9vw,120px) 0 64px}.static-compare-hero h1{font-family:var(--serif);font-size:clamp(48px,7.4vw,104px);font-weight:400;letter-spacing:-.055em;line-height:.9;max-width:1120px;margin:12px 0 28px}.static-compare-hero h1 em{color:var(--coral);font-size:.42em;font-style:italic;font-weight:400;margin:0 .25em}.static-compare-hero>p:last-child{color:#201713ad;max-width:780px;font-size:14px;line-height:1.75}.static-compare-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.static-compare-products article{background:#fffdfb;padding:clamp(26px,5vw,64px)}.static-compare-products img{display:block;width:100%;height:clamp(260px,36vw,470px);object-fit:contain;filter:drop-shadow(0 22px 24px #311c1426);margin-bottom:30px}.static-compare-products h2,.static-compare-table h2,.static-compare-notes h2{font-family:var(--serif);font-weight:400;letter-spacing:-.04em}.static-compare-products h2{font-size:clamp(34px,4.2vw,58px);line-height:.98;margin:7px 0 10px}.static-compare-products article>p:not(.eyebrow){color:#2017139e;min-height:48px}.static-compare-table{display:grid;grid-template-columns:minmax(220px,.45fr) minmax(0,1.55fr);gap:clamp(32px,7vw,94px);padding:110px 0}.static-compare-table h2{font-size:clamp(44px,6vw,72px);margin:8px 0}.static-compare-table table{width:100%;border-collapse:collapse}.static-compare-table th,.static-compare-table td{border-bottom:1px solid var(--line);padding:16px 12px;text-align:left;vertical-align:middle}.static-compare-table thead th{text-transform:uppercase;letter-spacing:.08em;font-size:9px}.static-compare-table tbody th{font-family:var(--serif);font-size:18px;font-weight:400}.static-compare-table td{font-size:11px}.static-compare-table td strong{display:inline-block;min-width:34px}.static-compare-table td i{display:inline-block;width:min(110px,55%);height:6px;background:#20171314;border-radius:999px;overflow:hidden}.static-compare-table td i b{display:block;height:100%;background:var(--coral);border-radius:inherit}.static-compare-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.static-compare-notes article{background:var(--cream);padding:clamp(34px,6vw,76px);min-height:310px}.static-compare-notes h2{font-size:clamp(34px,4vw,54px);line-height:1;margin:9px 0 26px}.static-compare-notes article>p:last-child{color:#201713ad;line-height:1.75}.static-compare-action{padding:48px 0 110px;text-align:center}.dg-signal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dg-signal-grid table{margin:0}.dg-signal-grid caption{font-size:16px}@media(max-width:760px){.static-compare-hero,.static-compare-products,.static-compare-table,.static-compare-notes,.static-compare-action{width:calc(100% - 28px)}.static-compare-hero h1 em{display:block;margin:.25em 0}.static-compare-products,.static-compare-table,.static-compare-notes{grid-template-columns:1fr}.static-compare-products img{height:280px}.static-compare-table{padding:74px 0}.table-scroll{overflow-x:auto}.static-compare-table table{min-width:620px}.dg-signal-grid{grid-template-columns:1fr}}

/* A sötét kezdőlapi láblécen a beágyazott fekete logó világos változatként jelenik meg. */
footer:not(.editorial-footer) .footer-brand .footer-dajka-logo{filter:brightness(0) invert(1);mix-blend-mode:normal;opacity:.96}

/* Csak a dg_admin_preview=1 futásidejű DOM-ja hozza létre ezeket az elemeket. */
.dg-selector-preview-diagnostics{margin:0 0 28px;padding:clamp(24px,4vw,42px);border:1px solid #201713;background:var(--ink);color:var(--paper);box-shadow:0 20px 55px #20171324}.dg-selector-preview-diagnostics-heading{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:16px 48px;align-items:end;padding-bottom:24px;border-bottom:1px solid #fffaf63d}.dg-selector-preview-diagnostics-heading .eyebrow{grid-column:1/-1;margin:0;color:#f3ad86}.dg-selector-preview-diagnostics-heading h3{margin:0;font-family:var(--serif);font-size:clamp(30px,4vw,46px);font-weight:400;letter-spacing:-.04em;line-height:1}.dg-selector-preview-diagnostics-heading>p:last-child{margin:0;color:#fffaf6b8;font-size:12px;line-height:1.7}.dg-selector-preview-facts,.dg-selector-preview-weights{display:grid;margin:0}.dg-selector-preview-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:20px;background:#fffaf629}.dg-selector-preview-facts>div,.dg-selector-preview-weights>div{min-width:0;background:#2a1e19;padding:15px}.dg-selector-preview-facts dt,.dg-selector-preview-weights dt{color:#fffaf69e;text-transform:uppercase;letter-spacing:.09em;font-size:8px;font-weight:700}.dg-selector-preview-facts dd,.dg-selector-preview-weights dd{margin:7px 0 0;font-family:var(--serif);font-size:20px;overflow-wrap:anywhere}.dg-selector-preview-facts dd[data-dg-selector-preview-value=fingerprint]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.dg-selector-preview-diagnostics h4{margin:28px 0 12px;font-family:var(--serif);font-size:23px;font-weight:400}.dg-selector-preview-weights{grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#fffaf629}.dg-selector-live-breakdown-label{margin:14px 0 10px;padding:9px 11px;border-left:3px solid var(--coral);background:var(--blush);color:var(--brown);font-size:10px;font-weight:700;letter-spacing:.04em}
@media (width<=820px){.dg-selector-preview-diagnostics-heading{grid-template-columns:1fr}.dg-selector-preview-facts{grid-template-columns:1fr}.dg-selector-preview-weights{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (width<=520px){.dg-selector-preview-diagnostics{padding:22px 16px}.dg-selector-preview-weights{grid-template-columns:1fr}.dg-selector-preview-facts dd,.dg-selector-preview-weights dd{font-size:18px}}

/* v1.4.16 – egységes érintési célok és AA-kontrasztú segédszövegek */
.dg-category-links a,
.dg-letter-nav a,
.dg-list-switcher a,
.dg-facet-list a,
.dg-perfume-brand-link {
  min-height: 44px;
}

.perfume-shelf-button.is-compact,
.perfume-shelf-stage button,
.perfume-shelf-favorite,
.perfume-shelf-rating button,
.perfume-shelf-feedback button,
.perfume-shelf-card-actions a,
.perfume-shelf-card-actions button {
  min-width: 44px;
  min-height: 44px;
}

.ingredient-alphabet .taxonomy-unlinked small {
  color: #655850;
  font-size: 9px;
  line-height: 1.4;
}

.dg-perfume-card-copy > p:not(.eyebrow, .dg-score, .dg-rank-reason, .dg-card-notes),
.dg-discovery-grid span {
  color: #655850;
  font-size: 11px;
  line-height: 1.55;
}

.static-compare-table caption.sr-only {
  width: 1px;
  height: 1px;
}

/* v1.4.16 – a döntési útmutatók reszponzív, dekoratív hangulatképei */
.dg-decision-page:not(.dg-decision-hub) header.dg-directory-hero[data-dg-guide-mood] {
  --dg-guide-mood-position: 50% 50%;
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.dg-decision-page:not(.dg-decision-hub) header.dg-directory-hero[data-dg-guide-mood] > :not(.dg-guide-hero-media) {
  position: relative;
  z-index: 1;
}

.dg-guide-hero-media {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(40%, 500px);
  margin: 0;
  border-left: 1px solid var(--dg-photo-line, rgb(49 31 25 / .16));
  background: #efe2dc;
  overflow: hidden;
  pointer-events: none;
}

.dg-guide-hero-media::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #f9e7e4 0, rgb(249 231 228 / .18) 27%, transparent 58%);
  content: "";
  pointer-events: none;
}

.dg-guide-hero-media > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--dg-guide-mood-position);
}

/* A portré és az eltérő fókuszú képek témája minden képaránynál látható marad. */
.dg-directory-hero[data-dg-guide-mood="envato-citrus-gold"] {
  --dg-guide-mood-position: 50% 41%;
}

.dg-directory-hero[data-dg-guide-mood="envato-amber-spice"],
.dg-directory-hero[data-dg-guide-mood="envato-floral"],
.dg-directory-hero[data-dg-guide-mood="envato-aquatic"],
.dg-directory-hero[data-dg-guide-mood="envato-woody"],
.dg-directory-hero[data-dg-guide-mood="envato-citrus-dark"] {
  --dg-guide-mood-position: 50% 50%;
}

.dg-directory-hero[data-dg-guide-mood="envato-aromatic-green"] {
  --dg-guide-mood-position: 50% 54%;
}

.dg-directory-hero[data-dg-guide-mood="envato-fruity"],
.dg-directory-hero[data-dg-guide-mood="envato-gourmand-vanilla"] {
  --dg-guide-mood-position: 50% 55%;
}

.dg-directory-hero[data-dg-guide-mood="envato-leather-smoke"] {
  --dg-guide-mood-position: 52% 50%;
}

.dg-directory-hero[data-dg-guide-mood="envato-musk-powder"] {
  --dg-guide-mood-position: 50% 51%;
}

/* Az elalvós guide saját képelemet kap; a korábbi bedtime pszeudo-kép így nem duplázódik. */
[data-dg-mood="bedtime"] .dg-directory-hero[data-dg-guide-mood]::after {
  content: none;
}

[data-dg-mood="bedtime"] .dg-directory-hero[data-dg-guide-mood] > .dg-guide-hero-media {
  position: absolute;
  z-index: 0;
}

@media (width >= 821px) {
  .dg-decision-page:not(.dg-decision-hub) header.dg-directory-hero[data-dg-guide-mood] {
    padding-right: clamp(300px, 42%, 540px);
  }

  .dg-decision-page:not(.dg-decision-hub) header.dg-directory-hero[data-dg-guide-mood] > :not(.dg-guide-hero-media, .dg-hero-metrics),
  .dg-decision-page:not(.dg-decision-hub) header.dg-directory-hero[data-dg-guide-mood] > .dg-hero-metrics {
    max-width: 760px;
  }
}

@media (width <= 820px) {
  .dg-decision-page:not(.dg-decision-hub) header.dg-directory-hero[data-dg-guide-mood] {
    padding-top: 250px;
  }

  .dg-guide-hero-media {
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 210px;
    border-bottom: 1px solid var(--dg-photo-line, rgb(49 31 25 / .16));
    border-left: 0;
  }

  .dg-guide-hero-media::after {
    background: linear-gradient(180deg, transparent 52%, rgb(249 231 228 / .2) 76%, #f9e7e4 100%);
  }
}

@media (width <= 480px) {
  .dg-decision-page:not(.dg-decision-hub) header.dg-directory-hero[data-dg-guide-mood] {
    padding-top: 220px;
  }

  .dg-guide-hero-media {
    height: 184px;
  }
}

/*
 * v1.4.16 – route-specifikus fotó a statikus taxonómia-prerenderekben.
 *
 * A PHP-oldal ugyanezt a route-mood adatforrást használja futásidőben. A
 * kiadási szinkronizáló a régi Next-prerenderek látható HTML-részébe teszi a
 * fotót; az alábbi rács garantálja, hogy a kép, a hosszú cím és a számláló
 * asztali és mobil nézetben se takarja egymást.
 */
.taxonomy-hero.dg-route-mood-hero,
.ingredient-hero.dg-route-mood-hero {
  grid-template-columns: minmax(260px, .88fr) minmax(0, 1.12fr) minmax(132px, 150px);
  grid-template-areas: "mood copy count";
  align-items: stretch;
  gap: clamp(24px, 3vw, 42px);
}

.dg-route-mood-hero > .taxonomy-hero-icon,
.dg-route-mood-hero > .ingredient-hero-icon {
  display: none;
}

.dg-route-mood-hero > .dg-route-mood-media {
  grid-area: mood;
  align-self: stretch;
  min-width: 0;
  min-height: 280px;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgb(255 255 255 / .7);
  border-radius: 22px;
  background: #eadfd7;
  box-shadow: 0 24px 60px rgb(47 28 20 / .18);
}

.dg-route-mood-hero > .dg-route-mood-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dg-route-mood-hero > div:not(.taxonomy-hero-icon, .ingredient-hero-icon) {
  grid-area: copy;
  align-self: center;
  min-width: 0;
}

.dg-route-mood-hero > aside {
  grid-area: count;
  align-self: center;
  min-width: 0;
}

@media (701px <= width <= 1000px) {
  .taxonomy-hero.dg-route-mood-hero,
  .ingredient-hero.dg-route-mood-hero {
    grid-template-columns: minmax(220px, .78fr) minmax(0, 1.22fr);
    grid-template-areas:
      "mood copy"
      "count count";
  }

  .dg-route-mood-hero > .dg-route-mood-media {
    min-height: 300px;
  }
}

@media (width <= 700px) {
  .taxonomy-hero.dg-route-mood-hero,
  .ingredient-hero.dg-route-mood-hero {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "mood"
      "copy"
      "count";
    gap: 24px;
  }

  .dg-route-mood-hero > .dg-route-mood-media {
    width: 100%;
    min-height: 0;
    aspect-ratio: 4 / 3;
    border-radius: 18px;
  }
}

/*
 * v1.4.16 – stabil illatcsalád-rács.
 *
 * A korábbi százalékos organikus ív a széles, négyelemű rácsban a kártya
 * tartalmát is levágta: a sorszám a felső ív, a Gourmand-cím és a leírás az
 * alsó ív mögé csúszott. A négy kártya most azonos, kiszámítható cellát kap,
 * a tartalom a saját kártyáján belül marad, a puha forma pedig fix sugarakkal
 * őrzi meg az organikus karakterét.
 */
.family-gallery {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  min-height: 0;
}

.family-card,
.family-card.family-card-tall,
.family-card.family-card-round,
.family-card.family-card-arch,
.family-card.family-card-soft {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: clamp(390px, 32vw, 460px);
  position: relative;
}

.family-card > span,
.family-card > div {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.family-card:not(.family-card-round) > span {
  align-self: center;
}

.family-card h3,
.family-card p {
  max-width: 100%;
  overflow-wrap: anywhere;
}

main [id] {
  scroll-margin-top: 140px;
}

.family-card.family-card-round {
  aspect-ratio: auto;
}

.family-card.family-card-soft {
  border-radius: 84px 120px 68px 96px;
}

.family-card.family-card-soft > div {
  width: calc(100% - 20px);
  margin-inline: auto;
}

@media (width <= 1120px) {
  .family-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .family-card,
  .family-card.family-card-tall,
  .family-card.family-card-round,
  .family-card.family-card-arch,
  .family-card.family-card-soft {
    height: 390px;
  }
}

@media (width <= 580px) {
  .family-gallery {
    grid-template-columns: minmax(0, 1fr);
  }

  .family-card,
  .family-card.family-card-tall,
  .family-card.family-card-round,
  .family-card.family-card-arch,
  .family-card.family-card-soft {
    height: 300px;
  }

  .family-card.family-card-soft {
    border-radius: 44px 56px 64px 48px;
  }
}

/*
 * DG Parfüm v1.5.0 – kortárs luxus szerkesztőségi rendszer.
 *
 * Vizuális tézis: tintafekete és elefántcsont felületek, tompa bordó és
 * visszafogott sárgaréz részletek, nagy serif címek, egyenes képkeretek.
 * A termékpalackok továbbra is háttér és keret nélkül jelennek meg.
 */
:root {
  --ink: #191714;
  --brown: #46382f;
  --paper: #f4f0e8;
  --blush: #e5ddd1;
  --blush-deep: #cdbdaf;
  --peach: #b9935e;
  --coral: #743744;
  --cream: #ece5da;
  --sage: #74796e;
  --line: rgb(25 23 20 / .18);
  --dg-page: #f4f0e8;
  --dg-surface: #fbf9f4;
  --dg-peach: #b9935e;
  --dg-pink: #743744;
  --dg-arch-line: rgb(116 55 68 / .42);
  --dg-soft-line: rgb(25 23 20 / .17);
  --luxury-ink: #191714;
  --luxury-ivory: #f4f0e8;
  --luxury-wine: #5c2833;
  --luxury-brass: #aa8450;
  --luxury-muted: #706a62;
  --serif: "Iowan Old Style", Baskerville, "Palatino Linotype", "Book Antiqua", Georgia, serif;
  --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html {
  color-scheme: light;
  background: var(--luxury-ivory);
}

body {
  min-width: 320px;
  background: var(--luxury-ivory);
  color: var(--luxury-ink);
  font-family: var(--sans);
  font-size: 16px;
  letter-spacing: .002em;
  overflow-wrap: anywhere;
}

::selection {
  color: var(--luxury-ivory);
  background: var(--luxury-wine);
}

p,
li {
  line-height: 1.72;
}

.eyebrow,
.cms-eyebrow {
  color: #74532f;
  font-size: .72rem;
  font-weight: 750;
  letter-spacing: .16em;
}

.button,
.mini-cta,
.editorial-cta {
  border-radius: 2px;
}

.button {
  min-height: 52px;
  padding-inline: 25px;
}

.button:focus-visible,
.mini-cta:focus-visible,
.editorial-cta:focus-visible,
.dg-menu-toggle:focus-visible {
  outline: 3px solid var(--luxury-brass);
  outline-offset: 3px;
}

.site-header,
.editorial-header {
  position: sticky;
  top: 0;
  z-index: 90;
  width: 100%;
  max-width: none;
  margin: 0;
  padding-inline: clamp(20px, 4vw, 68px);
  border-color: rgb(25 23 20 / .16);
  background: rgb(244 240 232 / .95);
  box-shadow: 0 12px 40px rgb(25 23 20 / .055);
  backdrop-filter: blur(16px) saturate(125%);
}

.site-header nav,
.editorial-header nav {
  scrollbar-width: none;
}

.site-header nav::-webkit-scrollbar,
.editorial-header nav::-webkit-scrollbar {
  display: none;
}

.site-header nav a,
.site-header nav button,
.editorial-header nav a {
  font-size: .66rem;
  font-weight: 720;
  letter-spacing: .105em;
  white-space: nowrap;
}

.wordmark strong,
.editorial-brand strong {
  letter-spacing: -.015em;
}

.wordmark small,
.editorial-brand small {
  color: #665e56;
}

.mini-cta,
.editorial-cta {
  min-height: 46px;
  border: 1px solid var(--luxury-ink);
  background: var(--luxury-ink);
  color: var(--luxury-ivory);
}

.dg-menu-toggle {
  display: none;
  appearance: none;
  width: 46px;
  height: 46px;
  border: 1px solid rgb(25 23 20 / .28);
  border-radius: 2px;
  background: transparent;
  color: var(--luxury-ink);
  cursor: pointer;
  place-content: center;
  gap: 5px;
}

.dg-menu-toggle span {
  display: block;
  width: 19px;
  height: 1px;
  background: currentColor;
  transition: transform .2s ease, opacity .2s ease;
}

.dg-menu-open .dg-menu-toggle span:nth-child(1) {
  transform: translateY(6px) rotate(45deg);
}

.dg-menu-open .dg-menu-toggle span:nth-child(2) {
  opacity: 0;
}

.dg-menu-open .dg-menu-toggle span:nth-child(3) {
  transform: translateY(-6px) rotate(-45deg);
}

.hero {
  isolation: isolate;
  grid-template-columns: minmax(0, 1fr) minmax(440px, .88fr);
  gap: 0;
  width: min(1500px, 100%);
  min-height: clamp(660px, 78vh, 790px);
  margin: 0 auto;
  padding: 0;
  color: var(--luxury-ivory);
  background: var(--luxury-ink);
  border: 0;
  overflow: hidden;
}

.hero::before,
.hero::after,
.hero-orbit,
.hero-image-left {
  display: none;
}

.hero-copy {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(54px, 7vw, 112px);
  text-align: left;
}

.hero .eyebrow {
  color: #d4b17b;
}

.hero h1 {
  max-width: 9.2ch;
  margin: 0 0 30px;
  font-size: clamp(64px, 7.1vw, 110px);
  line-height: .89;
  letter-spacing: -.058em;
  text-wrap: balance;
}

.hero-lead {
  max-width: 49ch;
  margin: 0 0 34px;
  color: rgb(244 240 232 / .78);
  font-size: 1.05rem;
  line-height: 1.72;
}

.hero .button-dark {
  align-self: flex-start;
  color: var(--luxury-ink);
  background: var(--luxury-ivory);
  border: 1px solid var(--luxury-ivory);
}

.hero .button-dark:hover:not(:disabled) {
  color: var(--luxury-ivory);
  background: transparent;
}

.hero-facts {
  justify-content: flex-start;
  gap: clamp(18px, 3vw, 38px);
  width: 100%;
  margin: clamp(38px, 6vh, 68px) 0 0;
  padding-top: 24px;
  border-top: 1px solid rgb(244 240 232 / .22);
  color: rgb(244 240 232 / .72);
  font-size: .66rem;
}

.hero-facts strong {
  color: #d4b17b;
  font-size: 1.55rem;
}

.hero-image-right {
  align-self: stretch;
  justify-self: stretch;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transform: none;
  background: none;
}

.hero-image-right::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgb(25 23 20 / .16), transparent 34%);
  pointer-events: none;
}

.hero-image-right img {
  opacity: 1;
  object-position: 58% center;
  transition: transform .7s ease;
}

.hero-image-right:hover img {
  transform: scale(1.012);
}

.round-note {
  display: none;
}

.scent-ticker {
  color: var(--luxury-ivory);
  background: var(--luxury-wine);
  border-color: rgb(244 240 232 / .18);
}

.scent-ticker i {
  color: #d4b17b;
}

.moment-section {
  gap: clamp(52px, 8vw, 120px);
  margin-block: clamp(92px, 10vw, 150px);
}

.moment-visual {
  min-height: 590px;
}

.moment-visual::before {
  width: 72%;
  height: 76%;
  top: 11%;
  left: 0;
  border-radius: 0;
  border-color: rgb(25 23 20 / .2);
}

.moment-blob {
  width: min(84%, 455px);
  border-radius: 2px;
}

.image-stamp {
  border-radius: 2px;
  background: var(--luxury-wine);
  color: var(--luxury-ivory);
}

.moment-copy h2,
.selector-heading h2,
.section-heading h2,
.method-copy h2,
.closing-cta h2 {
  letter-spacing: -.05em;
}

.moment-copy > p:not(.eyebrow),
.selector-heading > p,
.section-heading > p:last-child,
.method-copy > p:not(.eyebrow) {
  color: #5f5952;
  font-size: 1rem;
}

.selector-section {
  padding-block: clamp(78px, 9vw, 124px);
  color: var(--luxury-ivory);
  background:
    radial-gradient(circle at 88% 9%, rgb(170 132 80 / .16), transparent 29%),
    var(--luxury-wine);
}

.selector-section .eyebrow {
  color: #dfbd88;
}

.selector-heading > p {
  color: rgb(244 240 232 / .76);
}

.selector-shell {
  min-height: 620px;
  border: 1px solid rgb(244 240 232 / .2);
  background: var(--dg-surface);
  box-shadow: 0 34px 80px rgb(18 12 11 / .22);
}

.selector-aside {
  background: #211d19;
}

.selector-aside li {
  opacity: .56;
}

.selector-aside li small {
  color: rgb(244 240 232 / .85);
  font-size: .68rem;
}

.aside-promise p {
  color: rgb(244 240 232 / .72);
}

.selector-content {
  color: var(--luxury-ink);
}

.choice-card,
.scale-choice {
  border-radius: 2px;
  border-color: rgb(25 23 20 / .22);
  background: #fffefa;
}

.choice-card:hover,
.choice-card[aria-pressed="true"],
.scale-choice:hover,
.scale-choice[aria-pressed="true"] {
  border-color: var(--luxury-wine);
  background: #f1e8e2;
}

.choice-card small,
.scale-choice small,
.selector-content .question-hint {
  color: #655f58;
}

.families-section {
  padding-block: clamp(92px, 10vw, 146px);
}

.family-gallery {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  min-height: 0;
}

.family-card,
.family-card.family-card-tall,
.family-card.family-card-round,
.family-card.family-card-arch,
.family-card.family-card-soft {
  isolation: isolate;
  justify-content: space-between;
  height: clamp(390px, 31vw, 470px);
  min-height: 0;
  padding: 26px;
  color: #fffaf3;
  border: 0;
  border-radius: 2px;
  background-position: center;
  background-size: cover;
  box-shadow: none;
}

.family-card::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background: linear-gradient(180deg, rgb(11 10 9 / .46), rgb(11 10 9 / .82));
  pointer-events: none;
}

.family-card.family-card-tall {
  background-image: url(https://dgparfum.hu/mood/envato-citrus-dark.webp);
}

.family-card.family-card-round {
  text-align: left;
  background-image: url(https://dgparfum.hu/mood/envato-floral.webp);
}

.family-card.family-card-arch {
  background-image: url(https://dgparfum.hu/mood/envato-woody.webp);
}

.family-card.family-card-soft {
  background-image: url(https://dgparfum.hu/mood/envato-gourmand-vanilla.webp);
}

.family-card > span {
  position: relative;
  z-index: 1;
  align-self: flex-start;
  opacity: 1;
  color: #f0cf99;
  font-size: 1.2rem;
}

.family-card > div {
  z-index: 1;
  width: 100%;
}

.family-card h3 {
  margin-bottom: 11px;
  color: inherit;
  font-size: clamp(1.75rem, 2.4vw, 2.35rem);
}

.family-card p {
  max-width: 28ch;
  color: rgb(255 250 243 / .84);
  font-size: .88rem;
  line-height: 1.58;
}

.concentration-section {
  padding-bottom: clamp(90px, 11vw, 150px);
}

.concentration-cards article {
  padding-block: 30px;
}

.concentration-cards article > span,
.method-list article > span {
  color: var(--luxury-wine);
}

.concentration-cards p,
.method-list p {
  color: #635c55;
  font-size: .88rem;
}

.method-section {
  grid-template-columns: minmax(290px, .72fr) minmax(0, 1.28fr);
  align-items: stretch;
  width: min(1440px, 100%);
  margin-bottom: 0;
  padding: clamp(54px, 7vw, 104px);
  color: var(--luxury-ivory);
  background: var(--luxury-ink);
}

.method-image {
  align-self: stretch;
  width: 100%;
  max-width: 420px;
  min-height: 610px;
  aspect-ratio: auto;
  border-radius: 2px;
  background-image: none;
  box-shadow: none;
}

.method-image > img,
.catalog-hero-image > img {
  opacity: 1;
}

.catalog-hero-image {
  border-radius: 2px;
  background-image: none;
  box-shadow: none;
}

.method-copy {
  align-self: center;
}

.method-copy .eyebrow,
.method-list article > span {
  color: #d4b17b;
}

.method-copy > p:not(.eyebrow),
.method-list p {
  color: rgb(244 240 232 / .75);
}

.method-list {
  border-color: rgb(244 240 232 / .2);
}

.method-list article {
  border-color: rgb(244 240 232 / .2);
}

.method-weights,
.method-copy .catalog-note {
  display: none;
}

.methodology-inline-link {
  color: var(--luxury-ivory);
  border-color: rgb(244 240 232 / .36);
}

.about-home-section,
.faq-section {
  background: var(--dg-surface);
}

.about-home-image,
.about-home-image img {
  border-radius: 2px;
}

.closing-cta {
  background: var(--luxury-wine);
}

footer,
.editorial-footer {
  color: var(--luxury-ivory);
  background: var(--luxury-ink);
  border-color: rgb(244 240 232 / .15);
}

.editorial-footer .footer-brand > p,
.editorial-footer .company-details,
.editorial-footer .company-details a,
.editorial-footer .footer-meta,
.editorial-footer .footer-small {
  color: rgb(244 240 232 / .72);
}

.editorial-footer .editorial-footer-links a,
.editorial-footer .editorial-footer-privacy,
.dg-measurement-settings {
  color: rgb(244 240 232 / .76) !important;
  border-color: rgb(244 240 232 / .28) !important;
}

.editorial-page {
  background: var(--luxury-ivory);
}

.catalog-hero,
.perfume-hero,
.taxonomy-hero,
.ingredient-hero,
.ingredient-directory-hero,
.author-hero,
.methodology-hero,
.dg-directory-hero,
.dg-award-hero {
  border: 1px solid rgb(25 23 20 / .18);
  border-radius: 0;
  background:
    linear-gradient(118deg, rgb(255 255 255 / .34), transparent 42%),
    #e7dfd4;
  box-shadow: none;
}

.catalog-hero {
  color: var(--luxury-ivory);
  background: var(--luxury-ink);
}

.catalog-hero h1,
.catalog-hero h2,
.catalog-hero h3,
.catalog-hero p,
.catalog-hero strong,
.catalog-hero span {
  color: inherit;
}

.catalog-hero .eyebrow {
  color: #d4b17b;
}

.catalog-hero .button-dark {
  color: var(--luxury-ink);
  background: var(--luxury-ivory);
}

.catalog-hero .text-link {
  color: var(--luxury-ivory);
}

.perfume-hero {
  background:
    radial-gradient(circle at 78% 25%, rgb(170 132 80 / .16), transparent 32%),
    #e9e2d8;
}

.taxonomy-hero,
.ingredient-hero,
.ingredient-directory-hero {
  background: #e9e2d8;
}

.dg-directory-hero {
  color: var(--luxury-ivory);
  background:
    radial-gradient(circle at 88% 12%, rgb(170 132 80 / .17), transparent 32%),
    var(--luxury-ink);
}

.dg-directory-hero .eyebrow,
.dg-directory-hero .dg-byline,
.dg-directory-hero .dg-byline a {
  color: #d4b17b;
}

.dg-directory-hero .dg-directory-metric,
.dg-directory-hero .dg-directory-stat,
.dg-directory-hero .dg-hero-metrics span,
.dg-directory-hero dl > div {
  border-color: rgb(244 240 232 / .22);
  background: rgb(244 240 232 / .065);
}

.catalog-category-card,
.catalog-perfume-card,
.brand-perfume-list article,
.related-grid article,
.dg-brand-card,
.dg-guide-card,
.dg-perfume-card,
.perfume-faq-grid article,
.dg-award-card,
.dg-award-year-card {
  border: 1px solid rgb(25 23 20 / .17);
  border-radius: 2px;
  background: #fbf9f4;
  box-shadow: none;
}

.catalog-category-card:hover,
.catalog-perfume-card:hover,
.brand-perfume-list article:hover,
.related-grid article:hover,
.dg-brand-card:hover,
.dg-guide-card:hover,
.dg-perfume-card:hover,
.dg-award-card:hover,
.dg-award-year-card:hover {
  border-color: rgb(116 55 68 / .58);
  background: #fffefa;
  transform: translateY(-3px);
}

.dg-perfume-image,
.dg-perfume-image:hover,
.catalog-search-card-visual,
.perfume-shelf-card-visual {
  margin-inline: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.perfume-bottle-frame,
.comparison-bottle > div,
.alternative-bottle {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.dg-perfume-image img,
.perfume-bottle-art,
.comparison-bottle img,
.alternative-bottle img {
  background: transparent;
  box-shadow: none;
  filter: none;
}

.editorial-breadcrumb,
.cms-breadcrumb {
  color: #5f5952;
}

.editorial-breadcrumb a,
.cms-breadcrumb a {
  color: #4f4841;
}

.profile-meter > span,
.profile-meter small,
.perfume-facts dt,
.alternative-result-card > p:first-child,
.catalog-perfume-card > p,
.brand-perfume-list article > p {
  color: #625b54;
}

.profile-meter-track i,
.comparison-metric-row i,
.static-compare-table td i b {
  background: var(--luxury-wine);
}

.static-compare-products article,
.static-compare-notes article {
  background: #fbf9f4;
}

.static-compare-products img {
  filter: none;
}

.dg-measurement-dialog {
  border: 1px solid rgb(25 23 20 / .22) !important;
  border-radius: 2px;
  background: #fbf9f4 !important;
  box-shadow: 0 24px 72px rgb(25 23 20 / .2) !important;
}

@media (width >= 861px) {
  .site-header,
  .editorial-header {
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    gap: 8px clamp(20px, 2.4vw, 40px);
    min-height: 116px;
    padding-block: 12px;
  }

  .site-header .wordmark,
  .editorial-header .editorial-brand {
    grid-area: 1 / 1 / 3 / 2;
  }

  .site-header nav,
  .editorial-header nav {
    grid-area: 1 / 2 / 2 / 3;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 clamp(12px, 1.4vw, 24px);
    overflow: visible;
  }

  .site-header .header-perfume-search,
  .editorial-header .header-perfume-search {
    grid-area: 2 / 2 / 3 / 3;
    width: min(760px, 100%);
    justify-self: center;
  }

  .site-header .mini-cta,
  .editorial-header .editorial-cta {
    grid-area: 1 / 3 / 3 / 4;
  }
}

@media (width <= 1120px) {
  .family-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .family-card,
  .family-card.family-card-tall,
  .family-card.family-card-round,
  .family-card.family-card-arch,
  .family-card.family-card-soft {
    height: 390px;
  }
}

@media (width <= 860px) {
  .site-header,
  .editorial-header {
    grid-template-areas:
      "brand menu cta"
      "search search search"
      "nav nav nav";
    grid-template-columns: minmax(0, 1fr) auto auto;
    grid-template-rows: auto auto auto;
    gap: 10px;
    width: 100%;
    padding: 10px 16px 12px;
  }

  .site-header .wordmark,
  .editorial-header .editorial-brand {
    grid-area: brand;
  }

  .site-header .mini-cta,
  .editorial-header .editorial-cta {
    grid-area: cta;
  }

  .site-header .header-perfume-search,
  .editorial-header .header-perfume-search {
    grid-area: search;
  }

  .dg-menu-toggle {
    grid-area: menu;
    display: grid;
  }

  .site-header.dg-navigation-ready nav,
  .editorial-header.dg-navigation-ready nav {
    display: none;
    grid-area: nav;
    grid-template-columns: 1fr;
    justify-items: start;
    gap: 0;
    width: 100%;
    padding: 8px 0 2px;
    border-top: 1px solid rgb(25 23 20 / .16);
    overflow: visible;
  }

  .site-header.dg-menu-open nav,
  .editorial-header.dg-menu-open nav {
    display: grid;
  }

  .site-header nav a,
  .site-header nav button,
  .editorial-header nav a {
    width: 100%;
    min-height: 44px;
    padding: 14px 2px;
    border-bottom: 1px solid rgb(25 23 20 / .11);
    text-align: left;
  }

  .hero {
    grid-template-columns: 1fr;
    width: 100%;
    min-height: 0;
  }

  .hero-copy {
    order: 1;
    padding: clamp(46px, 11vw, 74px) clamp(22px, 7vw, 46px);
  }

  .hero h1 {
    max-width: 10ch;
    font-size: clamp(52px, 12.4vw, 78px);
  }

  .hero-image-right {
    order: 2;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    margin: 0;
  }

  .hero-facts {
    flex-wrap: wrap;
  }

  .moment-section,
  .method-section,
  .concentration-section {
    grid-template-columns: 1fr;
  }

  .selector-shell {
    grid-template-columns: 1fr;
  }

  .method-section {
    gap: 42px;
  }

  .method-image {
    min-height: 480px;
    max-width: 520px;
    justify-self: center;
  }

  .perfume-hero-visual,
  .perfume-hero-visual figure,
  .perfume-bottle-frame {
    grid-row: 1;
  }

  .editorial-breadcrumb {
    flex-wrap: wrap;
    white-space: normal;
  }
}

@media (width <= 580px) {
  .site-header .mini-cta,
  .editorial-header .editorial-cta {
    min-height: 44px;
    padding-inline: 13px;
    font-size: .62rem;
  }

  .wordmark small,
  .editorial-brand small {
    display: none;
  }

  .hero-copy {
    padding: 42px 20px 46px;
  }

  .hero h1 {
    font-size: clamp(48px, 13.8vw, 66px);
  }

  .hero-lead {
    font-size: 1rem;
  }

  .hero .button {
    width: 100%;
  }

  .hero-facts {
    align-items: flex-start;
  }

  .hero-facts span {
    width: calc(50% - 9px);
  }

  .hero-facts span:last-child {
    width: 100%;
  }

  .moment-section {
    width: calc(100% - 28px);
    margin-block: 72px;
  }

  .moment-visual {
    min-height: 430px;
  }

  .selector-section,
  .families-section,
  .concentration-section {
    padding-inline: 14px;
  }

  .selector-content {
    padding: 34px 20px;
  }

  .family-gallery {
    grid-template-columns: 1fr;
  }

  .family-card,
  .family-card.family-card-tall,
  .family-card.family-card-round,
  .family-card.family-card-arch,
  .family-card.family-card-soft {
    height: 310px;
  }

  .family-card.family-card-soft {
    border-radius: 44px 56px 64px 48px;
  }

  .method-section {
    width: 100%;
    padding: 44px 20px 58px;
  }

  .method-image {
    min-height: 390px;
  }

  .catalog-hero,
  .perfume-hero,
  .taxonomy-hero,
  .ingredient-hero,
  .ingredient-directory-hero,
  .author-hero,
  .methodology-hero,
  .dg-directory-hero,
  .dg-award-hero {
    width: calc(100% - 20px);
  }

  .perfume-hero {
    padding: 34px 22px 42px;
  }

  .perfume-hero h1 {
    font-size: clamp(43px, 12vw, 58px);
  }

  .editorial-breadcrumb {
    width: calc(100% - 28px);
    gap: 7px;
    font-size: .76rem;
    overflow: visible;
  }

  .dg-measurement-dialog {
    right: 8px !important;
    bottom: 8px !important;
    width: calc(100vw - 16px) !important;
    max-height: min(78vh, 520px);
    padding: 20px !important;
    overflow-y: auto;
  }
}

@media (width <= 420px) {
  .site-header .mini-cta,
  .editorial-header .editorial-cta {
    display: none;
  }
}

@media (width <= 360px) {
  .site-header .wordmark > span:last-child,
  .editorial-header .editorial-brand > span:last-child {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-image-right img,
  .dg-menu-toggle span {
    transition: none;
  }
}

/*
 * DG Parfüm v1.6.1 – Fragrance / Lois soft feminine refinement.
 *
 * Canonical reference: the owner's purchased Fragrance child design for the
 * Lois theme. This layer ports its visual grammar to the existing DG Parfüm
 * PHP application: blush editorial surfaces, self-hosted Wittgenstein display
 * type, self-hosted Manrope utility type, rose-bronze hairlines, peach/coral gradients and
 * asymmetric capsule photography. Product bottle art remains unframed and
 * transparent throughout the catalogue, comparison and shelf surfaces.
 */
@font-face {
  font-family: "Wittgenstein";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(https://dgparfum.hu/assets/fonts/wittgenstein-latin-ext-wght-normal.woff2) format("woff2");
  unicode-range: U+0100-02FF, U+1D00-1EFF, U+20A0-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Wittgenstein";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(https://dgparfum.hu/assets/fonts/wittgenstein-latin-wght-normal.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Wittgenstein";
  font-style: italic;
  font-weight: 400 900;
  font-display: swap;
  src: url(https://dgparfum.hu/assets/fonts/wittgenstein-latin-ext-wght-italic.woff2) format("woff2");
  unicode-range: U+0100-02FF, U+1D00-1EFF, U+20A0-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Wittgenstein";
  font-style: italic;
  font-weight: 400 900;
  font-display: swap;
  src: url(https://dgparfum.hu/assets/fonts/wittgenstein-latin-wght-italic.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(https://dgparfum.hu/assets/fonts/manrope-latin-ext-wght-normal.woff2) format("woff2");
  unicode-range: U+0100-02FF, U+1D00-1EFF, U+20A0-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(https://dgparfum.hu/assets/fonts/manrope-latin-wght-normal.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* The purchased Lois source palette remains the immutable visual reference. */
  --lois-source-paper: #fbf0ef;
  --lois-source-pink: #ffa09c;
  --lois-source-peach: #ffbf7c;
  --lois-source-bronze: #c0782e;
  /* Softer operating tones preserve that palette without hard black blocks. */
  --ink: #34272d;
  --brown: #58434b;
  --paper: #fff8fa;
  --blush: #fcedf0;
  --blush-deep: #efadb8;
  --peach: #f6c9b4;
  --coral: #dc8998;
  --cream: #fffdfd;
  --sage: #af7969;
  --line: rgb(175 121 105 / .24);
  --dg-page: #fff8fa;
  --dg-surface: #fffdfd;
  --dg-peach: #f6c9b4;
  --dg-pink: #efadb8;
  --dg-arch-line: #af7969;
  --dg-soft-line: rgb(175 121 105 / .24);
  --luxury-ink: #34272d;
  --luxury-ivory: #fff8fa;
  --luxury-wine: #dc8998;
  --luxury-brass: #af7969;
  --luxury-muted: #6c5a61;
  --fragrance-pink: #efa6b2;
  --fragrance-peach: #f6c9b4;
  --fragrance-bronze: #af7969;
  --fragrance-ink-soft: #49383f;
  --fragrance-surface: #fffafc;
  --fragrance-wash: #f9e4e8;
  --fragrance-muted: #67565d;
  --fragrance-rose-ink: #945b68;
  --fragrance-line: rgb(175 121 105 / .2);
  --fragrance-line-strong: rgb(175 121 105 / .34);
  --fragrance-shadow: 0 18px 60px rgb(105 60 72 / .06);
  --fragrance-shell: min(1448px, calc(100% - clamp(28px, 8vw, 120px)));
  --serif: "Wittgenstein", "Iowan Old Style", Baskerville, "Palatino Linotype", Georgia, serif;
  --sans: "Manrope", Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html {
  color-scheme: light;
  background: var(--paper);
}

body,
.editorial-page {
  color: var(--ink);
  background: var(--paper);
  font-family: var(--sans);
}

body {
  font-size: 15px;
  line-height: 1.62;
  letter-spacing: 0;
  overflow-wrap: normal;
}

::selection {
  color: var(--ink);
  background: var(--fragrance-peach);
}

:is(h1, h2, h3, h4, .wordmark strong, .editorial-brand strong) {
  font-family: var(--serif);
  font-optical-sizing: auto;
}

:is(h1, h2, h3, h4) {
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: auto;
  text-wrap: balance;
}

:is(.perfume-hero h1, .taxonomy-hero h1, .ingredient-hero h1,
  .ingredient-directory-hero h1, .dg-directory-hero h1, .dg-perfume-card h3,
  .catalog-perfume-card h3, .brand-perfume-list h3, .shared-perfume-card h4,
  .alternative-result-copy h3, .comparison-perfume-heading h3) {
  overflow-wrap: normal;
  hyphens: none;
}

:is(.hero h1, .catalog-hero h1, .perfume-hero h1, .taxonomy-hero h1,
  .ingredient-hero h1, .ingredient-directory-hero h1, .author-hero h1,
  .methodology-hero h1, .dg-directory-hero h1, .dg-award-hero h1,
  .perfume-shelf-overview h1, .catalog-search-hero h1, .comparison-intro h1,
  .alternative-intro h1, .shared-profile-hero h1, .legal-hero h1,
  .not-found-page h1, .shared-result-state h1) {
  color: var(--ink);
  font-weight: 400;
  letter-spacing: -.032em;
  line-height: 1.07;
}

p,
li {
  line-height: 1.62;
  overflow-wrap: break-word;
}

.eyebrow,
.cms-eyebrow {
  color: var(--fragrance-rose-ink);
  font-family: var(--sans);
  font-size: .69rem;
  font-weight: 650;
  letter-spacing: .13em;
}

.button,
.mini-cta,
.editorial-cta,
.catalog-card-link,
.perfume-shelf-button {
  border-radius: 999px;
  font-family: var(--sans);
  font-weight: 650;
}

.button,
.mini-cta,
.editorial-cta {
  min-height: 48px;
  border: 1px solid var(--ink);
}

.button-dark,
.mini-cta,
.editorial-cta {
  color: var(--ink);
  background: linear-gradient(90deg, var(--fragrance-pink) 10%, var(--fragrance-peach) 70%, var(--fragrance-pink) 100%);
}

.button-dark:hover:not(:disabled),
.mini-cta:hover:not(:disabled),
.editorial-cta:hover:not(:disabled) {
  color: var(--paper);
  background: var(--ink);
}

.button:focus-visible,
.mini-cta:focus-visible,
.editorial-cta:focus-visible,
.dg-menu-toggle:focus-visible {
  outline: 3px solid var(--fragrance-bronze);
  outline-offset: 3px;
}

.site-header,
.editorial-header {
  position: sticky;
  top: 0;
  z-index: 90;
  width: 100%;
  max-width: none;
  margin: 0;
  padding-inline: clamp(20px, 4vw, 68px);
  border-color: rgb(192 120 46 / .32);
  background: rgb(251 240 239 / .95);
  box-shadow: none;
  backdrop-filter: blur(16px) saturate(120%);
}

.site-header nav a,
.site-header nav button,
.editorial-header nav a {
  font-family: var(--serif);
  font-size: .76rem;
  font-weight: 550;
  letter-spacing: .01em;
  text-transform: none;
}

.site-header nav a:hover,
.site-header nav button:hover,
.editorial-header nav a:hover {
  color: #a94f4a;
  opacity: 1;
}

.wordmark strong,
.editorial-brand strong {
  font-weight: 600;
  letter-spacing: -.025em;
}

.wordmark small,
.editorial-brand small {
  color: #62534b;
}

.header-perfume-search {
  border-color: rgb(192 120 46 / .42);
  border-radius: 999px;
  background: rgb(255 255 255 / .58);
  box-shadow: none;
}

.header-perfume-search:focus-within {
  border-color: var(--fragrance-bronze);
  background: #fff;
  box-shadow: 0 0 0 3px rgb(255 160 156 / .18);
}

.dg-menu-toggle {
  border-color: var(--fragrance-bronze);
  border-radius: 50%;
  background: #fff8;
}

.hero {
  isolation: isolate;
  grid-template-columns: minmax(235px, .78fr) minmax(390px, 1.48fr) minmax(230px, .74fr);
  align-items: center;
  gap: clamp(24px, 3.7vw, 62px);
  width: min(1600px, 100%);
  min-height: clamp(640px, 76vh, 790px);
  margin: 0 auto;
  padding: clamp(62px, 7vw, 105px) clamp(32px, 6vw, 96px) clamp(56px, 7vw, 96px);
  color: var(--ink);
  background:
    radial-gradient(circle at 49% 48%, rgb(255 191 124 / .42), transparent 27%),
    radial-gradient(circle at 86% 58%, rgb(255 160 156 / .38), transparent 25%),
    var(--paper);
  border: 0;
  overflow: hidden;
}

.hero::before {
  display: block;
  content: "";
  position: absolute;
  z-index: -1;
  inset: 4% 15% 1%;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  background: url(https://dgparfum.hu/fragrance-assets/gradient.png) center / min(62vw, 930px) auto no-repeat;
  filter: none;
  opacity: .62;
  transform: none;
  pointer-events: none;
}

.hero::after {
  display: block;
  content: "";
  position: absolute;
  z-index: -1;
  right: -8%;
  bottom: -26%;
  width: min(48vw, 720px);
  height: min(36vw, 510px);
  border: 1px solid rgb(192 120 46 / .22);
  border-radius: 50%;
  background: transparent;
  filter: none;
  transform: rotate(-11deg);
  pointer-events: none;
}

.hero-orbit {
  display: none;
}

.hero-image-left,
.hero-image-right {
  display: block;
  position: relative;
  align-self: center;
  justify-self: center;
  width: min(100%, 365px);
  height: auto;
  aspect-ratio: .64;
  border: 1px solid var(--fragrance-bronze);
  border-radius: 999px;
  background-color: #ead9cd;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: none;
  transform: none;
  overflow: visible;
}

.hero-image-left {
  background-image: url(https://dgparfum.hu/fragrance-assets/hero-person.jpg);
  background-position: 50% 48%;
}

.hero-image-left::after {
  content: "";
  position: absolute;
  right: -12%;
  bottom: -2%;
  z-index: 3;
  width: 48%;
  aspect-ratio: .64;
  border: 1px solid var(--fragrance-bronze);
  border-radius: 999px;
  background: #ead9cd url(https://dgparfum.hu/fragrance-assets/hero-accent-bottle.jpg) center / cover no-repeat;
  box-shadow: 0 18px 44px rgb(93 51 25 / .12);
  pointer-events: none;
}

.hero-image-right {
  background-image: url(https://dgparfum.hu/fragrance-assets/hero-bottle.jpg);
  background-position: 51% center;
}

.hero-image-right::after {
  display: none;
}

.hero-image-left > img,
.hero-image-right > img {
  opacity: 0;
}

.hero-copy {
  align-self: center;
  display: block;
  padding: 0;
  text-align: center;
}

.hero .eyebrow {
  color: #7f4727;
  margin-bottom: 20px;
}

.hero h1 {
  max-width: 12ch;
  margin: 0 auto 24px;
  color: var(--ink);
  font-size: clamp(44px, 4.4vw, 68px);
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: -.032em;
}

.hero-lead {
  max-width: 54ch;
  margin: 0 auto 28px;
  color: #2c2724;
  font-size: .98rem;
  line-height: 1.58;
}

.hero .button-dark {
  align-self: auto;
  min-height: 48px;
  padding-inline: 30px;
  color: var(--ink);
  background: linear-gradient(90deg, var(--fragrance-pink) 10%, var(--fragrance-peach) 70%, var(--fragrance-pink) 100%);
  border: 1px solid transparent;
}

.hero .button-dark:hover:not(:disabled) {
  color: var(--paper);
  background: var(--ink);
  border-color: var(--ink);
}

.hero-facts {
  justify-content: center;
  align-items: center;
  gap: clamp(12px, 2vw, 24px);
  width: 100%;
  margin: 36px 0 0;
  padding: 0;
  border: 0;
  color: #4c423c;
  font-size: .62rem;
}

.hero-facts span {
  padding-left: clamp(10px, 1.2vw, 18px);
  border-left: 1px solid rgb(192 120 46 / .34);
}

.hero-facts strong {
  color: var(--ink);
  font-family: var(--serif);
  font-size: 1.3rem;
  font-weight: 500;
}

.round-note {
  display: grid;
  position: absolute;
  z-index: 4;
  top: -48px;
  right: -17px;
  place-content: center;
  width: 140px;
  height: 140px;
  padding: 18px;
  border: 1px solid var(--fragrance-bronze);
  border-radius: 50%;
  color: var(--ink);
  background: rgb(251 240 239 / .96);
  text-align: center;
  box-shadow: none;
  animation: dg-fragrance-float 4.7s ease-in-out infinite;
}

.round-note strong {
  color: var(--ink);
  font-family: var(--serif);
  font-size: 1.55rem;
  font-weight: 500;
  line-height: 1;
}

.round-note span {
  color: #332b27;
  font-family: var(--serif);
  font-size: .72rem;
  line-height: 1.18;
}

.scent-ticker {
  color: var(--ink);
  background: var(--paper);
  border-top: 1px solid var(--fragrance-bronze);
  border-bottom: 1px solid var(--fragrance-bronze);
}

.scent-ticker div {
  padding-block: 24px;
}

.scent-ticker span {
  font-family: var(--serif);
  font-size: clamp(22px, 2.5vw, 34px);
  font-weight: 400;
  letter-spacing: -.03em;
  text-transform: capitalize;
}

.scent-ticker i {
  color: var(--ink);
  font-size: clamp(20px, 2.5vw, 32px);
}

.moment-section {
  grid-template-columns: minmax(300px, .92fr) minmax(0, 1.08fr);
  gap: clamp(58px, 9vw, 138px);
  width: var(--fragrance-shell);
  margin-block: clamp(78px, 8vw, 112px);
}

.moment-visual {
  min-height: 600px;
  overflow: visible;
}

.moment-visual::before {
  top: 5%;
  left: -7%;
  width: 92%;
  height: 91%;
  border: 1px solid var(--fragrance-bronze);
  border-radius: 999px;
  background: transparent;
}

.moment-visual::after {
  content: "";
  position: absolute;
  z-index: 3;
  right: -6%;
  bottom: 3%;
  width: min(38%, 178px);
  aspect-ratio: .64;
  border: 1px solid var(--fragrance-bronze);
  border-radius: 999px;
  background: #ead9cd url(https://dgparfum.hu/fragrance-assets/editorial-gift.jpg) center / cover no-repeat;
  box-shadow: 0 18px 46px rgb(93 51 25 / .1);
}

.moment-blob {
  width: min(84%, 347px);
  height: 100%;
  min-height: 544px;
  border: 1px solid var(--fragrance-bronze);
  border-radius: 999px;
  background: #ead9cd url(https://dgparfum.hu/fragrance-assets/moment-spray.jpg) center / cover no-repeat;
  box-shadow: none;
}

.moment-blob img {
  opacity: 0;
}

.image-stamp {
  right: -1%;
  bottom: 29%;
  min-height: 48px;
  padding: 13px 21px;
  border: 1px solid var(--ink);
  border-radius: 999px;
  color: var(--ink);
  background: linear-gradient(90deg, var(--fragrance-pink) 10%, var(--fragrance-peach) 70%, var(--fragrance-pink) 100%);
}

.moment-copy h2,
.selector-heading h2,
.section-heading h2,
.method-copy h2,
.closing-cta h2 {
  color: var(--ink);
  font-weight: 500;
  letter-spacing: -.05em;
}

.moment-copy h2 {
  font-size: clamp(34px, 3.6vw, 52px);
}

.moment-copy > p:not(.eyebrow),
.selector-heading > p,
.section-heading > p:last-child,
.method-copy > p:not(.eyebrow) {
  color: #514943;
  font-size: 1rem;
}

.moment-points {
  border-color: rgb(192 120 46 / .36);
}

.moment-points span {
  border-color: rgb(192 120 46 / .28);
}

.moment-points i {
  color: #985125;
}

.selector-section {
  padding-block: clamp(72px, 8vw, 108px);
  color: var(--ink);
  background:
    radial-gradient(circle at 7% 15%, rgb(255 160 156 / .43), transparent 26%),
    radial-gradient(circle at 93% 85%, rgb(255 191 124 / .58), transparent 31%),
    #f8dfd9;
  border-block: 1px solid rgb(192 120 46 / .35);
}

.selector-section .eyebrow,
.selector-section .selector-heading > p {
  color: #574b44;
}

.selector-shell {
  min-height: 620px;
  border: 1px solid var(--fragrance-bronze);
  border-radius: 24px;
  background: rgb(255 255 255 / .88);
  box-shadow: var(--fragrance-shadow);
  overflow: hidden;
}

.selector-aside {
  color: var(--ink);
  background: linear-gradient(155deg, var(--fragrance-pink), var(--fragrance-peach));
}

.selector-aside li,
.selector-aside li small,
.aside-promise p,
.selector-aside .step-count {
  color: var(--ink);
  opacity: 1;
}

.selector-aside progress {
  color: var(--ink);
}

.selector-content {
  color: var(--ink);
  background: rgb(255 255 255 / .7);
}

.choice-card,
.scale-choice {
  border: 1px solid rgb(192 120 46 / .36);
  border-radius: 22px;
  background: #fff;
}

.choice-card:hover,
.choice-card[aria-pressed="true"],
.scale-choice:hover,
.scale-choice[aria-pressed="true"] {
  border-color: var(--ink);
  background: linear-gradient(110deg, rgb(255 160 156 / .34), rgb(255 191 124 / .42));
}

.choice-card small,
.scale-choice small,
.selector-content .question-hint {
  color: #5f544e;
}

.families-section {
  width: var(--fragrance-shell);
  padding-block: clamp(82px, 8vw, 112px);
}

.family-gallery {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: end;
  gap: clamp(12px, 1.7vw, 24px);
}

.family-card,
.family-card.family-card-tall,
.family-card.family-card-round,
.family-card.family-card-arch,
.family-card.family-card-soft {
  height: clamp(410px, 34vw, 520px);
  min-height: 0;
  padding: 28px 24px;
  border: 1px solid var(--fragrance-bronze);
  border-radius: 999px 999px 34px 34px;
  color: #fff;
  box-shadow: none;
  overflow: hidden;
}

.family-card.family-card-round,
.family-card.family-card-soft {
  height: clamp(370px, 31vw, 470px);
}

.family-card::after {
  background: linear-gradient(180deg, rgb(0 0 0 / .08), rgb(0 0 0 / .72));
}

.family-card > span {
  color: var(--fragrance-peach);
  font-family: var(--serif);
  font-size: 1.35rem;
}

.family-card h3 {
  font-size: clamp(1.7rem, 2.2vw, 2.3rem);
  font-weight: 500;
}

.family-card p {
  color: rgb(255 255 255 / .9);
}

.concentration-section {
  width: var(--fragrance-shell);
  padding-bottom: clamp(82px, 8vw, 112px);
}

.concentration-cards {
  gap: 14px;
}

.concentration-cards article {
  min-height: 250px;
  padding: 36px 30px;
  border: 1px solid var(--fragrance-bronze);
  border-radius: 130px;
  background: rgb(255 255 255 / .62);
  text-align: center;
}

.concentration-cards article > span,
.method-list article > span {
  color: #93502a;
}

.concentration-cards h3 {
  font-weight: 500;
}

.concentration-cards p,
.method-list p {
  color: #5a504a;
}

.method-section {
  grid-template-columns: minmax(310px, .82fr) minmax(0, 1.18fr);
  align-items: stretch;
  gap: clamp(52px, 8vw, 124px);
  width: min(1540px, calc(100% - clamp(20px, 4vw, 64px)));
  margin-bottom: clamp(78px, 8vw, 112px);
  padding: clamp(48px, 7vw, 104px);
  color: var(--ink);
  background:
    radial-gradient(circle at 91% 12%, rgb(255 160 156 / .32), transparent 28%),
    #fff;
  border: 1px solid var(--fragrance-bronze);
  border-radius: 24px;
}

.method-image {
  align-self: stretch;
  width: min(100%, 347px);
  max-width: 347px;
  min-height: 544px;
  border: 1px solid var(--fragrance-bronze);
  border-radius: 999px 999px 38px 38px;
  background: #ead9cd url(https://dgparfum.hu/fragrance-assets/editorial-perfumes.jpg) center / cover no-repeat;
  box-shadow: none;
}

.method-image > img {
  opacity: 0;
}

.method-copy .eyebrow,
.method-list article > span {
  color: #93502a;
}

.method-copy > p:not(.eyebrow),
.method-list p {
  color: #514943;
}

.method-list,
.method-list article {
  border-color: rgb(192 120 46 / .36);
}

.methodology-inline-link {
  color: var(--ink);
  border-color: var(--fragrance-bronze);
}

.about-home-section,
.faq-section {
  width: var(--fragrance-shell);
  background: transparent;
}

.about-home-section {
  border-block: 1px solid var(--fragrance-bronze);
}

.about-home-image,
.about-home-image img {
  border-radius: 999px 999px 34px 34px;
}

.about-home-image {
  border: 1px solid var(--fragrance-bronze);
}

.faq-list details {
  border-color: rgb(192 120 46 / .4);
  background: rgb(255 255 255 / .45);
}

.faq-list details[open] {
  background: #fff;
}

.closing-cta {
  color: var(--ink);
  background:
    radial-gradient(circle at 16% 70%, rgb(255 255 255 / .32), transparent 28%),
    linear-gradient(115deg, var(--fragrance-pink), var(--fragrance-peach));
  border-block: 1px solid var(--fragrance-bronze);
}

.closing-cta .button,
.closing-cta .button-dark {
  color: var(--paper);
  border-color: var(--ink);
  background: var(--ink);
}

footer,
.editorial-footer {
  color: var(--ink);
  background:
    radial-gradient(circle at 82% 15%, rgb(255 255 255 / .28), transparent 26%),
    linear-gradient(105deg, #ffa09c 10%, #ffbf7c 70%, #ffa09c 100%);
  border-color: rgb(0 0 0 / .2);
}

footer:not(.editorial-footer) .footer-brand .footer-dajka-logo,
.editorial-footer .footer-brand img {
  filter: none;
  mix-blend-mode: multiply;
}

.editorial-footer .footer-brand > p,
.editorial-footer .company-details,
.editorial-footer .company-details a,
.editorial-footer .footer-meta,
.editorial-footer .footer-small {
  color: rgb(0 0 0 / .72);
}

footer:not(.editorial-footer) .footer-brand > p,
footer:not(.editorial-footer) .company-details,
footer:not(.editorial-footer) .company-details a,
footer:not(.editorial-footer) .footer-meta,
footer:not(.editorial-footer) .footer-small {
  color: rgb(0 0 0 / .72);
}

footer:not(.editorial-footer) .company-details strong,
footer:not(.editorial-footer) .footer-meta > p:first-child,
footer:not(.editorial-footer) .footer-legal-link {
  color: var(--ink);
}

.editorial-footer .editorial-footer-links a,
.editorial-footer .editorial-footer-privacy,
.dg-measurement-settings {
  color: var(--ink) !important;
  border-color: rgb(0 0 0 / .36) !important;
}

.catalog-hero,
.perfume-hero,
.taxonomy-hero,
.ingredient-hero,
.ingredient-directory-hero,
.author-hero,
.methodology-hero,
.dg-directory-hero,
.dg-award-hero,
.perfume-shelf-overview,
.catalog-search-hero,
.comparison-intro,
.alternative-intro,
.shared-profile-hero,
.legal-hero {
  color: var(--ink);
  border: 1px solid var(--fragrance-bronze);
  border-radius: 32px;
  background:
    radial-gradient(circle at 88% 12%, rgb(255 160 156 / .36), transparent 32%),
    radial-gradient(circle at 12% 92%, rgb(255 191 124 / .42), transparent 34%),
    #fff8f6;
  box-shadow: none;
}

.catalog-hero :is(h1, h2, h3, p, strong, span),
.dg-directory-hero :is(h1, h2, h3, p, dt, dd, strong) {
  color: inherit;
}

.catalog-hero .eyebrow,
.dg-directory-hero .eyebrow,
.dg-directory-hero .dg-byline,
.dg-directory-hero .dg-byline a {
  color: #8a4c25;
}

.catalog-hero .button-dark {
  color: var(--ink);
  background: linear-gradient(90deg, var(--fragrance-pink) 10%, var(--fragrance-peach) 70%, var(--fragrance-pink) 100%);
}

.catalog-hero .text-link {
  color: var(--ink);
}

.static-compare-products,
.static-compare-notes {
  gap: 16px;
  border: 0;
  background: transparent;
}

.catalog-hero-image {
  border: 1px solid var(--fragrance-bronze);
  border-radius: 999px 999px 32px 32px;
  box-shadow: none;
}

.dg-directory-hero .dg-directory-metric,
.dg-directory-hero .dg-directory-stat,
.dg-directory-hero .dg-hero-metrics span,
.dg-directory-hero dl > div {
  border-color: rgb(192 120 46 / .42);
  background: rgb(255 255 255 / .52);
}

.catalog-category-card,
.catalog-perfume-card,
.brand-perfume-list article,
.related-grid article,
.dg-brand-card,
.dg-guide-card,
.dg-perfume-card,
.perfume-faq-grid article,
.dg-award-card,
.dg-award-year-card,
.static-compare-products article,
.static-compare-notes article,
.alternative-preset-grid a,
.comparison-context-grid article,
.comparison-unique-grid article,
.perfume-shelf-card {
  border: 1px solid rgb(192 120 46 / .36);
  border-radius: 22px;
  background: rgb(255 255 255 / .66);
  box-shadow: none;
  overflow: hidden;
}

.catalog-category-card:hover,
.catalog-perfume-card:hover,
.brand-perfume-list article:hover,
.related-grid article:hover,
.dg-brand-card:hover,
.dg-guide-card:hover,
.dg-perfume-card:hover,
.dg-award-card:hover,
.dg-award-year-card:hover,
.alternative-preset-grid a:hover {
  border-color: var(--fragrance-bronze);
  background: #fff;
  transform: translateY(-3px);
}

.profile-meter-track i,
.comparison-metric-row i,
.static-compare-table td i b {
  background: linear-gradient(90deg, var(--fragrance-pink), var(--fragrance-peach));
}

.dg-category-links a,
.dg-letter-nav a,
.dg-list-switcher a,
.dg-facet-list a,
.comparison-context-tags span,
.alternative-goal-tabs a,
.alternative-shared-tags span,
.perfume-shelf-stage,
.perfume-shelf-feedback button {
  border-color: rgb(192 120 46 / .42);
  background: rgb(255 255 255 / .58);
}

.dg-caution,
.dg-method-note,
.dg-method-summary,
.comparison-method-note,
.alternative-method-note,
.perfume-shelf-storage,
.perfume-shelf-empty {
  color: var(--ink);
  border-color: var(--fragrance-bronze);
  background:
    radial-gradient(circle at 88% 15%, rgb(255 160 156 / .28), transparent 30%),
    #fff8f6;
}

.alternative-method-note p:not(.eyebrow) {
  color: #514943;
}

.alternative-method-note .catalog-card-link {
  color: var(--ink);
  border-color: var(--fragrance-bronze);
}

.dg-measurement-dialog,
.perfume-storage-consent {
  border: 1px solid var(--fragrance-bronze) !important;
  border-radius: 24px;
  background: #fffaf9 !important;
  box-shadow: 0 24px 72px rgb(96 48 28 / .16) !important;
}

:is(input[type="text"], input[type="email"], input[type="url"], input[type="search"],
  input[type="number"], input[type="tel"], select, textarea) {
  border-color: var(--fragrance-bronze);
  border-radius: 20px;
}

:is(.dg-route-mood-media, .dg-guide-hero-media) {
  border: 1px solid var(--fragrance-bronze);
  border-radius: 999px 999px 28px 28px;
  overflow: hidden;
}

/* Bottle artwork must never receive a decorative tile, frame or backdrop. */
.dg-perfume-image,
.dg-perfume-image:hover,
.catalog-search-card-visual,
.perfume-shelf-card-visual,
.perfume-bottle-frame,
.comparison-bottle > div,
.alternative-bottle,
.dg-award-bottle,
.header-search-thumb,
.comparison-picker-thumb,
.dg-cms-card-image,
.cms-bottle,
.cms-related-image,
.catalog-perfume-card figure,
.brand-perfume-list figure,
.related-grid figure {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.dg-perfume-image img,
.perfume-bottle-art,
.comparison-bottle img,
.alternative-bottle img,
.perfume-shelf-card-visual img,
.catalog-search-card-visual img,
.dg-award-bottle img,
.header-search-thumb img,
.comparison-picker-thumb img,
.dg-cms-card-image img,
.cms-bottle img,
.cms-related-image img,
.static-compare-products img {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

@keyframes dg-fragrance-float {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-8px);
  }
}

@media (width >= 1520px) {
  .site-header,
  .editorial-header {
    grid-template-columns: auto minmax(0, 1fr) minmax(210px, 310px) auto;
    grid-template-rows: auto;
    gap: clamp(18px, 2vw, 34px);
    min-height: 82px;
    padding-block: 9px;
  }

  .site-header .wordmark,
  .editorial-header .editorial-brand {
    grid-area: 1 / 1;
  }

  .site-header nav,
  .editorial-header nav {
    grid-area: 1 / 2;
    flex-wrap: nowrap;
    gap: clamp(12px, 1.4vw, 24px);
    overflow: visible;
  }

  .site-header .header-perfume-search,
  .editorial-header .header-perfume-search {
    grid-area: 1 / 3;
    width: 100%;
  }

  .site-header .mini-cta,
  .editorial-header .editorial-cta {
    grid-area: 1 / 4;
  }
}

@media (width <= 1519px) and (width >= 861px) {
  .site-header,
  .editorial-header {
    min-height: 104px;
  }
}

@media (width <= 1199px) {
  .hero {
    grid-template-areas:
      "copy copy"
      "left right";
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 52px clamp(44px, 10vw, 120px);
    min-height: 0;
    padding: 80px clamp(36px, 9vw, 100px) 74px;
  }

  .hero-image-left {
    grid-area: left;
    justify-self: end;
    width: min(100%, 320px);
  }

  .hero-image-right {
    grid-area: right;
    justify-self: start;
    width: min(100%, 320px);
  }

  .hero-copy {
    grid-area: copy;
    width: min(780px, 100%);
    justify-self: center;
  }

  .hero h1 {
    max-width: 13ch;
  }

  .round-note {
    display: none;
  }

  .family-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .family-card,
  .family-card.family-card-tall,
  .family-card.family-card-round,
  .family-card.family-card-arch,
  .family-card.family-card-soft {
    height: 430px;
  }
}

@media (width <= 860px) {
  .site-header,
  .editorial-header {
    width: 100%;
    min-height: 0;
    padding: 10px 16px 12px;
    background: rgb(251 240 239 / .98);
  }

  .site-header.dg-navigation-ready nav,
  .editorial-header.dg-navigation-ready nav {
    padding-top: 12px;
    border-color: rgb(192 120 46 / .38);
  }

  .site-header nav a,
  .site-header nav button,
  .editorial-header nav a {
    border-color: rgb(192 120 46 / .28);
    font-size: .88rem;
  }

  .site-header nav,
  .editorial-header nav {
    grid-area: nav;
  }

  .selector-shell {
    min-height: 0;
  }

  .perfume-hero-visual {
    width: min(100%, 400px);
    justify-self: center;
  }

  .moment-visual::before {
    left: 4%;
    width: 86%;
  }

  .moment-section,
  .method-section,
  .concentration-section {
    grid-template-columns: 1fr;
  }

  .method-image {
    min-height: 540px;
    justify-self: center;
  }

  .concentration-cards {
    grid-template-columns: 1fr;
  }

  .concentration-cards article {
    min-height: 0;
    border-radius: 999px;
  }
}

@media (width <= 700px) {
  .hero {
    grid-template-areas:
      "copy copy"
      "left right";
    gap: 44px 18px;
    width: 100%;
    padding: 58px 18px 62px;
  }

  .hero-copy {
    padding: 0 2px;
  }

  .hero h1 {
    max-width: 14ch;
    font-size: clamp(34px, 9vw, 42px);
    line-height: 1.12;
  }

  .hero-lead {
    font-size: .94rem;
  }

  .hero .button {
    width: min(100%, 360px);
  }

  .hero-image-left,
  .hero-image-right {
    width: 100%;
    max-width: 210px;
    aspect-ratio: .66;
  }

  .hero-image-left::after {
    right: -8%;
    width: 44%;
  }

  .round-note {
    display: none;
  }

  .hero-facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }

  .hero-facts span {
    padding: 10px 3px 0;
    border-top: 1px solid rgb(192 120 46 / .34);
    border-left: 0;
    text-align: center;
  }

  .scent-ticker div {
    padding-block: 18px;
  }

  .moment-section {
    width: calc(100% - 28px);
    gap: 48px;
    margin-block: 78px;
  }

  .moment-visual {
    min-height: 490px;
  }

  .moment-blob {
    min-height: 470px;
  }

  .moment-visual::after {
    right: 0;
  }

  .image-stamp {
    right: 1%;
  }

  .selector-section,
  .families-section,
  .concentration-section {
    padding-inline: 14px;
  }

  .selector-shell,
  .method-section {
    border-radius: 22px;
  }

  .family-gallery {
    grid-template-columns: 1fr;
  }

  .family-card,
  .family-card.family-card-tall,
  .family-card.family-card-round,
  .family-card.family-card-arch,
  .family-card.family-card-soft {
    height: 310px;
    border-radius: 999px 999px 28px 28px;
  }

  .method-section {
    width: calc(100% - 20px);
    padding: 38px 20px 54px;
  }

  .method-image {
    min-height: 460px;
    border-radius: 999px 999px 28px 28px;
  }

  .catalog-hero,
  .perfume-hero,
  .taxonomy-hero,
  .ingredient-hero,
  .ingredient-directory-hero,
  .author-hero,
  .methodology-hero,
  .dg-directory-hero,
  .dg-award-hero {
    width: calc(100% - 20px);
    border-radius: 22px;
  }

  .catalog-category-card,
  .catalog-perfume-card,
  .brand-perfume-list article,
  .related-grid article,
  .dg-brand-card,
  .dg-guide-card,
  .dg-perfume-card,
  .perfume-faq-grid article,
  .dg-award-card,
  .dg-award-year-card,
  .static-compare-products article,
  .static-compare-notes article,
  .alternative-preset-grid a,
  .comparison-context-grid article,
  .comparison-unique-grid article,
  .perfume-shelf-card {
    border-radius: 17px;
  }
}

@media (width <= 480px) {
  .site-header .mini-cta,
  .editorial-header .editorial-cta {
    display: none;
  }

  .hero {
    padding-inline: 14px;
  }

  .hero-image-left,
  .hero-image-right {
    max-width: 174px;
  }

  .hero-facts {
    grid-template-columns: 1fr;
  }

  .hero-facts span {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 6px;
  }

  .moment-copy h2 {
    font-size: clamp(29px, 7.4vw, 36px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .round-note {
    animation: none;
  }
}

/*
 * v1.6.1 precision layer: softer feminine contrast, controlled editorial
 * typography and responsive fixes for the inherited application surfaces.
 */
:is(
  .perfume-shelf-overview,
  .catalog-search-hero,
  .comparison-intro,
  .alternative-intro
) {
  padding-inline: clamp(24px, 4vw, 52px);
}

:is(
  .catalog-hero-copy h1,
  .catalog-hero h1,
  .perfume-hero h1,
  .category-hero h1,
  .methodology-hero h1,
  .ingredient-hero h1,
  .ingredient-directory-hero h1,
  .taxonomy-hero h1,
  .author-hero h1,
  .dg-directory-hero h1,
  .perfume-shelf-overview h1,
  .catalog-search-hero h1,
  .comparison-intro h1,
  .alternative-intro h1,
  .shared-profile-hero h1,
  .legal-hero h1,
  .not-found-page h1,
  .shared-result-state h1,
  .dg-award-hero h1,
  .static-compare-hero h1
) {
  max-width: 20ch;
  font-size: clamp(40px, 4vw, 58px);
  font-weight: 400;
  letter-spacing: -.032em;
  line-height: 1.07;
}

.dg-decision-hub .dg-directory-hero h1,
.dg-decision-page .dg-directory-hero h1 {
  overflow-wrap: break-word;
  hyphens: auto;
}

:is(
  .moment-copy h2,
  .selector-heading h2,
  .results-heading h2,
  .section-heading h2,
  .concentration-intro h2,
  .method-copy h2,
  .about-home-copy h2,
  .faq-heading h2,
  .closing-cta h2,
  .catalog-section-heading h2,
  .perfume-section-intro h2,
  .perfume-notes-section > div:first-child h2,
  .perfume-curiosity-content h2,
  .perfume-curiosity-section h2,
  .wear-main h2,
  .perfume-method-note h2,
  .author-story h2,
  .author-photo-heading h2,
  .author-responsibility > div:first-child h2,
  .author-editorial-note h2,
  .methodology-automation h2,
  .methodology-data > div:first-child h2,
  .methodology-quality h2,
  .methodology-limits h2,
  .taxonomy-evidence h2,
  .taxonomy-featured h2,
  .taxonomy-context h2,
  .taxonomy-answer-card h2,
  .taxonomy-related h2,
  .dg-award-category-section h2,
  .dg-award-source-summary h2,
  .dg-award-intro h2,
  .dg-award-pending h2,
  .dg-method-note h2,
  .dg-method-summary h2,
  .dg-score-method > div > h2,
  .dg-similar-brands > div > h2,
  .dg-guide-finder h2,
  .dg-guide-directory-section h2,
  .dg-guide-faq h2,
  .dg-trust-strip h2,
  .comparison-result-header h2,
  .comparison-section-heading h2,
  .comparison-method-note h2,
  .alternative-presets h2,
  .alternative-base-summary h2,
  .alternative-results-heading h2,
  .alternative-no-results h2,
  .alternative-method-note h2,
  .static-compare-products h2,
  .static-compare-table h2,
  .static-compare-notes h2,
  .perfume-shelf-empty h2,
  .perfume-shelf-category > header h2,
  .catalog-search-category-heading h2,
  .shared-list-section > .section-heading h2,
  .shared-result-cta h2,
  .association-heading h2
) {
  font-size: clamp(34px, 3.6vw, 52px);
  font-weight: 400;
  letter-spacing: -.028em;
  line-height: 1.1;
}

:is(
  .selector-content h3,
  .result-main h3,
  .compare-heading h3,
  .catalog-category-card h3,
  .dg-perfume-card h3,
  .dg-guide-card h3,
  .comparison-context-grid h3,
  .comparison-unique-grid h3,
  .alternative-result-copy h3,
  .shared-perfume-copy h4,
  .perfume-faq-grid h3,
  .fit-caution-grid h3,
  .methodology-data-grid h3
) {
  font-size: clamp(24px, 2.5vw, 36px);
  font-weight: 400;
  letter-spacing: -.022em;
  line-height: 1.12;
}

.selector-content h3 {
  font-size: clamp(30px, 3vw, 40px);
}

.dg-brand-letter > h2 {
  font-size: clamp(34px, 4vw, 48px);
  font-weight: 400;
}

.dg-award-year-mark {
  font-size: clamp(112px, 18vw, 190px);
}

.dg-award-hero-stats dd {
  font-size: clamp(30px, 3.2vw, 42px);
}

.static-compare-table :is(th, td) {
  font-size: 13px;
}

.static-compare-table thead th {
  font-size: 11px;
}

.results-section,
.perfume-curiosity-section,
.olfactory-axis-panel,
.alternative-method-note,
.dg-trust-strip,
.shared-perfume-card.is-first {
  color: var(--ink);
  border-color: var(--fragrance-line);
  background:
    radial-gradient(circle at 86% 14%, rgb(239 166 178 / .24), transparent 32%),
    linear-gradient(135deg, var(--fragrance-surface), var(--fragrance-wash));
  box-shadow: none;
}

.results-section {
  padding-block: clamp(72px, 8vw, 108px);
  border-block: 1px solid var(--fragrance-line);
}

.results-intro,
.result-kicker,
.why-box p,
.compromise,
.note-line p,
.score-breakdown dt,
.score-breakdown dd span,
.feedback-panel p,
.result-score > span {
  color: var(--fragrance-muted);
}

.refine-bar,
.result-list,
.result-card,
.score-breakdown,
.feedback-panel {
  border-color: var(--fragrance-line);
}

.refine-bar > span,
.result-rank,
.why-box strong,
.compromise strong,
.note-line > span,
.score-breakdown summary,
.feedback-panel summary {
  color: var(--fragrance-rose-ink);
}

.refine-bar button,
.accord-row span,
.note-plain,
.note-explainer summary,
.feedback-panel button,
.save-button {
  color: var(--ink);
  border-color: var(--fragrance-line-strong);
  background: rgb(255 255 255 / .46);
}

.refine-bar button:hover,
.refine-bar button:focus-visible,
.note-explainer[open] summary,
.feedback-panel button.is-active,
.save-button.is-saved {
  color: var(--ink);
  border-color: var(--fragrance-bronze);
  background: linear-gradient(100deg, rgb(239 166 178 / .5), rgb(246 201 180 / .58));
}

.score-breakdown progress,
.score-breakdown progress::-webkit-progress-bar {
  background: rgb(175 121 105 / .16);
}

.score-ring {
  background: conic-gradient(var(--fragrance-pink) calc(var(--score) * 1%), rgb(175 121 105 / .14) 0);
}

.score-ring::before {
  background: var(--fragrance-surface);
}

.perfume-curiosity-section,
.olfactory-axis-panel,
.alternative-method-note,
.dg-trust-strip {
  border: 1px solid var(--fragrance-line);
  border-radius: 24px;
}

.perfume-curiosity-section > svg,
.olfactory-axis-panel li > i b {
  color: var(--fragrance-rose-ink);
}

.perfume-curiosity-section :is(div > p:not(.eyebrow), small),
.olfactory-axis-panel p,
.alternative-method-note p:not(.eyebrow),
.dg-trust-strip :is(p, span, small) {
  color: var(--fragrance-muted);
}

.perfume-curiosity-section small a,
.alternative-method-note .catalog-card-link,
.dg-trust-strip :is(h2, h3, strong) {
  color: var(--ink);
}

.perfume-curiosity-section .perfume-video-addition,
.perfume-curiosity-section .perfume-video-meta > :not(:first-child),
.perfume-awards,
.perfume-awards li,
.olfactory-axis-panel li > i,
.dg-trust-strip > * {
  border-color: var(--fragrance-line);
}

.perfume-curiosity-section .perfume-video-meta,
.perfume-curiosity-section .perfume-campaign-privacy,
.perfume-awards li span {
  color: var(--fragrance-muted);
}

.perfume-curiosity-section .perfume-campaign-video button {
  color: var(--ink);
  border-color: var(--fragrance-line-strong);
  border-radius: 18px;
  background: rgb(255 255 255 / .52);
}

.perfume-curiosity-section .perfume-campaign-video button:hover,
.perfume-curiosity-section .perfume-campaign-video button:focus-visible {
  border-color: var(--fragrance-bronze);
  background: rgb(255 255 255 / .78);
}

.perfume-curiosity-section .perfume-campaign-play {
  color: var(--ink);
  background: linear-gradient(135deg, var(--fragrance-pink), var(--fragrance-peach));
  box-shadow: none;
}

.perfume-awards li {
  border-radius: 14px;
  background: rgb(255 255 255 / .48);
}

.perfume-awards-heading,
.perfume-awards li strong {
  color: var(--fragrance-rose-ink);
}

.perfume-awards li b,
.perfume-awards li a {
  color: var(--ink);
}

.perfume-awards li a {
  border-color: var(--fragrance-line-strong);
}

.alternative-method-note {
  width: min(1240px, 100%);
  margin-right: auto;
  margin-left: auto;
  transform: none;
}

.dg-trust-strip > * {
  border-color: var(--fragrance-line);
}

.shared-profile-icon {
  color: var(--ink);
  border-color: var(--fragrance-line-strong);
  background: rgb(255 255 255 / .52);
  box-shadow: 0 0 0 12px rgb(239 166 178 / .18);
}

.shared-profile-hero h1 + p,
.shared-profile-hero .profile-axis-meter > small,
.shared-profile-hero .share-status,
.profile-confidence {
  color: var(--fragrance-muted);
}

.shared-profile-hero .profile-signal-row span {
  color: var(--ink);
  border-color: var(--fragrance-line-strong);
  background: rgb(255 255 255 / .5);
}

.shared-profile-hero .profile-axis-meter > div:first-child span,
.profile-confidence strong {
  color: var(--ink);
}

.shared-profile-hero .profile-axis-track {
  background: rgb(175 121 105 / .18);
}

.profile-confidence {
  border-color: var(--fragrance-line);
}

.shared-profile-actions .button-quiet {
  color: var(--ink);
  border-color: var(--fragrance-line-strong);
}

.shared-perfume-card.is-first .shared-perfume-rank,
.shared-perfume-card.is-first .shared-score > strong {
  color: var(--fragrance-rose-ink);
}

.shared-perfume-card.is-first .shared-perfume-copy > span,
.shared-perfume-card.is-first .shared-perfume-copy > p,
.shared-perfume-card.is-first .shared-score > span {
  color: var(--fragrance-muted);
}

.shared-perfume-card.is-first .accord-row span,
.shared-perfume-card.is-first .perfume-detail-link,
.shared-perfume-card.is-first .shared-score {
  color: var(--ink);
  border-color: var(--fragrance-line-strong);
}

.shared-result-cta {
  color: var(--ink);
  border: 1px solid var(--fragrance-line);
  border-radius: 24px;
  background: linear-gradient(110deg, var(--fragrance-pink), var(--fragrance-peach));
}

.shared-result-cta .eyebrow {
  color: var(--fragrance-rose-ink);
}

:is(
  .perfume-note-columns article,
  .perfume-pyramid-status,
  .perfume-pyramid-grid article,
  .association-cards article,
  .fit-caution-grid article,
  .methodology-data-grid article,
  .comparison-picker,
  .alternative-finder,
  .visitor-profile-card
) {
  border-color: var(--fragrance-line);
  border-radius: 20px;
  background: rgb(255 253 253 / .72);
  box-shadow: none;
}

:is(.dg-route-mood-media, .visitor-profile-card, .header-search-results, .dg-measurement-dialog) {
  box-shadow: var(--fragrance-shadow);
}

.closing-cta {
  min-height: 0;
}

@media (width <= 1024px) {
  footer:not(.editorial-footer) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
  }

  footer:not(.editorial-footer) .footer-meta {
    grid-column: 1 / -1;
    text-align: left;
  }
}

@media (width <= 860px) {
  footer:not(.editorial-footer) {
    grid-template-columns: 1fr;
  }

  footer:not(.editorial-footer) .footer-meta {
    grid-column: auto;
  }

  :is(
    .catalog-hero-copy h1,
    .catalog-hero h1,
    .perfume-hero h1,
    .category-hero h1,
    .methodology-hero h1,
    .ingredient-hero h1,
    .ingredient-directory-hero h1,
    .taxonomy-hero h1,
    .author-hero h1,
    .dg-directory-hero h1,
    .perfume-shelf-overview h1,
    .catalog-search-hero h1,
    .comparison-intro h1,
    .alternative-intro h1,
    .shared-profile-hero h1,
    .legal-hero h1,
    .not-found-page h1,
    .shared-result-state h1,
    .dg-award-hero h1,
    .static-compare-hero h1
  ) {
    font-size: clamp(32px, 8.5vw, 40px);
    line-height: 1.13;
  }

  :is(
    .moment-copy h2,
    .selector-heading h2,
    .results-heading h2,
    .section-heading h2,
    .concentration-intro h2,
    .method-copy h2,
    .about-home-copy h2,
    .faq-heading h2,
    .closing-cta h2,
    .catalog-section-heading h2,
    .perfume-section-intro h2,
    .perfume-notes-section > div:first-child h2,
    .perfume-curiosity-content h2,
    .perfume-curiosity-section h2,
    .wear-main h2,
    .perfume-method-note h2,
    .author-story h2,
    .methodology-data > div:first-child h2,
    .methodology-quality h2,
    .methodology-limits h2,
    .taxonomy-answer-card h2,
    .taxonomy-related h2,
    .comparison-section-heading h2,
    .alternative-results-heading h2,
    .alternative-method-note h2,
    .static-compare-products h2,
    .static-compare-table h2,
    .static-compare-notes h2,
    .shared-list-section > .section-heading h2,
    .shared-result-cta h2
  ) {
    font-size: clamp(29px, 7.4vw, 37px);
    line-height: 1.16;
  }

  :is(
    .selector-content h3,
    .result-main h3,
    .compare-heading h3,
    .catalog-category-card h3,
    .dg-perfume-card h3,
    .dg-guide-card h3,
    .alternative-result-copy h3,
    .shared-perfume-copy h4
  ) {
    font-size: clamp(26px, 7vw, 34px);
    line-height: 1.15;
  }

  .hero-facts span {
    width: auto;
    min-width: 0;
  }

  .families-section,
  .concentration-section,
  .faq-section {
    width: 100%;
  }

  .alternative-method-note {
    width: 100%;
  }

  .closing-cta {
    padding-block: 64px;
  }
}

/*
 * DG Parfüm v1.6.2 – screenshot-calibrated precision layer.
 * Quieter typography, compact concentration cards and a contained scent rail.
 */
:root {
  --dg-sticky-offset: 16px;
}

html {
  scroll-padding-top: var(--dg-sticky-offset);
}

main [id] {
  scroll-margin-top: var(--dg-sticky-offset);
}

.hero h1 {
  font-size: clamp(38px, 3.8vw, 58px);
  line-height: 1.1;
}

:is(
  .catalog-hero-copy h1,
  .catalog-hero h1,
  .perfume-hero h1,
  .category-hero h1,
  .methodology-hero h1,
  .ingredient-hero h1,
  .ingredient-directory-hero h1,
  .taxonomy-hero h1,
  .author-hero h1,
  .dg-directory-hero h1,
  .perfume-shelf-overview h1,
  .catalog-search-hero h1,
  .comparison-intro h1,
  .alternative-intro h1,
  .shared-profile-hero h1,
  .legal-hero h1,
  .not-found-page h1,
  .shared-result-state h1,
  .dg-award-hero h1,
  .static-compare-hero h1
) {
  font-size: clamp(36px, 3.35vw, 50px);
  line-height: 1.1;
}

:is(
  .moment-copy h2,
  .selector-heading h2,
  .results-heading h2,
  .section-heading h2,
  .concentration-intro h2,
  .method-copy h2,
  .about-home-copy h2,
  .faq-heading h2,
  .closing-cta h2,
  .catalog-section-heading h2,
  .perfume-section-intro h2,
  .perfume-notes-section > div:first-child h2,
  .perfume-curiosity-content h2,
  .perfume-curiosity-section h2,
  .wear-main h2,
  .perfume-method-note h2,
  .author-story h2,
  .methodology-data > div:first-child h2,
  .methodology-quality h2,
  .methodology-limits h2,
  .taxonomy-answer-card h2,
  .taxonomy-related h2,
  .comparison-section-heading h2,
  .alternative-results-heading h2,
  .alternative-method-note h2,
  .shared-list-section > .section-heading h2,
  .shared-result-cta h2
) {
  font-size: clamp(29px, 2.8vw, 43px);
  line-height: 1.14;
}

:is(
  .selector-content h3,
  .result-main h3,
  .compare-heading h3,
  .catalog-category-card h3,
  .dg-perfume-card h3,
  .dg-guide-card h3,
  .alternative-result-copy h3,
  .shared-perfume-copy h4,
  .perfume-faq-grid h3,
  .fit-caution-grid h3,
  .methodology-data-grid h3
) {
  font-size: clamp(21px, 1.9vw, 29px);
  line-height: 1.18;
}

.selector-content h3 {
  font-size: clamp(24px, 2.25vw, 32px);
}

.scent-ticker > div {
  width: 100%;
  min-width: 0;
  justify-content: space-between;
  gap: clamp(10px, 1vw, 18px);
  padding: 18px clamp(18px, 3vw, 48px);
}

.scent-ticker span {
  flex: 0 1 auto;
  white-space: nowrap;
  font-size: clamp(17px, 1.45vw, 23px);
  letter-spacing: -.02em;
}

.scent-ticker i {
  flex: 0 0 auto;
  font-size: clamp(14px, 1.2vw, 18px);
}

.concentration-section {
  grid-template-columns: minmax(300px, .8fr) minmax(0, 1.2fr);
  align-items: start;
  gap: clamp(44px, 6vw, 84px);
  padding-top: clamp(28px, 3vw, 44px);
  padding-bottom: clamp(72px, 7vw, 96px);
}

.concentration-intro {
  padding-top: 10px;
}

.concentration-intro h2 {
  max-width: 14ch;
  margin-bottom: 20px;
  font-size: clamp(36px, 3.05vw, 44px);
  line-height: 1.08;
  letter-spacing: -.035em;
}

.concentration-intro > p:last-child {
  font-size: 13px;
  line-height: 1.7;
}

.concentration-cards {
  display: grid;
  gap: 12px;
  border-top: 0;
}

.concentration-cards article {
  grid-template-columns: 40px minmax(160px, .7fr) minmax(0, 1fr);
  align-items: center;
  gap: 20px;
  min-height: 168px;
  padding: 26px 32px;
  border-radius: 999px;
}

.concentration-cards h3 {
  font-size: clamp(21px, 1.8vw, 25px);
  line-height: 1.15;
}

.concentration-cards p {
  max-width: 36ch;
  font-size: 13px;
  line-height: 1.55;
}

@media (width >= 1520px) {
  :root {
    --dg-sticky-offset: 96px;
  }
}

@media (width <= 1519px) {
  .site-header,
  .editorial-header {
    position: relative;
    top: auto;
  }
}

@media (width <= 1199px) {
  .scent-ticker > div {
    flex-wrap: wrap;
    justify-content: center;
    gap: 9px 20px;
    padding: 15px 18px;
  }

  .scent-ticker span {
    font-size: 16px;
  }

  .scent-ticker i {
    display: none;
  }
}

@media (width <= 1100px) {
  .concentration-section {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .concentration-intro h2 {
    max-width: 17ch;
    font-size: clamp(35px, 4.5vw, 42px);
  }

  .concentration-cards article {
    min-height: 150px;
  }
}

@media (width <= 700px) {
  .hero h1 {
    font-size: clamp(33px, 8.8vw, 40px);
  }

  .concentration-section {
    gap: 28px;
    padding-top: 24px;
    padding-bottom: 72px;
  }

  .concentration-intro h2 {
    max-width: 16ch;
    margin-bottom: 16px;
    font-size: clamp(30px, 8vw, 36px);
  }

  .concentration-cards {
    gap: 10px;
  }

  .concentration-cards article {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 6px 12px;
    min-height: 0;
    padding: 21px 22px;
    border-radius: 32px;
    text-align: left;
  }

  .concentration-cards h3 {
    font-size: 21px;
  }

  .concentration-cards p {
    grid-column: 2;
    font-size: 12px;
  }

  .scent-ticker > div {
    gap: 8px 15px;
    padding-block: 13px;
  }

  .scent-ticker span {
    font-size: 15px;
  }
}

/*
 * DG Parfum v1.6.3 - market-leading comparison workspace.
 *
 * This layer keeps the purchased Fragrance / Lois visual language while
 * making dense comparison data calmer, difference-first and safe on narrow
 * screens. Product bottles deliberately remain free of tiles, frames and
 * shadows. The aliases below also cover the server-rendered comparison
 * modules introduced with the v1.6.3 decision layer.
 */
.perfume-comparison-page {
  --comparison-ivory: #fffaf7;
  --comparison-paper: #fffdfb;
  --comparison-blush: #fbefee;
  --comparison-rose: #efa6b2;
  --comparison-peach: #f6c9b4;
  --comparison-rose-ink: #7b3f4b;
  --comparison-bronze: #b97851;
  --comparison-line: rgb(158 93 60 / .3);
  --comparison-line-soft: rgb(73 43 33 / .14);
  --comparison-muted: #665852;
  max-width: 100%;
  overflow-x: clip;
  background:
    radial-gradient(circle at 94% 4%, rgb(239 166 178 / .14), transparent 22%),
    var(--fragrance-page, #fbf0ef);
}

.perfume-comparison-page :is(
  .comparison-intro,
  .comparison-picker-section,
  .comparison-presets,
  .comparison-result-header,
  .comparison-data-basis,
  .comparison-bottle-grid,
  .comparison-common-section,
  .comparison-metrics-section,
  .comparison-context-section,
  .comparison-unique-section,
  .comparison-decision-section,
  .comparison-advantage-section,
  .comparison-pyramid-section,
  .comparison-facts-section,
  .comparison-related-section,
  .comparison-related,
  .comparison-difference-toolbar,
  .comparison-view-toolbar,
  .comparison-sticky-context,
  .comparison-compact-context
) {
  width: min(1180px, calc(100% - 48px));
  max-width: 100%;
  margin-inline: auto;
}

.perfume-comparison-page :is(
  .comparison-intro,
  .comparison-picker,
  .comparison-picker-grid,
  .comparison-picker-slot,
  .comparison-combobox,
  .comparison-result,
  .comparison-result-header,
  .comparison-result-header > *,
  .comparison-bottle-grid,
  .comparison-bottle-grid > article,
  .comparison-perfume-heading,
  .comparison-perfume-heading > *,
  .comparison-common-grid,
  .comparison-metric-table,
  .comparison-metric-head,
  .comparison-metric-row,
  .comparison-metric-row > *,
  .comparison-context-grid,
  .comparison-unique-grid,
  .comparison-decision-grid,
  .comparison-advantage-grid,
  .comparison-choice-grid,
  .comparison-pyramid-grid,
  .comparison-note-pyramid-grid,
  .comparison-facts-grid,
  .comparison-related-grid
) {
  min-width: 0;
}

.perfume-comparison-page :is(
  h1,
  h2,
  h3,
  h4,
  p,
  strong,
  small,
  a,
  button,
  th,
  td
) {
  overflow-wrap: anywhere;
  word-break: normal;
}

.perfume-comparison-page .comparison-intro {
  grid-template-columns: minmax(0, 1.15fr) minmax(250px, .68fr);
  align-items: end;
  gap: clamp(28px, 5vw, 68px);
  margin-top: clamp(16px, 2.6vw, 32px);
  padding: clamp(38px, 5.2vw, 62px) clamp(24px, 4.5vw, 52px);
  border: 1px solid var(--comparison-line);
  border-radius: 30px;
  background:
    radial-gradient(circle at 90% 12%, rgb(239 166 178 / .25), transparent 32%),
    linear-gradient(135deg, rgb(255 253 251 / .92), rgb(251 239 238 / .9));
  box-shadow: none;
}

.perfume-comparison-page .comparison-intro h1 {
  max-width: 18ch;
  margin: 9px 0 0;
  font-size: clamp(38px, 4vw, 52px);
  letter-spacing: -.028em;
  line-height: 1.08;
}

.perfume-comparison-page .comparison-intro > p {
  max-width: 43ch;
  margin: 0;
  color: var(--comparison-muted);
  font-size: 13px;
  line-height: 1.72;
}

.perfume-comparison-page .comparison-picker-section {
  padding: clamp(30px, 4vw, 46px) 0 clamp(58px, 7vw, 82px);
}

.perfume-comparison-page .comparison-picker {
  padding: clamp(22px, 3.5vw, 38px);
  border: 1px solid var(--comparison-line);
  border-radius: 24px;
  background:
    radial-gradient(circle at 52% 115%, rgb(246 201 180 / .28), transparent 38%),
    rgb(255 253 251 / .82);
  box-shadow: none;
}

.perfume-comparison-page .comparison-picker-grid {
  grid-template-columns: minmax(0, 1fr) 44px minmax(0, 1fr);
  gap: 14px;
}

.perfume-comparison-page .comparison-picker-slot > label {
  margin-bottom: 9px;
  color: var(--comparison-rose-ink);
  font-size: 11px;
  letter-spacing: .12em;
  line-height: 1.45;
}

.perfume-comparison-page .comparison-combobox {
  grid-template-columns: 46px minmax(0, 1fr) 40px;
  height: 60px;
  border-color: var(--comparison-line);
  border-radius: 15px;
  background: rgb(255 255 255 / .68);
  box-shadow: none;
}

.perfume-comparison-page .comparison-combobox:focus-within {
  border-color: var(--comparison-bronze);
  box-shadow: 0 0 0 3px rgb(239 166 178 / .18);
}

.perfume-comparison-page .comparison-combobox.has-selection {
  border-color: rgb(123 63 75 / .48);
  background: rgb(255 249 248 / .88);
}

.perfume-comparison-page .comparison-combobox-number {
  margin-left: 15px;
  color: var(--comparison-rose-ink);
  font-size: 15px;
}

.perfume-comparison-page .comparison-combobox input {
  height: 58px;
  padding-inline: 6px;
  border: 0;
  border-radius: 0;
  font-size: clamp(14px, 1.35vw, 17px);
}

.perfume-comparison-page .comparison-selection-clear,
.perfume-comparison-page .comparison-swap {
  color: var(--ink);
  border-color: var(--comparison-line);
  background: var(--comparison-paper);
  box-shadow: none;
}

.perfume-comparison-page .comparison-selection-clear {
  width: 30px;
  height: 30px;
  font-size: 18px;
}

.perfume-comparison-page .comparison-swap {
  width: 42px;
  height: 42px;
  margin-bottom: 19px;
  font-size: 17px;
}

.perfume-comparison-page .comparison-picker-results {
  width: 100%;
  max-width: 100%;
  border-color: var(--comparison-line);
  border-radius: 15px;
  background: rgb(255 252 249 / .98);
  box-shadow: 0 18px 45px rgb(81 42 31 / .13);
}

.perfume-comparison-page .comparison-picker-results > button {
  min-width: 0;
  border-color: var(--comparison-line-soft);
  border-radius: 11px;
}

.perfume-comparison-page .comparison-picker-results > button:hover,
.perfume-comparison-page .comparison-picker-results > button.is-active {
  background: linear-gradient(100deg, rgb(239 166 178 / .2), rgb(246 201 180 / .2));
}

.perfume-comparison-page .comparison-picker-thumb,
.perfume-comparison-page .comparison-picker-thumb img {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

.perfume-comparison-page .comparison-picker-status,
.perfume-comparison-page .comparison-picker-submit-row p,
.perfume-comparison-page .comparison-state-message p {
  color: var(--comparison-muted);
}

.perfume-comparison-page .comparison-picker-submit-row {
  border-color: var(--comparison-line-soft);
}

.perfume-comparison-page .comparison-picker-submit-row .button,
.perfume-comparison-page .comparison-share-control .button {
  min-height: 44px;
  border: 1px solid var(--ink);
  background: var(--ink);
  font-size: 12px;
  letter-spacing: .08em;
  line-height: 1.35;
}

.perfume-comparison-page .comparison-state-message {
  border-color: var(--comparison-line);
  border-radius: 14px;
  background: rgb(255 250 247 / .78);
}

.perfume-comparison-page .comparison-presets {
  padding: 0 0 clamp(72px, 8vw, 98px);
}

.perfume-comparison-page .comparison-presets h2 {
  max-width: 18ch;
  margin: 7px 0 28px;
  font-size: clamp(31px, 3vw, 41px);
  letter-spacing: -.025em;
  line-height: 1.1;
}

.perfume-comparison-page .comparison-preset-grid {
  gap: 10px;
}

.perfume-comparison-page .comparison-preset-grid > a {
  min-height: 180px;
  padding: 24px;
  border-color: var(--comparison-line);
  border-radius: 18px;
  background: rgb(255 253 251 / .7);
  box-shadow: none;
}

.perfume-comparison-page .comparison-preset-grid > a:hover,
.perfume-comparison-page .comparison-preset-grid > a:focus-visible {
  border-color: var(--comparison-bronze);
  background: var(--comparison-paper);
  box-shadow: none;
  transform: translateY(-2px);
}

.perfume-comparison-page .comparison-preset-grid span {
  font-size: 19px;
  line-height: 1.18;
}

.perfume-comparison-page .comparison-result {
  max-width: 100%;
  padding-top: clamp(10px, 2vw, 22px);
  overflow-x: clip;
}

.perfume-comparison-page .comparison-result-header {
  grid-template-columns: 120px minmax(0, 1fr) auto;
  gap: clamp(24px, 4vw, 52px);
  padding: clamp(30px, 4.6vw, 52px);
  border: 1px solid var(--comparison-line);
  border-radius: 28px;
  background:
    radial-gradient(circle at 13% 88%, rgb(246 201 180 / .32), transparent 30%),
    linear-gradient(128deg, #fbefee, #f8deda);
}

/* Keep the data note aligned with the comparison and its two perfume columns. */
.perfume-comparison-page .comparison-data-basis {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 32px;
  margin-block: 24px;
  color: var(--comparison-muted);
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.75;
  text-align: left;
  white-space: normal;
}

.perfume-comparison-page .comparison-data-basis > * {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.perfume-comparison-page .comparison-data-basis > strong {
  grid-column: 1 / -1;
  color: var(--comparison-rose-ink);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}

.perfume-comparison-page .comparison-data-basis > small {
  grid-column: 1 / -1;
  font-size: 12px;
  line-height: 1.6;
}

.perfume-comparison-page .comparison-score {
  width: 120px;
  height: 120px;
  border-color: rgb(123 63 75 / .48);
  background: rgb(255 253 251 / .24);
}

.perfume-comparison-page .comparison-score strong {
  font-size: 42px;
  line-height: .9;
}

.perfume-comparison-page .comparison-score strong small {
  font-size: 14px;
}

.perfume-comparison-page .comparison-score > span {
  max-width: 88px;
  margin-top: 9px;
  font-size: 11px;
  line-height: 1.35;
}

.perfume-comparison-page .comparison-result-header h2 {
  max-width: 21ch;
  margin: 7px 0 12px;
  font-size: clamp(32px, 3.5vw, 46px);
  letter-spacing: -.028em;
  line-height: 1.08;
}

.perfume-comparison-page .comparison-result-header > div:nth-child(2) > p:last-child {
  max-width: 68ch;
  color: var(--comparison-muted);
  font-size: 12px;
  line-height: 1.7;
}

.perfume-comparison-page .comparison-share-control {
  align-self: center;
}

.perfume-comparison-page .comparison-bottle-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  padding: clamp(52px, 6vw, 72px) 0 clamp(68px, 8vw, 94px);
}

.perfume-comparison-page .comparison-bottle-grid > article {
  padding: clamp(18px, 3vw, 36px) clamp(18px, 3.6vw, 44px);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.perfume-comparison-page .comparison-bottle-grid > article + article {
  border-left: 1px solid var(--comparison-line);
}

.perfume-comparison-page .comparison-perfume-heading {
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 13px;
  min-height: 88px;
}

.perfume-comparison-page .comparison-perfume-heading > span {
  color: var(--comparison-rose-ink);
  font-size: 17px;
}

.perfume-comparison-page .comparison-perfume-heading p,
.perfume-comparison-page .comparison-perfume-heading small {
  color: var(--comparison-muted);
  font-size: 11px;
  line-height: 1.45;
}

.perfume-comparison-page .comparison-perfume-heading h3 {
  margin: 0 0 8px;
  font-size: clamp(24px, 2.8vw, 35px);
  letter-spacing: -.022em;
  line-height: 1.08;
}

.perfume-comparison-page .comparison-bottle {
  margin: 20px 0 18px;
}

.perfume-comparison-page .comparison-bottle > div {
  min-height: clamp(270px, 30vw, 390px);
  padding: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible;
}

.perfume-comparison-page .comparison-bottle img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 380px;
  padding: 0;
  object-fit: contain;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

.perfume-comparison-page .comparison-bottle-grid > article > p {
  max-width: 48ch;
  color: var(--comparison-muted);
  font-size: 12px;
  line-height: 1.68;
}

.perfume-comparison-page .comparison-perfume-actions {
  gap: 10px 16px;
  padding-top: 8px;
}

.perfume-comparison-page .comparison-perfume-actions .catalog-card-link {
  font-size: 12px;
  line-height: 1.45;
}

.perfume-comparison-page :is(
  .comparison-common-section,
  .comparison-metrics-section,
  .comparison-context-section,
  .comparison-unique-section,
  .comparison-decision-section,
  .comparison-advantage-section,
  .comparison-pyramid-section,
  .comparison-facts-section,
  .comparison-related-section,
  .comparison-related
) {
  border-top: 1px solid var(--comparison-line);
  padding: clamp(64px, 7vw, 84px) 0;
}

.perfume-comparison-page .comparison-section-heading {
  max-width: 760px;
  margin-bottom: 34px;
}

.perfume-comparison-page .comparison-section-heading h2,
.perfume-comparison-page :is(
  .comparison-decision-heading,
  .comparison-advantage-heading,
  .comparison-pyramid-heading,
  .comparison-facts-heading,
  .comparison-related-heading
) h2 {
  max-width: 20ch;
  margin: 7px 0 13px;
  font-size: clamp(29px, 3vw, 40px);
  letter-spacing: -.025em;
  line-height: 1.12;
}

.perfume-comparison-page .comparison-section-heading > p:last-child,
.perfume-comparison-page :is(
  .comparison-decision-heading,
  .comparison-advantage-heading,
  .comparison-pyramid-heading,
  .comparison-facts-heading,
  .comparison-related-heading
) > p:last-child {
  max-width: 66ch;
  margin: 0;
  color: var(--comparison-muted);
  font-size: 12px;
  line-height: 1.7;
}

.perfume-comparison-page .comparison-common-grid {
  gap: 10px;
}

.perfume-comparison-page .comparison-common-grid article {
  min-height: 220px;
  padding: 24px;
  border-color: var(--comparison-line);
  border-radius: 18px;
  background: rgb(255 253 251 / .58);
}

.perfume-comparison-page .comparison-common-grid article > span {
  color: var(--comparison-rose-ink);
  font-size: 15px;
}

.perfume-comparison-page .comparison-common-grid h3 {
  margin: 38px 0 15px;
  font-size: 24px;
  line-height: 1.12;
}

.perfume-comparison-page :is(.comparison-common-grid, .comparison-unique-grid) li,
.perfume-comparison-page .comparison-context-tags span {
  padding: 7px 9px;
  border-color: var(--comparison-line);
  background: rgb(255 255 255 / .5);
  color: #684a42;
  font-size: 11px;
  line-height: 1.4;
}

.perfume-comparison-page .comparison-metric-table {
  border-color: var(--comparison-line);
}

.perfume-comparison-page .comparison-metric-head,
.perfume-comparison-page .comparison-metric-row {
  grid-template-columns: minmax(112px, .52fr) repeat(2, minmax(0, 1fr));
  gap: clamp(14px, 3vw, 38px);
  min-height: 76px;
  border-color: var(--comparison-line-soft);
}

.perfume-comparison-page .comparison-metric-head {
  position: sticky;
  z-index: 12;
  top: var(--dg-sticky-offset, 0);
  min-height: 54px;
  padding-inline: 8px;
  color: var(--comparison-muted);
  background: rgb(255 250 247 / .92);
  backdrop-filter: blur(12px);
}

.perfume-comparison-page .comparison-metric-head strong {
  font-size: 11px;
  line-height: 1.45;
}

.perfume-comparison-page .comparison-metric-row {
  padding-inline: 8px;
}

.perfume-comparison-page .comparison-metric-row > strong {
  font-size: 17px;
  line-height: 1.2;
}

.perfume-comparison-page .comparison-metric-row > div {
  grid-template-columns: 40px minmax(54px, 1fr);
  gap: 9px;
}

.perfume-comparison-page .comparison-metric-row i {
  height: 5px;
  background: rgb(123 63 75 / .13);
}

.perfume-comparison-page .comparison-metric-row i b {
  background: linear-gradient(90deg, var(--comparison-rose), var(--comparison-peach));
}

.perfume-comparison-page .comparison-key-differences {
  grid-template-columns: minmax(180px, .48fr) minmax(0, 1.52fr);
  gap: 28px;
  margin-top: 30px;
  padding: clamp(24px, 3vw, 34px);
  border-color: var(--comparison-line);
  border-radius: 18px;
  background: linear-gradient(125deg, rgb(251 239 238 / .9), rgb(255 253 251 / .78));
}

.perfume-comparison-page .comparison-key-differences h3 {
  font-size: 23px;
  line-height: 1.15;
}

.perfume-comparison-page .comparison-context-grid,
.perfume-comparison-page .comparison-unique-grid {
  gap: 10px;
}

.perfume-comparison-page .comparison-context-grid article,
.perfume-comparison-page .comparison-unique-grid article {
  padding: clamp(24px, 3.4vw, 36px);
  border-color: var(--comparison-line);
  border-radius: 18px;
  background: rgb(255 253 251 / .66);
}

.perfume-comparison-page .comparison-context-grid h3,
.perfume-comparison-page .comparison-unique-grid h3 {
  margin-bottom: 25px;
  font-size: clamp(23px, 2.5vw, 31px);
  line-height: 1.12;
}

.perfume-comparison-page .comparison-context-tags span.is-shared {
  border-color: rgb(123 63 75 / .34);
  background: rgb(239 166 178 / .22);
  color: var(--comparison-rose-ink);
}

.perfume-comparison-page .comparison-unique-section {
  margin-block: 18px 34px;
  padding: clamp(40px, 5.5vw, 62px);
  border: 1px solid var(--comparison-line);
  border-radius: 24px;
  background:
    radial-gradient(circle at 91% 9%, rgb(239 166 178 / .19), transparent 28%),
    rgb(255 250 248 / .7);
}

.perfume-comparison-page .comparison-method-note {
  width: min(1180px, calc(100% - 48px));
  grid-template-columns: minmax(240px, .7fr) minmax(0, 1.3fr);
  gap: clamp(32px, 6vw, 78px);
  margin: 20px auto clamp(74px, 8vw, 100px);
  padding: clamp(42px, 5vw, 58px);
  border: 1px solid var(--comparison-line);
  border-radius: 24px;
  background:
    radial-gradient(circle at 90% 12%, rgb(246 201 180 / .24), transparent 30%),
    var(--comparison-blush);
}

.perfume-comparison-page .comparison-method-note h2 {
  max-width: 17ch;
  margin: 7px 0 0;
  font-size: clamp(28px, 2.8vw, 38px);
  line-height: 1.12;
}

.perfume-comparison-page .comparison-method-note p {
  align-self: end;
  margin: 0;
  color: var(--comparison-muted);
  font-size: 12px;
  line-height: 1.75;
}

/* Quick verdict and contextual choice cards. */
.perfume-comparison-page :is(.comparison-decision-panel, .comparison-verdict) {
  display: grid;
  grid-template-columns: minmax(210px, .55fr) minmax(0, 1.45fr);
  gap: clamp(28px, 5vw, 64px);
  padding: clamp(30px, 4.5vw, 50px);
  border: 1px solid var(--comparison-line);
  border-radius: 24px;
  background:
    radial-gradient(circle at 8% 92%, rgb(246 201 180 / .28), transparent 32%),
    linear-gradient(125deg, rgb(251 239 238 / .96), rgb(255 253 251 / .86));
}

.perfume-comparison-page :is(.comparison-decision-panel, .comparison-verdict) :is(h2, h3) {
  max-width: 19ch;
  margin: 6px 0 12px;
  font-size: clamp(27px, 2.8vw, 38px);
  line-height: 1.12;
}

.perfume-comparison-page :is(
  .comparison-decision-summary,
  .comparison-decision-panel > p,
  .comparison-verdict__summary
) {
  margin: 0;
  color: var(--comparison-muted);
  font-size: 13px;
  line-height: 1.76;
}

.perfume-comparison-page :is(
  .comparison-decision-grid,
  .comparison-advantage-grid,
  .comparison-choice-grid,
  .comparison-verdict__grid
) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 24px;
}

.perfume-comparison-page :is(
  .comparison-decision-card,
  .comparison-advantage-card,
  .comparison-choice-card,
  .comparison-verdict__item
) {
  min-width: 0;
  padding: clamp(22px, 3vw, 30px);
  border: 1px solid var(--comparison-line);
  border-radius: 18px;
  background: rgb(255 253 251 / .7);
  box-shadow: none;
}

.perfume-comparison-page :is(
  .comparison-decision-card,
  .comparison-advantage-card,
  .comparison-choice-card,
  .comparison-verdict__item
).is-recommended {
  border-color: rgb(123 63 75 / .46);
  background: linear-gradient(130deg, rgb(239 166 178 / .18), rgb(255 253 251 / .82));
}

.perfume-comparison-page :is(
  .comparison-decision-card,
  .comparison-advantage-card,
  .comparison-choice-card,
  .comparison-verdict__item
) :is(h3, h4) {
  margin: 5px 0 12px;
  font-size: clamp(21px, 2.1vw, 28px);
  line-height: 1.15;
}

.perfume-comparison-page :is(
  .comparison-decision-card,
  .comparison-advantage-card,
  .comparison-choice-card,
  .comparison-verdict__item
) :is(p, li) {
  color: var(--comparison-muted);
  font-size: 11px;
  line-height: 1.68;
}

.perfume-comparison-page :is(
  .comparison-choice-card__label,
  .comparison-advantage-label,
  .comparison-decision-label,
  .comparison-verdict__kicker
) {
  color: var(--comparison-rose-ink);
  text-transform: uppercase;
  letter-spacing: .11em;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.45;
}

.perfume-comparison-page :is(
  .comparison-choice-card__reasons,
  .comparison-advantage-list,
  .comparison-decision-list
) {
  display: grid;
  gap: 8px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}

.perfume-comparison-page :is(
  .comparison-choice-card__reasons,
  .comparison-advantage-list,
  .comparison-decision-list
) li {
  padding-top: 8px;
  border-top: 1px solid var(--comparison-line-soft);
}

/* Note pyramid, compact facts and editorial evidence. */
.perfume-comparison-page :is(.comparison-pyramid-grid, .comparison-note-pyramid-grid) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.perfume-comparison-page :is(
  .comparison-pyramid-card,
  .comparison-pyramid-column,
  .comparison-note-pyramid-column
) {
  min-width: 0;
  padding: clamp(24px, 3.5vw, 38px);
  border: 1px solid var(--comparison-line);
  border-radius: 20px;
  background: rgb(255 253 251 / .68);
}

.perfume-comparison-page :is(
  .comparison-pyramid-card,
  .comparison-pyramid-column,
  .comparison-note-pyramid-column
) > :is(h3, h4) {
  margin: 0 0 22px;
  font-size: clamp(23px, 2.5vw, 31px);
  line-height: 1.13;
}

.perfume-comparison-page :is(
  .comparison-pyramid-row,
  .comparison-pyramid-layer,
  .comparison-note-pyramid-row
) {
  display: grid;
  grid-template-columns: minmax(76px, .32fr) minmax(0, 1fr);
  gap: 15px;
  padding: 17px 0;
  border-top: 1px solid var(--comparison-line-soft);
}

.perfume-comparison-page :is(
  .comparison-pyramid-row,
  .comparison-pyramid-layer,
  .comparison-note-pyramid-row
) > :is(strong, dt) {
  color: var(--comparison-rose-ink);
  text-transform: uppercase;
  letter-spacing: .09em;
  font-size: 11px;
  line-height: 1.45;
}

.perfume-comparison-page :is(
  .comparison-pyramid-row,
  .comparison-pyramid-layer,
  .comparison-note-pyramid-row
) :is(p, dd, ul) {
  min-width: 0;
  margin: 0;
  color: var(--comparison-muted);
  font-size: 11px;
  line-height: 1.65;
}

.perfume-comparison-page .comparison-facts-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.perfume-comparison-page :is(.comparison-facts-card, .comparison-facts-column) {
  min-width: 0;
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid var(--comparison-line);
  border-radius: 18px;
  background: rgb(255 253 251 / .62);
}

.perfume-comparison-page :is(.comparison-facts-row, .comparison-facts-list > div) {
  display: grid;
  grid-template-columns: minmax(105px, .42fr) minmax(0, 1fr);
  gap: 16px;
  padding: 13px 0;
  border-top: 1px solid var(--comparison-line-soft);
}

.perfume-comparison-page :is(.comparison-facts-row, .comparison-facts-list > div) :is(dt, span:first-child) {
  color: var(--comparison-muted);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 11px;
  line-height: 1.45;
}

.perfume-comparison-page :is(.comparison-facts-row, .comparison-facts-list > div) :is(dd, strong) {
  min-width: 0;
  margin: 0;
  color: var(--ink);
  font-family: var(--serif);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
}

/* Difference-first controls and compact context kept in view. */
.perfume-comparison-page :is(.comparison-difference-toolbar, .comparison-view-toolbar) {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding-block: 16px;
  border-block: 1px solid var(--comparison-line);
}

.perfume-comparison-page :is(.comparison-difference-toolbar, .comparison-view-toolbar) > p {
  max-width: 58ch;
  margin: 0;
  color: var(--comparison-muted);
  font-size: 12px;
  line-height: 1.6;
}

.perfume-comparison-page :is(.comparison-difference-toggle, .comparison-view-toggle) {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 3px;
  max-width: 100%;
  padding: 3px;
  border: 1px solid var(--comparison-line);
  border-radius: 999px;
  background: rgb(255 253 251 / .76);
}

.perfume-comparison-page :is(.comparison-difference-toggle, .comparison-view-toggle) :is(button, label) {
  min-height: 38px;
  margin: 0;
  padding: 0 14px;
  border: 0;
  border-radius: 999px;
  color: var(--comparison-muted);
  background: transparent;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

.perfume-comparison-page :is(.comparison-difference-toggle, .comparison-view-toggle) :is(
  button[aria-pressed="true"],
  button.is-active,
  label:has(input:checked)
) {
  color: var(--ink);
  background: linear-gradient(100deg, rgb(239 166 178 / .44), rgb(246 201 180 / .52));
}

.perfume-comparison-page .comparison-view-section[hidden] {
  display: none !important;
}

.perfume-comparison-page [data-comparison-view="differences"]
  .comparison-view-section[data-comparison-scope="common"] {
  display: none;
}

.perfume-comparison-page [data-comparison-view="all"]
  .comparison-view-section[data-comparison-scope="common"] {
  display: block;
}

.perfume-comparison-page :is(.comparison-sticky-context, .comparison-compact-context) {
  position: sticky;
  z-index: 24;
  top: var(--dg-sticky-offset, 0);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  border: 1px solid var(--comparison-line);
  border-radius: 15px;
  background: rgb(255 250 247 / .94);
  box-shadow: 0 10px 32px rgb(81 42 31 / .08);
  backdrop-filter: blur(14px);
}

.perfume-comparison-page :is(.comparison-sticky-context, .comparison-compact-context) > * {
  min-width: 0;
  padding: 11px 15px;
}

.perfume-comparison-page :is(.comparison-sticky-context, .comparison-compact-context) > * + * {
  border-left: 1px solid var(--comparison-line);
}

.perfume-comparison-page :is(.comparison-sticky-context, .comparison-compact-context) :is(strong, b) {
  display: block;
  font-family: var(--serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}

.perfume-comparison-page :is(.comparison-sticky-context, .comparison-compact-context) :is(span, small) {
  color: var(--comparison-muted);
  font-size: 11px;
  line-height: 1.4;
}

/* Related comparisons remain editorial cards rather than product tiles. */
.perfume-comparison-page .comparison-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 30px;
}

.perfume-comparison-page .comparison-related-card {
  display: flex;
  min-width: 0;
  min-height: 154px;
  flex-direction: column;
  padding: 23px;
  border: 1px solid var(--comparison-line);
  border-radius: 18px;
  color: var(--ink);
  background: rgb(255 253 251 / .66);
  text-decoration: none;
  box-shadow: none;
  transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}

.perfume-comparison-page .comparison-related-card:hover,
.perfume-comparison-page .comparison-related-card:focus-visible {
  border-color: var(--comparison-bronze);
  background: var(--comparison-paper);
  transform: translateY(-2px);
}

.perfume-comparison-page .comparison-related-card :is(h3, strong) {
  margin: 7px 0 12px;
  font-family: var(--serif);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.18;
}

.perfume-comparison-page .comparison-related-card :is(p, small, span) {
  margin-top: auto;
  color: var(--comparison-muted);
  font-size: 11px;
  line-height: 1.55;
}

/* Static, indexable pair pages share the same calm data density. */
.static-comparison-page {
  max-width: 100%;
  overflow-x: clip;
}

.static-comparison-page .static-compare-hero {
  padding: clamp(48px, 6vw, 78px) 0 48px;
}

.static-comparison-page .static-compare-hero h1 {
  max-width: 19ch;
  font-size: clamp(37px, 4.2vw, 54px);
  letter-spacing: -.03em;
  line-height: 1.08;
}

.static-comparison-page .static-compare-products {
  gap: 0;
  border-block: 1px solid var(--comparison-line, rgb(158 93 60 / .3));
}

.static-comparison-page .static-compare-products article {
  border: 0;
  border-radius: 0;
  background: transparent;
}

.static-comparison-page .static-compare-products article + article {
  border-left: 1px solid var(--comparison-line, rgb(158 93 60 / .3));
}

.static-comparison-page .static-compare-products img {
  max-width: 100%;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

.static-comparison-page .static-compare-table {
  gap: clamp(28px, 5vw, 64px);
  padding: clamp(68px, 8vw, 92px) 0;
}

.static-comparison-page .static-compare-table table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}

.static-comparison-page .static-compare-table :is(th, td) {
  padding: 13px 9px;
  overflow-wrap: anywhere;
}

@media (width <= 1020px) {
  .perfume-comparison-page .comparison-result-header {
    grid-template-columns: 108px minmax(0, 1fr);
  }

  .perfume-comparison-page .comparison-score {
    width: 108px;
    height: 108px;
  }

  .perfume-comparison-page .comparison-share-control {
    grid-column: 2;
    justify-items: start;
  }

  .perfume-comparison-page :is(.comparison-decision-panel, .comparison-verdict) {
    grid-template-columns: 1fr;
  }

  .perfume-comparison-page .comparison-related-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .perfume-comparison-page .comparison-preset-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width <= 760px) {
  .perfume-comparison-page :is(
    .comparison-intro,
    .comparison-picker-section,
    .comparison-presets,
    .comparison-result-header,
    .comparison-data-basis,
    .comparison-bottle-grid,
    .comparison-common-section,
    .comparison-metrics-section,
    .comparison-context-section,
    .comparison-unique-section,
    .comparison-decision-section,
    .comparison-advantage-section,
    .comparison-pyramid-section,
    .comparison-facts-section,
    .comparison-related-section,
    .comparison-related,
    .comparison-difference-toolbar,
    .comparison-view-toolbar,
    .comparison-sticky-context,
    .comparison-compact-context,
    .comparison-method-note
  ) {
    width: calc(100% - 28px);
  }

  .perfume-comparison-page .comparison-data-basis {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .perfume-comparison-page .comparison-intro {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 10px;
    padding: 32px 22px 34px;
    border-radius: 22px;
  }

  .perfume-comparison-page .comparison-intro h1 {
    font-size: clamp(33px, 9.5vw, 41px);
    line-height: 1.12;
  }

  .perfume-comparison-page .comparison-intro > p {
    font-size: 12px;
  }

  .perfume-comparison-page .comparison-picker-section {
    padding: 24px 0 56px;
  }

  .perfume-comparison-page .comparison-picker {
    padding: 18px;
    border-radius: 18px;
  }

  .perfume-comparison-page .comparison-picker-grid {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .perfume-comparison-page .comparison-swap {
    margin: 2px auto 4px;
    transform: rotate(90deg);
  }

  .perfume-comparison-page .comparison-picker-submit-row,
  .perfume-comparison-page .comparison-state-message {
    flex-direction: column;
    align-items: stretch;
  }

  .perfume-comparison-page .comparison-picker-submit-row .button {
    width: 100%;
  }

  .perfume-comparison-page .comparison-result-header {
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 18px;
    padding: 26px 20px;
    border-radius: 20px;
  }

  .perfume-comparison-page .comparison-score {
    width: 92px;
    height: 92px;
  }

  .perfume-comparison-page .comparison-score strong {
    font-size: 34px;
  }

  .perfume-comparison-page .comparison-score > span {
    max-width: 72px;
    margin-top: 6px;
    font-size: 11px;
    line-height: 1.3;
  }

  .perfume-comparison-page .comparison-result-header h2 {
    font-size: clamp(26px, 7vw, 34px);
  }

  .perfume-comparison-page .comparison-share-control {
    grid-column: 1 / -1;
    justify-items: stretch;
  }

  .perfume-comparison-page .comparison-share-control .button {
    width: 100%;
    text-align: center;
  }

  .perfume-comparison-page .comparison-bottle-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 42px 0 62px;
  }

  .perfume-comparison-page .comparison-bottle-grid > article {
    padding: 18px 12px 24px;
  }

  .perfume-comparison-page .comparison-perfume-heading {
    grid-template-columns: 1fr;
    gap: 3px;
    min-height: 116px;
  }

  .perfume-comparison-page .comparison-perfume-heading > span {
    font-size: 13px;
  }

  .perfume-comparison-page .comparison-perfume-heading h3 {
    font-size: clamp(20px, 5.7vw, 25px);
    line-height: 1.12;
  }

  .perfume-comparison-page .comparison-perfume-heading small {
    font-size: 11px;
    line-height: 1.4;
  }

  .perfume-comparison-page .comparison-bottle > div {
    min-height: clamp(175px, 49vw, 250px);
  }

  .perfume-comparison-page .comparison-bottle img {
    max-height: 240px;
  }

  .perfume-comparison-page .comparison-bottle-grid > article > p {
    font-size: 10.5px;
    line-height: 1.6;
  }

  .perfume-comparison-page .comparison-perfume-actions .catalog-card-link {
    width: 100%;
    white-space: normal;
    text-align: left;
    line-height: 1.45;
  }

  .perfume-comparison-page :is(
    .comparison-common-section,
    .comparison-metrics-section,
    .comparison-context-section,
    .comparison-decision-section,
    .comparison-advantage-section,
    .comparison-pyramid-section,
    .comparison-facts-section,
    .comparison-related-section,
    .comparison-related
  ) {
    padding: 56px 0;
  }

  .perfume-comparison-page .comparison-unique-section {
    padding: 34px 22px;
  }

  .perfume-comparison-page .comparison-section-heading {
    margin-bottom: 28px;
  }

  .perfume-comparison-page .comparison-section-heading h2,
  .perfume-comparison-page :is(
    .comparison-decision-heading,
    .comparison-advantage-heading,
    .comparison-pyramid-heading,
    .comparison-facts-heading,
    .comparison-related-heading
  ) h2 {
    font-size: clamp(27px, 7.4vw, 34px);
  }

  .perfume-comparison-page .comparison-common-grid {
    grid-template-columns: 1fr;
  }

  .perfume-comparison-page .comparison-common-grid article {
    min-height: 0;
  }

  .perfume-comparison-page .comparison-common-grid h3 {
    margin-top: 26px;
  }

  .perfume-comparison-page .comparison-metric-head {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding-block: 8px;
  }

  .perfume-comparison-page .comparison-metric-head > span {
    display: none;
  }

  .perfume-comparison-page .comparison-metric-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 16px 8px;
  }

  .perfume-comparison-page .comparison-metric-row > strong {
    grid-column: 1 / -1;
  }

  .perfume-comparison-page .comparison-metric-row > div {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .perfume-comparison-page .comparison-key-differences {
    grid-template-columns: 1fr;
  }

  .perfume-comparison-page :is(
    .comparison-decision-grid,
    .comparison-advantage-grid,
    .comparison-choice-grid,
    .comparison-verdict__grid,
    .comparison-pyramid-grid,
    .comparison-note-pyramid-grid,
    .comparison-facts-grid,
    .comparison-related-grid
  ) {
    grid-template-columns: 1fr;
  }

  .perfume-comparison-page :is(
    .comparison-decision-panel,
    .comparison-verdict,
    .comparison-decision-card,
    .comparison-advantage-card,
    .comparison-choice-card,
    .comparison-verdict__item,
    .comparison-pyramid-card,
    .comparison-pyramid-column,
    .comparison-note-pyramid-column,
    .comparison-facts-card,
    .comparison-facts-column
  ) {
    border-radius: 17px;
  }

  .perfume-comparison-page :is(.comparison-difference-toolbar, .comparison-view-toolbar) {
    align-items: stretch;
  }

  .perfume-comparison-page :is(.comparison-difference-toggle, .comparison-view-toggle) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    border-radius: 17px;
  }

  .perfume-comparison-page :is(.comparison-difference-toggle, .comparison-view-toggle) :is(button, label) {
    width: 100%;
    padding-inline: 10px;
  }

  .perfume-comparison-page .comparison-method-note {
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 36px 24px;
    border-radius: 20px;
  }

  .perfume-comparison-page .comparison-preset-grid {
    grid-template-columns: 1fr;
  }

  .static-comparison-page .static-compare-hero,
  .static-comparison-page .static-compare-products,
  .static-comparison-page .static-compare-table,
  .static-comparison-page .static-compare-notes,
  .static-comparison-page .static-compare-action {
    width: calc(100% - 28px);
  }

  .static-comparison-page .table-scroll {
    max-width: 100%;
    overflow-x: clip;
  }

  .static-comparison-page .static-compare-table table {
    min-width: 0;
  }

  .static-comparison-page .static-compare-table :is(th, td) {
    padding: 10px 5px;
    font-size: 11px;
    line-height: 1.45;
  }
}

@media (width <= 520px) {
  .perfume-comparison-page .comparison-result-header {
    grid-template-columns: 1fr;
  }

  .perfume-comparison-page .comparison-score {
    width: 86px;
    height: 86px;
  }

  .perfume-comparison-page .comparison-bottle-grid > article {
    padding-inline: 9px;
  }

  .perfume-comparison-page .comparison-perfume-heading {
    min-height: 110px;
  }

  .perfume-comparison-page .comparison-perfume-heading h3 {
    font-size: clamp(18px, 5.3vw, 22px);
  }

  .perfume-comparison-page .comparison-bottle > div {
    min-height: clamp(150px, 47vw, 210px);
  }

  .perfume-comparison-page .comparison-bottle img {
    max-height: 200px;
  }

  .perfume-comparison-page .comparison-context-grid,
  .perfume-comparison-page .comparison-unique-grid {
    grid-template-columns: 1fr;
  }

  .perfume-comparison-page :is(
    .comparison-pyramid-row,
    .comparison-pyramid-layer,
    .comparison-note-pyramid-row,
    .comparison-facts-row,
    .comparison-facts-list > div
  ) {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .perfume-comparison-page :is(.comparison-sticky-context, .comparison-compact-context) > * {
    padding: 9px 10px;
  }

  .perfume-comparison-page :is(.comparison-sticky-context, .comparison-compact-context) :is(strong, b) {
    font-size: 12px;
  }

  .static-comparison-page .static-compare-products article {
    padding-inline: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .perfume-comparison-page :is(.comparison-preset-grid > a, .comparison-related-card) {
    transition: none;
  }
}

/* Exact v1.6.3 server-rendered comparison contract. */
.perfume-comparison-page :is(
  .comparison-choice-section,
  .comparison-advantages-section
) {
  width: min(1180px, calc(100% - 48px));
  max-width: 100%;
  margin-inline: auto;
  padding: clamp(64px, 7vw, 84px) 0;
  border-top: 1px solid var(--comparison-line);
}

.perfume-comparison-page .comparison-view-toolbar .comparison-view-toggle {
  display: inline-flex;
  width: auto;
  max-width: 100%;
  flex: none;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 3px;
  border: 1px solid var(--comparison-line);
  border-radius: 999px;
  background: rgb(255 253 251 / .76);
}

.perfume-comparison-page .comparison-difference-toggle[hidden] {
  display: none !important;
}

.perfume-comparison-page .comparison-view-toolbar .comparison-difference-toggle {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border: 0;
  border-radius: 999px;
  color: var(--comparison-muted);
  background: transparent;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

.perfume-comparison-page .comparison-view-toolbar .comparison-difference-toggle:is(
  [aria-pressed="true"],
  [data-active="true"]
) {
  color: var(--ink);
  background: linear-gradient(100deg, rgb(239 166 178 / .4), rgb(246 201 180 / .48));
}

.perfume-comparison-page .comparison-view-fallback {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  width: 100%;
}

.perfume-comparison-page .comparison-view-fallback a {
  color: var(--ink);
  text-decoration-color: rgb(123 63 75 / .42);
  text-underline-offset: 4px;
  font-size: 12px;
  line-height: 1.45;
}

.perfume-comparison-page .comparison-decision-section {
  display: grid;
  grid-template-columns: minmax(230px, .62fr) minmax(0, 1.38fr);
  align-items: end;
  gap: clamp(28px, 5vw, 64px);
  margin-top: 18px;
  padding: clamp(30px, 4.4vw, 48px);
  border: 1px solid var(--comparison-line);
  border-radius: 24px;
  background:
    radial-gradient(circle at 9% 92%, rgb(246 201 180 / .3), transparent 32%),
    linear-gradient(125deg, rgb(251 239 238 / .95), rgb(255 253 251 / .84));
}

.perfume-comparison-page .comparison-decision-section h2 {
  max-width: 16ch;
  margin: 7px 0 0;
  font-size: clamp(29px, 3vw, 40px);
  letter-spacing: -.025em;
  line-height: 1.12;
}

.perfume-comparison-page .comparison-decision-section > p {
  max-width: 66ch;
  margin: 0;
  color: var(--comparison-muted);
  font-size: 13px;
  line-height: 1.76;
}

.perfume-comparison-page .comparison-choice-grid {
  margin-top: 0;
}

.perfume-comparison-page .comparison-choice-card {
  position: relative;
  padding-top: clamp(28px, 3.5vw, 38px);
}

.perfume-comparison-page .comparison-choice-number {
  display: block;
  margin-bottom: 26px;
  color: var(--comparison-rose-ink);
  font-family: var(--serif);
  font-size: 16px;
}

.perfume-comparison-page .comparison-choice-card h3 {
  max-width: 20ch;
  margin: 7px 0 16px;
  font-size: clamp(23px, 2.5vw, 31px);
  line-height: 1.12;
}

.perfume-comparison-page .comparison-choice-card ul {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.perfume-comparison-page .comparison-choice-card li {
  position: relative;
  padding: 10px 0 10px 18px;
  border-top: 1px solid var(--comparison-line-soft);
  color: var(--comparison-muted);
  font-size: 11px;
  line-height: 1.6;
}

.perfume-comparison-page .comparison-choice-card li::before {
  position: absolute;
  top: 15px;
  left: 2px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--comparison-rose);
  content: "";
}

.perfume-comparison-page .comparison-fact-table {
  border-top: 1px solid var(--comparison-line);
}

.perfume-comparison-page :is(.comparison-fact-head, .comparison-fact-row) {
  display: grid;
  grid-template-columns: minmax(112px, .52fr) repeat(2, minmax(0, 1fr));
  gap: clamp(14px, 3vw, 38px);
  align-items: center;
  min-width: 0;
  min-height: 68px;
  padding-inline: 8px;
  border-bottom: 1px solid var(--comparison-line-soft);
}

.perfume-comparison-page .comparison-fact-head {
  position: sticky;
  z-index: 12;
  top: var(--dg-sticky-offset, 0);
  min-height: 54px;
  color: var(--comparison-muted);
  background: rgb(255 250 247 / .92);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 11px;
  line-height: 1.45;
  backdrop-filter: blur(12px);
}

.perfume-comparison-page .comparison-fact-head strong {
  color: var(--ink);
  font-size: 11px;
  line-height: 1.45;
}

.perfume-comparison-page .comparison-fact-row > strong {
  font-family: var(--serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
}

.perfume-comparison-page .comparison-fact-row > span {
  color: var(--comparison-muted);
  font-size: 11px;
  line-height: 1.5;
}

.perfume-comparison-page .comparison-traits-heading {
  margin-top: clamp(48px, 6vw, 70px);
}

.perfume-comparison-page .comparison-traits-heading h3 {
  max-width: 20ch;
  margin: 7px 0 0;
  font-size: clamp(25px, 2.7vw, 34px);
  line-height: 1.13;
}

.perfume-comparison-page .comparison-traits-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.perfume-comparison-page .comparison-traits-grid article {
  min-width: 0;
  padding: clamp(22px, 3vw, 32px);
  border: 1px solid var(--comparison-line);
  border-radius: 18px;
  background: rgb(255 253 251 / .62);
}

.perfume-comparison-page .comparison-traits-grid h3 {
  margin: 0 0 18px;
  font-size: clamp(21px, 2.2vw, 28px);
  line-height: 1.14;
}

.perfume-comparison-page .comparison-context-tags span.is-unique {
  border-color: rgb(185 120 81 / .4);
  background: rgb(246 201 180 / .18);
}

.perfume-comparison-page .comparison-advantage-row {
  grid-template-rows: auto auto;
  padding-block: 13px;
}

.perfume-comparison-page .comparison-advantage-row > strong {
  grid-row: 1 / 3;
}

.perfume-comparison-page .comparison-metric-verdict {
  grid-column: 2 / -1;
  margin: 0;
  color: var(--comparison-muted);
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 11px;
  font-style: normal;
  line-height: 1.5;
}

.perfume-comparison-page .comparison-advantage-row[data-comparison-leading="first"] > div:first-of-type > span,
.perfume-comparison-page .comparison-advantage-row[data-comparison-leading="second"] > div:nth-of-type(2) > span {
  color: var(--comparison-rose-ink);
}

.perfume-comparison-page .comparison-pyramid-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.perfume-comparison-page .comparison-pyramid-stage {
  min-width: 0;
  padding: clamp(22px, 3vw, 30px);
  border: 1px solid var(--comparison-line);
  border-radius: 18px;
  background: rgb(255 253 251 / .64);
}

.perfume-comparison-page .comparison-pyramid-stage > header {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px;
  align-items: baseline;
  min-height: 58px;
  padding-bottom: 17px;
  border-bottom: 1px solid var(--comparison-line-soft);
}

.perfume-comparison-page .comparison-pyramid-stage > header > span {
  color: var(--comparison-rose-ink);
  font-family: var(--serif);
  font-size: 14px;
}

.perfume-comparison-page .comparison-pyramid-stage > header h3 {
  margin: 0;
  font-size: clamp(21px, 2.2vw, 27px);
  line-height: 1.15;
}

.perfume-comparison-page :is(.comparison-pyramid-shared, .comparison-pyramid-pair > section) {
  padding-top: 17px;
}

.perfume-comparison-page :is(.comparison-pyramid-shared, .comparison-pyramid-pair > section) > strong {
  display: block;
  margin-bottom: 9px;
  color: var(--comparison-rose-ink);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 11px;
  line-height: 1.5;
}

.perfume-comparison-page .comparison-pyramid-pair > section + section {
  margin-top: 14px;
  border-top: 1px solid var(--comparison-line-soft);
}

.perfume-comparison-page :is(.comparison-pyramid-shared, .comparison-pyramid-pair) ul {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.perfume-comparison-page :is(.comparison-pyramid-shared, .comparison-pyramid-pair) li {
  padding: 6px 8px;
  border: 1px solid var(--comparison-line);
  border-radius: 999px;
  color: #684a42;
  background: rgb(255 255 255 / .5);
  font-size: 11px;
  line-height: 1.4;
}

.perfume-comparison-page :is(.comparison-pyramid-shared, .comparison-pyramid-pair) p {
  margin: 0;
  color: var(--comparison-muted);
  font-size: 11px;
  line-height: 1.65;
}

.perfume-comparison-page .comparison-pyramid-basis {
  max-width: 94ch;
  margin: 22px 0 0;
  color: var(--comparison-muted);
  font-size: 11px;
  line-height: 1.65;
}

.perfume-comparison-page .comparison-pyramid-basis strong {
  color: var(--ink);
}

.perfume-comparison-page .comparison-related-card > span {
  margin: 0 0 16px;
  color: var(--comparison-rose-ink);
  text-transform: uppercase;
  letter-spacing: .09em;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.45;
}

.perfume-comparison-page .comparison-related-card > h3 {
  margin: 0 0 14px;
  font-size: 19px;
}

.perfume-comparison-page .comparison-related-card > h3 small {
  display: block;
  margin: 5px 0;
  color: var(--comparison-rose-ink);
  font-size: 12px;
  font-style: italic;
}

.perfume-comparison-page .comparison-related-card > p {
  margin: 0 0 22px;
  color: var(--comparison-muted);
  font-size: 11px;
  line-height: 1.6;
}

.perfume-comparison-page .comparison-related-card > strong {
  margin: auto 0 0;
  color: var(--ink);
  font-family: var(--sans);
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}

.perfume-comparison-page .comparison-share-status,
.perfume-comparison-page .comparison-view-status {
  min-height: 14px;
  color: var(--comparison-muted);
  font-size: 11px;
  line-height: 1.45;
}

.perfume-comparison-page .comparison-mobile-sticky {
  display: none;
}

.static-comparison-page {
  --comparison-ivory: #fffaf7;
  --comparison-paper: #fffdfb;
  --comparison-blush: #fbefee;
  --comparison-rose: #efa6b2;
  --comparison-peach: #f6c9b4;
  --comparison-rose-ink: #7b3f4b;
  --comparison-bronze: #b97851;
  --comparison-line: rgb(158 93 60 / .3);
  --comparison-line-soft: rgb(73 43 33 / .14);
  --comparison-muted: #665852;
}

.static-comparison-page :is(
  .static-compare-verdict,
  .static-compare-note-pyramid,
  .static-compare-differences,
  .static-compare-related,
  .static-compare-method
) {
  width: min(1180px, calc(100% - 48px));
  max-width: 100%;
  margin-inline: auto;
  padding: clamp(62px, 7vw, 84px) 0;
  border-top: 1px solid var(--comparison-line);
}

.static-comparison-page :is(
  .static-compare-verdict,
  .static-compare-note-pyramid,
  .static-compare-differences,
  .static-compare-related,
  .static-compare-method
) :is(h2, h3) {
  max-width: 20ch;
  font-family: var(--serif);
  font-weight: 400;
  letter-spacing: -.025em;
  line-height: 1.12;
}

.static-comparison-page .static-compare-verdict {
  display: grid;
  grid-template-columns: minmax(220px, .6fr) minmax(0, 1.4fr);
  gap: clamp(28px, 5vw, 62px);
  margin-top: 18px;
  padding: clamp(30px, 4.5vw, 48px);
  border: 1px solid var(--comparison-line);
  border-radius: 24px;
  background: linear-gradient(125deg, var(--comparison-blush), var(--comparison-paper));
}

.static-comparison-page .static-compare-note-pyramid :is(.grid, ul),
.static-comparison-page .static-compare-differences :is(.grid, ul),
.static-comparison-page .static-compare-related :is(.grid, ul) {
  min-width: 0;
}

.static-comparison-page .static-compare-related a {
  color: var(--ink);
  text-decoration-color: rgb(123 63 75 / .42);
  text-underline-offset: 4px;
}

@media (width <= 760px) {
  .perfume-comparison-page :is(
    .comparison-choice-section,
    .comparison-advantages-section
  ) {
    width: calc(100% - 28px);
  }

  .perfume-comparison-page :is(.comparison-choice-section, .comparison-advantages-section) {
    padding: 56px 0;
  }

  .perfume-comparison-page .comparison-view-toolbar {
    align-items: stretch;
  }

  .perfume-comparison-page .comparison-view-toolbar .comparison-view-toggle {
    display: inline-flex;
    grid-template-columns: none;
    width: 100%;
    border-radius: 17px;
  }

  .perfume-comparison-page .comparison-view-toolbar .comparison-difference-toggle {
    display: inline-flex;
    grid-template-columns: none;
    width: 100%;
    padding-inline: 8px;
  }

  .perfume-comparison-page .comparison-decision-section {
    grid-template-columns: 1fr;
    gap: 17px;
    padding: 30px 22px;
  }

  .perfume-comparison-page .comparison-decision-section h2 {
    font-size: clamp(27px, 7.4vw, 34px);
  }

  .perfume-comparison-page :is(.comparison-fact-head, .comparison-fact-row) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 14px 8px;
  }

  .perfume-comparison-page .comparison-fact-head > span,
  .perfume-comparison-page .comparison-fact-row > strong {
    grid-column: 1 / -1;
  }

  .perfume-comparison-page .comparison-fact-head > span {
    display: none;
  }

  .perfume-comparison-page .comparison-traits-grid {
    grid-template-columns: 1fr;
  }

  .perfume-comparison-page .comparison-advantage-row > strong {
    grid-row: auto;
  }

  .perfume-comparison-page .comparison-metric-verdict {
    grid-column: 1 / -1;
  }

  .perfume-comparison-page .comparison-pyramid-grid {
    grid-template-columns: 1fr;
  }

  .perfume-comparison-page .comparison-mobile-sticky:not([hidden]) {
    position: fixed;
    inset-inline: 14px;
    z-index: 42;
    top: var(--dg-sticky-offset, 0);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: calc(100% - 28px);
    max-width: 100%;
    margin: 0 auto;
    border: 1px solid var(--comparison-line);
    border-radius: 14px;
    background: rgb(255 250 247 / .95);
    box-shadow: 0 10px 28px rgb(81 42 31 / .1);
    backdrop-filter: blur(14px);
  }

  .perfume-comparison-page .comparison-mobile-sticky > span {
    display: grid;
    min-width: 0;
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 7px;
    align-items: center;
    padding: 9px 10px;
  }

  .perfume-comparison-page .comparison-mobile-sticky > span + span {
    border-left: 1px solid var(--comparison-line);
  }

  .perfume-comparison-page .comparison-mobile-sticky small {
    color: var(--comparison-rose-ink);
    font-family: var(--serif);
    font-size: 11px;
    line-height: 1.35;
  }

  .perfume-comparison-page .comparison-mobile-sticky strong {
    min-width: 0;
    font-family: var(--serif);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.3;
    overflow: hidden;
  }

  .static-comparison-page :is(
    .static-compare-verdict,
    .static-compare-note-pyramid,
    .static-compare-differences,
    .static-compare-related,
    .static-compare-method
  ) {
    width: calc(100% - 28px);
    padding: 54px 0;
  }

  .static-comparison-page .static-compare-verdict {
    grid-template-columns: 1fr;
    padding: 30px 22px;
  }
}

/* Accessible microcopy floor for every comparison-only interface element. */
.perfume-comparison-page .eyebrow,
.perfume-comparison-page .comparison-picker-status,
.perfume-comparison-page .comparison-picker-results strong,
.perfume-comparison-page .comparison-picker-results small,
.perfume-comparison-page .comparison-preset-grid i,
.perfume-comparison-page .comparison-share-control small,
.perfume-comparison-page .comparison-bottle > div > em,
.perfume-comparison-page .comparison-bottle figcaption,
.perfume-comparison-page .comparison-bottle-pending small,
.perfume-comparison-page .comparison-metric-head,
.perfume-comparison-page .comparison-context-grid article > strong,
.perfume-comparison-page .comparison-unique-grid article > strong,
.static-comparison-page .eyebrow {
  font-size: 11px;
  line-height: 1.45;
}

.perfume-comparison-page .comparison-picker-submit-row p,
.perfume-comparison-page .comparison-state-message p,
.perfume-comparison-page .comparison-metric-row > div > span {
  font-size: 12px;
  line-height: 1.55;
}

.perfume-comparison-page .comparison-preset-grid strong,
.perfume-comparison-page .comparison-share-control .catalog-card-link,
.static-comparison-page .static-compare-action .button {
  font-size: 12px;
  line-height: 1.45;
}

/* Native product pages can be published before a licensed product photo is supplied. */
.perfume-hero.is-without-product-image {
  grid-template-columns: minmax(0, 1fr);
  gap: 1.15rem;
}
.perfume-hero.is-without-product-image .perfume-hero-copy { max-width: 54rem; }
.perfume-image-status { margin: 0; font-size: .75rem; color: var(--text-muted, #73645f); }

.dg-brand-page .dg-perfume-card.is-without-product-image {
  grid-template-columns: minmax(0, 1fr);
}

/* v1.6.7: generated product illustrations retain a visible source label. */
.perfume-comparison-page .comparison-bottle[data-bottle-basis="generalt-illusztracio"] figcaption,
.static-comparison-page .static-compare-image-caption {
  display: block;
  margin: 10px auto 0;
  font-family: var(--font-manrope, Manrope, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  color: #756761;
  text-align: center;
}

.dg-brand-page .dg-perfume-image:has(> .dg-generated-image-label) {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-content: center;
  row-gap: 8px;
  overflow: visible;
}
.dg-brand-page .dg-perfume-image > .dg-generated-image-label {
  display: block;
  position: static;
  max-width: 100%;
  padding: 0;
  font-family: Manrope, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  color: #756761;
  text-align: center;
  overflow-wrap: anywhere;
}