/* LEETOP R5.1.3.9.1 — Real Beauty & Fragrance Samples showcase
   Uses native Manrope typography. Real showcase remains early as production proof; Start From Where You Are is moved before the RFQ.
   Desktop video is intentionally full width so real production footage is easy to inspect. */
.real-showcase-section{padding-top:76px;padding-bottom:76px}
.real-showcase-shell{display:block}
.real-showcase-copy{max-width:880px;margin-bottom:28px}
.real-showcase-copy h2{margin-bottom:20px}
.real-showcase-copy>p:not(.eyebrow){font-size:15px;line-height:1.75;max-width:760px}
.real-showcase-points{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 24px}
.real-showcase-points span{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--navy);font-size:11px;font-weight:600;letter-spacing:.035em;line-height:1.45}
.real-showcase-note{font-size:13px!important;line-height:1.7!important;margin:16px 0 0!important;color:var(--muted)!important;max-width:760px!important}
.real-showcase-media{position:relative;width:100%;margin-top:26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);overflow:hidden;box-shadow:0 8px 28px rgba(20,39,59,.06)}
.real-showcase-media video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:var(--paper);object-fit:contain}
.real-case-gallery-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:46px;margin-bottom:24px}
.real-case-gallery-head h3{margin:0}
.real-case-gallery-head p{max-width:540px;margin:0;font-size:13px;line-height:1.7;text-align:right}
.real-case-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.real-case-card{margin:0;min-width:0}
.real-case-photo{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4/3;background:var(--paper);overflow:hidden}
.real-case-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.real-case-badge{position:absolute;z-index:2;left:9px;top:9px;padding:6px 8px;border-radius:3px;background:rgba(20,39,59,.88);color:#fff;font-size:8px;font-weight:600;letter-spacing:.025em;line-height:1.35}
.real-case-card>.card-copy{width:100%}
.real-case-card>.card-copy p{margin-bottom:0}
.real-case-footnote{margin:18px 0 0;color:var(--muted);font-size:12px;line-height:1.7}
.real-showcase-section .box-reference-label{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
@media(max-width:980px){
  .real-showcase-copy{max-width:none}
  .real-case-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .real-case-gallery-head{align-items:flex-start;flex-direction:column;gap:8px}
  .real-case-gallery-head p{text-align:left}
}
@media(max-width:700px){
  .real-showcase-section{padding-top:46px;padding-bottom:46px}
  .real-showcase-copy{max-width:none;margin-bottom:22px}
  .real-showcase-copy h2{font-size:28px}
  .real-showcase-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:none}
  .real-showcase-points{gap:7px;margin-bottom:20px}
  .real-showcase-points span{min-height:30px;padding:6px 9px;font-size:10px}
  .real-showcase-note{font-size:12px!important;max-width:none!important}
  .real-showcase-media{margin-top:20px;border-radius:10px}
  .real-case-gallery-head{margin-top:34px;margin-bottom:18px}
  .real-case-gallery-head h3{font-size:21px}
  .real-case-gallery-head p{font-size:13px}
  .real-case-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
  .real-case-card>.card-copy{padding:15px 12px}
  .real-case-card>.card-copy h3{font-size:15px;margin-bottom:8px}
  .real-case-card>.card-copy p{font-size:11px;line-height:1.65}
  .real-case-badge{left:5px;top:5px;padding:4px 5px;font-size:6.7px;letter-spacing:0}
  .real-case-footnote{font-size:11px}
}
@media(max-width:360px){
  .real-case-gallery{gap:10px}
  .real-case-card>.card-copy{padding:13px 10px}
  .real-case-card>.card-copy h3{font-size:14px}
}