/* ============ WA HERO ============ */
.wahero{position:relative;padding:calc(var(--h-head) + 46px) 0 72px;background:#fff;overflow:hidden;text-align:center}
.wahero .hero-mesh .h1b{top:-200px;right:8%}
.wahero .hero-mesh .h2b{bottom:-180px;left:4%}
.wahero .inner{position:relative;z-index:2;max-width:min(1200px, 94vw);margin:0 auto}
.wahero h1{font-size:clamp(2rem,4.8vw,3.5rem);margin-bottom:16px;letter-spacing:-.03em;line-height:1.08}
.wahero h1 .grad{background:linear-gradient(110deg,var(--blue),var(--blue-deep));-webkit-background-clip:text;background-clip:text;color:transparent}
.wahero .sub{font-size:1.1rem;color:var(--slate);max-width:600px;margin:0 auto 28px}
.wahero .hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.wa-stage{position:relative;max-width:min(1240px, 96vw);height:680px;margin:46px auto 0;z-index:2}
.wa-card{position:absolute;width:282px;will-change:transform}
.wa-tag{position:absolute;top:-15px;left:50%;transform:translateX(-50%);z-index:8;font-size:.7rem;font-weight:700;color:#fff;background:var(--blue);border-radius:999px;padding:5px 14px;white-space:nowrap;box-shadow:0 8px 18px rgba(24,104,251,.45)}
.phone-body{position:relative;background:linear-gradient(160deg,#121a2c,#070b16);border-radius:42px;padding:9px;box-shadow:0 30px 70px rgba(24,104,251,.26),0 0 0 6px #eef4ff;animation:floaty 6s ease-in-out infinite}
.phone-body .notch{position:absolute;top:15px;left:50%;transform:translateX(-50%);width:74px;height:19px;background:#070b16;border-radius:999px;z-index:6}
.phone-screen{border-radius:34px;overflow:hidden;background:#e7ded4;display:flex;flex-direction:column;aspect-ratio:1290/2796}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.wa-head {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 32px 10px 10px;
  background: linear-gradient(135deg, #1f9d76, #0e6b53);
  color: #fff;
  flex: 0 0 auto;
}
.vtick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
.vtick svg {
  width: 15px;
  height: 15px;
}
.wa-head .back {
  display: flex;
  align-items: center;
  opacity: 0.85;
  cursor: pointer;
  margin-right: -2px;
}
.wa-head .back svg {
  width: 15px;
  height: 15px;
}
.wa-head .wav {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.wa-head .wn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  flex: 1;
  margin-left: 2px;
  line-height: 1.25;
}
.wa-head .wn b {
  font-size: 0.78rem;
  font-family: var(--font-head);
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 3px;
  min-width: 0;
}
.wa-head .wn b .wn-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wa-head .wn span {
  font-size: 0.58rem;
  opacity: 0.85;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wa-chat{flex:1;min-height:0;padding:14px 12px;background:#e7ded4;display:flex;flex-direction:column;justify-content:flex-end;gap:7px}
.wa-b{max-width:84%;padding:8px 11px;border-radius:11px;font-size:.76rem;line-height:1.36;box-shadow:0 1px 3px rgba(15,23,42,.12);opacity:0;transform:translateY(7px);transition:opacity .35s,transform .35s}
.wa-b.show{opacity:1;transform:none}
.wa-b.in{align-self:flex-start;background:#fff;color:var(--ink);border-top-left-radius:4px}
.wa-b.out{align-self:flex-end;background:#d9fdd3;color:#0b3d12;border-top-right-radius:4px}
.wa-b.btn{align-self:stretch;background:#fff;border:1px solid var(--blue-18);text-align:center;color:var(--blue);font-weight:700;max-width:100%;font-size:.76rem;cursor:pointer}
.wa-badge{position:absolute;z-index:7;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:9px 13px;box-shadow:var(--shadow-blue);animation:floaty 5.4s ease-in-out infinite}
.wa-badge .bi{width:32px;height:32px;border-radius:99px;background:var(--blue-08);color:var(--blue);display:grid;place-items:center;flex:0 0 auto}
.wa-badge .bi svg{width:17px;height:17px}
.wa-badge b{font-family:var(--font-head);font-size:.96rem;color:var(--ink);line-height:1;display:block}
.wa-badge span{font-size:.58rem;font-weight:700;letter-spacing:.05em;color:var(--slate);text-transform:uppercase}
.wa-badge.b1{top:64px;left:-52px;animation-delay:.4s}
.wa-badge.b2{bottom:96px;right:-52px;animation-delay:1.1s}
.wa-card.c-center{width:282px;left:50%;top:14px;transform:translateX(-50%);z-index:4}
.wa-card.c-center .phone-body{animation-delay:.3s}
.wa-card.c-left{width:282px;left:0%;top:42px;transform:rotate(-6deg);z-index:2}
.wa-card.c-left .phone-body{animation-delay:.8s}
.wa-card.c-right{width:282px;right:0%;top:42px;transform:rotate(6deg);z-index:2}
.wa-card.c-right .phone-body{animation-delay:1.3s}

/* ============ WA BENEFITS ============ */
.wabenefits{background:var(--bg-tint)}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:54px}
.stat3{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:28px 22px;text-align:center;transition:.3s;position:relative;overflow:hidden}
.stat3::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,var(--blue-08),transparent 60%);opacity:0;transition:.3s}
.stat3:hover{transform:translateY(-6px);box-shadow:var(--shadow-blue);border-color:var(--blue-18)}
.stat3:hover::before{opacity:1}
.stat3 .si{width:56px;height:56px;border-radius:16px;background:var(--blue-08);color:var(--blue);display:grid;place-items:center;margin:0 auto 16px;position:relative;transition:.3s}
.stat3:hover .si{transform:scale(1.08)}
.stat3 .si svg{width:28px;height:28px}
.stat3 .num{font-family:var(--font-head);font-weight:800;font-size:2.3rem;color:var(--blue);letter-spacing:-.03em;line-height:1;position:relative}
.stat3 .lbl{color:var(--slate);font-size:.88rem;margin-top:8px;position:relative}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:46px}
.bcard{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:26px;transition:.3s;position:relative;overflow:hidden}
.bcard::after{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--blue),var(--blue-deep));transition:width .4s}
.bcard:hover{transform:translateY(-6px);box-shadow:var(--shadow-blue);border-color:var(--blue-18)}
.bcard:hover::after{width:100%}
.bcard .bi{width:48px;height:48px;border-radius:13px;background:var(--blue-08);color:var(--blue);display:grid;place-items:center;margin-bottom:15px}
.bcard .bi svg{width:24px;height:24px}
.bcard h4{font-size:1.08rem;margin-bottom:8px}
.bcard p{color:var(--slate);font-size:.9rem;margin-bottom:14px}
.bcard .more{font-size:.84rem;font-weight:700;color:var(--blue);display:inline-flex;align-items:center;gap:6px;transition:gap .2s}
.bcard:hover .more{gap:9px}
.center-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ============ HOW IT WORKS (sticky scroll) ============ */
.howitworks{background:#fff}
.hiw-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:50px;align-items:start}
.hiw-steps{display:flex;flex-direction:column;gap:30px}
.hiw-step{min-height:74vh;display:flex;flex-direction:column;justify-content:center}
.hiw-step .stepno{display:inline-flex;align-items:center;gap:10px;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:14px}
.hiw-step .stepno b{width:30px;height:30px;border-radius:999px;background:var(--blue);color:#fff;display:grid;place-items:center;font-family:var(--font-head);font-size:.85rem}
.hiw-step h3{font-size:clamp(1.4rem,2.6vw,1.85rem);margin-bottom:12px}
.hiw-step>p{color:var(--slate);font-size:1.02rem;margin-bottom:18px}
.hiw-points{display:flex;flex-direction:column;gap:10px}
.hiw-points li{display:flex;align-items:flex-start;gap:9px;font-size:.92rem;color:var(--ink);font-weight:500}
.hiw-points li svg{width:18px;height:18px;color:var(--blue);flex:0 0 auto;margin-top:2px}
.hiw-mini{margin-top:22px;display:none}
.hiw-stickywrap{position:sticky;top:calc(var(--h-head) + 26px)}
.hiw-demo{position:relative;background:linear-gradient(160deg,#f7faff,#eef4ff);border:1px solid var(--blue-12);border-radius:18px;box-shadow:var(--glow);overflow:hidden;aspect-ratio:5/4.2}
.hiw-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:#fff;border-bottom:1px solid var(--line)}
.hiw-bar i{width:11px;height:11px;border-radius:50%;background:var(--blue-18);display:inline-block}
.hiw-bar i:first-child{background:#ff5f57}.hiw-bar i:nth-child(2){background:#febc2e}.hiw-bar i:nth-child(3){background:#28c840}
.hiw-bar span{margin-left:8px;font-size:.74rem;color:var(--slate);font-family:var(--font-mono)}
.hiw-screen{position:relative;width:100%;height:calc(100% - 45px)}
.hiw-scene{position:absolute;inset:0;padding:24px;opacity:0;transform:translateY(14px) scale(.98);transition:opacity .5s,transform .5s;pointer-events:none;display:flex;flex-direction:column;gap:12px;justify-content:center}
.hiw-scene.active{opacity:1;transform:none;pointer-events:auto}
.cursor{position:absolute;width:20px;height:20px;z-index:9;color:var(--ink);animation:curmove 3.6s ease-in-out infinite}
.cursor svg{width:20px;height:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}
@keyframes curmove{0%,100%{transform:translate(20px,20px)}40%{transform:translate(120px,90px)}50%{transform:translate(120px,90px) scale(.85)}60%{transform:translate(120px,90px)}}
.demo-pill{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 14px;font-size:.84rem;font-weight:600;color:var(--ink);box-shadow:var(--shadow-soft)}
.demo-pill.blue{background:var(--blue);color:#fff;border-color:var(--blue)}
.demo-pill svg{width:16px;height:16px}
.demo-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:var(--shadow-soft);display:flex;gap:12px;align-items:center}
.demo-card .thumb{width:46px;height:46px;border-radius:10px;background:var(--blue-08);display:grid;place-items:center;color:var(--blue);flex:0 0 auto}
.demo-card .thumb svg{width:24px;height:24px}
.demo-card .ln{height:8px;border-radius:4px;background:var(--blue-12);margin-bottom:7px}
.demo-line{height:9px;border-radius:5px;background:var(--blue-12)}
.demo-line.s{width:50%}.demo-line.m{width:75%}
.verify{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;font-weight:700;color:#16a34a}
.verify svg{width:16px;height:16px}
.integ-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.integ{background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px 8px;text-align:center;font-size:.72rem;font-weight:600;color:var(--slate)}
.integ .ic{width:34px;height:34px;border-radius:99px;background:var(--blue-08);color:var(--blue);display:grid;place-items:center;margin:0 auto 7px}
.integ .ic svg{width:18px;height:18px}
.agent-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:11px 13px}
.agent-row .ava{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue-deep));color:#fff;display:grid;place-items:center;font-weight:800;font-size:.78rem;font-family:var(--font-head);flex:0 0 auto}
.agent-row .at{flex:1;font-size:.82rem;font-weight:600;color:var(--ink)}
.agent-row .badge{font-size:.66rem;font-weight:700;color:var(--blue);background:var(--blue-08);border-radius:999px;padding:3px 9px}

/* ============ PRICING TEASER ============ */
.waprice{background:var(--bg-tint)}
.price-card{max-width:min(960px, 94vw);margin:0 auto;background:#fff;border:1px solid var(--blue-12);border-radius:20px;box-shadow:var(--shadow-blue);padding:42px;text-align:center}
.price-card h2{font-size:clamp(1.5rem,3vw,2.1rem);margin-bottom:14px}
.price-card p{color:var(--slate);font-size:1rem;max-width:560px;margin:0 auto 24px}
.price-card .note{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;color:var(--blue);background:var(--blue-08);border-radius:999px;padding:7px 15px;margin-bottom:22px}
.price-card .note svg{width:15px;height:15px}
.price-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ============ COMPARISON ============ */
.wacompare{background:#fff}
.wacompare .cmp-head2{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:min(960px, 94vw);margin:0 auto 26px}
.wacompare .cmp-h{border-radius:14px;padding:18px;text-align:center;font-family:var(--font-head);font-weight:700}
.wacompare .cmp-h.basic{background:#f1f5f9;border:1px solid var(--line);color:var(--slate)}
.wacompare .cmp-h.api{background:linear-gradient(135deg,var(--blue),var(--blue-deep));color:#fff;box-shadow:var(--shadow-blue)}
.wacompare .cmp-h small{display:block;font-family:var(--font-body);font-weight:600;font-size:.74rem;opacity:.85;margin-top:3px}
.wacompare .cmp-list{max-width:min(960px, 94vw);margin:0 auto}
.wacompare .cmp-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 16px;margin-bottom:10px;opacity:0;transform:translateY(16px);transition:opacity .5s,transform .5s}
.wacompare .cmp-row.in{opacity:1;transform:none}
.wacompare .cmp-side{display:flex;align-items:center;gap:8px;font-size:.86rem;font-weight:600}
.wacompare .cmp-side.l{color:var(--slate);justify-content:flex-start}
.wacompare .cmp-side.r{color:var(--ink);justify-content:flex-end;text-align:right}
.wacompare .cmp-x{width:22px;height:22px;border-radius:50%;background:var(--fail-bg);color:var(--fail);display:grid;place-items:center;flex:0 0 auto}
.wacompare .cmp-c{width:22px;height:22px;border-radius:50%;background:var(--ok-bg);color:var(--ok);display:grid;place-items:center;flex:0 0 auto}
.wacompare .cmp-x svg,.wacompare .cmp-c svg{width:13px;height:13px}
.wacompare .cmp-feat{font-size:.72rem;font-weight:700;color:var(--blue);background:var(--blue-08);border-radius:999px;padding:4px 12px;white-space:nowrap;text-align:center}
.wacompare .cmp-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:min(1100px, 94vw);margin:44px auto 0}
.wacompare .cmp-ben{display:flex;align-items:center;gap:9px;background:var(--bg-tint);border:1px solid var(--line);border-radius:12px;padding:13px 15px;font-size:.86rem;font-weight:600;color:var(--ink)}
.wacompare .cmp-ben svg{width:18px;height:18px;color:var(--ok);flex:0 0 auto}

/* ============ WA RESPONSIVE ============ */
@media(max-width:1024px){
  .wa-stage{height:auto;display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:30px 14px 14px;-ms-overflow-style:none;scrollbar-width:none}
  .wa-stage::-webkit-scrollbar{display:none}
  .wa-card{position:static!important;transform:none!important;flex:0 0 282px!important;width:282px!important;max-width:282px!important;scroll-snap-align:center;margin:0 auto}
  .wa-card .phone-body{animation-delay:0s!important}
  .wa-badge{display:none}
  .stat-row{grid-template-columns:repeat(2,1fr)}
  .benefit-grid{grid-template-columns:repeat(2,1fr)}
  .hiw-grid{grid-template-columns:1fr;gap:0}
  .hiw-step{min-height:auto;margin-bottom:8px}
  .hiw-stickywrap{display:none}
  .hiw-mini{display:block}
  .wacompare .cmp-benefits{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .stat-row{grid-template-columns:1fr;gap:12px}
  .benefit-grid{grid-template-columns:1fr}
  .wa-card{width:auto!important}
  .stat3{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:12px!important;padding:24px 20px!important}
  .stat3 .si{margin:0 auto 6px!important}
  .wacompare .cmp-head2{grid-template-columns:1fr 1fr;gap:10px}
  .wacompare .cmp-h{padding:12px;font-size:.9rem}
  .wacompare .cmp-row{grid-template-columns:1fr;gap:8px;text-align:center}
  .wacompare .cmp-side.l,.wacompare .cmp-side.r{justify-content:center;text-align:center}
  .wacompare .cmp-feat{order:-1;margin:0 auto}
  .wacompare .cmp-benefits{grid-template-columns:1fr}
  .price-card{padding:28px 20px}
}

/* Header action buttons styling */
.wa-head-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  opacity: 0.85;
}
.wa-head-actions svg {
  cursor: pointer;
  transition: opacity 0.2s;
}
.wa-head-actions svg:hover {
  opacity: 1;
}

/* FlyAway Card styling */
.wa-template-card {
  align-self: flex-start;
  width: 90%;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12);
  margin-bottom: 4px;
}
.wa-template-img {
  position: relative;
  width: 100%;
  aspect-ratio: 1.1;
}
.wa-template-info {
  padding: 10px 12px;
}
.wa-template-info h4 {
  font-size: 0.82rem;
  font-family: var(--font-head);
  font-weight: 800;
  color: var(--ink);
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.wa-template-info p {
  font-size: 0.72rem;
  color: var(--slate);
  line-height: 1.36;
  margin-bottom: 4px;
}
.wa-template-time {
  text-align: right;
  font-size: 0.58rem;
  color: var(--slate-light);
  margin-top: 4px;
}
.wa-template-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-top: 1px solid var(--line);
  background: #fff;
  color: #0066cc;
  font-weight: 700;
  font-size: 0.76rem;
  padding: 9px 12px;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s;
}
.wa-template-btn:hover {
  background: #fbfcfe;
}

/* WhatsApp Input Bar styling */
.wa-input-bar {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  background: #f0f2f5;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  flex: 0 0 auto;
}
.wa-input-box {
  flex: 1;
  background: #fff;
  border-radius: 20px;
  display: flex;
  align-items: center;
  padding: 6px 12px;
  gap: 8px;
}
.wa-input-box svg {
  width: 15px;
  height: 15px;
  color: var(--slate);
  flex: 0 0 auto;
}
.wa-input-box span {
  flex: 1;
  font-size: 0.72rem;
  color: var(--slate-light);
  user-select: none;
}
.wa-mic-btn {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #00a884;
  color: #fff;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
}
.wa-mic-btn svg {
  width: 14px;
  height: 14px;
}

/* Group chat styling */
.wa-group-sender {
  font-size: 0.64rem;
  font-weight: 700;
  margin-bottom: 2px;
  display: block;
}
.wa-group-sender.sales { color: #e65100; }
.wa-group-sender.marketing { color: #0288d1; }
.wa-group-sender.leadership { color: #7b1fa2; }

.wa-system-card {
  align-self: center;
  background: #eef7ff;
  border-left: 3px solid var(--blue);
  border-radius: 6px;
  padding: 8px 10px;
  font-size: 0.68rem;
  line-height: 1.35;
  color: var(--navy);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
  margin: 4px 0;
  max-width: 90%;
}
.wa-system-card b {
  display: block;
  font-family: var(--font-head);
  margin-bottom: 2px;
}

/* Catalog views styling */
.wa-catalog-screen {
  flex: 1;
  background: #f8f9fa;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.wa-catalog-header {
  padding: 10px 14px;
  background: #fff;
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wa-catalog-header h4 {
  font-size: 0.84rem;
  font-family: var(--font-head);
  font-weight: 800;
  color: var(--ink);
}
.wa-catalog-header .cart {
  color: var(--slate);
}
.wa-catalog-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 10px;
  overflow-y: auto;
}
.wa-catalog-item {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.2s;
  cursor: pointer;
}
.wa-catalog-item:hover {
  transform: translateY(-2px);
}
.wa-catalog-item-img {
  position: relative;
  width: 100%;
  aspect-ratio: 1.35;
}
.wa-catalog-item-info {
  padding: 6px 8px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.wa-catalog-item-info b {
  font-size: 0.7rem;
  color: var(--ink);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wa-catalog-item-info span {
  font-size: 0.65rem;
  color: #00a884;
  font-weight: 700;
}

/* Product Detail view inside Phone 3 */
.wa-product-detail {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #fff;
  overflow-y: auto;
}
.wa-product-img {
  position: relative;
  width: 100%;
  aspect-ratio: 1.25;
}
.wa-product-info {
  padding: 14px 14px 20px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  border-bottom: 8px solid #f0f2f5;
}
.wa-product-info h3 {
  font-size: 0.94rem;
  font-family: var(--font-head);
  font-weight: 800;
  color: var(--ink);
}
.wa-product-info .price {
  font-size: 0.9rem;
  color: #00a884;
  font-weight: 700;
}
.wa-product-info p {
  font-size: 0.72rem;
  color: var(--slate);
  line-height: 1.4;
}
.wa-product-actions {
  padding: 10px 14px;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: auto;
}
.wa-product-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: 10px;
  border-radius: 20px;
  font-size: 0.76rem;
  font-weight: 700;
  cursor: pointer;
  border: none;
  transition: opacity 0.2s;
}
.wa-product-btn.primary {
  background: #0084ff;
  color: #fff;
}
.wa-product-btn.secondary {
  background: #f0f2f5;
  color: var(--ink);
}
.wa-product-btn:hover {
  opacity: 0.9;
}