/* Hayat Secret redesign tokens and initial component styling from Page 164. */
:root {
    --hs-color-charcoal: #555555;
    --hs-color-grey: #737373;
    --hs-color-ivory: #fff8eb;
    --hs-color-gold: #ddb857;
    --hs-color-white: #ffffff;
    --hs-color-charcoal-soft: #6f6b65;
    --hs-color-night: #191815;
    --hs-color-ivory-soft: #f8f1e4;
    --hs-color-ivory-muted: #eee4d4;
    --hs-color-beige-bright: #f3dfbd;
    --hs-color-beige: #b8b3aa;
    --hs-color-beige-muted: #aaa69e;
    --hs-color-sand: #d8c6ad;
    --hs-color-gold-muted: #c9a857;
    --hs-color-ivory-overlay: rgb(255 248 235 / 94%);
    --hs-color-charcoal-overlay: rgb(85 85 85 / 94%);
    --hs-color-gold-strong-border: rgb(221 184 87 / 55%);
    --hs-color-gold-header-border: rgb(221 184 87 / 38%);
    --hs-color-ivory-divider: rgb(255 248 235 / 22%);
    --hs-color-ivory-soft-muted: rgb(248 241 228 / 72%);
    --hs-color-white-highlight: rgb(255 255 255 / 65%);
    --hs-color-card-border: rgb(216 185 105 / 28%);
    --hs-color-card-border-hover: rgb(216 185 105 / 52%);
    --hs-color-card-border-on-light: rgb(201 168 87 / 56%);
    --hs-color-card-border-on-light-hover: rgb(201 168 87 / 82%);
    --hs-color-category-texture-veil: rgb(255 248 235 / 42%);
    --hs-color-card-surface: rgb(248 241 228 / 2.5%);
    --hs-shadow-card-hover: 0 14px 30px rgb(0 0 0 / 22%);
    --hs-gradient-category-label: linear-gradient(
        90deg,
        rgb(255 248 235 / 84%) 0%,
        rgb(255 248 235 / 52%) 68%,
        rgb(255 248 235 / 0%) 100%
    );
    --hs-gradient-header-overlay: linear-gradient(
        to bottom,
        rgb(85 85 85 / 82%) 0%,
        rgb(85 85 85 / 50%) 58%,
        rgb(85 85 85 / 0%) 100%
    );
}


/* Reference: 1e3d11addc-hs-scroll-preview-homepage-hero-v26.css */
/* Homepage hero using the shared Hayat Secret theme tokens. */
.cms-index-index .page-header {
    position: absolute !important;
    z-index: 20 !important;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    border: 0 !important;
    background: transparent !important;
    isolation: isolate;
}

.cms-index-index .page-header::before {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    left: 0;
    height: 124px;
    background: var(--hs-gradient-header-overlay);
    content: "";
    pointer-events: none;
}

.cms-index-index .page-header .sticky-wrapper,
.cms-index-index .page-header .sticky-wrapper > .container,
.cms-index-index .page-header .header__content-wrapper,
.cms-index-index .page-header.header--layout-6 .header__content,
.cms-index-index .page-header .logo__container {
    border: 0 !important;
    background: transparent !important;
}

.cms-index-index .page-header .sticky-wrapper > .container,
.cms-index-index .page-header .header__content-wrapper {
    width: 100% !important;
    max-width: none !important;
    padding-right: 28px !important;
    padding-left: 28px !important;
}

.cms-index-index .page-header.header--layout-6 .header__content {
    position: relative;
    z-index: 2;
    width: 100% !important;
    min-height: 88px !important;
    height: 88px !important;
}

.cms-index-index .page-header .logo__container,
.cms-index-index .page-header .logo {
    width: 190px !important;
    max-width: 190px !important;
}

.cms-index-index .page-header .logo {
    position: static !important;
    margin: 0 !important;
    transform: none !important;
}

.cms-index-index .page-header .logo img {
    width: 190px !important;
    height: 70px !important;
    max-width: 190px !important;
    max-height: 70px !important;
    object-fit: contain;
}

.cms-index-index .page-header .header__center,
.cms-index-index .page-header .header__right {
    display: none !important;
}

.cms-index-index .page-header .header-nav-wide {
    position: absolute !important;
    z-index: 3;
    top: 0;
    right: 28px;
    left: 238px;
    display: flex !important;
    min-height: 88px !important;
    height: 88px !important;
    align-items: center;
    border: 0 !important;
    background: transparent !important;
}

.cms-index-index .page-header .header-nav-wide .ox-megamenu,
.cms-index-index .page-header .header-nav-wide .navigation {
    width: 100%;
    background: transparent !important;
}

.cms-index-index .page-header .header-nav-wide .ox-megamenu > ul {
    justify-content: flex-end !important;
}

.cms-index-index .page-header .header-nav-wide .ox-megamenu > ul > li > .ox-mm-a-wrap > a,
.cms-index-index .page-header .header-nav-wide .navigation > ul > li > a {
    margin: 0 !important;
    padding-right: 12px !important;
    padding-left: 12px !important;
    color: var(--hs-color-white) !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    letter-spacing: .035em;
    line-height: 1.25;
    text-transform: none !important;
    white-space: nowrap;
    background: transparent !important;
}

.cms-index-index .page-header .header-nav-wide .ox-megamenu > ul > li > .ox-mm-a-wrap > a *,
.cms-index-index .page-header .header-nav-wide .navigation > ul > li > a * {
    font-weight: 400 !important;
}

.cms-index-index .page-header .header-nav-wide .ox-megamenu > ul > li {
    margin-right: 2px !important;
    margin-left: 2px !important;
}

.cms-index-index .page-header .header-nav-wide .ox-megamenu-list,
.cms-index-index .page-header .header-nav-wide .ox-dd-inner {
    background: var(--hs-color-ivory-overlay) !important;
    backdrop-filter: blur(10px);
}

.cms-index-index .page-header .header-nav-wide .ox-megamenu-list .ox-mm-a-wrap > a {
    color: var(--hs-color-charcoal) !important;
    background: transparent !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: .01em;
    text-transform: none !important;
}

.cms-index-index .page-header .header-nav-wide .ox-megamenu-list .ox-mm-a-wrap > a:hover,
.cms-index-index .page-header .header-nav-wide .ox-megamenu-list .ox-mm-a-wrap > a:focus-visible {
    color: var(--hs-color-charcoal) !important;
    background: transparent !important;
}

.cms-index-index .page-header .header-nav-wide .ox-megamenu-list li:hover > .ox-mm-a-wrap,
.cms-index-index .page-header .header-nav-wide .ox-megamenu-list li:focus-within > .ox-mm-a-wrap {
    background: transparent !important;
    box-shadow: inset 2px 0 0 var(--hs-color-gold);
}

.cms-index-index .page-header .header-nav-wide .ox-megamenu-list li:hover > .ox-mm-a-wrap > a,
.cms-index-index .page-header .header-nav-wide .ox-megamenu-list li:focus-within > .ox-mm-a-wrap > a {
    color: var(--hs-color-charcoal) !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.cms-index-index .page-header .header-nav-wide .ox-megamenu > ul > li > .ox-mm-a-wrap > a::before {
    background: var(--hs-color-gold) !important;
}

.cms-index-index .page-header .header-nav-wide .ox-megamenu > ul > li > .ox-mm-a-wrap > a:hover,
.cms-index-index .page-header .header-nav-wide .ox-megamenu > ul > li > .ox-mm-a-wrap > a:focus-visible,
.cms-index-index .page-header .header-nav-wide .navigation > ul > li > a:hover,
.cms-index-index .page-header .header-nav-wide .navigation > ul > li > a:focus-visible {
    color: var(--hs-color-gold) !important;
}

.cms-index-index .page-main {
    max-width: none !important;
    padding: 0 !important;
}

.cms-index-index .columns,
.cms-index-index .column.main {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
}

.hs-home-hero {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: var(--hs-color-ivory);
}

.hs-home-hero__image {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
}

.hs-home-hero__content {
    position: absolute;
    z-index: 2;
    top: 27%;
    left: clamp(32px, 5.5vw, 100px);
    width: min(31vw, 390px);
    color: var(--hs-color-charcoal);
}

.hs-home-hero__eyebrow {
    margin: 0 0 12px;
    color: var(--hs-color-white);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .18em;
    line-height: 1.3;
    text-transform: uppercase;
}

.hs-home-hero__title {
    max-width: 390px;
    margin: 0 0 16px;
    color: var(--hs-color-charcoal);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(36px, 4vw, 68px);
    font-weight: 400;
    letter-spacing: -.025em;
    line-height: .98;
    text-transform: none !important;
}

.hs-home-hero__description {
    max-width: 300px;
    margin: 0 0 24px;
    color: var(--hs-color-charcoal);
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(15px, 1.05vw, 16px);
    font-weight: 500;
    line-height: 1.5;
}

.hs-home-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.hs-home-hero__cta {
    display: inline-flex;
    min-height: 44px;
    padding: 0 14px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--hs-color-gold);
    color: var(--hs-color-white) !important;
    background: var(--hs-color-charcoal);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .08em;
    line-height: 1;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}

.hs-home-hero__cta--secondary {
    color: var(--hs-color-charcoal) !important;
    background: var(--hs-color-ivory-overlay);
    backdrop-filter: blur(5px);
}

.hs-home-hero__cta:hover,
.hs-home-hero__cta:focus-visible,
.hs-home-hero__cta--secondary:hover,
.hs-home-hero__cta--secondary:focus-visible {
    border-color: var(--hs-color-gold);
    color: var(--hs-color-charcoal) !important;
    background: var(--hs-color-gold);
}

#professional-scenting {
    scroll-margin-top: 88px;
}

@media (min-width: 769px) and (max-width: 1100px) {
    .cms-index-index .page-header .sticky-wrapper > .container,
    .cms-index-index .page-header .header__content-wrapper {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    .cms-index-index .page-header .logo__container,
    .cms-index-index .page-header .logo,
    .cms-index-index .page-header .logo img {
        width: 160px !important;
        max-width: 160px !important;
        height: 58px !important;
        max-height: 58px !important;
    }

    .cms-index-index .page-header .header-nav-wide {
        right: 20px;
        left: 205px;
    }

    .cms-index-index .page-header .header-nav-wide .ox-megamenu > ul > li > .ox-mm-a-wrap > a,
    .cms-index-index .page-header .header-nav-wide .navigation > ul > li > a {
        padding-right: 5px !important;
        padding-left: 5px !important;
        font-size: 13px !important;
        font-weight: 500 !important;
    }

    .hs-home-hero__content {
        top: 25%;
        left: 32px;
        width: 29vw;
    }

    .hs-home-hero__title {
        margin-bottom: 12px;
        font-size: clamp(31px, 4.1vw, 44px);
    }

    .hs-home-hero__description {
        margin-bottom: 18px;
        font-size: 14.5px;
        font-weight: 500;
        line-height: 1.45;
    }
}

@media (max-width: 768px) {
    .cms-index-index .page-header::before {
        height: 110px;
    }

    .cms-index-index .page-header .sticky-wrapper > .container,
    .cms-index-index .page-header .header__content-wrapper {
        padding: 0 !important;
    }

    .cms-index-index .page-header.header--layout-6 .header__content {
        min-height: 82px !important;
        height: 82px !important;
    }

    .cms-index-index .page-header .logo__container {
        position: absolute !important;
        top: 10px;
        left: 16px !important;
        width: 156px !important;
        height: 58px !important;
        max-width: 156px !important;
        max-height: 58px !important;
        transform: none !important;
    }

    .cms-index-index .page-header .logo,
    .cms-index-index .page-header .logo img {
        width: 156px !important;
        height: 58px !important;
        max-width: 156px !important;
        max-height: 58px !important;
    }

    .cms-index-index .page-header .action.slide-out-menu--mobile {
        position: absolute !important;
        top: 22px;
        right: 16px;
        left: auto !important;
        color: var(--hs-color-white) !important;
    }

    .cms-index-index .page-header .hamburger-menu-icon-small span {
        background: var(--hs-color-white) !important;
    }

    .cms-index-index .page-header .header-nav-wide {
        display: none !important;
    }

    .hs-home-hero {
        height: 68svh;
        min-height: 480px;
        max-height: 680px;
    }

    .hs-home-hero__image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 68% center;
    }

    .hs-home-hero__content {
        top: 98px;
        left: 20px;
        width: 230px;
    }

    .hs-home-hero__eyebrow {
        margin-bottom: 7px;
        font-size: 9px;
    }

    .hs-home-hero__title {
        max-width: 230px;
        margin-bottom: 0;
        font-size: 28px;
        line-height: 1.02;
    }

    .hs-home-hero__description {
        display: none;
    }

    .hs-home-hero__actions {
        width: 205px;
        margin-top: 16px;
        gap: 7px;
        align-items: stretch;
        flex-direction: column;
    }

    .hs-home-hero__cta {
        min-height: 38px;
        padding: 0 12px;
        font-size: 9px;
    }

    #professional-scenting {
        scroll-margin-top: 82px;
    }
}

/* Reference: 18f6bbd15f-hs-scroll-preview-homepage-categories-v16.css */
.hs-category-section {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    scroll-margin-top: 0;
    width: 100%;
    color: var(--hs-color-charcoal);
    background-color: var(--hs-color-ivory);
    background-image:
        linear-gradient(
            var(--hs-color-category-texture-veil),
            var(--hs-color-category-texture-veil)
        ),
        url("../images/scrolling/b1120de398-category-background-ivory-texture-v1.jpg");
    background-position: center top;
    background-repeat: repeat;
    background-size: 1280px auto;
}

.hs-category-section::before,
.hs-category-section::after {
    display: none;
}

.hs-category-section,
.hs-category-section * {
    box-sizing: border-box;
}

.hs-category-section__inner {
    position: relative;
    z-index: 1;
    width: min(100% - 64px, 1440px);
    margin: 0 auto;
    padding: clamp(30px, 3.2vw, 48px) 0 clamp(64px, 7vw, 100px);
}

.hs-category-section__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 430px);
    column-gap: 48px;
    align-items: end;
    margin-bottom: 42px;
}

.hs-category-section__eyebrow {
    grid-column: 1;
    margin: 0 0 10px;
    color: var(--hs-color-gold);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .18em;
    line-height: 1.3;
    text-transform: uppercase;
}

.hs-category-section h2 {
    grid-column: 1;
    margin: 0;
    color: var(--hs-color-charcoal);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(34px, 3.6vw, 50px);
    font-weight: 400;
    letter-spacing: -.035em;
    line-height: 1;
    text-transform: none;
}

.hs-category-section__introduction {
    grid-column: 2;
    grid-row: 1 / span 2;
    max-width: 410px;
    margin: 0 0 3px;
    color: var(--hs-color-grey);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
}

.hs-category-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 18px;
    row-gap: clamp(34px, 4vw, 54px);
}

.hs-category-card,
.page-main .hs-category-card {
    display: flex;
    flex-direction: column;
    grid-column: span 4;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--hs-color-card-border-on-light);
    border-radius: 8px;
    color: var(--hs-color-charcoal) !important;
    background: var(--hs-color-card-surface) !important;
    box-shadow: none;
    text-decoration: none !important;
    transition: border-color 180ms ease, box-shadow 180ms ease;
}

.hs-category-card:nth-child(5) {
    grid-column: span 4;
}

.hs-category-card:nth-child(6) {
    grid-column: span 4;
}

.hs-category-card__media {
    position: relative;
    display: block;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    color: var(--hs-color-charcoal) !important;
    text-decoration: none !important;
}

.hs-category-card__image {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hs-category-card__heading {
    position: absolute;
    z-index: 1;
    top: clamp(20px, 2vw, 30px);
    left: clamp(12px, 1.5vw, 24px);
    display: block;
    width: auto;
    max-width: 44%;
    padding: 8px 24px 9px 10px;
    background: var(--hs-gradient-category-label);
}

.hs-category-card__title {
    margin: 0;
    color: var(--hs-color-charcoal);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(16px, 1.35vw, 21px);
    font-weight: 500;
    letter-spacing: -.025em;
    line-height: 1.02;
    text-shadow: 0 1px 0 var(--hs-color-white-highlight);
}

.hs-category-card__details {
    display: block;
    flex: 1 1 auto;
    padding: 13px 14px 16px;
    background: var(--hs-color-ivory);
}

.hs-category-card__description {
    display: block;
    max-width: none;
    color: var(--hs-color-grey);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
}

.hs-category-card__media:focus-visible {
    z-index: 1;
    outline: 3px solid var(--hs-color-charcoal);
    outline-offset: 5px;
}

@media (hover: hover) and (pointer: fine) {
    .hs-category-card:hover,
    .page-main .hs-category-card:hover {
        border-color: var(--hs-color-card-border-on-light-hover);
        box-shadow: var(--hs-shadow-card-hover);
    }
}

@media (max-width: 1024px) {
    .hs-category-section__header {
        grid-template-columns: minmax(0, 1fr) minmax(240px, 340px);
        column-gap: 32px;
    }

    .hs-category-grid {
        column-gap: 16px;
        row-gap: 36px;
    }

    .hs-category-card,
    .page-main .hs-category-card,
    .page-main .hs-category-card:nth-child(5),
    .page-main .hs-category-card:nth-child(6) {
        grid-column: span 6;
    }

    .hs-category-card__heading,
    .hs-category-card:nth-child(5) .hs-category-card__heading,
    .hs-category-card:nth-child(6) .hs-category-card__heading {
        top: clamp(18px, 3vw, 26px);
        left: clamp(16px, 2.5vw, 24px);
        width: auto;
        max-width: 42%;
    }

    .hs-category-card__title,
    .hs-category-card:nth-child(5) .hs-category-card__title,
    .hs-category-card:nth-child(6) .hs-category-card__title {
        font-size: clamp(18px, 2.8vw, 25px);
    }
}

@media (max-width: 768px) {
    .hs-category-section__inner {
        width: min(100% - 40px, 640px);
        padding: 30px 0 64px;
    }

    .hs-category-section__header {
        display: block;
        margin-bottom: 30px;
    }

    .hs-category-section__eyebrow {
        margin-bottom: 8px;
    }

    .hs-category-section h2 {
        font-size: 36px;
    }

    .hs-category-section__introduction {
        max-width: 520px;
        margin-top: 16px;
        font-size: 14px;
        line-height: 1.5;
    }

    .hs-category-grid {
        row-gap: 34px;
    }

    .hs-category-card,
    .page-main .hs-category-card,
    .page-main .hs-category-card:nth-child(5),
    .page-main .hs-category-card:nth-child(6) {
        grid-column: 1 / -1;
    }

    .hs-category-card__heading,
    .hs-category-card:nth-child(5) .hs-category-card__heading,
    .hs-category-card:nth-child(6) .hs-category-card__heading {
        left: clamp(18px, 5vw, 30px);
        width: auto;
        max-width: 42%;
    }

    .hs-category-card__title,
    .hs-category-card:nth-child(5) .hs-category-card__title,
    .hs-category-card:nth-child(6) .hs-category-card__title {
        font-size: clamp(20px, 5.5vw, 29px);
    }

    .hs-category-card__description {
        font-size: 13px;
    }
}

@media (max-width: 420px) {
    .hs-category-section__inner {
        width: calc(100% - 28px);
    }

    .hs-category-card__heading,
    .hs-category-card:nth-child(5) .hs-category-card__heading,
    .hs-category-card:nth-child(6) .hs-category-card__heading {
        top: 15px;
        left: 15px;
        width: auto;
        max-width: 44%;
    }

    .hs-category-card__title,
    .hs-category-card:nth-child(5) .hs-category-card__title,
    .hs-category-card:nth-child(6) .hs-category-card__title {
        font-size: 19px;
    }

    .hs-category-card__details {
        padding: 12px 13px 14px;
    }

    .hs-category-card__description {
        font-size: 12px;
        line-height: 1.45;
    }

}

/* Reference: bd8ef0cb1a-hs-scroll-preview-homepage-favorites-v9.css */
.hs-favorites {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    color: var(--hs-color-ivory-soft);
    background: var(--hs-color-night);
}

.hs-favorites::before,
.hs-favorites::after {
    display: block;
    position: absolute;
    z-index: 0;
    width: clamp(290px, 26vw, 420px);
    aspect-ratio: 1;
    background-color: var(--hs-color-gold-muted);
    mask-image: url("../images/scrolling/b76e8c34b1-logo-leaf-outline-v1.png");
    mask-mode: luminance;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 160%;
    content: "";
    pointer-events: none;
}

.hs-favorites::before {
    top: -125px;
    right: clamp(-195px, -10vw, -130px);
    opacity: .085;
    transform: rotate(-12deg);
}

.hs-favorites::after {
    bottom: -160px;
    left: clamp(-205px, -11vw, -145px);
    opacity: .06;
    transform: rotate(166deg);
}

.hs-favorites,
.hs-favorites * {
    box-sizing: border-box;
}

.hs-favorites__inner {
    position: relative;
    z-index: 1;
    width: min(100% - 64px, 1440px);
    margin: 0 auto;
    padding: clamp(68px, 7vw, 108px) 0 clamp(72px, 8vw, 120px);
}

.hs-favorites__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 430px);
    gap: 48px;
    align-items: end;
}

.hs-favorites__eyebrow,
.hs-favorite-card__type {
    margin: 0;
    color: var(--hs-color-gold) !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .18em;
    line-height: 1.3;
    text-transform: uppercase;
}

.hs-favorites__eyebrow {
    margin-bottom: 12px;
}

.hs-favorites h2 {
    margin: 0;
    color: var(--hs-color-gold);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(38px, 4vw, 58px);
    font-weight: 400;
    letter-spacing: -.035em;
    line-height: .98;
    text-transform: none;
}

.hs-favorites__introduction {
    max-width: 420px;
    margin: 0 0 3px;
    color: var(--hs-color-ivory-muted);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.65;
}

.hs-favorites__tabs {
    display: flex;
    gap: 28px;
    margin: 44px 0 36px;
    overflow-x: auto;
    scrollbar-width: none;
}

.hs-favorites__tabs::-webkit-scrollbar {
    display: none;
}

.hs-favorites__tab {
    flex: 0 0 auto;
    padding: 0 0 9px;
    border: 0;
    border-bottom: 1px solid transparent;
    color: var(--hs-color-ivory-soft-muted);
    background: transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .08em;
    line-height: 1.2;
    text-transform: uppercase;
}

.hs-favorites__tab.is-active {
    border-bottom-color: var(--hs-color-gold);
    color: var(--hs-color-ivory-soft);
}

.hs-favorites__tab:disabled {
    cursor: default;
    opacity: 1;
}

.hs-favorites__tab,
.hs-favorites__tab:hover,
.hs-favorites__tab:focus,
.hs-favorite-card,
.hs-favorite-card:hover,
.hs-favorite-card__media,
.hs-favorite-card__media:hover,
.hs-favorite-card__image,
.hs-favorite-card__image:hover {
    box-shadow: none !important;
    filter: none !important;
    text-shadow: none !important;
}

.hs-favorites__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(16px, 1.8vw, 28px);
}

.hs-favorite-card {
    min-width: 0;
}

.hs-favorite-card__media {
    position: relative;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    background: var(--hs-color-sand);
}

.hs-favorite-card__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: none !important;
}

.hs-favorite-card__content {
    padding-top: 18px;
}

.hs-favorite-card__type {
    margin-bottom: 8px;
    font-size: 9px;
}

.hs-favorite-card h3 {
    margin: 0;
    color: var(--hs-color-beige) !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(21px, 1.8vw, 29px);
    font-weight: 400;
    letter-spacing: -.02em;
    line-height: 1.1;
    text-transform: none;
}

.hs-favorite-card__notes {
    margin: 9px 0 0;
    color: var(--hs-color-ivory-muted);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.5;
}

@media (max-width: 1024px) {
    .hs-favorites__header {
        grid-template-columns: minmax(0, 1fr) minmax(250px, 340px);
        gap: 32px;
    }

    .hs-favorites__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 42px;
    }
}

@media (max-width: 768px) {
    .hs-favorites::before {
        right: -150px;
        width: 260px;
        opacity: .045;
    }

    .hs-favorites::after {
        display: none;
    }

    .hs-favorites__inner {
        width: min(100% - 40px, 640px);
        padding: 62px 0 76px;
    }

    .hs-favorites__header {
        display: block;
    }

    .hs-favorites h2 {
        font-size: 38px;
    }

    .hs-favorites__introduction {
        margin-top: 18px;
        font-size: 14px;
    }

    .hs-favorites__tabs {
        gap: 24px;
        margin: 34px 0 30px;
    }
}

@media (max-width: 540px) {
    .hs-favorites__inner {
        width: calc(100% - 28px);
    }

    .hs-favorites__grid {
        display: flex;
        gap: 14px;
        margin-right: -14px;
        padding-right: 14px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .hs-favorites__grid::-webkit-scrollbar {
        display: none;
    }

    .hs-favorite-card {
        flex: 0 0 82%;
        scroll-snap-align: start;
    }

    .hs-favorite-card h3 {
        font-size: 25px;
    }
}

/* Reference: d3655c9bc8-hs-scroll-preview-homepage-favorites-polish-v3.css */
.hs-favorites h2 {
    color: var(--hs-color-gold) !important;
}

.hs-favorites .hs-favorite-card h3 {
    color: var(--hs-color-beige) !important;
}

.hs-favorites .hs-favorites__tab,
.hs-favorites .hs-favorites__tab:hover,
.hs-favorites .hs-favorites__tab:focus,
.hs-favorites .hs-favorites__tab:active {
    animation: none !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    text-shadow: none !important;
    transform: none !important;
    transition: none !important;
}

.hs-favorites .hs-favorites__tab::before,
.hs-favorites .hs-favorites__tab::after {
    content: none !important;
    display: none !important;
}

.hs-favorites .hs-favorites__tab.is-active,
.hs-favorites .hs-favorites__tab.is-active:hover,
.hs-favorites .hs-favorites__tab.is-active:focus,
.hs-favorites .hs-favorites__tab.is-active:active {
    border-bottom-color: var(--hs-color-gold) !important;
    color: var(--hs-color-ivory-soft) !important;
}

.hs-favorites .hs-favorite-card,
.hs-favorites .hs-favorite-card * {
    animation: none !important;
    transition: none !important;
}

.hs-favorites .hs-favorite-card:hover,
.hs-favorites .hs-favorite-card:hover .hs-favorite-card__media,
.hs-favorites .hs-favorite-card:hover .hs-favorite-card__image,
.hs-favorites .hs-favorite-card:hover .hs-favorite-card__content,
.hs-favorites .hs-favorite-card:hover h3,
.hs-favorites .hs-favorite-card:hover p {
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
    text-shadow: none !important;
    transform: none !important;
}

.hs-favorites .hs-favorite-card:hover .hs-favorite-card__media {
    background: var(--hs-color-sand) !important;
}

/* Reference: 21c6087bdd-hs-scroll-preview-homepage-favorites-content-v2.css */
.hs-favorites .hs-favorite-card h3 {
    color: var(--hs-color-beige-bright) !important;
}

.hs-favorites .hs-favorite-card__notes {
    color: var(--hs-color-beige-muted) !important;
}

/* Reference: 7628247458-hs-scroll-preview-homepage-favorites-layout-v1.css */
.hs-favorites .hs-favorites__header {
    display: block;
}

.hs-favorites .hs-favorites__introduction {
    max-width: 560px;
    margin: 18px 0 0;
}

/* Reference: 9ae32a3053-hs-scroll-preview-homepage-favorites-layout-v2.css */
/* Keep the decorative leaf experiment out of the live sections for now. */
.hs-category-section::before,
.hs-category-section::after,
.hs-favorites::before,
.hs-favorites::after {
    display: none !important;
}

/* Two products, presented at the same desktop width as every four-card tab. */
@media (min-width: 1025px) {
    .hs-favorites [data-hs-favorites-panel="all-over-spray"] .hs-favorite-card:first-child {
        grid-column: 2;
    }

    .hs-favorites [data-hs-favorites-panel="all-over-spray"] .hs-favorite-card:nth-child(2) {
        grid-column: 3;
    }
}

/* Reference: e927ad9256-hs-scroll-preview-homepage-favorites-card-frame-v5.css */
.hs-favorites .hs-favorite-card {
    overflow: hidden;
    border: 1px solid var(--hs-color-card-border);
    border-radius: 8px;
    background: var(--hs-color-card-surface);
    transition: border-color 180ms ease, box-shadow 180ms ease;
}

.hs-favorites .hs-favorite-card__content {
    padding: 18px 14px 17px;
}

/* The fabric artwork includes a narrow presentation mat in the source image.
   Enlarge it within the fixed 4:5 frame so every category remains edge-to-edge. */
.hs-favorites [data-hs-favorites-panel="fabric-sprays"] .hs-favorite-card__image,
.hs-favorites [data-hs-favorites-panel="fabric-sprays"] .hs-favorite-card:hover .hs-favorite-card__image {
    transform: scale(1.19) !important;
    transform-origin: center;
}

/* Jasmine's source composition is tighter than the other fabric-spray scenes. */
.hs-favorites [data-hs-favorites-panel="fabric-sprays"] .hs-favorite-card:nth-child(4) .hs-favorite-card__image,
.hs-favorites [data-hs-favorites-panel="fabric-sprays"] .hs-favorite-card:nth-child(4):hover .hs-favorite-card__image {
    transform: scale(1.1) !important;
}

@media (hover: hover) and (pointer: fine) {
    .hs-favorites .hs-favorite-card:hover {
        border-color: var(--hs-color-card-border-hover);
        box-shadow: var(--hs-shadow-card-hover) !important;
    }
}

/* Reference: b18233ed14-hs-scroll-preview-homepage-favorites-tabs-v1.css */
.hs-favorites .hs-favorites__grid[hidden] {
    display: none;
}

/* Reference: 7cb426b013-hs-scroll-preview-homepage-brand-editorial-v1.css */
.hs-brand-editorial,
.hs-brand-editorial * {
    box-sizing: border-box;
}

.hs-brand-editorial {
    width: 100%;
    color: var(--hs-color-night);
    background: var(--hs-color-ivory);
}

.hs-brand-editorial__inner {
    display: grid;
    min-height: 600px;
    grid-template-columns: minmax(0, 1.18fr) minmax(390px, 0.82fr);
}

.hs-brand-editorial__visual {
    min-width: 0;
    min-height: 600px;
    margin: 0;
    background-image: url("../images/scrolling/0232cc0966-brand-philosophy-jasmine-v3.png");
    background-position: 48% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.hs-brand-editorial__content {
    display: flex;
    max-width: 680px;
    flex-direction: column;
    justify-content: center;
    padding: clamp(70px, 7vw, 116px) clamp(44px, 6vw, 96px);
}

.hs-brand-editorial__rule {
    width: 42px;
    height: 1px;
    margin-bottom: 28px;
    background: var(--hs-color-gold);
}

.hs-brand-editorial__eyebrow {
    margin: 0 0 20px;
    color: var(--hs-color-gold-muted);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.2em;
    line-height: 1.4;
    text-transform: uppercase;
}

.page-main .hs-brand-editorial h2 {
    max-width: 520px;
    margin: 0 0 28px;
    color: var(--hs-color-charcoal) !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(44px, 4.3vw, 70px);
    font-weight: 400;
    letter-spacing: -0.04em;
    line-height: 0.98;
}

.hs-brand-editorial__copy {
    max-width: 550px;
    margin: 0;
    color: var(--hs-color-grey);
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(16px, 1.25vw, 19px);
    line-height: 1.75;
}

.hs-brand-editorial__signature {
    margin: 32px 0 0;
    color: var(--hs-color-gold-muted);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    font-style: italic;
    letter-spacing: 0.03em;
}

@media (max-width: 900px) {
    .hs-brand-editorial__inner {
        grid-template-columns: 1fr;
    }

    .hs-brand-editorial__visual {
        min-height: clamp(390px, 68vw, 580px);
    }

    .hs-brand-editorial__content {
        max-width: none;
        padding: 64px 40px 72px;
    }
}

@media (max-width: 600px) {
    .hs-brand-editorial__visual {
        min-height: 370px;
        background-position: 48% 50%;
    }

    .hs-brand-editorial__content {
        padding: 54px 20px 62px;
    }

    .page-main .hs-brand-editorial h2 {
        font-size: clamp(40px, 12vw, 54px);
    }
}

/* Reference: 097c09d04e-hs-scroll-preview-homepage-assurances-v2.css */
.hs-assurances,
.hs-assurances * {
    box-sizing: border-box;
}

.hs-assurances {
    width: 100%;
    border-top: 1px solid var(--hs-color-card-border);
    border-bottom: 1px solid var(--hs-color-card-border);
    color: var(--hs-color-grey);
    background: var(--hs-color-ivory-soft);
}

.hs-assurances__inner {
    display: grid;
    width: min(100% - 64px, 1440px);
    margin: 0 auto;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.hs-assurance {
    display: flex;
    min-width: 0;
    gap: 15px;
    align-items: center;
    padding: 30px clamp(18px, 2.2vw, 34px);
}

.hs-assurance:first-child {
    padding-left: 0;
}

.hs-assurance:last-child {
    padding-right: 0;
}

.hs-assurance + .hs-assurance {
    border-left: 1px solid var(--hs-color-card-border);
}

.hs-assurance__icon {
    display: grid;
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    place-items: center;
    border: 1px solid var(--hs-color-gold-strong-border);
    border-radius: 50%;
    color: var(--hs-color-gold);
}

.hs-assurance__icon svg {
    width: 27px;
    height: 27px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
}

.hs-assurance__copy {
    display: block;
    min-width: 0;
}

.hs-assurance__copy strong,
.hs-assurance__copy span {
    display: block;
}

.hs-assurance__copy strong {
    margin-bottom: 4px;
    color: var(--hs-color-charcoal);
    font-size: 17px;
    font-weight: 400;
    line-height: 1.2;
}

.hs-assurance__copy span {
    color: var(--hs-color-grey);
    font-size: 12px;
    line-height: 1.45;
}

@media (max-width: 1024px) {
    .hs-assurances__inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hs-assurance,
    .hs-assurance:first-child,
    .hs-assurance:last-child {
        padding: 25px 24px;
    }

    .hs-assurance:nth-child(odd) {
        padding-left: 0;
        border-left: 0;
    }

    .hs-assurance:nth-child(even) {
        padding-right: 0;
    }

    .hs-assurance:nth-child(n + 3) {
        border-top: 1px solid var(--hs-color-card-border);
    }
}

@media (max-width: 600px) {
    .hs-assurances__inner {
        width: calc(100% - 40px);
        grid-template-columns: 1fr;
    }

    .hs-assurance,
    .hs-assurance:first-child,
    .hs-assurance:last-child,
    .hs-assurance:nth-child(odd),
    .hs-assurance:nth-child(even) {
        padding: 21px 0;
        border-top: 1px solid var(--hs-color-card-border);
        border-left: 0;
    }

    .hs-assurance:first-child {
        border-top: 0;
    }
}

/* Reference: 6fc192fca1-hs-scroll-preview-homepage-professional.css */
.hs-professional,
.hs-professional * {
    box-sizing: border-box;
}

.hs-professional {
    width: 100%;
    color: var(--hs-color-ivory-soft);
    background: var(--hs-color-night);
}

.hs-professional__inner {
    display: grid;
    width: 100%;
    min-height: 560px;
    grid-template-columns: minmax(360px, 0.9fr) minmax(0, 1.1fr);
}

.hs-professional__content {
    display: flex;
    max-width: 720px;
    justify-self: end;
    flex-direction: column;
    justify-content: center;
    padding: clamp(64px, 6vw, 104px) clamp(42px, 5.5vw, 88px);
}

.hs-professional__eyebrow {
    margin: 0 0 20px;
    color: var(--hs-color-gold);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.22em;
    line-height: 1.4;
    text-transform: uppercase;
}

.page-main .hs-professional h2 {
    max-width: 560px;
    margin: 0 0 24px;
    color: var(--hs-color-beige-bright) !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(42px, 4.2vw, 68px);
    font-weight: 400;
    letter-spacing: -0.035em;
    line-height: 1.02;
}

.hs-professional__intro {
    max-width: 590px;
    margin: 0;
    color: var(--hs-color-ivory-soft-muted);
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(16px, 1.3vw, 19px);
    line-height: 1.7;
}

.hs-professional__services {
    display: flex;
    margin: 32px 0 36px;
    padding: 0;
    flex-wrap: wrap;
    gap: 10px 0;
    color: var(--hs-color-beige);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    letter-spacing: 0.07em;
    line-height: 1.5;
    list-style: none;
    text-transform: uppercase;
}

.hs-professional__services li {
    display: flex;
    align-items: center;
}

.hs-professional__services li + li::before {
    width: 3px;
    height: 3px;
    margin: 0 14px;
    border-radius: 50%;
    background: var(--hs-color-gold);
    content: "";
}

.hs-professional__cta {
    display: inline-flex;
    width: fit-content;
    min-height: 52px;
    gap: 22px;
    align-items: center;
    justify-content: center;
    padding: 14px 22px;
    border: 1px solid var(--hs-color-gold);
    color: var(--hs-color-night);
    background: var(--hs-color-gold);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1.2;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 180ms ease, background-color 180ms ease;
}

.hs-professional__cta:hover,
.hs-professional__cta:focus-visible {
    color: var(--hs-color-ivory);
    background: transparent;
    text-decoration: none;
}

.hs-professional__visual {
    position: relative;
    min-width: 0;
    min-height: 560px;
    margin: 0;
    overflow: hidden;
    border-left: 1px solid var(--hs-color-gold-header-border);
    background-image: url("../images/scrolling/098eba8350-professional-scenting-consultation-v1.png");
    background-position: 50% 54%;
    background-repeat: no-repeat;
    background-size: cover;
}

.hs-professional__visual::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgb(25 24 21 / 32%) 0%, rgb(25 24 21 / 0%) 28%);
    content: "";
    pointer-events: none;
}

@media (max-width: 900px) {
    .hs-professional__inner {
        grid-template-columns: 1fr;
    }

    .hs-professional__content {
        max-width: none;
        justify-self: stretch;
        padding: 64px 40px;
    }

    .hs-professional__visual {
        min-height: 500px;
        border-top: 1px solid var(--hs-color-gold-header-border);
        border-left: 0;
    }

    .hs-professional__visual::after {
        background: linear-gradient(180deg, rgb(25 24 21 / 24%) 0%, rgb(25 24 21 / 0%) 28%);
    }
}

@media (max-width: 600px) {
    .hs-professional__content {
        padding: 54px 20px 58px;
    }

    .page-main .hs-professional h2 {
        font-size: clamp(38px, 12vw, 52px);
    }

    .hs-professional__services {
        display: grid;
        margin-top: 26px;
        gap: 8px;
    }

    .hs-professional__services li + li::before {
        display: none;
    }

    .hs-professional__visual {
        min-height: 430px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hs-professional__cta {
        transition: none;
    }
}

/* Reference: 3476c4da9a-hs-scroll-preview-homepage-viewport-fit-v1.css */
/*
 * Desktop homepage rhythm: keep each primary editorial section within one
 * visible viewport. Tablets and phones retain their natural content height so
 * cards and copy remain comfortably readable.
 */
@media (min-width: 1025px) and (min-height: 700px) {
    .cms-index-index .hs-home-hero {
        height: calc(100svh - 88px);
        min-height: 0;
    }

    .cms-index-index .hs-home-hero__image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .cms-index-index .hs-category-section,
    .cms-index-index .hs-favorites,
    .cms-index-index .hs-brand-editorial,
    .cms-index-index .hs-professional {
        height: 100svh;
        min-height: 0;
    }

    /* The category gallery has two rows, so let the rows consume the space
       left after the heading instead of deriving their height from image width. */
    .cms-index-index .hs-category-section__inner {
        display: flex;
        height: 100%;
        min-height: 0;
        flex-direction: column;
        padding-top: clamp(24px, 3vh, 38px);
        padding-bottom: clamp(24px, 3vh, 38px);
    }

    .cms-index-index .hs-category-section__header {
        flex: 0 0 auto;
        margin-bottom: clamp(16px, 2.2vh, 26px);
    }

    .cms-index-index .hs-category-grid {
        min-height: 0;
        flex: 1 1 auto;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        row-gap: clamp(14px, 2vh, 22px);
    }

    .cms-index-index .hs-category-card,
    .cms-index-index .page-main .hs-category-card {
        height: 100%;
        min-height: 0;
    }

    .cms-index-index .hs-category-card__media {
        min-height: 0;
        flex: 1 1 auto;
        aspect-ratio: auto;
    }

    .cms-index-index .hs-category-card__details {
        flex: 0 0 auto;
        padding-top: clamp(9px, 1.2vh, 13px);
        padding-bottom: clamp(10px, 1.4vh, 16px);
    }

    .cms-index-index .hs-category-card__description {
        line-height: 1.4;
    }

    /* Favorites already use one row on desktop; reducing the outer rhythm is
       enough to keep its header, tabs, cards and copy visible together. */
    .cms-index-index .hs-favorites__inner {
        display: flex;
        height: 100%;
        min-height: 0;
        flex-direction: column;
        justify-content: center;
        padding-top: clamp(30px, 4vh, 54px);
        padding-bottom: clamp(30px, 4vh, 54px);
    }

    .cms-index-index .hs-favorites__tabs {
        margin-top: clamp(22px, 3vh, 34px);
        margin-bottom: clamp(20px, 2.8vh, 32px);
    }

    /* The two split editorial sections scale to the viewport without changing
       their established column proportions or typography. */
    .cms-index-index .hs-brand-editorial__inner,
    .cms-index-index .hs-professional__inner {
        height: 100%;
        min-height: 0;
    }

    .cms-index-index .hs-brand-editorial__visual,
    .cms-index-index .hs-professional__visual {
        min-height: 0;
    }
}

/* Reference: 7fa00c4ce0-hs-scroll-preview-v5.css */
/* Only the local duplicate opts into native document scrolling and snapping.
   The document remains the single scroll container; touch remains native.
   Existing desktop breakpoint and height threshold are inherited from the source. */
html:has(body.hs-scroll-preview) {
    scroll-behavior: smooth;
}
html:has(body.hs-scroll-preview.hs-wheel-animating) {
    scroll-snap-type: none !important;
    scroll-behavior: auto !important;
}
@media (prefers-reduced-motion: no-preference) {
    body.hs-scroll-preview .hs-panel-transition {
        opacity: var(--hs-panel-opacity, 1);
        transform: translateY(var(--hs-panel-shift, 0px)) scale(var(--hs-panel-scale, 1));
        transform-origin: center;
        will-change: transform, opacity;
    }
}
body.hs-scroll-preview .hs-section-nav {
    display: none;
}
@media (min-width: 1025px) and (min-height: 700px) {
    body.hs-scroll-preview .hs-section-nav:not([hidden]) {
        position: fixed;
        z-index: 19;
        inset-inline-end: 14px;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        flex-direction: column;
        align-items: center;
        color: var(--hs-color-white);
    }
    body.hs-scroll-preview .hs-section-nav.hs-section-nav--light-surface {
        color: var(--hs-color-charcoal);
    }
    body.hs-scroll-preview .hs-section-nav__button {
        position: relative;
        display: grid;
        place-items: center;
        width: 28px;
        height: 24px;
        min-width: 0;
        min-height: 0;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: inherit;
        box-shadow: none;
        cursor: pointer;
    }
    body.hs-scroll-preview .hs-section-nav__button::after {
        content: '';
        position: static;
        z-index: auto;
        transform: none;
        display: block;
        width: 4px;
        height: 4px;
        border-radius: 4px;
        background: currentColor;
        transition: height 200ms ease;
    }
    body.hs-scroll-preview .hs-section-nav__button::before {
        content: none;
    }
    body.hs-scroll-preview .hs-section-nav__button[aria-current]::after {
        height: 22px;
    }
    body.hs-scroll-preview .hs-section-nav__button:focus-visible {
        outline: 2px solid var(--hs-color-gold);
        outline-offset: 2px;
    }
    body.hs-scroll-preview .hs-section-nav__label {
        position: absolute;
        inset-inline-end: 36px;
        top: 50%;
        transform: translateY(-50%);
        padding: 6px 10px;
        background: var(--hs-color-charcoal);
        color: var(--hs-color-white);
        font-family: var(--hs-font-interface);
        font-size: 12px;
        line-height: 1.5;
        white-space: nowrap;
        pointer-events: none;
        visibility: hidden;
    }
    body.hs-scroll-preview .hs-section-nav__button:hover .hs-section-nav__label,
    body.hs-scroll-preview .hs-section-nav__button:focus-visible .hs-section-nav__label {
        visibility: visible;
    }
    html:has(body.hs-scroll-preview.hs-section-nav-ready) {
        scrollbar-width: none;
    }
    html:has(body.hs-scroll-preview.hs-section-nav-ready)::-webkit-scrollbar {
        display: none;
    }
}
body.hs-scroll-preview #professional-scenting,
body.hs-scroll-preview #shop-by-category,
body.hs-scroll-preview .hs-home-hero,
body.hs-scroll-preview .hs-category-section,
body.hs-scroll-preview .hs-favorites,
body.hs-scroll-preview .hs-brand-editorial,
body.hs-scroll-preview .hs-professional,
body.hs-scroll-preview .hs-assurances,
body.hs-scroll-preview .page-footer {
    scroll-margin-top: 0;
}
@media (min-width: 1025px) and (min-height: 700px) and (prefers-reduced-motion: no-preference) {
    html:has(body.hs-scroll-preview) {
        scroll-snap-type: y mandatory;
    }
    body.hs-scroll-preview .hs-home-hero,
    body.hs-scroll-preview .hs-category-section,
    body.hs-scroll-preview .hs-favorites,
    body.hs-scroll-preview .hs-brand-editorial,
    body.hs-scroll-preview .hs-professional,
    body.hs-scroll-preview .hs-assurances,
    body.hs-scroll-preview .page-footer {
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }
    body.hs-scroll-preview .hs-home-hero {
        height: 100svh;
        min-height: 700px;
        max-height: none;
    }
    /* Let text grow at zoom or with longer translations; never clip a section
       just to force it into a screen. Image proportions stay intact. */
    body.hs-scroll-preview .hs-category-section,
    body.hs-scroll-preview .hs-favorites,
    body.hs-scroll-preview .hs-brand-editorial,
    body.hs-scroll-preview .hs-professional {
        height: auto;
        min-height: 100svh;
    }
    body.hs-scroll-preview .hs-category-section__inner,
    body.hs-scroll-preview .hs-favorites__inner,
    body.hs-scroll-preview .hs-brand-editorial__inner,
    body.hs-scroll-preview .hs-professional__inner {
        height: auto;
        min-height: 100svh;
    }
    body.hs-scroll-preview .hs-category-card__media {
        flex: none;
        aspect-ratio: auto;
        height: clamp(145px, calc((100svh - 350px) / 2), 340px);
    }
    body.hs-scroll-preview .hs-favorite-card__media {
        aspect-ratio: auto;
        height: clamp(250px, 48svh, 480px);
    }
    body.hs-scroll-preview .hs-brand-editorial__content,
    body.hs-scroll-preview .hs-professional__content {
        padding-block: clamp(36px, 5svh, 72px);
    }
}
@media (prefers-reduced-motion: reduce) {
    html:has(body.hs-scroll-preview) {
        scroll-behavior: auto !important;
        scroll-snap-type: none !important;
    }
    body.hs-scroll-preview *,
    body.hs-scroll-preview *::before,
    body.hs-scroll-preview *::after {
        animation: none !important;
        transition: none !important;
    }
}

/*
 * Hayat Secret typography system.
 * Self-hosted brand fonts; theme icon fonts remain intentionally untouched.
 */
@font-face {
    font-family: "Newsreader";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/scrolling/5ebe5974f6-newsreader-medium-latin.woff2") format("woff2");
}

@font-face {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("../fonts/scrolling/5a26f0a32a-manrope-latin.woff2") format("woff2");
}

@font-face {
    font-family: "Noto Naskh Arabic";
    font-style: normal;
    font-weight: 400 600;
    font-display: swap;
    src: url("../fonts/scrolling/57d166f8cb-noto-naskh-arabic.woff2") format("woff2");
}

@font-face {
    font-family: "Noto Sans Arabic";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("../fonts/scrolling/f1ef8ba47a-noto-sans-arabic.woff2") format("woff2");
}

:root {
    --hs-font-display: "Newsreader", serif;
    --hs-font-interface: "Manrope", sans-serif;
    --a2-font: var(--hs-font-interface);
    --a2-font-content: var(--hs-font-interface);
    --a2-font-title: var(--hs-font-display);
    --a2-btn-ff: var(--hs-font-interface);
    --oxmm-ff: var(--hs-font-interface);
}

html:lang(ar) {
    --hs-font-display: "Noto Naskh Arabic", serif;
    --hs-font-interface: "Noto Sans Arabic", sans-serif;
}


/* Magento Blank integration. Keep the working search, account, bag and language controls. */
body.hayat-store { --hayat-body-font: var(--hs-font-interface); --hayat-heading-font: var(--hs-font-display); }
body.hayat-store .hayat-header-wrap { position:relative!important; z-index:100!important; margin:0; border:0; }
body.hayat-store .hayat-header {
    display:grid!important; grid-template-columns:190px minmax(0,1fr) auto!important;
    direction:ltr; align-items:center; gap:24px; width:100%; min-height:88px; height:auto;
    padding:12px 32px!important; background:#555!important; color:#fff8eb!important;
    border:0!important; box-shadow:none!important; position:relative!important;
}
body.hayat-store .hayat-logo { grid-column:1; grid-row:1; justify-self:start; margin:0!important; transform:none!important; width:190px!important; }
body.hayat-store .hayat-logo img { width:190px!important; height:62px!important; max-width:100%!important; max-height:62px!important; object-fit:contain; filter:brightness(0) invert(1)!important; }
body.hayat-store .hayat-header .hayat-nav { grid-column:2; grid-row:1; position:static; min-width:0; width:auto; margin:0; background:transparent!important; }
body.hayat-store .hayat-header .navigation { background:transparent!important; padding:0!important; }
body.hayat-store .hayat-header .navigation > ul { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:0 22px; padding:0; margin:0; }
body.hayat-store .hayat-header .navigation .level0 { margin:0; }
body.hayat-store .hayat-header .hayat-nav .navigation .level0 > .level-top { padding:12px 0!important; line-height:1.5!important; font-size:14px!important; font-weight:500!important; letter-spacing:0!important; text-transform:none!important; color:#fff8eb!important; border:0!important; font-family:var(--hs-font-interface)!important; }
body.hayat-store .hayat-header .hayat-nav .navigation .level0 > .level-top:hover { color:#ddb857!important; }
body.hayat-store .hayat-actions { grid-column:3; grid-row:1; display:flex!important; gap:8px; align-items:center; flex-wrap:nowrap; width:auto; }
body.hayat-store .hayat-header .hayat-action--icon, body.hayat-store .hayat-header .hayat-language summary { display:flex!important; justify-content:center; align-items:center; width:36px; height:40px; min-width:36px; min-height:40px; margin:0!important; padding:7px!important; border:0; background:transparent!important; color:#fff8eb!important; }
body.hayat-store .hayat-actions svg { display:block; width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.4; }
body.hayat-store .hayat-language { position:relative; }
body.hayat-store .hayat-language summary { list-style:none; cursor:pointer; }
body.hayat-store .hayat-language summary::-webkit-details-marker { display:none; }
body.hayat-store .hayat-language__menu { position:absolute; top:100%; right:0; left:auto; min-width:160px; background:#fff8eb!important; color:#555!important; z-index:110; }
body.hayat-store .hayat-language__menu a { color:#555!important; }
body.hayat-store .hayat-menu-toggle { display:none; }
body.hayat-store .hayat-header .hayat-nav .navigation .level0 > .submenu { top:100%; background:#fff8eb!important; border-color:#ddb857!important; }
body.hayat-store .hayat-header .hayat-nav .navigation .submenu a { color:#555!important; }
body.hayat-store .hayat-header .hayat-action--icon:focus-visible, body.hayat-store .hayat-header .level-top:focus-visible { outline:2px solid #ddb857; outline-offset:3px; }
body.hayat-store:has(.hs-home-hero) .hayat-announcement { display:none; }
body.hayat-store:has(.hs-home-hero) .hayat-header-wrap { position:absolute!important; inset:0 0 auto; }
body.hayat-store:has(.hs-home-hero) .hayat-header { background:linear-gradient(180deg,rgba(45,43,39,.76),rgba(45,43,39,.2),transparent)!important; }
body.hayat-store.hs-scroll-preview .page-main, body.hayat-store:has(.hs-home-hero) .page-main { width:100%!important; max-width:none!important; padding:0!important; margin:0!important; }
body.hayat-store:has(.hs-home-hero) .columns, body.hayat-store:has(.hs-home-hero) .column.main { display:block!important; width:100%!important; padding:0!important; min-height:0; margin:0; }
body.hayat-store:has(.hs-home-hero) .page-title-wrapper, body.hayat-store:has(.hs-home-hero) .breadcrumbs { display:none; }
body.hayat-store:has(.hs-home-hero) .page-main > .page.messages { position:absolute; z-index:101; top:92px; width:100%; }
body.hayat-store:has(.hs-home-hero) [data-content-type="row"], body.hayat-store:has(.hs-home-hero) [data-content-type="text"] { margin:0; padding:0; max-width:none; }
body.hayat-store .hs-home-hero { min-height:640px; height:100svh; background:#fff8eb; }
body.hayat-store .hs-home-hero__image { width:100%; height:100%; object-fit:cover; object-position:center; }
body.hayat-store .hs-home-hero__content { top:27%; }
body.hayat-store .hs-home-hero__title, body.hayat-store .hs-category-section h2, body.hayat-store .hs-favorites h2, body.hayat-store .hs-favorite-card h3, body.hayat-store .hs-category-card__title, body.hayat-store .hs-brand-editorial h2, body.hayat-store .hs-professional h2, body.hayat-store .hs-brand-editorial__signature { font-family:var(--hs-font-display)!important; font-weight:500!important; text-transform:none!important; }
body.hayat-store .hs-home-hero__eyebrow, body.hayat-store .hs-home-hero__description, body.hayat-store .hs-home-hero__cta, body.hayat-store .hs-category-section__eyebrow, body.hayat-store .hs-category-section__introduction, body.hayat-store .hs-category-card__description, body.hayat-store .hs-favorites__tab, body.hayat-store .hs-favorite-card__price, body.hayat-store .hs-brand-editorial__copy, body.hayat-store .hs-professional__intro, body.hayat-store .hs-professional__services { font-family:var(--hs-font-interface)!important; }
body.hayat-store .hs-favorites__panel[hidden] { display:none!important; }
body.hayat-store .hs-favorites__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
body.hayat-store .hs-favorite-card { min-width:0; margin:0; }
body.hayat-store .hs-favorite-card__media { display:block; background:#f8f1e4; overflow:hidden; }
body.hayat-store .hs-favorite-card__image { display:block; width:100%; height:clamp(220px,34vh,350px); object-fit:contain; transition:transform .4s; }
body.hayat-store .hs-favorite-card__media:hover img { transform:scale(1.035); }
body.hayat-store .hs-favorite-card h3 a { color:inherit; text-decoration:none; }
body.hayat-store .hs-favorite-card__discover { display:inline-block; margin-top:8px; color:#ddb857; font:12px var(--hs-font-interface); text-decoration:none; }
body.hayat-store .hs-assurance__icon::before { content:'◇'; font-size:32px; color:#ddb857; }
body.hayat-store .hs-assurance:nth-child(2) .hs-assurance__icon::before { content:'▤'; }
body.hayat-store .hs-assurance:nth-child(3) .hs-assurance__icon::before { content:'↗'; }
body.hayat-store .hs-assurance:nth-child(4) .hs-assurance__icon::before { content:'♡'; }
body.hayat-store [dir="rtl"] .hs-home-hero__content { left:auto; right:clamp(32px,5.5vw,100px); text-align:right; }
body.hayat-store [dir="rtl"] .hs-home-hero__content::before { content:''; position:absolute; inset:-24px; z-index:-1; background:rgba(255,248,235,.7); border-radius:2px; }
body.hayat-store [dir="rtl"] .hs-home-hero__eyebrow { color:#555; }
body.hayat-store [dir="rtl"] .hs-home-hero__title { letter-spacing:0; line-height:1.25; }
@media (max-width:1200px) {
 body.hayat-store .hayat-header { gap:16px; grid-template-columns:150px minmax(0,1fr) auto!important; padding:10px 20px!important; }
 body.hayat-store .hayat-logo { width:150px!important; }
 body.hayat-store .hayat-header .navigation > ul { gap:0 12px; }
 body.hayat-store .hayat-header .hayat-nav .navigation .level0 > .level-top { font-size:12px!important; }
 body.hayat-store .hayat-actions { gap:2px; }
}
@media (max-width:1024px) {
 body.hayat-store .hayat-header { grid-template-columns:minmax(80px,1fr) auto 32px!important; gap:10px; min-height:76px; padding:8px 16px!important; }
 body.hayat-store .hayat-logo { width:150px!important; }
 body.hayat-store .hayat-actions { grid-column:2; gap:4px; }
 body.hayat-store .hayat-menu-toggle { display:flex!important; grid-column:3; grid-row:1; width:32px; height:40px; padding:8px 4px; flex-direction:column; justify-content:center; gap:6px; background:transparent; border:0; }
 body.hayat-store .hayat-header .hayat-menu-toggle span { width:24px; height:1px; background:#fff8eb!important; }
 body.hayat-store .hayat-header .hayat-nav { display:none!important; position:absolute; left:0; right:0; top:100%; width:100%; max-height:calc(100svh - 76px); overflow:auto; padding:16px 24px; background:#555!important; }
 body.hayat-store .hayat-header .hayat-nav.is-open { display:block!important; }
 body.hayat-store .hayat-header .navigation > ul { display:block; }
 body.hayat-store .hayat-header .navigation .level0 { display:block; width:100%; border-bottom:1px solid rgba(255,248,235,.2); }
 body.hayat-store .hayat-header .hayat-nav .navigation .level0 > .level-top { display:block; padding:15px 0!important; font-size:15px!important; }
 body.hayat-store .hayat-header .hayat-nav .navigation .submenu { position:static!important; width:100%!important; box-shadow:none; }
 body.hayat-store .hs-home-hero { height:100svh; min-height:600px; }
 body.hayat-store .hs-home-hero__image { object-position:60% center; }
 body.hayat-store .hs-home-hero__content { top:auto; bottom:8%; width:min(75%,390px); left:24px; }
 body.hayat-store .hs-home-hero__content::before { content:''; position:absolute; inset:-20px; z-index:-1; background:rgba(255,248,235,.85); }
 body.hayat-store .hs-home-hero__eyebrow { color:#555; }
 body.hayat-store .hs-home-hero__title { font-size:clamp(36px,7vw,55px); }
 body.hayat-store .hs-home-hero__description { font-size:14px; }
 body.hayat-store .hs-favorites__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 14px; }
 body.hayat-store .hs-favorite-card__image { height:230px; }
 body.hayat-store .hs-home-hero__cta { min-height:44px; }
}
@media (max-width:480px) {
 body.hayat-store .hayat-header { grid-template-columns:minmax(72px,1fr) auto 26px!important; gap:5px; padding:8px 10px!important; }
 body.hayat-store .hayat-logo { width:102px!important; }
 body.hayat-store .hayat-logo img { max-width:102px!important; height:46px!important; }
 body.hayat-store .hayat-actions { gap:0; }
 body.hayat-store .hayat-header .hayat-action--icon, body.hayat-store .hayat-header .hayat-language summary { width:33px; min-width:33px; padding:6px!important; }
 body.hayat-store .hs-home-hero__content { bottom:7%; left:24px; width:calc(100% - 48px); }
 body.hayat-store .hs-favorite-card__image { height:190px; }
 body.hayat-store .hs-favorite-card h3 { font-size:21px; }
 body.hayat-store .hs-favorites__tabs { justify-content:flex-start; overflow:auto; flex-wrap:nowrap; }
 body.hayat-store .hs-favorites__tab { white-space:nowrap; flex-shrink:0; }
}
@media (prefers-reduced-motion:reduce) {
 html:has(body.hs-scroll-preview) { scroll-behavior:auto; }
 body.hayat-store .hs-favorite-card__image { transition:none; }
}
/* Reset the previous theme's two-row header geometry and content-box sizing. */
body.hayat-store .hayat-header, body.hayat-store .hayat-header * { box-sizing:border-box!important; }
body.hayat-store .hayat-header { grid-template-areas:none!important; grid-template-rows:auto!important; height:88px!important; min-height:88px!important; backdrop-filter:none!important; }
body.hayat-store .hayat-logo { height:62px!important; justify-content:flex-start!important; }
body.hayat-store .hayat-header .hayat-logo img { filter:none!important; }
body.hayat-store .hayat-header .hayat-nav { border:0!important; height:auto!important; align-self:center!important; }
body.hayat-store .hayat-header .hayat-actions { min-width:0!important; gap:8px!important; height:44px; }
body.hayat-store .hayat-header .hayat-actions .hayat-action--icon { width:36px!important; min-width:36px!important; height:40px!important; }
body.hayat-store .hayat-header .hayat-nav .navigation .level0 > .submenu { top:100%!important; }
@media(max-width:1024px) {
 body.hayat-store .hayat-header { height:76px!important; min-height:76px!important; }
 body.hayat-store .hayat-header .hayat-actions { gap:2px!important; }
 body.hayat-store .hayat-header .hayat-nav { inset:100% 0 auto!important; position:absolute!important; padding:16px 24px!important; align-self:auto!important; }
 body.hayat-store .hayat-header .hayat-nav .navigation .submenu { inset:auto!important; }
}
@media(max-width:480px) {
 body.hayat-store .hayat-header .hayat-actions { gap:0!important; }
 body.hayat-store .hayat-header .hayat-actions .hayat-action--icon { width:33px!important; min-width:33px!important; }
 body.hayat-store .hayat-header .hayat-logo { height:46px!important; }
 body.hayat-store .hayat-header .hayat-menu-toggle { width:26px!important; }
}
@media(max-width:1024px) {
 body.hayat-store .hayat-header .hayat-menu-toggle span { display:block!important; flex:0 0 1px; height:1px!important; margin:0!important; background:#fff8eb!important; }
 body.hayat-store .hs-home-hero { max-height:none; }
}
body.hayat-store .hs-favorite-card__price { display:block!important; margin:8px 0; color:inherit; font-size:14px; }

body.hayat-store .hs-brand-editorial__visual, body.hayat-store .hs-professional__visual { position:relative; overflow:hidden; }
body.hayat-store .hs-brand-editorial__visual img, body.hayat-store .hs-professional__visual img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 54%; }

body.hayat-store .hayat-footer { background:#555!important; color:#fff8eb!important; padding:60px clamp(24px,5vw,80px) 24px; }
body.hayat-store .hayat-footer .hayat-footer__logo { min-height:0!important; }
body.hayat-store .hayat-footer .hayat-footer__logo img { width:235px!important; max-width:235px!important; height:87px!important; max-height:87px!important; filter:none!important; }
body.hayat-store .hayat-footer .hayat-footer__intro { padding-bottom:36px; gap:24px 60px; }
body.hayat-store .hayat-footer .hayat-footer__intro h2 { font-size:30px; }
body.hayat-store .hayat-footer .hayat-footer__grid { padding:36px 0; }
body.hayat-store .hayat-footer h2, body.hayat-store .hayat-footer h3, body.hayat-store .hayat-footer strong, body.hayat-store .hayat-footer a { color:#fff8eb!important; }
body.hayat-store .hayat-footer .hayat-newsletter { border-color:#ddb857; }

body.hayat-store .hs-favorite-card .price-box { margin:8px 0; color:inherit; }
body.hayat-store .hs-favorite-card .price { font-size:14px!important; font-weight:500; color:inherit!important; }

@media(max-width:1024px) {
 body.hayat-store .hayat-header .hayat-nav { grid-column:1 / -1!important; grid-row:auto!important; width:100%!important; margin:0!important; transform:none!important; }
}
body.hayat-store .hs-favorite-card__media { display:grid; place-items:center; }
body.hayat-store .hs-favorite-card__image { height:100%!important; max-height:100%; object-fit:contain; }
body.hayat-store .hs-brand-editorial__visual, body.hayat-store .hs-professional__visual { height:auto!important; align-self:stretch; margin:0!important; }
body.hayat-store .hs-brand-editorial__inner, body.hayat-store .hs-professional__inner { align-items:stretch; }

/* Use the supplied transparent horizontal identity without recoloring the artwork. */
body.hayat-store .hayat-header .hayat-logo img { width:190px!important; height:80px!important; max-height:80px!important; filter:none!important; }
body.hayat-store .hayat-header .hayat-logo { height:80px!important; }
body.hayat-store .hayat-header { padding-block:4px!important; }
body.hayat-store .hayat-footer .hayat-footer__logo img { height:109px!important; max-height:109px!important; }
html:has(body.hs-scroll-preview) { scroll-snap-type:none!important; }
@media(max-width:1024px) {
 body.hayat-store .hayat-header .hayat-logo, body.hayat-store .hayat-header .hayat-logo img { height:64px!important; max-height:64px!important; }
}
@media(max-width:480px) {
 body.hayat-store .hayat-header .hayat-logo, body.hayat-store .hayat-header .hayat-logo img { width:112px!important; max-width:112px!important; height:52px!important; max-height:52px!important; }
}

/* Interior pages use a white header; homepage photography retains its overlay. */
body.hayat-store .hayat-header:not(.hayat-header--home) { background:#fff!important; color:#211d1b!important; border-bottom:1px solid #eee8e3!important; }
body.hayat-store .hayat-header:not(.hayat-header--home) .hayat-nav .navigation .level0 > .level-top,
body.hayat-store .hayat-header:not(.hayat-header--home) .hayat-action--icon,
body.hayat-store .hayat-header:not(.hayat-header--home) .hayat-language summary { color:#211d1b!important; }
body.hayat-store .hayat-header:not(.hayat-header--home) .hayat-menu-toggle span { background:#211d1b!important; }
body.hayat-store .hayat-header:not(.hayat-header--home) .hayat-nav .navigation .level0 > .level-top:hover,
body.hayat-store .hayat-header:not(.hayat-header--home) .hayat-nav .navigation .level0.active > .level-top,
body.hayat-store .hayat-header:not(.hayat-header--home) .hayat-action--icon:hover { color:#9c6167!important; }
@media(max-width:1024px) {
 body.hayat-store .hayat-header:not(.hayat-header--home) .hayat-nav { background:#fff!important; }
 body.hayat-store .hayat-header:not(.hayat-header--home) .navigation .level0 { border-bottom-color:#eee8e3!important; }
}