:root{--bg:#fbf7f5;--ink:#1b1514;--muted:#756865;--rose:#9d253b;--rose2:#d8a5ae;--cream:#fffdfb;--line:#eadedb;--gold:#b78b55}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55}.sale-bar{position:sticky;top:0;z-index:40;background:#161111;color:#fff;display:flex;justify-content:center;gap:18px;align-items:center;padding:9px 16px;font-size:13px;letter-spacing:.03em}.sale-bar a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45)}.nav{position:sticky;top:38px;z-index:35;background:rgba(251,247,245,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:18px 5vw}.brand{font-family:Georgia,serif;font-size:28px;letter-spacing:-.03em;color:var(--rose);text-decoration:none}.navlinks{display:flex;gap:20px;align-items:center}.navlinks a{color:var(--ink);text-decoration:none;font-size:14px}.button,.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:999px;background:var(--ink);color:white;text-decoration:none;border:1px solid var(--ink);font-weight:700}.button.light,.btn.light{background:transparent;color:var(--ink)}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;padding:68px 5vw 42px;min-height:620px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.18em;color:var(--rose);font-weight:800}.hero h1{font-family:Georgia,serif;font-size:clamp(52px,7vw,102px);line-height:.92;margin:12px 0 18px;letter-spacing:-.07em}.lead{font-size:20px;color:var(--muted);max-width:670px}.hero-card{background:var(--cream);border:1px solid var(--line);border-radius:32px;padding:18px;box-shadow:0 24px 70px rgba(40,20,20,.09)}.hero-art{height:520px;border-radius:24px;background:radial-gradient(circle at 28% 20%,#f6cad0,transparent 26%),linear-gradient(135deg,#fff7f4,#e7c0bf 42%,#762336);position:relative;overflow:hidden}.lipstick{position:absolute;width:86px;height:360px;background:linear-gradient(90deg,#1b1514,#4a3a39,#120d0d);border-radius:42px;left:45%;bottom:-28px;transform:rotate(14deg);box-shadow:0 30px 50px rgba(0,0,0,.25)}.lipstick:before{content:"";position:absolute;left:19px;top:-85px;width:48px;height:118px;background:linear-gradient(160deg,#d22143,#70121e);border-radius:35px 35px 10px 10px}.swatch{position:absolute;width:230px;height:70px;border-radius:100px;background:linear-gradient(90deg,#8b1326,#c04a5e);right:8%;top:18%;transform:rotate(-14deg);filter:blur(.2px)}.hero-caption{position:absolute;left:28px;bottom:24px;background:rgba(255,255,255,.76);padding:18px 20px;border-radius:18px;backdrop-filter:blur(10px);max-width:330px}.section{padding:56px 5vw}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section h2{font-family:Georgia,serif;font-size:clamp(34px,4vw,58px);margin:0;letter-spacing:-.04em}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--cream);border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 16px 40px rgba(50,20,20,.06)}.card img,.product-img{width:100%;height:260px;object-fit:cover;display:block}.card-body{padding:20px}.card h3{font-family:Georgia,serif;font-size:25px;margin:0 0 8px}.card p{color:var(--muted);margin:0 0 14px}.tag{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:12px;color:var(--rose);background:#fff}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{background:var(--cream);border:1px solid var(--line);border-radius:30px;padding:32px}.quiz-box{display:grid;gap:14px}.quiz-box select,.quiz-box input,.quiz-box textarea{width:100%;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;font:inherit}.result{margin-top:14px;padding:18px;border-radius:18px;background:#f7e8e8;color:#5a1725;font-weight:700;display:none}.product-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.mini-product{display:grid;grid-template-columns:130px 1fr;gap:15px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:12px}.mini-product img{height:130px;width:130px;object-fit:cover;border-radius:16px}.footer{padding:42px 5vw;background:#171111;color:#fff;margin-top:60px}.footer a{color:#fff}.share{display:flex;gap:10px;flex-wrap:wrap}.news-list{display:grid;gap:14px}.news-item{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}.page-hero{padding:56px 5vw 24px}.page-hero h1{font-family:Georgia,serif;font-size:clamp(44px,6vw,82px);letter-spacing:-.06em;margin:10px 0}.form{display:grid;gap:12px}.form input,.form textarea{padding:14px;border-radius:14px;border:1px solid var(--line);font:inherit}.hp{display:none!important}@media(max-width:900px){.hero,.split{grid-template-columns:1fr}.hero{padding-top:42px}.nav{top:36px;align-items:flex-start;gap:12px;flex-direction:column}.navlinks{overflow-x:auto;width:100%;padding-bottom:4px}.grid,.product-list{grid-template-columns:1fr}.hero-art{height:420px}.sale-bar{font-size:11px;gap:10px;flex-wrap:wrap}.card img{height:230px}.mini-product{grid-template-columns:100px 1fr}.mini-product img{width:100px;height:100px}}


/* AI Lipstick Match upgrade */
.ai-hero {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 42px;
  align-items: center;
  padding: 72px 6vw 54px;
  background: linear-gradient(135deg, #fff7f5 0%, #fff 48%, #f7e3de 100%);
  border-bottom: 1px solid rgba(90, 34, 34, .12);
}
.ai-badge {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  width: fit-content;
  padding: 8px 12px;
  border: 1px solid rgba(90, 34, 34, .18);
  border-radius: 999px;
  color: #7a3030;
  background: rgba(255,255,255,.7);
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.ai-hero h1 { max-width: 720px; }
.ai-quiz-card {
  background: rgba(255,255,255,.84);
  border: 1px solid rgba(90, 34, 34, .12);
  border-radius: 30px;
  padding: 26px;
  box-shadow: 0 24px 80px rgba(90, 34, 34, .12);
}
.ai-quiz-card label, .quiz-flow label {
  display: block;
  margin-bottom: 14px;
  color: #3e2020;
  font-weight: 600;
}
.ai-quiz-card select, .quiz-flow select, .quiz-flow input {
  width: 100%;
  margin-top: 7px;
  padding: 14px 13px;
  border: 1px solid rgba(90, 34, 34, .18);
  border-radius: 16px;
  background: #fff;
  color: #2b1616;
  font: inherit;
}
.ai-result {
  display: none;
  margin-top: 18px;
  padding: 20px;
  border-radius: 22px;
  background: #2d1414;
  color: #fff;
}
.ai-result h3 { margin: 0 0 7px; color: #fff; }
.ai-result p { color: rgba(255,255,255,.82); }
.ai-result .result-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
.ai-result .button.light { background:#fff; color:#2d1414; }
.quiz-flow {
  max-width: 980px;
  margin: 0 auto;
  padding: 34px;
  border: 1px solid rgba(90, 34, 34, .12);
  border-radius: 32px;
  background: #fffaf9;
  box-shadow: 0 24px 70px rgba(90, 34, 34, .08);
}
.quiz-grid { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:18px; }
.result-card-large {
  display:none;
  max-width: 980px;
  margin: 26px auto 0;
  padding: 34px;
  border-radius: 32px;
  background: #2d1414;
  color: #fff;
  box-shadow: 0 24px 70px rgba(45, 20, 20, .22);
}
.result-card-large h2, .result-card-large h3 { color:#fff; }
.result-card-large p { color:rgba(255,255,255,.82); }
.match-strip { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:14px; margin-top:20px; }
.match-pill { padding:14px; border-radius:18px; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.16); }
.match-pill strong { display:block; margin-bottom:4px; }
@media (max-width: 820px){ .ai-hero{grid-template-columns:1fr;padding:44px 20px}.quiz-grid,.match-strip{grid-template-columns:1fr} }