.z-home-value { padding: 72px 0 80px; direction: rtl; background: #fff; }
.z-home-value__inner.container { max-width: 1140px; padding-inline: 15px; }
.z-home-value__heading { max-width: 660px; margin: 0 0 38px auto; align-items: flex-start; text-align: right; }
.z-home-value__heading h2 { font-size: clamp(25px, 2.7vw, 40px); line-height: 1.45; }
.z-home-value__heading > p { margin: 12px 0 0; font-size: 13px; line-height: 2; }
.z-fragrance-guide > .z-guide-topic > summary { grid-template-columns: 48px minmax(0, 1fr) 30px; gap: 22px; min-height: 96px; padding: 12px 10px; }
.z-guide-topic > summary .z-home-value__title { font-size: 17px; line-height: 1.8; font-weight: 400; }
.z-guide-topic > summary .z-home-value__toggle { width: 30px; height: 30px; }
.z-guide-symbol { width: 48px; height: 40px; display: grid; place-items: center; }
.z-guide-symbol svg { width: 24px; height: 24px; fill: none; stroke: #282723; stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round; }
.z-guide-copy { padding: 0 36px 32px 10px; }
.z-guide-copy p { max-width: none; line-height: 2.15; font-size: 14px; color: #514e48; }
.z-guide-copy p + p { margin-top: 14px; }
.z-guide-criteria { margin: 0 36px 32px 10px; max-width: none; }
.z-guide-criterion { padding: 12px 0; border: 0; }
.z-guide-criterion:first-child { padding-top: 0; }
.z-guide-criterion:last-child { border-bottom: 0; padding-bottom: 0; }
.z-guide-criterion__heading { display: flex; align-items: center; gap: 14px; margin-bottom: 2px; }
.z-guide-criterion__heading .z-home-value__title { font-size: 14px; font-weight: 300; color: #514e48; line-height: 2.15; }
.z-guide-criterion__heading .z-home-value__icon { width: 30px; height: 30px; flex: 0 0 30px; }
.z-guide-criterion__heading .z-home-value__icon svg { width: 24px; height: 24px; stroke: #282723; stroke-width: 1.2; }
.z-guide-criterion .z-home-value__answer { padding: 0 44px 0 0; }
.z-guide-criterion .z-home-value__answer p { max-width: none; font-size: 14px; line-height: 2.15; font-weight: 300; color: #514e48; }
.z-guide-topic > summary:focus-visible { outline: 1px solid #777; outline-offset: 2px; }
@media (max-width: 991.98px) {
    .z-home-value__inner.container { padding-inline: 22px; max-width: none; }
}
@media (max-width: 767.98px) {
    .z-home-value__inner.container { padding-inline: 14px; }
}
@media (max-width: 600px) {
    .z-home-value { padding: 48px 0 54px; }
    .z-home-value__heading { margin-bottom: 32px; }
    .z-fragrance-guide > .z-guide-topic > summary { gap: 12px; grid-template-columns: 28px minmax(0, 1fr) 22px; min-height: 82px; padding: 9px 2px; }
    .z-guide-topic > summary .z-home-value__title { font-size: 15px; }
    .z-guide-symbol { width: 28px; height: 32px; }
    .z-guide-symbol svg { width: 24px; height: 24px; }
    .z-fragrance-guide > .z-guide-topic > .z-guide-copy {
        margin-inline: 2px;
        padding: 0 0 25px;
        width: auto;
        text-align: right;
    }
    .z-fragrance-guide > .z-guide-topic > .z-guide-copy p {
        margin-inline: 0;
        padding-inline: 0;
        text-indent: 0;
        text-align: right;
    }
    .z-guide-criteria { margin: 0 2px 25px; }
    .z-guide-criterion { padding: 10px 0; }
    .z-guide-criterion__heading { gap: 10px; }
    .z-guide-criterion .z-home-value__answer { padding-right: 40px; }
    .z-guide-criterion__heading .z-home-value__title { font-size: 13px; }
    .z-guide-criterion .z-home-value__answer p { font-size: 13px; }
    .z-guide-copy p { font-size: 13px; }
}
@media (max-width: 479.98px) {
    .z-home-value__inner.container { padding-inline: 10px; }
}
