/*
 * HP-Zen homepage hero.
 * HP-Zen owns the homepage shell; HP-Card owns rail/card internals.
 */

.hp-zen-home-hero {
    --hp-zen-home-hero-overlay: rgba(4, 8, 8, 0.28);
    --hp-zen-home-hero-glass: rgba(10, 13, 12, 0.36);
    --hp-zen-home-hero-glass-strong: rgba(9, 10, 10, 0.74);
    --hp-zen-home-hero-border: rgba(255, 255, 255, 0.14);
    background:
        linear-gradient(180deg, rgba(4, 7, 8, 0.1), rgba(4, 7, 8, 0.36)),
        var(--hp-zen-home-hero-bg, linear-gradient(135deg, #152116, #35492e 46%, #101816));
    background-position: center center;
    background-size: cover;
    color: #fffaf0;
    min-height: 820px;
    overflow: visible;
    padding: clamp(108px, 7vw, 132px) 18px clamp(54px, 5vw, 72px);
}

.hp-zen-home-hero.hp-zen-bg {
    overflow: visible;
}

.hp-zen-home-hero::before {
    background:
        radial-gradient(ellipse at 30% 18%, rgba(246, 255, 220, 0.18), transparent 26%),
        radial-gradient(ellipse at 66% 26%, rgba(42, 177, 135, 0.12), transparent 32%),
        linear-gradient(90deg, rgba(0, 0, 0, 0.22), transparent 22%, transparent 72%, rgba(0, 0, 0, 0.44));
    filter: saturate(1.08);
    inset: 0;
    opacity: 0.92;
}

.hp-zen-home-hero::after {
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.16), transparent 36%, rgba(0, 0, 0, 0.28)),
        radial-gradient(ellipse at 50% 100%, rgba(241, 209, 138, 0.1), transparent 38%);
    inset: 0;
    opacity: 0.88;
}

.hp-zen-home-hero__inner {
    align-items: center;
    display: grid;
    gap: clamp(38px, 4.6vw, 58px);
    justify-items: center;
    margin-inline: auto;
    max-width: 1280px;
    width: 100%;
}

.hp-zen-home-hero__brand-card {
    background:
        linear-gradient(140deg, rgba(255, 255, 255, 0.06), transparent 38%),
        var(--hp-zen-home-hero-glass);
    border: 1px solid var(--hp-zen-home-hero-border);
    border-radius: 14px;
    box-shadow:
        0 28px 90px rgba(0, 0, 0, 0.22),
        0 14px 34px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.13);
    max-width: 720px;
    padding: 34px 36px 28px;
    text-align: left;
    width: min(100%, 720px);
}

@supports (backdrop-filter: blur(8px)) {
    .hp-zen-home-hero__brand-card {
        backdrop-filter: blur(8px) saturate(1.12);
    }
}

.hp-zen-home-hero__logo-wrap {
    align-items: center;
    display: flex;
    margin-bottom: 18px;
    min-height: 76px;
}

.hp-zen-home-hero__logo {
    filter: drop-shadow(0 6px 16px rgba(0, 0, 0, 0.28)) drop-shadow(0 0 14px rgba(255, 255, 255, 0.1));
    display: block;
    height: auto;
    max-height: 118px;
    max-width: min(100%, 640px);
    object-fit: contain;
}

.hp-zen-home-hero__logo-text {
    color: #fff;
    display: block;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 5.2rem;
    font-weight: 700;
    line-height: 0.95;
    text-shadow: 0 6px 16px rgba(0, 0, 0, 0.28), 0 0 18px rgba(255, 255, 255, 0.1);
}

.hp-zen-home-hero__title {
    color: #ffffff;
    font-family: var(--hp-zen-typography-heading-font-family, Georgia, "Times New Roman", serif);
    font-size: 2.08rem;
    font-weight: 520;
    letter-spacing: 0;
    line-height: 1.18;
    margin: 0;
    max-width: 16em;
    text-wrap: balance;
}

.hp-zen-home-hero__subtitle {
    color: rgba(255, 255, 255, 0.86);
    font-size: 1.08rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5;
    margin: 10px 0 0;
}

.hp-zen-home-hero__search {
    margin-block: clamp(2px, 0.7vw, 10px) clamp(4px, 0.8vw, 12px);
    max-width: 1120px;
    position: relative;
    width: min(100%, 1120px);
    z-index: 18;
}

.hp-zen-home-hero__search .dgwt-wcas-search-wrapp,
.hp-zen-home-hero__search .dgwt-wcas-search-form,
.hp-zen-home-hero__search .dgwt-wcas-sf-wrapp {
    max-width: none !important;
    width: 100% !important;
}

.hp-zen-home-hero__search .dgwt-wcas-sf-wrapp {
    background: transparent !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.hp-zen-home-hero__search .dgwt-wcas-search-input,
.hp-zen-home-hero__search input[type="search"].dgwt-wcas-search-input {
    background-color: var(--hp-zen-home-hero-glass-strong) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 999px !important;
    box-shadow:
        0 18px 58px rgba(0, 0, 0, 0.28),
        0 8px 20px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    color: #f8f5ed !important;
    font-size: 1.2rem !important;
    font-weight: 430 !important;
    height: 58px !important;
    letter-spacing: 0 !important;
    line-height: 58px !important;
    padding: 0 64px !important;
}

.hp-zen-home-hero__search .dgwt-wcas-search-input::placeholder {
    color: rgba(255, 255, 255, 0.58) !important;
    opacity: 1 !important;
}

.hp-zen-home-hero__search .dgwt-wcas-ico-magnifier,
.hp-zen-home-hero__search .dgwt-wcas-ico-magnifier-handler {
    color: rgba(255, 255, 255, 0.64) !important;
    fill: currentColor !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.hp-zen-home-hero__search .dgwt-wcas-suggestions-wrapp,
.hp-zen-home-hero__search .dgwt-wcas-details-wrapp,
.hp-zen-home-hero-search-popover {
    background:
        linear-gradient(150deg, rgba(255, 255, 255, 0.08), transparent 36%),
        rgba(14, 18, 17, 0.84) !important;
    border: 1px solid rgba(255, 255, 255, 0.13) !important;
    border-radius: 14px !important;
    box-shadow:
        0 24px 74px rgba(0, 0, 0, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.09) !important;
    color: #fffaf0 !important;
    max-height: min(72vh, 680px) !important;
    overflow-y: auto !important;
    scrollbar-color: rgba(241, 209, 138, 0.5) rgba(255, 255, 255, 0.08);
}

@supports (backdrop-filter: blur(8px)) {
    .hp-zen-home-hero__search .dgwt-wcas-suggestions-wrapp,
    .hp-zen-home-hero__search .dgwt-wcas-details-wrapp,
    .hp-zen-home-hero-search-popover {
        backdrop-filter: blur(10px) saturate(1.18);
    }
}

.hp-zen-home-hero__search .dgwt-wcas-suggestion,
.hp-zen-home-hero__search .dgwt-wcas-suggestion *,
.hp-zen-home-hero-search-popover .dgwt-wcas-suggestion,
.hp-zen-home-hero-search-popover .dgwt-wcas-suggestion * {
    color: rgba(255, 255, 255, 0.9) !important;
}

.hp-zen-home-hero__search .dgwt-wcas-st-title,
.hp-zen-home-hero__search .dgwt-wcas-suggestion-selected .dgwt-wcas-st-title,
.hp-zen-home-hero-search-popover .dgwt-wcas-st-title,
.hp-zen-home-hero-search-popover .dgwt-wcas-suggestion-selected .dgwt-wcas-st-title {
    color: #ffffff !important;
    font-family: var(--hp-zen-typography-heading-font-family, Georgia, "Times New Roman", serif) !important;
    font-size: 1.06rem !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
}

.hp-zen-home-hero__search .dgwt-wcas-st-breadcrumbs,
.hp-zen-home-hero__search .dgwt-wcas-st-desc,
.hp-zen-home-hero__search .dgwt-wcas-st-sku,
.hp-zen-home-hero-search-popover .dgwt-wcas-st-breadcrumbs,
.hp-zen-home-hero-search-popover .dgwt-wcas-st-desc,
.hp-zen-home-hero-search-popover .dgwt-wcas-st-sku {
    color: rgba(255, 255, 255, 0.68) !important;
}

.hp-zen-home-hero__search .dgwt-wcas-suggestion-selected,
.hp-zen-home-hero__search .dgwt-wcas-suggestion:hover,
.hp-zen-home-hero-search-popover .dgwt-wcas-suggestion-selected,
.hp-zen-home-hero-search-popover .dgwt-wcas-suggestion:hover {
    background: rgba(255, 255, 255, 0.08) !important;
}

.hp-zen-home-hero__search .dgwt-wcas-suggestion-hd,
.hp-zen-home-hero-search-popover .dgwt-wcas-suggestion-hd {
    border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
    color: #f1d18a !important;
    font-size: 0.78rem !important;
    font-weight: 720 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase;
}

.hp-zen-home-hero__search [data-hp-zen-search-category-hidden="true"],
.hp-zen-home-hero-search-popover [data-hp-zen-search-category-hidden="true"] {
    display: none !important;
}

.hp-zen-home-hero__quality {
    max-width: 1080px;
    transform: translateY(clamp(-18px, -1vw, -8px));
    width: min(100%, 1080px);
}

.hp-zen-home-hero__quality .hp-card-discovery-rail-host,
.hp-zen-home-hero__quality .hp-card-discovery-rail,
.hp-zen-home-hero__quality .hp-card-quality-icon-rail {
    margin: 0 !important;
    width: 100%;
}

.hp-zen-home-hero__quality .hp-card-discovery-rail__header,
.hp-zen-home-hero__quality .hp-card-discovery-rail__controls {
    display: none !important;
}

.hp-zen-home-hero__quality .hp-card-discovery-rail__viewport {
    cursor: grab;
    overflow-x: auto !important;
    overflow-y: clip !important;
    scroll-padding-inline: 0 !important;
    scrollbar-width: none;
    touch-action: pan-x pan-y !important;
    -webkit-overflow-scrolling: touch;
}

.hp-zen-home-hero__quality .hp-card-discovery-rail__viewport::-webkit-scrollbar {
    display: none;
}

.hp-zen-home-hero__quality .hp-card-discovery-rail__viewport.is-hp-zen-dragging {
    cursor: grabbing;
    user-select: none;
}

.hp-zen-home-hero__quality .hp-card-quality-icon-rail__track,
.hp-zen-home-hero__quality .hp-card-discovery-rail__track {
    align-items: stretch;
    display: flex !important;
    flex-wrap: nowrap !important;
    min-width: max-content;
    width: max-content;
}

.hp-zen-home-hero__quality .hp-card-quality-icon-rail__item {
    flex: 0 0 clamp(184px, 13.5vw, 232px) !important;
    height: auto !important;
    min-height: clamp(330px, 21vw, 392px) !important;
    overflow: visible !important;
    padding-bottom: clamp(18px, 1.4vw, 26px) !important;
}

.hp-zen-home-hero__quality :is(.hp-card-quality-icon-rail__summary, .hp-card-discovery-card__summary) {
    -webkit-line-clamp: initial !important;
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

.hp-zen-quality-fallback {
    background: rgba(8, 10, 10, 0.52);
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 8px;
    display: grid;
    gap: 10px;
    grid-auto-flow: column;
    grid-auto-columns: minmax(112px, 1fr);
    overflow-x: auto;
    padding: 14px;
}

@supports (backdrop-filter: blur(8px)) {
    .hp-zen-quality-fallback {
        backdrop-filter: blur(8px) saturate(1.12);
    }
}

.hp-zen-quality-fallback__item {
    align-items: center;
    color: #ffffff;
    display: grid;
    gap: 8px;
    justify-items: center;
    min-width: 104px;
    text-align: center;
}

.hp-zen-quality-fallback__icon {
    align-items: center;
    color: #24c8b8;
    display: flex;
    height: 72px;
    justify-content: center;
    width: 72px;
}

.hp-zen-quality-fallback__image,
.hp-zen-quality-fallback__svg {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.hp-zen-quality-fallback__label {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.94rem;
    font-weight: 440;
    letter-spacing: 0;
    line-height: 1.18;
    max-width: 9em;
}

.hp-zen-homepage-template {
    background:
        linear-gradient(180deg, #05070d 0%, #07100d 38%, #090705 66%, #040506 100%);
    color: #fffaf0;
    min-height: 100vh;
    overflow-x: hidden;
}

.hp-zen-homepage-template__rails {
    display: grid;
}

.hp-zen-homepage-template__rail {
    --hp-zen-homepage-rail-gap: clamp(20px, 2.4vw, 34px);
    contain-intrinsic-size: 620px;
    content-visibility: auto;
    margin: 0;
    min-height: 0;
    overflow: hidden;
    padding: clamp(46px, 5.4vw, 82px) 18px clamp(54px, 6vw, 92px);
}

.hp-zen-homepage-template__rail::before {
    opacity: 0.62;
}

.hp-zen-homepage-template__rail::after {
    opacity: 0.94;
}

.hp-zen-homepage-template__rail + .hp-zen-homepage-template__rail {
    margin-top: 0;
}

.hp-zen-homepage-template__rail-inner {
    margin-inline: auto;
    max-width: 1540px;
    width: min(100%, 1540px);
}

.hp-zen-homepage-template__rail :is(h1, h2, h3, .hp-card-discovery-rail__title, .hp-card-section-title, .hp-card-rail-title) {
    color: #fffaf0;
    font-family: var(--hp-zen-globals-font-family-base, "Poppins", sans-serif);
    font-size: clamp(2rem, 3.4vw, 3.55rem);
    font-weight: 430;
    letter-spacing: 0;
    line-height: 1.02;
    margin-top: 0;
    text-wrap: balance;
}

.hp-zen-homepage-template__rail :is(.hp-card-discovery-rail__subtitle, .hp-card-section-kicker, .hp-card-rail-subtitle, p) {
    letter-spacing: 0;
}

.hp-zen-homepage-template__rail :is(.hp-card-discovery-rail__subtitle, .hp-card-section-kicker, .hp-card-rail-subtitle) {
    color: rgba(255, 250, 240, 0.7);
    font-size: 0.84rem;
    font-weight: 430;
    line-height: 1.45;
}

.hp-zen-homepage-template__rail :is(.hp-card-discovery-rail__header, .hp-card-rail-header, .hp-card-section-header) {
    align-items: flex-end !important;
    display: flex !important;
    flex-direction: row !important;
    gap: clamp(18px, 2.6vw, 40px) !important;
    justify-content: space-between !important;
    margin-bottom: var(--hp-zen-homepage-rail-gap) !important;
    max-width: none !important;
    min-height: 0 !important;
    padding-inline: 0 !important;
    width: 100% !important;
}

.hp-zen-homepage-template__rail[data-hp-zen-homepage-rail-tone="forest-gold"],
.hp-zen-homepage-template__rail[data-hp-zen-homepage-rail-tone="majestic-brown"] {
    padding-block: clamp(54px, 6vw, 96px) clamp(58px, 6.4vw, 104px);
}

.hp-zen-homepage-template__rail[data-hp-zen-homepage-rail-tone="carbon-gold"] {
    min-height: 0;
    padding-block: clamp(48px, 5.6vw, 78px) clamp(56px, 6vw, 92px);
}

.hp-zen-homepage-template__rail[data-hp-zen-homepage-rail-tone="canopy-blue"] :is(.hp-card-discovery-rail__title, h2) {
    color: #f6f8ff;
}

.hp-zen-homepage-template__rail[data-hp-zen-homepage-rail-tone="forest-gold"] :is(.hp-card-discovery-rail__title, h2),
.hp-zen-homepage-template__rail[data-hp-zen-homepage-rail-tone="majestic-brown"] :is(.hp-card-discovery-rail__title, h2),
.hp-zen-homepage-template__rail[data-hp-zen-homepage-rail-tone="royal-purple"] :is(.hp-card-discovery-rail__title, h2),
.hp-zen-homepage-template__rail[data-hp-zen-homepage-rail-tone="carbon-gold"] :is(.hp-card-discovery-rail__title, h2) {
    color: #fff4d8;
}

.hp-zen-homepage-template__rail[data-hp-zen-homepage-rail-tone="forest-gold"] :is(.hp-card-discovery-rail__subtitle, .hp-card-section-kicker),
.hp-zen-homepage-template__rail[data-hp-zen-homepage-rail-tone="majestic-brown"] :is(.hp-card-discovery-rail__subtitle, .hp-card-section-kicker),
.hp-zen-homepage-template__rail[data-hp-zen-homepage-rail-tone="royal-purple"] :is(.hp-card-discovery-rail__subtitle, .hp-card-section-kicker),
.hp-zen-homepage-template__rail[data-hp-zen-homepage-rail-tone="carbon-gold"] :is(.hp-card-discovery-rail__subtitle, .hp-card-section-kicker) {
    color: rgba(255, 231, 178, 0.74);
}

.hp-zen-homepage-template__rail .hp-card-discovery-rail-host {
    margin-inline: calc(50% - 50vw);
    max-width: none;
    width: 100vw;
}

.hp-zen-homepage-template__rail .hp-card-discovery-rail {
    padding-inline: max(18px, calc((100vw - 1540px) / 2));
}

.hp-zen-homepage-template__rail .hp-card-discovery-rail__heading {
    flex: 1 1 auto !important;
    margin-right: auto !important;
    max-width: min(48rem, 58vw) !important;
    min-width: 0 !important;
    text-align: left !important;
}

.hp-zen-homepage-template__rail :is(.hp-card-discovery-rail__title, .hp-card-discovery-rail__subtitle) {
    text-align: left !important;
}

.hp-zen-homepage-template__rail .hp-card-discovery-rail__controls {
    align-self: flex-end !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
    max-width: min(520px, 45vw) !important;
    position: relative !important;
    right: 0 !important;
    transform: none !important;
}

.hp-zen-homepage-template__rail :is(.hp-card-discovery-rail__viewport, .hp-card-rail-viewport) {
    scroll-padding-inline: max(18px, calc((100vw - 1540px) / 2));
}

.hp-zen-homepage-template__rail :is(.hp-card-discovery-rail__button, .hp-card-discovery-rail__discover) {
    backdrop-filter: none;
}

.hp-zen-homepage-template__rail :is(.hp-card-discovery-card, .hp-card-product, .hp-card-profile, .hp-card-media, .hp-card-brand) {
    scroll-margin-inline: 18px;
}

@media (max-width: 900px) {
    .hp-zen-homepage-template__rail {
        contain-intrinsic-size: 590px;
        min-height: 0;
        padding: 42px 14px 54px;
    }

    .hp-zen-homepage-template__rail .hp-card-discovery-rail__header {
        align-items: flex-start !important;
        flex-direction: column !important;
        margin-bottom: 22px !important;
    }

    .hp-zen-homepage-template__rail .hp-card-discovery-rail__heading {
        max-width: none !important;
    }

    .hp-zen-homepage-template__rail .hp-card-discovery-rail__controls {
        max-width: none !important;
        transform: none !important;
    }

    .hp-zen-homepage-template__rail :is(h1, h2, h3, .hp-card-discovery-rail__title, .hp-card-section-title, .hp-card-rail-title) {
        font-size: 2.25rem;
        line-height: 1.06;
    }
}

@media (max-width: 560px) {
    .hp-zen-homepage-template__rail {
        contain-intrinsic-size: 540px;
        min-height: 0;
        padding: 36px 12px 48px;
    }

    .hp-zen-homepage-template__rail[data-hp-zen-homepage-rail-tone="forest-gold"],
    .hp-zen-homepage-template__rail[data-hp-zen-homepage-rail-tone="majestic-brown"] {
        padding-block: 42px 52px;
    }

    .hp-zen-homepage-template__rail :is(h1, h2, h3, .hp-card-discovery-rail__title, .hp-card-section-title, .hp-card-rail-title) {
        font-size: 2rem;
        max-width: 11em;
    }
}

@media (min-width: 1440px) {
    .hp-zen-home-hero {
        /* HP-Zen first-viewport hint: keep the next discovery band visible on desktop. */
        min-height: min(820px, calc(100vh - 82px));
        padding-block: clamp(104px, 6vw, 118px) clamp(34px, 3.8vw, 52px);
    }

    .hp-zen-home-hero__inner {
        gap: clamp(28px, 3vw, 40px);
    }

    .hp-zen-home-hero__logo-text {
        font-size: 5.8rem;
    }

    .hp-zen-home-hero__title {
        font-size: 2.18rem;
    }

    .hp-zen-home-hero__quality {
        transform: translateY(clamp(-28px, -1.5vw, -18px));
    }

    .hp-zen-home-hero__quality .hp-card-quality-icon-rail__item {
        flex-basis: clamp(176px, 12vw, 212px) !important;
        min-height: clamp(276px, 18vw, 332px) !important;
    }

    /* HP-Zen host-owned desktop quality summary two-line budget. */
    .hp-zen-home-hero__quality :is(.hp-card-quality-icon-rail__summary, .hp-card-discovery-card__summary) {
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        display: -webkit-box !important;
        max-height: calc(1.32em * 2) !important;
        overflow: hidden !important;
    }
}

@media (max-width: 900px) {
    .hp-zen-home-hero {
        min-height: 760px;
        padding: 104px 16px 50px;
    }

    .hp-zen-home-hero__inner {
        gap: 30px;
    }

    .hp-zen-home-hero__brand-card {
        padding: 28px 26px 24px;
    }

    .hp-zen-home-hero__logo-text {
        font-size: 3.8rem;
    }

    .hp-zen-home-hero__title {
        font-size: 1.58rem;
    }
}

@media (max-width: 560px) {
    .hp-zen-home-hero {
        background-position: center top;
        min-height: 760px;
        padding: 166px 12px 42px;
    }

    .hp-zen-home-hero__inner {
        gap: 24px;
    }

    .hp-zen-home-hero__quality {
        transform: translateY(-6px);
    }

    .hp-zen-home-hero__brand-card {
        box-sizing: border-box;
        justify-self: center;
        max-width: calc(100vw - 48px);
        overflow: hidden;
        padding: 20px 16px 18px;
        text-align: center;
        width: min(100%, calc(100vw - 48px));
    }

    .hp-zen-home-hero__logo-wrap {
        justify-content: center;
        margin-inline: auto;
        margin-bottom: 12px;
        min-height: 52px;
        width: 100%;
    }

    .hp-zen-home-hero__logo {
        max-height: 70px;
        max-width: min(100%, 310px);
    }

    .hp-zen-home-hero__logo-text {
        font-size: clamp(2.05rem, 11vw, 2.75rem);
        line-height: 0.98;
        overflow-wrap: anywhere;
    }

    .hp-zen-home-hero__title {
        font-size: clamp(1.14rem, 6.1vw, 1.48rem);
        margin-inline: auto;
        max-width: 12.5em;
    }

    .hp-zen-home-hero__subtitle {
        font-size: 0.96rem;
        line-height: 1.42;
        margin-inline: auto;
        max-width: 19em;
    }

    .hp-zen-home-hero__search {
        box-sizing: border-box;
        justify-self: center;
        margin-inline: auto;
        max-width: calc(100vw - 48px);
        width: min(100%, calc(100vw - 48px));
    }

    .hp-zen-home-hero__search .dgwt-wcas-search-input,
    .hp-zen-home-hero__search input[type="search"].dgwt-wcas-search-input {
        font-size: 1rem !important;
        height: 52px !important;
        line-height: 52px !important;
        padding-inline: 48px !important;
    }

    .hp-zen-home-hero__quality .hp-card-quality-icon-rail__item {
        flex: 0 0 clamp(142px, 37vw, 156px) !important;
        inline-size: clamp(142px, 37vw, 156px) !important;
        max-inline-size: 156px !important;
        min-height: 228px !important;
        min-inline-size: 0 !important;
        padding-bottom: 10px !important;
    }

    .hp-zen-home-hero__quality .hp-card-quality-icon-rail__button {
        inline-size: 100% !important;
        min-inline-size: 0 !important;
    }

    .hp-zen-home-hero__quality :is(.hp-card-quality-icon-rail__summary, .hp-card-discovery-card__summary) {
        display: none !important;
    }

    .hp-zen-quality-fallback {
        grid-auto-columns: minmax(98px, 1fr);
        padding: 12px;
    }

    .hp-zen-quality-fallback__icon {
        height: 58px;
        width: 58px;
    }
}