/*
Theme Name: Perle Parfums
Theme URI: https://example.com/
Author: OpenAI
Description: Thème e-commerce élégant pour Perle Parfums, compatible WooCommerce et Hostinger.
Version: 1.0.0
Text Domain: perle-parfums
Requires at least: 6.0
Requires PHP: 8.0
*/

:root{
  --pp-black:#12100e;
  --pp-cream:#fbf8f2;
  --pp-gold:#c5a05e;
  --pp-gold-dark:#9e7839;
  --pp-line:#e9e1d5;
  --pp-text:#1e1915;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--pp-cream);color:var(--pp-text);font-family:Arial,Helvetica,sans-serif}
a{color:inherit}
img{max-width:100%;height:auto}
.pp-container{width:min(1220px,92%);margin:auto}

.pp-topbar{background:var(--pp-black);color:white;font-size:12px;letter-spacing:.04em}
.pp-topbar .pp-container{display:flex;justify-content:space-between;gap:20px;padding:10px 0}
.pp-gold{color:#e2bf78}

.pp-header{background:rgba(251,248,242,.97);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--pp-line);backdrop-filter:blur(12px)}
.pp-header-main{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:96px}
.pp-logo img{width:180px;max-height:82px;object-fit:contain}
.pp-actions{justify-self:end;display:flex;gap:18px;align-items:center;font-size:14px}
.pp-actions a{text-decoration:none}
.pp-menu{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;padding:0 0 16px;margin:0;list-style:none}
.pp-menu a{text-decoration:none;text-transform:uppercase;font-size:12px;letter-spacing:.08em}
.pp-menu a:hover{color:var(--pp-gold-dark)}

.pp-hero{background:radial-gradient(circle at 78% 30%,#d9b778 0,#7a4e23 28%,#2b1a10 55%,#120d09 100%);color:white;overflow:hidden}
.pp-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:620px;gap:50px}
.pp-eyebrow{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:#d6b46a}
.pp-hero h1,.pp-section-title,.pp-promo-title{font-family:Georgia,'Times New Roman',serif}
.pp-hero h1{font-size:clamp(54px,7vw,88px);line-height:.94;margin:18px 0}
.pp-hero p{font-size:17px;line-height:1.7;color:#f2e6d8;max-width:570px}
.pp-btn{display:inline-block;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:12px;padding:15px 22px;border:1px solid var(--pp-gold);margin-right:10px}
.pp-btn-primary{background:var(--pp-gold);color:#15100b}
.pp-btn-outline{color:#fff}
.pp-hero-art{position:relative;min-height:500px}
.pp-orb{position:absolute;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.17)}
.pp-orb.one{width:360px;height:360px;right:5%;top:15%}
.pp-orb.two{width:220px;height:220px;left:5%;bottom:2%}
.pp-pearl{position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#efe5d8 45%,#b9a88d 100%);right:30%;top:34%;box-shadow:0 20px 50px rgba(0,0,0,.35)}

.pp-cats{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:22px 0}
.pp-cat{min-height:270px;padding:42px;display:flex;flex-direction:column;justify-content:center;text-decoration:none}
.pp-cat strong{font:600 46px/1 Georgia,serif;margin:10px 0 24px}
.pp-cat.dark{background:#171310;color:white}
.pp-cat.light{background:#e8d0b7;color:#281a12}
.pp-cat span{font-size:12px;text-transform:uppercase;letter-spacing:.18em}
.pp-cat em{font-style:normal;text-transform:uppercase;font-size:12px;letter-spacing:.08em}

.pp-section{padding:72px 0}
.pp-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}
.pp-section-title{font-size:clamp(38px,4vw,56px);margin:8px 0}
.pp-products ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:20px;margin:0!important}
.pp-products ul.products li.product{width:auto!important;margin:0!important;background:#fff;border:1px solid var(--pp-line);padding:14px;display:flex;flex-direction:column}
.pp-products ul.products li.product img{background:#fff;aspect-ratio:1/1.15;object-fit:contain}
.pp-products .woocommerce-loop-product__title{font:600 22px/1.15 Georgia,serif!important;color:var(--pp-text)}
.pp-products .price{color:var(--pp-text)!important;font-weight:700!important}
.pp-products .button{background:var(--pp-gold)!important;color:#1a130d!important;border-radius:0!important;text-transform:uppercase;font-size:11px!important;letter-spacing:.05em!important;text-align:center}

.pp-trust{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--pp-line);border-bottom:1px solid var(--pp-line);background:#fff}
.pp-trust>div{padding:30px;border-right:1px solid var(--pp-line)}
.pp-trust>div:last-child{border-right:0}
.pp-trust strong{display:block;margin-bottom:5px}
.pp-trust small{color:#756b61}

.pp-promo{background:#171310;color:#fff;padding:52px;margin:10px 0 70px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.pp-promo-title{font-size:48px;line-height:1;margin:8px 0 20px}
.pp-brand-row{display:flex;flex-wrap:wrap;gap:24px 36px;align-items:center;font:700 22px Georgia,serif}

.pp-footer{background:#efe7dc;padding:55px 0}
.pp-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}
.pp-footer h4{margin-top:0}
.pp-footer a{display:block;text-decoration:none;margin:9px 0;color:#51483f}

.woocommerce div.product .product_title{font-family:Georgia,serif}
.woocommerce button.button.alt,.woocommerce a.button.alt,.woocommerce input.button.alt{background:var(--pp-gold)!important;color:#17110c!important;border-radius:0!important}
.woocommerce-message,.woocommerce-info{border-top-color:var(--pp-gold)!important}
.woocommerce-message::before,.woocommerce-info::before{color:var(--pp-gold-dark)!important}

@media(max-width:900px){
 .pp-header-main{grid-template-columns:1fr auto}
 .pp-actions{display:none}
 .pp-logo{justify-self:end}
 .pp-menu{justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding-left:4%;padding-right:4%}
 .pp-hero-grid{grid-template-columns:1fr;min-height:auto;padding:60px 0}
 .pp-hero-art{min-height:320px}
 .pp-cats{grid-template-columns:1fr}
 .pp-products ul.products{grid-template-columns:repeat(2,1fr)}
 .pp-trust{grid-template-columns:1fr 1fr}
 .pp-promo{grid-template-columns:1fr}
 .pp-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
 .pp-topbar .pp-container span:nth-child(2){display:none}
 .pp-logo img{width:140px}
 .pp-hero h1{font-size:56px}
 .pp-products ul.products{grid-template-columns:1fr 1fr;gap:10px}
 .pp-trust{grid-template-columns:1fr}
 .pp-footer-grid{grid-template-columns:1fr}
 .pp-cat strong{font-size:38px}
}