/* Product description 'cards' framework (.pn) — moved into the theme so the
   responsive rules always load, even if a cache/optimizer plugin breaks the
   inline <style> inside product content. Safe to keep the inline copy too. */
.pn-eco{--ac:#0f766e;--ac2:#f0fdfa;--ac3:#14b8a6;--gold:#d97706}.pn-pre{--ac:#3730a3;--ac2:#eef2ff;--ac3:#6366f1;--gold:#b45309}.pn{--ink:#1f2937;--mut:#6b7280;--bd:#e5e7eb;font-family:inherit;color:var(--ink);line-height:1.7;display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin:0 0 24px;text-align:left} .pn *{box-sizing:border-box} .pn ul{list-style:none;margin:0;padding:0} .pn li{margin:0} .pn-card{background:#fff;border:1px solid var(--bd);border-radius:16px;padding:18px 20px;box-shadow:0 2px 10px rgba(17,24,39,.05)} .pn-hero{background:linear-gradient(135deg,var(--ac2),#fff);border:1px solid var(--bd);border-left:6px solid var(--ac);border-radius:16px;padding:20px 22px} .pn-badge{display:inline-block;background:var(--ac);color:#fff;border-radius:99px;padding:2px 14px;font-size:.82em;font-weight:700;letter-spacing:.2px} .pn-model{display:inline-block;margin-left:8px;border:1px dashed var(--ac);color:var(--ac);border-radius:8px;padding:1px 10px;font-size:.82em;font-weight:700} .pn-h{font-size:1.35em;font-weight:800;line-height:1.4;margin:12px 0 6px;color:#111827} .pn-t{margin:0;color:#374151} .pn-st{font-size:1.12em;font-weight:800;margin:0 0 12px;color:#111827;display:flex;align-items:center;gap:8px} .pn-st:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--ac),transparent);opacity:.35;border-radius:2px} .pn-fg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .pn-f{display:flex;gap:12px;background:var(--ac2);border-radius:14px;padding:14px} .pn-fi{flex:0 0 auto;width:42px;height:42px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:1.35em;box-shadow:0 1px 4px rgba(0,0,0,.08)} .pn-ft{font-weight:800;color:var(--ac);line-height:1.4;margin-bottom:2px} .pn-fd{color:#4b5563;font-size:.93em;line-height:1.6} .pn-sp{display:grid;grid-template-columns:150px minmax(0,1fr);border-top:1px solid var(--bd)} .pn-sp>div{padding:9px 6px;border-bottom:1px solid var(--bd)} .pn-sp>div:nth-child(odd){color:var(--mut);font-weight:700} .pn-price{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px;background:linear-gradient(135deg,var(--ac),var(--ac3));color:#fff;border-radius:16px;padding:16px 22px} .pn-pl{font-weight:700;opacity:.92} .pn-old{font-size:1.1em;text-decoration:line-through;opacity:.75} .pn-new{font-size:1.9em;font-weight:800;line-height:1.2} .pn-save{margin-left:auto;background:#fff;color:var(--ac);border-radius:99px;padding:2px 14px;font-weight:800;font-size:.88em} .pn-cu{border:2px solid var(--ac);background:linear-gradient(180deg,var(--ac2),#fff 60%)} .pn-rt{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--bd);border-radius:12px;padding:10px 14px;margin-top:8px} .pn-rt.pn-rs{background:var(--ac2);border-style:dashed;border-color:var(--ac)}.pn-rt b{background:var(--ac);color:#fff;border-radius:8px;padding:2px 12px;white-space:nowrap;font-size:.95em} .pn-nt{margin-top:12px} .pn-nt li{position:relative;padding:3px 0 3px 26px;color:#374151} .pn-nt li:before{content:"✓";position:absolute;left:2px;top:3px;color:var(--ac);font-weight:800} .pn-nt li.w:before{content:"!";background:var(--gold);color:#fff;border-radius:50%;width:17px;height:17px;left:2px;top:7px;text-align:center;font-size:.72em;line-height:17px} .pn-dg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .pn-d{text-align:center;border:1px solid var(--bd);border-radius:14px;padding:12px 8px;background:#fff} .pn-d.g{background:var(--ac2);border-color:var(--ac)} .pn-dv{font-size:1.25em;font-weight:800;color:var(--ac)} .pn-dl{color:var(--mut);font-size:.88em} .pn-fn{margin-top:8px;color:var(--mut);font-size:.88em} .pn-cta{text-align:center;background:var(--ac2);border:1px solid var(--bd);border-radius:16px;padding:20px} .pn-btns{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:12px} .pn-b{display:inline-flex;align-items:center;gap:8px;border-radius:99px;padding:10px 22px;font-weight:800;text-decoration:none!important;color:#fff!important} .pn-b.wa{background:#25D366} .pn-b.cl{background:var(--ac)} .pn-video{background:#0f172a;border-radius:18px;padding:16px;color:#fff} .pn-video .pn-st{color:#fff} .pn-frame{position:relative;aspect-ratio:16/9;max-width:340px;margin:0 auto;border-radius:12px;overflow:hidden;background:#000} .pn-frame iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0} .pn-ph{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#cbd5e1;background:repeating-linear-gradient(45deg,#111827,#111827 12px,#0f172a 12px,#0f172a 24px)} .pn-play{width:64px;height:64px;border-radius:50%;background:#ff0000;display:flex;align-items:center;justify-content:center;font-size:1.6em;color:#fff} .pn-cap{margin-top:10px;color:#cbd5e1;font-size:.9em} @media(min-width:992px){.pn{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);column-gap:28px}.pn>*{grid-column:1}.pn>.pn-video{grid-column:2;grid-row:1/span 8;align-self:start;position:sticky;top:90px}} @media(max-width:560px){.pn-fg{grid-template-columns:1fr}.pn-sp{grid-template-columns:110px minmax(0,1fr)}.pn-dg{grid-template-columns:1fr}.pn-h{font-size:1.2em}.pn-save{margin-left:0}.pn-card,.pn-hero{padding:16px}}
