/* =========================================================
   PARIS PERFUMES — HOMEPAGE REFERENCE REDESIGN v4.8.0
   Scoped to the homepage asset load. Existing WooCommerce
   data/functions remain untouched; this file changes layout.
========================================================= */

:root {
    --ppr-ink: #11161c;
    --ppr-ink-2: #1d232a;
    --ppr-text: #161616;
    --ppr-muted: #6f6f6f;
    --ppr-line: #e5e2dd;
    --ppr-soft: #f7f5f1;
    --ppr-gold: #e30f63;
    --ppr-gold-dark: #bd0c52;
    --ppr-green: #238645;
    --ppr-radius: 6px;
}

body {
    background: #fff;
}

/* ---------- reference-width shell ---------- */
.pp-container {
    width: min(1440px, calc(100% - 72px));
    max-width: 1440px;
}

/* =========================================================
   HEADER — same dynamic links/data, reference-like structure
========================================================= */
.pp-brand-stripe {
    display: none !important;
}

.pp-announcement {
    min-height: 34px;
    padding: 0;
    background: #151a20 !important;
    color: #fff;
    border: 0 !important;
}

.pp-announcement-inner {
    min-height: 34px;
    display: grid !important;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 30px;
    font-size: 11px;
    letter-spacing: .01em;
}

.pp-announcement-side,
.pp-announcement-links,
.pp-announcement p {
    color: #fff !important;
    margin: 0 !important;
}

.pp-announcement p {
    text-align: center;
    font-weight: 600;
}

.pp-announcement-links {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
}

.pp-announcement a {
    color: #fff !important;
    text-decoration: none;
}

.pp-announcement-dot {
    width: 6px !important;
    height: 6px !important;
    background: var(--ppr-gold) !important;
    box-shadow: none !important;
}

.pp-header {
    background: #fff !important;
    border-bottom: 1px solid #ece9e4 !important;
    box-shadow: none !important;
}

.pp-header-main {
    min-height: 96px !important;
    display: grid !important;
    grid-template-columns: 250px minmax(360px, 1fr) auto !important;
    grid-template-areas: "logo search actions" !important;
    align-items: center !important;
    gap: 38px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

.pp-logo {
    grid-area: logo !important;
    position: static !important;
    transform: none !important;
    justify-self: start !important;
    width: auto !important;
    max-width: 230px !important;
}

.pp-logo a,
.pp-logo .custom-logo-link {
    display: block;
}

.pp-logo img,
.pp-logo .custom-logo {
    width: auto !important;
    max-width: 220px !important;
    max-height: 68px !important;
    object-fit: contain !important;
}

.pp-header-search {
    grid-area: search !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

.pp-product-search {
    min-height: 52px !important;
    display: grid !important;
    grid-template-columns: 42px 1fr 56px !important;
    align-items: stretch !important;
    border: 1px solid #ddd9d3 !important;
    border-radius: 5px !important;
    background: #fff !important;
    overflow: visible !important;
    box-shadow: none !important;
}

.pp-search-icon {
    display: grid !important;
    place-items: center !important;
    color: #777 !important;
}

.pp-product-search input[type="search"] {
    min-width: 0;
    height: 50px !important;
    padding: 0 10px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    font-size: 13px !important;
    color: #222 !important;
}

.pp-product-search button[type="submit"] {
    width: 56px !important;
    min-width: 56px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 4px 4px 0 !important;
    background: var(--ppr-gold) !important;
    color: transparent !important;
    position: relative;
    font-size: 0 !important;
}

.pp-product-search button[type="submit"]::before {
    content: "⌕";
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 25px;
    line-height: 1;
    transform: rotate(-12deg);
}

.pp-header-actions {
    grid-area: actions !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 18px !important;
    white-space: nowrap;
}

.pp-header-actions .pp-header-action:first-of-type {
    display: none !important;
}

.pp-header-action {
    min-width: auto !important;
    padding: 0 !important;
    color: #111 !important;
    gap: 8px !important;
}

.pp-action-icon {
    font-size: 22px !important;
}

.pp-action-label {
    font-size: 12px !important;
    font-weight: 700 !important;
}

.pp-cart-count {
    background: var(--ppr-gold) !important;
    color: #fff !important;
}

.pp-primary-nav {
    min-height: 54px !important;
    background: #fff !important;
    border-bottom: 1px solid #ddd9d3 !important;
    box-shadow: none !important;
}

.pp-nav-inner,
.pp-premium-nav {
    min-height: 54px !important;
}

.pp-premium-nav {
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 8px !important;
}

.pp-premium-nav > li > a {
    min-height: 54px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 16px !important;
    color: #151515 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.pp-premium-nav > li > a:hover,
.pp-premium-nav > li:hover > a {
    color: var(--ppr-gold-dark) !important;
}

.pp-premium-nav .pp-nav-special {
    color: #151515 !important;
}

.pp-premium-nav .pp-nav-special::after {
    background: var(--ppr-gold) !important;
}

.pp-mega-toggle {
    color: #777 !important;
}

/* =========================================================
   HERO
========================================================= */
.pp-home-reference {
    overflow: hidden;
    background: #fff;
    color: var(--ppr-text);
}

.pp-ref-hero {
    position: relative;
    min-height: 405px;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(16,20,25,.985) 0%, rgba(18,22,27,.96) 42%, rgba(22,25,29,.78) 63%, rgba(22,24,26,.56) 100%),
        radial-gradient(circle at 78% 44%, rgba(196,154,83,.32), transparent 32%),
        linear-gradient(135deg, #15191e, #3a3028 55%, #12161b);
    isolation: isolate;
}

.pp-ref-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    opacity: .72;
    background:
        radial-gradient(circle at 12% 20%, rgba(255,255,255,.06), transparent 22%),
        linear-gradient(115deg, transparent 0 44%, rgba(255,255,255,.05) 44.5% 45%, transparent 45.5% 100%);
}

.pp-ref-hero::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 33%;
    z-index: -1;
    background: linear-gradient(180deg, transparent, rgba(8,10,12,.42));
    border-top: 1px solid rgba(255,255,255,.04);
}

.pp-ref-hero-ambient {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(ellipse at 72% 76%, rgba(207,173,118,.18), transparent 24%),
        radial-gradient(ellipse at 88% 33%, rgba(255,255,255,.08), transparent 16%);
    filter: blur(2px);
}

.pp-ref-hero-inner {
    min-height: 405px;
    display: grid;
    grid-template-columns: minmax(0, .93fr) minmax(560px, 1.07fr);
    align-items: center;
    gap: 30px;
    position: relative;
}

.pp-ref-hero-copy {
    position: relative;
    z-index: 4;
    max-width: 660px;
    padding: 44px 0 52px;
}

.pp-ref-kicker {
    margin-bottom: 14px;
    color: #ff5b9a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.pp-ref-hero h1 {
    max-width: 650px;
    margin: 0;
    color: #fff;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(44px, 4.15vw, 67px);
    font-weight: 500;
    line-height: .98;
    letter-spacing: -.035em;
}

.pp-ref-hero-copy > p {
    max-width: 620px;
    margin: 18px 0 24px;
    color: rgba(255,255,255,.9);
    font-size: 16px;
    line-height: 1.55;
}

.pp-ref-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.pp-ref-btn {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 28px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .015em;
    text-decoration: none !important;
    transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
}

.pp-ref-btn:hover {
    transform: translateY(-2px);
}

.pp-ref-btn-gold {
    border: 1px solid var(--ppr-gold);
    background: var(--ppr-gold);
    color: #fff !important;
}

.pp-ref-btn-gold:hover {
    background: var(--ppr-gold-dark);
    border-color: var(--ppr-gold-dark);
}

.pp-ref-btn-outline {
    border: 1px solid rgba(255,255,255,.75);
    background: rgba(0,0,0,.08);
    color: #fff !important;
}

.pp-ref-btn-outline:hover {
    background: #fff;
    color: #111 !important;
}

.pp-ref-btn-dark {
    background: #151a20;
    border: 1px solid #151a20;
    color: #fff !important;
}

.pp-ref-btn-outline-light {
    border: 1px solid rgba(255,255,255,.42);
    color: #fff !important;
}

.pp-ref-hero-products {
    align-self: stretch;
    position: relative;
    z-index: 2;
    min-height: 405px;
}

.pp-ref-hero-products::before {
    content: "";
    position: absolute;
    width: 720px;
    height: 150px;
    left: 50%;
    bottom: 28px;
    transform: translateX(-50%);
    background: radial-gradient(ellipse, rgba(0,0,0,.5), transparent 67%);
    filter: blur(9px);
}

.pp-ref-hero-bottle {
    position: absolute;
    bottom: 28px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-decoration: none;
    transform-origin: center bottom;
    transition: transform .28s ease, filter .28s ease;
}

.pp-ref-hero-bottle:hover {
    transform: translateY(-7px) scale(1.025);
    filter: brightness(1.06);
}

.pp-ref-hero-bottle img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
    filter: drop-shadow(0 18px 24px rgba(0,0,0,.42));
}

.pp-ref-hero-bottle-1 {
    left: 2%;
    width: 27%;
    height: 260px;
    z-index: 3;
}

.pp-ref-hero-bottle-2 {
    left: 25%;
    width: 30%;
    height: 312px;
    z-index: 5;
}

.pp-ref-hero-bottle-3 {
    left: 50%;
    width: 28%;
    height: 286px;
    z-index: 4;
}

.pp-ref-hero-bottle-4 {
    right: -1%;
    width: 28%;
    height: 267px;
    z-index: 3;
}

/* =========================================================
   TRUST STRIP
========================================================= */
.pp-ref-trust {
    border-bottom: 1px solid #e7e4df;
    background: #fff;
}

.pp-ref-trust-grid {
    min-height: 72px;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: center;
}

.pp-ref-trust-grid > div {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 13px 16px;
    border-right: 1px solid #eeeae4;
}

.pp-ref-trust-grid > div:last-child {
    border-right: 0;
}

.pp-ref-trust-icon {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    display: grid;
    place-items: center;
    color: var(--ppr-gold);
    border: 1px solid rgba(182,138,54,.32);
    border-radius: 50%;
    font-size: 13px;
    font-weight: 800;
}

.pp-ref-trust p {
    min-width: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    line-height: 1.28;
}

.pp-ref-trust strong {
    color: #222;
    font-size: 10.5px;
    font-weight: 800;
}

.pp-ref-trust small {
    margin-top: 2px;
    color: #5e5e5e;
    font-size: 9.5px;
}

/* =========================================================
   SHARED HOMEPAGE SECTIONS
========================================================= */
.pp-ref-section {
    padding: 28px 0 8px;
    background: #fff;
}

.pp-ref-section-title {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
}

.pp-ref-section-title h2 {
    margin: 0;
    color: #171717;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 27px;
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -.025em;
}

.pp-ref-section-title a {
    color: #222 !important;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none !important;
    white-space: nowrap;
}

.pp-ref-section-title a:hover {
    color: var(--ppr-gold-dark) !important;
}

/* =========================================================
   CATEGORY CARDS
========================================================= */
.pp-ref-categories {
    padding-top: 20px;
}

.pp-ref-category-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.pp-ref-category-card {
    position: relative;
    min-width: 0;
    height: 188px;
    overflow: hidden;
    border-radius: var(--ppr-radius);
    background: #eee;
    text-decoration: none !important;
    color: #111 !important;
    isolation: isolate;
}

.pp-ref-category-media {
    position: absolute;
    inset: 0;
    z-index: -1;
}

.pp-ref-category-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,.03) 25%, rgba(0,0,0,.1) 100%);
}

.pp-ref-category-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.pp-ref-category-card:hover .pp-ref-category-media img {
    transform: scale(1.045);
}

.pp-ref-category-fallback {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: rgba(0,0,0,.14);
    background: linear-gradient(135deg, #f1e6dd, #dfe6e9);
    font-family: Georgia, serif;
    font-size: 86px;
}

.pp-ref-category-copy {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 66px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 14px;
    background: rgba(255,255,255,.88);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

.pp-ref-category-copy > span {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.pp-ref-category-copy strong {
    color: #111;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 19px;
    line-height: 1.1;
}

.pp-ref-category-copy small {
    margin-top: 4px;
    color: #333;
    font-size: 10px;
}

.pp-ref-category-copy i {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--ppr-gold);
    color: #fff;
    font-style: normal;
    font-size: 15px;
}

/* =========================================================
   BRAND STRIP
========================================================= */
.pp-ref-brands {
    padding-top: 22px;
    padding-bottom: 10px;
}

.pp-ref-brand-row {
    display: grid;
    grid-template-columns: repeat(8, minmax(130px, 1fr));
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 3px;
    scrollbar-width: thin;
}

.pp-ref-brand-row > a {
    min-width: 130px;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    border: 1px solid #e2ded8;
    border-radius: 4px;
    background: #fff;
    color: #171717 !important;
    text-align: center;
    text-decoration: none !important;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.pp-ref-brand-row > a:hover {
    transform: translateY(-2px);
    border-color: #c9b483;
    box-shadow: 0 8px 18px rgba(23,20,15,.06);
}

.pp-ref-brand-row img {
    max-width: 100%;
    max-height: 42px;
    object-fit: contain;
}

.pp-ref-brand-row strong {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.05;
}

/* =========================================================
   BEST SELLERS + NEW ARRIVALS
========================================================= */
.pp-ref-product-showcase {
    padding-top: 22px;
    padding-bottom: 40px;
}

.pp-ref-product-showcase-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.pp-ref-product-block {
    min-width: 0;
}

.pp-ref-section-title-compact {
    margin-bottom: 12px;
}

.pp-ref-section-title-compact h2 {
    font-size: 27px;
}

.pp-ref-products-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.pp-ref-product-card {
    min-width: 0;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #e5e1db;
    border-radius: 4px;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.pp-ref-product-card:hover {
    transform: translateY(-3px);
    border-color: #d2c6b1;
    box-shadow: 0 10px 28px rgba(35,29,19,.08);
}

.pp-ref-product-media {
    height: 168px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px;
    background: #fff;
    text-decoration: none;
}

.pp-ref-product-media img {
    width: 100% !important;
    height: 100% !important;
    max-width: 125px !important;
    object-fit: contain !important;
    transition: transform .28s ease;
}

.pp-ref-product-card:hover .pp-ref-product-media img {
    transform: scale(1.035);
}

.pp-ref-wishlist {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 3;
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    color: #222 !important;
    font-size: 19px;
    text-decoration: none !important;
    background: rgba(255,255,255,.88);
    border-radius: 50%;
}

.pp-ref-wishlist.is-active {
    color: #a12f35 !important;
}

.pp-ref-product-copy {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 0 9px 10px;
}

.pp-ref-product-brand {
    margin-bottom: 2px;
    color: #6d6d6d;
    font-size: 8.5px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.pp-ref-product-copy h3 {
    min-height: 41px;
    margin: 0 0 4px;
    font-family: inherit;
    font-size: 10.5px;
    font-weight: 700;
    line-height: 1.32;
}

.pp-ref-product-copy h3 a {
    color: #151515 !important;
    text-decoration: none !important;
}

.pp-ref-product-sku {
    min-height: 15px;
    margin-bottom: 4px;
    color: #777;
    font-size: 8px;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pp-ref-product-price {
    margin: 1px 0 5px;
    color: #111;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
}

.pp-ref-product-price del {
    margin-right: 4px;
    color: #8a8a8a;
    font-size: 10px;
    font-weight: 500;
}

.pp-ref-product-price ins {
    color: #111;
    text-decoration: none;
}

.pp-ref-stock {
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 4px;
    color: #666;
    font-size: 8.5px;
    line-height: 1.2;
}

.pp-ref-stock span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #999;
}

.pp-ref-stock.is-in-stock {
    color: var(--ppr-green);
}

.pp-ref-stock.is-in-stock span {
    background: #29a154;
}

.pp-ref-stock.is-out-of-stock {
    color: #a33b3b;
}

.pp-ref-stock.is-out-of-stock span {
    background: #a33b3b;
}

.pp-ref-buy-row {
    display: grid;
    grid-template-columns: 60px minmax(0, 1fr);
    gap: 5px;
    margin-top: 8px;
}

.pp-ref-qty {
    height: 31px;
    display: grid;
    grid-template-columns: 18px 24px 18px;
    align-items: stretch;
    border: 1px solid #ded9d2;
    border-radius: 3px;
    overflow: hidden;
}

.pp-ref-qty button,
.pp-ref-qty input {
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    background: #fff;
    color: #222;
    text-align: center;
    font-size: 10px;
}

.pp-ref-qty button {
    cursor: pointer;
}

.pp-ref-qty input {
    -moz-appearance: textfield;
}

.pp-ref-qty input::-webkit-outer-spin-button,
.pp-ref-qty input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.pp-ref-add {
    min-height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 7px;
    border-radius: 3px;
    background: var(--ppr-gold);
    color: #fff !important;
    font-size: 8.5px;
    font-weight: 800;
    text-align: center;
    text-decoration: none !important;
    white-space: nowrap;
}

.pp-ref-add:hover {
    background: var(--ppr-gold-dark);
}

.pp-ref-add-full {
    margin-top: 8px;
}

/* =========================================================
   LOWER DYNAMIC CONTENT
========================================================= */
.pp-ref-editorial-strip {
    padding: 42px 0 52px;
    background: var(--ppr-soft);
    border-top: 1px solid #eeeae4;
}

.pp-ref-editorial-strip .pp-fragrance-promo-grid {
    gap: 12px !important;
}

.pp-ref-editorial-strip .pp-fragrance-promo-card {
    min-height: 290px !important;
    border-radius: 5px !important;
}

.pp-ref-featured-deal {
    padding: 58px 0;
    background: #fff;
}

.pp-ref-featured-deal-inner {
    min-height: 370px;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    overflow: hidden;
    border: 1px solid #e4dfd8;
    background: #f6f3ee;
}

.pp-ref-featured-deal-media {
    min-height: 370px;
    display: grid;
    place-items: center;
    padding: 28px;
    background: #fff;
}

.pp-ref-featured-deal-media img {
    width: 100%;
    height: 100%;
    max-height: 330px;
    object-fit: contain;
}

.pp-ref-featured-deal-copy {
    align-self: center;
    padding: 46px 54px;
}

.pp-ref-featured-deal-copy > span,
.pp-ref-wholesale-cta span {
    color: var(--ppr-gold-dark);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.pp-ref-featured-deal-copy h2,
.pp-ref-wholesale-cta h2 {
    margin: 10px 0 12px;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(30px, 3.2vw, 48px);
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.03em;
}

.pp-ref-featured-price {
    margin: 0 0 15px;
    font-size: 21px;
    font-weight: 800;
}

.pp-ref-featured-deal-copy p {
    max-width: 620px;
    color: #676767;
    line-height: 1.7;
}

.pp-ref-wholesale-cta {
    padding: 58px 0;
    background: #151a20;
    color: #fff;
}

.pp-ref-wholesale-cta-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 36px;
}

.pp-ref-wholesale-cta h2 {
    max-width: 850px;
    margin-bottom: 0;
    color: #fff;
    font-size: clamp(30px, 3.2vw, 46px);
}

.pp-ref-wholesale-cta-inner > div:last-child {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

/* =========================================================
   RESPONSIVE
========================================================= */
@media (max-width: 1250px) {
    .pp-container {
        width: min(100% - 44px, 1200px);
    }

    .pp-header-main {
        grid-template-columns: 210px minmax(280px, 1fr) auto !important;
        gap: 24px !important;
    }

    .pp-ref-hero-inner {
        grid-template-columns: minmax(0, .92fr) minmax(470px, 1.08fr);
    }

    .pp-ref-trust-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .pp-ref-trust-grid > div:nth-child(3n) {
        border-right: 0;
    }

    .pp-ref-trust-grid > div:nth-child(-n+3) {
        border-bottom: 1px solid #eeeae4;
    }

    .pp-ref-category-grid {
        grid-template-columns: repeat(5, minmax(180px, 1fr));
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .pp-ref-product-showcase-grid {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .pp-ref-products-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .pp-ref-product-media {
        height: 195px;
    }
}

@media (max-width: 980px) {
    .pp-container {
        width: min(100% - 32px, 920px);
    }

    .pp-announcement-inner {
        grid-template-columns: 1fr auto;
    }

    .pp-announcement p {
        display: none;
    }

    .pp-header-main {
        min-height: 78px !important;
        grid-template-columns: auto 1fr auto !important;
        grid-template-areas: "toggle logo actions" !important;
        gap: 14px !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .pp-mobile-toggle {
        grid-area: toggle !important;
        display: flex !important;
    }

    .pp-logo {
        justify-self: center !important;
    }

    .pp-logo img,
    .pp-logo .custom-logo {
        max-width: 170px !important;
        max-height: 54px !important;
    }

    .pp-header-search {
        display: none !important;
    }

    .pp-header-actions .pp-header-action:nth-of-type(2) .pp-action-label,
    .pp-header-actions .pp-header-action:nth-of-type(3) .pp-action-label {
        display: none !important;
    }

    .pp-mobile-search-toggle {
        display: inline-flex !important;
    }

    .pp-primary-nav {
        min-height: 0 !important;
    }

    .pp-premium-nav {
        display: block !important;
        min-height: 0 !important;
    }

    .pp-ref-hero,
    .pp-ref-hero-inner {
        min-height: auto;
    }

    .pp-ref-hero-inner {
        grid-template-columns: 1fr;
        gap: 0;
        padding-top: 16px;
    }

    .pp-ref-hero-copy {
        max-width: 760px;
        padding: 42px 0 10px;
        text-align: center;
        justify-self: center;
    }

    .pp-ref-hero-copy > p {
        margin-left: auto;
        margin-right: auto;
    }

    .pp-ref-hero-actions {
        justify-content: center;
    }

    .pp-ref-hero-products {
        min-height: 330px;
    }

    .pp-ref-hero-bottle {
        bottom: 14px;
    }

    .pp-ref-hero-bottle-1 { left: 9%; width: 23%; height: 220px; }
    .pp-ref-hero-bottle-2 { left: 28%; width: 25%; height: 260px; }
    .pp-ref-hero-bottle-3 { left: 50%; width: 24%; height: 242px; }
    .pp-ref-hero-bottle-4 { right: 7%; width: 23%; height: 224px; }

    .pp-ref-featured-deal-inner {
        grid-template-columns: 1fr;
    }

    .pp-ref-featured-deal-media {
        min-height: 300px;
    }

    .pp-ref-wholesale-cta-inner {
        grid-template-columns: 1fr;
    }

    .pp-ref-wholesale-cta-inner > div:last-child {
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .pp-container {
        width: calc(100% - 24px);
    }

    .pp-announcement-side {
        font-size: 9px;
    }

    .pp-announcement-links {
        gap: 10px;
        font-size: 9px;
    }

    .pp-ref-hero-copy {
        padding-top: 34px;
    }

    .pp-ref-kicker {
        font-size: 10px;
    }

    .pp-ref-hero h1 {
        font-size: clamp(38px, 12vw, 54px);
        line-height: 1;
    }

    .pp-ref-hero-copy > p {
        font-size: 14px;
    }

    .pp-ref-btn {
        min-height: 44px;
        padding: 10px 19px;
    }

    .pp-ref-hero-products {
        min-height: 260px;
    }

    .pp-ref-hero-bottle-1 { left: 3%; width: 28%; height: 175px; }
    .pp-ref-hero-bottle-2 { left: 24%; width: 29%; height: 212px; }
    .pp-ref-hero-bottle-3 { left: 48%; width: 28%; height: 196px; }
    .pp-ref-hero-bottle-4 { right: 0; width: 27%; height: 179px; }

    .pp-ref-trust-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .pp-ref-trust-grid > div,
    .pp-ref-trust-grid > div:nth-child(3n) {
        border-right: 1px solid #eeeae4;
        border-bottom: 1px solid #eeeae4;
    }

    .pp-ref-trust-grid > div:nth-child(2n) {
        border-right: 0;
    }

    .pp-ref-trust-grid > div:nth-last-child(-n+2) {
        border-bottom: 0;
    }

    .pp-ref-trust-grid > div {
        justify-content: flex-start;
        padding-left: 8px;
    }

    .pp-ref-section {
        padding-top: 24px;
    }

    .pp-ref-section-title {
        align-items: center;
    }

    .pp-ref-section-title h2 {
        font-size: 24px;
    }

    .pp-ref-section-title a {
        font-size: 9px;
    }

    .pp-ref-category-grid {
        grid-template-columns: repeat(5, 220px);
        margin-right: -12px;
    }

    .pp-ref-category-card {
        height: 174px;
    }

    .pp-ref-brand-row {
        grid-template-columns: repeat(8, 145px);
        margin-right: -12px;
    }

    .pp-ref-products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .pp-ref-product-media {
        height: 190px;
    }

    .pp-ref-product-copy h3 {
        font-size: 11px;
    }

    .pp-ref-featured-deal-copy {
        padding: 34px 25px;
    }

    .pp-ref-wholesale-cta {
        padding: 44px 0;
    }
}

@media (max-width: 460px) {
    .pp-announcement-inner {
        grid-template-columns: 1fr;
        text-align: center;
        padding: 4px 0;
    }

    .pp-announcement-links {
        display: none;
    }

    .pp-announcement-side {
        justify-content: center;
    }

    .pp-header-actions .pp-header-action:nth-of-type(2) {
        display: none !important;
    }

    .pp-ref-hero-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }

    .pp-ref-btn {
        width: 100%;
        padding-left: 12px;
        padding-right: 12px;
    }

    .pp-ref-hero-products {
        min-height: 225px;
    }

    .pp-ref-hero-bottle-1 { left: -4%; width: 32%; height: 150px; }
    .pp-ref-hero-bottle-2 { left: 20%; width: 33%; height: 184px; }
    .pp-ref-hero-bottle-3 { left: 47%; width: 32%; height: 172px; }
    .pp-ref-hero-bottle-4 { right: -5%; width: 32%; height: 154px; }

    .pp-ref-product-media {
        height: 158px;
    }

    .pp-ref-buy-row {
        grid-template-columns: 1fr;
    }

    .pp-ref-qty {
        width: 64px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pp-home-reference *,
    .pp-home-reference *::before,
    .pp-home-reference *::after {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important;
    }
}

/* =========================================================
   v4.9 LOGO-LED REFINEMENT
   Palette sampled from supplied logo: #E30F63 + black/white.
   This layer intentionally sits last so older gold/reference
   rules cannot leak through or create excess spacing.
========================================================= */
:root {
    --ppr-gold: #e30f63;
    --ppr-gold-dark: #bd0c52;
    --ppr-pink: #e30f63;
    --ppr-pink-dark: #bd0c52;
    --ppr-pink-soft: #fff0f6;
    --ppr-ink: #111216;
    --ppr-ink-2: #1b1c21;
    --ppr-line: #e6e6e8;
    --ppr-soft: #fafafa;
}

body.home,
body.home .pp-main,
.pp-home-reference {
    background: #fff !important;
}

/* ---------- tighter global shell ---------- */
body.home .pp-container {
    width: min(1480px, calc(100% - 48px));
    max-width: 1480px;
}

/* ---------- top utility bar ---------- */
body.home .pp-announcement {
    min-height: 32px !important;
    background: #17191e !important;
    border: 0 !important;
}

body.home .pp-announcement-inner.pp-reference-topbar {
    min-height: 32px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 22px !important;
    padding: 0 !important;
}

body.home .pp-reference-topbar-perks {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 28px;
    overflow: hidden;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    white-space: nowrap;
}

body.home .pp-reference-topbar-perks span,
body.home .pp-announcement-links a {
    color: rgba(255,255,255,.93) !important;
}

body.home .pp-announcement-links {
    gap: 16px !important;
    font-size: 9.5px !important;
    white-space: nowrap;
}

/* ---------- main header ---------- */
body.home .pp-header {
    border-bottom: 1px solid #e9e9eb !important;
}

body.home .pp-header-main {
    min-height: 82px !important;
    grid-template-columns: 260px minmax(360px, 1fr) auto !important;
    grid-template-areas: "logo search actions" !important;
    gap: 30px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

body.home .pp-logo {
    grid-area: logo !important;
    justify-self: start !important;
    max-width: 250px !important;
}

body.home .pp-logo img,
body.home .pp-logo .custom-logo {
    width: auto !important;
    max-width: 245px !important;
    max-height: 64px !important;
    object-fit: contain !important;
}

body.home .pp-header-search {
    grid-area: search !important;
    width: 100% !important;
    margin: 0 !important;
}

body.home .pp-product-search {
    min-height: 46px !important;
    grid-template-columns: minmax(0, 1fr) 52px !important;
    border: 1px solid #dcdce0 !important;
    border-radius: 4px !important;
    overflow: visible !important;
    background: #fff !important;
    box-shadow: none !important;
}

body.home .pp-product-search:focus-within {
    border-color: #e30f63 !important;
    box-shadow: 0 0 0 3px rgba(227,15,99,.09) !important;
}

body.home .pp-product-search input[type="search"] {
    height: 44px !important;
    padding: 0 15px !important;
    color: #151515 !important;
    font-size: 12px !important;
}

body.home .pp-product-search button[type="submit"] {
    width: 52px !important;
    min-width: 52px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 3px 3px 0 !important;
    background: #e30f63 !important;
    color: #fff !important;
    font-size: 0 !important;
}

body.home .pp-product-search button[type="submit"]::before {
    content: none !important;
}

body.home .pp-product-search button[type="submit"] svg {
    display: block !important;
}

body.home .pp-header-actions {
    grid-area: actions !important;
    display: flex !important;
    align-items: center !important;
    gap: 22px !important;
}

body.home .pp-header-action {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #0e0e10 !important;
    text-decoration: none !important;
}

body.home .pp-action-text {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

body.home .pp-action-text strong {
    color: #09090a;
    font-size: 11px;
    font-weight: 800;
}

body.home .pp-action-text small {
    margin-top: 2px;
    color: #56565b;
    font-size: 8.5px;
    font-weight: 500;
}

body.home .pp-action-cart-icon {
    position: relative;
}

body.home .pp-cart-count {
    position: absolute !important;
    top: -9px !important;
    right: -10px !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 4px !important;
    display: grid !important;
    place-items: center !important;
    background: #e30f63 !important;
    color: #fff !important;
    border: 2px solid #fff;
    border-radius: 99px !important;
    font-size: 8px !important;
}

/* ---------- compact reference nav ---------- */
body.home .pp-primary-nav {
    min-height: 46px !important;
    border-bottom: 1px solid #e6e6e8 !important;
    background: #fff !important;
}

body.home .pp-nav-inner,
body.home .pp-reference-nav {
    min-height: 46px !important;
}

body.home .pp-reference-nav {
    width: 100%;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.home .pp-reference-nav > li {
    flex: 0 0 auto;
}

body.home .pp-reference-nav > li > a {
    min-height: 46px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 14px !important;
    color: #151518 !important;
    font-size: 10.5px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    text-transform: none !important;
    text-decoration: none !important;
    white-space: nowrap;
}

body.home .pp-reference-nav > li:first-child > a {
    padding-left: 0 !important;
}

body.home .pp-reference-nav > li > a:hover {
    color: #e30f63 !important;
}

body.home .pp-reference-nav .pp-nav-apply {
    margin-left: auto;
    padding-left: 12px;
}

body.home .pp-reference-nav .pp-nav-apply > a {
    min-height: 34px !important;
    margin: 6px 0 !important;
    padding: 0 18px !important;
    border-radius: 3px !important;
    background: #e30f63 !important;
    color: #fff !important;
    font-size: 9.5px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
}

body.home .pp-reference-nav .pp-nav-apply > a:hover {
    background: #bd0c52 !important;
    color: #fff !important;
}

/* ---------- hero: black/charcoal + logo magenta ---------- */
body.home .pp-ref-hero {
    min-height: 390px !important;
    background:
        linear-gradient(90deg, rgba(13,14,18,.99) 0%, rgba(17,18,22,.975) 45%, rgba(19,19,23,.88) 66%, rgba(17,17,20,.76) 100%),
        radial-gradient(circle at 78% 44%, rgba(227,15,99,.24), transparent 31%),
        linear-gradient(135deg, #101116, #24242b 58%, #101116) !important;
}

body.home .pp-ref-hero::before {
    opacity: .9 !important;
    background:
        radial-gradient(circle at 12% 20%, rgba(255,255,255,.045), transparent 22%),
        radial-gradient(circle at 85% 18%, rgba(227,15,99,.10), transparent 24%) !important;
}

body.home .pp-ref-hero-ambient {
    background:
        radial-gradient(ellipse at 72% 78%, rgba(227,15,99,.14), transparent 24%),
        radial-gradient(ellipse at 89% 34%, rgba(255,255,255,.07), transparent 17%) !important;
}

body.home .pp-ref-hero-inner {
    min-height: 390px !important;
    grid-template-columns: minmax(0, .93fr) minmax(520px, 1.07fr) !important;
    gap: 22px !important;
}

body.home .pp-ref-hero-copy {
    padding: 34px 0 38px !important;
}

body.home .pp-ref-kicker {
    margin-bottom: 10px !important;
    color: #f0337f !important;
    font-size: 11px !important;
}

body.home .pp-ref-hero h1 {
    font-size: clamp(43px, 4vw, 64px) !important;
}

body.home .pp-ref-hero-copy > p {
    margin: 14px 0 20px !important;
    font-size: 14.5px !important;
    line-height: 1.48 !important;
}

body.home .pp-ref-hero-actions {
    gap: 12px !important;
}

body.home .pp-ref-btn {
    min-height: 44px !important;
    padding: 10px 24px !important;
}

body.home .pp-ref-btn-gold,
body.home .pp-ref-add,
body.home .pp-ref-category-copy i {
    background: #e30f63 !important;
    border-color: #e30f63 !important;
}

body.home .pp-ref-btn-gold:hover,
body.home .pp-ref-add:hover,
body.home .pp-ref-category-card:hover .pp-ref-category-copy i {
    background: #bd0c52 !important;
    border-color: #bd0c52 !important;
}

body.home .pp-ref-hero-products {
    min-height: 390px !important;
}

body.home .pp-ref-hero-bottle {
    bottom: 18px !important;
}

body.home .pp-ref-hero-bottle img {
    filter: drop-shadow(0 16px 20px rgba(0,0,0,.46)) !important;
}

/* ---------- trust strip ---------- */
body.home .pp-ref-trust-grid {
    min-height: 62px !important;
}

body.home .pp-ref-trust-grid > div {
    gap: 9px !important;
    padding: 9px 12px !important;
}

body.home .pp-ref-trust-icon {
    width: 26px !important;
    height: 26px !important;
    flex-basis: 26px !important;
    color: #e30f63 !important;
    border-color: rgba(227,15,99,.28) !important;
}

/* ---------- remove visual gaps between homepage rows ---------- */
body.home .pp-ref-section {
    margin: 0 !important;
    padding: 18px 0 0 !important;
}

body.home .pp-ref-section-title {
    margin-bottom: 10px !important;
}

body.home .pp-ref-section-title h2 {
    font-size: 26px !important;
}

body.home .pp-ref-section-title a:hover {
    color: #e30f63 !important;
}

/* ---------- categories: actual category count, no blank tracks ---------- */
body.home .pp-ref-categories {
    padding-top: 16px !important;
}

body.home .pp-ref-category-grid {
    grid-template-columns: repeat(var(--pp-ref-cat-count, 5), minmax(0, 1fr)) !important;
    gap: 9px !important;
}

body.home .pp-ref-category-card {
    height: 170px !important;
    background: #f4f4f5 !important;
}

body.home .pp-ref-category-fallback {
    color: rgba(227,15,99,.18) !important;
    background: linear-gradient(135deg, #fff1f7, #f2f2f4) !important;
}

body.home .pp-ref-category-copy {
    min-height: 58px !important;
    padding: 8px 12px !important;
}

body.home .pp-ref-category-copy strong {
    font-size: 17px !important;
}

body.home .pp-ref-category-copy i {
    width: 29px !important;
    height: 29px !important;
    flex-basis: 29px !important;
}

/* ---------- brand row ---------- */
body.home .pp-ref-brands {
    padding-top: 16px !important;
    padding-bottom: 0 !important;
}

body.home .pp-ref-brand-row {
    grid-template-columns: repeat(var(--pp-ref-brand-count, 8), minmax(120px, 1fr)) !important;
    gap: 7px !important;
    padding-bottom: 0 !important;
}

body.home .pp-ref-brand-row > a {
    height: 58px !important;
    border-color: #e2e2e4 !important;
}

body.home .pp-ref-brand-row > a:hover {
    border-color: rgba(227,15,99,.52) !important;
    box-shadow: 0 7px 18px rgba(227,15,99,.07) !important;
}

/* ---------- products: reference screenshot density ---------- */
body.home .pp-ref-product-showcase {
    padding-top: 17px !important;
    padding-bottom: 24px !important;
}

body.home .pp-ref-product-showcase-grid {
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)) !important;
    gap: 18px !important;
}

body.home .pp-ref-products-grid {
    grid-template-columns: repeat(auto-fit, minmax(125px, 1fr)) !important;
    gap: 7px !important;
}

body.home .pp-ref-product-card {
    border-color: #e3e3e5 !important;
}

body.home .pp-ref-product-card:hover {
    border-color: rgba(227,15,99,.42) !important;
    box-shadow: 0 9px 24px rgba(20,18,22,.07) !important;
}

body.home .pp-ref-product-media {
    height: 154px !important;
    padding: 10px !important;
}

body.home .pp-ref-product-media img {
    max-width: 116px !important;
}

body.home .pp-ref-product-copy {
    padding: 0 8px 9px !important;
}

body.home .pp-ref-product-copy h3 {
    min-height: 37px !important;
    font-size: 10px !important;
}

body.home .pp-ref-product-price {
    font-size: 13px !important;
}

body.home .pp-ref-product-price ins {
    color: #e30f63 !important;
}

body.home .pp-ref-buy-row {
    margin-top: 6px !important;
}

body.home .pp-ref-add {
    min-height: 30px !important;
}

/* Lower dynamic sections remain data-driven, but are compact and no gold. */
body.home .pp-ref-editorial-strip {
    padding: 26px 0 30px !important;
    background: #fafafa !important;
}

body.home .pp-ref-featured-deal {
    padding: 30px 0 !important;
}

body.home .pp-ref-featured-deal-inner {
    min-height: 310px !important;
}

body.home .pp-ref-featured-deal-media {
    min-height: 310px !important;
}

body.home .pp-ref-featured-deal-copy {
    padding: 32px 40px !important;
}

body.home .pp-ref-featured-deal-copy > span,
body.home .pp-ref-wholesale-cta span {
    color: #e30f63 !important;
}

body.home .pp-ref-wholesale-cta {
    padding: 38px 0 !important;
    background: #17191e !important;
}

/* ---------- responsive ---------- */
@media (max-width: 1280px) {
    body.home .pp-container {
        width: min(100% - 36px, 1220px);
    }

    body.home .pp-header-main {
        grid-template-columns: 220px minmax(260px, 1fr) auto !important;
        gap: 20px !important;
    }

    body.home .pp-reference-topbar-perks {
        gap: 16px;
    }

    body.home .pp-announcement-links a:nth-child(2) {
        display: none;
    }

    body.home .pp-reference-nav > li > a {
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 9.5px !important;
    }

    body.home .pp-ref-product-showcase-grid {
        grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)) !important;
    }
}

@media (max-width: 1050px) {
    body.home .pp-announcement-inner.pp-reference-topbar {
        grid-template-columns: 1fr auto !important;
    }

    body.home .pp-reference-topbar-perks span:nth-child(2),
    body.home .pp-reference-topbar-perks span:nth-child(3),
    body.home .pp-announcement-links a:nth-last-child(-n+2) {
        display: none;
    }

    body.home .pp-header-main {
        min-height: 72px !important;
        grid-template-columns: auto 1fr auto !important;
        grid-template-areas: "toggle logo actions" !important;
        gap: 12px !important;
    }

    body.home .pp-logo {
        justify-self: center !important;
    }

    body.home .pp-logo img,
    body.home .pp-logo .custom-logo {
        max-width: 210px !important;
        max-height: 56px !important;
    }

    body.home .pp-header-search {
        display: none !important;
    }

    body.home .pp-mobile-toggle,
    body.home .pp-mobile-search-toggle {
        display: inline-flex !important;
    }

    body.home .pp-header-actions .pp-action-text {
        display: none;
    }

    body.home .pp-primary-nav {
        min-height: 0 !important;
    }

    body.home .pp-reference-nav {
        display: none !important;
        padding: 8px 0 14px !important;
    }

    body.home #pp-primary-nav.is-open .pp-reference-nav {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
        gap: 0 8px !important;
    }

    body.home .pp-reference-nav > li > a,
    body.home .pp-reference-nav > li:first-child > a {
        min-height: 42px !important;
        padding: 0 10px !important;
        border-bottom: 1px solid #ededee;
        font-size: 11px !important;
    }

    body.home .pp-reference-nav .pp-nav-apply {
        grid-column: 1 / -1;
        margin-left: 0;
        padding: 8px 0 0;
    }

    body.home .pp-reference-nav .pp-nav-apply > a {
        justify-content: center;
        border: 0;
    }

    body.home .pp-ref-hero-inner {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }

    body.home .pp-ref-hero-copy {
        max-width: 760px !important;
        padding: 28px 0 4px !important;
        text-align: center;
        margin: 0 auto;
    }

    body.home .pp-ref-hero-actions {
        justify-content: center;
    }

    body.home .pp-ref-hero-products {
        min-height: 300px !important;
    }

    body.home .pp-ref-product-showcase-grid {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }
}

@media (max-width: 760px) {
    body.home .pp-container {
        width: calc(100% - 22px);
    }

    body.home .pp-announcement {
        min-height: 28px !important;
    }

    body.home .pp-announcement-inner.pp-reference-topbar {
        min-height: 28px !important;
        grid-template-columns: 1fr !important;
        text-align: center;
    }

    body.home .pp-reference-topbar-perks {
        justify-content: center;
        font-size: 8.5px;
    }

    body.home .pp-announcement-links {
        display: none !important;
    }

    body.home .pp-header-main {
        min-height: 66px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    body.home .pp-logo img,
    body.home .pp-logo .custom-logo {
        max-width: 175px !important;
        max-height: 47px !important;
    }

    body.home .pp-ref-hero {
        min-height: 0 !important;
    }

    body.home .pp-ref-hero h1 {
        font-size: clamp(34px, 11vw, 49px) !important;
    }

    body.home .pp-ref-hero-copy > p {
        font-size: 13px !important;
    }

    body.home .pp-ref-hero-products {
        min-height: 245px !important;
    }

    body.home .pp-ref-trust-grid {
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    }

    body.home .pp-ref-section {
        padding-top: 14px !important;
    }

    body.home .pp-ref-category-grid {
        grid-template-columns: repeat(var(--pp-ref-cat-count, 5), 205px) !important;
        overflow-x: auto !important;
        overscroll-behavior-inline: contain;
        scrollbar-width: none;
    }

    body.home .pp-ref-category-grid::-webkit-scrollbar,
    body.home .pp-ref-brand-row::-webkit-scrollbar {
        display: none;
    }

    body.home .pp-ref-category-card {
        height: 160px !important;
    }

    body.home .pp-ref-brand-row {
        grid-template-columns: repeat(var(--pp-ref-brand-count, 8), 135px) !important;
        overflow-x: auto !important;
        scrollbar-width: none;
    }

    body.home .pp-ref-products-grid {
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
        gap: 8px !important;
    }

    body.home .pp-ref-product-media {
        height: 170px !important;
    }

    body.home .pp-ref-editorial-strip,
    body.home .pp-ref-featured-deal,
    body.home .pp-ref-wholesale-cta {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
}

@media (max-width: 460px) {
    body.home .pp-header-actions {
        gap: 10px !important;
    }

    body.home .pp-logo img,
    body.home .pp-logo .custom-logo {
        max-width: 150px !important;
    }

    body.home .pp-ref-hero-actions {
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
    }

    body.home .pp-ref-btn {
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 10px !important;
    }

    body.home .pp-ref-hero-products {
        min-height: 210px !important;
    }

    body.home .pp-ref-section-title h2 {
        font-size: 22px !important;
    }

    body.home .pp-ref-section-title a {
        font-size: 8.5px !important;
    }

    body.home .pp-ref-product-media {
        height: 145px !important;
    }
}

/* New compact header has only Account + Cart anchors; older v4.8 rules hid
   the first/second anchor for a different markup structure. Force both back. */
body.home .pp-header-actions .pp-header-action:first-of-type,
body.home .pp-header-actions .pp-header-action:nth-of-type(2) {
    display: flex !important;
}

@media (max-width: 460px) {
    body.home .pp-header-actions .pp-header-action:first-of-type,
    body.home .pp-header-actions .pp-header-action:nth-of-type(2) {
        display: flex !important;
    }
}

/* =========================================================
   v5.0 FINAL HOMEPAGE OVERRIDES
   Keep the reference composition compact, clean and pink/black.
========================================================= */
body.home.pp-v5-production{
  --ppr-gold:#e30f63;
  --ppr-gold-dark:#bd0c52;
  --ppr-ink:#111216;
  --ppr-ink-2:#1d1e23;
}

/* The global v5 header owns all header/menu layout. Prevent older homepage
   reference CSS from re-arranging the new header. */
body.home.pp-v5-production .pp-header-main{
  min-height:88px!important;
  grid-template-columns:minmax(230px,270px) minmax(360px,1fr) auto!important;
  grid-template-areas:"logo search actions"!important;
  gap:24px!important;
  padding:10px 0!important;
}
body.home.pp-v5-production .pp-logo{grid-area:logo!important;max-width:270px!important}
body.home.pp-v5-production .pp-logo img,
body.home.pp-v5-production .pp-logo .custom-logo{max-width:260px!important;max-height:70px!important}
body.home.pp-v5-production .pp-header-search{grid-area:search!important;display:block!important;max-width:none!important}
body.home.pp-v5-production .pp-header-actions{grid-area:actions!important;gap:18px!important}
body.home.pp-v5-production .pp-header-actions .pp-header-action{display:flex!important}
body.home.pp-v5-production .pp-primary-nav{min-height:50px!important}
body.home.pp-v5-production .pp-nav-inner{min-height:50px!important}
body.home.pp-v5-production .pp-premium-nav{display:flex!important;min-height:50px!important;justify-content:flex-start!important}
body.home.pp-v5-production .pp-premium-nav>li>a{min-height:50px!important;padding:0 13px!important}
body.home.pp-v5-production .pp-premium-nav>li:first-child>a{padding-left:0!important}
body.home.pp-v5-production .pp-wholesale-nav-cta{display:inline-flex!important}

/* Hero: reference-like proportions without the large empty upper gap. */
body.home.pp-v5-production .pp-ref-hero{
  min-height:385px!important;
  background:
    linear-gradient(90deg,rgba(11,12,16,.995) 0%,rgba(14,15,19,.985) 46%,rgba(20,17,21,.91) 67%,rgba(29,17,23,.78) 100%),
    radial-gradient(circle at 79% 48%,rgba(227,15,99,.22),transparent 34%),
    linear-gradient(135deg,#0d0e12,#26161d 60%,#101116)!important;
}
body.home.pp-v5-production .pp-ref-hero-inner{
  min-height:385px!important;
  grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr)!important;
  align-items:center!important;
  gap:22px!important;
}
body.home.pp-v5-production .pp-ref-hero-copy{max-width:650px!important;padding:32px 0 36px!important}
body.home.pp-v5-production .pp-ref-kicker{margin-bottom:10px!important;color:#ff5b9a!important;font-size:10px!important;font-weight:850!important;letter-spacing:.13em!important}
body.home.pp-v5-production .pp-ref-hero h1{max-width:620px!important;font-size:clamp(42px,3.9vw,62px)!important;line-height:.99!important;letter-spacing:-.035em!important}
body.home.pp-v5-production .pp-ref-hero-copy>p{max-width:590px!important;margin:14px 0 20px!important;font-size:14px!important;line-height:1.48!important;color:rgba(255,255,255,.88)!important}
body.home.pp-v5-production .pp-ref-btn{min-height:44px!important;padding:10px 23px!important;border-radius:5px!important;font-size:10.5px!important;letter-spacing:.025em!important}
body.home.pp-v5-production .pp-ref-btn-gold{background:#e30f63!important;border-color:#e30f63!important}
body.home.pp-v5-production .pp-ref-btn-gold:hover{background:#bd0c52!important;border-color:#bd0c52!important}
body.home.pp-v5-production .pp-ref-hero-products{min-height:385px!important}
body.home.pp-v5-production .pp-ref-hero-products::before{bottom:16px!important;background:radial-gradient(ellipse,rgba(0,0,0,.46),transparent 68%)!important}
body.home.pp-v5-production .pp-ref-hero-bottle{bottom:10px!important}
body.home.pp-v5-production .pp-ref-hero-bottle img{filter:drop-shadow(0 16px 24px rgba(0,0,0,.45))!important}
body.home.pp-v5-production .pp-ref-hero-bottle-1{left:0!important;width:26%!important;height:245px!important}
body.home.pp-v5-production .pp-ref-hero-bottle-2{left:22%!important;width:28%!important;height:285px!important}
body.home.pp-v5-production .pp-ref-hero-bottle-3{left:48%!important;width:28%!important;height:275px!important}
body.home.pp-v5-production .pp-ref-hero-bottle-4{right:0!important;width:27%!important;height:250px!important}

/* Tight store-benefit strip. */
body.home.pp-v5-production .pp-ref-trust{border-bottom:1px solid #ededf0!important;background:#fff!important}
body.home.pp-v5-production .pp-ref-trust-grid{min-height:64px!important;grid-template-columns:repeat(6,minmax(0,1fr))!important}
body.home.pp-v5-production .pp-ref-trust-grid>div{min-width:0!important;gap:9px!important;padding:10px 12px!important;border-right:1px solid #efeff1!important}
body.home.pp-v5-production .pp-ref-trust-grid>div:last-child{border-right:0!important}
body.home.pp-v5-production .pp-ref-trust-icon{width:28px!important;height:28px!important;flex:0 0 28px!important;border:1px solid rgba(227,15,99,.22)!important;color:#e30f63!important;background:#fff7fa!important}
body.home.pp-v5-production .pp-ref-trust p{min-width:0!important}
body.home.pp-v5-production .pp-ref-trust strong{font-size:9.5px!important;line-height:1.2!important}
body.home.pp-v5-production .pp-ref-trust small{font-size:8.5px!important;color:#777b82!important}

/* Compact section rhythm — no large blank bands. */
body.home.pp-v5-production .pp-ref-section{margin:0!important;padding:16px 0 0!important}
body.home.pp-v5-production .pp-ref-section-title{margin:0 0 9px!important;min-height:30px!important;align-items:end!important}
body.home.pp-v5-production .pp-ref-section-title h2{font-size:24px!important;line-height:1.05!important;letter-spacing:-.025em!important}
body.home.pp-v5-production .pp-ref-section-title a{font-size:9px!important;font-weight:800!important;color:#25262b!important}
body.home.pp-v5-production .pp-ref-section-title a:hover{color:#e30f63!important}

/* Category cards dynamically fill the row; no placeholders for empty categories. */
body.home.pp-v5-production .pp-ref-category-grid{grid-template-columns:repeat(var(--pp-ref-cat-count,5),minmax(0,1fr))!important;gap:10px!important}
body.home.pp-v5-production .pp-ref-category-card{height:165px!important;border:1px solid #ececef!important;border-radius:7px!important;box-shadow:none!important;background:#f7f7f8!important;overflow:hidden!important}
body.home.pp-v5-production .pp-ref-category-media{height:112px!important}
body.home.pp-v5-production .pp-ref-category-media img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .35s ease!important}
body.home.pp-v5-production .pp-ref-category-card:hover .pp-ref-category-media img{transform:scale(1.035)!important}
body.home.pp-v5-production .pp-ref-category-copy{min-height:53px!important;padding:8px 11px!important;background:rgba(255,255,255,.96)!important}
body.home.pp-v5-production .pp-ref-category-copy strong{font-size:12px!important}
body.home.pp-v5-production .pp-ref-category-copy small{font-size:8.5px!important;color:#73767c!important}
body.home.pp-v5-production .pp-ref-category-copy i{width:27px!important;height:27px!important;background:#e30f63!important;border-color:#e30f63!important;color:#fff!important}
body.home.pp-v5-production .pp-ref-category-fallback{background:linear-gradient(135deg,#fff0f6,#f6f6f8)!important;color:#e30f63!important}

/* Brand strip */
body.home.pp-v5-production .pp-ref-brands{padding-top:13px!important}
body.home.pp-v5-production .pp-ref-brand-row{grid-template-columns:repeat(var(--pp-ref-brand-count,8),minmax(0,1fr))!important;gap:8px!important}
body.home.pp-v5-production .pp-ref-brand-row>a{min-height:54px!important;padding:8px!important;border:1px solid #ececef!important;border-radius:6px!important;background:#fff!important;color:#222329!important;font-size:11px!important;box-shadow:none!important}
body.home.pp-v5-production .pp-ref-brand-row>a:hover{border-color:#e30f63!important;color:#e30f63!important;transform:translateY(-1px)!important}

/* Best Sellers + New Arrivals: clean dense commerce cards. */
body.home.pp-v5-production .pp-ref-product-showcase{padding-top:16px!important;padding-bottom:18px!important}
body.home.pp-v5-production .pp-ref-product-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
body.home.pp-v5-production .pp-ref-product-block{min-width:0!important}
body.home.pp-v5-production .pp-ref-products-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
body.home.pp-v5-production .pp-ref-product-card{border:1px solid #ececef!important;border-radius:8px!important;background:#fff!important;box-shadow:0 4px 14px rgba(18,18,22,.025)!important;overflow:hidden!important;transition:.22s ease!important}
body.home.pp-v5-production .pp-ref-product-card:hover{transform:translateY(-3px)!important;border-color:#dbdbe0!important;box-shadow:0 10px 26px rgba(18,18,22,.075)!important}
body.home.pp-v5-production .pp-ref-product-media{height:175px!important;padding:12px!important;background:#fff!important}
body.home.pp-v5-production .pp-ref-product-media img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}
body.home.pp-v5-production .pp-ref-wishlist{top:8px!important;right:8px!important;width:28px!important;height:28px!important;border:1px solid #ececef!important;background:#fff!important;color:#5d6066!important}
body.home.pp-v5-production .pp-ref-wishlist.is-active{color:#e30f63!important;border-color:#ffc5db!important;background:#fff4f8!important}
body.home.pp-v5-production .pp-ref-product-copy{padding:9px 9px 10px!important}
body.home.pp-v5-production .pp-ref-product-brand{font-size:7.5px!important;color:#e30f63!important;font-weight:850!important;letter-spacing:.08em!important;text-transform:uppercase!important}
body.home.pp-v5-production .pp-ref-product-copy h3{min-height:31px!important;margin:4px 0 5px!important;font-size:10px!important;line-height:1.35!important;font-weight:700!important}
body.home.pp-v5-production .pp-ref-product-sku{font-size:7.5px!important;color:#92949a!important}
body.home.pp-v5-production .pp-ref-product-price{margin-top:6px!important;font-size:12px!important;font-weight:850!important;color:#17181c!important}
body.home.pp-v5-production .pp-ref-product-price del{font-size:9px!important;color:#989aa0!important}
body.home.pp-v5-production .pp-ref-product-price ins{color:#e30f63!important;text-decoration:none!important}
body.home.pp-v5-production .pp-ref-stock{margin:5px 0 7px!important;font-size:7.5px!important}
body.home.pp-v5-production .pp-ref-qty{min-height:30px!important;border:1px solid #e5e5e8!important;border-radius:5px!important;overflow:hidden!important}
body.home.pp-v5-production .pp-ref-qty button{width:24px!important;background:#fafafa!important;border:0!important}
body.home.pp-v5-production .pp-ref-qty input{width:28px!important;border:0!important;font-size:9px!important}
body.home.pp-v5-production .pp-ref-add{min-height:30px!important;padding:0 8px!important;border-radius:5px!important;background:#e30f63!important;border-color:#e30f63!important;font-size:8px!important;font-weight:850!important;letter-spacing:.01em!important}
body.home.pp-v5-production .pp-ref-add:hover{background:#bd0c52!important;border-color:#bd0c52!important}

/* Secondary sections stay present only when they have real data and no large gaps. */
body.home.pp-v5-production .pp-ref-editorial-strip{padding:18px 0!important;background:#fafafa!important}
body.home.pp-v5-production .pp-ref-featured-deal{padding:20px 0!important}
body.home.pp-v5-production .pp-ref-featured-deal-inner{min-height:300px!important;border-radius:10px!important;overflow:hidden!important}
body.home.pp-v5-production .pp-ref-wholesale-cta{padding:22px 0!important;background:#131419!important}
body.home.pp-v5-production .pp-ref-wholesale-cta .pp-ref-btn-gold{background:#e30f63!important;border-color:#e30f63!important}

@media(max-width:1320px){
  body.home.pp-v5-production .pp-header-main{grid-template-columns:minmax(205px,235px) minmax(320px,1fr) auto!important;gap:18px!important}
  body.home.pp-v5-production .pp-logo img,
  body.home.pp-v5-production .pp-logo .custom-logo{max-width:230px!important}
  body.home.pp-v5-production .pp-header-wishlist{display:none!important}
  body.home.pp-v5-production .pp-ref-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media(max-width:1080px){
  body.home.pp-v5-production .pp-header-main{min-height:74px!important;grid-template-columns:48px minmax(170px,1fr) auto!important;grid-template-areas:"toggle logo actions"!important;gap:12px!important;padding:7px 0!important}
  body.home.pp-v5-production .pp-mobile-toggle{display:flex!important}
  body.home.pp-v5-production .pp-logo{grid-area:logo!important}
  body.home.pp-v5-production .pp-logo img,
  body.home.pp-v5-production .pp-logo .custom-logo{max-width:215px!important;max-height:56px!important}
  body.home.pp-v5-production .pp-header-search{display:none!important}
  body.home.pp-v5-production .pp-header-actions{grid-area:actions!important;gap:12px!important}
  body.home.pp-v5-production .pp-mobile-search-toggle{display:grid!important}
  body.home.pp-v5-production .pp-header-actions .pp-action-text{display:none!important}
  body.home.pp-v5-production .pp-header-wishlist{display:none!important}
  body.home.pp-v5-production .pp-primary-nav{min-height:0!important}
  body.home.pp-v5-production .pp-premium-nav{display:none!important;min-height:0!important}
  body.home.pp-v5-production #pp-primary-nav.is-open .pp-premium-nav{display:block!important}
  body.home.pp-v5-production .pp-wholesale-nav-cta{display:none!important}
  body.home.pp-v5-production .pp-ref-hero-inner{grid-template-columns:1fr!important;gap:0!important}
  body.home.pp-v5-production .pp-ref-hero-copy{max-width:760px!important;margin:0 auto!important;padding:28px 0 2px!important;text-align:center!important}
  body.home.pp-v5-production .pp-ref-hero-actions{justify-content:center!important}
  body.home.pp-v5-production .pp-ref-hero-products{min-height:285px!important}
  body.home.pp-v5-production .pp-ref-product-showcase-grid{grid-template-columns:1fr!important;gap:18px!important}
  body.home.pp-v5-production .pp-ref-products-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body.home.pp-v5-production .pp-ref-trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media(max-width:760px){
  body.home.pp-v5-production .pp-ref-hero h1{font-size:clamp(34px,10vw,47px)!important}
  body.home.pp-v5-production .pp-ref-hero-copy>p{font-size:12.5px!important}
  body.home.pp-v5-production .pp-ref-hero-products{min-height:235px!important}
  body.home.pp-v5-production .pp-ref-hero-bottle-1{height:175px!important}
  body.home.pp-v5-production .pp-ref-hero-bottle-2{height:205px!important}
  body.home.pp-v5-production .pp-ref-hero-bottle-3{height:200px!important}
  body.home.pp-v5-production .pp-ref-hero-bottle-4{height:180px!important}
  body.home.pp-v5-production .pp-ref-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.home.pp-v5-production .pp-ref-category-grid{grid-template-columns:repeat(var(--pp-ref-cat-count,5),205px)!important;overflow-x:auto!important;scroll-snap-type:x proximity!important}
  body.home.pp-v5-production .pp-ref-category-card{scroll-snap-align:start!important}
  body.home.pp-v5-production .pp-ref-brand-row{grid-template-columns:repeat(var(--pp-ref-brand-count,8),130px)!important;overflow-x:auto!important}
  body.home.pp-v5-production .pp-ref-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.home.pp-v5-production .pp-ref-product-media{height:165px!important}
}

@media(max-width:460px){
  body.home.pp-v5-production .pp-ref-hero-products{min-height:205px!important}
  body.home.pp-v5-production .pp-ref-btn{padding-inline:12px!important;font-size:9.5px!important}
  body.home.pp-v5-production .pp-ref-product-media{height:145px!important}
}

/* v5 header compatibility fixes after legacy reference rules. */
body.home.pp-v5-production .pp-announcement-inner{
  min-height:30px!important;
  display:flex!important;
  grid-template-columns:none!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:24px!important;
  padding:0!important;
}
body.home.pp-v5-production .pp-top-perks{display:flex!important;align-items:center!important;gap:24px!important;overflow:hidden!important}
body.home.pp-v5-production .pp-product-search{
  min-height:50px!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 58px!important;
  border-radius:7px!important;
}
body.home.pp-v5-production .pp-product-search input[type="search"]{height:48px!important;padding:0 8px!important}
body.home.pp-v5-production .pp-product-search button[type="submit"]{width:58px!important;min-width:58px!important;border-radius:0 6px 6px 0!important}
body.home.pp-v5-production .pp-search-leading{display:block!important;justify-self:center!important}
body.home.pp-v5-production .pp-action-text strong{font-size:10.5px!important;letter-spacing:.03em!important;text-transform:uppercase!important}
body.home.pp-v5-production .pp-action-text small{margin-top:4px!important;font-size:8.5px!important;letter-spacing:.07em!important;text-transform:uppercase!important}

@media(max-width:1080px){
  body.home.pp-v5-production .pp-announcement-inner{justify-content:center!important}
  body.home.pp-v5-production .pp-top-perks span:nth-child(n+2),
  body.home.pp-v5-production .pp-announcement-links{display:none!important}
  body.home.pp-v5-production .pp-product-search{display:none!important}
}