/** Shopify CDN: Minification failed

Line 3914:0 Unexpected "}"

**/
@font-face {
    font-family: "Fustat";
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url("fustat-latin.woff2") format("woff2");
}

@font-face {
    font-family: "Bree Serif";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("bree-serif-latin.woff2") format("woff2");
}

/* ========================================
   HEADER & NAV
   ======================================== */

/* Brand accent bar - disabled */
#header-group::before {
    display: none;
}

/* ---- HEADER BASE ---- */
.header-section .header {
    transition: box-shadow 0.4s ease, background-color 0.4s ease;
}

.header__row--top {
    background: #fff !important;
    border-bottom: 1px solid rgba(74, 63, 53, 0.08) !important;
}

.header__row--bottom {
    border-bottom: none !important;
}

.header[data-sticky-state='active'] .header__row--top {
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    background-color: rgba(255, 255, 255, 0.97) !important;
    box-shadow: 0 2px 20px rgba(74, 63, 53, 0.08);
}

/* ---- ICON COLORS (shared) ---- */
.header-actions__action,
.search-action,
.header__icon--menu {
    color: #4A3F35 !important;
    transition: color 0.25s ease, transform 0.25s ease !important;
}

.header-actions__action:hover,
.search-action:hover,
.header__icon--menu:hover {
    color: #8C6B62 !important;
}

.header-actions__action:hover,
.search-action:hover {
    transform: scale(1.1);
}

.header-actions__action .cart-count {
    background: #4A3F35;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    border-radius: 50%;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
}

.header-logo:hover {
    opacity: 0.85;
    transition: opacity 0.3s ease;
}

.menu-list__list-item:has(> a[href*="/pages/contact"]) {
    display: none !important;
}

/* ---- DESKTOP NAV (750px+) ---- */
@media screen and (min-width: 750px) {
    .header-section .header__columns {
        padding-block: 12px !important;
    }

    .header__column--right {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
        flex-wrap: nowrap !important;
    }

    .header__column--right .search-action {
        order: 1;
        margin: 0 !important;
    }

    .header__column--right header-actions {
        order: 2;
        margin: 0 !important;
    }

    header-actions {
        display: flex !important;
        align-items: center !important;
        gap: 2px !important;
    }

    .header__column--right .search-action,
    .header__column--right .header-actions__action {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 40px !important;
        height: 40px !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 8px;
    }

    .header__column--right .search-action:hover,
    .header__column--right .header-actions__action:hover {
        background: rgba(74, 63, 53, 0.06);
    }

    .header__column--right .search-action .svg-wrapper,
    .header__column--right .header-actions__action .svg-wrapper {
        width: 20px !important;
        height: 20px !important;
    }

    .header__column--right .search-action svg,
    .header__column--right .header-actions__action svg {
        width: 20px !important;
        height: 20px !important;
    }
}

/* ---- MENU PILLS ---- */
.header-menu__inner {
    display: flex;
    align-items: center;
}

.header-menu__inner>nav[header-menu] {
    display: inline-flex;
    border: 1px solid rgba(74, 63, 53, 0.12);
    border-radius: 14px;
    background: #f7f2ed;
    padding: 4px;
}

.menu-list__link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 500 !important;
    font-size: 0.92rem !important;
    line-height: 1.1;
    letter-spacing: 0.02em;
    text-decoration: none !important;
    padding: 12px 20px !important;
    color: #4A3F35 !important;
    background: transparent !important;
    border: 1px solid transparent;
    border-radius: 10px;
    box-shadow: none !important;
    transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease !important;
}

.menu-list__link-title {
    position: relative;
    z-index: 1;
    text-shadow: none;
    filter: none;
    opacity: 1;
    transform: none;
    -webkit-font-smoothing: antialiased;
}

.menu-list__link:hover,
.menu-list__link:focus-visible {
    color: #fff !important;
    background: #4A3F35 !important;
    border-color: #4A3F35 !important;
    outline: none;
}

.menu-list__link::before,
.menu-list__link::after {
    display: none !important;
}

.menu-list__link--active,
.menu-list__link--active:hover,
.menu-list__link--active .menu-list__link-title,
.menu-list__link[aria-current],
.menu-list__link[aria-current]:hover,
.menu-list__link[aria-current] .menu-list__link-title {
    text-decoration: none !important;
}

.menu-list__link--active,
.menu-list__link[aria-current] {
    color: #4A3F35 !important;
    font-weight: 600 !important;
    background: #fff !important;
    border: 1px solid rgba(74, 63, 53, 0.35) !important;
    box-shadow: 0 1px 2px rgba(74, 63, 53, 0.08);
}

.menu-list__link--active:hover,
.menu-list__link[aria-current]:hover {
    background: #fff !important;
    border-color: rgba(74, 63, 53, 0.45) !important;
}

.overflow-menu::part(list) {
    gap: 4px !important;
}

.menu-list__list-item:not([slot='overflow'])>.menu-list__link:hover {
    background: #4A3F35 !important;
    border-radius: 10px;
}

.header-menu .menu-list:where( :has(.menu-list__list-item:hover),
    :has(.menu-list__list-item:focus-within),
    :has(.menu-list__list-item:not([aria-hidden='true']) .menu-list__link--active)) .menu-list__link {
    color: #4A3F35 !important;
}

/* ---- MEGA MENU ---- */
.mega-menu__content {
    border-radius: 0 0 12px 12px;
    box-shadow: 0 16px 48px rgba(74, 63, 53, 0.10);
    border: 1px solid rgba(74, 63, 53, 0.06);
    border-top: 2px solid #4A3F35;
    animation: menuSlide 0.25s cubic-bezier(.22, .61, .36, 1) forwards;
}

@keyframes menuSlide {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.mega-menu__product-card {
    border-radius: 10px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.mega-menu__product-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(74, 63, 53, 0.08);
}

.mega-menu__link {
    transition: color 0.2s ease, background 0.2s ease;
    border-radius: 6px;
    padding: 6px 10px;
}

.mega-menu__link:hover {
    color: #4A3F35;
    background: rgba(74, 63, 53, 0.05);
}

/* ---- ANNOUNCEMENT BAR ---- */
.header-announcements .slideshow-slide {
    font-weight: 500;
    font-size: 0.8rem;
    padding-block: 7px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* ---- MOBILE HEADER ---- */
@media screen and (max-width: 749px) {

    /* Hide duplicate search */
    .header__columns>search-button.search-action:first-of-type {
        display: none !important;
    }

    /* 4-column grid: Menu | Logo | Search | Actions */
    .header__columns {
        display: grid !important;
        grid-template-columns: 44px 1fr 44px auto !important;
        grid-template-areas: 'leftA center rightA rightB' !important;
        column-gap: 0 !important;
        align-items: center !important;
        padding: 6px 10px 6px 0 !important;
    }

    .header__columns .header-logo {
        grid-area: center !important;
        justify-self: center;
    }

    .header__columns .search-action {
        grid-area: rightA !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .header__columns header-actions {
        grid-area: rightB !important;
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        margin-inline-start: 10px !important;
    }

    /* Hide desktop-only account popover */
    .header__columns header-actions .account-popover,
    .header__columns header-actions anchored-popover-component {
        display: none !important;
    }

    /* Strip ALL box styling from mobile icons */
    .header__columns header-actions,
    .header__columns .search-action,
    .header__columns .header-actions__action,
    .header__columns .header-actions__action.button-unstyled,
    .header__columns .account-button,
    .header__columns header-actions cart-drawer-component,
    .header__columns header-actions dialog-component,
    .header__columns header-actions .account-drawer,
    .header__columns header-actions .cart-drawer {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
        overflow: visible !important;
    }

    /* Remove white circle behind account & cart icons */
    .cart-bubble__background {
        display: none !important;
    }

    .cart-bubble {
        background: transparent !important;
        background-color: transparent !important;
    }

    .account-button__avatar {
        background: transparent !important;
        background-color: transparent !important;
    }

    .account-button__icon {
        background: transparent !important;
    }

    /* Compact button size */
    .header__columns header-actions .header-actions__action,
    .header__columns header-actions .account-button,
    .header__columns header-actions .button-unstyled,
    .header__columns header-actions cart-drawer-component,
    .header__columns header-actions dialog-component,
    .header__columns header-actions .account-drawer,
    .header__columns header-actions .cart-drawer {
        width: 32px !important;
        height: 32px !important;
        min-width: 0 !important;
        padding: 4px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Icon SVG sizes */
    .header__columns header-actions .svg-wrapper,
    .header__columns .search-action .svg-wrapper {
        width: 24px !important;
        height: 24px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .header__columns header-actions svg,
    .header__columns .search-action svg {
        width: 22px !important;
        height: 22px !important;
    }

    /* Drawer menu */
    .menu-drawer {
        background: #FDFAF7 !important;
    }

    .menu-drawer__navigation {
        padding-inline: 14px;
        padding-block-end: 18px;
    }

    .menu-drawer__list-item+.menu-drawer__list-item {
        margin-top: 6px;
    }

    .menu-drawer__menu-item {
        font-size: 0.95rem;
        font-weight: 500 !important;
        letter-spacing: 0.02em;
        padding: 16px 18px !important;
        color: #4A3F35 !important;
        border-radius: 12px !important;
        background: transparent !important;
        border: none !important;
        transition: all 0.2s ease;
    }

    .menu-drawer__menu-item:active,
    .menu-drawer__menu-item:hover,
    .menu-drawer__menu-item--active {
        background: rgba(74, 63, 53, 0.05) !important;
        color: #4A3F35 !important;
    }

    .menu-drawer__menu-item--mainlist {
        min-height: 52px;
    }

    .menu-drawer__menu-item--active,
    .menu-drawer__menu-item[aria-current='page'] {
        font-weight: 600 !important;
        background: rgba(74, 63, 53, 0.08) !important;
    }

    .desktop-only {
        display: none !important;
    }

    /* Cart icon on mobile */
    .header__columns header-actions cart-drawer-component,
    .header__columns header-actions .header-actions__action:has(cart-icon),
    .header__columns header-actions a.action__cart {
        width: 36px !important;
        height: 36px !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
    }

    .header__columns header-actions .header-actions__cart-icon svg,
    .header__columns header-actions .header-actions__cart-icon .svg-wrapper,
    .header__columns header-actions cart-drawer-component svg,
    .header__columns header-actions cart-drawer-component .svg-wrapper {
        width: 24px !important;
        height: 24px !important;
    }

    /* Cart count bubble on mobile */
    .header__columns header-actions .cart-bubble {
        background-color: #4A3F35 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 16px !important;
        height: 16px !important;
        border-radius: 50% !important;
        position: absolute !important;
        top: -2px !important;
        right: -2px !important;
        padding: 0 2px !important;
    }

    .header__columns header-actions .cart-bubble__text-count {
        color: #fff !important;
        font-size: 9px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
    }

}



/* Free Shipping Bar inside Cart Drawer */
.cart-shipping-bar {
    padding: 16px 24px;
    background-color: #fcf9fb;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.cart-shipping-bar__message {
    font-size: 0.9rem;
    color: var(--color-foreground);
    margin-bottom: 10px;
    text-align: center;
}

.cart-shipping-bar__message strong {
    color: #7c3aed;
    font-weight: 600;
}

.cart-shipping-bar__track {
    width: 100%;
    height: 8px;
    background-color: rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

.cart-shipping-bar__fill {
    height: 100%;
    background: linear-gradient(90deg, #ec4899, #7c3aed, #ec4899);
    background-size: 200% 100%;
    border-radius: 8px;
    transition: width 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    animation: shimmerProgress 3s linear infinite;
}

@keyframes shimmerProgress {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: -100% 0;
    }
}

.brand-icons {
    display: grid;
    justify-content: space-between;
    align-items: flex-start;
    grid-template-columns: repeat(3, calc(33.33% - 40px));
    gap: 60px;
}

.btn-arrow {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.blog-slider-section {
    padding: 60px 20px;
    text-align: center;
}

.blog-slider-section h2 {
    font-size: 2rem;
    margin-bottom: 40px;
}

.blog-slider-wrapper {
    position: relative;
}

.blog-slider {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.container {
    max-width: var(--page-width);
    margin: auto;
}

.blog-slider .swiper-wrapper {
    gap: 72px;
    display: grid;
    grid-template-columns: repeat(3, calc(33.33% - 48px));
}

.blog-card {
    background: #fff;
    padding: 24px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.image_div img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.blog-slider-section .container {
    max-width: var(--page-content-width);
}

.blog-card img {
    width: 100%;
    height: auto;
    border-radius: 17px;
    margin-bottom: 16px;
}

.blog-card h4 {
    font-weight: 400;
    font-size: 34px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    margin: 0;
}

.blog-card p {
    font-size: 17px;
    color: #545454ad;
    margin-top: 15px;
}

.blog-card .read-more {
    background-color: #3f2e1d;
    color: #fff;
    cursor: pointer;
    opacity: 1;
    border-radius: 6.61px;
    padding-top: 19.83px;
    padding-right: 99.13px;
    padding-bottom: 19.83px;
    padding-left: 99.13px;
    font-family: var(--font-body--family);
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.view-all-btn {
    margin-top: 40px;
}

.view-all-btn a {
    display: inline-block;
    padding: 15px 50px;
    border: 1px solid #3f2e1d;
    color: #3f2e1d;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: .2s ease;
    font-size: 24px;
    display: flex;
    width: fit-content;
    margin: auto;
    align-items: center;
    gap: 10px;
}

.ui-test-product-list slideshow-arrows {
    position: absolute;
    top: -30%;
    right: 0;
    bottom: unset;
    left: unset;
    gap: 20px;
}

.ui-test-product-list .resource-list__carousel .slideshow-control[disabled] {
    display: unset;
    cursor: pointer;
}

.ui-test-product-list span.svg-wrapper.icon-arrow svg path {
    fill: black;
    stroke: black;
    stroke-width: 2px;
}

.footer-image-group {
    position: absolute;
    bottom: 0;
    right: -2.9%;
    width: 15%;
    display: none !important;
}

.footer-utilities {
    color: white;
}

.footer-utilities a {
    color: white;
}

product-price div {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

span[role='group'] {
    display: flex;
}

span.price {
    font-family: var(--font-body--family);
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0;
    color: #8C6B62;
}

span.compare-at-price {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    color: #1E1E1ECC;
}

span.save-badge.group {
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0;
    vertical-align: middle;
    background: #e87c72;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    font-family: var(--font-body--family);
}

/* product-card badges */
.cstm-product-badges .product-features {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.cstm-product-badges .badge {
    width: calc(50% - 5px);
    text-align: center;
    /* width: max-content; */
    opacity: 1;
    gap: 4px;
    border-radius: 9px;
    padding: 6px;
    display: grid;
    grid-template-columns: 100%;
    justify-content: center;
}

quick-add-component.quick-add {
    display: none;
}

span.badge-text {
    font-family: var(--font-body--family);
    font-weight: 400;
    font-size: 12px;
    line-height: 126%;
    letter-spacing: 0;
    vertical-align: middle;
}

.product-information span.badge-text {
    font-size: 16px;
}

.ui-test-product-list .image-block {
    position: absolute;
    width: 100%;
    height: 100%;
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
    z-index: -2;
    /* animation: bg-scroll 15s linear infinite;  */
}

.ui-test-product-list .image-block:last-child {
    display: none;
}

.ui-test-product-list .image-block img {
    object-fit: inherit;
}

.feature-icons-section {
    padding: 60px 20px;
}

/* .button:hover , */
.view-all-btn a:hover {
    box-shadow: 0 0.5em 0.5em -0.4em black;
    transform: translateY(-0.25em);
}

div:has(.product_page_features) {
    width: 100%;
}

.product_page_features .product-features .badge {
    display: flex;
    width: calc(33.33% - 6.7px);
    padding: 12px 20px;
    justify-content: center;
}

.product_page_features img {
    display: none;
}

.product_page_features .product-features {
    width: 100%;
    max-width: 100%;
}


.product-details span.compare-at-price {
    font-family: var(--font-body--family);
    font-weight: 500;
    font-size: 26px;
    line-height: 100%;
    letter-spacing: 0;
    color: #1e1e1e;
}

label.variant-option__button-label {
    flex-direction: column;
    padding: 30px 0 0;
    justify-content: end;
}

.variant_cstm_content {
    width: 100%;
    text-align: center;
}

.variant_bottom_btn {
    width: 100%;
    background-color: #d7d7d7;
    padding: 12px;
    margin-top: 15px;
    text-align: center;
}

fieldset.variant-option.variant-option--buttons.variant-option--equal-width-buttons {
    grid-template-columns: repeat(3, calc(33.33% - 7.5px));
}

.variant-option--buttons legend {
    padding-bottom: 30px;
}

.variant-option__button-label:has(:checked) .variant_bottom_btn {
    background-color: #AEC3B0;
}

span.item_selling {
    font-family: var(--font-body--family);
    font-weight: 600;
    font-size: 14px;
    line-height: 126%;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
}

span.item_quantities {
    font-family: var(--font-body--family);
    font-weight: 600;
    font-size: 14px;
    line-height: 126%;
    letter-spacing: 0;
    color: #D9241499;
}

span.variant-option__button-label__text {
    border-bottom: 1px dashed #4A3F35;
    padding-bottom: 10px;
    font-family: var(--font-body--family);
    font-weight: 600;
    font-size: 20px;
    line-height: 126%;
    letter-spacing: 0;
    text-align: center;
    color: #141414;
    width: 85%;
}

.variant_price span:first-child {
    font-family: var(--font-body--family);
    font-weight: 400;
    font-size: 20px;
    line-height: 126%;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
    color: #8C6B62;
}

.variant_price span:nth-child(2) {
    font-family: var(--font-body--family);
    font-weight: 400;
    font-size: 13.18px;
    line-height: 126%;
    letter-spacing: 0;
    text-align: center;
    color: #000000;
    text-decoration: line-through;
}

span.save-variant-badge {
    font-family: var(--font-body--family);
    font-weight: 600;
    font-size: 14px;
    line-height: 126%;
    letter-spacing: 0;
    text-align: center;
    color: #e9847a;
}

.variant_price {
    padding: 20px 0;
}

.ingrediants-image {
    width: 100%;
    height: 100%;
}

.ingrediant-text {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 16px 6px;
    background: #fdf8f3;
    width: 100%;
    text-align: center;
    min-height: 35%;
}

.ingrediant-text h5 {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 700;
}

.ingrediant-text p {
    margin-top: 0;
    font-size: 14px;
    color: #4b4a49;
}

.ingrediants-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.key-ingredinants-wrapper .ingrediant-item.show_ingrediant {
    display: block;
}

.ingrediant-item {
    border-radius: 15px;
    overflow: hidden;
    background: #FDF8F3;
    /* padding: 30px; */
    position: relative;
    display: none;
}

.key-ingredinants-wrapper .all_show_popup .ingrediant-item {
    display: block;
}

.all_show_popup dialog.popup-link__content {
    /* max-width: 70%; */
    /* width:40%; */
}

.key-ingredinants-wrapper {
    display: grid;
    grid-template-columns: repeat(3, calc(33.33% - 10px));
    gap: 15px;
    width: 100%;
}

.step-icon img {
    height: 92px;
    width: auto;
    object-fit: contain;
}

.step-item {
    display: flex;
    gap: 25px;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.tab-section {
    margin: auto;
    max-width: var(--page-content-width);
    padding-top: 80px;
}

.tab-section .tabs {
    display: flex;
    border-radius: 100px;
    overflow: hidden;
    width: 50%;
    margin: auto;
    margin-bottom: 40px;
    background: #eaf1e5;
}

.tab-section .tab-btn {
    flex: 1;
    padding: 16px 15px;
    cursor: pointer;
    border: none;

    font-weight: bold;
}

.tab-btn.active {
    background: #AEC3B0;
    /* border-bottom: 2px solid #4b6043; */
    border-radius: 100px;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

.steps-wrapper {
    display: grid;
    gap: 15px;
    grid-template-columns: calc(33.33% - 135.9px) 3px calc(33.33% - 135.9px) 3px calc(33.33% - 135.9px);
    justify-content: space-between;
    position: relative;
    padding-top: 40px;
    padding-bottom: 80px;
}

.divider_line {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    height: 50%;
    background-color: #AEC3B0;
}

.benefir-content {
    display: grid;
    align-items: start;
    justify-content: space-between;
    grid-template-columns: calc(40% - 20px) calc(55% - 20px);
    padding-top: 40px;
    padding-bottom: 80px;
}

.benefits-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.benefit-item {
    display: flex;
    align-items: center;
    gap: 10px;
    /* margin-bottom: 20px; */
}

.benefit-item span {
    font-family: var(--font-body--family);
    font-weight: 400;
    font-size: 28px;
    line-height: 1;
    letter-spacing: 0px;
}

span.check-icon {
    width: 5%;
}

.step-number {
    font-weight: bold;
    color: #4b6043;
}

.check-icon {
    color: green;
    margin-right: 8px;
}

.Brand-section {
    margin: 0 50px;
}

.icon_brand_inner {
    border: 1px dashed #AEC3B0;
    padding: 10px;
    border-radius: 7px;
}

.icon_brand_inner img {
    width: 76px;
    height: 76px;
}

.all_show_popup .popup-link__button svg {
    display: none;
}

.faq-section .container {
    max-width: var(--page-content-width);
}

.faq-section {
    padding: 60px 20px;
}

.faq-heading {
    text-align: center;
    /* font-size: 28px; */
    margin-bottom: 30px;
}

.faq-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(300px, 1fr));
    gap: 20px;
}

.faq-item {
    background: #fff;
    border-radius: 8px;
    padding: 40px 20px;
    box-shadow: 0 35.28px 47.05px -21.17px #95959540;
    cursor: pointer;
}

.faq-question {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    width: 100%;
    background: none;
    border: none;
    gap: 20px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease;
    font-size: 14px;
    color: #555;
    /* padding-top: 10px; */
    width: 90%;
    margin-left: auto;
}

.faq-item.active .faq-answer {
    max-height: fit-content;
    padding-top: 20px;
}

.faq-item.active .icon {
    display: none;
}

.faq-item .icon2 {
    display: none;
}

.faq-item.active .icon2 {
    display: inline;
}

.icon {
    display: inline-block;
    transition: transform 0.3s ease;
    font-size: 18px;
    margin-left: 10px;
}

.faq-item span.question {
    font-family: var(--font-body--family);
    font-weight: 600;
    font-size: 26px;
    line-height: normal;
    color: #141414;
    letter-spacing: 0px;
}

.faq-answer p {
    font-family: var(--font-body--family);
    font-weight: 400;
    font-size: 22px;
    line-height: 151%;
    letter-spacing: 0.14px;
}

.faq-grid-content {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.features-section {
    display: flex;
    justify-content: center;
    padding: 20px 0;
}

.features-wrapper {
    display: grid;
    grid-template-columns: repeat(4, calc(25% - 15px));
    gap: 20px;
    max-width: 1000px;
    width: 100%;
}

.feature-item {
    text-align: center;
    padding: 25px 15px 20px;
    border: 1px dashed #ccc;
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 1;
    border-radius: 15.91px;
    border-width: 1.99px;
    border-style: dashed;
}

.feature-item img {
    width: 70px;
    height: auto;
    margin-bottom: 10px;
}

.feature-item p {
    font-weight: 500;
    font-size: 20px;
    line-height: 126%;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
}

.product_feature_icon_main {
    width: 100%;
}

.overlay-text-side {
    position: relative;
    left: -15%;
}

.overlay-text-side.left-side {
    left: auto;
    right: -15%;
}

ul.ingrediant-text-drawer {
    padding: 0;
}

.ingredient-drawer-list h6 {
    font-size: 16px;
    font-family: var(--font-heading--family);
    margin: 0;
}

.ingredient-drawer-list p {
    font-size: 14px;
    margin: 0;
}

li.ingredient-drawer-list {
    display: grid;
    grid-template-columns: 40% 60%;
    gap: 8px;
    padding-bottom: 10px;
    border-bottom: 1px solid #80808075;
    padding-top: 10px;
}

.why-different {
    padding: 60px 20px;
}

.why-different .container {
    max-width: var(--page-content-width);
}

.why-different-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
}

.why-left h2 {
    font-size: 32px;
    margin-bottom: 20px;
    font-weight: bold;
}

.why-left .desc {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 30px;
}

.why-left .btn {
    display: inline-flex;
    align-items: center;
    background-color: #4a3a2f;
    color: #fff;
    padding: 12px 24px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.why-left .btn:hover {
    background-color: #3a2d24;
}

.why-left .arrow {
    margin-left: 8px;
    transition: transform 0.3s ease;
}

.why-left .btn:hover .arrow {
    transform: translateX(4px);
}

.why-right {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

.why-card {
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    /* box-shadow: 0 4px 15px #0000000d; */
    transition: transform .3s ease, box-shadow .3s ease;
    border: 1.36px solid #00000033;
}

.why-card:hover {
    transform: translateY(-10px);
    border: 1.36px solid #8C6B62;
    box-shadow: 0px 35.28px 47.05px -21.17px #95959540;
}

.why-different-grid .card {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.card_right {
    margin-top: 40px;
}

.why-card .icon {
    margin-bottom: 15px;
}

.why-card img {
    max-width: 50px;
}

.why-card h4 {
    margin: 0;
    margin-bottom: 8px;
    color: #8C6B62;
    font-family: var(--font-heading--family);
    font-weight: 500;
    font-size: 22.92px;
    line-height: 32.46px;
    letter-spacing: 0;
}

.why-card:hover .icon svg rect {
    fill: #4a3f35;
}

.why-card:hover .icon svg path {
    fill: #EAF1E5;
}

.why-card p {
    font-size: 18px;
    color: #555;
    line-height: 1.4;
}

.about-rich-text p {
    max-width: 60%;
}

.image_overlay_section.bottom_section .image-block {
    border-top-left-radius: 50px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 0px;
    overflow: hidden;
}

.shopify-block:has(.cstm-product-badges) {
    width: 100%;
}

.cstm-product-badges {
    width: 100%;
}

.product-features .badge:nth-child(3) {
    display: none;
}

.product_page_features .product-features .badge:nth-child(3) {
    display: flex;
}

.contact-social-link-inner {
    opacity: 1;
    border-radius: 8px;
    border-width: 0.5px;
    border-style: dashed;
    transition: 0.3s;
}

.contact-social-link-inner .image-block {
    border-radius: 50%;
    overflow: hidden;
}

.contact-social-link-inner:hover {
    transform: translateY(-5px);
    box-shadow: 0 .5em .5em -.4em #000;
}

section.faq-section.cstm-section-faq {
    background-color: #fdf8f3;
    padding: 60px 20px 80px;
}

.contact-form__form,
.contact-form__form-row {
    flex-wrap: wrap;
    gap: 20px;
}

header-menu.header-menu.mobile\:hidden .menu-list__link.menu-list__link--active span.menu-list__link-title {
    text-decoration: none;
}

.header-drawer-icon--open {
    width: auto;
    display: flex;
    height: auto;
    flex-direction: column;
}

.mega-menu__grid.cstm-mega_menu .mega-menu__list {
    display: none;
}

.mega-menu__grid.cstm-mega_menu .mega-menu__content {
    grid-column: 1/-1;
}

ul.mega-menu__content-list.cstm-feature-product-menu div[ref=priceContainer] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
}

ul.mega-menu__content-list.cstm-feature-product-menu div[ref=priceContainer] span:has(.price) {
    order: 1;
}

ul.mega-menu__content-list.cstm-feature-product-menu div[ref=priceContainer] span:has(.compare-at-price) {
    order: 2;
}

ul.mega-menu__content-list.cstm-feature-product-menu div[ref=priceContainer] span.save-badge.group {
    order: 3;
}

.predictive-search-results__inner .resource-card__content div[ref=priceContainer] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
}

.predictive-search-results__inner div[ref=priceContainer] span:has(.price) {
    order: 1;
}

.predictive-search-results__inner div[ref=priceContainer] span:has(.compare-at-price) {
    order: 2;
}

.predictive-search-results__inner div[ref=priceContainer] span.save-badge {
    order: 3;
}

.ui-test-product-list button.slideshow-control {
    opacity: 1;
    background-color: #AEC3B0;
    animation: unset;
}

.ui-test-product-list span.svg-wrapper.icon-arrow {
    width: 100%;
    height: 100%;
    text-transform: unset;
}

.view-all-btn-collection {
    display: none;
}

.blog-post-featured-image {
    margin: auto;
}

.why-left h3 {
    margin-bottom: 15px;
}

button.button.popup-link__close {
    flex-direction: column;
}

label.variant-option__button-label:hover .variant_bottom_btn {
    background-color: #aec3b0;
}

.cstm-product-badges .badge img {
    display: none;
}

a.addCard_btn {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    gap: 10px;
    background-color: #4a3f35;
    color: #fff;
    padding: 15px;
    border-radius: 7px;
    align-items: center;
    transition: .3s;
    width: 100%;
}

a.addCard_btn:hover {
    background-color: black;
}

button.sold-btn-cstm {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    gap: 10px;
    background-color: #4a3f35;
    color: #fff;
    padding: 15px;
    border-radius: 7px;
    align-items: center;
    transition: .3s;
    width: 100%;
    opacity: 0.7;
}

.quick-add-modal__content fieldset.variant-option.variant-option--buttons.variant-option--equal-width-buttons {
    grid-template-columns: repeat(2, calc(50% - 7.5px));
    margin-top: 0px;
}

.quick-add-modal__content label.variant-option__button-label {
    flex-direction: column;
    padding: 15px 0 0;
    justify-content: end;
}

.quick-add-modal__content .variant_price {
    padding: 5px 0;
}

.quick-add-modal__content span.price {
    font-size: 28px;
}

.quick-add-modal__content .group-block>.group-block-content {
    gap: 15px;
}

.quick-add-modal__content span.variant-option__button-label__text {
    font-size: 16px;
}

.ui-test-product-list .slideshow-control:hover,
.testinoial-content .swiper-button:hover {
    transition: 0.3s;
}

.ui-test-product-list .slideshow-control:hover {
    transform: translateY(-3px);
    box-shadow: 0 .5em .5em -.4em #000;
}

.testinoial-content .swiper-button:hover {
    transform: translateY(-3px);

}

video.slide__video.mobile_video {
    display: none;
}

img.slide__image.mobile_image_wapper {
    display: none;
}

a.slide_link_cstm {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

button.button.popup-link__close {
    --button-border-color: transparent;
}

.button:not(.button-secondary, .button-unstyled) {
    outline-color: transparent !important;
}

.shopify-policy__body h2 {
    font-size: 36px;
}

.shopify-policy__body h3 {
    font-size: 32px;
}

.shopify-policy__title h1 {
    font-size: 50px;
}

.shopify-policy__container {
    max-width: 95% !important;
}

.cstm-page-content {
    --page-content-width: 95%;
}

.cstm-product-badge {
    position: absolute;
    top: 10px;
    right: 0;
    width: fit-content;
    background-color: #AEC3B0;
    padding: 2px 10px;
    border-radius: 3px;
}

.cstm-product-badge p {
    font-size: 16px;
    letter-spacing: 0;
}

.value-cstm-grid .layout-panel-flex--row>.group-block--width-fill {
    flex: unset;
    width: calc((100% - (var(--gap) * 3)) / 4);
    align-self: normal;
    display: flex;
}

.value-cstm-grid .layout-panel-flex--row {
    flex-flow: row wrap;
    justify-content: var(--horizontal-alignment);
    align-items: var(--vertical-alignment);
}

.value-cstm-grid-inner>.group-block-content {
    display: flex;
    height: 100%;
    justify-content: flex-start;
}

.view_all_btn svg path {
    fill: #000;
}

li.menu__item a {
    border-bottom: 1px solid transparent;
    transition: 0.3s;
}

li.menu__item:hover a {
    border-bottom: 1px solid #ffffffa6;
}

@media only screen and (max-width: 1400px) {
    .blog-card .read-more {
        padding: 20px 40px;
    }

    .tab-section {
        max-width: 90%;
    }

    .testimonial-wrapper {
        max-width: 1100px;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .testimonial-wrapper {
        max-width: 950px;
    }

    .testimonial-slide {
        padding: 15px 15px 15px;
    }

    p.detail-product {
        margin: 5px 0px;
    }
}

@media only screen and (max-width: 1199px) {
    .testimonial-wrapper {
        max-width: 1200px;
        width: 80%;
    }

    .testimonial-slide .text-block {
        width: 100%;
        padding-top: 15px;
    }

    .text-test-div .text-block p {
        font-size: 44px;
    }

    .testimonial-slide {
        padding: 25px 40px;
    }

    /* .testimonial-slide .text-block p {
    width: 100%;
    max-width: 100%;
} */
    .testimonial-slide .text-block p {
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    p.detail-product {
        margin: 10px 0;
    }

    .blog-slider .swiper-wrapper {
        gap: 25px;
        display: grid;
        grid-template-columns: repeat(3, calc(33.33% - 16.7px));
    }

    .product-details product-price .price {
        font-size: 40px;
    }

    label.variant-option__button-label {
        padding: 15px 0 0;
        justify-content: end;
    }

    span.variant-option__button-label__text {
        font-size: 16px;
    }

    span.item_quantities {
        font-size: 12px;
    }

    .variant_price {
        padding: 7px 0;
        display: flex;
        flex-direction: column-reverse;
    }

    .variant_bottom_btn {
        padding: 5px;
        margin-top: 5px;
    }

    .variant_price span:first-child {
        font-size: 14px;
    }

    .variant_price span:nth-child(2) {
        font-size: 10px;
    }

    .btn-bottom-text p {
        font-size: 11px;
    }

    .features-wrapper {
        grid-template-columns: repeat(4, calc(25% - 7.5px));
        gap: 10px;
    }

    .feature-item img {
        width: 50px;
        margin-bottom: 7px;
    }

    .feature-item p {
        font-size: 14px;
    }

    .feature-item {
        padding: 10px;
    }

    .accordion .details__header {
        font-size: 24px;
    }

    h5,
    .h5 {
        font-size: 24px;
    }

    h6 {
        font-size: 18px;
    }

    .tab-section {
        padding-top: 60px;
    }

    .steps-wrapper {
        padding-top: 30px;
        padding-bottom: 50px;
        grid-template-columns: 30% 2px 30% 2px 30%;
    }

    .divider_line {
        height: 30%;
    }

    .step-item p {
        font-size: 16px;
    }

    .step-icon img {
        height: 72px;
    }

    .step-item {
        gap: 15px;
    }

    .brand-side-text .text-block p {
        font-size: 14px;
    }

    .icon_brand_inner img {
        width: 60px;
        height: 60px;
    }

    .brand-side-text .icon_brand .text-block p {
        font-size: 10px;
    }

    .icon_brand .group-block-content {
        gap: 10px;
    }

    .icon_brand_inner img {
        width: 50px;
        height: 50px;
    }

    .icon_brand_inner {
        padding: 7px;
    }

    h3.faq-heading {
        font-size: 36px;
        margin-bottom: 15px;
        line-height: 1.4;
    }

    .faq-question {
        gap: 10px;
        font-size: 12px;
    }

    .faq-item span.question {
        font-size: 18px;
    }

    .faq-question span svg {
        width: 15px;
        height: 15px;
    }

    .faq-grid-content {
        gap: 15px;
    }

    .faq-item {
        padding: 30px 15px;
    }

    .faq-answer p {
        font-size: 14px;
    }

    .navigation_footer>.group-block-content {
        flex-wrap: wrap;
        display: grid;
        grid-template-columns: auto auto;
    }

    .feature-icons-section .feature-icons-pagination {
        display: none;
    }
}

@media only screen and (max-width: 992px) {
    .brand-icons {
        display: flex;
        justify-content: unset;
        align-items: unset;
        grid-template-columns: unset;
        gap: unset;
    }

    .text-test-div .text-block p {
        font-size: 40px;
    }

    .testimonial-slide .text-block {
        width: 100%;
        padding-top: 15px;
    }

    .testimonial-slide .text-block p {
        width: 100%;
        max-width: 100%;
        font-size: 22px;
    }

    p.detail-product {
        font-size: 20px;
        font-family: var(--font-body--family);
        margin: 10px 0;
    }

    .testimonial-stars {
        margin: 5px 0;
        font-size: 20px;
        gap: 5px;
    }

    .testimonial-meta span {
        font-weight: 600;
        font-size: 20px;
    }

    .testimonial-meta {
        margin-top: 10px;
    }

    .testimonial-slide {
        padding: 25px 40px;
    }

    .testimonial-wrapper {
        max-width: 75%;
    }

    .icons-inner-group .layout-panel-flex {
        display: unset;
    }

    .blog-slider .swiper-wrapper {
        gap: 0;
        display: flex;
        grid-template-columns: unset;
    }

    .blog-slider {
        display: block;
        width: 90%;
        margin: 0 auto;
    }

    .product_page_features .product-features .badge {
        padding: 7px;
    }

    h3 {
        font-size: 32px !important;
    }

    .cstm-product-badges .product-features {
        gap: 5px;
    }

    span.badge-text {
        font-size: 10px;
    }

    .product-information span.badge-text {
        font-size: 14px;
    }

    .people_viewing p {
        font-size: 14px;
    }

    .product-information__media,
    .product-details {
        grid-column: 1/-1 !important;
    }

    .benefir-content {
        grid-template-columns: calc(45% - 10px) calc(55% - 10px);
        padding-top: 30px;
        padding-bottom: 50px;
    }

    span.check-icon svg {
        width: 25px;
        height: 25px;
    }

    .benefit-item span {
        font-size: 18px;
    }

    .layout-panel-flex--row>.group-block--width-fill.side_content {
        flex: unset;
        width: 100%;
        max-width: 100%;
        grid-column: 1/-1;
    }

    .Brand-section .custom-section-content .section-content-wrapper>.image-block {
        /* display: none; */
    }

    .navigation_footer>.group-block-content {
        flex-wrap: wrap;
        display: flex;
    }

    .navigation_footer>.group-block-content>.group-block {
        width: 100%;
        max-width: 100%;
        flex: unset;
    }

    .faq-grid {
        grid-template-columns: 100%;
    }

    .why-different-grid {
        grid-template-columns: 1fr;
    }

    .why-right {
        grid-template-columns: 1fr 1fr;
    }

    .contact-social-link-inner {
        padding: 10px 8px;
    }

    .contact-social-link-inner>.group-block-content .text-block p {
        font-size: 14px !important;
    }

    .contact-social-link>.group-block-content {
        gap: 10px;
    }

    .contact-social-link-inner>.group-block-content {
        gap: 5px;
    }

    .feature-icons-section {
        position: relative;
    }

    .feature-icons-section .feature-icons-swiper {
        display: flex;
        flex-direction: column;
    }

    .feature-icons-section .feature-icons-pagination {
        position: static !important;
        inset: auto !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 100%;
        margin-top: 14px;
    }

    .feature-icons-section .feature-icons-swiper>.swiper-pagination:not(.feature-icons-pagination) {
        display: none !important;
    }

    .feature-icons-section .feature-icons-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: auto;
        left: auto;
        z-index: auto;
        transform: none;
    }

    .feature-icons-section .feature-icons-pagination .swiper-pagination-bullet-active {
        opacity: var(--swiper-pagination-bullet-opacity, 1);
        background: black;
    }
}

@media only screen and (max-width: 767px) {
    video.slide__video.desktop_video {
        display: none;
    }

    video.slide__video.mobile_video {
        display: block;
    }

    img.slide__image.mobile_image_wapper {
        display: block;
    }

    img.slide__image.desktop_image {
        display: none;
    }

    .testimonial-section {
        padding: 40px 10px;
    }

    .blog-card {
        padding: 10px;
    }

    .blog-card h4 {
        font-size: 20px;
    }

    .blog-card p {
        font-size: 12px;
        color: #444;
        margin-top: 5px;
    }

    .blog-card .read-more {
        padding: 10px 21px;
        font-size: 14px;
        max-width: 77%;
        margin-top: 10px;
    }

    .image-test-div.test-colmn .image_test-bg {
        display: none;
    }

    .testinoial-content {
        display: flex;
        flex-direction: column-reverse;
        width: 90%;
        gap: 10px;
    }

    .testimoial-bg-content {
        display: flex;
        flex-direction: column-reverse;
        gap: 0;
    }

    .testimonial-section .rte {
        display: none;
    }

    .text-test-div .text-block p {
        text-align: center;
        font-size: 25px;
        line-height: 1.2;
    }

    .testimonial-wrapper {
        max-width: 100%;
        position: unset;
        width: 100%;
    }

    .btn-arrow {
        font-size: 14px;
        padding: 10px;
    }

    .btn-arrow span svg {
        width: 25px;
        height: 25px;
    }

    .feature-icons-section {
        padding: 30px 15px;
    }

    .testimonial-slide {
        padding: 15px;
    }

    p.detail-product {
        font-size: 15px;
    }

    .testimonial-stars {
        margin: 5px 0;
        font-size: 16px;
        gap: 5px;
    }

    .testimonial-stars svg {
        width: 16px;
        height: 16px;
    }

    .testimonial-meta span {
        font-weight: 600;
        font-size: 14px;
    }

    .testimonial-meta img {
        width: 35px;
        height: 35px;
    }

    .testimonial-slide .text-block p {
        width: 100%;
        max-width: 100%;
        font-size: 16px;
    }

    .blog-slider-section {
        padding: 40px 20px;
        text-align: center;
    }

    .blog-slider-section .text-block {
        padding-bottom: 25px;
    }

    .blog-slider-section h3 {
        font-size: 28px !important;
    }

    .view-all-btn a {
        padding: 7px 15px;
        font-size: 18px;
    }

    .view-all-btn a span svg {
        width: 25px;
        height: 25px;
    }

    .icon-block img {
        width: 50px !important;
    }

    .marquee__content .text-block {
        padding-right: 15px;
    }

    footer .footer_logo_group p {
        max-width: 90% !important;
        text-wrap: auto !important;
        display: ruby;
    }

    button.email-signup__button {
        font-size: 14px !important;
        padding: 10px !important;
    }

    footer .layout-panel-flex--row:not(.mobile-column) .text-block {
        flex: unset;
    }

    /* .blog-slider {
    display: block;
    width: 100%;
    margin: 0 auto;
}  */
    .container {
        width: 90%;
        margin: 0 auto;
    }

    .blog-slider-section {
        padding: 40px 0;
        text-align: center;
    }

    .feature-icons-section {
        position: relative;
        padding: 40px 10px;
    }

    marquee-component {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .ui-test-product-list .section {
        padding: 10px 0 25px;
        row-gap: 15px;
    }

    .ui-test-product-list .image-block img {
        object-fit: cover;
        object-position: left;
    }

    h1 {
        font-size: 40px !important;
    }

    h2 {
        font-size: 32px !important;
    }

    h3,
    .h3 {
        font-size: 28px !important;
    }

    h4 {
        font-size: 22px !important;
    }

    h5 {
        font-size: 18px !important;
    }

    .testimoial-bg-content .swiper-buttons {
        justify-content: flex-end;
        gap: 10px;
        margin-top: 8px;
    }

    .testinoial-content .swiper-button {
        padding: 6px;
    }

    .testinoial-content .swiper-button svg {
        width: 15px;
        height: 15px;
    }

    .blog-slider-section .container {
        width: 100%;
    }

    .blog-slider {
        display: block;
        width: 95%;
        margin: unset;
        margin-left: auto;
    }

    footer p {
        font-size: 18px !important;
    }

    .email-signup__input {
        padding: 10px !important;
    }

    .email-signup__input::placeholder {
        font-size: 14px;
    }

    footer .icon-block img {
        width: 30px !important;
    }

    .product-details product-price .price {
        font-size: 24px;
    }

    .product-details span.compare-at-price {
        font-size: 14px;
    }

    .steps-wrapper {
        padding-top: 30px;
        padding-bottom: 30px;
        grid-template-columns: 100%;
    }

    .tab-section .tabs {
        width: 100%;
        margin: auto auto 25px;
    }

    .tab-section .tab-btn {
        padding: 10px 13px;
    }

    .product-details {
        width: 95% !important;
        margin: auto;
    }

    .people_viewing .icon-block img {
        width: 20px !important;
    }

    fieldset.variant-option.variant-option--buttons.variant-option--equal-width-buttons {
        grid-template-columns: 100%;
    }

    label.variant-option__button-label {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .variant_cstm_content {
        width: 70%;
        text-align: center;
        display: grid;
        grid-template-columns: 50% 50%;
    }

    span.variant-option__button-label__text {
        font-size: 12px;
        width: 30%;
        padding-left: 5px;
        border-bottom: none;
    }

    .variant_price {
        padding: 7px 0;
        display: flex;
        flex-direction: column;
        grid-column: 2/-1;
        grid-row: 1/3;
    }

    .product-details .product-form-buttons {
        justify-content: center;
    }

    .extra_text .text-block {
        align-items: flex-start;
    }

    .btn-bottom-text .icon-block img {
        width: 19px !important;
    }

    .features-section {
        display: flex;
        justify-content: center;
        padding: 0;
    }

    .features-wrapper {
        grid-template-columns: repeat(4, calc(25% - 5.25px));
        gap: 7px;
    }

    .feature-item img {
        width: 40px;
        margin-bottom: 7px;
    }

    .accordion .details__header,
    h5,
    .h5 {
        font-size: 20px !important;
    }

    .tab-section {
        padding-top: 40px;
    }

    .tab-section {
        position: relative;
        /* Defines the boundary for sticky child */
    }

    .tab-section .tabs {
        position: sticky;
        top: 68px;
        z-index: 7;
    }

    .brand-side-text>.group-block-content {
        gap: 15px;
    }

    .Brand-section {
        margin: 0 0px;
    }

    .Brand-section>.section>.custom-section-content {
        width: 90%;
        margin: auto;
    }

    .benefir-content {
        grid-template-columns: 100%;
        gap: 20px;
        display: grid;
        justify-items: center;
        width: 85%;
        margin: auto;
        padding-bottom: 30px;
    }

    .benefit-item span {
        font-size: 14px;
        margin: 0;
    }

    .benefits-wrapper {
        gap: 10px;
    }

    .brand-side-text h5 {
        text-align: center;
    }

    .brand-side-text .text-block p {
        font-size: 14px;
        text-align: center;
    }

    .icon_brand>.group-block-content {
        gap: 10px;
        display: grid;
        grid-template-columns: calc(50% - 5px) calc(50% - 5px);
    }

    .faq-item span.question {
        font-size: 14px;
    }

    .faq-item {
        padding: 15px 5px;
    }

    .faq-section {
        padding: 40px 0;
    }

    .faq-question {
        gap: 10px;
        font-size: 12px;
        display: grid;
        grid-template-columns: 7% auto;
    }

    .faq-item span.question {
        font-size: 14px;
        text-align: left;
    }

    span.icon2 {
        font-size: 18px;
    }

    .key-ingredinants-wrapper {
        display: grid;
        grid-template-columns: repeat(3, calc(40% - 7.5px));
        gap: 10px;
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
    }

    .key-ingredinants-wrapper::-webkit-scrollbar {
        display: none;
        /* Hide scrollbar for cleaner look */
    }

    .key-ingredinants-wrapper {
        /* display:none !important; */
        scrollbar-width: none;
    }

    .ingrediant-item.show_ingrediant:first-child {
        display: block;
    }

    .ingrediant-item.show_ingrediant:nth-child(2) {
        display: block;
    }

    .all_show_popup .icon-block img {
        width: 15px;
    }

    .ingrediant-text {
        min-height: 40%;
        padding: 10px 5px;
    }

    .ingrediant-text h5 {
        font-size: 15px;
        white-space: pre-wrap;
    }

    .ingrediant-text p {
        margin-top: 0;
        font-size: 10px;
        color: #4b4a49;
        white-space: pre-wrap;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    li.ingredient-drawer-list {
        grid-template-columns: 100%;
    }

    .why-right {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .overlay-text-side {
        position: relative;
        left: auto;
    }

    .overlay-text-side.left-side {
        left: auto;
        right: auto;
    }

    .about-rich-text p {
        max-width: 100%;
    }

    .why-different {
        padding: 30px 0px;
    }

    .why-card {
        padding: 10px;
    }

    .why-card .icon {
        margin-bottom: 0;
        margin-left: 0;
        display: flex;
    }

    .why-card .icon svg {
        width: 60px;
        height: 60px;
        margin-bottom: 10px;
    }

    .why-card h4 {
        font-size: 16px;
        line-height: 1;
    }

    .why-different-grid .card {
        gap: 10px;
    }

    .image_overlay_section.bottom_section .spacing-style {
        flex-direction: column-reverse;
    }

    .about-us-join-us .section .custom-section-content>.spacing-style {
        padding-top: 30px;
    }

    .about-us-join-us .section .custom-section-content>.spacing-style>.text-block:has(h5) {
        padding-top: 40px;
    }

    .about-us-join-us .section .custom-section-content .group-block {
        padding: 10px;
    }

    .why-card:hover {
        transform: unset;
    }

    .about-rich-text .btn-arrow {
        padding: 10px;
        font-size: 16px;
    }

    .about-rich-text .btn-arrow svg {
        width: 18px;
        height: 18px;
    }

    .contact-social-link .group-block-content {
        flex-wrap: wrap;
    }

    .group-block-content .contact-social-link-inner {
        flex: unset;
        width: calc(50% - 5px);
    }

    .contact-social-link .layout-panel-flex--row:not(.mobile-column) .text-block {
        flex: unset;
    }

    .contact-us-cstm .icon-block img {
        width: 20px;
    }

    section.faq-section.cstm-section-faq {
        padding: 40px 0;
    }

    .hero-wrapper .button {
        font-size: 16px;
        padding: 10px 20px;
    }

    .product_page_features .product-features .badge {
        width: auto;
    }

    .text-block.h2 p {
        font-size: 35px !important;
    }

    .footer-uti-cstm p {
        text-align: center;
    }

    .footer-utilities {
        padding: 0;
        gap: 0;
    }

    footer span.divider__line {
        min-width: 100%;
    }

    .ui-test-product-list .image-block {
        display: none;
    }

    .ui-test-product-list .image-block:last-child {
        display: flex;
    }

    ul.menu-drawer__menu.menu-drawer__menu--childlist.menu-drawer__animated-element.details-content {
        display: grid;
        grid-template-columns: repeat(2, calc(50% - 5px));
        gap: 10px;
        padding: 0;
    }

    ul.menu-drawer__featured-content-list.menu-drawer__animated-element.list-unstyled {
        display: none;
    }

    ul.menu-drawer__menu .resource-card__content div[ref=priceContainer] span:has(.price),
    .predictive-search-results__inner div[ref=priceContainer] span:has(.price) {
        order: 1;
        font-size: 12px;
        width: auto !important;
    }

    ul.menu-drawer__menu .resource-card__content div[ref=priceContainer] span:has(.compare-at-price),
    .predictive-search-results__inner div[ref=priceContainer] span:has(.compare-at-price) {
        order: 2;
    }

    ul.menu-drawer__menu .resource-card__content div[ref=priceContainer] span .compare-at-price,
    .predictive-search-results__inner div[ref=priceContainer] span .compare-at-price {
        font-size: 10px;
    }

    ul.menu-drawer__menu .resource-card__content div[ref=priceContainer] span.save-badge,
    .predictive-search-results__inner div[ref=priceContainer] span.save-badge {
        order: 3;
    }

    .need-help-text p {
        font-size: 14px;
    }

    footer .need-help-text .icon-block img {
        width: 20px !important;
    }

    .navigation_footer>.group-block-content {
        gap: 10px;
    }

    .resource-list__carousel .h5 p {
        font-size: 20px !important;
    }

    div:has(.product_page_features) {
        width: 100%;
        row-gap: 10px;
    }

    .feature-icons-section .feature-icons-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
        margin-top: 10px;
    }

    .feature-icons-section .feature-icons-pagination .swiper-pagination-bullet-active {
        opacity: var(--swiper-pagination-bullet-opacity, 1);
        background: black;
    }

    .Brand-section>.section {
        padding-bottom: 20px;
    }

    .contact-us-cstm>.section>.custom-section-content>.layout-panel-flex {
        padding: 0;
    }

    footer .divider {
        padding: 10px;
    }

    .navigation_footer {
        padding-bottom: 20px;
    }

    .footer-uti-cstm span,
    .footer-uti-cstm p {
        font-size: 14px;
    }

    .footer-utilities {
        padding: 0;
        gap: 0;
    }

    .footer-image-group {
        display: none;
    }

    .ui-test-product-list button.slideshow-control {
        opacity: 1;
        background-color: #aec3b0;
        animation: unset;
        width: 25px;
        height: 25px;
        min-height: 24px;
        padding: 3px;
        margin: 0;
        transition: 0.3s;
    }

    .ui-test-product-list slideshow-arrows {
        top: 35%;
        gap: 8px;
        bottom: -8%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .ui-test-product-list span.svg-wrapper.icon-arrow svg path {
        stroke-width: 1.5px;
    }

    .ui-test-product-list span.svg-wrapper.icon-arrow {
        width: 100%;
        height: 100%;
        text-transform: unset;
    }

    .marquee__content img.icon-block__media {
        width: 35px !important;
    }

    a.nav_view-all {
        text-decoration: underline;
        text-underline-offset: 2px;
        font-size: 16px;
        margin-top: 7px;
        text-align: right;
        display: inline-block;
        width: 100%;
    }

    li.menu-drawer__list-item.mega-menu__content-list-item--hidden-tablet {
        display: none;
    }

    .menu-drawer__list-item .h5 {
        font-size: 13px !important;
    }

    .view-all-btn-collection {
        display: unset;
    }

    .view-all-btn-collection a {
        /* text-decoration: underline; */
        font-size: 16px;
    }

    .ui-test-product-list .view_all_btn {
        display: none;
    }

    .view-all-btn-collection.view-all-btn {
        margin: 0;
    }

    .view-all-btn-collection a svg path {
        fill: black;
    }

    span.svg-wrapper.header-drawer-icon.header-drawer-icon--close {
        flex-direction: column;
        width: auto;
        height: auto;
        gap: 4px;
    }

    .resource-card__content span.save-badge.group {
        font-size: 10px;
        padding: 3px 7px;
    }

    .cart-drawer__dialog {
        width: 100vw !important;
        max-width: 100vw !important;
    }

    .popup-link__content--drawer {
        width: 75vw !important;
    }

    .button.popup-link__close {
        flex-direction: column;
        width: auto;
        /* height: auto; */
        font-size: 14px;
    }

    .add-to-cart-button.button {
        /* padding: 5px !important; */
        /* height: auto !important; */
    }

    .quick-add-modal__content .variant_cstm_content {
        width: 100%;
        text-align: center;
        display: flex;
        flex-direction: column-reverse;
    }

    .quick-add-modal__content .variant_price {
        padding: 5px 0;
        display: unset;
    }

    .quick-add-modal__content span.variant-option__button-label__text {
        font-size: 14px;
        width: 100%;
    }

    a.addCard_btn svg {
        width: 20px;
        height: 20px;
    }

    .quick-add-modal add-to-cart-component .add-to-cart-button.button {
        padding-inline: var(--padding-4xl) !important;
        padding-block: var(--padding-lg) !important;
    }

    .quick-add-modal span.compare-at-price {
        display: none;
    }

    span.save-badge.group {
        font-size: 10px;
        padding: 4px;
    }

    a.addCard_btn {
        padding: 8px;
    }

    button.sold-btn-cstm {
        padding: 8px;
    }

    product-price div {
        gap: 5px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .product-information product-price div {
        gap: 10px;
        flex-wrap: wrap;
    }

    .ui-test-product-list .layout-panel-flex {
        height: fit-content;
    }

    .ui-test-product-list .text-block p {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .main-icons-top-test svg {
        width: 30px;
        height: 25px;
    }

    .ui-test-product-list .product-card__content {
        padding: 5px;
    }

    .menu-drawer__menu-item--mainlist {
        font-size: 20px !important;
    }

    .product-information product-price div span.save-badge.group {
        font-size: 12px;
        padding: 5px 10px;
    }

    .contact-us-cstm .contact-form__form input {
        padding: 10px;
    }

    span.cart-discount__label.h6 {
        font-size: 16px;
    }

    .cart__total-value {
        font-size: 16px !important;
    }

    .product-information span.save-variant-badge {
        grid-row: 1/3;
        align-content: center;
    }

    .cstm-product-badge {
        padding: 2px 5px;
    }

    .value-cstm-grid .layout-panel-flex--row {
        gap: 15px;
    }

    .value-cstm-grid .layout-panel-flex--row>.group-block--width-fill {
        flex: unset;
        width: calc(50% - 15px/2);
    }

    .value-cstm-grid-inner .group-block-content {
        gap: 7px;
    }

    .value-cstm-grid-inner>.group-block-content h5 {
        font-size: 16px;
    }

    .value-cstm-grid .icon-block img {
        width: 30px;
    }

    .whatmore-css-hv-147r665 {
        text-align: center;
        background-color: rgb(52, 52, 52);
        color: transparent;
        background-clip: text;
        font-size: 25px;
        font-family: var(--font-body--family);
    }

    .coupon-text .layout-panel-flex--row:not(.mobile-column) .text-block {
        flex: unset;
    }
}

@media screen and (max-width: 750px) {
    body .menu-drawer:has(details[open]) {
        overflow: scroll;
    }
}

@media only screen and (max-width: 576px) {
    .ui-test-product-list .resource-list__carousel slideshow-slides:has(slideshow-slide.resource-list__slide) {
        padding: 20px 10px;
    }

    .cstm-product-badges {
        display: flex;
        gap: 10px;
        overflow-x: auto;
        /* Horizontal scroll */
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        /* Smooth scrolling on mobile */
    }

    .cstm-product-badges::-webkit-scrollbar {
        display: none;
    }

    .cstm-product-badges {
        scrollbar-width: none;
    }

    .cstm-product-badges.product_page_features {
        scrollbar-width: none;
    }

    .product_page_features .product-features::-webkit-scrollbar {
        display: none;
    }

    .cstm-product-badges .product-features {
        gap: 5px;

    }

    .ui-test-product-list span.badge-text {
        font-size: 10px;
    }

    .product-information span.badge-text {
        font-size: 12px;
    }

    .cstm-product-badges .badge {
        gap: 2px;
        width: 100%;
        grid-template-columns: 100%;
    }

    /* .ui-test-product-list span.save-badge.group {
    order: -1;
            width: auto;
        margin-right: 28%;
} */
    .ui-test-product-list span.price {
        font-size: 14px;
    }

    .ui-test-product-list span.compare-at-price {
        font-size: 12px;
    }

    .ui-test-product-list span[role=group] {
        /* width: calc( 46% - 5px); */
        display: flex;
    }

    .collection-wrapper span[role=group] {
        /* width: calc(46% - 5px); */
        display: flex;
    }

    .collection-wrapper span.price {
        font-size: 14px;
    }

    .collection-wrapper span.compare-at-price {
        font-size: 12px;
    }

    /* .collection-wrapper span.save-badge.group {
    order: -1;
    width: 60%;
            width: auto;
        margin-right: 28%;
} */
    .collection-wrapper .group-block-content {
        gap: 5px;
    }

    .product-headline .text-block p {
        font-size: 10px;
    }

    /* h3,.h3 {
    font-size: 30px !important;
}
h4 {
    font-size: 28px !important;
}
h5 {
    font-size: 20px !important;
} */
    .ui-test-product-list slideshow-slide.resource-list__slide {
        width: calc(50% - var(--resource-list-column-gap)/2) !important;
    }

    .ui-test-product-list .add-to-cart-button {
        padding: 5px !important;
        height: auto !important;
    }

    .ui-test-product-list .product-card__content {
        padding: 5px;
    }

    .ui-test-product-list .add-to-cart-button span {
        font-size: 12px;
    }

    .ui-test-product-list .text-block.h4 {
        display: none;
    }

    .product_page_features .product-features .badge {
        padding: 7px 20px;
    }

    .resource-card__content div[ref="priceContainer"] {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
    }

    .resource-card__content div[ref="priceContainer"] span[role=group] {
        display: flex;
        width: 47%;
    }

    .ui-test-product-list .text-block.h5 p {
        font-size: 18px !important;
    }
}

/* ========================================
   BESTSELLER CARD ALIGNMENT FIX
   ======================================== */
.product-grid .product-grid__item {
    display: flex;
    height: 100%;
}

.product-grid .product-grid__item>product-card-link,
.product-grid .product-grid__item>product-card {
    display: flex;
    flex: 1 1 auto;
    width: 100%;
}

.product-grid .product-grid__item product-card.product-card {
    display: flex;
    flex: 1 1 auto;
    width: 100%;
}

.product-grid .product-grid__item .product-card__content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 100%;
}

.product-grid .product-grid__item .product-card__content>.group-block {
    flex: 1 1 auto;
}

.product-grid .product-grid__item .product-card__content>.group-block>.group-block-content {
    height: 100%;
}

.product-grid .product-grid__item .product-card__content>.addCard_btn,
.product-grid .product-grid__item .product-card__content>.sold-btn-cstm,
.product-grid .product-grid__item .product-card__content>quick-add-component,
.product-grid .product-grid__item .product-card__content>add-to-cart-component {
    margin-top: auto;
}

.section-resource-list .resource-list--grid {
    align-items: stretch !important;
}

.section-resource-list .resource-list--grid .resource-list__item {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.section-resource-list .resource-list--grid .resource-list__item product-card,
.section-resource-list .resource-list--grid .resource-list__item product-card-link {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.section-resource-list .resource-list__item product-card.product-card {
    flex: 1 1 auto;
    display: flex;
    width: 100%;
}

.section-resource-list .resource-list__item .product-card__content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.section-resource-list .resource-list__item .product-card__content>.group-block {
    flex: 1 1 auto;
}

.section-resource-list .resource-list__item .product-card__content>.group-block>.group-block-content {
    height: 100%;
}

.section-resource-list .resource-list__item .product-card__content>.addCard_btn,
.section-resource-list .resource-list__item .product-card__content>.sold-btn-cstm,
.section-resource-list .resource-list__item .product-card__content>quick-add-component,
.section-resource-list .resource-list__item .product-card__content>add-to-cart-component {
    margin-top: auto !important;
}

/* ========================================
   BESTSELLERS — SUBTLE HOVER EFFECTS
   ======================================== */
.ui-test-product-list .resource-list__item {
    transition: transform 0.35s cubic-bezier(.22, .61, .36, 1), box-shadow 0.35s ease;
    border-radius: 16px;
    overflow: hidden;
}

.ui-test-product-list .resource-list__item:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
}

.ui-test-product-list .resource-card__media {
    border-radius: 16px 16px 0 0;
    overflow: hidden;
}

.ui-test-product-list .resource-card__media img {
    transition: transform 0.5s cubic-bezier(.22, .61, .36, 1);
}

.ui-test-product-list .resource-list__item:hover .resource-card__media img {
    transform: scale(1.04);
}

/* ========================================
   HEADER PALETTE + SLIDER DOTS
   ======================================== */

body {
    --reference-cream: #f8f3ea;
    --reference-burgundy: #aa2f36;
    --reference-gold: #ffd84d;
    --reference-ink: #17120d;
}

#header-group,
#header-group * {
    font-family: var(--font-body--family);
}

#header-group .announcement-bar {
    background: var(--reference-burgundy) !important;
    color: #ffffff !important;
}

#header-group .announcement-bar__slide {
    font-weight: 600 !important;
    letter-spacing: 0.01em;
}

#header-group .announcement-bar__slide strong {
    color: var(--reference-gold);
}

#header-group .header,
#header-group .header__row {
    background: var(--reference-cream) !important;
}

#header-group .menu-list__link,
#header-group .header-actions__action,
#header-group .search-action,
#header-group .localization-form__select,
#header-group .localization-popover__trigger {
    color: var(--reference-ink) !important;
}

#header-group .menu-list__link:hover,
#header-group .header-actions__action:hover,
#header-group .search-action:hover {
    color: var(--reference-ink) !important;
    opacity: 0.78;
}

#header-group .menu-list__link {
    font-weight: 600 !important;
}

.media-swiper-section .swiper-pagination {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 18px !important;
    display: flex;
    justify-content: center;
    gap: 10px;
    z-index: 2;
}

.media-swiper-section .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 !important;
    background: rgba(23, 18, 13, 0.28);
    opacity: 1;
}

.media-swiper-section .swiper-pagination-bullet-active {
    background: #17120d;
}

@media only screen and (max-width: 749px) {
    .media-swiper-section .swiper-pagination {
        bottom: 12px !important;
    }
}

/* =====================================   HOMEPAGE — BLOG JOURNAL SECTION
   ======================================== */

/* Section wrapper */
.blog-journal-section {
    background: #fdf8f3;
    padding: 72px 0 80px;
}

.blog-journal__container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 40px;
}

/* Header row: title left, link right */
.blog-journal__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 48px;
    gap: 24px;
}

.blog-journal__heading {
    font-family: var(--font-heading--family), 'Georgia', serif;
    font-size: clamp(1.8rem, 3.5vw, 2.4rem);
    color: #2c2520;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.15;
    margin: 0 0 6px;
}

.blog-journal__subheading {
    font-family: var(--font-body--family), sans-serif;
    font-size: 0.95rem;
    color: rgba(74, 63, 53, 0.55);
    font-style: italic;
    margin: 0;
    line-height: 1.5;
}

.blog-journal__view-all {
    font-size: 0.9rem;
    font-weight: 600;
    color: #2c2520;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
    padding-bottom: 2px;
    transition: color 0.25s ease;
    flex-shrink: 0;
}

.blog-journal__view-all::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #2c2520;
    transition: opacity 0.25s ease;
}

.blog-journal__view-all:hover {
    color: #8C6B62;
}

.blog-journal__view-all:hover::after {
    background: #8C6B62;
}

/* 3-column grid on desktop */
.blog-journal__grid {
    overflow: visible !important;
}

.blog-journal__grid-inner {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 36px;
    transform: none !important;
}

/* Card — completely transparent, no background */
.blog-journal__card {
    width: auto !important;
    margin: 0 !important;
    flex-shrink: unset !important;
}

.blog-journal__card-link {
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Image */
.blog-journal__card-img-wrap {
    border-radius: 10px;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    margin-bottom: 20px;
}

.blog-journal__card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.blog-journal__card-link:hover .blog-journal__card-img {
    transform: scale(1.04);
}

/* Category tag */
.blog-journal__card-category {
    display: block;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #7a8d6d;
    margin-bottom: 10px;
}

/* Title */
.blog-journal__card-title {
    font-family: var(--font-heading--family), 'Georgia', serif;
    font-size: 1.2rem;
    font-weight: 400;
    color: #2c2520;
    line-height: 1.35;
    margin: 0 0 12px;
    transition: color 0.25s ease;
}

.blog-journal__card-link:hover .blog-journal__card-title {
    color: #8C6B62;
}

/* Excerpt */
.blog-journal__card-excerpt {
    font-size: 0.88rem;
    line-height: 1.6;
    color: rgba(44, 37, 32, 0.6);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ---- Responsive ---- */
@media screen and (max-width: 999px) {
    .blog-journal__grid-inner {
        grid-template-columns: repeat(2, 1fr);
        gap: 28px;
    }
}

@media screen and (max-width: 749px) {
    .blog-journal-section {
        padding: 48px 0 56px;
    }

    .blog-journal__container {
        padding: 0 20px;
    }

    .blog-journal__header {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 32px;
        gap: 16px;
    }

    .blog-journal__heading {
        font-size: 1.8rem;
    }

    /* On mobile, let Swiper take over */
    .blog-journal__grid-inner {
        display: flex !important;
        gap: 0;
    }

    .blog-journal__card {
        width: 80vw !important;
        flex-shrink: 0 !important;
    }
}

/* ========================================
   COLLECTION PAGE — MOBILE LAYOUT FIX
   ======================================== */

@media screen and (max-width: 749px) {

    /* Override the 50svh min-height on the collection banner to reduce image cropping */
    [data-template="collection"] .section-wrapper:first-child .section {
        --section-min-height: 25svh !important;
        min-height: 25svh !important;
    }

    [data-template="collection"] .section-wrapper:first-child .section-content-wrapper {
        --padding-block-start: 24px !important;
        --padding-block-end: 24px !important;
        min-height: 25svh !important;
    }

    /* Center the background image on mobile */
    [data-template="collection"] .section-wrapper:first-child .background-image-container img {
        object-position: center center;
    }

    /* Prevent product cards from overflowing viewport */
    [data-template="collection"] .product-grid-container,
    [data-template="collection"] .collection-wrapper,
    [data-template="collection"] .product-grid {
        max-width: 100%;
        overflow-x: hidden;
    }

    [data-template="collection"] .product-grid__item {
        min-width: 0;
        overflow: hidden;
    }
}

/* ========================================
   GLOBAL FONT ALIGNMENT
   ======================================== */
:root {
    --font-unified: var(--font-body--family);
}

body {
    font-family: var(--font-body--family);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: var(--font-heading--family) !important;
}

button,
input,
textarea,
select {
    font-family: var(--font-body--family) !important;
}

/* ========================================
   CATEGORY NAVIGATION BAR
   ======================================== */
.category-nav {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    background: #fff;
    position: relative;
    z-index: 10;
}

.category-nav__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 0;
    margin: 0 auto;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.category-nav__inner::-webkit-scrollbar {
    display: none;
}

.category-nav__link {
    display: inline-flex;
    align-items: center;
    padding: 12px 28px;
    font-family: var(--font-unified) !important;
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #17120d;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
    transition: color 0.2s ease;
}

.category-nav__link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) scaleX(0);
    width: 60%;
    height: 2px;
    background: #8C6B62;
    transition: transform 0.25s ease;
}

.category-nav__link:hover {
    color: #8C6B62;
}

.category-nav__link:hover::after {
    transform: translateX(-50%) scaleX(1);
}

.category-nav__link--highlight {
    color: #e87c72;
}

@media only screen and (max-width: 749px) {
    .category-nav__inner {
        justify-content: flex-start;
        gap: 0;
        padding: 0 12px;
    }

    .category-nav__link {
        padding: 10px 18px;
        font-size: 0.875rem;
    }
}

/* Ensure card content doesn't push past card boundaries */
[data-template="collection"] .product-card__content {
    min-width: 0;
    overflow: hidden;
    word-break: break-word;
}

/* Badges row should wrap instead of overflowing */
[data-template="collection"] .product-grid .cstm-product-badges {
    flex-wrap: wrap;
    overflow-x: hidden;
    white-space: normal;
}

[data-template="collection"] .product-grid .group-block-content {
    min-width: 0;
    overflow: hidden;
}

/* Price container shouldn't overflow */
[data-template="collection"] .product-grid div[ref="priceContainer"] {
    flex-wrap: wrap;
}
}

/* ========================================
   FOOTER LAYOUT IMPROVEMENTS
   ======================================== */
#navigation_footer {
    border-top: 0 !important;
}

#navigation_footer>.group-block-content {
    gap: 48px !important;
    align-items: flex-start !important;
}

#navigation_footer>.group-block-content>.group-block {
    flex: 1;
    min-width: 0;
}

#footer_logo_group {
    flex: 1.5 !important;
}

#footer_logo_group .text-block p {
    font-size: 0.95rem !important;
    color: rgba(0, 0, 0, 0.55);
    line-height: 1.6 !important;
}

#navigation_footer .menu__heading {
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    margin-bottom: 8px;
}

#navigation_footer .menu a {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.55);
    transition: color 0.2s;
}

#navigation_footer .menu a:hover {
    color: #7c3aed;
}

#need-help-text .group-block-content {
    gap: 8px !important;
}

#need-help-text p {
    font-size: 14px !important;
    color: rgba(0, 0, 0, 0.55) !important;
    line-height: 1.5 !important;
}

.footer-utilities {
    border-top: 0 !important;
    margin-top: 32px;
    padding-top: 24px;
}

footer .divider,
footer span.divider__line {
    display: none !important;
}

@media only screen and (max-width: 767px) {
    #navigation_footer>.group-block-content {
        gap: 24px !important;
    }

    #footer_logo_group {
        text-align: center;
    }

    #footer_logo_group .group-block-content {
        align-items: center !important;
    }
}

/* ========================================
   BLOG REDESIGN — DIGITAL APOTHECARY
   ========================================
   All blog visual overrides live here.
   No Liquid {% stylesheet %} blocks are modified.
   ======================================== */

/* ---- DESIGN TOKENS ---- */
:root {
  --blog-bg: #fdf8f3;
  --blog-brown: #4a3f35;
  --blog-brown-light: #8C6B62;
  --blog-sage: #aec3b0;
  --blog-border: rgba(74, 63, 53, 0.12);
  --blog-text-muted: rgba(74, 63, 53, 0.6);
  --blog-card-radius: 12px;
  --blog-card-shadow: 0 2px 16px rgba(74, 63, 53, 0.06);
  --blog-card-shadow-hover: 0 16px 48px rgba(74, 63, 53, 0.12);
}

/* ---- ANIMATIONS ---- */
@keyframes blogFadeInUp {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ---- BLOG HERO HEADER ---- */
.blog-hero {
  background: linear-gradient(180deg, #fdf8f3 0%, #f7f0e8 100%);
  text-align: center;
  padding: 80px 24px 60px;
  border-bottom: none;
  animation: blogFadeInUp 0.6s ease both;
  position: relative;
}

.blog-hero::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--blog-sage), transparent);
}

.blog-hero__title {
  font-family: var(--font-heading--family), serif;
  font-size: clamp(2.4rem, 5vw, 4rem);
  color: var(--blog-brown);
  margin: 0 0 14px;
  letter-spacing: -0.02em;
  line-height: 1.1;
  font-weight: 400;
}

.blog-hero__subtitle {
  font-family: var(--font-body--family), sans-serif;
  font-size: 1.1rem;
  color: var(--blog-text-muted);
  max-width: 480px;
  margin: 0 auto 32px;
  font-style: italic;
  line-height: 1.6;
}

.blog-hero__divider {
  width: 100px;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--blog-sage), transparent);
  margin: 0 auto;
  position: relative;
}

.blog-hero__divider::after {
  content: '🌿';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(180deg, #fdf8f3, #f7f0e8);
  padding: 0 14px;
  font-size: 1.2rem;
}

/* ---- BLOG LISTING GRID ---- */
.blog-posts {
  background: var(--blog-bg) !important;
}

.blog-posts-container {
  gap: 32px !important;
  align-items: stretch !important;
}

/* Override the inline-stylesheet 6-col grid to 3-col */
@media screen and (min-width: 750px) {
  .blog-posts-container {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  /* First post = full-width hero */
  .blog-post-item:first-child {
    grid-column: 1 / -1 !important;
  }

  /* 2nd and 3rd items: just normal 1-col in 3-col grid */
  .blog-post-item:nth-child(2),
  .blog-post-item:nth-child(3) {
    grid-column: span 1 !important;
  }

  /* All remaining items */
  .blog-post-item {
    grid-column: span 1 !important;
  }
}

@media screen and (min-width: 750px) and (max-width: 999px) {
  .blog-posts-container {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .blog-post-item:first-child {
    grid-column: 1 / -1 !important;
  }
}

/* Remove the default border on items (override inline stylesheet) */
.blog-post-item {
  border: none !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column;
}

/* Staggered fade-in for cards */
.blog-post-item:nth-child(2) .blog-post-card { animation-delay: 0.1s; }
.blog-post-item:nth-child(3) .blog-post-card { animation-delay: 0.2s; }
.blog-post-item:nth-child(4) .blog-post-card { animation-delay: 0.15s; }
.blog-post-item:nth-child(5) .blog-post-card { animation-delay: 0.25s; }
.blog-post-item:nth-child(6) .blog-post-card { animation-delay: 0.3s; }

/* ---- BLOG CARD STYLING ---- */
.blog-post-card {
  background: #fff !important;
  border-radius: var(--blog-card-radius) !important;
  overflow: hidden;
  box-shadow: var(--blog-card-shadow);
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),
              box-shadow 0.4s ease !important;
  height: 100%;
  display: flex !important;
  flex-direction: column !important;
  animation: blogFadeInUp 0.5s ease both;
  position: relative;
}

/* Subtle accent line on top of card */
.blog-post-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--blog-sage), var(--blog-brown-light));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 2;
}

.blog-post-card:hover::before {
  opacity: 1;
}

.blog-post-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--blog-card-shadow-hover);
}

/* Card image — FIXED ASPECT RATIO for equal height */
.blog-post-card__image-container {
  overflow: hidden !important;
  border-radius: var(--blog-card-radius) var(--blog-card-radius) 0 0 !important;
  position: relative;
  aspect-ratio: 3 / 2;
  flex-shrink: 0;
}

.blog-post-card__image {
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  top: 0;
  left: 0;
}

.blog-post-card:hover .blog-post-card__image {
  transform: scale(1.05);
}

/* Card content area — flex-grow to fill remaining space */
.blog-post-card__content {
  padding: 22px 24px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}

.blog-post-card__content > a {
  text-decoration: none !important;
}

/* Card tag pill */
.blog-post-card__tag-pill {
  display: inline-block;
  padding: 4px 14px;
  border-radius: 20px;
  background: rgba(174, 195, 176, 0.18);
  color: #4a6e4d;
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 10px;
  width: fit-content;
}

/* Card title */
.blog-post-card__content .text-block {
  font-family: var(--font-heading--family), serif !important;
}

.blog-post-card__content .text-block h5,
.blog-post-card__content .text-block h4,
.blog-post-card__content .text-block h3 {
  font-family: var(--font-heading--family), serif !important;
  color: var(--blog-brown) !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
  font-size: 1.15rem !important;
}

/* Card metadata (date/author) */
.blog-post-card .blog-post-details {
  font-size: 0.75rem !important;
  color: var(--blog-text-muted) !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

/* Card read more link — pushed to bottom */
.blog-post-card .blog-post-card__content-text {
  margin-top: auto !important;
}

.blog-post-card .blog-post-card__content-text a {
  color: var(--blog-brown) !important;
  font-weight: 600;
  font-size: 0.85rem;
  text-decoration: none !important;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding-bottom: 2px;
  margin-top: 8px;
}

.blog-post-card .blog-post-card__content-text a::after {
  content: ' \2192';
  transition: transform 0.3s ease;
}

.blog-post-card:hover .blog-post-card__content-text a::after {
  transform: translateX(4px);
}

/* Card description text — clamp to 2 lines */
.blog-post-card .blog-post-card__content-text {
  color: rgba(74, 63, 53, 0.7) !important;
  font-size: 0.88rem !important;
  line-height: 1.55 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ---- HERO POST (first card) ---- */
@media screen and (min-width: 750px) {
  .blog-post-item:first-child .blog-post-card {
    flex-direction: row !important;
    border-radius: var(--blog-card-radius) !important;
  }

  .blog-post-item:first-child .blog-post-card__image-container {
    width: 55% !important;
    border-radius: var(--blog-card-radius) 0 0 var(--blog-card-radius) !important;
  }

  .blog-post-item:first-child .blog-post-card__image {
    height: 100% !important;
    min-height: 420px;
  }

  .blog-post-item:first-child .blog-post-card__content {
    width: 45% !important;
    padding: 48px 40px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .blog-post-item:first-child .blog-post-card__content .text-block h5,
  .blog-post-item:first-child .blog-post-card__content .text-block h4,
  .blog-post-item:first-child .blog-post-card__content .text-block h3 {
    font-size: 1.8rem !important;
  }

  .blog-post-item:first-child .blog-post-card .blog-post-card__content-text {
    -webkit-line-clamp: 5;
    font-size: 1rem !important;
  }
}

/* ---- BREADCRUMBS ---- */
.blog-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.85rem;
  color: var(--blog-text-muted);
  margin-bottom: 24px;
  width: 100%;
}

.blog-breadcrumb a {
  color: var(--blog-text-muted);
  text-decoration: none;
  transition: color 0.2s;
}

.blog-breadcrumb a:hover {
  color: var(--blog-brown);
}

.blog-breadcrumb__sep {
  opacity: 0.5;
}

.blog-breadcrumb__current {
  color: var(--blog-brown);
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 300px;
}

/* ---- ARTICLE PAGE ---- */
/* Article header */
.section-wrapper:has(.blog-post-comments-container) .section {
  background: var(--blog-bg) !important;
}

.section-wrapper:has(.blog-post-comments-container) header {
  max-width: 800px;
  margin: 0 auto 32px;
  text-align: center;
}

.section-wrapper:has(.blog-post-comments-container) header .text-block h3 {
  font-family: var(--font-heading--family), serif !important;
  font-size: clamp(1.8rem, 4vw, 3rem) !important;
  color: var(--blog-brown) !important;
  line-height: 1.15 !important;
  font-weight: 400 !important;
  margin: 0 !important;
}

.section-wrapper:has(.blog-post-comments-container) .blog-post-details {
  justify-content: center;
  font-size: 0.85rem !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--blog-text-muted) !important;
}

/* Article divider after header */
.article-divider {
  width: 80px;
  height: 2px;
  background: var(--blog-sage);
  margin: 28px auto 0;
  position: relative;
}

.article-divider::after {
  content: '🌿';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--blog-bg);
  padding: 0 12px;
  font-size: 1rem;
}

/* Featured image */
.blog-post-featured-image {
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 12px 40px rgba(74, 63, 53, 0.08) !important;
  max-width: 1000px;
  margin: 0 auto !important;
}

.blog-post-featured-image__image {
  border-radius: 16px !important;
}

/* Article content typography */
.blog-post-content {
  max-width: 720px !important;
  margin: 0 auto !important;
  font-size: 1.1rem !important;
  line-height: 1.85 !important;
  color: #3a3530 !important;
}

.blog-post-content p {
  margin-bottom: 1.5em;
}

/* Drop cap */
.blog-post-content > rte-formatter > p:first-of-type::first-letter,
.blog-post-content > p:first-of-type::first-letter {
  font-family: var(--font-heading--family), serif;
  font-size: 3.6em;
  float: left;
  line-height: 0.85;
  margin-right: 10px;
  margin-top: 6px;
  color: var(--blog-brown);
  font-weight: 400;
}

/* Blockquotes */
.blog-post-content blockquote {
  border-left: 4px solid var(--blog-sage);
  padding: 24px 0 24px 28px;
  margin: 40px 0;
  font-family: var(--font-heading--family), serif;
  font-size: 1.4rem;
  font-style: italic;
  color: var(--blog-brown);
  line-height: 1.5;
  background: rgba(174, 195, 176, 0.06);
  border-radius: 0 8px 8px 0;
}

/* Headings inside article */
.blog-post-content h2,
.blog-post-content h3,
.blog-post-content h4 {
  font-family: var(--font-heading--family), serif !important;
  color: var(--blog-brown) !important;
  margin-top: 2em;
  margin-bottom: 0.75em;
  font-weight: 400 !important;
}

/* Images inside article */
.blog-post-content img {
  border-radius: 12px;
  margin: 32px 0;
}

/* ---- ARTICLE TAGS ---- */
.article-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 720px;
  margin: 40px auto 0;
  padding-top: 32px;
  border-top: 1px solid var(--blog-border);
}

.article-tags a {
  padding: 6px 16px;
  border-radius: 20px;
  border: 1px solid var(--blog-border);
  font-size: 0.82rem;
  font-weight: 500;
  text-decoration: none;
  color: var(--blog-brown);
  background: #fff;
  transition: all 0.25s ease;
}

.article-tags a:hover {
  background: var(--blog-brown);
  color: #fff;
  border-color: var(--blog-brown);
}

/* ---- SOCIAL SHARE ---- */
.blog-social-share {
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 720px;
  margin: 28px auto 0;
}

.blog-social-share__label {
  font-weight: 600;
  font-size: 0.85rem;
  color: var(--blog-brown);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

.blog-social-share__link {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: var(--blog-brown);
  border: 1px solid var(--blog-border);
  transition: all 0.3s ease;
  text-decoration: none;
}

.blog-social-share__link:hover {
  background: var(--blog-brown);
  color: #fff;
  border-color: var(--blog-brown);
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(74, 63, 53, 0.15);
}

/* ---- COMMENT SECTION RESTYLE ---- */
.blog-post-comments-container {
  background: #fff;
  border-radius: 16px;
  padding: 40px !important;
  box-shadow: var(--blog-card-shadow);
  margin-top: 48px !important;
}

.blog-post-comments-container > h2 {
  font-family: var(--font-heading--family), serif !important;
  color: var(--blog-brown) !important;
  font-weight: 400 !important;
  margin-bottom: 24px;
}

.blog-post-comment {
  background: var(--blog-bg);
  padding: 20px 24px;
  border-radius: 10px;
}

/* Comment form */
.blog-post-comments-container .blog-comment-form {
  margin-top: 32px;
  border-top: 1px solid var(--blog-border);
  padding-top: 32px;
}

.blog-post-comments-container input[type="text"],
.blog-post-comments-container input[type="email"],
.blog-post-comments-container textarea {
  border: 1px solid rgba(74, 63, 53, 0.2) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  font-family: var(--font-body--family) !important;
  transition: border-color 0.25s !important;
  background: #fff !important;
}

.blog-post-comments-container input:focus,
.blog-post-comments-container textarea:focus {
  border-color: var(--blog-sage) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(174, 195, 176, 0.2) !important;
}

.blog-post-comments-container button[type="submit"],
.blog-post-comments-container input[type="submit"] {
  background: var(--blog-brown) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 32px !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  cursor: pointer;
  transition: all 0.25s ease !important;
}

.blog-post-comments-container button[type="submit"]:hover,
.blog-post-comments-container input[type="submit"]:hover {
  background: var(--blog-brown-light) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(74, 63, 53, 0.2) !important;
}

/* ---- FEATURED BLOG SLIDER OVERRIDE ---- */
.blog-slider-section {
  background: linear-gradient(180deg, #fdf8f3 0%, #f7f0e8 100%) !important;
  padding: 80px 20px !important;
  border-radius: 0 !important;
}

.blog-slider-section .swiper-wrapper {
  align-items: stretch !important;
}

.blog-slider-section .blog-slide.swiper-slide {
  height: auto !important;
  display: flex;
}

.blog-slider-section .blog-card {
  border-radius: var(--blog-card-radius) !important;
  overflow: hidden;
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),
              box-shadow 0.4s ease;
  box-shadow: var(--blog-card-shadow);
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}

.blog-slider-section .blog-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--blog-sage), var(--blog-brown-light));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 2;
}

.blog-slider-section .blog-card:hover::before {
  opacity: 1;
}

.blog-slider-section .blog-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--blog-card-shadow-hover);
}

.blog-slider-section .blog-card img {
  transition: transform 0.5s ease;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
}

.blog-slider-section .blog-card:hover img {
  transform: scale(1.05);
}

.blog-slider-section .blog-card h4 {
  font-family: var(--font-heading--family), serif !important;
  font-weight: 400 !important;
  color: var(--blog-brown) !important;
  font-size: 1.25rem !important;
  line-height: 1.3 !important;
}

.blog-slider-section .blog-card p {
  color: var(--blog-text-muted) !important;
  font-size: 0.88rem !important;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-slider-section .view-all-btn {
  margin-top: 48px;
}

.blog-slider-section .view-all-btn a {
  border-color: var(--blog-brown) !important;
  color: var(--blog-brown) !important;
  font-size: 1rem !important;
  padding: 14px 40px !important;
  border-radius: 8px !important;
  transition: all 0.3s ease;
  font-weight: 600;
}

.blog-slider-section .view-all-btn a:hover {
  background: var(--blog-brown) !important;
  color: #fff !important;
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(74, 63, 53, 0.15);
}

/* ---- RESPONSIVE ---- */
@media screen and (max-width: 749px) {
  .blog-hero {
    padding: 48px 20px 40px;
  }

  .blog-hero__title {
    font-size: 2rem;
  }

  .blog-post-item:first-child .blog-post-card__content {
    padding: 20px !important;
  }

  .blog-post-comments-container {
    padding: 24px 20px !important;
    border-radius: 12px;
  }

  .blog-social-share {
    flex-wrap: wrap;
  }

  .blog-breadcrumb {
    font-size: 0.78rem;
  }

  .article-tags {
    margin: 24px auto 0;
  }
}

/* ============================================================
   SUMMER PREMIUM STORE THEME
   Sunlit Ayurveda global layer
   ============================================================ */
:root {
  --summer-cream: #fff8ec;
  --summer-coconut: #fffdf7;
  --summer-porcelain: #ffffff;
  --summer-sand: #ead6b8;
  --summer-sandal: #9a6a42;
  --summer-mango: #e6a12f;
  --summer-sage: #788f5b;
  --summer-henna: #b74633;
  --summer-henna-dark: #8d3328;
  --summer-espresso: #2c1f18;
  --summer-kajal: #17110d;
  --summer-muted: rgba(44, 31, 24, 0.66);
  --summer-soft: rgba(255, 253, 247, 0.78);
  --summer-line: rgba(68, 43, 28, 0.12);
  --summer-line-strong: rgba(68, 43, 28, 0.2);
  --summer-shadow: 0 22px 60px rgba(70, 42, 24, 0.1);
  --summer-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--summer-cream);
  color: var(--summer-espresso);
  font-family: var(--font-body--family);
}

main#MainContent {
  background: #ffffff;
}

h1,
h2,
h3,
.h1,
.h2,
.h3 {
  font-family: var(--font-heading--family) !important;
  letter-spacing: -0.045em;
}

a,
button,
summary,
.button,
.quick-add__button,
.add-to-cart-button {
  transition-duration: 260ms !important;
  transition-timing-function: var(--summer-ease) !important;
}

#header-group {
  --summer-header-height: 76px;
  background: var(--summer-cream);
  color: var(--summer-espresso);
}

#header-group .announcement-bar,
#header-group .header-announcements {
  background: linear-gradient(90deg, var(--summer-henna-dark), var(--summer-henna), #c46437) !important;
  color: #fff8ec !important;
}

#header-group .announcement-bar__slide,
#header-group .slideshow-slide {
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em;
}

#header-group .header,
#header-group .header__row {
  background: rgba(255, 248, 236, 0.92) !important;
  border-color: var(--summer-line) !important;
}

#header-group .header[data-sticky-state="active"] .header__row--top,
#header-group .header[data-sticky-state="active"] {
  backdrop-filter: blur(18px) saturate(1.18);
  -webkit-backdrop-filter: blur(18px) saturate(1.18);
  box-shadow: 0 14px 34px rgba(54, 33, 20, 0.08);
}

#header-group .header-logo img,
#header-group .header-logo svg {
  filter: contrast(1.05);
}

#header-group .menu-list__link {
  border-radius: 999px;
  color: var(--summer-espresso) !important;
  font-size: 0.93rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em;
  padding: 10px 16px !important;
}

#header-group .menu-list__link:hover,
#header-group .menu-list__link--active {
  background: rgba(183, 70, 51, 0.1) !important;
  color: var(--summer-henna-dark) !important;
  opacity: 1 !important;
}

#header-group .header-actions__action,
#header-group .search-action,
#header-group .account-button {
  background: rgba(255, 253, 247, 0.72) !important;
  border: 1px solid var(--summer-line) !important;
  border-radius: 14px !important;
  color: var(--summer-espresso) !important;
}

#header-group .header-actions__action:hover,
#header-group .search-action:hover,
#header-group .account-button:hover {
  background: var(--summer-espresso) !important;
  color: var(--summer-cream) !important;
  opacity: 1 !important;
  transform: translateY(-2px) !important;
}

#header-group .cart-bubble,
#header-group .cart-count {
  background: var(--summer-henna) !important;
  border: 2px solid var(--summer-cream);
  color: #fff !important;
}

#header-group .pp-nav .pp-nav__submenu,
#header-group .pp-nav .pp-nav__overflow::part(overflow) {
  width: min(1040px, calc(100vw - 64px)) !important;
  max-width: calc(100vw - 64px) !important;
}

.menu-drawer,
.popup-link__content,
.search-modal,
.predictive-search-results,
.cart-drawer__dialog {
  background: var(--summer-cream) !important;
  color: var(--summer-espresso) !important;
}

.menu-drawer__menu-item,
.menu-drawer__list-item .h5,
.predictive-search-results__inner,
.cart-drawer__content {
  color: var(--summer-espresso) !important;
}

.menu-drawer__menu-item {
  border-radius: 14px !important;
}

.menu-drawer__menu-item:hover,
.menu-drawer__menu-item--active,
.menu-drawer__menu-item[aria-current="page"] {
  background: rgba(183, 70, 51, 0.1) !important;
  color: var(--summer-henna-dark) !important;
}

.cart-drawer__dialog {
  border-left: 1px solid var(--summer-line) !important;
  box-shadow: -22px 0 70px rgba(54, 33, 20, 0.12) !important;
}

.cart-drawer__heading,
.cart-drawer__heading h2,
.cart-drawer__heading h3 {
  font-family: var(--font-heading--family) !important;
  letter-spacing: 0 !important;
}

.cart-drawer__summary,
.cart-drawer__items {
  background: transparent !important;
}

.cart-drawer .cart-items__table-row,
.cart-drawer__summary .cart__summary-totals {
  border-color: var(--summer-line) !important;
}

.search-modal input,
.predictive-search input,
.cart-drawer input,
.cart-drawer textarea {
  background: var(--summer-coconut) !important;
  border: 1px solid var(--summer-line) !important;
  border-radius: 12px !important;
}

[data-template="collection"] main#MainContent,
[data-template="search"] main#MainContent,
[data-template="product"] main#MainContent {
  background: #ffffff;
}

[data-template="collection"] .product-grid-container,
[data-template="search"] .product-grid-container,
[data-template="collection"] .section-background,
[data-template="search"] .section-background {
  background: transparent !important;
}

[data-template="collection"] .collection-wrapper {
  padding-top: clamp(20px, 3vw, 42px);
}

[data-template="collection"] .facets,
[data-template="collection"] .facets-block-wrapper,
[data-template="collection"] .filters,
[data-template="search"] .facets,
[data-template="search"] .facets-block-wrapper {
  color: var(--summer-espresso);
}

[data-template="collection"] .product-grid,
[data-template="search"] .product-grid {
  gap: clamp(14px, 2vw, 26px) !important;
}

[data-template="collection"] .product-grid__item .product-card__content,
[data-template="search"] .product-grid__item .product-card__content,
.section-resource-list .resource-list__item .product-card__content {
  background: var(--summer-coconut) !important;
  border: 1px solid var(--summer-line) !important;
  border-radius: 22px !important;
  box-shadow: none !important;
  overflow: hidden !important;
  padding: 12px !important;
  transition: transform 320ms var(--summer-ease), box-shadow 320ms var(--summer-ease), border-color 320ms var(--summer-ease) !important;
}

[data-template="collection"] .product-grid__item .product-card__content:hover,
[data-template="search"] .product-grid__item .product-card__content:hover,
.section-resource-list .resource-list__item .product-card__content:hover {
  border-color: rgba(183, 70, 51, 0.28) !important;
  box-shadow: var(--summer-shadow) !important;
  transform: translateY(-5px);
}

.product-card__content .card-gallery,
[data-template="collection"] .card-gallery,
[data-template="search"] .card-gallery {
  background:
    radial-gradient(circle at 64% 26%, rgba(230, 161, 47, 0.16), transparent 30%),
    #fff1dc !important;
  border-radius: 17px !important;
  overflow: hidden;
}

.product-card__content img,
.resource-card img {
  transition: transform 440ms var(--summer-ease);
}

.product-card__content:hover img,
.resource-card:hover img {
  transform: scale(1.035);
}

.product-card__content .product-title,
.product-card__content .product-title a,
.product-card__content [data-product-title],
.product-card__content h3,
.resource-card__title {
  color: var(--summer-espresso) !important;
  font-weight: 850 !important;
  letter-spacing: -0.025em;
}

.product-card__content div[ref="priceContainer"],
.resource-card__content div[ref="priceContainer"] {
  color: var(--summer-espresso) !important;
  font-weight: 900 !important;
}

.save-badge,
.product-badge,
.cstm-product-badges span,
.product-card__content .badge {
  background: #f4dfc6 !important;
  border: 1px solid rgba(183, 70, 51, 0.14) !important;
  border-radius: 999px !important;
  color: var(--summer-henna-dark) !important;
}

.addCard_btn,
.sold-btn-cstm,
.quick-add__button,
.add-to-cart-button,
product-form-component .button,
.shopify-payment-button__button {
  background: linear-gradient(180deg, var(--summer-espresso), var(--summer-kajal)) !important;
  border: 1px solid var(--summer-kajal) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  color: var(--summer-cream) !important;
  font-weight: 900 !important;
}

.addCard_btn:hover,
.quick-add__button:hover,
.add-to-cart-button:hover,
product-form-component .button:hover,
.shopify-payment-button__button:hover {
  background: linear-gradient(180deg, var(--summer-henna), var(--summer-henna-dark)) !important;
  transform: translateY(-2px);
}

[data-template="product"] .product-information {
  background: transparent !important;
  color: var(--summer-espresso);
}

[data-template="product"] .product-information__grid {
  gap: clamp(18px, 3vw, 42px);
}

[data-template="product"] .product-information__media,
[data-template="product"] .product-details {
  background: rgba(255, 253, 247, 0.82);
  border: 1px solid var(--summer-line);
  border-radius: 28px;
  box-shadow: 0 24px 70px rgba(70, 42, 24, 0.08);
  overflow: hidden;
}

[data-template="product"] .product-details {
  align-self: start;
  padding: clamp(20px, 3vw, 36px) !important;
  position: sticky;
  top: 112px;
}

[data-template="product"] .product-details h1,
[data-template="product"] .product-details h3,
[data-template="product"] .product-details .product-title,
[data-template="product"] .product-details [data-product-title] {
  color: var(--summer-espresso) !important;
  font-family: var(--font-heading--family) !important;
  font-size: clamp(2.2rem, 4vw, 4.4rem) !important;
  font-weight: 400 !important;
  letter-spacing: -0.065em !important;
  line-height: 0.98 !important;
}

[data-template="product"] .price,
[data-template="product"] product-price {
  color: var(--summer-espresso) !important;
  font-weight: 900 !important;
}

[data-template="product"] .compare-at-price {
  color: rgba(44, 31, 24, 0.45) !important;
}

[data-template="product"] .variant-option,
[data-template="product"] fieldset,
[data-template="product"] .quantity-selector,
[data-template="product"] quantity-selector-component {
  border-color: var(--summer-line) !important;
}

[data-template="product"] label.variant-option__button-label,
[data-template="product"] .variant-option__button-label {
  background: var(--summer-coconut) !important;
  border: 1px solid var(--summer-line) !important;
  border-radius: 14px !important;
  color: var(--summer-espresso) !important;
}

[data-template="product"] label.variant-option__button-label:hover,
[data-template="product"] label.variant-option__button-label:has(input:checked),
[data-template="product"] .variant-option__button-label:has(input:checked) {
  border-color: var(--summer-henna) !important;
  box-shadow: 0 0 0 3px rgba(183, 70, 51, 0.1) !important;
}

[data-template="product"] .tab-section,
[data-template="product"] .faq-section,
[data-template="product"] .section:has(.product-recommendations),
[data-template="product"] .product-recommendations {
  background: transparent !important;
  color: var(--summer-espresso);
}

[data-template="product"] .tab-section,
[data-template="product"] .faq-section .container {
  max-width: 1320px;
}

.tab-section,
.faq-section {
  padding-block: clamp(44px, 7vw, 88px);
}

.tabs {
  background: rgba(255, 253, 247, 0.82);
  border: 1px solid var(--summer-line);
  border-radius: 18px;
  display: inline-flex;
  gap: 8px;
  padding: 6px;
}

.tab-btn {
  border-radius: 12px !important;
  color: var(--summer-espresso);
}

.tab-btn.active,
.tab-btn:hover {
  background: var(--summer-espresso) !important;
  color: var(--summer-cream) !important;
}

.steps-wrapper,
.benefir-content,
.faq-grid {
  background: rgba(255, 253, 247, 0.78);
  border: 1px solid var(--summer-line);
  border-radius: 28px;
  padding: clamp(18px, 3vw, 34px);
}

.step-item,
.benefit-item,
.faq-item {
  background: var(--summer-coconut);
  border: 1px solid var(--summer-line);
  border-radius: 18px;
}

.faq-heading {
  color: var(--summer-espresso);
  font-family: var(--font-heading--family) !important;
  font-size: clamp(2.2rem, 4vw, 4rem);
  font-weight: 400;
  letter-spacing: -0.06em;
}

.faq-question {
  color: var(--summer-espresso) !important;
}

footer,
#footer-group {
  background: var(--summer-espresso) !important;
  color: var(--summer-cream) !important;
}

footer .section,
footer .section-background {
  background: transparent !important;
  color: inherit !important;
}

footer a,
footer p,
footer span,
footer h2,
footer h3,
footer h4,
footer h5 {
  color: inherit !important;
}

footer .navigation_footer {
  border-bottom: 1px solid rgba(255, 248, 236, 0.14);
}

footer .email-signup,
footer input[type="email"] {
  background: rgba(255, 248, 236, 0.08) !important;
  border-color: rgba(255, 248, 236, 0.18) !important;
  color: var(--summer-cream) !important;
}

footer button,
footer .button {
  background: var(--summer-cream) !important;
  border-color: var(--summer-cream) !important;
  color: var(--summer-espresso) !important;
}

.pp-reveal {
  opacity: 0;
  transform: translate3d(0, 18px, 0);
  transition: opacity 700ms var(--summer-ease), transform 700ms var(--summer-ease);
}

.pp-reveal.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.pp-reveal[data-pp-reveal-delay="1"] {
  transition-delay: 80ms;
}

.pp-reveal[data-pp-reveal-delay="2"] {
  transition-delay: 150ms;
}

.pp-reveal[data-pp-reveal-delay="3"] {
  transition-delay: 220ms;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
  }

  .pp-reveal {
    opacity: 1;
    transform: none;
  }
}

/* Desktop navigation refinement: quieter type, tighter rhythm, and a short active marker. */
@media screen and (min-width: 750px) {
  html body .pp-primary-navigation--desktop {
    background: #ffffff !important;
    border-bottom: 1px solid var(--pp-brand-line) !important;
    border-top: 0 !important;
    gap: clamp(26px, 3.2vw, 46px) !important;
    height: 48px !important;
    padding-inline: 24px !important;
  }

  html body .pp-primary-navigation--desktop a {
    align-items: center !important;
    border: 0 !important;
    color: #302925 !important;
    display: inline-flex !important;
    font-size: 0.96rem !important;
    font-weight: 700 !important;
    height: 48px !important;
    letter-spacing: 0 !important;
    min-height: 48px !important;
    padding: 0 2px !important;
    position: relative !important;
  }

  html body .pp-primary-navigation--desktop a::after {
    background: var(--pp-brand-burgundy);
    bottom: 3px;
    content: "";
    height: 2px;
    left: 50%;
    opacity: 0;
    position: absolute;
    transform: translateX(-50%) scaleX(0.55);
    transition: opacity 160ms ease, transform 160ms ease;
    width: 18px;
  }

  html body .pp-primary-navigation--desktop a:hover,
  html body .pp-primary-navigation--desktop a[aria-current="page"] {
    color: var(--pp-brand-burgundy) !important;
  }

  html body .pp-primary-navigation--desktop a:hover::after,
  html body .pp-primary-navigation--desktop a[aria-current="page"]::after {
    opacity: 1;
    transform: translateX(-50%) scaleX(1);
  }
}

@media screen and (max-width: 989px) {
  [data-template="product"] .product-details {
    position: static;
  }
}

@media screen and (max-width: 749px) {
  #header-group .header__columns {
    background: rgba(255, 248, 236, 0.96);
  }

  #header-group .header-actions__action,
  #header-group .search-action,
  #header-group .account-button {
    background: transparent !important;
    border-color: transparent !important;
  }

  #header-group .header-actions__action:hover,
  #header-group .search-action:hover,
  #header-group .account-button:hover {
    background: transparent !important;
    color: var(--summer-henna-dark) !important;
    transform: none !important;
  }

  [data-template="collection"] .product-grid__item .product-card__content,
  [data-template="search"] .product-grid__item .product-card__content {
    border-radius: 16px !important;
    padding: 8px !important;
  }

  [data-template="product"] .product-information__media,
  [data-template="product"] .product-details {
    border-radius: 20px;
    box-shadow: none;
  }

  .tab-section,
  .faq-section {
    padding-block: 34px;
  }

  .steps-wrapper,
  .benefir-content,
  .faq-grid {
    border-radius: 20px;
    padding: 14px;
  }
}

/* ============================================================
   PREITY PRERNA GLOBAL UI LAYER
   ============================================================ */
:root {
  --font-unified: var(--font-body--family);
}

html {
  scroll-behavior: smooth;
}

body {
  background: #ffffff !important;
  color: var(--pp-color-ink) !important;
  font-family: var(--font-body--family) !important;
}

main#MainContent,
[data-template="collection"] main#MainContent,
[data-template="search"] main#MainContent,
[data-template="product"] main#MainContent {
  background: #ffffff !important;
}

h1,
h2,
h3,
.h1,
.h2,
.h3 {
  color: var(--pp-color-ink);
  letter-spacing: -0.03em;
}

body :is(button, a, summary, input, textarea, select) {
  font-family: var(--font-body--family) !important;
}

#header-group {
  background: #ffffff !important;
  color: var(--pp-color-ink) !important;
}

#header-group .announcement-bar,
#header-group .header-announcements {
  background: var(--pp-color-primary) !important;
  color: #ffffff !important;
}

#header-group .announcement-bar__slide,
#header-group .slideshow-slide {
  color: #ffffff !important;
  font-size: 0.98rem !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

#header-group .header,
#header-group .header__row,
#header-group .header__columns {
  background: #ffffff !important;
  color: var(--pp-color-ink) !important;
  border-color: var(--pp-color-border) !important;
  box-shadow: none !important;
}

#header-group .header-logo img,
#header-group .header-logo svg {
  filter: none !important;
}

#header-group .menu-list__link,
#header-group .header-actions__action,
#header-group .search-action,
#header-group .account-button {
  color: var(--pp-color-ink) !important;
}

#header-group .menu-list__link {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  padding: 10px 18px !important;
}

#header-group .menu-list__link:hover,
#header-group .menu-list__link--active,
#header-group .menu-list__link[aria-current] {
  background: transparent !important;
  color: var(--pp-color-primary) !important;
  opacity: 1 !important;
}

#header-group .header-actions__action,
#header-group .search-action,
#header-group .account-button {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#header-group .header-actions__action:hover,
#header-group .search-action:hover,
#header-group .account-button:hover {
  background: transparent !important;
  color: var(--pp-color-primary) !important;
  opacity: 1 !important;
  transform: none !important;
}

#header-group .cart-bubble,
#header-group .cart-count {
  background: var(--pp-color-primary) !important;
  border: 0 !important;
  color: #ffffff !important;
}

@media screen and (min-width: 990px) {
  #header-group .header,
  #header-group .header__row--top {
    min-height: 158px !important;
  }

  #header-group .header__columns {
    height: 158px !important;
    margin: 0 auto !important;
    max-width: 1200px !important;
    padding: 0 !important;
    position: relative !important;
  }

  #header-group .header__column--center,
  #header-group .header-logo {
    left: 50% !important;
    position: absolute !important;
    top: 18px !important;
    transform: translateX(-50%) !important;
    width: 150px !important;
    z-index: 2;
  }

  #header-group .header__column--right,
  #header-group header-actions {
    position: static !important;
  }

  #header-group search-button.search-action.mobile\:hidden {
    align-items: center !important;
    border: 1px solid #d6d6d6 !important;
    border-radius: 9px !important;
    display: inline-flex !important;
    gap: 10px;
    height: 38px !important;
    justify-content: flex-start !important;
    left: 0 !important;
    padding: 0 14px !important;
    position: absolute !important;
    top: 34px !important;
    width: 250px !important;
  }

  #header-group search-button.search-action.mobile\:hidden::after {
    color: #8e8e8e;
    content: attr(data-pp-search-placeholder-text);
    font-size: 0.92rem;
    font-weight: 500;
    white-space: nowrap;
  }

  #header-group search-button.search-action.desktop\:hidden {
    display: none !important;
  }

  #header-group .header__column--right header-actions {
    align-items: center !important;
    display: flex !important;
    gap: 18px !important;
    position: absolute !important;
    right: 0 !important;
    top: 32px !important;
  }

  #header-group .header__column--left {
    bottom: 0 !important;
    height: 54px !important;
    left: 0 !important;
    position: absolute !important;
    right: 0 !important;
    top: auto !important;
    width: 100% !important;
  }

  #header-group header-menu.pp-nav,
  #header-group header-menu.pp-nav.hidden,
  #header-group .header-menu__inner,
  #header-group .pp-nav__container {
    display: block !important;
    height: 54px !important;
    opacity: 1 !important;
    overflow: visible !important;
    position: relative !important;
    visibility: visible !important;
    width: 100% !important;
  }

  #header-group .header__column--left .menu-list {
    align-items: center !important;
    border-top: 1px solid var(--pp-color-border);
    display: flex !important;
    gap: 20px !important;
    height: 54px !important;
    justify-content: center !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 100% !important;
  }

  #header-group .pp-nav .pp-nav__submenu,
  #header-group .pp-nav .pp-nav__overflow::part(overflow) {
    top: calc(100% + 4px) !important;
  }
}

.menu-drawer,
.popup-link__content,
.search-modal,
.predictive-search-results,
.cart-drawer__dialog {
  background: #ffffff !important;
  color: var(--pp-color-ink) !important;
}

.menu-drawer__menu-item,
.menu-drawer__list-item .h5,
.predictive-search-results__inner,
.cart-drawer__content {
  color: var(--pp-color-ink) !important;
}

.menu-drawer__menu-item {
  border-radius: 0 !important;
  font-weight: 800 !important;
}

.menu-drawer__menu-item:hover,
.menu-drawer__menu-item--active,
.menu-drawer__menu-item[aria-current="page"] {
  background: var(--pp-color-surface-warm) !important;
  color: var(--pp-color-primary) !important;
}

.cart-drawer__dialog {
  border-left: 1px solid var(--pp-color-border) !important;
  box-shadow: -12px 0 32px rgba(0, 0, 0, 0.08) !important;
}

.cart-drawer__heading,
.cart-drawer__heading h2,
.cart-drawer__heading h3 {
  color: var(--pp-color-ink) !important;
  font-family: var(--font-heading--family) !important;
}

.search-modal input,
.predictive-search input,
.cart-drawer input,
.cart-drawer textarea {
  background: #ffffff !important;
  border: 1px solid var(--pp-color-border) !important;
  border-radius: 8px !important;
}

[data-template="collection"] .collection-wrapper,
[data-template="search"] .collection-wrapper {
  background: #ffffff !important;
}

[data-template="collection"] .product-grid-container,
[data-template="search"] .product-grid-container,
[data-template="collection"] .section-background,
[data-template="search"] .section-background {
  background: transparent !important;
}

[data-template="collection"] .facets,
[data-template="collection"] .facets-block-wrapper,
[data-template="collection"] .filters,
[data-template="search"] .facets,
[data-template="search"] .facets-block-wrapper {
  color: var(--pp-color-ink) !important;
  font-weight: 600;
}

[data-template="collection"] .product-grid,
[data-template="search"] .product-grid {
  gap: clamp(16px, 2vw, 28px) !important;
}

[data-template="collection"] .product-grid__item .product-card__content,
[data-template="search"] .product-grid__item .product-card__content,
.section-resource-list .resource-list__item .product-card__content {
  background: #ffffff !important;
  border: 1px solid var(--pp-color-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  padding: 10px !important;
  transition: box-shadow 260ms var(--pp-ease-out), transform 260ms var(--pp-ease-out) !important;
}

[data-template="collection"] .product-grid__item .product-card__content:hover,
[data-template="search"] .product-grid__item .product-card__content:hover,
.section-resource-list .resource-list__item .product-card__content:hover {
  border-color: var(--pp-color-border) !important;
  box-shadow: var(--pp-shadow-card) !important;
  transform: translateY(-3px);
}

.product-card__content .card-gallery,
[data-template="collection"] .card-gallery,
[data-template="search"] .card-gallery {
  background: #f5f5f5 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

.product-card__content img,
.resource-card img {
  transition: transform 360ms var(--pp-ease-out);
}

.product-card__content:hover img,
.resource-card:hover img {
  transform: scale(1.04);
}

.product-card__content .product-title,
.product-card__content .product-title a,
.product-card__content [data-product-title],
.product-card__content h3,
.resource-card__title,
.card__heading {
  color: var(--pp-color-ink) !important;
  font-family: var(--font-body--family) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

.product-card__content div[ref="priceContainer"],
.resource-card__content div[ref="priceContainer"],
.price,
product-price {
  color: var(--pp-color-ink) !important;
  font-weight: 800 !important;
}

.compare-at-price {
  color: #8e8e8e !important;
}

.save-badge,
.product-badge,
.cstm-product-badges span,
.product-card__content .badge,
.badge {
  background: rgba(242, 99, 34, 0.12) !important;
  border: 1px solid rgba(242, 99, 34, 0.18) !important;
  border-radius: 4px !important;
  color: var(--pp-color-gold) !important;
  font-weight: 800 !important;
}

.addCard_btn,
.sold-btn-cstm,
.quick-add__button,
.add-to-cart-button,
product-form-component .button {
  background: var(--pp-color-primary) !important;
  border: 1px solid var(--pp-color-primary) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: #ffffff !important;
  font-weight: 800 !important;
}

.addCard_btn:hover,
.quick-add__button:hover,
.add-to-cart-button:hover,
product-form-component .button:hover {
  background: var(--pp-color-text) !important;
  transform: translateY(-1px);
}

.shopify-payment-button__button {
  background: var(--pp-color-botanical) !important;
  border: 1px solid var(--pp-color-botanical) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-weight: 800 !important;
}

[data-template="product"] .product-information {
  background: #ffffff !important;
  color: var(--pp-color-ink) !important;
}

[data-template="product"] .product-information__grid {
  gap: clamp(28px, 3vw, 42px) !important;
}

[data-template="product"] .product-information__media,
[data-template="product"] .product-details {
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

[data-template="product"] .product-information__media {
  padding: clamp(10px, 1.6vw, 18px) !important;
}

[data-template="product"] .product-information__media .media-gallery,
[data-template="product"] .product-information__media slideshow-component,
[data-template="product"] .product-information__media .product-media {
  background: #f5f5f5 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

[data-template="product"] .product-details {
  align-self: start !important;
  padding: clamp(16px, 2.4vw, 28px) !important;
  position: sticky;
  top: 176px;
}

[data-template="product"] .product-details h1,
[data-template="product"] .product-details h2,
[data-template="product"] .product-details h3,
[data-template="product"] .product-details .product-title,
[data-template="product"] .product-details [data-product-title] {
  color: var(--pp-color-ink) !important;
  font-family: var(--font-body--family) !important;
  font-size: clamp(2.1rem, 3vw, 3rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.045em !important;
  line-height: 1.04 !important;
}

[data-template="product"] .product-details .cstm-product-badges,
[data-template="product"] .cstm-product-badges {
  gap: 20px !important;
  margin: 16px 0 !important;
}

[data-template="product"] .product-details .cstm-product-badges span,
[data-template="product"] .cstm-product-badges span {
  align-items: center;
  background: transparent !important;
  border: 0 !important;
  color: var(--pp-color-ink) !important;
  display: inline-flex;
  font-size: 1rem !important;
  gap: 7px;
  padding: 0 !important;
}

[data-template="product"] .price,
[data-template="product"] product-price {
  color: var(--pp-color-ink) !important;
  font-size: clamp(1.7rem, 2.6vw, 2.5rem) !important;
  font-weight: 900 !important;
}

[data-template="product"] .compare-at-price {
  color: #8e8e8e !important;
  font-size: 0.78em !important;
}

[data-template="product"] .variant-option,
[data-template="product"] fieldset,
[data-template="product"] .quantity-selector,
[data-template="product"] quantity-selector-component {
  border-color: var(--pp-color-border) !important;
}

[data-template="product"] label.variant-option__button-label,
[data-template="product"] .variant-option__button-label {
  background: #ffffff !important;
  border: 1px solid var(--pp-color-border) !important;
  border-radius: 10px !important;
  color: var(--pp-color-ink) !important;
}

[data-template="product"] label.variant-option__button-label:hover,
[data-template="product"] label.variant-option__button-label:has(input:checked),
[data-template="product"] .variant-option__button-label:has(input:checked) {
  border-color: var(--pp-color-primary) !important;
  box-shadow: 0 0 0 2px rgba(165, 100, 52, 0.14) !important;
}

[data-template="product"] .product-form-buttons,
[data-template="product"] .buy-buttons-block {
  gap: 14px !important;
}

[data-template="product"] .tab-section,
[data-template="product"] .faq-section,
[data-template="product"] .section:has(.product-recommendations),
[data-template="product"] .product-recommendations {
  background: #ffffff !important;
  color: var(--pp-color-ink) !important;
}

/* PDP recommendations: compact, aligned cards for the "You May Also Like" carousel. */
main[data-template^="product"] product-recommendations .section-resource-list {
  --column-count: 5 !important;
  --resource-list-columns: repeat(5, minmax(0, 1fr)) !important;
  --resource-list-column-gap-desktop: 12px !important;
  --resource-list-row-gap-desktop: 22px !important;
  --gap: clamp(12px, 1.6vw, 18px) !important;
}

main[data-template^="product"] product-recommendations .section-resource-list__content {
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

main[data-template^="product"] product-recommendations .section-resource-list__content > *,
main[data-template^="product"] product-recommendations .section-resource-list__content .text-block,
main[data-template^="product"] product-recommendations .section-resource-list__content .text-block > * {
  margin-inline: auto !important;
  text-align: center !important;
}

main[data-template^="product"] product-recommendations .section-resource-list__content .h3,
main[data-template^="product"] product-recommendations .section-resource-list__content h3 {
  font-size: clamp(1.55rem, 2.4vw, 2.4rem) !important;
  line-height: 1.05 !important;
}

main[data-template^="product"] product-recommendations .pp-serum-recommendations__head h3.pp-serum-recommendations__title--single-line {
  font-size: clamp(0.78rem, 3.8vw, 2.4rem) !important;
  max-width: 100% !important;
  text-wrap: nowrap !important;
  white-space: nowrap !important;
}

main[data-template^="product"] product-recommendations .resource-list__carousel {
  --slide-width-max: 214px !important;
  --mobile-card-size: 42cqw !important;
}

main[data-template^="product"] product-recommendations .resource-list__carousel slideshow-slides {
  align-items: stretch !important;
  gap: 12px !important;
}

@media screen and (min-width: 750px) {
  main[data-template^="product"] product-recommendations .resource-list.force-full-width > .resource-list__carousel > slideshow-component.resource-list__carousel > slideshow-container > slideshow-slides:has(> slideshow-slide.resource-list__slide:last-child:nth-child(-n + 4)) {
    justify-content: center !important;
  }

  main[data-template^="product"] product-recommendations .resource-list--grid:has(> .resource-list__item:last-child:nth-child(-n + 4)) {
    grid-template-columns: repeat(auto-fit, minmax(min(178px, 100%), 214px)) !important;
    justify-content: center !important;
  }
}

@media screen and (min-width: 990px) {
  main[data-template^="product"] product-recommendations .resource-list.force-full-width > .resource-list__carousel > slideshow-component.resource-list__carousel > slideshow-container > slideshow-slides:has(> slideshow-slide.resource-list__slide:last-child:nth-child(-n + 5)) {
    justify-content: center !important;
  }
}

main[data-template^="product"] product-recommendations slideshow-slide.resource-list__slide {
  align-self: stretch !important;
  flex: 0 0 clamp(178px, 17vw, 214px) !important;
  width: clamp(178px, 17vw, 214px) !important;
}

main[data-template^="product"] product-recommendations .resource-list__item,
main[data-template^="product"] product-recommendations product-card-link,
main[data-template^="product"] product-recommendations product-card {
  display: flex !important;
  height: 100% !important;
  min-width: 0 !important;
  width: 100% !important;
}

main[data-template^="product"] product-recommendations .resource-list__item .product-card__content {
  --product-card-gap: 7px !important;
  align-items: stretch !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: 7px !important;
  justify-content: flex-start !important;
  min-height: 312px !important;
  padding: 8px !important;
}

main[data-template^="product"] product-recommendations .product-card__content .card-gallery {
  aspect-ratio: 1 / 1 !important;
  flex: 0 0 auto !important;
  height: auto !important;
  margin: -8px -8px 1px !important;
  min-height: 0 !important;
  width: calc(100% + 16px) !important;
}

main[data-template^="product"] product-recommendations .card-gallery a.contents,
main[data-template^="product"] product-recommendations .card-gallery slideshow-component,
main[data-template^="product"] product-recommendations .card-gallery slideshow-container,
main[data-template^="product"] product-recommendations .card-gallery slideshow-slides,
main[data-template^="product"] product-recommendations .card-gallery slideshow-slide,
main[data-template^="product"] product-recommendations .card-gallery .product-media-container,
main[data-template^="product"] product-recommendations .card-gallery .product-media {
  height: 100% !important;
  min-height: 100% !important;
  width: 100% !important;
}

main[data-template^="product"] product-recommendations .card-gallery slideshow-slides {
  padding-block: 0 !important;
}

main[data-template^="product"] product-recommendations .card-gallery img {
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: scale(1.12) !important;
  transition: transform 280ms var(--pp-ease-out) !important;
  width: 100% !important;
}

main[data-template^="product"] product-recommendations .product-card__content:hover .card-gallery img {
  transform: scale(1.16) !important;
}

@media (prefers-reduced-motion: reduce) {
  main[data-template^="product"] product-recommendations .card-gallery img {
    transition: none !important;
  }
}

main[data-template^="product"] product-recommendations .product-grid-view-zoom-out--details,
main[data-template^="product"] product-recommendations .product-card__content .cstm-product-badges {
  display: none !important;
}

main[data-template^="product"] product-recommendations .product-card__content > .group-block {
  display: flex !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

main[data-template^="product"] product-recommendations .product-card__content > .group-block > .group-block-content {
  align-items: center !important;
  display: flex !important;
  flex: 1 1 auto !important;
  gap: 6px !important;
  height: 100% !important;
  justify-content: flex-start !important;
  text-align: center !important;
}

main[data-template^="product"] product-recommendations .product-card__content .text-block,
main[data-template^="product"] product-recommendations .product-card__content .text-block p {
  margin-inline: auto !important;
  text-align: center !important;
  width: 100% !important;
}

main[data-template^="product"] product-recommendations .product-card__content .h5,
main[data-template^="product"] product-recommendations .product-card__content .h5 p,
main[data-template^="product"] product-recommendations .product-card__content product-title,
main[data-template^="product"] product-recommendations .product-card__content product-title a,
main[data-template^="product"] product-recommendations .product-card__content .product-title,
main[data-template^="product"] product-recommendations .product-card__content .product-title a,
main[data-template^="product"] product-recommendations .product-card__content h3,
main[data-template^="product"] product-recommendations .product-card__content h4,
main[data-template^="product"] product-recommendations .product-card__content h5 {
  color: var(--pp-color-ink) !important;
  display: -webkit-box !important;
  font-family: var(--font-body--family) !important;
  font-size: clamp(0.82rem, 0.78vw, 0.92rem) !important;
  font-weight: 850 !important;
  line-height: 1.16 !important;
  margin: 0 auto !important;
  min-height: 2.32em !important;
  overflow: hidden !important;
  text-align: center !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

main[data-template^="product"] product-recommendations .product-headline .text-block,
main[data-template^="product"] product-recommendations .product-headline p {
  color: #444444 !important;
  display: -webkit-box !important;
  font-size: 0.72rem !important;
  font-weight: 650 !important;
  line-height: 1.18 !important;
  min-height: 1.18em !important;
  overflow: hidden !important;
  text-align: center !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

main[data-template^="product"] product-recommendations .product-card__content product-price,
main[data-template^="product"] product-recommendations .product-card__content div[ref="priceContainer"] {
  align-items: baseline !important;
  display: flex !important;
  flex-wrap: wrap !important;
  font-size: 0.82rem !important;
  gap: 3px 6px !important;
  justify-content: center !important;
  line-height: 1.1 !important;
  min-height: 20px !important;
  text-align: center !important;
  width: 100% !important;
}

main[data-template^="product"] product-recommendations .product-card__content .price {
  font-size: 0.9rem !important;
  font-weight: 900 !important;
}

main[data-template^="product"] product-recommendations .product-card__content .compare-at-price {
  font-size: 0.74rem !important;
  font-weight: 650 !important;
}

main[data-template^="product"] product-recommendations .product-card__content > .addCard_btn,
main[data-template^="product"] product-recommendations .product-card__content > .sold-btn-cstm,
main[data-template^="product"] product-recommendations .product-card__content .group-block-content > .addCard_btn,
main[data-template^="product"] product-recommendations .product-card__content .group-block-content > .sold-btn-cstm {
  align-items: center !important;
  align-self: center !important;
  background: var(--pp-color-primary) !important;
  border: 1px solid var(--pp-color-primary) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-family: var(--font-body--family) !important;
  font-size: 0.78rem !important;
  font-weight: 850 !important;
  gap: 0 !important;
  height: 32px !important;
  justify-content: center !important;
  margin: auto auto 0 !important;
  min-height: 32px !important;
  padding: 0 14px !important;
  text-decoration: none !important;
  width: min(132px, 100%) !important;
}

main[data-template^="product"] product-recommendations .product-card__content > .addCard_btn span:first-child,
main[data-template^="product"] product-recommendations .product-card__content .group-block-content > .addCard_btn span:first-child {
  display: none !important;
}

main[data-template^="product"] product-recommendations .product-card__content > .addCard_btn span:last-child,
main[data-template^="product"] product-recommendations .product-card__content > .sold-btn-cstm span:last-child,
main[data-template^="product"] product-recommendations .product-card__content .group-block-content > .addCard_btn span:last-child,
main[data-template^="product"] product-recommendations .product-card__content .group-block-content > .sold-btn-cstm span:last-child {
  display: block !important;
  line-height: 1 !important;
}

main[data-template^="product"] product-recommendations .product-card__content > .addCard_btn:hover,
main[data-template^="product"] product-recommendations .product-card__content > .sold-btn-cstm:hover,
main[data-template^="product"] product-recommendations .product-card__content .group-block-content > .addCard_btn:hover,
main[data-template^="product"] product-recommendations .product-card__content .group-block-content > .sold-btn-cstm:hover {
  background: var(--pp-color-text) !important;
  border-color: var(--pp-color-text) !important;
  transform: translateY(-1px) !important;
}

@media screen and (max-width: 749px) {
  main[data-template^="product"] product-recommendations .section-resource-list {
    --column-count-mobile: 2 !important;
    --mobile-card-size: 42cqw !important;
    --resource-list-column-gap-desktop: 10px !important;
    --resource-list-row-gap-desktop: 18px !important;
  }

  main[data-template^="product"] product-recommendations .section-resource-list__content .h3,
  main[data-template^="product"] product-recommendations .section-resource-list__content h3 {
    font-size: 1.45rem !important;
  }

  main[data-template^="product"] product-recommendations .resource-list.force-full-width > .resource-list__carousel > slideshow-component.resource-list__carousel > slideshow-container > slideshow-slides:has(> slideshow-slide.resource-list__slide:last-child:nth-child(-n + 2)) {
    justify-content: center !important;
  }

  main[data-template^="product"] product-recommendations .resource-list__carousel {
    --slide-width-max: 162px !important;
  }

  main[data-template^="product"] product-recommendations slideshow-slide.resource-list__slide {
    flex-basis: clamp(142px, 42vw, 162px) !important;
    width: clamp(142px, 42vw, 162px) !important;
  }

  main[data-template^="product"] product-recommendations .resource-list__item .product-card__content {
    gap: 6px !important;
    min-height: 268px !important;
    padding: 7px !important;
  }

  main[data-template^="product"] product-recommendations .product-card__content .card-gallery {
    flex-basis: auto !important;
    height: auto !important;
    margin-inline: -7px !important;
    min-height: 0 !important;
    width: calc(100% + 14px) !important;
  }

  main[data-template^="product"] product-recommendations .product-card__content .h5,
  main[data-template^="product"] product-recommendations .product-card__content .h5 p,
  main[data-template^="product"] product-recommendations .product-card__content product-title,
  main[data-template^="product"] product-recommendations .product-card__content product-title a,
  main[data-template^="product"] product-recommendations .product-card__content .product-title,
  main[data-template^="product"] product-recommendations .product-card__content .product-title a,
  main[data-template^="product"] product-recommendations .product-card__content h3,
  main[data-template^="product"] product-recommendations .product-card__content h4,
  main[data-template^="product"] product-recommendations .product-card__content h5 {
    font-size: 0.76rem !important;
  }

  main[data-template^="product"] product-recommendations .product-headline .text-block,
  main[data-template^="product"] product-recommendations .product-headline p {
    font-size: 0.68rem !important;
  }

  main[data-template^="product"] product-recommendations .product-card__content .price {
    font-size: 0.82rem !important;
  }

  main[data-template^="product"] product-recommendations .product-card__content .compare-at-price {
    font-size: 0.68rem !important;
  }

  main[data-template^="product"] product-recommendations .product-card__content > .addCard_btn,
  main[data-template^="product"] product-recommendations .product-card__content > .sold-btn-cstm,
  main[data-template^="product"] product-recommendations .product-card__content .group-block-content > .addCard_btn,
  main[data-template^="product"] product-recommendations .product-card__content .group-block-content > .sold-btn-cstm {
    font-size: 0.72rem !important;
    height: 30px !important;
    min-height: 30px !important;
    padding-inline: 12px !important;
    width: min(116px, 100%) !important;
  }
}

.tab-section,
.faq-section {
  padding-block: clamp(38px, 6vw, 74px);
}

.tabs {
  background: #ffffff;
  border: 1px solid var(--pp-color-border);
  border-radius: 999px;
  box-shadow: var(--pp-shadow-card);
  display: inline-flex;
  gap: 4px;
  padding: 5px;
}

.tab-btn {
  border-radius: 999px !important;
  color: var(--pp-color-ink);
  font-weight: 800;
}

.tab-btn.active,
.tab-btn:hover {
  background: var(--pp-color-text) !important;
  color: #ffffff !important;
}

.steps-wrapper,
.benefir-content,
.faq-grid {
  background: #ffffff;
  border: 1px solid var(--pp-color-border);
  border-radius: 0;
  box-shadow: none;
  padding: clamp(16px, 2.4vw, 28px);
}

.step-item,
.benefit-item,
.faq-item {
  background: var(--pp-color-surface-warm);
  border: 1px solid var(--pp-color-border);
  border-radius: 0;
}

.faq-heading {
  color: var(--pp-color-ink);
  font-family: var(--font-heading--family) !important;
  font-size: clamp(2.1rem, 4vw, 3.5rem);
}

.pp-product-mobile-summary {
  display: none;
}

#footer-group,
footer {
  background: var(--pp-color-text) !important;
  color: #ffffff !important;
}

footer .section,
footer .section-background,
#footer-group .section,
#footer-group .section-background {
  background: transparent !important;
  color: inherit !important;
}

footer a,
footer p,
footer span,
footer h2,
footer h3,
footer h4,
footer h5,
#footer-group a,
#footer-group p,
#footer-group span,
#footer-group h2,
#footer-group h3,
#footer-group h4,
#footer-group h5 {
  color: inherit !important;
}

footer .email-signup,
footer input[type="email"],
#footer-group .email-signup,
#footer-group input[type="email"] {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
}

footer button,
footer .button,
#footer-group button,
#footer-group .button {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: var(--pp-color-text) !important;
}

.pp-mobile-bottom-nav {
  display: none;
}

@media screen and (max-width: 989px) {
  [data-template="product"] .product-details {
    position: static !important;
  }
}

@media screen and (max-width: 749px) {
  body {
    padding-bottom: 74px;
  }

  #header-group .announcement-bar__slide,
  #header-group .slideshow-slide {
    font-size: 0.94rem !important;
    line-height: 1.2 !important;
  }

  #header-group .header,
  #header-group .header__row--top,
  #header-group .header__columns {
    height: 174px !important;
    min-height: 174px !important;
  }

  #header-group .header__columns {
    position: relative !important;
  }

  #header-group .header__drawer {
    left: 10px !important;
    position: absolute !important;
    top: 7px !important;
    z-index: 3;
  }

  #header-group .header-logo {
    left: 50% !important;
    position: absolute !important;
    top: 6px !important;
    transform: translateX(-50%) !important;
    width: 118px !important;
    z-index: 2;
  }

  #header-group header-actions {
    position: absolute !important;
    right: 14px !important;
    top: 20px !important;
    z-index: 3;
  }

  #header-group search-button.search-action.mobile\:hidden {
    display: none !important;
  }

  #header-group search-button.search-action.desktop\:hidden {
    align-items: center !important;
    border: 1px solid #d6d6d6 !important;
    border-radius: 9px !important;
    bottom: 10px !important;
    display: inline-flex !important;
    gap: 10px;
    height: 40px !important;
    justify-content: flex-start !important;
    left: 10px !important;
    padding: 0 14px !important;
    position: absolute !important;
    right: 10px !important;
    top: auto !important;
    width: calc(100% - 20px) !important;
    z-index: 2;
  }

  #header-group search-button.search-action.desktop\:hidden::after {
    color: #8e8e8e;
    content: attr(data-pp-search-placeholder-text);
    font-size: 0.92rem;
    font-weight: 500;
    white-space: nowrap;
  }

  [data-template="collection"] .product-grid__item .product-card__content,
  [data-template="search"] .product-grid__item .product-card__content {
    padding: 7px !important;
  }

  [data-template="product"] .product-information {
    padding-top: 10px !important;
  }

  [data-template="product"] .product-information__media,
  [data-template="product"] .product-details {
    border-radius: 0 !important;
  }

  [data-template="product"] .pp-product-mobile-summary {
    display: block;
    padding: 12px 16px 4px;
  }

  [data-template="product"] .pp-product-mobile-summary h1 {
    color: var(--pp-color-ink);
    font-family: var(--font-body--family) !important;
    font-size: 1.52rem;
    font-weight: 900;
    letter-spacing: -0.035em;
    line-height: 1.04;
    margin: 0 0 6px;
  }

  [data-template="product"] .pp-product-mobile-summary p {
    color: #3d3d3d;
    font-size: 0.92rem;
    font-weight: 700;
    margin: 0 0 6px;
  }

  [data-template="product"] .pp-product-mobile-summary__rating {
    align-items: center;
    color: #ffc022;
    display: flex;
    gap: 6px;
    font-size: 0.95rem;
    font-weight: 800;
  }

  [data-template="product"] .pp-product-mobile-summary__rating small {
    color: #1a1a1a;
    font-size: 0.84rem;
  }

  [data-template="product"] .product-details .pp-pdp-rating-block,
  [data-template="product"] .product-details .pp-pdp-rating:not(.pp-pdp-rating--mobile) {
    display: none !important;
  }

  [data-template="product"] .pp-product-mobile-summary .pp-pdp-rating {
    font-size: 0.82rem;
    margin: 0 0 8px;
  }

  [data-template="product"] .pp-product-mobile-summary .pp-pdp-rating .pp-collection-card-rating__star {
    font-size: 0.92rem;
  }

  [data-template="product"] .product-details h1,
  [data-template="product"] .product-details h2,
  [data-template="product"] .product-details h3,
  [data-template="product"] .product-details .product-title,
  [data-template="product"] .product-details [data-product-title] {
    display: none !important;
  }

  [data-template="product"] .product-details {
    padding: 14px 16px 24px !important;
  }

  [data-template="product"] .price,
  [data-template="product"] product-price {
    font-size: 1.65rem !important;
  }

  .tab-section,
  .faq-section {
    padding-block: 28px;
  }

  .pp-mobile-bottom-nav {
    align-items: center;
    background: #ffffff;
    border-top: 1px solid var(--pp-color-border);
    bottom: 0;
    box-shadow: 0 -8px 20px rgba(0, 0, 0, 0.08);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    height: 62px;
    left: 0;
    padding: 6px 8px calc(6px + env(safe-area-inset-bottom));
    position: fixed;
    right: 0;
    z-index: 50;
  }

  .pp-mobile-bottom-nav a {
    align-items: center;
    color: var(--pp-color-ink);
    display: flex;
    flex-direction: column;
    font-size: 0.72rem;
    font-weight: 700;
    gap: 2px;
    justify-content: center;
    text-decoration: none;
  }

  .pp-mobile-bottom-nav svg {
    fill: none;
    height: 22px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
    width: 22px;
  }

  #ShopifyChat {
    bottom: 76px !important;
  }
}

/* Header correction pass after overriding the theme grid */
@media screen and (min-width: 990px) {
  #header-group .header__row--top {
    display: block !important;
    padding: 0 !important;
  }

  #header-group .header__columns {
    display: block !important;
    height: 158px !important;
    left: auto !important;
    margin: 0 auto !important;
    max-width: 1200px !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
    width: min(1200px, calc(100vw - 80px)) !important;
  }

  #header-group .header__drawer {
    display: none !important;
  }

  #header-group .header__column--center {
    display: block !important;
    height: 86px !important;
    left: 50% !important;
    position: absolute !important;
    top: 14px !important;
    transform: translateX(-50%) !important;
    width: 150px !important;
  }

  #header-group .header-logo {
    display: flex !important;
    height: 86px !important;
    left: 50% !important;
    position: absolute !important;
    top: 0 !important;
    transform: translateX(-50%) !important;
    width: 150px !important;
  }

  #header-group .header-logo img,
  #header-group .header-logo svg {
    height: 100% !important;
    max-height: 86px !important;
    object-fit: contain !important;
    width: 100% !important;
  }

  #header-group .header__column--left {
    bottom: 0 !important;
    display: block !important;
    height: 54px !important;
    left: 0 !important;
    position: absolute !important;
    right: 0 !important;
    top: auto !important;
    width: 100% !important;
  }

  #header-group .header__column--left .menu-list {
    align-items: center !important;
    border-top: 1px solid var(--pp-color-border) !important;
    display: flex !important;
    gap: 24px !important;
    height: 54px !important;
    justify-content: center !important;
    left: 0 !important;
    opacity: 1 !important;
    overflow: visible !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    visibility: visible !important;
    width: 100% !important;
  }

  #header-group .header__column--left .menu-list__link {
    display: inline-flex !important;
    height: auto !important;
    opacity: 1 !important;
    position: relative !important;
    visibility: visible !important;
    width: auto !important;
  }

  #header-group search-button.search-action.mobile\:hidden {
    display: block !important;
    left: 0 !important;
    top: 34px !important;
  }

  #header-group search-button.search-action.mobile\:hidden .svg-wrapper {
    left: 14px !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 20px !important;
  }

  #header-group search-button.search-action.mobile\:hidden::after {
    left: 44px !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }

  #header-group .header__column--right header-actions {
    right: 0 !important;
    top: 32px !important;
  }

  #header-group header-menu.pp-nav,
  #header-group .header-menu__inner,
  #header-group .pp-nav__container,
  #header-group .menu-list {
    background: #ffffff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  #header-group .menu-list {
    border-bottom: 1px solid var(--pp-color-border) !important;
    border-top: 1px solid var(--pp-color-border) !important;
  }
}

@media screen and (max-width: 749px) {
  #header-group .header__row--top {
    display: block !important;
    padding: 0 !important;
  }

  #header-group .header__columns {
    display: block !important;
    height: 174px !important;
    left: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    position: relative !important;
    top: 0 !important;
    width: 100% !important;
  }

  #header-group search-button.search-action.desktop\:hidden {
    display: block !important;
    height: 40px !important;
    left: 10px !important;
    position: absolute !important;
    top: 116px !important;
    width: calc(100% - 20px) !important;
  }

  #header-group search-button.search-action.desktop\:hidden .svg-wrapper {
    left: 18px !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 20px !important;
  }

  #header-group search-button.search-action.desktop\:hidden::after {
    left: 52px !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}

/* Final overflow containment: keep hidden mega menus and card carousel tracks from widening pages. */
@media screen and (min-width: 990px) {
  #header-group .pp-nav .menu-list__list-item {
    position: static !important;
  }

  #header-group .pp-nav .pp-nav__submenu,
  #header-group .pp-nav .pp-nav__overflow::part(overflow) {
    left: 50% !important;
    max-width: calc(100vw - 64px) !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: min(1040px, calc(100vw - 64px)) !important;
  }
}

[data-template="collection"] .product-grid-container,
[data-template="collection"] .collection-wrapper,
[data-template="search"] .product-grid-container,
[data-template="search"] .collection-wrapper {
  max-width: 100% !important;
  overflow-x: clip !important;
}

[data-template="collection"] product-card,
[data-template="collection"] product-card-link,
[data-template="collection"] .card-gallery,
[data-template="collection"] slideshow-component,
[data-template="collection"] slideshow-slides,
[data-template="search"] product-card,
[data-template="search"] product-card-link,
[data-template="search"] .card-gallery,
[data-template="search"] slideshow-component,
[data-template="search"] slideshow-slides {
  max-width: 100% !important;
  overflow: hidden !important;
}

[data-template="collection"] product-card slideshow-slide,
[data-template="search"] product-card slideshow-slide {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

/* Mobile header refinement: icon-only drawer trigger and centered logo row. */
@media screen and (max-width: 749px) {
  #header-group .header,
  #header-group .header__row--top,
  #header-group .header__columns {
    height: 148px !important;
    min-height: 148px !important;
  }

  #header-group .header__columns {
    padding: 0 10px !important;
  }

  #header-group .header__drawer {
    align-items: center !important;
    display: flex !important;
    height: 44px !important;
    left: 14px !important;
    top: 10px !important;
    width: 44px !important;
  }

  #header-group .pp-nav-drawer__toggle {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: var(--pp-color-ink) !important;
    display: flex !important;
    height: 44px !important;
    justify-content: center !important;
    padding: 0 !important;
    width: 44px !important;
  }

  #header-group .pp-nav-drawer__toggle-open,
  #header-group .header-drawer-icon--open {
    align-items: center !important;
    display: flex !important;
    flex-direction: row !important;
    height: 26px !important;
    justify-content: center !important;
    width: 26px !important;
  }

  #header-group .pp-nav-drawer__toggle-open svg,
  #header-group .header-drawer-icon--open svg {
    display: block !important;
    height: 25px !important;
    width: 25px !important;
  }

  #header-group .header-logo {
    align-items: center !important;
    display: flex !important;
    height: 82px !important;
    justify-content: center !important;
    left: 50% !important;
    top: 0 !important;
    transform: translateX(-50%) !important;
    width: 124px !important;
  }

  #header-group .header-logo img,
  #header-group .header-logo svg {
    height: auto !important;
    max-height: 68px !important;
    object-fit: contain !important;
    width: 104px !important;
  }

  #header-group header-actions {
    right: 16px !important;
    top: 16px !important;
  }

  #header-group search-button.search-action.desktop\:hidden {
    top: 94px !important;
  }
}

/* Centered logo and navigation aligned to the primary shop routes. */
.pp-primary-navigation--mobile {
  display: none;
}

.pp-primary-navigation--desktop {
  display: none;
}

#header-group .pp-nav__item--contact,
#header-group .pp-nav__item--more {
  display: none !important;
}

@media screen and (min-width: 990px) {
  #header-group .header,
  #header-group .header__row--top {
    min-height: 158px !important;
  }

  #header-group .header__columns {
    height: 158px !important;
    max-width: 1200px !important;
    width: min(1200px, calc(100vw - 160px)) !important;
  }

  #header-group .header__column--center {
    height: 92px !important;
    top: 10px !important;
    width: 154px !important;
  }

  #header-group .header-logo {
    align-items: center !important;
    height: 92px !important;
    justify-content: center !important;
    top: 0 !important;
    width: 154px !important;
  }

  #header-group .header-logo img,
  #header-group .header-logo svg {
    height: auto !important;
    max-height: 78px !important;
    width: 126px !important;
  }

  #header-group search-button.search-action.mobile\:hidden {
    border: 1px solid #d6d6d6 !important;
    border-radius: 9px !important;
    height: 38px !important;
    left: 0 !important;
    top: 36px !important;
    width: 250px !important;
  }

  #header-group .header__column--right header-actions {
    gap: 22px !important;
    right: 0 !important;
    top: 34px !important;
  }

  #header-group .header__column--left {
    bottom: 0 !important;
    height: 56px !important;
  }

  #header-group header-menu.pp-nav,
  #header-group .header-menu__inner,
  #header-group .pp-nav__container,
  #header-group .header__column--left .menu-list {
    height: 56px !important;
  }

  #header-group .header__column--left .menu-list {
    border-bottom: 1px solid var(--pp-color-border) !important;
    border-top: 1px solid var(--pp-color-border) !important;
    gap: clamp(34px, 4vw, 62px) !important;
    justify-content: center !important;
    padding-inline: 0 !important;
  }

  #header-group .menu-list__link,
  #header-group .pp-nav__link-title {
    color: #000000 !important;
    font-family: var(--font-body--family) !important;
    font-size: 1.1rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.018em !important;
    line-height: 1 !important;
    text-transform: none !important;
  }

  #header-group .pp-nav__overflow::part(list) {
    align-items: center !important;
    display: flex !important;
    gap: clamp(38px, 4.6vw, 68px) !important;
    height: 56px !important;
    justify-content: center !important;
    padding: 0 !important;
  }

  #header-group .pp-nav__item {
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  #header-group .menu-list__link {
    align-items: center !important;
    display: inline-flex !important;
    min-height: 56px !important;
    padding: 0 !important;
  }
}

@media screen and (max-width: 749px) {
  #header-group .header,
  #header-group .header__row--top,
  #header-group .header__columns {
    height: 142px !important;
    min-height: 142px !important;
  }

  #header-group .header__drawer {
    left: 14px !important;
    top: 18px !important;
  }

  #header-group .header-logo {
    height: 82px !important;
    top: 0 !important;
    width: 132px !important;
  }

  #header-group .header-logo img,
  #header-group .header-logo svg {
    max-height: 72px !important;
    width: 112px !important;
  }

  #header-group header-actions {
    right: 16px !important;
    top: 20px !important;
  }

  #header-group search-button.search-action.desktop\:hidden {
    border-color: #d6d6d6 !important;
    border-radius: 9px !important;
    height: 40px !important;
    top: 92px !important;
  }

  .pp-primary-navigation--mobile {
    align-items: center;
    background: #ffffff;
    border-bottom: 1px solid var(--pp-color-border);
    border-top: 1px solid var(--pp-color-border);
    display: flex;
    gap: 28px;
    min-height: 52px;
    overflow-x: auto;
    padding: 0 20px;
    position: sticky;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    top: var(--pp-header-visible-height, var(--pp-header-group-height, 0px));
    white-space: nowrap;
    width: 100%;
    z-index: 40;
  }

  .pp-primary-navigation--mobile::-webkit-scrollbar {
    display: none;
  }

  .pp-primary-navigation--mobile a {
    color: #000000;
    flex: 0 0 auto;
    font-family: var(--font-body--family);
    font-size: 1.02rem;
    font-weight: 800;
    letter-spacing: -0.018em;
    line-height: 1;
    scroll-snap-align: start;
    text-decoration: none;
  }

  .pp-primary-navigation--mobile a:active {
    color: var(--pp-color-primary);
  }

  .pp-front-mind {
    overflow: hidden;
  }

  .pp-front-mind__head h2 {
    font-size: clamp(1.55rem, 6.3vw, 1.72rem) !important;
    line-height: 1.08 !important;
    text-wrap: balance;
    white-space: normal !important;
  }
}

/* Static primary navigation prevents the theme overflow list from shifting the link row. */
@media screen and (min-width: 990px) {
  #header-group .header,
  #header-group .header__row--top,
  #header-group .header__columns {
    height: 104px !important;
    min-height: 104px !important;
  }

  #header-group .header__column--left {
    display: none !important;
  }

  #header-group .header__column--center {
    height: 94px !important;
    top: 4px !important;
  }

  #header-group .header-logo {
    height: 94px !important;
  }

  #header-group .header-logo img,
  #header-group .header-logo svg {
    max-height: 80px !important;
    width: 128px !important;
  }

  #header-group search-button.search-action.mobile\:hidden {
    top: 32px !important;
  }

  #header-group .header__column--right header-actions {
    top: 31px !important;
  }

  .pp-primary-navigation--desktop {
    align-items: center;
    background: #ffffff;
    border-bottom: 1px solid var(--pp-color-border);
    border-top: 1px solid var(--pp-color-border);
    display: flex;
    gap: clamp(26px, 3.6vw, 58px);
    height: 54px;
    justify-content: center;
    margin: 0;
    padding: 0 24px;
    position: sticky;
    top: var(--pp-header-visible-height, var(--pp-header-group-height, 0px));
    width: 100%;
    z-index: 40;
  }

  .pp-primary-navigation--desktop a {
    color: #000000;
    font-family: var(--font-body--family);
    font-size: 1.1rem;
    font-weight: 800;
    letter-spacing: -0.018em;
    line-height: 1;
    text-decoration: none;
    transition: color 180ms var(--pp-ease-out);
  }

  .pp-primary-navigation--desktop a:hover {
    color: var(--pp-color-primary);
  }
}

/* PDP conversion layer: purchase support without replacing Shopify forms. */
[data-template="product"] .product-details {
  flex-direction: column !important;
  gap: 16px !important;
}

[data-template="product"] .product-details > .group-block {
  width: 100% !important;
}

[data-template="product"] .pp-pdp-conversion {
  display: grid;
  gap: 12px;
  width: 100%;
}

[data-template="product"] .pp-pdp-solve {
  border-bottom: 1px solid var(--pp-color-border);
  padding-bottom: 14px;
}

[data-template="product"] .pp-pdp-solve p,
[data-template="product"] .pp-pdp-offer-card p,
[data-template="product"] .pp-pdp-fbt__head p {
  color: var(--pp-color-botanical);
  font-family: var(--font-body--family) !important;
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0.01em;
  margin: 0 0 9px;
}

[data-template="product"] .pp-pdp-solve ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}

[data-template="product"] .pp-pdp-solve li {
  align-items: center;
  color: #111111;
  display: inline-flex;
  font-size: 0.96rem;
  font-weight: 800;
  gap: 7px;
  line-height: 1.2;
}

[data-template="product"] .pp-pdp-solve li::before {
  background: #ffffff;
  border: 2px solid var(--pp-color-botanical);
  border-radius: 50%;
  content: "";
  height: 14px;
  width: 14px;
}

[data-template="product"] .pp-pdp-offer-grid {
  display: grid;
  gap: 12px;
}

[data-template="product"] .pp-pdp-offer-card,
[data-template="product"] .pp-pdp-fbt__item {
  background: var(--pp-color-surface-warm);
  border: 1px solid var(--pp-color-border);
  border-radius: 12px;
}

[data-template="product"] .pp-pdp-offer-card {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 14px;
}

[data-template="product"] .pp-pdp-offer-card strong {
  color: #111111;
  display: block;
  font-size: 1.03rem;
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1.15;
}

[data-template="product"] .pp-pdp-offer-card span {
  color: var(--pp-color-muted);
  display: block;
  font-size: 0.86rem;
  line-height: 1.3;
  margin-top: 4px;
}

[data-template="product"] .pp-pdp-offer-card button,
[data-template="product"] .pp-pdp-fbt__add {
  background: var(--pp-color-primary);
  border: 1px solid var(--pp-color-primary);
  border-radius: 999px;
  color: #ffffff;
  cursor: pointer;
  font-family: var(--font-body--family) !important;
  font-size: 0.86rem;
  font-weight: 900;
  min-height: 38px;
  padding: 0 16px;
  white-space: nowrap;
}

[data-template="product"] .pp-pdp-offer-card button.is-copied,
[data-template="product"] .pp-pdp-fbt__add.is-added {
  background: var(--pp-color-botanical);
  border-color: var(--pp-color-botanical);
}

[data-template="product"] .pp-pdp-trust-strip {
  background: #ffffff;
  border: 1px solid var(--pp-color-border);
  border-radius: 12px;
  display: grid;
  gap: 0;
  grid-template-columns: repeat(3, 1fr);
  padding-block: 11px;
}

[data-template="product"] .pp-pdp-trust-strip span {
  color: #111111;
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.25;
  padding-inline: 8px;
  text-align: center;
}

[data-template="product"] .pp-pdp-trust-strip span + span {
  border-left: 1px solid var(--pp-color-border);
}

[data-template="product"] .pp-pdp-fbt {
  background: #ffffff;
  border: 1px solid var(--pp-color-border);
  border-radius: 14px;
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.05);
  display: grid;
  gap: 12px;
  padding: 16px;
}

[data-template="product"] .pp-pdp-fbt__head h2 {
  color: #111111 !important;
  font-family: var(--font-body--family) !important;
  font-size: 1.08rem !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
  margin: 0;
}

[data-template="product"] .pp-pdp-fbt__list {
  display: grid;
  gap: 10px;
}

[data-template="product"] .pp-pdp-fbt__item {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: 58px 1fr auto;
  padding: 10px;
}

[data-template="product"] .pp-pdp-fbt__media {
  align-items: center;
  background: #ffffff;
  border-radius: 10px;
  display: flex;
  height: 58px;
  justify-content: center;
  overflow: hidden;
  width: 58px;
}

[data-template="product"] .pp-pdp-fbt__media img {
  height: 88%;
  object-fit: contain;
  width: 88%;
}

[data-template="product"] .pp-pdp-fbt__content a {
  color: #111111;
  display: block;
  font-size: 0.95rem;
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1.15;
  text-decoration: none;
}

[data-template="product"] .pp-pdp-fbt__content span {
  color: #111111;
  display: block;
  font-size: 0.92rem;
  font-weight: 900;
  margin-top: 5px;
}

[data-template="product"] .pp-pdp-fbt__add:disabled {
  background: #bdb6ad;
  border-color: #bdb6ad;
  cursor: not-allowed;
}

[data-template="product"] accordion-custom,
[data-template="product"] .accordion,
[data-template="product"] details {
  border-color: var(--pp-color-border) !important;
}

[data-template="product"] .details__header,
[data-template="product"] details > summary {
  color: #111111 !important;
  font-family: var(--font-body--family) !important;
  font-weight: 900 !important;
}

[data-template="product"] .pp-pdp-sticky-atc {
  display: none;
}

@media screen and (min-width: 750px) {
  body:has([data-template="product"]) .whatmore-react-draggable {
    bottom: 108px !important;
    left: 18px !important;
    right: auto !important;
    z-index: 48 !important;
  }

  body:has([data-template="product"]) #ShopifyChat {
    bottom: 24px !important;
    left: 18px !important;
    right: auto !important;
  }
}

@media screen and (max-width: 749px) {
  [data-template="product"] body,
  body:has([data-template="product"]) {
    padding-bottom: 142px;
  }

  [data-template="product"] .product-information {
    padding-top: 0 !important;
  }

  [data-template="product"] .pp-product-mobile-summary {
    background: #ffffff;
    border-bottom: 1px solid var(--pp-color-border);
    display: grid;
    gap: 8px;
    padding: 14px 16px 12px;
  }

  [data-template="product"] .pp-product-mobile-summary h1 {
    font-size: 1.55rem;
    margin: 0;
  }

  [data-template="product"] .pp-product-mobile-summary__price {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
  }

  [data-template="product"] .pp-product-mobile-summary__price strong {
    color: #111111;
    font-size: 1.28rem;
    font-weight: 950;
  }

  [data-template="product"] .pp-product-mobile-summary__price s {
    color: #8e8e8e;
    font-size: 0.92rem;
    font-weight: 700;
  }

  [data-template="product"] .pp-product-mobile-summary__price span {
    color: var(--pp-color-gold);
    font-size: 0.82rem;
    font-weight: 900;
  }

  [data-template="product"] .pp-pdp-solve--compact {
    border: 0;
    padding: 0;
  }

  [data-template="product"] .pp-pdp-solve--compact p {
    margin-bottom: 7px;
  }

  [data-template="product"] .pp-pdp-solve--compact ul {
    gap: 7px;
  }

  [data-template="product"] .pp-pdp-solve--compact li {
    background: var(--pp-color-surface-warm);
    border: 1px solid var(--pp-color-border);
    border-radius: 999px;
    font-size: 0.78rem;
    padding: 6px 9px;
  }

  [data-template="product"] .pp-pdp-solve--compact li::before {
    height: 9px;
    width: 9px;
  }

  [data-template="product"] .pp-pdp-conversion {
    border-inline: 0;
    border-radius: 0;
    box-shadow: none;
    margin-inline: -16px;
    padding: 14px 16px;
  }

  [data-template="product"] .pp-pdp-offer-card {
    align-items: stretch;
    display: grid;
  }

  [data-template="product"] .pp-pdp-trust-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  [data-template="product"] .pp-pdp-fbt__item {
    grid-template-columns: 52px 1fr auto;
  }

  [data-template="product"] .pp-pdp-fbt__media {
    height: 52px;
    width: 52px;
  }

  [data-template="product"] .pp-pdp-fbt__add {
    min-height: 34px;
    padding-inline: 12px;
  }

  [data-template="product"] .pp-pdp-sticky-atc {
    align-items: center;
    background: #ffffff;
    border-top: 1px solid var(--pp-color-border);
    bottom: 62px;
    box-shadow: 0 -10px 24px rgba(0, 0, 0, 0.1);
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) minmax(136px, 0.98fr);
    left: 0;
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
    position: fixed;
    right: 0;
    z-index: 49;
  }

  [data-template="product"] .pp-pdp-sticky-atc > div {
    min-width: 0;
  }

  [data-template="product"] .pp-pdp-sticky-atc span {
    color: #4b4b4b;
    display: block;
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1.15;
    max-width: 16ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  [data-template="product"] .pp-pdp-sticky-atc strong {
    color: #111111;
    display: block;
    font-size: 1.02rem;
    font-weight: 950;
    margin-top: 2px;
  }

  [data-template="product"] .pp-pdp-sticky-atc button {
    background: var(--pp-color-primary);
    border: 1px solid var(--pp-color-primary);
    border-radius: 999px;
    color: #ffffff;
    font-family: var(--font-body--family) !important;
    font-size: 0.95rem;
    font-weight: 950;
    min-height: 44px;
    min-width: 0;
    padding-inline: 10px;
    width: 100%;
  }

  body:has([data-template="product"]) #ShopifyChat {
    bottom: 146px !important;
  }

  body:has([data-template="product"]) .whatmore-react-draggable {
    display: none !important;
  }
}

/* Collection polish: open listing with stronger mobile two-up cards. */
[data-template="collection"] main#MainContent {
  background: #ffffff !important;
}

[data-template="collection"] .product-grid-container {
  background: #ffffff !important;
  padding-block-start: 0 !important;
}

[data-template="collection"] .pp-collection-heading {
  border-bottom: 1px solid var(--pp-color-border);
  display: grid;
  gap: 8px;
  margin: 0 auto;
  max-width: 1200px;
  padding: clamp(24px, 3vw, 34px) 18px 22px;
  text-align: center;
}

[data-template="collection"] .pp-collection-heading h1 {
  color: var(--pp-color-ink);
  font-family: var(--font-heading--family) !important;
  font-size: clamp(2.7rem, 4.4vw, 4.6rem);
  font-weight: 700;
  letter-spacing: -0.045em;
  line-height: 0.98;
  margin: 0;
}

[data-template="collection"] .pp-ritual-combos-heading h1 {
  font-size: clamp(2.15rem, 3.1vw, 3.35rem);
  line-height: 1.03;
}

[data-template="collection"] .pp-collection-heading p,
[data-template="collection"] .pp-collection-heading div {
  color: #48713d;
  font-family: var(--font-body--family) !important;
  font-size: 0.98rem;
  font-weight: 800;
  line-height: 1.35;
  margin: 0;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

[data-template="collection"] .pp-collection-heading div {
  color: #6f6f6f;
  font-weight: 600;
  margin-inline: auto;
  max-width: 58ch;
}

[data-template="collection"] .collection-wrapper {
  margin-inline: auto;
  max-width: 1200px !important;
  padding: 0 18px 48px !important;
}

[data-template="collection"] .facets-block-wrapper--horizontal,
[data-template="collection"] .facets-toggle {
  border-bottom: 1px solid var(--pp-color-border);
  margin: 0 0 28px !important;
}

[data-template="collection"] .facets--horizontal {
  padding: 14px 0 !important;
}

[data-template="collection"] .facets__form {
  align-items: center !important;
}

[data-template="collection"] .facets__summary,
[data-template="collection"] .sorting-filter__summary,
[data-template="collection"] .sorting-filter__select,
[data-template="collection"] .products-count-wrapper {
  color: #111111 !important;
  font-family: var(--font-body--family) !important;
  font-size: 0.98rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em;
}

[data-template="collection"] .products-count-wrapper {
  color: #777777 !important;
  font-weight: 700 !important;
}

[data-template="collection"] .column-options-wrapper {
  display: none !important;
}

[data-template="collection"] .product-grid {
  gap: 34px 22px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

[data-template="collection"] .product-grid__item,
[data-template="collection"] product-card,
[data-template="collection"] product-card-link {
  min-width: 0 !important;
  width: 100% !important;
}

[data-template="collection"] .product-grid__item .product-card__content {
  align-items: stretch !important;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  gap: 9px !important;
  height: 100%;
  overflow: visible !important;
  padding: 0 !important;
  text-align: center;
}

[data-template="collection"] .product-grid__item .product-card__content:hover {
  box-shadow: none !important;
  transform: none !important;
}

[data-template="collection"] .product-card__content .card-gallery {
  aspect-ratio: 1 / 1.08;
  background:
    radial-gradient(circle at 72% 24%, rgba(255, 255, 255, 0.86), transparent 32%),
    linear-gradient(140deg, #f6f6f4, #eeeeeb) !important;
  border-radius: 7px !important;
  order: 1;
  overflow: hidden !important;
}

[data-template="collection"] .product-card__content .card-gallery img,
[data-template="collection"] .product-card__content .product-media img,
[data-template="collection"] .product-card__content .product-media-container img {
  height: 100% !important;
  object-fit: contain !important;
  transform: none !important;
  width: 100% !important;
}

[data-template="collection"] .product-card__content .card-gallery:hover img {
  transform: scale(1.025) !important;
}

[data-template="collection"] .pp-collection-card-rating {
  align-items: center;
  color: #111111;
  display: flex;
  font-family: var(--font-body--family) !important;
  font-size: 0.88rem;
  font-weight: 800;
  gap: 6px;
  justify-content: center;
  line-height: 1.1;
  margin: 3px auto 0;
  min-height: 18px;
  width: 100%;
}

[data-template="collection"] .pp-collection-card-rating__stars {
  display: inline-flex;
  gap: 1px;
  line-height: 1;
}

[data-template="collection"] .pp-collection-card-rating__star {
  color: #d7d7d7;
  display: inline-block;
  font-size: 1rem;
  line-height: 1;
  position: relative;
}

[data-template="collection"] .pp-collection-card-rating__star::before {
  color: #ff9d1c;
  content: "\2605";
  display: block;
  inset: 0;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: var(--star-fill, 0%);
}

[data-template="collection"] .pp-collection-card-rating small {
  color: #111111;
  font-size: 0.82rem;
  font-weight: 800;
}

main[data-template^="product"] .pp-pdp-rating {
  align-items: center;
  color: #111111;
  display: flex;
  flex-wrap: wrap;
  font-family: var(--font-body--family) !important;
  font-size: 0.92rem;
  font-weight: 850;
  gap: 6px;
  justify-content: flex-start;
  line-height: 1.1;
  margin: -4px 0 4px;
  min-height: 20px;
  width: 100%;
}

main[data-template^="product"] .pp-pdp-rating-block {
  width: 100%;
}

main[data-template^="product"] .pp-pdp-rating .pp-collection-card-rating__stars {
  display: inline-flex;
  gap: 2px;
  line-height: 1;
}

main[data-template^="product"] .pp-pdp-rating .pp-collection-card-rating__star {
  color: #d7d7d7;
  display: inline-block;
  font-size: 1.08rem;
  line-height: 1;
  position: relative;
}

main[data-template^="product"] .pp-pdp-rating .pp-collection-card-rating__star::before {
  color: #ff9d1c;
  content: "\2605";
  display: block;
  inset: 0;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: var(--star-fill, 0%);
}

main[data-template^="product"] .pp-pdp-rating small {
  color: #111111;
  font-size: 0.86rem;
  font-weight: 800;
}

main[data-template^="product"] .product-media-container--maha-creative {
  --media-preview-ratio: 1.0;
}

main[data-template^="product"] .product-media-container--maha-creative .pp-pdp-maha-gallery-image {
  background: #f8f1e6;
  object-fit: contain !important;
}

[data-template="collection"] .product-card__content > .group-block {
  order: 3;
}

[data-template="collection"] .product-card__content > .group-block > .group-block-content {
  align-items: center !important;
  gap: 6px !important;
  text-align: center !important;
}

[data-template="collection"] .product-card__content product-title,
[data-template="collection"] .product-card__content product-title a,
[data-template="collection"] .product-card__content .product-title,
[data-template="collection"] .product-card__content .product-title a,
[data-template="collection"] .product-card__content h3,
[data-template="collection"] .product-card__content h4,
[data-template="collection"] .product-card__content h5 {
  color: #000000 !important;
  display: -webkit-box;
  font-family: var(--font-body--family) !important;
  font-size: clamp(1.02rem, 1.35vw, 1.28rem) !important;
  font-weight: 900 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.12 !important;
  margin: 0 auto !important;
  max-width: 24ch;
  min-height: 2.24em;
  overflow: hidden;
  text-align: center !important;
  text-decoration: none !important;
  text-wrap: balance;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

[data-template="collection"] .product-card__content p {
  color: #111111 !important;
  display: -webkit-box;
  font-size: 0.86rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  margin: 0 auto !important;
  max-width: 24ch;
  min-height: 1.25em;
  overflow: hidden;
  text-align: center !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

[data-template="collection"] .product-card__content .cstm-product-badges {
  width: 100%;
}

[data-template="collection"] .product-card__content .product-features {
  display: flex !important;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
  max-width: 100%;
  overflow: visible;
}

[data-template="collection"] .product-card__content .product-features .badge {
  background: #fff2ea !important;
  border: 1px solid rgba(242, 99, 34, 0.28) !important;
  border-radius: 4px !important;
  color: var(--pp-color-gold) !important;
  flex: 0 1 auto;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  justify-content: center;
  line-height: 1.1;
  min-height: 24px;
  max-width: 100%;
  min-width: 0;
  padding: 5px 7px !important;
}

[data-template="collection"] .product-card__content .product-features .badge-icon {
  display: none !important;
}

[data-template="collection"] .product-card__content .product-features .badge-text {
  display: block;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

[data-template="collection"] .pp-new-launch-collection-grid .product-card__content {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  gap: 10px !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
}

[data-template="collection"] .pp-new-launch-collection-grid .product-grid__item {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

[data-template="collection"] .pp-new-launch-collection-grid .product-card__content > .group-block {
  flex: 0 0 auto !important;
  min-height: 0 !important;
}

[data-template="collection"] .pp-new-launch-collection-grid .product-card__content > .group-block > .group-block-content {
  gap: 4px !important;
  justify-content: flex-start !important;
  min-height: 0 !important;
}

[data-template="collection"] .pp-new-launch-collection-grid .product-card__content .product-headline {
  display: none !important;
}

[data-template="collection"] .pp-new-launch-collection-grid .product-card__content product-title,
[data-template="collection"] .pp-new-launch-collection-grid .product-card__content product-title a,
[data-template="collection"] .pp-new-launch-collection-grid .product-card__content .product-title,
[data-template="collection"] .pp-new-launch-collection-grid .product-card__content .product-title a,
[data-template="collection"] .pp-new-launch-collection-grid .product-card__content h3,
[data-template="collection"] .pp-new-launch-collection-grid .product-card__content h4,
[data-template="collection"] .pp-new-launch-collection-grid .product-card__content h5 {
  min-height: 1.12em !important;
}

[data-template="collection"] .pp-new-launch-collection-grid .product-card__content .card-gallery {
  aspect-ratio: 1 / 1.02 !important;
}

[data-template="collection"] .pp-new-launch-collection-grid .cstm-product-badges.pp-serum-hero-features {
  display: grid !important;
  gap: 8px !important;
  margin-top: 6px !important;
  width: 100% !important;
}

[data-template="collection"] .pp-new-launch-collection-grid .cstm-product-badges.pp-serum-hero-features .pp-serum-hero-features__subtitle {
  color: #111111 !important;
  display: -webkit-box !important;
  font-size: 0.82rem !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  margin: 0 auto !important;
  max-width: 24ch !important;
  min-height: 1.25em !important;
  overflow: hidden !important;
  text-align: center !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

[data-template="collection"] .pp-new-launch-collection-grid .cstm-product-badges.pp-serum-hero-features .pp-serum-hero-features__tags {
  display: grid !important;
  gap: 7px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 100% !important;
}

[data-template="collection"] .pp-new-launch-collection-grid .cstm-product-badges.pp-serum-hero-features .pp-serum-hero-features__tags span {
  background: #fff2ea !important;
  border: 1px solid rgba(242, 99, 34, 0.28) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  color: var(--pp-color-gold) !important;
  font-size: 0.7rem !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  min-height: 28px !important;
  padding: 6px 7px !important;
}

[data-template="collection"] .pp-new-launch-collection-grid .cstm-product-badges.pp-serum-hero-features .pp-serum-hero-actives {
  display: none !important;
}

[data-template="collection"] .pp-new-launch-collection-grid .product-card__content > .addCard_btn,
[data-template="collection"] .pp-new-launch-collection-grid .product-card__content > .sold-btn-cstm,
[data-template="collection"] .pp-new-launch-collection-grid .product-card__content > quick-add-component,
[data-template="collection"] .pp-new-launch-collection-grid .product-card__content > add-to-cart-component {
  margin-top: 4px !important;
}

[data-template="collection"] .product-card__content div[ref="priceContainer"] {
  align-items: baseline !important;
  display: flex !important;
  flex-wrap: wrap;
  gap: 4px 8px;
  justify-content: center !important;
  margin-top: 2px;
  min-height: 28px;
  text-align: center !important;
  width: 100%;
}

[data-template="collection"] .product-card__content div[ref="priceContainer"] .price {
  color: #000000 !important;
  font-size: 1rem !important;
  font-weight: 950 !important;
}

[data-template="collection"] .product-card__content div[ref="priceContainer"] .compare-at-price {
  color: #777777 !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
}

[data-template="collection"] .product-card__content div[ref="priceContainer"] .save-badge {
  background: transparent !important;
  border: 0 !important;
  color: #40763a !important;
  display: block !important;
  flex-basis: 100%;
  font-size: 0.82rem !important;
  font-weight: 900 !important;
  line-height: 1.1;
  padding: 0 !important;
}

[data-template="collection"] .product-card__content div[ref="priceContainer"] .save-badge::before {
  content: "Save ";
  font-weight: 700;
}

[data-template="collection"] .product-card__content > .addCard_btn,
[data-template="collection"] .product-card__content > .sold-btn-cstm,
[data-template="collection"] .product-card__content > quick-add-component,
[data-template="collection"] .product-card__content > add-to-cart-component {
  margin-top: auto !important;
  order: 4;
}

[data-template="collection"] .product-card__content > .addCard_btn,
[data-template="collection"] .product-card__content > .sold-btn-cstm {
  align-items: center !important;
  background: var(--pp-color-primary) !important;
  border: 1px solid var(--pp-color-primary) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  display: inline-flex !important;
  font-family: var(--font-body--family) !important;
  font-size: 0.98rem !important;
  font-weight: 900 !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  text-decoration: none !important;
  text-transform: none !important;
  width: min(190px, 100%) !important;
}

[data-template="collection"] .product-card__content > .addCard_btn span:first-child {
  display: none !important;
}

[data-template="collection"] .product-card__content > .addCard_btn:hover {
  background: var(--pp-color-text) !important;
  border-color: var(--pp-color-text) !important;
}

[data-template="collection"] .product-grid .cstm-product-badges::before {
  background: var(--pp-color-gold) !important;
  border-radius: 4px !important;
  color: #ffffff !important;
  font-family: var(--font-body--family) !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  left: 0 !important;
  letter-spacing: 0 !important;
  padding: 4px 9px !important;
  top: 0 !important;
}

[data-template="collection"] .product-badges__badge,
[data-template="collection"] .product-badges__badge--rectangle {
  color: #111111 !important;
  font-family: var(--font-body--family) !important;
  font-size: 0.84rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.055em !important;
  text-transform: uppercase !important;
}

@media screen and (max-width: 749px) {
  [data-template="collection"] .pp-collection-heading {
    gap: 6px;
    padding: 18px 14px 16px;
  }

  [data-template="collection"] .pp-collection-heading h1 {
    font-size: 2.35rem;
  }

  [data-template="collection"] .pp-ritual-combos-heading h1 {
    font-size: 2rem;
  }

  [data-template="collection"] .pp-collection-heading p {
    font-size: 0.78rem;
    letter-spacing: 0.01em;
  }

  [data-template="collection"] .collection-wrapper {
    display: block !important;
    padding: 0 12px 104px !important;
    width: 100% !important;
  }

  [data-template="collection"] .facets-block-wrapper--horizontal {
    display: none !important;
  }

  [data-template="collection"] .main-collection-grid {
    display: block !important;
    padding: 0 !important;
    width: 100% !important;
  }

  [data-template="collection"] .main-collection-grid > div {
    width: 100% !important;
  }

  [data-template="collection"] .product-grid {
    display: grid !important;
    gap: 28px 12px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  [data-template="collection"] .product-grid__item {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  [data-template="collection"] .product-grid__item .product-card__content {
    gap: 7px !important;
    min-width: 0 !important;
  }

  [data-template="collection"] .product-card__content .card-gallery {
    aspect-ratio: 1 / 1.12;
    border-radius: 6px !important;
  }

  [data-template="collection"] .pp-collection-card-rating {
    font-size: 0.72rem;
    gap: 4px;
    min-height: 16px;
  }

  [data-template="collection"] .pp-collection-card-rating__star {
    font-size: 0.82rem;
  }

  [data-template="collection"] .pp-collection-card-rating small {
    font-size: 0.68rem;
  }

  [data-template="collection"] .product-card__content product-title,
  [data-template="collection"] .product-card__content product-title a,
  [data-template="collection"] .product-card__content .product-title,
  [data-template="collection"] .product-card__content .product-title a,
  [data-template="collection"] .product-card__content h3,
  [data-template="collection"] .product-card__content h4,
  [data-template="collection"] .product-card__content h5 {
    font-size: 0.98rem !important;
    max-width: 17ch;
    min-height: 2.22em;
  }

  [data-template="collection"] .product-card__content p {
    font-size: 0.7rem !important;
    max-width: 18ch;
  }

  [data-template="collection"] .product-card__content .product-features {
    gap: 4px;
  }

  [data-template="collection"] .product-card__content .product-features .badge {
    font-size: 0.66rem !important;
    max-width: none;
    min-width: 0;
    min-height: 22px;
    padding: 4px 6px !important;
  }

  [data-template="collection"] .product-card__content div[ref="priceContainer"] {
    gap: 2px 5px;
    min-height: 34px;
  }

  [data-template="collection"] .product-card__content div[ref="priceContainer"] .price {
    font-size: 0.9rem !important;
  }

  [data-template="collection"] .product-card__content div[ref="priceContainer"] .compare-at-price,
  [data-template="collection"] .product-card__content div[ref="priceContainer"] .save-badge {
    font-size: 0.68rem !important;
  }

  [data-template="collection"] .product-card__content > .addCard_btn,
  [data-template="collection"] .product-card__content > .sold-btn-cstm {
    font-size: 0.82rem !important;
    min-height: 38px !important;
    padding-inline: 10px !important;
    width: 100% !important;
  }
}

/* Commercial browsing pass: mobile search, drawer grouping, and cart conversion. */
.pp-nav-drawer__shortcuts {
  border-bottom: 1px solid var(--pp-color-border);
  display: grid;
  gap: 14px;
  padding: 0 20px 18px;
}

.pp-nav-drawer__shortcut-group {
  display: grid;
  gap: 8px;
}

.pp-nav-drawer__shortcut-group > span {
  color: var(--pp-color-muted);
  font-size: 0.76rem;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.pp-nav-drawer__shortcut-group > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.pp-nav-drawer__shortcut-group a {
  background: var(--pp-color-surface-warm);
  border: 1px solid var(--pp-color-border);
  border-radius: 999px;
  color: var(--pp-color-ink);
  font-size: 0.86rem;
  font-weight: 850;
  line-height: 1;
  padding: 10px 12px;
  text-decoration: none;
}

.pp-nav-drawer__shortcut-group a:hover,
.pp-nav-drawer__shortcut-group a:focus-visible {
  background: var(--pp-color-text);
  border-color: var(--pp-color-text);
  color: #ffffff;
}

.cart-shipping-bar {
  background: #fffaf3 !important;
  border: 1px solid var(--pp-color-border) !important;
  border-radius: 12px !important;
  margin: 0 var(--padding-xl) 12px !important;
  padding: 12px !important;
}

.cart-shipping-bar .cart-shipping-bar__message:not(.pp-cart-shipping-message) {
  display: none !important;
}

.cart-shipping-bar__message {
  color: var(--pp-color-ink) !important;
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  line-height: 1.25;
  margin-bottom: 9px;
}

.cart-shipping-bar__message strong {
  color: var(--pp-color-primary) !important;
}

.cart-shipping-bar__track {
  background: #eadfce !important;
  border-radius: 999px !important;
  height: 7px !important;
  overflow: hidden !important;
}

.cart-shipping-bar__fill {
  background: linear-gradient(90deg, var(--pp-color-primary), var(--pp-color-primary)) !important;
  border-radius: inherit !important;
  height: 100% !important;
}

.pp-cart-addons {
  margin: 8px var(--padding-xl) 0;
}

.pp-cart-addons__head {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.pp-cart-addons__head span {
  color: var(--pp-color-ink);
  font-size: 0.98rem;
  font-weight: 950;
  letter-spacing: 0;
}

.pp-cart-addons__head small {
  color: var(--pp-color-muted);
  font-size: 0.75rem;
  font-weight: 800;
}

.pp-cart-addons__list {
  display: grid;
  gap: 8px;
}

.pp-cart-addon {
  align-items: center;
  background: #ffffff;
  border: 1px solid var(--pp-color-border);
  border-radius: 12px;
  display: grid;
  gap: 10px;
  grid-template-columns: 54px minmax(0, 1fr) auto;
  padding: 8px;
}

.pp-cart-addon img {
  aspect-ratio: 1;
  background: #f6f5f2;
  border-radius: 8px;
  height: 54px;
  object-fit: contain;
  width: 54px;
}

.pp-cart-addon div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.pp-cart-addon div a {
  color: var(--pp-color-ink);
  display: block;
  font-size: 0.86rem;
  font-weight: 900;
  line-height: 1.15;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pp-cart-addon div span {
  color: var(--pp-color-muted);
  font-size: 0.8rem;
  font-weight: 800;
}

.pp-cart-addon button {
  background: var(--pp-color-primary);
  border: 1px solid var(--pp-color-primary);
  border-radius: 999px;
  color: #ffffff;
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 950;
  min-height: 34px;
  min-width: 58px;
  padding: 0 12px;
}

.pp-cart-addon button:hover,
.pp-cart-addon button.is-added {
  background: var(--pp-color-text);
  border-color: var(--pp-color-text);
}

.cart-drawer__summary {
  border-top: 1px solid var(--pp-color-border) !important;
  gap: 14px !important;
  padding-top: 16px !important;
}

.cart__summary-totals,
.cart__total-container {
  width: 100%;
}

.cart__checkout-button {
  background: var(--pp-color-primary) !important;
  border: 1px solid var(--pp-color-primary) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-size: 1rem !important;
  font-weight: 950 !important;
  min-height: 50px !important;
  text-transform: none !important;
  width: 100% !important;
}

.cart__checkout-button:hover {
  background: var(--pp-color-text) !important;
  border-color: var(--pp-color-text) !important;
}

@media screen and (min-width: 750px) {
  .cart-shipping-bar,
  .pp-cart-addons {
    margin-left: var(--padding-2xl) !important;
    margin-right: var(--padding-2xl) !important;
  }
}

@media screen and (max-width: 749px) {
  #header-group .header,
  #header-group .header__row--top,
  #header-group .header__columns {
    height: 214px !important;
    min-height: 214px !important;
  }

  #header-group search-button.search-action.desktop\:hidden {
    bottom: 50px !important;
  }

  .pp-nav-drawer__shortcuts {
    padding: 0 16px 16px;
  }

  .cart-shipping-bar,
  .pp-cart-addons {
    margin-left: var(--padding-xl) !important;
    margin-right: var(--padding-xl) !important;
  }
}

/* Search hit-area fix: make the full faux input clickable, not only the icon. */
#header-group search-button.search-action {
  cursor: pointer !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
}

#header-group search-button.search-action::after {
  display: none !important;
}

#header-group search-button.search-action .search-modal__button {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: inherit !important;
  color: var(--pp-color-ink, #211a17) !important;
  display: flex !important;
  gap: 12px !important;
  height: 100% !important;
  inset: 0 !important;
  justify-content: flex-start !important;
  min-height: 100% !important;
  padding: 0 14px !important;
  position: absolute !important;
  width: 100% !important;
  z-index: 2 !important;
}

#header-group search-button.search-action .search-modal__button::after {
  animation: ppSearchCursor 0.9s steps(1) infinite;
  border-right: 1px solid currentColor;
  color: #8e8e8e;
  content: attr(data-pp-search-placeholder-text);
  display: block;
  font-family: var(--font-body--family) !important;
  font-size: 0.92rem;
  font-weight: 650;
  overflow: hidden;
  pointer-events: none;
  padding-right: 3px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#header-group search-button.search-action .search-modal__button .svg-wrapper {
  flex: 0 0 auto !important;
  height: 22px !important;
  left: auto !important;
  position: static !important;
  top: auto !important;
  transform: none !important;
  width: 22px !important;
}

#header-group search-button.search-action .search-modal__button svg {
  display: block !important;
  height: 22px !important;
  width: 22px !important;
}

@media screen and (max-width: 749px) {
  #header-group .header,
  #header-group .header__row--top,
  #header-group .header__columns {
    height: 162px !important;
    min-height: 162px !important;
  }

  #header-group search-button.search-action.desktop\:hidden {
    bottom: 22px !important;
    top: auto !important;
  }

  #header-group search-button.search-action.desktop\:hidden .search-modal__button {
    padding-inline: 16px !important;
  }
}

/* PDP audit fixes: apply the product conversion layout to every product template,
   including custom templates such as product.combos. */
body:has(main[data-template^="product"]),
main[data-template^="product"] {
  overflow-x: clip !important;
}

main[data-template^="product"] .product-information {
  background: #ffffff !important;
  color: var(--pp-color-ink, #211a17) !important;
  max-width: 100% !important;
  overflow-x: clip !important;
}

main[data-template^="product"] .pp-pdp-solve {
  display: none !important;
}

main[data-template^="product"] .product-information__grid {
  box-sizing: border-box !important;
  column-gap: 0 !important;
  max-width: 100% !important;
  row-gap: clamp(18px, 3vw, 34px) !important;
  width: 100% !important;
}

main[data-template^="product"] .product-information__media,
main[data-template^="product"] .product-details {
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
}

main[data-template^="product"] .product-information__media {
  padding: clamp(10px, 1.6vw, 18px) !important;
}

main[data-template^="product"] .product-details {
  align-self: start !important;
  flex-direction: column !important;
  gap: 16px !important;
  justify-content: flex-start !important;
  padding: clamp(16px, 2.4vw, 28px) !important;
  width: 100% !important;
}

main[data-template^="product"] .product-details > .group-block {
  width: 100% !important;
}

main[data-template^="product"] .product-details > .group-block h3:first-of-type {
  color: var(--pp-color-ink, #211a17) !important;
  display: block !important;
  font-family: var(--font-body--family) !important;
  font-size: clamp(2.1rem, 3vw, 3rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.045em !important;
  line-height: 1.04 !important;
  margin: 0 !important;
}

main[data-template^="product"] .product_page_features .product-features,
main[data-template^="product"] .product-details .cstm-product-badges .product-features {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  max-width: 100% !important;
  overflow: visible !important;
  width: 100% !important;
}

main[data-template^="product"] .product_page_features .product-features .badge,
main[data-template^="product"] .product-details .cstm-product-badges .product-features .badge {
  box-sizing: border-box !important;
  flex: 1 1 min(160px, 100%) !important;
  justify-content: center !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 10px 12px !important;
  width: auto !important;
}

main[data-template^="product"] .product_page_features .badge-text,
main[data-template^="product"] .product-details .cstm-product-badges .badge-text {
  overflow-wrap: anywhere !important;
  text-align: center !important;
  white-space: normal !important;
}

main[data-template^="product"] .price,
main[data-template^="product"] product-price {
  color: var(--pp-color-ink, #211a17) !important;
  font-size: clamp(1.7rem, 2.6vw, 2.5rem) !important;
  font-weight: 900 !important;
}

main[data-template^="product"] .compare-at-price {
  color: #8e8e8e !important;
  font-size: 0.78em !important;
}

main[data-template^="product"] .product-form-buttons .quantity-selector,
main[data-template^="product"] .product-form-buttons quantity-selector-component.quantity-selector {
  --quantity-selector-width: 156px;
  --pp-pdp-buy-control-height: 60px;

  align-items: center !important;
  align-self: center !important;
  background: #ffffff !important;
  border: 1px solid rgba(228, 226, 222, 0.96) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 24px rgba(35, 26, 20, 0.12), 0 2px 8px rgba(35, 26, 20, 0.08) !important;
  box-sizing: border-box !important;
  color: #111111 !important;
  display: grid !important;
  flex: 0 0 var(--quantity-selector-width) !important;
  grid-template-columns: 48px minmax(38px, 1fr) 48px !important;
  height: var(--pp-pdp-buy-control-height) !important;
  justify-content: stretch !important;
  min-height: var(--pp-pdp-buy-control-height) !important;
  overflow: hidden !important;
  width: var(--quantity-selector-width) !important;
}

main[data-template^="product"] .product-form-buttons .add-to-cart-button {
  --pp-pdp-buy-control-height: 60px;

  align-items: center !important;
  align-self: center !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex: 1 1 0 !important;
  height: var(--pp-pdp-buy-control-height) !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-height: var(--pp-pdp-buy-control-height) !important;
  padding-block: 0 !important;
  padding-inline: clamp(22px, 3vw, 38px) !important;
}

main[data-template^="product"] .product-form-buttons .quantity-selector:hover {
  background: #ffffff !important;
  border-color: rgba(188, 178, 168, 0.92) !important;
}

main[data-template^="product"] .product-form-buttons .quantity-selector :is(.quantity-minus, .quantity-plus) {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #111111 !important;
  cursor: pointer !important;
  display: flex !important;
  height: 100% !important;
  justify-content: center !important;
  min-height: 0 !important;
  padding: 0 !important;
  transition: background-color 180ms ease, transform 180ms ease !important;
  width: 48px !important;
}

main[data-template^="product"] .product-form-buttons .quantity-selector :is(.quantity-minus, .quantity-plus):hover {
  background: rgba(166, 99, 52, 0.08) !important;
}

main[data-template^="product"] .product-form-buttons .quantity-selector :is(.quantity-minus, .quantity-plus):active {
  transform: scale(0.96);
}

main[data-template^="product"] .product-form-buttons .quantity-selector :is(.quantity-minus, .quantity-plus):focus-visible {
  outline: 2px solid #3f7436 !important;
  outline-offset: -6px !important;
}

main[data-template^="product"] .product-form-buttons .quantity-selector .svg-wrapper {
  align-items: center !important;
  display: flex !important;
  height: 18px !important;
  justify-content: center !important;
  width: 18px !important;
}

main[data-template^="product"] .product-form-buttons .quantity-selector svg {
  color: currentColor !important;
  height: 16px !important;
  stroke-width: 2.6px !important;
  width: 16px !important;
}

main[data-template^="product"] .product-form-buttons .quantity-selector input[type='number'] {
  appearance: textfield !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #111111 !important;
  font-family: var(--font-body--family) !important;
  font-size: 1.35rem !important;
  font-weight: 850 !important;
  height: 100% !important;
  line-height: 1 !important;
  margin: 0 !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  width: 100% !important;
}

main[data-template^="product"] .product-form-buttons .quantity-selector input[type='number']::-webkit-inner-spin-button,
main[data-template^="product"] .product-form-buttons .quantity-selector input[type='number']::-webkit-outer-spin-button {
  appearance: none !important;
  margin: 0 !important;
}

main[data-template^="product"] .product-form-buttons .quantity-selector input[type='number']:focus-visible {
  outline: none !important;
}

main[data-template^="product"] .product-form-buttons .quantity-selector:has(input[type='number']:focus-visible) {
  border-color: #3f7436 !important;
  box-shadow: 0 0 0 3px rgba(63, 116, 54, 0.14), 0 10px 24px rgba(35, 26, 20, 0.12) !important;
}

main[data-template^="product"] .product-form-buttons .quantity-selector :is(button, input):disabled {
  cursor: not-allowed !important;
  opacity: 0.45 !important;
}

@media screen and (min-width: 990px) {
  main[data-template^="product"] .key_ingrediants-section {
    width: 100%;
  }

  main[data-template^="product"] .key-ingredinants-wrapper {
    align-items: stretch !important;
    display: grid !important;
    gap: 16px !important;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
    overflow: visible !important;
    white-space: normal !important;
    width: 100% !important;
  }

  main[data-template^="product"] .key-ingredinants-wrapper .ingrediant-item.show_ingrediant {
    background:
      radial-gradient(circle at 80% 8%, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0) 34%),
      linear-gradient(180deg, #fffaf3 0%, #f6ecdc 100%) !important;
    border: 1px solid rgba(122, 85, 55, 0.16) !important;
    border-radius: 8px !important;
    box-shadow: 0 18px 44px rgba(86, 56, 34, 0.08) !important;
    display: grid !important;
    grid-template-rows: minmax(178px, 1fr) auto !important;
    isolation: isolate;
    min-height: 318px;
    overflow: hidden !important;
    position: relative;
    transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
  }

  main[data-template^="product"] .key-ingredinants-wrapper .ingrediant-item.show_ingrediant:hover {
    border-color: rgba(140, 91, 51, 0.28) !important;
    box-shadow: 0 24px 58px rgba(86, 56, 34, 0.12) !important;
    transform: translateY(-3px);
  }

  main[data-template^="product"] .key-ingredinants-wrapper .ingrediant-item.show_ingrediant::after {
    background: linear-gradient(90deg, rgba(198, 138, 60, 0), rgba(198, 138, 60, 0.58), rgba(198, 138, 60, 0));
    content: "";
    height: 1px;
    left: 18px;
    opacity: 0.7;
    position: absolute;
    right: 18px;
    top: 56%;
    z-index: 2;
  }

  main[data-template^="product"] .ingrediants-image {
    align-items: center;
    background:
      radial-gradient(circle at 50% 44%, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0) 58%),
      rgba(255, 248, 239, 0.7);
    display: grid;
    height: auto !important;
    justify-items: center;
    min-height: 178px;
    padding: 18px 18px 12px;
  }

  main[data-template^="product"] .ingrediants-image img {
    display: block;
    height: clamp(132px, 13vw, 176px) !important;
    max-width: 100%;
    object-fit: contain !important;
    object-position: center !important;
    width: 100% !important;
  }

  main[data-template^="product"] .pp-ingredient-fallback {
    aspect-ratio: auto;
  }

  main[data-template^="product"] .pp-ingredient-fallback__mark {
    box-shadow: 0 12px 26px rgba(108, 74, 43, 0.1);
    height: 68px;
    top: 42px;
    width: 68px;
  }

  main[data-template^="product"] .pp-ingredient-fallback .ingrediant-text {
    min-height: 140px;
  }

  main[data-template^="product"] .ingrediant-text {
    align-content: start;
    background: rgba(255, 253, 247, 0.92) !important;
    border-top: 1px solid rgba(122, 85, 55, 0.12);
    bottom: auto !important;
    display: grid;
    gap: 8px;
    left: auto !important;
    min-height: 140px !important;
    padding: 18px 18px 20px !important;
    position: relative !important;
    text-align: left !important;
    width: 100% !important;
  }

  main[data-template^="product"] .ingrediant-text h5 {
    color: #30251f;
    font-family: var(--font-heading--family) !important;
    font-size: clamp(1.15rem, 1.35vw, 1.45rem) !important;
    font-weight: 700 !important;
    line-height: 1.08 !important;
    margin: 0 !important;
    text-wrap: balance;
  }

  main[data-template^="product"] .ingrediant-text p {
    color: #66554d !important;
    display: -webkit-box;
    font-size: 0.92rem !important;
    line-height: 1.42 !important;
    margin: 0 !important;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}

main[data-template^="product"] .pp-pdp-conversion {
  box-sizing: border-box !important;
  display: grid !important;
  gap: 12px !important;
  max-width: 100% !important;
  width: 100% !important;
}

main[data-template^="product"] .pp-pdp-solve {
  border-bottom: 1px solid var(--pp-color-border, #e7ddd2) !important;
  padding-bottom: 14px !important;
}

main[data-template^="product"] .pp-pdp-solve p,
main[data-template^="product"] .pp-pdp-offer-card p,
main[data-template^="product"] .pp-pdp-fbt__head p {
  color: var(--pp-color-botanical, #4f6d43) !important;
  font-family: var(--font-body--family) !important;
  font-size: 0.82rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.01em !important;
  margin: 0 0 9px !important;
}

main[data-template^="product"] .pp-pdp-solve ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px 16px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

main[data-template^="product"] .pp-pdp-solve li {
  align-items: center !important;
  color: #111111 !important;
  display: inline-flex !important;
  font-size: 0.96rem !important;
  font-weight: 800 !important;
  gap: 7px !important;
  line-height: 1.2 !important;
}

main[data-template^="product"] .pp-pdp-solve li::before {
  background: #ffffff !important;
  border: 2px solid var(--pp-color-botanical, #4f6d43) !important;
  border-radius: 50% !important;
  content: "" !important;
  flex: 0 0 auto !important;
  height: 14px !important;
  width: 14px !important;
}

main[data-template^="product"] .pp-pdp-offer-grid,
main[data-template^="product"] .pp-pdp-fbt__list {
  display: grid !important;
  gap: 12px !important;
}

main[data-template^="product"] .pp-pdp-fbt {
  background: #ffffff !important;
  border: 1px solid var(--pp-color-border, #e7ddd2) !important;
  border-radius: 14px !important;
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.05) !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 12px !important;
  padding: 16px !important;
}

main[data-template^="product"] .pp-pdp-offer-card,
main[data-template^="product"] .pp-pdp-fbt__item {
  background: var(--pp-color-surface-warm, #fbf6f1) !important;
  border: 1px solid var(--pp-color-border, #e7ddd2) !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
}

main[data-template^="product"] .pp-pdp-offer-card {
  align-items: center !important;
  display: flex !important;
  gap: 12px !important;
  justify-content: space-between !important;
  padding: 14px !important;
}

main[data-template^="product"] .pp-pdp-offer-card strong {
  color: #111111 !important;
  display: block !important;
  font-size: 1.03rem !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
}

main[data-template^="product"] .pp-pdp-offer-card span {
  color: var(--pp-color-muted, #655b56) !important;
  display: block !important;
  font-size: 0.86rem !important;
  line-height: 1.3 !important;
  margin-top: 4px !important;
}

main[data-template^="product"] .pp-pdp-offer-card button,
main[data-template^="product"] .pp-pdp-fbt__add {
  background: var(--pp-color-primary, #9f2134) !important;
  border: 1px solid var(--pp-color-primary, #9f2134) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  cursor: pointer !important;
  font-family: var(--font-body--family) !important;
  font-size: 0.86rem !important;
  font-weight: 900 !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  white-space: nowrap !important;
}

main[data-template^="product"] .pp-pdp-trust-strip {
  background: #ffffff !important;
  border: 1px solid var(--pp-color-border, #e7ddd2) !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  padding-block: 11px !important;
}

main[data-template^="product"] .pp-pdp-trust-strip span {
  color: #111111 !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  padding-inline: 8px !important;
  text-align: center !important;
}

main[data-template^="product"] .pp-pdp-trust-strip span + span {
  border-left: 1px solid var(--pp-color-border, #e7ddd2) !important;
}

main[data-template^="product"] .pp-pdp-fbt__head h2 {
  color: #111111 !important;
  font-family: var(--font-body--family) !important;
  font-size: 1.08rem !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
  margin: 0 !important;
}

main[data-template^="product"] .pp-pdp-fbt__item {
  align-items: center !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: 58px minmax(0, 1fr) auto !important;
  padding: 10px !important;
}

main[data-template^="product"] .pp-pdp-fbt__media {
  align-items: center !important;
  background: #ffffff !important;
  border-radius: 10px !important;
  display: flex !important;
  height: 58px !important;
  justify-content: center !important;
  overflow: hidden !important;
  width: 58px !important;
}

main[data-template^="product"] .pp-pdp-fbt__media img {
  height: 88% !important;
  object-fit: contain !important;
  width: 88% !important;
}

main[data-template^="product"] .pp-pdp-fbt__content a {
  color: #111111 !important;
  display: block !important;
  font-size: 0.95rem !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
}

main[data-template^="product"] .pp-pdp-fbt__content span {
  color: #111111 !important;
  display: block !important;
  font-size: 0.92rem !important;
  font-weight: 900 !important;
  margin-top: 5px !important;
}

main[data-template^="product"] .pp-pdp-sticky-atc,
main[data-template^="product"] .pp-product-mobile-summary {
  display: none !important;
}

@media screen and (min-width: 750px) {
  main[data-template^="product"] .product-information__grid.product-information__grid--half,
  main[data-template^="product"] .product-information__grid.product-information__grid--half:has(.media-gallery--extend) {
    grid-template-columns:
      minmax(32px, 1fr)
      minmax(0, min(620px, calc((100vw - 80px) / 2)))
      minmax(0, min(620px, calc((100vw - 80px) / 2)))
      minmax(32px, 1fr) !important;
  }

  main[data-template^="product"] .product-information__grid.product-information__grid--half.product-information--media-left .product-information__media {
    grid-column: 2 / 3 !important;
  }

  main[data-template^="product"] .product-information__grid.product-information__grid--half.product-information--media-left .product-details {
    grid-column: 3 / 4 !important;
  }

  main[data-template^="product"] .product-information__grid.product-information__grid--half.product-information--media-right .product-information__media {
    grid-column: 3 / 4 !important;
  }

  main[data-template^="product"] .product-information__grid.product-information__grid--half.product-information--media-right .product-details {
    grid-column: 2 / 3 !important;
  }

  main[data-template^="product"] .product-details {
    position: sticky !important;
    top: 176px !important;
  }
}

@media screen and (max-width: 749px) {
  body:has(main[data-template^="product"]) {
    padding-bottom: 142px !important;
  }

  main[data-template^="product"] .product-information {
    padding-top: 0 !important;
  }

  main[data-template^="product"] .product-information__grid {
    grid-column: 1 / -1 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    row-gap: 0 !important;
  }

  main[data-template^="product"] .product-information__media,
  main[data-template^="product"] .product-details {
    grid-column: 1 / -1 !important;
    justify-self: stretch !important;
    margin-inline: 0 !important;
    width: 100% !important;
  }

  main[data-template^="product"] .product-information__media {
    padding-inline: 0 !important;
  }

  main[data-template^="product"] .product-details {
    padding: 14px 16px 24px !important;
    position: static !important;
  }

  main[data-template^="product"] .pp-product-mobile-summary {
    background: #ffffff !important;
    border-bottom: 1px solid var(--pp-color-border, #e7ddd2) !important;
    display: grid !important;
    gap: 8px !important;
    grid-column: 1 / -1 !important;
    padding: 14px 16px 12px !important;
  }

  main[data-template^="product"] .pp-product-mobile-summary h1 {
    color: var(--pp-color-ink, #211a17) !important;
    font-family: var(--font-body--family) !important;
    font-size: 1.55rem !important;
    font-weight: 900 !important;
    letter-spacing: -0.035em !important;
    line-height: 1.04 !important;
    margin: 0 !important;
  }

  main[data-template^="product"] .pp-product-mobile-summary p {
    color: #3d3d3d !important;
    font-size: 0.92rem !important;
    font-weight: 700 !important;
    margin: 0 !important;
  }

  main[data-template^="product"] .pp-product-mobile-summary__rating,
  main[data-template^="product"] .pp-product-mobile-summary__price {
    align-items: baseline !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
  }

  main[data-template^="product"] .pp-product-mobile-summary__rating {
    color: #ffc022 !important;
    font-size: 0.95rem !important;
    font-weight: 800 !important;
  }

  main[data-template^="product"] .pp-product-mobile-summary__rating small {
    color: #1a1a1a !important;
    font-size: 0.84rem !important;
  }

  main[data-template^="product"] .pp-product-mobile-summary__price strong {
    color: #111111 !important;
    font-size: 1.28rem !important;
    font-weight: 950 !important;
  }

  main[data-template^="product"] .pp-product-mobile-summary__price s {
    color: #8e8e8e !important;
    font-size: 0.92rem !important;
    font-weight: 700 !important;
  }

  main[data-template^="product"] .pp-product-mobile-summary__price span {
    color: var(--pp-color-gold, #b88745) !important;
    font-size: 0.82rem !important;
    font-weight: 900 !important;
  }

  main[data-template^="product"] .product-details > .group-block h3:first-of-type {
    display: none !important;
  }

  main[data-template^="product"] .product_page_features .product-features,
  main[data-template^="product"] .product-details .cstm-product-badges .product-features {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  main[data-template^="product"] .product_page_features .product-features .badge,
  main[data-template^="product"] .product-details .cstm-product-badges .product-features .badge {
    min-height: 38px !important;
    padding: 8px 6px !important;
    width: 100% !important;
  }

  main[data-template^="product"] .product_page_features .badge-text,
  main[data-template^="product"] .product-details .cstm-product-badges .badge-text {
    font-size: 0.72rem !important;
    line-height: 1.15 !important;
  }

  main[data-template^="product"] .pp-pdp-solve--compact {
    border: 0 !important;
    padding: 0 !important;
  }

  main[data-template^="product"] .pp-pdp-solve--compact p {
    margin-bottom: 7px !important;
  }

  main[data-template^="product"] .pp-pdp-solve--compact ul {
    gap: 7px !important;
  }

  main[data-template^="product"] .pp-pdp-solve--compact li {
    background: var(--pp-color-surface-warm, #fbf6f1) !important;
    border: 1px solid var(--pp-color-border, #e7ddd2) !important;
    border-radius: 999px !important;
    font-size: 0.78rem !important;
    padding: 6px 9px !important;
  }

  main[data-template^="product"] .pp-pdp-solve--compact li::before {
    height: 9px !important;
    width: 9px !important;
  }

  main[data-template^="product"] .pp-pdp-conversion {
    border-inline: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-inline: -16px !important;
    max-width: calc(100% + 32px) !important;
    padding: 14px 16px !important;
    width: calc(100% + 32px) !important;
  }

  main[data-template^="product"] .key-ingredinants-wrapper {
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  main[data-template^="product"] .ingrediant-item {
    min-width: 0 !important;
    width: 100% !important;
  }

  main[data-template^="product"] .pp-pdp-offer-card {
    align-items: stretch !important;
    display: grid !important;
  }

  main[data-template^="product"] .pp-pdp-fbt__item {
    grid-template-columns: 52px minmax(0, 1fr) auto !important;
  }

  main[data-template^="product"] .pp-pdp-fbt__media {
    height: 52px !important;
    width: 52px !important;
  }

  main[data-template^="product"] .pp-pdp-fbt__add {
    min-height: 34px !important;
    padding-inline: 12px !important;
  }

  main[data-template^="product"] .pp-pdp-sticky-atc {
    align-items: center !important;
    background: #ffffff !important;
    border-top: 1px solid var(--pp-color-border, #e7ddd2) !important;
    bottom: 62px !important;
    box-shadow: 0 -10px 24px rgba(0, 0, 0, 0.1) !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: minmax(0, 1fr) minmax(136px, 0.98fr) !important;
    left: 0 !important;
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom)) !important;
    position: fixed !important;
    right: 0 !important;
    width: auto !important;
    z-index: 49 !important;
  }

  main[data-template^="product"] .pp-pdp-sticky-atc > div {
    min-width: 0 !important;
  }

  main[data-template^="product"] .pp-pdp-sticky-atc span {
    color: #4b4b4b !important;
    display: block !important;
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    max-width: 16ch !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  main[data-template^="product"] .pp-pdp-sticky-atc strong {
    color: #111111 !important;
    display: block !important;
    font-size: 1.02rem !important;
    font-weight: 950 !important;
    margin-top: 2px !important;
  }

  main[data-template^="product"] .pp-pdp-sticky-atc button {
    background: var(--pp-color-primary, #9f2134) !important;
    border: 1px solid var(--pp-color-primary, #9f2134) !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    font-family: var(--font-body--family) !important;
    font-size: 0.95rem !important;
    font-weight: 950 !important;
    min-height: 44px !important;
    min-width: 0 !important;
    padding-inline: 10px !important;
    width: 100% !important;
  }
}

/* Review-card footer fix: global footer styling should not color the
   reviewer name/product strip inside homepage review cards. */
.pp-front .pp-front-review-card footer {
  align-items: center !important;
  background: transparent !important;
  border-top: 1px solid rgba(73, 48, 38, 0.08) !important;
  color: #2f1f18 !important;
  display: flex !important;
  gap: 14px !important;
  justify-content: space-between !important;
  margin-top: 4px !important;
  padding-top: 14px !important;
}

.pp-front .pp-front-review-card footer cite {
  color: #2f1f18 !important;
  font-family: var(--font-body--family) !important;
  font-size: 0.96rem !important;
  font-style: normal !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

.pp-front .pp-front-review-card__product {
  align-items: center !important;
  background: #fffaf3 !important;
  border: 1px solid rgba(73, 48, 38, 0.1) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: #7c2e34 !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  gap: 8px !important;
  max-width: 100% !important;
  padding: 5px 10px 5px 6px !important;
  text-decoration: none !important;
}

.pp-front .pp-front-review-card__product img {
  background: #ffffff !important;
  border-radius: 7px !important;
  flex: 0 0 auto !important;
  height: 30px !important;
  object-fit: contain !important;
  width: 30px !important;
}

.pp-front .pp-front-review-card__product span {
  color: #7c2e34 !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

@media screen and (max-width: 749px) {
  .pp-front .pp-front-review-card footer {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

/* Menu drawer polish: keep the drawer action chrome icon-only and make sure
   older cached title markup cannot appear above the shortcuts. */
.pp-nav-drawer__heading-group,
.pp-nav-drawer__eyebrow,
.pp-nav-drawer__title,
.pp-nav-drawer__close-label {
  display: none !important;
}

/* Product feature badges: keep only the outer pill border, not a nested inner pill around the text. */
.cstm-product-badges .product-features .badge > .badge-text {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
  padding: 0 !important;
}

@supports (content-visibility: auto) {
  main[data-template="index"] .pp-front > section:not(.pp-front-hero) {
    content-visibility: auto;
    contain-intrinsic-size: auto 520px;
  }

  main[data-template="index"] .pp-front-products,
  main[data-template="index"] .pp-front-rituals {
    contain-intrinsic-size: auto 760px;
  }

  main[data-template="collection"] .product-grid__item {
    content-visibility: auto;
    contain-intrinsic-size: auto 430px;
  }

  main[data-template^="product"] .tab-section,
  main[data-template^="product"] .faq-section,
  main[data-template^="product"] .product-recommendations,
  main[data-template^="product"] .shopify-section:has(.pp-front-journal-card) {
    content-visibility: auto;
    contain-intrinsic-size: auto 620px;
  }
}

.pp-nav-drawer__header {
  align-items: center !important;
  display: flex !important;
  justify-content: flex-end !important;
  min-height: 44px !important;
  padding: 12px 16px 4px !important;
}

.pp-nav-drawer__close {
  align-items: center !important;
  aspect-ratio: 1 !important;
  border: 0 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-height: 36px !important;
  padding: 0 !important;
  width: 36px !important;
}

.pp-nav-drawer__close .svg-wrapper,
.pp-nav-drawer__close .header-drawer-icon {
  align-items: center !important;
  display: inline-flex !important;
  height: 18px !important;
  justify-content: center !important;
  width: 18px !important;
}

/* Collection all polish: softer page surface, clean product separators, centered CTA. */
[data-template="collection"] main#MainContent {
  background: #ffffff !important;
}

[data-template="collection"] .section-background,
[data-template="collection"] .product-grid-container {
  background: transparent !important;
}

[data-template="collection"] .collection-wrapper {
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(91, 50, 29, 0.08);
  border-radius: clamp(18px, 2.2vw, 30px);
  box-shadow: 0 18px 52px rgba(91, 50, 29, 0.06);
  margin-bottom: 48px;
  overflow: hidden;
  padding: clamp(16px, 2vw, 24px) clamp(12px, 2vw, 24px) clamp(42px, 5vw, 64px) !important;
}

[data-template="collection"] .collection-wrapper.pp-new-launch-collection-wrapper {
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 auto 36px !important;
  max-width: 100% !important;
  overflow: visible !important;
  padding: clamp(24px, 3vw, 42px) 18px clamp(56px, 6vw, 86px) !important;
}

[data-template="collection"] .product-grid {
  gap: 0 !important;
}

[data-template="collection"] .product-grid__item {
  border-bottom: 1px solid rgba(91, 50, 29, 0.1);
  border-right: 1px solid rgba(91, 50, 29, 0.1);
  content-visibility: visible !important;
  contain: none !important;
  contain-intrinsic-size: auto !important;
  padding: clamp(18px, 2vw, 28px);
}

@media screen and (min-width: 750px) {
  [data-template="collection"] .product-grid__item:nth-child(4n) {
    border-right: 0;
  }

  [data-template="collection"] .product-grid__item:nth-last-child(-n + 4) {
    border-bottom: 0;
  }
}

[data-template="collection"] .product-card__content > .addCard_btn,
[data-template="collection"] .product-card__content > .sold-btn-cstm,
[data-template="collection"] .product-card__content > quick-add-component,
[data-template="collection"] .product-card__content > add-to-cart-component {
  align-self: center !important;
  justify-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

[data-template="collection"] .product-card__content > quick-add-component.quick-add {
  align-items: center !important;
  display: flex !important;
  inset: auto !important;
  justify-content: center !important;
  pointer-events: auto !important;
  position: static !important;
  width: 100% !important;
}

[data-template="collection"] .product-card__content .quick-add__button,
[data-template="collection"] .product-card__content > .addCard_btn,
[data-template="collection"] .product-card__content > .sold-btn-cstm {
  display: inline-flex !important;
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 210px !important;
  text-align: center !important;
  width: min(210px, 100%) !important;
}

[data-template="collection"] .product-card__content .quick-add__button .add-to-cart-text,
[data-template="collection"] .product-card__content .quick-add__button .add-to-cart-text__content {
  opacity: 1 !important;
  transform: none !important;
  width: auto !important;
}

[data-template="collection"] .product-card__content .card-gallery {
  display: block !important;
  min-height: clamp(230px, 20vw, 300px);
  opacity: 1 !important;
  position: relative !important;
  visibility: visible !important;
}

[data-template="collection"] .product-card__content .card-gallery a.contents,
[data-template="collection"] .product-card__content .card-gallery slideshow-component,
[data-template="collection"] .product-card__content .card-gallery slideshow-container,
[data-template="collection"] .product-card__content .card-gallery slideshow-slides,
[data-template="collection"] .product-card__content .card-gallery .product-media,
[data-template="collection"] .product-card__content .card-gallery .product-media-container {
  height: 100% !important;
  min-height: inherit !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 100% !important;
}

[data-template="collection"] .product-card__content .card-gallery img {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* PDP media recovery: the theme's product media wrapper starts at width: 0
   and depends on min-width: 100%; keep that behavior so galleries do not collapse. */
main[data-template^="product"] .product-information__media {
  min-width: 100% !important;
  width: 100% !important;
}

main[data-template^="product"] .product-information__media media-gallery,
main[data-template^="product"] .product-information__media slideshow-component,
main[data-template^="product"] .product-information__media slideshow-container {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 100% !important;
}

main[data-template^="product"] .product-information__media slideshow-component,
main[data-template^="product"] .product-information__media slideshow-slides {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 100% !important;
}

main[data-template^="product"] .product-information__media slideshow-component {
  flex-direction: column !important;
}

main[data-template^="product"] .product-information__media .product-media-container,
main[data-template^="product"] .product-information__media .product-media,
main[data-template^="product"] .product-information__media .product-media img {
  opacity: 1 !important;
  visibility: visible !important;
}

main[data-template^="product"] .product-information__media media-gallery.media-gallery--carousel,
main[data-template^="product"] .product-information__media slideshow-component,
main[data-template^="product"] .product-information__media slideshow-container,
main[data-template^="product"] .product-information__media .product-media-container,
main[data-template^="product"] .product-information__media .product-media {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

@media screen and (min-width: 750px) {
  main[data-template^="product"] .product-information__media {
    align-self: start !important;
    padding: 0 clamp(14px, 1.8vw, 24px) 0 0 !important;
  }

  main[data-template^="product"] .product-information__media media-gallery.media-gallery--carousel {
    display: block !important;
    margin-inline: auto !important;
    max-width: min(560px, 100%) !important;
    width: 100% !important;
  }

  main[data-template^="product"] .product-information__media slideshow-component:has(slideshow-controls[thumbnails]) {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
  }

  main[data-template^="product"] .product-information__media slideshow-controls[thumbnails] {
    align-items: center !important;
    background: transparent !important;
    display: flex !important;
    flex-direction: row !important;
    height: auto !important;
    justify-content: flex-start !important;
    min-height: 0 !important;
    order: 2 !important;
    position: static !important;
    width: 100% !important;
  }

  main[data-template^="product"] .product-information__media .slideshow-controls__thumbnails-container {
    height: auto !important;
    max-height: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    position: static !important;
    scrollbar-width: none;
    width: 100% !important;
  }

  main[data-template^="product"] .product-information__media .slideshow-controls__thumbnails-container::-webkit-scrollbar {
    display: none;
  }

  main[data-template^="product"] .product-information__media .slideshow-controls__thumbnails {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: max-content !important;
  }

  main[data-template^="product"] .product-information__media .slideshow-controls__thumbnail {
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    flex: 0 0 64px !important;
    height: 64px !important;
    min-height: 64px !important;
    overflow: hidden !important;
    padding: 2px !important;
    width: 64px !important;
  }

  main[data-template^="product"] .product-information__media .slideshow-controls__thumbnail[aria-selected="true"] {
    border-color: #111111 !important;
    box-shadow: none !important;
    outline: 0 !important;
  }

  main[data-template^="product"] .product-information__media .slideshow-controls__thumbnail img {
    border-radius: 8px !important;
    display: block !important;
    height: 100% !important;
    object-fit: cover !important;
    width: 100% !important;
  }

  main[data-template^="product"] .product-information__media slideshow-container {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    width: 100% !important;
  }

  main[data-template^="product"] .product-information__media slideshow-slides,
  main[data-template^="product"] .product-information__media slideshow-slide[aria-hidden="false"],
  main[data-template^="product"] .product-information__media slideshow-slide[aria-hidden="false"] .product-media-container,
  main[data-template^="product"] .product-information__media slideshow-slide[aria-hidden="false"] .product-media {
    height: auto !important;
    min-height: inherit !important;
    width: 100% !important;
  }

  main[data-template^="product"] .product-information__media slideshow-slide[aria-hidden="false"] img {
    height: auto !important;
    max-height: min(500px, calc(100vh - 300px)) !important;
    object-fit: contain !important;
    object-position: center !important;
    width: 100% !important;
  }
}

@media screen and (max-width: 749px) {
  [data-template="collection"] .collection-wrapper {
    border-radius: 18px;
    margin-inline: 10px;
    padding: 12px 10px 112px !important;
  }

  [data-template="collection"] .collection-wrapper.pp-new-launch-collection-wrapper {
    margin-inline: 0 !important;
    max-width: 100% !important;
    padding: 22px 16px 64px !important;
    width: 100% !important;
  }

  [data-template="collection"] .pp-new-launch-collection-grid.product-grid {
    gap: 22px !important;
    grid-template-columns: minmax(0, min(310px, 100%)) !important;
    max-width: 310px !important;
  }

  [data-template="collection"] .pp-new-launch-collection-grid .product-grid__item {
    padding: 0 !important;
  }

  [data-template="collection"] .product-grid__item {
    padding: 16px 10px;
  }

  [data-template="collection"] .product-card__content .card-gallery {
    min-height: clamp(150px, 43vw, 190px);
  }

  [data-template="collection"] .product-grid__item:nth-child(2n) {
    border-right: 0;
  }

  [data-template="collection"] .product-grid__item:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  [data-template="collection"] .product-card__content .quick-add__button,
  [data-template="collection"] .product-card__content > .addCard_btn,
  [data-template="collection"] .product-card__content > .sold-btn-cstm {
    max-width: 150px !important;
    width: min(150px, 100%) !important;
  }
}

/* Shop All: open catalogue layout. */
[data-template="collection"] .pp-all-products-wrapper {
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important;
  margin-bottom: 0 !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  max-width: none !important;
  overflow: visible !important;
  padding: 0 max(18px, calc((100vw - 1560px) / 2)) clamp(64px, 8vw, 110px) !important;
  position: relative;
  width: 100vw !important;
}

[data-template="collection"] .pp-all-products-heading {
  background: var(--pp-color-surface-warm, #fbf6f1) !important;
  border-bottom: 1px solid rgba(18, 18, 18, 0.14);
  box-shadow: 0 0 0 100vmax var(--pp-color-surface-warm, #fbf6f1);
  clip-path: inset(0 -100vmax);
  display: grid;
  justify-items: center;
  margin: 0 auto 28px;
  min-height: 108px;
  padding: clamp(38px, 5vw, 58px) clamp(24px, 6vw, 96px) 28px;
  position: relative;
  text-align: center;
}

[data-template="collection"] .pp-all-products-heading h1 {
  color: #000000;
  font-family: var(--font-heading--family) !important;
  font-size: clamp(2.45rem, 3.25vw, 3.85rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  text-wrap: balance;
}

[data-template="collection"] .pp-all-products-heading p {
  color: #000000;
  font-family: var(--font-body--family) !important;
  font-size: clamp(0.95rem, 1.05vw, 1.18rem);
  font-weight: 850;
  line-height: 1.15;
  margin: 14px 0 0;
  text-wrap: balance;
}

[data-template="collection"] .pp-all-products-wrapper .facets-block-wrapper--horizontal {
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute;
  right: max(18px, calc((100vw - 1560px) / 2));
  top: clamp(26px, 3vw, 42px);
  width: min(280px, 24vw) !important;
  z-index: 2;
}

[data-template="collection"] .pp-all-products-wrapper .facets--horizontal {
  padding: 0 !important;
}

[data-template="collection"] .pp-all-products-wrapper .facets__form {
  justify-content: flex-end !important;
}

[data-template="collection"] .pp-all-products-wrapper .facets-block-wrapper--horizontal .facets__filters-wrapper,
[data-template="collection"] .pp-all-products-wrapper .facets-block-wrapper--horizontal .products-count-wrapper,
[data-template="collection"] .pp-all-products-wrapper .facets-block-wrapper--horizontal .column-options-wrapper {
  display: none !important;
}

[data-template="collection"] .pp-all-products-wrapper .sorting-filter__horizontal {
  border-left: 1px solid rgba(18, 18, 18, 0.16);
  padding-left: clamp(18px, 2vw, 30px);
}

[data-template="collection"] .pp-all-products-wrapper .sorting-filter__horizontal .facets__summary {
  color: #000000 !important;
  font-size: 1.05rem !important;
  font-weight: 900 !important;
  gap: 12px !important;
}

[data-template="collection"] .pp-all-products-wrapper .sorting-filter__horizontal .facets__label {
  color: #7e7e7e !important;
  font-weight: 800 !important;
}

[data-template="collection"] .pp-all-products-wrapper .sorting-filter__horizontal .facets__label::after {
  content: ":";
}

[data-template="collection"] .pp-all-products-wrapper .sorting-filter__horizontal .facets__status {
  color: #000000;
  display: inline !important;
  font-family: var(--font-body--family) !important;
  font-size: 1.05rem !important;
  font-weight: 900;
}

[data-template="collection"] .pp-all-products-wrapper .sorting-filter__horizontal .facets__summary .svg-wrapper {
  margin-left: 32px;
}

[data-template="collection"] .pp-all-products-layout {
  display: block !important;
  padding: 0 !important;
  width: 100% !important;
}

[data-template="collection"] .pp-all-products-layout__inner {
  background: transparent;
  border: 0;
  box-shadow: none;
  container-type: inline-size;
  overflow: visible;
  width: 100%;
}

[data-template="collection"] .pp-all-products-grid {
  display: grid !important;
  gap: clamp(38px, 4.2vw, 64px) clamp(18px, 2vw, 30px) !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

[data-template="collection"] .pp-all-products-grid--centered {
  grid-template-columns: repeat(var(--pp-centered-grid-columns-desktop, 5), minmax(0, min(260px, 100%))) !important;
  justify-content: center;
  margin-inline: auto !important;
}

[data-template="collection"] .pp-ritual-combos-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

@media screen and (min-width: 990px) {
  [data-template="collection"] .pp-all-products-grid .product-card__content {
    max-width: clamp(230px, 19vw, 318px) !important;
    width: min(100%, 318px) !important;
  }
}

[data-template="collection"] .pp-all-products-grid .product-grid__item {
  background: transparent !important;
  border: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  transition: transform 220ms ease;
}

[data-template="collection"] .pp-all-products-grid .product-card__content {
  align-items: center !important;
  background: transparent !important;
  display: flex !important;
  gap: 7px !important;
  height: 100%;
  margin-inline: auto;
  max-width: none;
  min-height: 100%;
  padding: 0 !important;
  text-align: center !important;
  width: 100%;
}

[data-template="collection"] .pp-all-products-grid .product-card__content .card-gallery {
  aspect-ratio: 1 / 1.27;
  background:
    linear-gradient(160deg, rgba(255, 255, 255, 0.64) 0 18%, transparent 42%),
    linear-gradient(145deg, #f1f1f1 0%, #dddddd 100%) !important;
  border-radius: 7px !important;
  min-height: 0 !important;
  overflow: hidden !important;
  width: 100% !important;
}

[data-template="collection"] .pp-all-products-grid .product-card__content .card-gallery a.contents,
[data-template="collection"] .pp-all-products-grid .product-card__content .card-gallery slideshow-component,
[data-template="collection"] .pp-all-products-grid .product-card__content .card-gallery slideshow-container,
[data-template="collection"] .pp-all-products-grid .product-card__content .card-gallery slideshow-slides,
[data-template="collection"] .pp-all-products-grid .product-card__content .card-gallery slideshow-slide,
[data-template="collection"] .pp-all-products-grid .product-card__content .card-gallery .product-media,
[data-template="collection"] .pp-all-products-grid .product-card__content .card-gallery .product-media-container {
  background: transparent !important;
  height: 100% !important;
  min-height: 0 !important;
}

[data-template="collection"] .pp-all-products-grid .product-card__content .card-gallery img {
  filter: none !important;
  height: 100% !important;
  mix-blend-mode: multiply;
  object-fit: cover !important;
  padding: 0 !important;
  transition: transform 240ms ease;
  width: 100% !important;
}

[data-template="collection"] .pp-all-products-grid .product-grid__item:hover .card-gallery img {
  transform: scale(1.035) translateY(-2px) !important;
}

[data-template="collection"] .pp-all-products-grid .product-card__content .product-badges,
[data-template="collection"] .pp-all-products-grid .product-card__content .product-badges__badge,
[data-template="collection"] .pp-all-products-grid .product-card__content .product-badges__badge--rectangle {
  border-radius: 5px !important;
}

[data-template="collection"] .pp-all-products-grid .product-grid__item:nth-child(4n + 1) .product-badges__badge {
  background: #ef171c !important;
  color: #ffffff !important;
}

[data-template="collection"] .pp-all-products-grid .product-grid__item:nth-child(4n + 3) .product-badges__badge {
  background: #389600 !important;
  color: #ffffff !important;
}

[data-template="collection"] .pp-all-products-grid .product-grid__item:nth-child(4n) .product-badges__badge {
  background: #8f1b14 !important;
  color: #ffffff !important;
}

[data-template="collection"] .pp-all-products-grid .product-card__content .cstm-product-badges,
[data-template="collection"] .pp-all-products-grid .product-card__content .product-features,
[data-template="collection"] .pp-all-products-grid .product-card__content > quick-add-component,
[data-template="collection"] .pp-all-products-grid .product-card__content > add-to-cart-component,
[data-template="collection"] .pp-all-products-grid .product-card__content > .addCard_btn,
[data-template="collection"] .pp-all-products-grid .product-card__content > .sold-btn-cstm,
[data-template="collection"] .pp-all-products-grid .product-card__content .swatches,
[data-template="collection"] .pp-all-products-grid .product-card__content product-swatches {
  display: none !important;
}

[data-template="collection"] .pp-all-products-grid .pp-collection-card-rating {
  font-size: 0.9rem;
  font-weight: 900;
  margin-top: 2px;
}

[data-template="collection"] .pp-all-products-grid .pp-collection-card-rating__stars {
  gap: 2px;
}

[data-template="collection"] .pp-all-products-grid .pp-collection-card-rating__star {
  font-size: 1rem;
}

[data-template="collection"] .pp-all-products-grid .pp-collection-card-rating small {
  font-size: 0.88rem;
  font-weight: 900;
}

[data-template="collection"] .pp-all-products-grid .product-card__content > .group-block > .group-block-content {
  align-items: center !important;
  gap: 7px !important;
  text-align: center !important;
}

[data-template="collection"] .pp-all-products-grid .product-card__content product-title,
[data-template="collection"] .pp-all-products-grid .product-card__content product-title a,
[data-template="collection"] .pp-all-products-grid .product-card__content .product-title,
[data-template="collection"] .pp-all-products-grid .product-card__content .product-title a,
[data-template="collection"] .pp-all-products-grid .product-card__content h3,
[data-template="collection"] .pp-all-products-grid .product-card__content h4,
[data-template="collection"] .pp-all-products-grid .product-card__content h5 {
  color: #000000 !important;
  font-family: var(--font-body--family) !important;
  font-size: clamp(1.05rem, 1.25vw, 1.42rem) !important;
  font-weight: 950 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.08 !important;
  margin: 2px auto 0 !important;
  max-width: 22ch;
  min-height: 2.14em;
  text-align: center !important;
  text-wrap: balance;
}

[data-template="collection"] .pp-all-products-grid .product-card__content p {
  color: #000000 !important;
  font-size: clamp(0.8rem, 0.9vw, 0.96rem) !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  max-width: 21ch;
}

[data-template="collection"] .pp-all-products-grid .product-card__content div[ref="priceContainer"] {
  gap: 2px 7px;
  margin-top: 0;
  min-height: 48px;
}

[data-template="collection"] .pp-all-products-grid .product-card__content div[ref="priceContainer"] .price {
  color: #000000 !important;
  font-size: clamp(1.08rem, 1.18vw, 1.42rem) !important;
  font-weight: 950 !important;
}

[data-template="collection"] .pp-all-products-grid .product-card__content div[ref="priceContainer"] .compare-at-price {
  color: #111111 !important;
  font-size: clamp(0.84rem, 0.86vw, 0.98rem) !important;
  font-weight: 850 !important;
}

[data-template="collection"] .pp-all-products-grid .product-card__content div[ref="priceContainer"] .save-badge {
  color: #477a3a !important;
  flex-basis: 100%;
  font-size: clamp(0.78rem, 0.82vw, 0.94rem) !important;
  font-weight: 900 !important;
  margin-top: 2px;
}

@media screen and (max-width: 989px) and (min-width: 750px) {
  [data-template="collection"] .pp-all-products-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  [data-template="collection"] .pp-all-products-grid--centered {
    grid-template-columns: repeat(var(--pp-centered-grid-columns-tablet, 3), minmax(0, min(250px, 100%))) !important;
  }
}

@media screen and (max-width: 749px) {
  [data-template="collection"] .pp-all-products-wrapper {
    padding: 0 16px 108px !important;
  }

  [data-template="collection"] .pp-all-products-heading {
    margin-bottom: 22px;
    min-height: 0;
    padding: 24px 16px 18px;
  }

  [data-template="collection"] .pp-all-products-heading h1 {
    font-size: clamp(1.9rem, 9vw, 2.55rem);
  }

  [data-template="collection"] .pp-all-products-heading p {
    font-size: 0.9rem;
    margin-top: 9px;
  }

  [data-template="collection"] .pp-all-products-wrapper .facets-block-wrapper--horizontal {
    display: none !important;
  }

  [data-template="collection"] .pp-all-products-wrapper .facets-toggle {
    border-bottom: 1px solid rgba(18, 18, 18, 0.14);
    margin: 0 0 24px !important;
    padding: 0 0 14px !important;
  }

  [data-template="collection"] .pp-all-products-grid {
    gap: 26px 12px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  [data-template="collection"] .pp-all-products-grid--centered {
    justify-content: stretch;
  }

  [data-template="collection"] .pp-all-products-grid--centered .product-grid__item:nth-child(odd):last-child {
    grid-column: 1 / -1;
    margin-inline: auto !important;
    max-width: calc((100% - 12px) / 2);
    width: 100% !important;
  }

  [data-template="collection"] .pp-all-products-grid .product-card__content {
    gap: 6px !important;
  }

  [data-template="collection"] .pp-all-products-grid .product-card__content .card-gallery {
    aspect-ratio: 1 / 1.18;
    border-radius: 6px !important;
  }

  [data-template="collection"] .pp-all-products-grid .product-card__content .card-gallery img {
    padding: 0 !important;
  }

  [data-template="collection"] .pp-all-products-grid .pp-collection-card-rating {
    font-size: 0.76rem;
  }

  [data-template="collection"] .pp-all-products-grid .pp-collection-card-rating__star {
    font-size: 0.9rem;
  }

  [data-template="collection"] .pp-all-products-grid .pp-collection-card-rating small {
    font-size: 0.74rem;
  }

  [data-template="collection"] .pp-all-products-grid .product-card__content product-title,
  [data-template="collection"] .pp-all-products-grid .product-card__content product-title a,
  [data-template="collection"] .pp-all-products-grid .product-card__content .product-title,
  [data-template="collection"] .pp-all-products-grid .product-card__content .product-title a,
  [data-template="collection"] .pp-all-products-grid .product-card__content h3,
  [data-template="collection"] .pp-all-products-grid .product-card__content h4,
  [data-template="collection"] .pp-all-products-grid .product-card__content h5 {
    font-size: clamp(0.9rem, 4.35vw, 1.08rem) !important;
    min-height: 2.16em;
  }

  [data-template="collection"] .pp-all-products-grid .product-card__content p {
    font-size: 0.78rem !important;
  }

  [data-template="collection"] .pp-all-products-grid .product-card__content div[ref="priceContainer"] {
    min-height: 42px;
  }

  [data-template="collection"] .pp-all-products-grid .product-card__content div[ref="priceContainer"] .price {
    font-size: 0.96rem !important;
  }

  [data-template="collection"] .pp-all-products-grid .product-card__content div[ref="priceContainer"] .compare-at-price,
  [data-template="collection"] .pp-all-products-grid .product-card__content div[ref="priceContainer"] .save-badge {
    font-size: 0.72rem !important;
  }
}

/* Keep the homepage nav consistent in Codex/IAB tablet-width views.
   Without this bridge, Shopify's built-in overflow menu appears and drops
   the About link behind the hidden "More" control. */
@media screen and (min-width: 750px) and (max-width: 989px) {
  #header-group .header__column--left {
    display: none !important;
  }

  .pp-primary-navigation--desktop {
    align-items: center;
    background: #ffffff;
    border-bottom: 1px solid var(--pp-color-border);
    border-top: 1px solid var(--pp-color-border);
    display: flex;
    gap: clamp(22px, 4vw, 44px);
    height: 52px;
    justify-content: center;
    margin: 0;
    padding: 0 24px;
    position: sticky;
    top: var(--pp-header-visible-height, var(--pp-header-group-height, 0px));
    width: 100%;
    z-index: 40;
  }

  .pp-primary-navigation--desktop a {
    color: #000000;
    font-family: var(--font-body--family);
    font-size: 1.06rem;
    font-weight: 800;
    letter-spacing: -0.018em;
    line-height: 1;
    text-decoration: none;
    transition: color 180ms var(--pp-ease-out);
  }

  .pp-primary-navigation--desktop a:hover {
    color: var(--pp-color-primary);
  }
}

/* PDP gallery correction: left thumbnails, horizontal slide transition, sticky only within product section. */
main[data-template^="product"] .product-information__media media-gallery.sticky-content {
  position: sticky !important;
  top: var(--sticky-header-offset, 132px) !important;
  z-index: var(--layer-flat) !important;
}

@media screen and (min-width: 750px) {
  main[data-template^="product"] .product-information__grid {
    align-items: stretch !important;
  }

  main[data-template^="product"] .product-information__media {
    align-self: stretch !important;
    height: auto !important;
  }

  main[data-template^="product"] .product-information__media media-gallery.media-gallery--carousel {
    margin-inline: auto !important;
    max-width: min(680px, 100%) !important;
    width: 100% !important;
  }

  main[data-template^="product"] .product-information__media slideshow-component:has(slideshow-controls[thumbnails][pagination-position="left"]) {
    align-items: start !important;
    display: grid !important;
    gap: 16px !important;
    grid-template:
      "controls container" auto
      / 72px minmax(0, 1fr) !important;
    width: 100% !important;
  }

  main[data-template^="product"] .product-information__media slideshow-component:has(slideshow-controls[thumbnails][pagination-position="left"]) slideshow-container {
    grid-area: container !important;
    order: initial !important;
    width: 100% !important;
  }

  main[data-template^="product"] .product-information__media slideshow-controls[thumbnails][pagination-position="left"] {
    align-items: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    grid-area: controls !important;
    height: 100% !important;
    justify-content: flex-start !important;
    min-height: 0 !important;
    order: initial !important;
    position: static !important;
    width: 72px !important;
  }

  main[data-template^="product"] .product-information__media .slideshow-controls__thumbnails-container {
    height: 100% !important;
    max-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    position: static !important;
    width: 72px !important;
  }

  main[data-template^="product"] .product-information__media .slideshow-controls__thumbnails {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 0 !important;
    width: 72px !important;
  }

  main[data-template^="product"] .product-information__media .slideshow-controls__thumbnail {
    background: #ffffff !important;
    border: 1px solid transparent !important;
    border-radius: 14px !important;
    flex: 0 0 72px !important;
    height: 72px !important;
    min-height: 72px !important;
    padding: 3px !important;
    width: 72px !important;
  }

  main[data-template^="product"] .product-information__media .slideshow-controls__thumbnail[aria-selected="true"] {
    border-color: #111111 !important;
  }

  main[data-template^="product"] .product-information__media slideshow-container {
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  main[data-template^="product"] .product-information__media slideshow-slides {
    display: flex !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
  }

  main[data-template^="product"] .product-information__media slideshow-slide {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    scroll-snap-align: start !important;
  }

  main[data-template^="product"] .product-information__media slideshow-slide[aria-hidden="false"] img {
    max-height: min(620px, calc(100vh - 220px)) !important;
  }
}

main[data-template^="product"] .pp-fastrr-buy-now {
  align-items: center !important;
  background: var(--pp-color-botanical, #4f6d43) !important;
  border: 1px solid var(--pp-color-botanical, #4f6d43) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  cursor: pointer !important;
  display: inline-flex !important;
  flex-direction: column;
  font-family: var(--font-body--family) !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  gap: 2px;
  justify-content: center !important;
  min-height: 54px !important;
  padding: 8px 18px !important;
  text-align: center !important;
  transition: opacity 180ms var(--pp-ease-out, ease), transform 180ms var(--pp-ease-out, ease) !important;
  width: 100% !important;
}

main[data-template^="product"] .pp-fastrr-buy-now:hover:not(:disabled) {
  opacity: 0.94;
  transform: translateY(-1px);
}

main[data-template^="product"] .pp-fastrr-buy-now:disabled {
  cursor: not-allowed !important;
  opacity: 0.62 !important;
}

main[data-template^="product"] .pp-fastrr-buy-now__powered {
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
}

main[data-template^="product"] .pp-fastrr-buy-now .sr-checkout-visible,
main[data-template^="product"] .pp-fastrr-buy-now .sr-checkout-visible1 {
  display: none !important;
}

main[data-template^="product"] .pp-fastrr-buy-now .loader5 {
  display: none;
}

main[data-template^="product"] .pp-fastrr-buy-now.is-loading .loader5 {
  display: block;
}

.cart__checkout-button.pp-fastrr-cart-checkout {
  align-items: center !important;
  background: var(--pp-color-botanical, #4f6d43) !important;
  border-color: var(--pp-color-botanical, #4f6d43) !important;
  display: inline-flex !important;
  flex-direction: column;
  gap: 2px;
  justify-content: center !important;
  min-height: 54px !important;
  padding: 8px 18px !important;
}

.cart__checkout-button.pp-fastrr-cart-checkout:hover:not(:disabled) {
  background: var(--pp-color-text, #3f3733) !important;
  border-color: var(--pp-color-text, #3f3733) !important;
}

.pp-fastrr-cart-checkout__powered {
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
}

.pp-fastrr-cart-checkout .sr-checkout-visible-button1,
.pp-fastrr-cart-checkout .sr-checkout-visible1-button1 {
  display: none !important;
}

.pp-fastrr-cart-checkout .sr-checkout-loader {
  border: 2px solid rgba(255, 255, 255, 0.34);
  border-radius: 999px;
  border-top-color: #ffffff;
  display: none;
  height: 18px;
  width: 18px;
}

.pp-fastrr-cart-checkout.is-loading .sr-checkout-loader {
  animation: pp-fastrr-spin 800ms linear infinite;
  display: block;
}

.pp-fastrr-cart-checkout.is-loading .sr-checkout-visible2-button1,
.pp-fastrr-cart-checkout.is-loading .pp-fastrr-cart-checkout__powered {
  display: none;
}

@keyframes pp-fastrr-spin {
  to {
    transform: rotate(360deg);
  }
}

main[data-template^="product"] .pp-fastrr-buy-now,
.cart__checkout-button.pp-fastrr-cart-checkout {
  background: #4b4036 !important;
  border: 1px solid #4b4036 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: #ffffff !important;
  font-family: var(--font-body--family) !important;
  min-height: 90px !important;
  overflow: hidden !important;
  padding: 12px 20px 14px !important;
  position: relative !important;
  text-transform: uppercase !important;
}

main[data-template^="product"] .pp-fastrr-buy-now {
  min-height: 52px !important;
  padding: 8px 16px 9px !important;
}

main[data-template^="product"] .pp-fastrr-buy-now .pp-fastrr-button-content {
  min-height: 34px;
}

main[data-template^="product"] .pp-fastrr-buy-now .pp-fastrr-button-main {
  gap: 9px;
  transform: translateY(-1px);
}

main[data-template^="product"] .pp-fastrr-buy-now .sr-checkout-visible2 {
  font-size: clamp(1.05rem, 1.55vw, 1.28rem) !important;
}

main[data-template^="product"] .pp-fastrr-buy-now img.pp-fastrr-payment-icons {
  width: clamp(54px, 4.9vw, 66px) !important;
}

main[data-template^="product"] .pp-fastrr-buy-now .pp-fastrr-powered-by {
  bottom: 5px;
  right: 10px;
}

main[data-template^="product"] .pp-fastrr-buy-now .pp-fastrr-powered-by img {
  width: clamp(58px, 5.2vw, 72px) !important;
}

main[data-template^="product"] .pp-fastrr-buy-now:hover:not(:disabled),
.cart__checkout-button.pp-fastrr-cart-checkout:hover:not(:disabled) {
  background: #3f352d !important;
  border-color: #3f352d !important;
  opacity: 1 !important;
  transform: none !important;
}

.pp-fastrr-button-content {
  align-items: center;
  display: flex !important;
  justify-content: center;
  min-height: 68px;
  position: relative;
  width: 100%;
}

.pp-fastrr-button-main {
  align-items: center;
  display: inline-flex !important;
  gap: clamp(10px, 1.2vw, 15px);
  justify-content: center;
  line-height: 1;
  transform: translateY(-7px);
}

main[data-template^="product"] .pp-fastrr-buy-now .sr-checkout-visible2,
.pp-fastrr-cart-checkout .sr-checkout-visible2-button1 {
  color: #ffffff !important;
  display: inline-block !important;
  font-family: var(--font-body--family) !important;
  font-size: clamp(1.72rem, 1.95vw, 2rem) !important;
  font-weight: 900 !important;
  letter-spacing: 0.02em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

main[data-template^="product"] .pp-fastrr-buy-now img.pp-fastrr-payment-icons,
.pp-fastrr-cart-checkout img.pp-fastrr-payment-icons {
  display: block !important;
  height: auto !important;
  margin: 0 !important;
  max-width: none !important;
  object-fit: contain !important;
  padding: 0 !important;
  width: clamp(96px, 7.5vw, 112px) !important;
}

main[data-template^="product"] .pp-fastrr-buy-now .pp-fastrr-hidden-slot,
.pp-fastrr-cart-checkout .pp-fastrr-hidden-slot {
  display: none !important;
}

main[data-template^="product"] .pp-fastrr-buy-now .pp-fastrr-powered-by,
.pp-fastrr-cart-checkout .pp-fastrr-powered-by {
  bottom: 9px;
  display: inline-flex !important;
  line-height: 1;
  position: absolute;
  right: 14px;
}

main[data-template^="product"] .pp-fastrr-buy-now .pp-fastrr-powered-by img,
.pp-fastrr-cart-checkout .pp-fastrr-powered-by img {
  display: block !important;
  height: auto !important;
  max-width: none !important;
  width: clamp(96px, 7.5vw, 116px) !important;
}

main[data-template^="product"] .pp-fastrr-buy-now.is-loading .sr-checkout-visible2,
main[data-template^="product"] .pp-fastrr-buy-now.is-loading img.pp-fastrr-payment-icons,
main[data-template^="product"] .pp-fastrr-buy-now.is-loading .pp-fastrr-powered-by,
.pp-fastrr-cart-checkout.is-loading .sr-checkout-visible2-button1,
.pp-fastrr-cart-checkout.is-loading img.pp-fastrr-payment-icons,
.pp-fastrr-cart-checkout.is-loading .pp-fastrr-powered-by {
  display: none !important;
}

main[data-template^="product"] .pp-fastrr-buy-now.is-loading .loader5 {
  display: inline-block !important;
}

.pp-fastrr-cart-checkout.is-loading .sr-checkout-loader {
  display: inline-block !important;
}

@media screen and (max-width: 749px) {
  main[data-template^="product"] .pp-fastrr-buy-now,
  .cart__checkout-button.pp-fastrr-cart-checkout {
    border-radius: 10px !important;
    min-height: 86px !important;
    padding: 10px 14px 13px !important;
  }

  .pp-fastrr-button-content {
    min-height: 64px;
  }

  main[data-template^="product"] .pp-fastrr-buy-now .sr-checkout-visible2,
  .pp-fastrr-cart-checkout .sr-checkout-visible2-button1 {
    font-size: 1.72rem !important;
  }

  main[data-template^="product"] .pp-fastrr-buy-now img.pp-fastrr-payment-icons,
  .pp-fastrr-cart-checkout img.pp-fastrr-payment-icons {
    width: 96px !important;
  }

  main[data-template^="product"] .pp-fastrr-buy-now .pp-fastrr-powered-by img,
  .pp-fastrr-cart-checkout .pp-fastrr-powered-by img {
    width: 96px !important;
  }

  main[data-template^="product"] .pp-fastrr-buy-now {
    min-height: 50px !important;
    padding: 8px 12px 9px !important;
  }

  main[data-template^="product"] .pp-fastrr-buy-now .pp-fastrr-button-content {
    min-height: 32px;
  }

  main[data-template^="product"] .pp-fastrr-buy-now .pp-fastrr-button-main {
    gap: 8px;
    transform: translateY(-1px);
  }

  main[data-template^="product"] .pp-fastrr-buy-now .sr-checkout-visible2 {
    font-size: 1rem !important;
  }

  main[data-template^="product"] .pp-fastrr-buy-now img.pp-fastrr-payment-icons {
    width: 54px !important;
  }

  main[data-template^="product"] .pp-fastrr-buy-now .pp-fastrr-powered-by img {
    width: 58px !important;
  }
}

/* Cart drawer checkout: medium Fastrr button with centered text/icons and tiny powered badge. */
.cart__checkout-button.pp-fastrr-cart-checkout {
  align-items: center !important;
  background: #4a3f35 !important;
  border: 1px solid #4a3f35 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: #ffffff !important;
  display: flex !important;
  justify-content: center !important;
  min-height: 62px !important;
  overflow: hidden !important;
  padding: 9px 16px 11px !important;
  position: relative !important;
  text-decoration: none !important;
  width: 100% !important;
}

.cart__checkout-button.pp-fastrr-cart-checkout .pp-fastrr-button-content {
  align-items: center !important;
  display: flex !important;
  justify-content: center !important;
  min-height: 42px !important;
  position: static !important;
  width: 100% !important;
}

.cart__checkout-button.pp-fastrr-cart-checkout .pp-fastrr-button-main {
  align-items: center !important;
  display: inline-flex !important;
  gap: 10px !important;
  justify-content: center !important;
  line-height: 1 !important;
  transform: translateY(-2px) !important;
}

.cart__checkout-button.pp-fastrr-cart-checkout .sr-checkout-visible2-button1 {
  color: #ffffff !important;
  display: inline-block !important;
  font-family: var(--font-body--family) !important;
  font-size: clamp(1.08rem, 1.45vw, 1.25rem) !important;
  font-weight: 900 !important;
  letter-spacing: 0.02em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.cart__checkout-button.pp-fastrr-cart-checkout img.pp-fastrr-payment-icons {
  display: block !important;
  height: auto !important;
  margin: 0 !important;
  max-width: none !important;
  object-fit: contain !important;
  padding: 0 !important;
  width: clamp(58px, 5vw, 70px) !important;
}

.cart__checkout-button.pp-fastrr-cart-checkout .pp-fastrr-powered-by {
  bottom: 6px !important;
  display: inline-flex !important;
  line-height: 1 !important;
  position: absolute !important;
  right: 10px !important;
}

.cart__checkout-button.pp-fastrr-cart-checkout .pp-fastrr-powered-by img {
  display: block !important;
  height: auto !important;
  max-width: none !important;
  width: clamp(54px, 4.8vw, 64px) !important;
}

@media screen and (max-width: 749px) {
  .cart__checkout-button.pp-fastrr-cart-checkout {
    min-height: 58px !important;
    padding: 8px 12px 10px !important;
  }

  .cart__checkout-button.pp-fastrr-cart-checkout .pp-fastrr-button-content {
    min-height: 38px !important;
  }

  .cart__checkout-button.pp-fastrr-cart-checkout .pp-fastrr-button-main {
    gap: 8px !important;
  }

  .cart__checkout-button.pp-fastrr-cart-checkout .sr-checkout-visible2-button1 {
    font-size: 1.02rem !important;
  }

  .cart__checkout-button.pp-fastrr-cart-checkout img.pp-fastrr-payment-icons {
    width: 54px !important;
  }

  .cart__checkout-button.pp-fastrr-cart-checkout .pp-fastrr-powered-by img {
    width: 52px !important;
  }
}

/* Product pages use the slimmer Fastrr button shown in the approved reference. */
main[data-template^="product"] .pp-fastrr-buy-now {
  min-height: 52px !important;
  padding: 8px 16px 9px !important;
}

main[data-template^="product"] .pp-fastrr-buy-now .pp-fastrr-button-content {
  min-height: 34px !important;
  position: static !important;
}

main[data-template^="product"] .pp-fastrr-buy-now .pp-fastrr-button-main {
  gap: 9px !important;
  justify-content: center !important;
  transform: translateY(-1px) !important;
}

main[data-template^="product"] .pp-fastrr-buy-now .sr-checkout-visible2 {
  font-size: clamp(1.05rem, 1.55vw, 1.28rem) !important;
}

main[data-template^="product"] .pp-fastrr-buy-now img.pp-fastrr-payment-icons {
  width: clamp(54px, 4.9vw, 66px) !important;
}

main[data-template^="product"] .pp-fastrr-buy-now .pp-fastrr-powered-by {
  bottom: 5px !important;
  right: 9px !important;
}

main[data-template^="product"] .pp-fastrr-buy-now .pp-fastrr-powered-by img {
  width: clamp(52px, 4.6vw, 62px) !important;
}

@media screen and (max-width: 749px) {
  main[data-template^="product"] .pp-fastrr-buy-now {
    min-height: 50px !important;
    padding: 8px 12px 9px !important;
  }

  main[data-template^="product"] .pp-fastrr-buy-now .pp-fastrr-button-content {
    min-height: 32px !important;
    position: static !important;
  }

  main[data-template^="product"] .pp-fastrr-buy-now .pp-fastrr-button-main {
    gap: 8px !important;
    justify-content: center !important;
  }

  main[data-template^="product"] .pp-fastrr-buy-now .sr-checkout-visible2 {
    font-size: 1rem !important;
  }

  main[data-template^="product"] .pp-fastrr-buy-now img.pp-fastrr-payment-icons {
    width: 54px !important;
  }

  main[data-template^="product"] .pp-fastrr-buy-now .pp-fastrr-powered-by img {
    width: 50px !important;
  }
}

/* Quick-add modal Buy Now button: keep modal quick-add intact, fix inner Fastrr layout only. */
quick-add-dialog .pp-fastrr-buy-now,
.quick-add-modal .pp-fastrr-buy-now {
  align-items: center !important;
  background: #4a3f35 !important;
  border: 1px solid #4a3f35 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: #ffffff !important;
  display: flex !important;
  justify-content: center !important;
  min-height: 56px !important;
  overflow: hidden !important;
  padding: 8px 12px 10px !important;
  position: relative !important;
  width: 100% !important;
}

quick-add-dialog .pp-fastrr-buy-now .pp-fastrr-button-content,
.quick-add-modal .pp-fastrr-buy-now .pp-fastrr-button-content {
  align-items: center !important;
  display: flex !important;
  justify-content: center !important;
  min-height: 36px !important;
  position: static !important;
  width: 100% !important;
}

quick-add-dialog .pp-fastrr-buy-now .pp-fastrr-button-main,
.quick-add-modal .pp-fastrr-buy-now .pp-fastrr-button-main {
  align-items: center !important;
  display: inline-flex !important;
  gap: 8px !important;
  justify-content: center !important;
  line-height: 1 !important;
  transform: translateY(-1px) !important;
}

quick-add-dialog .pp-fastrr-buy-now .sr-checkout-visible2,
.quick-add-modal .pp-fastrr-buy-now .sr-checkout-visible2 {
  color: #ffffff !important;
  display: inline-block !important;
  font-family: var(--font-body--family) !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.02em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

quick-add-dialog .pp-fastrr-buy-now img.pp-fastrr-payment-icons,
.quick-add-modal .pp-fastrr-buy-now img.pp-fastrr-payment-icons {
  display: block !important;
  height: auto !important;
  margin: 0 !important;
  max-width: none !important;
  object-fit: contain !important;
  padding: 0 !important;
  width: 54px !important;
}

quick-add-dialog .pp-fastrr-buy-now .pp-fastrr-powered-by,
.quick-add-modal .pp-fastrr-buy-now .pp-fastrr-powered-by {
  bottom: 5px !important;
  display: inline-flex !important;
  line-height: 1 !important;
  position: absolute !important;
  right: 8px !important;
}

quick-add-dialog .pp-fastrr-buy-now .pp-fastrr-powered-by img,
.quick-add-modal .pp-fastrr-buy-now .pp-fastrr-powered-by img {
  display: block !important;
  height: auto !important;
  max-width: none !important;
  width: 50px !important;
}

.pp-breadcrumbs {
  align-items: center;
  color: rgb(var(--color-foreground-rgb) / 0.68);
  display: flex;
  flex-wrap: wrap;
  font-family: var(--font-body--family);
  font-size: 0.875rem;
  gap: 8px;
  line-height: 1.4;
  margin: 0 auto var(--margin-md);
  max-width: var(--page-width);
  padding-inline: max(var(--page-margin), 16px);
  width: 100%;
}

body:has([data-template="collection"] .pp-all-products-wrapper) #header-group .header__row--top {
  border-bottom-color: transparent !important;
}

.pp-breadcrumbs a {
  color: currentColor;
  text-decoration: none;
}

.pp-breadcrumbs a:hover {
  color: rgb(var(--color-foreground-rgb));
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.pp-breadcrumbs [aria-current="page"] {
  color: rgb(var(--color-foreground-rgb));
  font-weight: 600;
}

.pp-breadcrumbs__sep {
  opacity: 0.55;
}

.pp-collection-seo {
  margin: clamp(32px, 5vw, 72px) auto 0;
  max-width: var(--page-width);
  padding-inline: max(var(--page-margin), 16px);
  width: 100%;
}

[data-template="collection"] results-list:has(.pp-new-launch-collection-wrapper) .pp-collection-seo {
  margin-top: clamp(24px, 3vw, 36px);
}

.pp-collection-seo__inner {
  border-block-start: 1px solid rgb(var(--color-foreground-rgb) / 0.14);
  display: grid;
  gap: 20px;
  padding-block-start: 28px;
}

.pp-collection-seo h2 {
  font-family: var(--font-heading--family);
  font-size: clamp(1.5rem, 2.4vw, 2.25rem);
  line-height: 1.18;
  margin: 0;
}

.pp-collection-seo__body {
  color: rgb(var(--color-foreground-rgb) / 0.78);
  display: grid;
  gap: 12px;
  max-width: 78ch;
}

.pp-collection-seo__body p {
  margin: 0;
}

.pp-collection-seo__faq {
  display: grid;
  gap: 10px;
  max-width: 78ch;
}

.pp-collection-seo__faq details {
  border: 1px solid rgb(var(--color-foreground-rgb) / 0.14);
  border-radius: 8px;
  padding: 14px 16px;
}

.pp-collection-seo__faq summary {
  cursor: pointer;
  font-weight: 700;
}

.pp-collection-seo__faq p {
  color: rgb(var(--color-foreground-rgb) / 0.74);
  margin-block: 10px 0;
}

@keyframes ppSearchCursor {
  0%,
  48% {
    border-right-color: currentColor;
  }

  49%,
  100% {
    border-right-color: transparent;
  }
}

/* Brand typography: bundled Fustat UI with bundled Bree editorial headings. */
:root {
  --pp-font-body: "Fustat", Arial, sans-serif;
  --pp-font-heading: "Bree Serif", "Cooper BT", "Cooper Black", "Cooper Std Black", Georgia, serif;
  --font-body--family: var(--pp-font-body);
  --font-body-family: var(--pp-font-body);
  --font-paragraph--family: var(--pp-font-body);
  --font-paragraph-family: var(--pp-font-body);
  --font-subheading--family: var(--pp-font-body);
  --font-heading--family: var(--pp-font-heading);
  --font-heading-family: var(--pp-font-heading);
  --font-h4--family: var(--pp-font-body);
  --font-h5--family: var(--pp-font-body);
  --font-h6--family: var(--pp-font-body);
  --button-font-family-primary: var(--pp-font-body);
  --button-font-family-secondary: var(--pp-font-body);
  --cart-primary-font-family: var(--pp-font-body);
}

body,
body :is(p, a, span, strong, small, blockquote, cite, button, input, textarea, select, label, summary, legend, li, dt, dd, th, td, product-title),
.pp-front.pp-front :is(p, a, span, strong, small, blockquote, cite, button, input, textarea, select, label) {
  font-family: var(--pp-font-body) !important;
}

body :is(h1, h2),
.pp-front.pp-front :is(h1, h2),
html body main#MainContent :is(.blog-hero__title, .blog-journal__heading, .pp-collection-heading h1, .section-title) {
  font-family: var(--pp-font-heading) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

body :is(h3, h4, h5, h6),
.pp-front.pp-front :is(h3, h4, h5, h6),
html body :is(.product-card h3, .card-product__title, .product-title, product-title) {
  font-family: var(--pp-font-body) !important;
  letter-spacing: 0 !important;
}

html body .pp-front.pp-front.pp-front.pp-front.pp-front :is(p, a, span, strong, small, blockquote, cite, button, input, textarea, select, label),
html body .pp-front.pp-front.pp-front.pp-front.pp-front :is(h3, h4, h5, h6) {
  font-family: var(--pp-font-body) !important;
}

html body .pp-front.pp-front.pp-front.pp-front.pp-front :is(h1, h2) {
  font-family: var(--pp-font-heading) !important;
  letter-spacing: 0 !important;
}

html body .pp-front.pp-front.pp-front.pp-front.pp-front :is(strong, blockquote),
html body .pp-front.pp-front.pp-front.pp-front.pp-front .pp-front-ritual span {
  letter-spacing: 0 !important;
}

html body .shopify-section.shopify-section.shopify-section :is(p, a, strong, button, input, textarea, select, label, summary, li, blockquote, small, cite),
html body main[data-template][data-template] :is(p, a, strong, button, input, textarea, select, label, summary, li, blockquote, small, cite),
html body main[data-template^="product"][data-template^="product"] .product-details.product-details.product-details :is(p, a, strong, button, input, textarea, select, label, summary, li, blockquote, small, cite),
html body header.header.header :is(h1, h2, h3, h4, h5, h6, p, a, strong, button, input, textarea, select, label, summary, li, blockquote, small, cite),
html body #header-group .menu-list__link.menu-list__link,
html body #header-group .menu-list__link-title.menu-list__link-title,
html body .pp-primary-navigation--desktop.pp-primary-navigation--desktop a,
html body .products-count-wrapper.products-count-wrapper span,
html body .product-information__grid.product-information__grid.product-information__grid :is(p, a, strong, button, input, textarea, select, label, summary, li, blockquote, small, cite) {
  font-family: var(--pp-font-body) !important;
  letter-spacing: 0 !important;
}

/* Keep main-content headings and heading-support copy truly black. */
html body main#MainContent :is(h1, h2, h3, h4, h5, h6),
html body main#MainContent :is(
  .blog-hero__title,
  .blog-hero__subtitle,
  .blog-journal__heading,
  .blog-journal__subheading,
  .facets__label,
  .pp-collection-heading h1,
  .pp-collection-heading p,
  .pp-collection-heading div,
  .pp-front-proof__label,
  .pp-front-reviews__eyebrow,
  .pp-front-rituals__subcopy,
  .pp-front-section-head > p,
  .pp-front-section-head > span,
  [class*="__heading"],
  [class*="__subheading"],
  [class*="__subtitle"],
  [class*="__subcopy"]
) {
  color: #000000 !important;
}

html body main#MainContent .tab-btn.active {
  color: #ffffff !important;
}

html body main#MainContent .tab-btn.active :is(h1, h2, h3, h4, h5, h6) {
  color: inherit !important;
}

/* Scroll-aware header stack: ticker, logo/search/actions, and the menu return together. */
#header-group:has(#header-component[sticky]) {
  display: block !important;
}

html body #header-group {
  position: sticky !important;
  top: 0 !important;
  transform: translate3d(0, 0, 0);
  transition: transform 240ms ease, box-shadow 240ms ease;
  will-change: transform;
  z-index: 60 !important;
}

html body .pp-primary-navigation {
  transform: translate3d(0, 0, 0);
  transition: transform 240ms ease, box-shadow 240ms ease;
  will-change: transform;
}

html body.pp-header-scrolled #header-group {
  transform: translate3d(0, calc(0px - var(--pp-announcement-height, 0px)), 0);
}

html body.pp-top-menu-hidden #header-group {
  transform: translate3d(0, calc(0px - var(--pp-header-group-height, 0px) - 2px), 0);
}

html body.pp-top-menu-hidden .pp-primary-navigation {
  transform: translate3d(0, calc(0px - var(--pp-header-visible-height, var(--pp-header-group-height, 0px)) - 110%), 0);
}

#header-group .header-section:has(> #header-component[sticky='always']),
#header-group .header-section:has(> #header-component[sticky='scroll-up'][data-sticky-state='active']) {
  position: relative !important;
  top: auto !important;
  z-index: auto !important;
}

#header-group .header[data-sticky-state='idle'],
#header-group .header[data-sticky-state='active'][data-animating] {
  opacity: 1 !important;
}

#header-group .header[data-sticky-state='active'] .header__row--top,
#header-group .header[data-sticky-state='active'] {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

.predictive-search-form__header {
  position: relative !important;
  top: auto !important;
}

/* Mobile header icons: simple menu, account, and cart line icons. */
@media screen and (max-width: 749px) {
  html body #header-group .pp-nav-drawer__toggle,
  html body #header-group .account-button,
  html body #header-group .cart-drawer > .header-actions__action,
  html body #header-group a.action__cart {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #000000 !important;
    min-height: 36px !important;
    min-width: 36px !important;
  }

  html body #header-group .pp-nav-drawer__toggle {
    height: 44px !important;
    justify-content: flex-start !important;
    width: 44px !important;
  }

  html body #header-group .pp-nav-drawer__toggle-open,
  html body #header-group .header-drawer-icon--open {
    height: 30px !important;
    justify-content: flex-start !important;
    width: 30px !important;
  }

  html body #header-group .pp-nav-drawer__toggle-open svg,
  html body #header-group .header-drawer-icon--open svg {
    color: #000000 !important;
    height: 30px !important;
    width: 30px !important;
  }

  html body #header-group header-actions {
    align-items: center !important;
    display: flex !important;
    gap: 12px !important;
    overflow: visible !important;
  }

  html body #header-group .account-drawer,
  html body #header-group .cart-drawer,
  html body #header-group .account-button,
  html body #header-group .cart-drawer > .header-actions__action {
    align-items: center !important;
    display: flex !important;
    height: 36px !important;
    justify-content: center !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 36px !important;
  }

  html body #header-group .account-button .account-button__icon,
  html body #header-group .header-actions__cart-icon .svg-wrapper {
    align-items: center !important;
    color: #000000 !important;
    display: inline-flex !important;
    height: 30px !important;
    justify-content: center !important;
    width: 30px !important;
  }

  html body #header-group .account-button svg,
  html body #header-group cart-icon svg {
    color: #000000 !important;
    display: block !important;
    height: 28px !important;
    width: 28px !important;
  }

  html body #header-group .header-actions__cart-icon {
    --cart-bubble-size: 18px;
    --cart-bubble-top: -5px;
    --cart-bubble-right: -6px;

    overflow: visible !important;
  }

  html body #header-group .header-actions__cart-icon .cart-bubble.visually-hidden {
    display: none !important;
  }

  html body #header-group .header-actions__cart-icon .cart-bubble:not(.visually-hidden) {
    aspect-ratio: 1 !important;
    background: #a56434 !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    height: var(--cart-bubble-size) !important;
    min-width: var(--cart-bubble-size) !important;
    padding: 0 !important;
    right: var(--cart-bubble-right) !important;
    top: var(--cart-bubble-top) !important;
    width: var(--cart-bubble-size) !important;
  }

  html body #header-group .header-actions__cart-icon .cart-bubble:not(.visually-hidden) .cart-bubble__background {
    background: #a56434 !important;
    border-radius: 999px !important;
    display: block !important;
  }

  html body #header-group .header-actions__cart-icon .cart-bubble:not(.visually-hidden) .cart-bubble__text,
  html body #header-group .header-actions__cart-icon .cart-bubble:not(.visually-hidden) .cart-bubble__text-count {
    color: #ffffff !important;
    font-family: var(--pp-font-body, var(--font-body--family)) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }
}

/* Desktop header icon alignment: larger account and cart line icons. */
@media screen and (min-width: 990px) {
  html body #header-group .header__column--right header-actions {
    align-items: center !important;
    display: flex !important;
    gap: 20px !important;
    height: 48px !important;
    overflow: visible !important;
    top: 29px !important;
  }

  html body #header-group .account-popover,
  html body #header-group .cart-drawer {
    align-items: center !important;
    display: flex !important;
    height: 48px !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  html body #header-group .account-button,
  html body #header-group .cart-drawer > .header-actions__action,
  html body #header-group a.action__cart {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #000000 !important;
    display: inline-flex !important;
    height: 46px !important;
    justify-content: center !important;
    line-height: 1 !important;
    min-height: 46px !important;
    min-width: 46px !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 46px !important;
  }

  html body #header-group .account-button .account-button__icon,
  html body #header-group .header-actions__cart-icon,
  html body #header-group .header-actions__cart-icon .svg-wrapper {
    align-items: center !important;
    display: inline-flex !important;
    height: 34px !important;
    justify-content: center !important;
    width: 34px !important;
  }

  html body #header-group .account-button svg,
  html body #header-group cart-icon svg,
  html body #header-group .header-actions__cart-icon svg {
    color: currentColor !important;
    display: block !important;
    height: 31px !important;
    width: 31px !important;
  }

  html body #header-group .header-actions__cart-icon {
    --cart-bubble-size: 18px;
    --cart-bubble-top: -5px;
    --cart-bubble-right: -6px;

    overflow: visible !important;
  }

  html body #header-group .header-actions__cart-icon .cart-bubble:not(.visually-hidden) {
    align-items: center !important;
    aspect-ratio: 1 !important;
    border-radius: 999px !important;
    display: flex !important;
    height: var(--cart-bubble-size) !important;
    justify-content: center !important;
    min-width: var(--cart-bubble-size) !important;
    padding: 0 !important;
    right: var(--cart-bubble-right) !important;
    top: var(--cart-bubble-top) !important;
    width: var(--cart-bubble-size) !important;
  }
}

html body .pp-front.pp-front.pp-front.pp-front.pp-front .pp-front-difference-card h3 {
  font-family: var(--pp-font-heading) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

html body main#MainContent .pp-front.pp-front .pp-front-story__copy {
  min-width: 0 !important;
}

html body main#MainContent .pp-front.pp-front .pp-front-story h2 {
  line-height: 1.02 !important;
  max-width: none !important;
  text-wrap: balance;
  width: 100% !important;
}

/* Homepage Shop rituals section: match the Shop by concern tile layout. */
html body main#MainContent .pp-front.pp-front .pp-front-rituals {
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 24px !important;
  box-shadow: none !important;
  margin: 0 auto !important;
  max-width: 1200px !important;
  padding: clamp(30px, 5vw, 58px) 18px clamp(18px, 3vw, 32px) !important;
}

html body main#MainContent .pp-front.pp-front .pp-front-section-head--rituals {
  border-bottom: 0 !important;
  display: block !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  text-align: center !important;
}

html body main#MainContent .pp-front.pp-front .pp-front-section-head--rituals > p,
html body main#MainContent .pp-front.pp-front .pp-front-rituals__subcopy,
html body main#MainContent .pp-front.pp-front .pp-front-section-head--rituals > a {
  display: none !important;
}

html body main#MainContent .pp-front.pp-front .pp-front-section-head--rituals h2 {
  color: #000000 !important;
  font-family: var(--pp-font-heading, var(--font-heading--family)) !important;
  font-size: clamp(2rem, 4vw, 3.2rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.02 !important;
  margin: 0 auto !important;
  max-width: none !important;
  text-align: center !important;
}

html body main#MainContent .pp-front.pp-front .pp-front-rituals__grid {
  display: grid !important;
  gap: clamp(12px, 1.8vw, 20px) !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin-inline: 0 !important;
  margin-top: clamp(18px, 3vw, 30px) !important;
  overflow: visible !important;
  padding: 0 !important;
}

html body main#MainContent .pp-front.pp-front .pp-front-ritual {
  background:
    radial-gradient(circle at 88% 18%, rgba(255, 255, 255, 0.92), transparent 34%),
    linear-gradient(135deg, #fbfaf6, #f1ede5) !important;
  border: 1px solid var(--pp-color-border, #e7ddd2) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  display: grid !important;
  flex: initial !important;
  grid-template-columns: minmax(0, 1fr) clamp(96px, 12vw, 156px) !important;
  grid-template-rows: 18px 94px 58px 36px !important;
  min-height: 238px !important;
  overflow: hidden !important;
  padding: clamp(16px, 2vw, 24px) !important;
  position: relative !important;
  row-gap: 8px !important;
  scroll-snap-align: unset !important;
  text-decoration: none !important;
  transition: border-color 260ms var(--pp-ease-out, ease), transform 260ms var(--pp-ease-out, ease) !important;
}

html body main#MainContent .pp-front.pp-front .pp-front-ritual::before {
  display: none !important;
}

html body main#MainContent .pp-front.pp-front .pp-front-ritual::after {
  content: none !important;
  display: none !important;
}

html body main#MainContent .pp-front.pp-front .pp-front-ritual--green,
html body main#MainContent .pp-front.pp-front .pp-front-ritual--brown {
  background:
    radial-gradient(circle at 90% 22%, rgba(255, 255, 255, 0.92), transparent 35%),
    linear-gradient(135deg, #fbf8ee, #ece4d6) !important;
}

html body main#MainContent .pp-front.pp-front .pp-front-ritual--gold {
  background:
    radial-gradient(circle at 90% 22%, rgba(255, 255, 255, 0.92), transparent 35%),
    linear-gradient(135deg, #fff8ed, #f4e4d4) !important;
}

html body main#MainContent .pp-front.pp-front .pp-front-ritual--red {
  background:
    radial-gradient(circle at 90% 22%, rgba(255, 255, 255, 0.92), transparent 35%),
    linear-gradient(135deg, #f8f8f1, #e8eddf) !important;
}

html body main#MainContent .pp-front.pp-front .pp-front-ritual:hover {
  border-color: rgba(91, 50, 29, 0.34) !important;
  box-shadow: none !important;
  transform: translateY(-3px) !important;
}

html body main#MainContent .pp-front.pp-front .pp-front-ritual span {
  align-self: start !important;
  color: var(--pp-color-ink, #211a17) !important;
  display: block !important;
  font-family: var(--pp-font-heading, var(--font-heading--family)) !important;
  font-size: clamp(1.45rem, 2.2vw, 2.2rem) !important;
  font-weight: 700 !important;
  grid-column: 1 !important;
  grid-row: 2 !important;
  letter-spacing: 0 !important;
  line-height: 1.02 !important;
  margin: 0 !important;
  max-width: 12ch !important;
  position: relative !important;
  z-index: 1 !important;
}

html body main#MainContent .pp-front.pp-front .pp-front-ritual p {
  align-self: start !important;
  color: #5c5149 !important;
  font-size: 0.9rem !important;
  font-weight: 650 !important;
  grid-column: 1 !important;
  grid-row: 3 !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  max-width: 27ch !important;
  position: relative !important;
  z-index: 1 !important;
}

html body main#MainContent .pp-front.pp-front .pp-front-ritual img {
  align-self: end !important;
  filter: none !important;
  grid-column: 2 !important;
  grid-row: 1 / span 4 !important;
  justify-self: end !important;
  margin: 0 !important;
  max-height: 156px !important;
  max-width: 100% !important;
  object-fit: contain !important;
  transform: translate(8px, 12px) !important;
  transition: transform 320ms var(--pp-ease-out, ease) !important;
  width: 100% !important;
  z-index: 1 !important;
}

html body main#MainContent .pp-front.pp-front .pp-front-ritual:hover img {
  transform: translate(4px, 8px) scale(1.035) !important;
}

html body main#MainContent .pp-front.pp-front .pp-front-ritual small {
  align-items: center !important;
  align-self: end !important;
  background: #9a5f32 !important;
  border-radius: 999px !important;
  bottom: auto !important;
  color: #ffffff !important;
  display: inline-flex !important;
  font-family: var(--pp-font-body, var(--font-body--family)) !important;
  font-size: 0.82rem !important;
  font-weight: 850 !important;
  grid-column: 1 !important;
  grid-row: 4 !important;
  justify-content: center !important;
  left: auto !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  min-height: 36px !important;
  min-width: 116px !important;
  padding: 0 16px !important;
  position: relative !important;
  text-transform: none !important;
  width: fit-content !important;
  z-index: 2 !important;
}

html body main#MainContent .pp-front.pp-front .pp-front-ritual small::after {
  content: none !important;
}

@media screen and (max-width: 749px) {
  html body main#MainContent .pp-front.pp-front .pp-front-rituals {
    border-radius: 18px !important;
    padding: 28px 12px 22px !important;
  }

  html body main#MainContent .pp-front.pp-front .pp-front-section-head--rituals h2 {
    font-size: clamp(1.85rem, 8vw, 2.35rem) !important;
  }

  html body main#MainContent .pp-front.pp-front .pp-front-rituals__grid {
    gap: 10px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-inline: 0 !important;
  }

  html body main#MainContent .pp-front.pp-front .pp-front-ritual {
    border-radius: 14px !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 16px 74px 62px 32px minmax(96px, 1fr) !important;
    min-height: 334px !important;
    padding: 14px !important;
    row-gap: 8px !important;
  }

  html body main#MainContent .pp-front.pp-front .pp-front-ritual::after {
    font-size: 0.7rem !important;
    left: 14px !important;
    top: 14px !important;
  }

  html body main#MainContent .pp-front.pp-front .pp-front-ritual span {
    font-size: 1.35rem !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    max-width: 10ch !important;
  }

  html body main#MainContent .pp-front.pp-front .pp-front-ritual p {
    font-size: 0.78rem !important;
    grid-column: 1 !important;
    grid-row: 3 !important;
    line-height: 1.32 !important;
  }

  html body main#MainContent .pp-front.pp-front .pp-front-ritual small {
    font-size: 0.72rem !important;
    grid-column: 1 !important;
    grid-row: 4 !important;
    min-height: 32px !important;
    min-width: 104px !important;
    padding: 0 12px !important;
  }

  html body main#MainContent .pp-front.pp-front .pp-front-ritual img {
    align-self: end !important;
    grid-column: 1 !important;
    grid-row: 5 !important;
    justify-self: end !important;
    margin-top: auto !important;
    max-height: 104px !important;
    transform: translate(12px, 10px) !important;
  }
}

/* Collection sorting: compact side control with no filter drawer. */
[data-template="collection"] main#MainContent,
[data-template="search"] main#MainContent,
[data-template^="product"] main#MainContent,
html body main#MainContent[data-template^="collection"],
html body main#MainContent[data-template^="search"],
html body main#MainContent[data-template^="product"] {
  background: #ffffff !important;
}

html body main#MainContent[data-template^="collection"] :is(.pp-collection-heading, .pp-all-products-heading),
html body main#MainContent[data-template^="search"] .search-page__header {
  background: var(--pp-color-surface-warm, #fbf6f1) !important;
  border-color: var(--pp-color-border, #e7ddd2) !important;
}

html body main#MainContent[data-template^="collection"] .pp-collection-heading,
html body main#MainContent[data-template^="search"] .search-page__header {
  box-shadow: 0 0 0 100vmax var(--pp-color-surface-warm, #fbf6f1);
  clip-path: inset(0 -100vmax);
}

[data-template="collection"] .pp-all-products-wrapper .facets-block-wrapper--horizontal {
  margin: 0 0 28px auto !important;
  position: static !important;
  right: auto;
  top: auto;
  width: min(248px, 24vw) !important;
}

[data-template="collection"] .pp-all-products-wrapper .sorting-filter__horizontal {
  width: 100%;
}

[data-template="collection"] .pp-all-products-wrapper .sorting-filter__horizontal details {
  width: 100%;
}

[data-template="collection"] .pp-all-products-wrapper .sorting-filter__horizontal .facets__summary {
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(62, 51, 43, 0.18);
  border-radius: 10px;
  display: flex;
  min-height: 42px;
  padding: 0 13px;
  width: 100%;
}

[data-template="collection"] .pp-all-products-wrapper .sorting-filter__horizontal .facets__label {
  font-size: 0.72rem !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

[data-template="collection"] .pp-all-products-wrapper .sorting-filter__horizontal .facets__status {
  font-size: 0.9rem !important;
  margin-left: 5px;
}

[data-template="collection"] .pp-all-products-wrapper .sorting-filter__horizontal .facets__summary .svg-wrapper {
  margin-left: auto;
}

[data-template="collection"] .pp-all-products-wrapper .sorting-filter__options {
  border: 1px solid rgba(62, 51, 43, 0.16);
  border-radius: 10px;
  box-shadow: 0 14px 34px rgba(62, 42, 25, 0.1);
  min-width: 248px;
}

/* Homepage routine: let the title use the full available row. */
html body main#MainContent .pp-front.pp-front .pp-front-routine .pp-front-section-head h2 {
  grid-column: 1 / -1 !important;
  max-width: none !important;
  text-wrap: balance;
  width: 100% !important;
}

/* Homepage journal: legacy compact heading, with the editorial override below. */
html body main#MainContent .pp-front.pp-front .pp-front-journal .pp-front-section-head h2 {
  font-size: clamp(1.42rem, 5.2vw, 3.15rem) !important;
  line-height: 1 !important;
  max-width: none !important;
  white-space: nowrap !important;
}

html body main#MainContent .pp-front.pp-front .pp-front-journal .pp-front-journal__head h2 {
  font-size: clamp(1.55rem, 3.2vw, 2.85rem) !important;
  line-height: 0.98 !important;
  max-width: none !important;
  white-space: nowrap !important;
}

@media screen and (max-width: 749px) {
  html body main#MainContent .pp-front.pp-front .pp-front-journal .pp-front-journal__head h2 {
    font-size: clamp(1.18rem, 5.8vw, 1.75rem) !important;
    max-width: none !important;
  }
}

/* Homepage banners: serve desktop and mobile artwork at their native ratios. */
html body main#MainContent .pp-front.pp-front .pp-front-hero--product-banner .pp-front-hero__slides {
  aspect-ratio: 2172 / 724 !important;
}

html body main#MainContent .pp-front.pp-front .pp-front-hero__banner-link picture {
  display: block !important;
  height: 100% !important;
  width: 100% !important;
}

@media screen and (max-width: 749px) {
  html body main#MainContent .pp-front.pp-front .pp-front-hero--product-banner .pp-front-hero__slides {
    aspect-ratio: 1583 / 994 !important;
  }
}

/* Product badges: consistent shape and weight across homepage, collections, search, recommendations, and PDP feature chips. */
html body .pp-front-card__image > span,
html body .pp-front-mind__badge,
html body .product-badges__badge,
html body .product-badges__badge--rectangle,
html body .cstm-product-badges .product-features .badge,
html body .save-badge.group,
html body .save-variant-badge {
  border-radius: 7px !important;
  font-family: var(--pp-font-body, var(--font-body--family)) !important;
  font-size: clamp(0.7rem, 0.72vw, 0.82rem) !important;
  font-weight: 900 !important;
  letter-spacing: 0.02em !important;
  line-height: 1 !important;
  min-height: 28px !important;
  padding: 7px 12px !important;
  text-transform: none !important;
}

/* Luxury sale language: intentional product tags with solid tones. */
html body .product-badges__badge--sale,
html body [data-template="collection"] .pp-all-products-grid .product-badges__badge--sale,
html body [data-template="collection"] .pp-all-products-grid .product-grid__item:nth-child(4n + 1) .product-badges__badge--sale,
html body [data-template="collection"] .pp-all-products-grid .product-grid__item:nth-child(4n + 3) .product-badges__badge--sale,
html body [data-template="collection"] .pp-all-products-grid .product-grid__item:nth-child(4n) .product-badges__badge--sale {
  background: var(--pp-offer-badge-bg, #5b321d) !important;
  border: 0 !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  color: #ffffff !important;
  font-family: var(--pp-font-body, var(--font-body--family)) !important;
  font-size: clamp(0.72rem, 0.72vw, 0.82rem) !important;
  font-weight: 900 !important;
  letter-spacing: 0.02em !important;
  line-height: 1 !important;
  padding: 7px 12px !important;
  text-transform: none !important;
}

html body .product-badges__badge--sold-out,
html body [data-template="collection"] .pp-all-products-grid .product-badges__badge--sold-out {
  background: var(--pp-color-sold-out, #5f5149) !important;
  border: 0 !important;
  border-radius: 7px !important;
  color: #ffffff !important;
  text-transform: none !important;
}

html body [data-template="collection"] .pp-all-products-grid .product-card__content .product-badges__badge,
html body [data-template="collection"] .pp-all-products-grid .product-card__content .product-badges__badge--rectangle,
html body [data-template="collection"] .pp-all-products-grid .product-card__content .product-badges__badge--sale {
  border-radius: 7px !important;
}

html body [data-template="collection"] .pp-all-products-grid .product-grid__item .product-badges__badge--sold-out,
html body [data-template="collection"] .pp-all-products-grid .product-grid__item:nth-child(4n + 1) .product-badges__badge--sold-out,
html body [data-template="collection"] .pp-all-products-grid .product-grid__item:nth-child(4n + 3) .product-badges__badge--sold-out,
html body [data-template="collection"] .pp-all-products-grid .product-grid__item:nth-child(4n) .product-badges__badge--sold-out {
  background: var(--pp-color-sold-out, #5f5149) !important;
  border-radius: 7px !important;
  color: #ffffff !important;
}

html body .product-badges__badge--rosewood {
  --pp-offer-badge-bg: #8f1b14;
}

html body .product-badges__badge--turmeric {
  --pp-offer-badge-bg: #c87817;
}

html body .product-badges__badge--herbal {
  --pp-offer-badge-bg: #356b3d;
}

html body .product-badges__badge--forest {
  --pp-offer-badge-bg: #204d38;
}

html body .product-badges__badge--saffron {
  --pp-offer-badge-bg: #b75a22;
}

html body .product-badges__badge--clay {
  --pp-offer-badge-bg: #7b4a33;
}

/* Zero Spot Serum PDP: keep the active-ingredient row independent from global badge span rules. */
html body main[data-template^="product"] .product-details .cstm-product-badges.pp-serum-hero-features .pp-serum-hero-actives {
  background: #fffaf4 !important;
  border: 1px solid rgba(98, 71, 48, 0.16) !important;
  border-radius: 14px !important;
  display: block !important;
  max-width: 540px !important;
  padding: 14px 14px 16px !important;
  width: 100% !important;
}

html body main[data-template^="product"] .product-details .cstm-product-badges.pp-serum-hero-features .pp-serum-hero-actives__grid {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  width: 100% !important;
}

html body main[data-template^="product"] .product-details .cstm-product-badges.pp-serum-hero-features span.pp-serum-hero-active {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid rgba(98, 71, 48, 0.12) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 18px rgba(78, 51, 30, 0.05) !important;
  color: #4b3b32 !important;
  display: grid !important;
  gap: 6px !important;
  grid-template-rows: auto auto auto !important;
  justify-items: center !important;
  min-height: 104px !important;
  min-width: 0 !important;
  padding: 10px 8px !important;
  text-align: center !important;
  white-space: normal !important;
  width: auto !important;
}

html body main[data-template^="product"] .product-details .cstm-product-badges.pp-serum-hero-features span.pp-serum-hero-active__icon.material-symbols-outlined {
  align-items: center !important;
  background: #f4eadf !important;
  border: 1px solid rgba(98, 71, 48, 0.16) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: #6a3c1d !important;
  display: inline-flex !important;
  font-family: "Material Symbols Outlined" !important;
  font-feature-settings: "liga" !important;
  font-size: 23px !important;
  font-style: normal !important;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24 !important;
  font-weight: normal !important;
  height: 38px !important;
  justify-content: center !important;
  letter-spacing: normal !important;
  line-height: 1 !important;
  padding: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
  width: 38px !important;
  -webkit-font-feature-settings: "liga" !important;
  -webkit-font-smoothing: antialiased !important;
}

html body main[data-template^="product"] .product-details .cstm-product-badges.pp-serum-hero-features span.pp-serum-hero-active__percent {
  background: transparent !important;
  border: 0 !important;
  color: #8a4a20 !important;
  display: block !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  padding: 0 !important;
  white-space: normal !important;
}

html body main[data-template^="product"] .product-details .cstm-product-badges.pp-serum-hero-features span.pp-serum-hero-active__name {
  background: transparent !important;
  border: 0 !important;
  color: #2f271f !important;
  display: block !important;
  font-size: clamp(0.74rem, 0.85vw, 0.82rem) !important;
  font-weight: 900 !important;
  line-height: 1.16 !important;
  padding: 0 !important;
  text-align: center !important;
  text-wrap: balance;
  white-space: normal !important;
}

@media screen and (max-width: 749px) {
  html body main[data-template^="product"] .product-details .cstm-product-badges.pp-serum-hero-features .pp-serum-hero-actives {
    max-width: 100% !important;
    padding: 12px !important;
  }

  html body main[data-template^="product"] .product-details .cstm-product-badges.pp-serum-hero-features .pp-serum-hero-actives__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* PDP promise: force Material Symbols through broad global typography overrides. */
html body main[data-template^="product"] .pp-pdp-proof .material-symbols-outlined.pp-pdp-symbol {
  align-items: center !important;
  background: #fffaf4 !important;
  border: 1px solid rgba(93, 66, 44, 0.16) !important;
  border-radius: 999px !important;
  color: #6a3d20 !important;
  display: inline-flex !important;
  font-family: "Material Symbols Outlined" !important;
  font-feature-settings: "liga" !important;
  font-style: normal !important;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24 !important;
  font-weight: normal !important;
  justify-content: center !important;
  letter-spacing: normal !important;
  line-height: 1 !important;
  padding: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
  -webkit-font-feature-settings: "liga" !important;
  -webkit-font-smoothing: antialiased !important;
}

html body main[data-template^="product"] .pp-pdp-proof .pp-pdp-cert-strip__item .material-symbols-outlined.pp-pdp-symbol {
  font-size: 26px !important;
  height: 46px !important;
  width: 46px !important;
}

html body main[data-template^="product"] .pp-pdp-proof .pp-pdp-promise__icons .material-symbols-outlined.pp-pdp-symbol {
  font-size: 25px !important;
  height: 46px !important;
  justify-self: center !important;
  width: 46px !important;
}

html body main[data-template^="product"] .pp-pdp-proof .pp-pdp-promise__icons em {
  color: #3f332b !important;
  display: block !important;
  font-family: var(--font-body--family) !important;
  font-size: 0.74rem !important;
  font-style: normal !important;
  font-weight: 850 !important;
  line-height: 1.18 !important;
  margin: 0 auto !important;
  max-width: 12ch !important;
  text-align: center !important;
}

/* PDP FAQ: compact layout so 10 questions do not consume a full page. */
html body main[data-template^="product"] .faq-section {
  background: #ffffff !important;
  contain-intrinsic-size: auto !important;
  content-visibility: visible !important;
  padding: clamp(30px, 3.4vw, 48px) 0 !important;
}

html body main[data-template^="product"] .faq-section .container {
  margin-inline: auto !important;
  max-width: min(1040px, calc(100vw - 180px)) !important;
  width: 100% !important;
}

html body main[data-template^="product"] .faq-heading {
  color: #050505 !important;
  font-family: var(--font-heading--family) !important;
  font-size: clamp(2.65rem, 2.7vw, 3.3rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  margin: 0 0 clamp(18px, 2.2vw, 28px) !important;
  text-align: center !important;
}

html body main[data-template^="product"] .faq-grid {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 0 !important;
  grid-template-columns: minmax(0, 1fr) !important;
  padding: 0 !important;
}

html body main[data-template^="product"] .faq-grid-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  min-width: 0 !important;
  position: relative !important;
}

html body main[data-template^="product"] .faq-grid-content::before {
  background: var(--pp-color-border, #e7ddd2) !important;
  content: "" !important;
  display: block !important;
  height: 1px !important;
  width: 100% !important;
}

html body main[data-template^="product"] .faq-item {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--pp-color-border, #e7ddd2) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  padding: 0 !important;
}

html body main[data-template^="product"] .faq-item[hidden] {
  display: none !important;
}

html body main[data-template^="product"] .faq-question {
  align-items: center !important;
  display: grid !important;
  gap: clamp(12px, 1.5vw, 22px) !important;
  grid-template-columns: minmax(0, 1fr) 32px !important;
  min-height: clamp(58px, 3.6vw, 72px) !important;
  padding: 10px 0 !important;
  text-align: left !important;
}

html body main[data-template^="product"] .faq-question .icon,
html body main[data-template^="product"] .faq-question .icon2 {
  align-items: center !important;
  color: #050505 !important;
  font-family: var(--font-body--family) !important;
  font-size: clamp(1.85rem, 1.65vw, 2.15rem) !important;
  font-weight: 400 !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-content: center !important;
  line-height: 0.8 !important;
  margin-left: 0 !important;
  text-align: center !important;
  width: 32px !important;
}

html body main[data-template^="product"] .faq-question .icon {
  display: inline-flex !important;
}

html body main[data-template^="product"] .faq-question .icon2 {
  display: none !important;
  transform: translateY(-2px) !important;
}

html body main[data-template^="product"] .faq-item.active .faq-question .icon {
  display: none !important;
}

html body main[data-template^="product"] .faq-item.active .faq-question .icon2 {
  display: inline-flex !important;
}

html body main[data-template^="product"] .faq-item span.question {
  color: #050505 !important;
  font-family: var(--font-body--family) !important;
  font-size: clamp(1.22rem, 1.2vw, 1.55rem) !important;
  font-weight: 900 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  letter-spacing: 0 !important;
  line-height: 1.16 !important;
}

html body main[data-template^="product"] .faq-answer {
  margin: 0 !important;
  width: auto !important;
}

html body main[data-template^="product"] .faq-answer[hidden] {
  display: none !important;
}

html body main[data-template^="product"] .faq-item.active .faq-answer {
  padding: 0 42px 16px 0 !important;
}

html body main[data-template^="product"] .faq-answer p {
  color: #4f443d !important;
  font-family: var(--font-body--family) !important;
  font-size: clamp(1.06rem, 1vw, 1.18rem) !important;
  line-height: 1.52 !important;
  margin: 0 !important;
}

html body main[data-template^="product"] .faq-more {
  display: flex !important;
  justify-content: center !important;
  margin-top: clamp(16px, 1.6vw, 24px) !important;
}

html body main[data-template^="product"] .faq-more__button {
  appearance: none !important;
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #050505 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-family: var(--font-body--family) !important;
  font-size: clamp(1.45rem, 1.4vw, 1.65rem) !important;
  font-weight: 900 !important;
  gap: 14px !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  min-height: 38px !important;
  min-width: 0 !important;
  padding: 0 !important;
  transition: transform 180ms ease !important;
}

html body main[data-template^="product"] .faq-more__button:hover {
  background: transparent !important;
  color: #050505 !important;
}

html body main[data-template^="product"] .faq-more__icon {
  align-items: center !important;
  border: 1.5px solid #9a9a9a !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  height: 28px !important;
  justify-content: center !important;
  width: 28px !important;
}

html body main[data-template^="product"] .faq-more__icon::before {
  border-bottom: 2px solid #9a9a9a !important;
  border-right: 2px solid #9a9a9a !important;
  content: "" !important;
  height: 8px !important;
  transform: translateY(-2px) rotate(45deg) !important;
  width: 8px !important;
}

html body main[data-template^="product"] .faq-more__button[aria-expanded="true"] .faq-more__icon::before {
  transform: translateY(2px) rotate(225deg) !important;
}

html body main[data-template^="product"] .faq-more__button:active {
  transform: translateY(1px) !important;
}

@media screen and (max-width: 749px) {
  html body main[data-template^="product"] .faq-section {
    padding: 30px 0 42px !important;
  }

  html body main[data-template^="product"] .faq-section .container {
    max-width: min(100% - 22px, 1220px) !important;
  }

  html body main[data-template^="product"] .faq-heading {
    font-size: 2.05rem !important;
    margin-bottom: 22px !important;
  }

  html body main[data-template^="product"] .faq-grid {
    gap: 0 !important;
    grid-template-columns: 1fr !important;
    padding: 0 !important;
  }

  html body main[data-template^="product"] .faq-grid-content {
    gap: 0 !important;
  }

  html body main[data-template^="product"] .faq-grid-content + .faq-grid-content::before {
    display: none !important;
  }

  html body main[data-template^="product"] .faq-question {
    gap: 12px !important;
    grid-template-columns: minmax(0, 1fr) 28px !important;
    min-height: 58px !important;
    padding: 10px 0 !important;
  }

  html body main[data-template^="product"] .faq-question .icon,
  html body main[data-template^="product"] .faq-question .icon2 {
    font-size: 1.8rem !important;
    width: 28px !important;
  }

  html body main[data-template^="product"] .faq-item span.question {
    font-size: clamp(0.98rem, 4.2vw, 1.18rem) !important;
    line-height: 1.18 !important;
  }

  html body main[data-template^="product"] .faq-item.active .faq-answer {
    padding: 0 34px 16px 0 !important;
  }

  html body main[data-template^="product"] .faq-answer p {
    font-size: 1rem !important;
  }

  html body main[data-template^="product"] .faq-more {
    margin-top: 22px !important;
  }

  html body main[data-template^="product"] .faq-more__button {
    min-height: 38px !important;
    padding: 0 !important;
  }

  html body main[data-template^="product"] .faq-more__icon {
    height: 24px !important;
    width: 24px !important;
  }
}

/* PDP key ingredients: list layout, no product-card treatment. */
html body main[data-template^="product"] .key_ingrediants-section {
  width: 100% !important;
}

html body main[data-template^="product"] .key-ingredinants-wrapper,
html body main[data-template^="product"] .key-ingredinants-wrapper:has(.pp-ingredient-fallback),
html body main[data-template^="product"] .key-ingredinants-wrapper:has(.pp-ingredient-fallback--sunscreen) {
  border-block: 1px solid rgba(92, 66, 45, 0.14) !important;
  display: grid !important;
  gap: 0 clamp(18px, 3vw, 34px) !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  overflow: visible !important;
  white-space: normal !important;
  width: 100% !important;
}

html body main[data-template^="product"] .key-ingredinants-wrapper .ingrediant-item,
html body main[data-template^="product"] .key-ingredinants-wrapper .ingrediant-item.show_ingrediant,
html body main[data-template^="product"] .key-ingredinants-wrapper .ingrediant-item.show_ingrediant.pp-ingredient-fallback {
  align-items: start !important;
  aspect-ratio: auto !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(92, 66, 45, 0.1) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  grid-template-rows: auto !important;
  isolation: auto !important;
  min-height: 0 !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding: 16px 0 !important;
  position: relative !important;
  transform: none !important;
  transition: color 180ms ease !important;
  width: 100% !important;
}

html body main[data-template^="product"] .key-ingredinants-wrapper .ingrediant-item::after,
html body main[data-template^="product"] .key-ingredinants-wrapper .ingrediant-item.show_ingrediant::after {
  display: none !important;
}

html body main[data-template^="product"] .key-ingredinants-wrapper .ingrediant-item.show_ingrediant:hover {
  border-color: rgba(92, 66, 45, 0.1) !important;
  box-shadow: none !important;
  transform: none !important;
}

html body main[data-template^="product"] .key-ingredinants-wrapper .ingrediants-image {
  align-items: center !important;
  background: transparent !important;
  display: flex !important;
  height: 58px !important;
  justify-content: center !important;
  min-height: 0 !important;
  padding: 0 !important;
  width: 58px !important;
}

html body main[data-template^="product"] .key-ingredinants-wrapper .ingrediants-image:empty {
  display: none !important;
}

html body main[data-template^="product"] .key-ingredinants-wrapper .ingrediant-item:has(.ingrediants-image:empty) {
  grid-template-columns: minmax(0, 1fr) !important;
}

html body main[data-template^="product"] .key-ingredinants-wrapper .ingrediants-image img {
  border-radius: 999px !important;
  display: block !important;
  height: 58px !important;
  object-fit: cover !important;
  object-position: center !important;
  width: 58px !important;
}

html body main[data-template^="product"] .key-ingredinants-wrapper .pp-ingredient-fallback__mark.material-symbols-outlined {
  align-items: center !important;
  background: rgba(74, 109, 63, 0.1) !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: #486d3f !important;
  display: inline-flex !important;
  font-family: "Material Symbols Outlined" !important;
  font-size: 24px !important;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24 !important;
  height: 42px !important;
  justify-content: center !important;
  left: auto !important;
  line-height: 1 !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  position: static !important;
  text-align: center !important;
  top: auto !important;
  transform: none !important;
  width: 42px !important;
}

html body main[data-template^="product"] .key-ingredinants-wrapper .ingrediant-text,
html body main[data-template^="product"] .key-ingredinants-wrapper .pp-ingredient-fallback .ingrediant-text {
  align-content: start !important;
  background: transparent !important;
  border: 0 !important;
  bottom: auto !important;
  display: grid !important;
  gap: 5px !important;
  left: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  position: static !important;
  text-align: left !important;
  width: 100% !important;
}

html body main[data-template^="product"] .key-ingredinants-wrapper .ingrediant-text h5 {
  color: #2e251e !important;
  font-family: var(--font-heading--family) !important;
  font-size: clamp(1rem, 1vw, 1.12rem) !important;
  font-weight: 700 !important;
  line-height: 1.14 !important;
  margin: 0 !important;
  text-wrap: balance !important;
}

html body main[data-template^="product"] .key-ingredinants-wrapper .pp-ingredient-fallback--long .ingrediant-text h5 {
  font-size: clamp(0.9rem, 0.92vw, 1rem) !important;
}

html body main[data-template^="product"] .key-ingredinants-wrapper .ingrediant-text p {
  color: #5e5149 !important;
  display: block !important;
  font-size: clamp(0.86rem, 0.9vw, 0.95rem) !important;
  line-height: 1.42 !important;
  margin: 0 !important;
  overflow: visible !important;
  -webkit-box-orient: initial !important;
  -webkit-line-clamp: initial !important;
}

html body main[data-template^="product"] .key-ingredinants-wrapper .ingrediant-item.show_ingrediant:hover .ingrediant-text h5 {
  color: #486d3f !important;
}

@media screen and (max-width: 749px) {
  html body main[data-template^="product"] .key-ingredinants-wrapper,
  html body main[data-template^="product"] .key-ingredinants-wrapper:has(.pp-ingredient-fallback),
  html body main[data-template^="product"] .key-ingredinants-wrapper:has(.pp-ingredient-fallback--sunscreen) {
    grid-template-columns: 1fr !important;
  }

  html body main[data-template^="product"] .key-ingredinants-wrapper .ingrediant-item,
  html body main[data-template^="product"] .key-ingredinants-wrapper .ingrediant-item.show_ingrediant,
  html body main[data-template^="product"] .key-ingredinants-wrapper .ingrediant-item.show_ingrediant.pp-ingredient-fallback {
    gap: 12px !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    padding: 14px 0 !important;
  }

  html body main[data-template^="product"] .key-ingredinants-wrapper .ingrediants-image,
  html body main[data-template^="product"] .key-ingredinants-wrapper .ingrediants-image img {
    height: 48px !important;
    width: 48px !important;
  }

  html body main[data-template^="product"] .key-ingredinants-wrapper .ingrediant-item:has(.ingrediants-image:empty) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body main[data-template^="product"] .key-ingredinants-wrapper .pp-ingredient-fallback__mark.material-symbols-outlined {
    font-size: 22px !important;
    height: 38px !important;
    margin-top: 5px !important;
    width: 38px !important;
  }
}

/* Sitewide UX consistency pass: navigation, actions, product hierarchy, and focus states. */
:root {
  --pp-brand-burgundy: #9f2134;
  --pp-brand-burgundy-dark: #7e1727;
  --pp-brand-ink: #211a17;
  --pp-brand-cream: #fffaf4;
  --pp-brand-line: #e7ddd2;
  --pp-brand-olive: #4f6d43;
  --pp-brand-gold: #b88745;
}

html body main[data-template="collection"],
html body main[data-template="search"],
html body main[data-template^="product"] {
  background: #ffffff !important;
}

html body :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid rgba(159, 33, 52, 0.72) !important;
  outline-offset: 3px !important;
}

html body main#MainContent :is(
  .addCard_btn,
  .quick-add__button,
  .add-to-cart-button,
  product-form-component .button:not(.shopify-payment-button__button)
) {
  background: var(--pp-brand-burgundy) !important;
  border-color: var(--pp-brand-burgundy) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

html body main#MainContent :is(
  .addCard_btn,
  .quick-add__button,
  .add-to-cart-button,
  product-form-component .button:not(.shopify-payment-button__button)
):hover {
  background: var(--pp-brand-burgundy-dark) !important;
  border-color: var(--pp-brand-burgundy-dark) !important;
  transform: translateY(-1px) !important;
}

html body main#MainContent .shopify-payment-button__button {
  background: var(--pp-brand-olive) !important;
  border-color: var(--pp-brand-olive) !important;
  border-radius: 7px !important;
  color: #ffffff !important;
}

/* Clear, persistent product-card actions instead of icon-only hover controls. */
html body .product-card__content .card-gallery > quick-add-component.quick-add {
  bottom: 10px !important;
  display: flex !important;
  height: auto !important;
  inset-inline: 10px !important;
  justify-content: flex-end !important;
  pointer-events: none !important;
  position: absolute !important;
  top: auto !important;
  width: auto !important;
  z-index: 4 !important;
}

html body .product-card__content .card-gallery > .quick-add .quick-add__product-form-component,
html body .product-card__content .card-gallery > .quick-add .shopify-product-form {
  height: 40px !important;
  width: 100% !important;
}

html body .product-card__content .card-gallery > .quick-add .shopify-product-form {
  align-items: center !important;
  display: flex !important;
  justify-content: stretch !important;
}

html body .product-card__content .card-gallery > .quick-add add-to-cart-component {
  display: block !important;
  height: 40px !important;
  width: 100% !important;
}

html body .product-card__content .card-gallery > .quick-add .quick-add__button {
  display: grid !important;
  font-size: 0.86rem !important;
  height: 40px !important;
  max-width: none !important;
  font-weight: 850 !important;
  min-height: 40px !important;
  padding: 8px 12px !important;
  pointer-events: auto !important;
  width: 100% !important;
}

html body .quick-add__button .add-to-cart-text {
  gap: 7px !important;
  justify-content: center !important;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
}

html body .quick-add__button .add-to-cart-text__content {
  opacity: 1 !important;
  transform: none !important;
  width: auto !important;
}

html body .quick-add__button .add-to-cart-icon {
  height: 18px !important;
  width: 18px !important;
}

html body .product-card__content :is(product-title, .product-title, h3, h4, h5) a {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

html body [data-template="collection"] .pp-all-products-grid .product-card__content a[ref="productTitleLink"] .text-block,
html body [data-template="search"] .product-card__content a[ref="productTitleLink"] .text-block {
  min-height: 2.35em !important;
  width: 100% !important;
}

html body [data-template="collection"] .pp-all-products-grid .product-card__content a[ref="productTitleLink"] .text-block p,
html body [data-template="search"] .product-card__content a[ref="productTitleLink"] .text-block p {
  display: -webkit-box !important;
  line-height: 1.15 !important;
  max-height: 2.3em !important;
  max-width: 22ch !important;
  min-height: 2.3em !important;
  overflow: hidden !important;
  white-space: normal !important;
  width: 100% !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

html body .jdgm-widget[data-number-of-reviews="0"],
html body .jdgm-preview-badge[data-number-of-reviews="0"] {
  display: none !important;
}

html body main[data-template="search"] .search-page__header {
  gap: 14px !important;
  padding-block: clamp(24px, 4vw, 44px) 20px !important;
}

html body main[data-template="search"] .search-page__header h1 {
  font-size: clamp(2rem, 4vw, 3.25rem) !important;
  line-height: 1.04 !important;
  margin: 0 !important;
}

/* One primary navigation language, with the current destination always visible. */
html body .pp-primary-navigation--desktop a {
  min-height: 52px !important;
  padding-top: 3px !important;
}

html body .pp-primary-navigation--desktop a[aria-current="page"] {
  color: var(--pp-brand-burgundy) !important;
}

html body main[data-template^="product"] .product-details > .group-block:first-child > .group-block-content {
  gap: 8px !important;
}

html body main[data-template^="product"] .product-details > .group-block:first-child:has(.pp-pdp-rating-block) .jdgm-preview-badge {
  display: none !important;
}

html body main[data-template^="product"] .product-details > .group-block h3:first-of-type {
  font-size: clamp(2rem, 2.55vw, 2.65rem) !important;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
}

html body main[data-template^="product"] .product-details :is(.price, product-price) {
  font-size: clamp(1.6rem, 2vw, 2rem) !important;
}

html body main[data-template^="product"] .product-details .cstm-product-badges.pp-serum-hero-features {
  gap: 9px !important;
}

html body main[data-template^="product"] .product-details .pp-serum-hero-features__subtitle {
  font-size: 0.96rem !important;
  line-height: 1.42 !important;
  margin-top: 0 !important;
}

html body main[data-template^="product"] .product-details .pp-serum-hero-features__tags {
  gap: 6px !important;
}

html body main[data-template^="product"] .product-details .pp-serum-hero-features__tags span {
  min-height: 30px !important;
  padding: 6px 8px !important;
}

html body main[data-template^="product"] .product-details .pp-serum-hero-actives {
  border-radius: 7px !important;
  padding: 10px !important;
}

html body main[data-template^="product"] .product-details .pp-serum-hero-actives > p {
  font-size: 0.72rem !important;
  letter-spacing: 0.04em !important;
  margin-bottom: 8px !important;
}

html body main[data-template^="product"] .product-details .pp-serum-hero-actives__grid {
  gap: 6px !important;
}

html body main[data-template^="product"] .product-details .pp-serum-hero-active {
  gap: 4px !important;
  min-height: 82px !important;
  padding: 7px 5px !important;
}

html body main[data-template^="product"] .product-details .pp-serum-hero-active__icon.material-symbols-outlined {
  font-size: 20px !important;
  height: 32px !important;
  width: 32px !important;
}

html body main[data-template^="product"] .product-details .pp-serum-hero-active__percent,
html body main[data-template^="product"] .product-details .pp-serum-hero-active__name {
  font-size: 0.7rem !important;
}

@media screen and (min-width: 750px) {
  html body main[data-template^="product"] .product-details {
    top: 132px !important;
  }
}

@media screen and (max-width: 749px) {
  html body .pp-primary-navigation--mobile {
    align-items: center !important;
    background: #ffffff !important;
    border-bottom: 1px solid var(--pp-brand-line) !important;
    border-top: 1px solid var(--pp-brand-line) !important;
    display: flex !important;
    gap: 20px !important;
    min-height: 44px !important;
    overflow-x: auto !important;
    padding: 0 16px !important;
    scroll-padding-inline: 16px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    white-space: nowrap;
  }

  html body .pp-primary-navigation--mobile::-webkit-scrollbar {
    display: none;
  }

  html body .pp-primary-navigation--mobile a {
    align-items: center;
    border-bottom: 2px solid transparent;
    color: #302925;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.84rem;
    font-weight: 750;
    height: 44px;
    letter-spacing: 0;
    line-height: 1;
    padding: 2px 0 0;
    scroll-snap-align: start;
    text-decoration: none;
  }

  html body .pp-primary-navigation--mobile a[aria-current="page"] {
    border-bottom-color: var(--pp-brand-burgundy);
    color: var(--pp-brand-burgundy);
  }

  html body #header-group .header,
  html body #header-group .header__row--top,
  html body #header-group .header__columns {
    height: 126px !important;
    min-height: 126px !important;
  }

  html body #header-group .header__drawer {
    left: 12px !important;
    top: 11px !important;
  }

  html body #header-group .header-logo {
    height: 72px !important;
    top: 0 !important;
    width: 116px !important;
  }

  html body #header-group .header-logo img,
  html body #header-group .header-logo svg {
    max-height: 64px !important;
    width: 100px !important;
  }

  html body #header-group header-actions {
    right: 12px !important;
    top: 13px !important;
  }

  html body #header-group search-button.search-action.desktop\:hidden {
    bottom: auto !important;
    height: 38px !important;
    left: 12px !important;
    right: 12px !important;
    top: 77px !important;
    width: calc(100% - 24px) !important;
  }

  html body .pp-mobile-bottom-nav {
    height: 60px !important;
    padding: 5px 8px calc(5px + env(safe-area-inset-bottom)) !important;
  }

  html body .pp-mobile-bottom-nav a {
    border-top: 2px solid transparent;
    color: #504843 !important;
    min-height: 50px;
    padding-top: 2px;
  }

  html body .pp-mobile-bottom-nav a[aria-current="page"] {
    border-top-color: var(--pp-brand-burgundy);
    color: var(--pp-brand-burgundy) !important;
  }

  html body #ShopifyChat {
    bottom: 72px !important;
    right: 10px !important;
  }

  html body .pp-mobile-bottom-nav--pdp {
    display: none !important;
  }

  html body:has(main[data-template^="product"]) {
    padding-bottom: 78px !important;
  }

  html body:has(main[data-template^="product"]) #ShopifyChat {
    bottom: 82px !important;
  }

  html body main[data-template^="product"] .pp-pdp-sticky-atc {
    bottom: 0 !important;
    grid-template-columns: minmax(0, 1fr) minmax(142px, 1fr) !important;
    opacity: 0 !important;
    padding: 9px 12px calc(9px + env(safe-area-inset-bottom)) !important;
    pointer-events: none !important;
    transform: translateY(calc(100% + env(safe-area-inset-bottom))) !important;
    transition: opacity 180ms ease, transform 220ms ease, visibility 0s linear 220ms !important;
    visibility: hidden !important;
    z-index: 55 !important;
  }

  html body main[data-template^="product"] .pp-pdp-sticky-atc.is-visible {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
    transition-delay: 0s !important;
    visibility: visible !important;
  }

  html body main[data-template^="product"] .pp-pdp-sticky-atc button {
    border-radius: 7px !important;
  }

  html body main[data-template^="product"] .product-details {
    gap: 12px !important;
    padding: 12px 14px 22px !important;
  }

  html body main[data-template^="product"] .product-details .pp-serum-hero-actives__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body main[data-template^="product"] .product-details .pp-serum-hero-active {
    min-height: 78px !important;
  }

  html body .product-card__content .card-gallery > quick-add-component.quick-add {
    bottom: 7px !important;
    inset-inline: 7px !important;
  }

  html body .product-card__content .card-gallery > .quick-add .quick-add__button {
    font-size: 0.76rem !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 6px 8px !important;
  }

  html body .product-card__content .card-gallery > .quick-add .quick-add__product-form-component,
  html body .product-card__content .card-gallery > .quick-add .shopify-product-form,
  html body .product-card__content .card-gallery > .quick-add add-to-cart-component {
    height: 36px !important;
  }

  html body .product-card__content .card-gallery > .quick-add .add-to-cart-icon {
    height: 16px !important;
    width: 16px !important;
  }
}

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

  html body *,
  html body *::before,
  html body *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}