/* Limondo Glow Score Quiz v1.0.0 */
.lgs-wrap { max-width: 680px; margin: 0 auto; padding: 1rem; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #1e1c18; }

/* HERO */
.lgs-hero { text-align: center; padding: 3rem 1.5rem; background: #1E1C18; border-radius: 20px; margin-bottom: 2rem; position: relative; overflow: hidden; }
.lgs-hero::before { content: ''; position: absolute; top: -60px; right: -60px; width: 220px; height: 220px; background: rgba(154,125,90,0.15); border-radius: 50%; }
.lgs-hero::after { content: ''; position: absolute; bottom: -80px; left: -40px; width: 280px; height: 280px; background: rgba(212,83,126,0.08); border-radius: 50%; }
.lgs-tag { display: inline-block; background: rgba(154,125,90,0.2); color: #C8A97A; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; padding: .35rem 1rem; border-radius: 20px; margin-bottom: 1.2rem; position: relative; z-index: 1; }
.lgs-hero__title { font-size: clamp(2rem, 5vw, 3rem); font-weight: 700; color: #F5F2ED; line-height: 1.15; margin-bottom: 1rem; position: relative; z-index: 1; }
.lgs-hero__title em { color: #D4537E; font-style: normal; }
.lgs-hero__sub { font-size: 14px; color: rgba(245,242,237,0.6); line-height: 1.7; margin-bottom: 1.8rem; position: relative; z-index: 1; }
.lgs-hero__sub-de { font-size: 12px; color: rgba(245,242,237,0.4); }
.lgs-hero__stats { display: flex; align-items: center; justify-content: center; gap: 1.5rem; margin-bottom: 2rem; position: relative; z-index: 1; }
.lgs-stat { text-align: center; }
.lgs-stat__n { display: block; font-size: 1.6rem; font-weight: 700; color: #C8A97A; }
.lgs-stat__l { display: block; font-size: 11px; color: rgba(245,242,237,0.5); line-height: 1.4; }
.lgs-stat__div { width: 1px; height: 36px; background: rgba(245,242,237,0.15); }
.lgs-hero__hint { font-size: 12px; color: rgba(245,242,237,0.35); margin-top: 1rem; position: relative; z-index: 1; }

/* BUTTONS */
.lgs-btn { display: inline-block; cursor: pointer; border: none; font-family: inherit; font-weight: 600; transition: all .2s; }
.lgs-btn--start { background: #D4537E; color: #fff; padding: .9rem 2.2rem; border-radius: 50px; font-size: 15px; position: relative; z-index: 1; }
.lgs-btn--start:hover { background: #993556; transform: translateY(-1px); }
.lgs-btn__de { display: block; font-size: 11px; font-weight: 400; opacity: .75; margin-top: 2px; }
.lgs-btn--ghost { background: transparent; color: #888; border: 1px solid #e0ddd8; padding: .6rem 1.2rem; border-radius: 8px; font-size: 14px; }
.lgs-btn--ghost:hover { background: #f5f2ed; }
.lgs-btn--next { background: #1E1C18; color: #fff; padding: .7rem 1.6rem; border-radius: 8px; font-size: 14px; }
.lgs-btn--next:hover { background: #9A7D5A; }
.lgs-btn--pink { background: #D4537E; color: #fff; padding: .6rem 1.2rem; border-radius: 8px; font-size: 14px; white-space: nowrap; }
.lgs-btn--pink:hover { background: #993556; }

/* QUIZ */
.lgs-quiz { animation: lgsFadeIn .4s ease; }
.lgs-quiz__header { margin-bottom: 1.8rem; }
.lgs-progress-wrap { display: flex; align-items: center; gap: 12px; }
.lgs-progress { flex: 1; height: 4px; background: #e0ddd8; border-radius: 2px; }
.lgs-progress__fill { height: 4px; background: #D4537E; border-radius: 2px; transition: width .5s cubic-bezier(.4,0,.2,1); }
.lgs-progress__label { font-size: 12px; color: #aaa; white-space: nowrap; }

/* QUESTION */
.lgs-question { animation: lgsFadeIn .35s ease; }
.lgs-q-num { font-size: 11px; color: #D4537E; letter-spacing: .1em; text-transform: uppercase; font-weight: 600; margin-bottom: .5rem; }
.lgs-q-text { font-size: 20px; font-weight: 700; color: #1e1c18; line-height: 1.4; margin-bottom: .3rem; }
.lgs-q-sub { font-size: 13px; color: #aaa; margin-bottom: 1.5rem; }
.lgs-options { display: grid; gap: 10px; }
.lgs-opt { background: #fff; border: 1.5px solid #e0ddd8; border-radius: 12px; padding: 1rem 1.2rem; cursor: pointer; text-align: left; transition: all .2s; width: 100%; font-family: inherit; }
.lgs-opt:hover { border-color: #D4537E; background: #fef8f9; transform: translateX(3px); }
.lgs-opt.selected { border-color: #D4537E; background: #fef0f4; }
.lgs-opt.selected .lgs-opt-en::before { content: '✓ '; color: #D4537E; }
.lgs-opt-en { display: block; font-size: 14px; font-weight: 600; color: #1e1c18; }
.lgs-opt-de { display: block; font-size: 12px; color: #aaa; margin-top: 2px; }
.lgs-quiz__nav { display: flex; justify-content: space-between; align-items: center; margin-top: 1.5rem; }

/* RESULT */
.lgs-result { animation: lgsFadeIn .5s ease; }
.lgs-result__top { display: flex; align-items: center; gap: 1.5rem; margin-bottom: 1.5rem; flex-wrap: wrap; }
.lgs-ring-wrap { position: relative; width: 140px; height: 140px; flex-shrink: 0; }
.lgs-ring { width: 140px; height: 140px; }
.lgs-ring__bg { fill: none; stroke: #f0ece6; stroke-width: 10; }
.lgs-ring__fill { fill: none; stroke: #D4537E; stroke-width: 10; stroke-linecap: round; stroke-dasharray: 427; stroke-dashoffset: 427; transition: stroke-dashoffset 1.4s cubic-bezier(.4,0,.2,1); }
.lgs-ring__inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; }
.lgs-ring__num { font-size: 28px; font-weight: 800; color: #1e1c18; line-height: 1; }
.lgs-ring__of { font-size: 13px; color: #aaa; display: block; }
.lgs-result__meta { flex: 1; min-width: 200px; }
.lgs-badge { display: inline-block; background: #fef0f4; color: #993556; font-size: 12px; font-weight: 700; padding: .3rem .9rem; border-radius: 20px; letter-spacing: .05em; margin-bottom: .6rem; }
.lgs-result__title { font-size: 22px; font-weight: 800; color: #1e1c18; margin-bottom: .2rem; }
.lgs-result__title-de { font-size: 14px; color: #aaa; }
.lgs-result__desc { background: #f9f6f2; border-radius: 12px; padding: 1.2rem 1.4rem; margin-bottom: 1.8rem; font-size: 14px; color: #555; line-height: 1.8; }
.lgs-result__desc .lgs-desc-de { font-size: 12px; color: #bbb; margin-top: .5rem; display: block; }

/* PRODUCTS */
.lgs-prods__h { font-size: 14px; font-weight: 700; color: #1e1c18; margin-bottom: .8rem; }
.lgs-prods__h span { font-weight: 400; color: #aaa; }
.lgs-prods { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 1.8rem; }
.lgs-prod { background: #fff; border: 1px solid #e0ddd8; border-radius: 12px; padding: 1rem; text-align: center; text-decoration: none; transition: all .2s; display: block; }
.lgs-prod:hover { border-color: #9A7D5A; transform: translateY(-2px); box-shadow: 0 4px 16px rgba(154,125,90,.12); }
.lgs-prod__icon { font-size: 28px; margin-bottom: .5rem; }
.lgs-prod__cat { font-size: 10px; color: #D4537E; text-transform: uppercase; letter-spacing: .1em; font-weight: 600; margin-bottom: .3rem; }
.lgs-prod__name { font-size: 13px; font-weight: 700; color: #1e1c18; margin-bottom: .2rem; }
.lgs-prod__sub { font-size: 11px; color: #aaa; }

/* EMAIL */
.lgs-email-box { background: #1E1C18; border-radius: 16px; padding: 1.5rem; margin-bottom: 1.8rem; text-align: center; color: #F5F2ED; }
.lgs-email-box__icon { font-size: 2rem; margin-bottom: .6rem; }
.lgs-email-box h3 { font-size: 16px; font-weight: 700; color: #F5F2ED; margin-bottom: .3rem; }
.lgs-email-box p { font-size: 12px; color: rgba(245,242,237,.5); margin-bottom: 1rem; }
.lgs-email-row { display: flex; gap: 8px; max-width: 440px; margin: 0 auto; }
.lgs-input { flex: 1; padding: .65rem 1rem; border: 1px solid rgba(245,242,237,.15); border-radius: 8px; background: rgba(245,242,237,.08); color: #F5F2ED; font-size: 14px; font-family: inherit; }
.lgs-input::placeholder { color: rgba(245,242,237,.3); }
.lgs-email-msg { font-size: 12px; color: #C8A97A; margin-top: .6rem; min-height: 18px; }

/* SHARE */
.lgs-share-section { background: #f9f6f2; border-radius: 16px; padding: 1.5rem; margin-bottom: 1.5rem; text-align: center; }
.lgs-share__h { font-size: 16px; font-weight: 700; color: #1e1c18; margin-bottom: .3rem; }
.lgs-share__h span { font-weight: 400; color: #aaa; }
.lgs-share__sub { font-size: 13px; color: #aaa; margin-bottom: 1.2rem; }
.lgs-share-btns { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.lgs-share { display: inline-flex; align-items: center; gap: 7px; padding: .55rem 1.1rem; border-radius: 50px; font-size: 13px; font-weight: 600; cursor: pointer; border: none; font-family: inherit; transition: all .2s; }
.lgs-share:hover { transform: translateY(-1px); }
.lgs-share--wa { background: #25D366; color: #fff; }
.lgs-share--ig { background: #E1306C; color: #fff; }
.lgs-share--tw { background: #000; color: #fff; }
.lgs-share--fb { background: #1877F2; color: #fff; }
.lgs-share--cp { background: #fff; color: #1e1c18; border: 1px solid #e0ddd8; }
.lgs-copy-msg { font-size: 12px; color: #3B6D11; margin-top: .8rem; min-height: 18px; }

.lgs-result__footer { text-align: center; padding-top: .5rem; }
.lgs-restart { background: none; border: none; font-size: 13px; color: #aaa; cursor: pointer; text-decoration: underline; font-family: inherit; }
.lgs-restart:hover { color: #D4537E; }

@keyframes lgsFadeIn { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 480px) {
  .lgs-hero { padding: 2rem 1rem; }
  .lgs-hero__title { font-size: 1.8rem; }
  .lgs-result__top { flex-direction: column; align-items: flex-start; }
  .lgs-prods { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .lgs-email-row { flex-direction: column; }
}

/* Real product cards */
.lgs-prod__img-wrap { width:100%;aspect-ratio:1;overflow:hidden;border-radius:8px;margin-bottom:.6rem;background:#f9f6f2; }
.lgs-prod__img { width:100%;height:100%;object-fit:cover;transition:transform .3s; }
.lgs-prod:hover .lgs-prod__img { transform:scale(1.04); }
.lgs-prod__price { font-size:13px;font-weight:700;color:#D4537E;margin-top:.3rem; }
.lgs-prods-loading { text-align:center;color:#aaa;font-size:13px;padding:2rem;grid-column:1/-1; }
.lgs-prods-empty { text-align:center;color:#aaa;font-size:13px;grid-column:1/-1; }
.lgs-prods-empty a { color:#D4537E; }