
/* EMMALASER COLD PLASMA PRODUCT PAGE */
.cpfr {
  --dark:#2b123f;
  --purple:#6c2bd9;
  --soft:#efe7ff;
  --light:#f8f4ff;
  --pink:#d946ef;
  --muted:#6f637a;
  --border:rgba(108,43,217,.16);
  font:16px/1.7 Arial,Helvetica,sans-serif;
  color:#21162d;
  background:#fff;
  max-width:100%;
  overflow:hidden;
  isolation:isolate;
}
.cpfr *{box-sizing:border-box}
.cpfr img{display:block;max-width:100%}
.cpfr a{text-decoration:none}
.cpfr p{margin:0 0 17px}
.cpfr .container{
  width:min(1180px,calc(100% - 36px));
  margin:auto;
}
.cpfr h1,.cpfr h2,.cpfr h3{
  line-height:1.2;
  margin:0 0 15px;
}
.cpfr h1{
  font-size:clamp(34px,5vw,60px);
  color:var(--dark);
}
.cpfr h1 span{color:var(--purple)}
.cpfr h2{
  font-size:clamp(27px,3.8vw,44px);
  color:var(--dark);
}
.cpfr h3{
  font-size:20px;
  color:var(--dark);
}
.cpfr section{padding:65px 0}
.cpfr .kicker{
  color:var(--purple);
  font-size:12px;
  font-weight:800;
  letter-spacing:1.4px;
  text-transform:uppercase;
  margin-bottom:12px;
}
.cpfr .lead{
  font-size:17px;
  color:var(--muted);
}
.cpfr .section-head{
  max-width:800px;
  margin-bottom:32px;
}
.cpfr .center{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.cpfr .hero{
  padding:65px 0 55px;
  background:
  radial-gradient(circle at 10% 10%,#f0e3ff,transparent 40%),
  linear-gradient(130deg,#fff,#f3ebff);
}
.cpfr .hero-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:40px;
  align-items:center;
}
.cpfr .eyebrow{
  display:inline-block;
  padding:8px 15px;
  margin-bottom:20px;
  color:var(--purple);
  border-radius:40px;
  background:#eee4fb;
  font-size:13px;
  font-weight:800;
}
.cpfr .hero-text{
  color:var(--muted);
  font-size:18px;
}
.cpfr .actions{
  display:flex;
  flex-wrap:wrap;
  gap:13px;
  margin:25px 0;
}
.cpfr .btn{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:13px 23px;
  border-radius:40px;
  min-height:46px;
  font-weight:800;
  font-size:14px;
}
.cpfr .btn-primary{
  color:#fff;
  background:linear-gradient(135deg,#6c2bd9,#d946ef);
}
.cpfr .btn-secondary{
  background:#fff;
  color:var(--purple);
  border:1px solid var(--border);
}
.cpfr .badge-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.cpfr .badge-card{
  background:#ffffffcc;
  border:1px solid var(--border);
  border-radius:16px;
  padding:15px;
  color:var(--dark);
  font-size:14px;
  font-weight:800;
}
.cpfr .badge-card small{
  display:block;
  color:var(--muted);
  font-size:12px;
  font-weight:400;
  margin-top:5px;
}
.cpfr .hero-card{
  padding:18px;
  border-radius:30px;
  border:1px solid var(--border);
  background:#fff;
  box-shadow:0 20px 50px #2b123f18;
}
.cpfr .image-box{
  overflow:hidden;
  border-radius:22px;
  background:#fff;
  border:1px solid var(--border);
}
.cpfr .image-box img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.cpfr .square{aspect-ratio:1/1}
.cpfr .ratio43{aspect-ratio:4/3}
.cpfr .ratio32{aspect-ratio:3/2}
.cpfr .two-col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:34px;
  align-items:center;
}
.cpfr .content-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:24px;
  padding:32px;
  box-shadow:0 12px 35px #2b123f0c;
}
.cpfr .content-card p{color:var(--muted)}
.cpfr .features{
  padding:0;
  margin:22px 0 0;
  list-style:none;
  display:grid;
  gap:12px;
}
.cpfr .features li{
  padding-left:28px;
  position:relative;
}
.cpfr .features li:before{
  content:"✓";
  position:absolute;
  left:0;
  color:var(--purple);
  font-weight:900;
}
.cpfr .purple-section{
  background:linear-gradient(125deg,#2b123f,#7027d8);
  color:#fff;
}
.cpfr .purple-section h2,
.cpfr .purple-section .kicker{color:#fff}
.cpfr .purple-section .lead{color:#e5d9f2}
.cpfr .poster-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:35px;
  align-items:center;
}
.cpfr .poster-points{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:25px;
}
.cpfr .poster-point{
  padding:17px;
  background:#ffffff10;
  border:1px solid #ffffff30;
  border-radius:17px;
}
.cpfr .poster-point strong{
  display:block;
  margin-bottom:5px;
}
.cpfr .poster-point span{
  font-size:13px;
  color:#e4dbee;
}
.cpfr .soft-section{background:var(--light)}
.cpfr .principle-grid{
  display:grid;
  gap:14px;
}
.cpfr .principle-item{
  padding:22px;
  border-radius:19px;
  background:#fff;
  border:1px solid var(--border);
}
.cpfr .principle-number{
  display:inline-flex;
  width:34px;
  height:34px;
  justify-content:center;
  align-items:center;
  background:var(--soft);
  border-radius:9px;
  color:var(--purple);
  font-weight:800;
  margin-bottom:12px;
}
.cpfr .principle-item p{
  color:var(--muted);
  font-size:14px;
  margin:0;
}
.cpfr .detail-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.cpfr .detail-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:22px;
  overflow:hidden;
}
.cpfr .detail-body{padding:19px}
.cpfr .detail-body p{
  font-size:14px;
  color:var(--muted);
  margin:0;
}
.cpfr .app-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.cpfr .app-card{
  padding:22px;
  border:1px solid var(--border);
  border-radius:20px;
  background:#fff;
}
.cpfr .app-icon{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:42px;
  height:42px;
  background:var(--soft);
  color:var(--purple);
  border-radius:12px;
  font-weight:800;
  margin-bottom:14px;
}
.cpfr .app-card p{
  color:var(--muted);
  font-size:14px;
  margin:0;
}
.cpfr .wide-image{margin-top:28px}
.cpfr .table-wrap{
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:22px;
  background:#fff;
}
.cpfr table{
  border-collapse:collapse;
  width:100%;
}
.cpfr th,.cpfr td{
  padding:16px 20px;
  text-align:left;
  vertical-align:top;
  border-bottom:1px solid #ece4f2;
}
.cpfr th{
  width:34%;
  background:#fbf8ff;
  color:var(--dark);
}
.cpfr td{color:var(--muted)}
.cpfr tr:last-child th,
.cpfr tr:last-child td{border:0}
.cpfr .ba-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.cpfr .ba-card{
  border-radius:22px;
  border:1px solid var(--border);
  background:#fff;
  overflow:hidden;
}
.cpfr .ba-body{padding:19px}
.cpfr .ba-body p{
  color:var(--muted);
  font-size:14px;
}
.cpfr .notice{
  margin-top:22px;
  padding:18px 20px;
  border:1px solid var(--border);
  border-radius:15px;
  color:#665c77;
  background:#f0e9fc;
  font-size:13px;
}
.cpfr .faq-list{
  display:grid;
  gap:12px;
  max-width:940px;
  margin:auto;
}
.cpfr details{
  background:#fff;
  border:1px solid var(--border);
  border-radius:15px;
  overflow:hidden;
}
.cpfr summary{
  cursor:pointer;
  padding:19px 22px;
  font-weight:800;
  color:var(--dark);
}
.cpfr details[open] summary{
  background:var(--light);
}
.cpfr details p{
  padding:0 22px 20px;
  color:var(--muted);
  margin:0;
}
.cpfr .cta{
  padding:70px 0;
  background:linear-gradient(125deg,#2b123f,#6c2bd9);
  color:#fff;
  text-align:center;
}
.cpfr .cta h2{color:#fff}
.cpfr .cta p{
  color:#e7ddf1;
  font-size:17px;
  max-width:730px;
  margin:0 auto 25px;
}
.cpfr .footer-note{
  padding:22px;
  text-align:center;
  font-size:13px;
  color:var(--muted);
}
@media(max-width:980px){
  .cpfr .hero-grid,
  .cpfr .two-col,
  .cpfr .poster-grid{grid-template-columns:1fr}
  .cpfr .app-grid{grid-template-columns:1fr 1fr}
  .cpfr .ba-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .cpfr .container{width:calc(100% - 28px)}
  .cpfr section{padding:45px 0}
  .cpfr .hero{padding:42px 0}
  .cpfr .content-card{padding:22px}
  .cpfr .badge-row,
  .cpfr .detail-grid,
  .cpfr .app-grid,
  .cpfr .poster-points{grid-template-columns:1fr}
  .cpfr th,.cpfr td{
    display:block;
    width:100%;
    padding:13px 16px;
  }
  .cpfr th{border-bottom:0}
  .cpfr .actions{flex-direction:column}
  .cpfr .btn{width:100%}
}
