/*
 * Paris Perfumes v4.5.1 — Five Column + Visual Refresh
 * Loaded after premium-v4.css so changes remain isolated and easy to maintain.
 */

:root{
    --pp-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    --pp-serif:var(--pp-font);
    --pp-sans:var(--pp-font);
    --pp-blue:#496dff;
    --pp-violet:#7b5cff;
    --pp-gold:#c98b2f;
    --pp-mint:#2d9a7d;
    --pp-coral:#f06478;
    --pp-sky:#eef5ff;
    --pp-lilac:#f5f1ff;
    --pp-cream:#fff8ec;
    --pp-mint-soft:#edf9f4;
}

/* Consistent typography across theme + WooCommerce. */
body.pp-site,
body.pp-site button,
body.pp-site input,
body.pp-site select,
body.pp-site textarea,
body.pp-site h1,
body.pp-site h2,
body.pp-site h3,
body.pp-site h4,
body.pp-site h5,
body.pp-site h6,
body.pp-site .woocommerce,
body.pp-site .woocommerce-page{
    font-family:var(--pp-font)!important;
}
body.pp-site h1,
body.pp-site h2,
body.pp-site h3,
body.pp-site .pp-product-title,
body.pp-site .pp-stage-meta strong,
body.pp-site .pp-category-content strong{
    letter-spacing:-.025em;
}

/* Header: compact main header; only category/navigation bar is sticky. */
.pp-v4-premium .pp-header{
    position:relative!important;
    top:auto!important;
    z-index:110;
    background:#fff;
    border-bottom:0;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
}
.pp-v4-premium .pp-announcement-inner{min-height:32px}
.pp-v4-premium .pp-header-main{
    height:82px;
    gap:26px;
}
.pp-v4-premium .pp-logo:after{
    width:48px;
    margin:7px auto -7px;
}
.pp-v4-premium .pp-logo img,
.pp-v4-premium .pp-logo .custom-logo{
    max-width:250px;
    max-height:52px;
}
.pp-v4-premium .pp-product-search{
    height:40px;
    width:min(100%,340px);
}
.pp-v4-premium .pp-product-search button{height:30px}
.pp-v4-premium .pp-header-action{padding:8px 10px}

.pp-v4-premium .pp-primary-nav{
    position:sticky!important;
    top:0;
    z-index:800;
    border-top:1px solid #f1e7eb;
    border-bottom:1px solid #eadfe4;
    background:rgba(255,255,255,.96);
    box-shadow:0 8px 24px rgba(24,5,13,.055);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
}
body.admin-bar.pp-v4-premium .pp-primary-nav{top:32px}
.pp-v4-premium .pp-premium-nav{min-height:46px}
.pp-v4-premium .pp-premium-nav>li>a{
    padding-top:15px!important;
    padding-bottom:14px!important;
}

/* More visible first screen without making hero feel cramped. */
.pp-v4-premium .pp-v4-home-hero .pp-hero-premium-grid{
    min-height:580px;
    padding-block:48px;
    grid-template-columns:minmax(0,1.06fr) minmax(340px,.68fr);
    gap:54px;
}
.pp-v4-premium .pp-v4-home-hero h1{
    font-size:clamp(42px,5vw,72px);
    line-height:1;
    max-width:760px;
}
.pp-v4-premium .pp-v4-home-hero .pp-hero-text{
    min-height:0;
    font-size:15px;
    line-height:1.7;
}
.pp-v4-premium .pp-v4-home-hero .pp-hero-product-stage{min-height:440px}
.pp-v4-premium .pp-v4-home-hero .pp-stage-frame{
    min-height:430px;
    border-radius:24px;
}
.pp-v4-premium .pp-v4-home-hero .pp-stage-image{height:280px}
.pp-v4-premium .pp-v4-home-hero .pp-stage-meta{min-height:66px}
.pp-v4-premium .pp-hero-metrics>div{min-height:72px}

/* Homepage gets more color while keeping the premium perfume look. */
.pp-v4-premium .pp-benefits{
    background:linear-gradient(90deg,#fff5f9 0%,#f4f7ff 34%,#f7f2ff 67%,#fff9ed 100%);
}
.pp-v4-premium .pp-benefits-grid>div:nth-child(1){background:rgba(255,235,243,.58)}
.pp-v4-premium .pp-benefits-grid>div:nth-child(2){background:rgba(235,243,255,.62)}
.pp-v4-premium .pp-benefits-grid>div:nth-child(3){background:rgba(244,237,255,.60)}
.pp-v4-premium .pp-benefits-grid>div:nth-child(4){background:rgba(255,247,230,.64)}
.pp-v4-premium .pp-benefits-grid>div{padding:22px 28px}

.pp-v4-premium .pp-section{padding:78px 0}
.pp-v4-premium .pp-section-heading{margin-bottom:34px}
.pp-v4-premium .pp-section-heading h2{font-size:clamp(34px,3.6vw,52px);font-weight:750}
.pp-v4-premium .pp-products-section{
    position:relative;
    background:linear-gradient(180deg,#fff 0%,#fffafd 100%);
}
.pp-v4-premium .pp-products-section.pp-soft-section{
    background:linear-gradient(135deg,#f7f4ff 0%,#fff7fb 50%,#f3f8ff 100%);
}
.pp-v4-premium .pp-category-section{
    background:linear-gradient(135deg,#fff7fb 0%,#f7f5ff 45%,#f2f8ff 100%);
}
.pp-v4-premium .pp-brands-section{
    background:linear-gradient(180deg,#fff 0%,#fffaf4 100%);
}

/* Exactly five custom product cards on desktop. */
.pp-v4-premium .pp-products-grid,
.pp-v4-premium .pp-products-grid-five,
.pp-v4-premium .pp-products-grid-four{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:24px 16px;
}
.pp-v4-premium .pp-products-section .pp-product-card{
    overflow:hidden;
    border:1px solid #eadfe4;
    border-radius:16px;
    background:#fff;
    box-shadow:0 10px 30px rgba(34,8,18,.045);
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.pp-v4-premium .pp-products-section .pp-product-card:hover{
    transform:translateY(-4px);
    border-color:#e1c7d2;
    box-shadow:0 18px 44px rgba(34,8,18,.09);
}
.pp-v4-premium .pp-products-section .pp-product-media{
    border:0;
    border-bottom:1px solid #f0e7eb;
    aspect-ratio:1/1.04!important;
}
.pp-v4-premium .pp-products-section .pp-product-card:nth-child(5n+1) .pp-product-media{background:linear-gradient(145deg,#fff5f8,#fff)}
.pp-v4-premium .pp-products-section .pp-product-card:nth-child(5n+2) .pp-product-media{background:linear-gradient(145deg,#f1f5ff,#fff)}
.pp-v4-premium .pp-products-section .pp-product-card:nth-child(5n+3) .pp-product-media{background:linear-gradient(145deg,#f5f0ff,#fff)}
.pp-v4-premium .pp-products-section .pp-product-card:nth-child(5n+4) .pp-product-media{background:linear-gradient(145deg,#fff8eb,#fff)}
.pp-v4-premium .pp-products-section .pp-product-card:nth-child(5n+5) .pp-product-media{background:linear-gradient(145deg,#eef9f5,#fff)}
.pp-v4-premium .pp-products-section .pp-product-media img{padding:22px!important}
.pp-v4-premium .pp-products-section .pp-product-content{
    padding:16px 15px 15px;
    text-align:left;
}
.pp-v4-premium .pp-products-section .pp-product-brand{margin-bottom:6px}
.pp-v4-premium .pp-products-section .pp-product-title{
    font-size:16px;
    line-height:1.3;
    min-height:2.6em;
}
.pp-v4-premium .pp-products-section .pp-product-price{font-size:12px}
.pp-v4-premium .pp-products-section .pp-button-outline{
    width:100%;
    min-height:40px;
    border-radius:9px;
}

/* Shop, category, search and WooCommerce archive grids: five products per row. */
.pp-v4-premium.woocommerce ul.products,
.pp-v4-premium.woocommerce-page ul.products{
    width:min(calc(100% - 48px),1480px)!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:26px 16px!important;
}
.pp-v4-premium.woocommerce ul.products li.product,
.pp-v4-premium.woocommerce-page ul.products li.product{
    border-radius:15px!important;
}
.pp-v4-premium.woocommerce ul.products li.product a img,
.pp-v4-premium.woocommerce-page ul.products li.product a img{
    padding:20px!important;
    aspect-ratio:1 / 1.04!important;
}
.pp-v4-premium.woocommerce ul.products li.product:nth-child(5n+1) a img,
.pp-v4-premium.woocommerce-page ul.products li.product:nth-child(5n+1) a img{background:#fff7fa!important}
.pp-v4-premium.woocommerce ul.products li.product:nth-child(5n+2) a img,
.pp-v4-premium.woocommerce-page ul.products li.product:nth-child(5n+2) a img{background:#f3f6ff!important}
.pp-v4-premium.woocommerce ul.products li.product:nth-child(5n+3) a img,
.pp-v4-premium.woocommerce-page ul.products li.product:nth-child(5n+3) a img{background:#f6f2ff!important}
.pp-v4-premium.woocommerce ul.products li.product:nth-child(5n+4) a img,
.pp-v4-premium.woocommerce-page ul.products li.product:nth-child(5n+4) a img{background:#fff9ef!important}
.pp-v4-premium.woocommerce ul.products li.product:nth-child(5n+5) a img,
.pp-v4-premium.woocommerce-page ul.products li.product:nth-child(5n+5) a img{background:#f0faf6!important}
.pp-v4-premium.woocommerce ul.products li.product .woocommerce-loop-product__title,
.pp-v4-premium.woocommerce-page ul.products li.product .woocommerce-loop-product__title{
    margin-left:15px!important;
    margin-right:15px!important;
    font-size:16px!important;
    line-height:1.3!important;
    min-height:2.6em!important;
    font-weight:650!important;
}
.pp-v4-premium .pp-loop-brand{
    margin-left:15px!important;
    margin-right:15px!important;
}
.pp-v4-premium.woocommerce ul.products li.product .price,
.pp-v4-premium.woocommerce-page ul.products li.product .price{
    margin-left:15px!important;
    margin-right:15px!important;
}
.pp-v4-premium.woocommerce ul.products li.product .button,
.pp-v4-premium.woocommerce-page ul.products li.product .button{
    margin-left:15px!important;
    margin-right:15px!important;
}

/* Related and upsell products follow the same five-column desktop system. */
.pp-v4-premium.single-product .related.products ul.products,
.pp-v4-premium.single-product .up-sells.upsells ul.products{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
}

/* Small color cues for directories/brands without looking noisy. */
.pp-v4-premium .pp-brand-grid>a:nth-child(4n+1){background:#fff8fb}
.pp-v4-premium .pp-brand-grid>a:nth-child(4n+2){background:#f5f7ff}
.pp-v4-premium .pp-brand-grid>a:nth-child(4n+3){background:#f8f4ff}
.pp-v4-premium .pp-brand-grid>a:nth-child(4n+4){background:#fffaf1}
.pp-v4-premium .pp-home-directory-grid>a:nth-child(1){background:linear-gradient(145deg,#fff4f8,#fff)}
.pp-v4-premium .pp-home-directory-grid>a:nth-child(2){background:linear-gradient(145deg,#f1f5ff,#fff)}
.pp-v4-premium .pp-home-directory-grid>a:nth-child(3){background:linear-gradient(145deg,#f6f1ff,#fff)}
.pp-v4-premium .pp-home-directory-grid>a:nth-child(4){background:linear-gradient(145deg,#fff7e9,#fff)}

@media(max-width:1280px){
    .pp-v4-premium .pp-products-grid,
    .pp-v4-premium .pp-products-grid-five,
    .pp-v4-premium .pp-products-grid-four,
    .pp-v4-premium.woocommerce ul.products,
    .pp-v4-premium.woocommerce-page ul.products,
    .pp-v4-premium.single-product .related.products ul.products,
    .pp-v4-premium.single-product .up-sells.upsells ul.products{
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
    }
}

@media(max-width:1024px){
    .pp-v4-premium .pp-products-grid,
    .pp-v4-premium .pp-products-grid-five,
    .pp-v4-premium .pp-products-grid-four,
    .pp-v4-premium.woocommerce ul.products,
    .pp-v4-premium.woocommerce-page ul.products,
    .pp-v4-premium.single-product .related.products ul.products,
    .pp-v4-premium.single-product .up-sells.upsells ul.products{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
    .pp-v4-premium .pp-v4-home-hero .pp-hero-premium-grid{
        grid-template-columns:minmax(0,1fr) minmax(310px,.7fr);
        gap:34px;
    }
}

@media(max-width:900px){
    body.admin-bar.pp-v4-premium .pp-primary-nav{top:auto}
    .pp-v4-premium .pp-header-main{height:72px}
    .pp-v4-premium .pp-logo img,
    .pp-v4-premium .pp-logo .custom-logo{max-width:195px;max-height:45px}
    .pp-v4-premium .pp-primary-nav{
        position:relative!important;
        top:auto!important;
        box-shadow:0 16px 36px rgba(0,0,0,.10);
        backdrop-filter:none;
        -webkit-backdrop-filter:none;
    }
    .pp-v4-premium .pp-v4-home-hero .pp-hero-premium-grid{
        grid-template-columns:1fr;
        min-height:auto;
        padding-block:46px;
    }
}

@media(max-width:760px){
    .pp-v4-premium .pp-products-grid,
    .pp-v4-premium .pp-products-grid-five,
    .pp-v4-premium .pp-products-grid-four,
    .pp-v4-premium.woocommerce ul.products,
    .pp-v4-premium.woocommerce-page ul.products,
    .pp-v4-premium.single-product .related.products ul.products,
    .pp-v4-premium.single-product .up-sells.upsells ul.products{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:580px){
    .pp-v4-premium .pp-header-main{height:66px}
    .pp-v4-premium .pp-logo img,
    .pp-v4-premium .pp-logo .custom-logo{max-width:165px;max-height:40px}
    .pp-v4-premium .pp-section{padding:58px 0}
    .pp-v4-premium .pp-section-heading{margin-bottom:28px}
    .pp-v4-premium .pp-v4-home-hero .pp-hero-premium-grid{padding-block:38px}
    .pp-v4-premium .pp-products-section .pp-product-content{padding:13px 11px 12px}
    .pp-v4-premium .pp-products-section .pp-product-media img{padding:14px!important}
    .pp-v4-premium.woocommerce ul.products li.product a img,
    .pp-v4-premium.woocommerce-page ul.products li.product a img{padding:13px!important}
}