/* ===== GEMMA CRIST · sistem de design comun (pagini landing) ===== */
:root{
  --deep:#6B4E7D; --mauve:#9B6B8A; --soft:#C89BB8; --mist:#E8D5E0;
  --bordeaux:#6B2C3C; --bordeaux-l:#8A3A4E; --cream:#FAF5EF; --warm:#F3E8D9;
  --gold:#A87C4A; --gold-text:#8A6238; --body:#352a45; --text:#2f253d; --light:#4d4060; --white:#FFFFFF;
  --sage:#5e7257; --sage-d:#445236; --sage-mist:#dde6d6; --rose:#b06b86; --blush:#f6e7eb;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Outfit',sans-serif;color:var(--body);background:var(--cream);line-height:1.8;font-weight:400;font-size:18px;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;font-weight:500;line-height:1.22;letter-spacing:-.01em}
em{font-style:italic;color:var(--bordeaux);font-weight:600}
a{color:inherit}

/* NAV minimal pentru landing */
.site-header{position:sticky;top:0;z-index:50;background:rgba(250,245,239,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--mist);padding:14px 0}
.site-header-inner{max-width:1120px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.site-header .logo{font-family:'Cormorant Garamond',serif;font-size:1.35rem;font-weight:600;color:var(--deep);text-decoration:none}
.site-header .logo span{color:var(--bordeaux)}
.site-nav-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:center}
.site-nav-links a{color:var(--body);text-decoration:none;font-size:.88rem;transition:color .2s}
.site-nav-links a:hover{color:var(--bordeaux)}
.site-nav-links a.nav-cta{background:var(--bordeaux);color:#fff;padding:8px 16px;border-radius:6px;font-weight:600}
.site-nav-links a.nav-cta:hover{background:var(--bordeaux-l);color:#fff}
@media(max-width:700px){.site-nav-links a:not(.nav-cta){display:none}}

/* benzi */
.lp-band{padding:58px 0}
.lp-hero{padding:48px 0 56px;background:var(--cream)}
.lp-band-white{background:#fff}
.lp-band-soft{background:var(--warm)}
.lp-band-sage{background:var(--sage-mist)}
.lp-band-blush{background:var(--blush)}
.lp-w{max-width:1040px;margin:0 auto;padding:0 28px}
.lp-narrow{max-width:760px;margin:0 auto;padding:0 28px}
.lp-label{font-size:.8rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-text);margin-bottom:12px}

/* hero */
.lp-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;max-width:1040px;margin:0 auto;padding:0 28px}
.lp-eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-text);margin-bottom:14px;display:block}
.lp-hero-h1{font-size:clamp(2rem,4vw,3rem);color:var(--deep);line-height:1.18;margin-bottom:18px}
.lp-sub2{font-size:1.2rem;color:var(--body);line-height:1.7;margin-bottom:26px}
.lp-hero-photo{border-radius:14px;overflow:hidden;box-shadow:0 22px 54px rgba(107,44,60,.18);aspect-ratio:4/5}
.lp-hero-photo img{width:100%;height:100%;object-fit:cover}

/* butoane */
.lp-cta{display:inline-block;background:var(--bordeaux);color:#fff;padding:15px 34px;border-radius:7px;font-weight:600;font-size:1.02rem;text-decoration:none;transition:all .3s}
.lp-cta:hover{background:var(--bordeaux-l);transform:translateY(-2px);box-shadow:0 8px 22px rgba(107,44,60,.22)}
.lp-cta-full{display:block;width:100%;text-align:center;box-sizing:border-box}
.lp-hero .lp-cta{display:block;width:100%;text-align:center;box-sizing:border-box}
.lp-cta-note{font-size:.9rem;color:var(--light);font-style:italic;margin-top:12px;text-align:center}

/* titluri sectiuni */
.lp-h2{font-size:clamp(1.6rem,3vw,2.2rem);color:var(--deep);margin-bottom:16px;line-height:1.25}
.lp-introline{font-size:1.1rem;color:var(--body);line-height:1.7;max-width:62ch}
.lp-deep{font-size:1.14rem;color:var(--body);line-height:1.8;margin-bottom:22px}

/* recunoastere - carduri feminine */
.lp-recog{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.lp-recog li{position:relative;background:var(--blush);border:1px solid #ecd2da;border-radius:14px;padding:18px 22px 18px 54px;color:var(--text);line-height:1.6;font-size:1.1rem;transition:transform .25s,box-shadow .25s}
.lp-recog li:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(176,107,134,.12)}
.lp-recog li::before{content:'\2740';position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--rose);font-size:1.15rem}
.lp-close{margin-top:22px;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.22rem;color:var(--bordeaux);line-height:1.45}

/* ce primesti */
.lp-deliver{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.lp-d{display:flex;gap:12px;align-items:flex-start}
.lp-d span{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.5rem;color:var(--sage);line-height:1}
.lp-d p{margin:0;color:var(--text);font-size:.98rem;line-height:1.55}
.lp-d h4{font-size:1.05rem;color:var(--deep);margin-bottom:2px}

/* carduri benefit (titlu+desc) */
.lp-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}
.lp-card{background:#fff;border-radius:12px;padding:26px 24px;box-shadow:0 3px 12px rgba(107,78,125,.06)}
.lp-card h3{font-size:1.25rem;color:var(--bordeaux);font-style:italic;margin-bottom:8px}
.lp-card p{font-size:1.04rem;color:var(--text);line-height:1.6;margin:0}

/* quote band */
.lp-quote{text-align:center;padding:60px 0}
.lp-quote p{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(1.4rem,3vw,1.95rem);line-height:1.4;max-width:24ch;margin:0 auto}
.lp-quote.sage{background:var(--sage-mist)}.lp-quote.sage p{color:var(--sage-d)}
.lp-quote.deep{background:var(--deep)}.lp-quote.deep p{color:var(--cream)}

/* testimoniale */
.lp-testi-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:26px}
.lp-tc{background:#fff;border:1px solid #ecdde2;border-radius:12px;padding:28px 26px;box-shadow:0 6px 20px rgba(107,78,125,.1)}
.lp-tc p{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.22rem;color:var(--text);line-height:1.5;margin-bottom:14px}
.lp-who{font-size:.85rem;font-weight:600;color:var(--bordeaux);letter-spacing:.08em}

/* despre */
.lp-about{display:flex;gap:28px;align-items:flex-start;text-align:left}
.lp-about img{width:190px;height:190px;border-radius:50%;object-fit:cover;object-position:center 22%;flex-shrink:0;box-shadow:0 10px 26px rgba(107,44,60,.16)}
.lp-ab-txt{color:var(--body);line-height:1.7;margin:0 0 14px}
.lp-ab-quote{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.2rem;color:var(--bordeaux);line-height:1.5;border-left:3px solid var(--rose);padding-left:18px;margin:18px 0 12px}
.lp-ab-sign{font-family:'Cormorant Garamond',serif;font-size:1.04rem;font-weight:600;color:var(--deep);margin:0}

/* acordeon */
.faq-item{border-bottom:1px solid var(--mist)}
.faq-q{width:100%;text-align:left;background:none;border:none;cursor:pointer;font-family:'Cormorant Garamond',serif;font-size:1.18rem;color:var(--deep);padding:20px 36px 20px 0;position:relative;display:block;line-height:1.35}
.faq-q::after{content:'+';position:absolute;right:6px;top:18px;font-size:1.5rem;color:var(--sage);transition:transform .3s;line-height:1}
.faq-item.open .faq-q::after{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease}
.faq-item.open .faq-a{max-height:320px;padding-bottom:20px}
.faq-a p{color:var(--body);font-size:.98rem;line-height:1.6;margin:0}

/* acordeon tipare (cele 6) */
.pat-acc{display:grid;gap:12px;margin-top:24px}
.pat-item{background:#fff;border:1px solid #ecdfe4;border-radius:13px;overflow:hidden;box-shadow:0 3px 12px rgba(107,78,125,.06)}
.pat-item.open{box-shadow:0 10px 28px rgba(107,78,125,.12)}
.pat-head{width:100%;text-align:left;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:20px 52px 20px 24px;position:relative}
.pat-head .pn{font-family:'Cormorant Garamond',serif;font-size:1.22rem;color:var(--mauve)}
.pat-head .par{color:var(--sage);font-weight:700}
.pat-head .pg{font-family:'Cormorant Garamond',serif;font-size:1.28rem;font-style:italic;font-weight:600;color:var(--bordeaux)}
.pat-head::after{content:'+';position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--sage);line-height:1;transition:transform .3s}
.pat-item.open .pat-head::after{transform:translateY(-50%) rotate(45deg)}
.pat-body{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;padding:0 24px}
.pat-item.open .pat-body{max-height:600px;padding:0 24px 22px}
.pat-body .blk{margin-top:16px;padding-top:16px;border-top:1px solid #f1e6ea}
.pat-body .blk:first-child{border-top:none;padding-top:0}
.pat-body .blk h4{font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-text);margin-bottom:6px}
.pat-body .blk p{color:var(--body);line-height:1.65;margin:0;font-size:1rem}

/* footer */
.lp-footer{background:var(--deep);padding:40px 0 28px;text-align:center}
.lp-footer .fl{font-family:'Cormorant Garamond',serif;font-size:1.2rem;color:var(--cream);margin-bottom:8px}
.lp-footer .ft{font-family:'Cormorant Garamond',serif;font-size:.9rem;color:var(--mist);font-style:italic;margin-bottom:16px}
.lp-footer .links a{color:var(--mist);text-decoration:none;font-size:.82rem;margin:0 10px}
.lp-footer .links a:hover{color:var(--cream)}
.lp-footer .cp{font-size:.8rem;color:rgba(200,155,184,.5);margin-top:14px}

a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}

@media(max-width:820px){
  .lp-hero-grid{grid-template-columns:1fr;gap:30px}
  .lp-hero-photo{max-width:340px;margin:0 auto;order:-1}
  .lp-testi-grid{grid-template-columns:1fr}
  .lp-cards{grid-template-columns:1fr}
}
@media(max-width:540px){
  .lp-deliver{grid-template-columns:1fr}
  .lp-about{flex-direction:column;align-items:center;text-align:center}
  .lp-band{padding:44px 0}
}

.logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none}
.logo-mark{height:34px;width:auto;display:block}
.logo-txt{font-family:'Cormorant Garamond',serif;font-size:1.32rem;font-weight:600;color:var(--deep);letter-spacing:.03em;line-height:1}

.lh{color:var(--bordeaux);font-size:.84em;vertical-align:1px}