/* products page */
.top-r{display:flex;align-items:center;gap:10px}
.products .order-head .eyebrow{display:inline-block}
.pf{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 auto 24px}
.pf button{font:800 14px var(--fb);color:var(--navy);background:rgba(255,255,255,.9);border:1px solid #fff;border-radius:12px;padding:10px 18px;cursor:pointer;
  box-shadow:0 10px 30px -18px rgba(20,50,110,.5);transition:transform .2s}
.pf button:hover{transform:translateY(-2px)}
.pf button.on{background:var(--btn);border-color:transparent}
.pgrid{display:grid;gap:22px;max-width:960px;margin:0 auto}
.pcard{display:grid;grid-template-columns:280px 1fr;gap:clamp(18px,2.6vw,32px);padding:clamp(16px,2vw,22px);background:rgba(255,255,255,.95);border-radius:24px;
  box-shadow:0 30px 70px -35px rgba(20,50,110,.45);position:relative}
.pcard::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:var(--btn);pointer-events:none;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.pcard[hidden]{display:none}
.pcover{border-radius:18px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;min-height:260px;color:#fff;position:relative;overflow:hidden;
  background:radial-gradient(120% 90% at 20% 10%,#2f6cf0 0%,#163a8a 55%,#0c1a33 100%)}
.pcover svg{width:100%;height:auto;margin:8px 0 auto;padding-bottom:14px;fill:none;stroke:#a3f25c;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;
  filter:drop-shadow(0 0 10px rgba(163,242,92,.55))}
.pcover b{font-family:var(--fd);font-size:22px;font-weight:700;line-height:1.15}
.pcover span{font-size:14px;font-weight:700;color:#bfe0ff}
.pbody{display:flex;flex-direction:column;gap:12px;padding:4px 4px 6px;min-width:0}
.ptags{display:flex;flex-wrap:wrap;gap:8px}
.ptag{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:6px;background:rgba(36,99,235,.1);color:var(--ink-blue);line-height:1.4}
.ptag.free{background:var(--btn);color:var(--navy)}
.pbody h2{margin:0;font-size:clamp(20px,2vw,26px)}
.pbody>p{margin:0;font-weight:500;font-size:16px}
.pbody .ck{margin:0;padding:0;list-style:none;display:grid;gap:7px;font-size:15px;font-weight:600}
.pbody .ck li{display:flex;gap:10px;line-height:1.5}
.pbody .ck li::before{content:"✓";color:#075a53;font-weight:900}
.pfoot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:auto;padding-top:6px}
.price{font-family:var(--fd);font-weight:700;font-size:26px;line-height:1.1}
.price small{display:block;font-family:var(--fb);font-size:13px;font-weight:700;color:var(--mute)}
.pfoot .btn{padding:14px 22px;font-size:15px;cursor:pointer}
.pfoot .btn[aria-busy]{opacity:.7;cursor:wait}
.pempty{max-width:560px;margin:0 auto;text-align:center;background:rgba(255,255,255,.95);border-radius:24px;padding:30px 24px;box-shadow:0 30px 70px -35px rgba(20,50,110,.45)}
.pempty b{font-family:var(--fd);font-size:22px}
.pempty p{margin:8px 0 16px;font-weight:600}
.pempty .btn{cursor:pointer}
.pnote{max-width:960px;margin:26px auto 0;text-align:center;font-size:14px;font-weight:600;color:var(--navy2)}
@media (max-width:760px){
  .pcard{grid-template-columns:1fr}
  .pcover{min-height:170px}
  .pfoot .btn{width:100%}
  .top .btn{padding:10px 14px}
}