.vanity-intro{text-align:center;padding:2.5rem 0 1.5rem}
.vanity-intro h1{font-size:clamp(1.35rem,3.2vw,1.85rem);font-weight:800;margin-bottom:.6rem;color:#4a4050}
.vanity-intro p{font-size:.92rem;color:#8a7888;max-width:560px;margin:0 auto}

.jewelry-box{padding:2rem 0 3.5rem}
.box-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;max-width:720px;margin:0 auto}
.jewel-slot{
  background:#fff;border-radius:20px;padding:1.35rem 1.3rem;text-align:center;
  border:1px solid rgba(184,224,232,.35);position:relative;overflow:hidden;
}
.jewel-slot::before{
  content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,#e8c8d4,#b8e0e8,#d4c8e8);
}
.jewel-slot.featured{
  grid-column:1/-1;background:linear-gradient(180deg,#fff,#faf6f8);
  border-color:rgba(232,200,212,.5);padding:1.5rem 1.4rem;
}
.jewel-slot.featured::before{height:6px}
.slot-label{font-size:.65rem;font-weight:800;color:#a898a8;letter-spacing:.12em;margin-bottom:.65rem}
.jewel-slot img{margin:0 auto .75rem;max-height:72px;object-fit:contain;border-radius:12px}
.jewel-slot h2{font-size:1rem;font-weight:800;margin-bottom:.4rem;color:#4a4050}
.jewel-slot p{font-size:.84rem;color:#8a7888;line-height:1.6;margin-bottom:.85rem}
.btn-jewel{display:inline-block;background:linear-gradient(135deg,#e8c8d4,#b8e0e8);color:#4a4050!important;padding:.42rem 1rem;font-size:.82rem;font-weight:800;border-radius:999px;text-decoration:none!important}
.btn-jewel:hover{opacity:.92}

.gloss-bar{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem 3rem;padding:1.35rem 0;margin-bottom:2rem;background:#fff;border-radius:20px;border:1px solid rgba(184,224,232,.3);max-width:720px;margin-left:auto;margin-right:auto;margin-bottom:2rem}
.gloss-bar div{text-align:center}
.gloss-bar strong{display:block;font-size:1.15rem;font-weight:900;background:linear-gradient(135deg,#c898a8,#7a9aa8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.gloss-bar span{font-size:.72rem;color:#8a7888}

.vanity-faq{background:rgba(255,255,255,.5)}

@media(max-width:480px){
  .box-grid{grid-template-columns:1fr}
  .jewel-slot.featured{grid-column:1}
}