/*
Theme Name: K&R Coming Soon
Theme URI: https://example.com/
Author: K&R Cosmetics
Description: Page Coming Soon élégante pour K&R Cosmetics, entièrement en français.
Version: 1.0.0
Text Domain: kr-coming-soon
*/
:root{
  --bg:#fff7fa;
  --ink:#171316;
  --muted:#7b6871;
  --pink:#f4bfd2;
  --pink2:#ffe4ee;
  --wine:#7b1736;
  --wine2:#4f0d24;
  --gold:#c99b62;
  --card:rgba(255,255,255,.72);
  --shadow:0 24px 70px rgba(87,24,50,.14);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:"Didot","Bodoni MT","Times New Roman",serif;color:var(--ink);background:var(--bg)}
body{overflow-x:hidden}
.kr-page{
  min-height:100vh;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:30px 18px;
  background:
    radial-gradient(circle at 20% 20%, rgba(244,191,210,.55), transparent 28%),
    radial-gradient(circle at 85% 18%, rgba(201,155,98,.18), transparent 25%),
    linear-gradient(135deg,#fffafd 0%,#fff3f7 55%,#fcecf2 100%);
}
.kr-orb{position:absolute;border-radius:999px;filter:blur(4px);opacity:.75;pointer-events:none}
.kr-orb.one{width:240px;height:240px;background:#f7c9d9;left:-90px;top:8%}
.kr-orb.two{width:180px;height:180px;background:#ead9c4;right:-60px;bottom:5%}
.kr-shell{
  width:min(1180px,100%);
  min-height:690px;
  border:1px solid rgba(123,23,54,.10);
  background:rgba(255,255,255,.62);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:var(--shadow);
  border-radius:34px;
  overflow:hidden;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  position:relative;
}
.kr-content{padding:64px 58px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.kr-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  width:max-content;
  padding:8px 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(123,23,54,.12);
  font-family:Arial,sans-serif;
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--wine);
}
.kr-dot{width:8px;height:8px;border-radius:50%;background:var(--wine);box-shadow:0 0 0 5px rgba(123,23,54,.08)}
.kr-brand{margin:24px 0 0;font-size:clamp(42px,7vw,88px);line-height:.92;letter-spacing:-.04em;font-weight:700}
.kr-brand span{display:block;font-size:.40em;letter-spacing:.28em;margin-top:15px;font-family:Arial,sans-serif;font-weight:500;color:var(--wine)}
.kr-title{font-size:clamp(34px,5vw,68px);line-height:1.01;margin:34px 0 18px;max-width:760px;font-weight:500}
.kr-lead{font-family:Arial,sans-serif;font-size:16px;line-height:1.8;color:var(--muted);max-width:650px;margin:0 0 28px}
.kr-clock-card{
  display:flex;gap:18px;align-items:stretch;flex-wrap:wrap;
  margin-top:8px;
}
.kr-clock,.kr-date{
  background:rgba(255,255,255,.88);
  border:1px solid rgba(123,23,54,.10);
  border-radius:20px;
  padding:18px 22px;
  min-width:210px;
}
.kr-label{display:block;font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:var(--muted);margin-bottom:8px}
#kr-clock{font-family:Arial,sans-serif;font-size:31px;font-weight:700;letter-spacing:.08em;color:var(--wine)}
#kr-date{font-family:Arial,sans-serif;font-size:16px;font-weight:600}
.kr-note{font-family:Arial,sans-serif;margin-top:26px;font-size:13px;color:var(--muted)}
.kr-visual{
  position:relative;
  min-height:690px;
  background:linear-gradient(180deg,#fbe8ef 0%,#f2cbd9 100%);
  overflow:hidden;
}
.kr-visual:before{
  content:"";
  position:absolute;inset:0;
  background-image:radial-gradient(rgba(255,255,255,.65) 1px,transparent 1px);
  background-size:18px 18px;
  opacity:.45;
}
.kr-stage{position:absolute;inset:0}
.kr-shadow{
  position:absolute;left:10%;right:8%;bottom:70px;height:50px;border-radius:50%;
  background:rgba(76,20,42,.15);filter:blur(18px)
}
.cosmetic{position:absolute;filter:drop-shadow(0 22px 22px rgba(77,14,38,.16))}
.perfume{
  width:150px;height:190px;right:18%;bottom:150px;border-radius:30px 30px 18px 18px;
  background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(255,225,235,.62));
  border:2px solid rgba(255,255,255,.78);backdrop-filter:blur(4px)
}
.perfume:before{
  content:"";position:absolute;width:64px;height:36px;left:43px;top:-34px;
  background:linear-gradient(180deg,#c89a63,#9e7145);border-radius:8px 8px 4px 4px
}
.perfume:after{
  content:"K&R\A PARFUM";white-space:pre;position:absolute;inset:0;display:grid;place-content:center;
  text-align:center;font-size:22px;letter-spacing:.16em;color:var(--wine);line-height:1.55
}
.lipstick{
  width:72px;height:210px;left:19%;bottom:128px;border-radius:18px;
  background:linear-gradient(90deg,#6e1432,#9c2a50 48%,#67112c)
}
.lipstick:before{
  content:"";position:absolute;left:12px;right:12px;top:-78px;height:90px;
  background:linear-gradient(135deg,#c34f77,#7d1639);clip-path:polygon(0 23%,100% 0,100% 100%,0 100%);
  border-radius:15px 15px 6px 6px
}
.powder{
  width:175px;height:175px;left:38%;bottom:90px;border-radius:50%;
  background:radial-gradient(circle at 40% 35%,#ffdfea 0 37%,#d98aa8 38% 43%,#8a2347 44% 100%);
}
.box{
  width:125px;height:230px;right:45%;top:110px;border-radius:12px;
  background:linear-gradient(145deg,#fff7fb,#f2bfd1);
  border:1px solid rgba(123,23,54,.12);
  transform:rotate(-8deg)
}
.box:before{
  content:"K&R\A BEAUTÉ";white-space:pre;position:absolute;inset:0;display:grid;place-content:center;
  text-align:center;color:var(--wine);font-weight:700;letter-spacing:.12em;line-height:1.7
}
.small-bottle{
  width:82px;height:130px;right:8%;top:105px;border-radius:20px 20px 14px 14px;
  background:linear-gradient(145deg,#5b102a,#9f3154);
}
.small-bottle:before{
  content:"";position:absolute;width:44px;height:28px;left:19px;top:-27px;border-radius:6px 6px 2px 2px;background:#d7ad75
}
.kr-ribbon{
  position:absolute;right:18px;top:18px;background:var(--wine);color:#fff;padding:10px 16px;border-radius:999px;
  font-family:Arial,sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;z-index:3
}
.kr-footer{
  position:absolute;left:0;right:0;bottom:18px;text-align:center;font-family:Arial,sans-serif;
  font-size:11px;color:rgba(80,39,56,.65);letter-spacing:.08em
}
@media(max-width:860px){
  .kr-page{padding:0}
  .kr-shell{min-height:100vh;border-radius:0;grid-template-columns:1fr}
  .kr-content{padding:46px 24px 34px;min-height:55vh}
  .kr-visual{min-height:45vh}
  .kr-title{margin-top:25px}
  .kr-brand{font-size:52px}
  .kr-clock,.kr-date{min-width:0;flex:1 1 150px;padding:15px 16px}
  #kr-clock{font-size:24px}
  .box{top:50px;right:46%;width:90px;height:165px}
  .perfume{width:112px;height:145px;right:12%;bottom:70px}
  .perfume:before{width:48px;height:28px;left:32px;top:-27px}
  .perfume:after{font-size:15px}
  .lipstick{left:13%;bottom:60px;width:52px;height:150px}
  .lipstick:before{height:65px;top:-56px}
  .powder{width:120px;height:120px;left:36%;bottom:45px}
  .small-bottle{width:62px;height:98px;top:45px;right:7%}
  .small-bottle:before{width:32px;height:20px;left:15px;top:-19px}
}