.po-prod{font-family:Roboto,Arial,sans-serif;color:#34495e;line-height:1.65;margin:0;padding:0}
.po-prod h2{color:#388e3c;font-size:20px;font-weight:700;margin:0 0 14px;line-height:1.3;border:none;padding:0}
.po-prod h3{color:#388e3c;font-size:17px;font-weight:700;margin:24px 0 10px;padding-bottom:6px;border-bottom:2px solid #e0e6e8;position:relative}
.po-prod h3::after{content:"";position:absolute;bottom:-2px;left:0;width:36px;height:2px;background:#0288d1}
.po-prod p{margin:0 0 12px;font-size:14.5px}
.po-prod strong{color:#37474f}
.po-prod .ao{color:#e65100}
.po-prod .ag{color:#2e7d32}
.po-prod .agr{color:#388e3c}
.po-prod .ab{color:#1976d2}
.po-prod .aw{color:#0288d1}
.po-prod a{color:#1976d2;text-decoration:none;font-weight:600}
.po-prod a:hover{text-decoration:underline}
.po-prod-hero{background:linear-gradient(135deg,#e8f5e9 0%,#e3f2fd 50%,#e1f5fe 100%);border-left:4px solid #4caf50;padding:18px 20px;border-radius:8px;margin:0 0 16px;position:relative;overflow:hidden}
.po-prod-hero h2{margin:0 0 10px;position:relative;z-index:2}
.po-prod-hero p{margin:0;font-size:14.5px;position:relative;z-index:2}
.po-prod-quick{background:linear-gradient(135deg,#e8f5e9 0%,#fff 100%);border:1px solid #4caf50;border-left:4px solid #4caf50;border-radius:8px;padding:14px 16px;margin:0 0 16px;position:relative}
.po-prod-quick-tag{display:inline-block;background:#388e3c;color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:10px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.4px}
.po-prod-quick p{margin:0;font-size:14.5px;line-height:1.6;color:#37474f}
.po-prod-quick strong{color:#388e3c}
.po-prod-def{background:#fafbfc;border:1px solid #e0e6e8;border-left:3px solid #2e7d32;border-radius:6px;padding:11px 14px;margin:14px 0;font-size:13.5px;line-height:1.6;color:#34495e}
.po-prod-def-l{display:inline-block;font-weight:700;color:#2e7d32;font-size:11px;text-transform:uppercase;letter-spacing:.3px;margin-right:8px}
.po-prod-def strong{color:#2e7d32}
.po-prod-compare{background:linear-gradient(135deg,#fff8e1 0%,#fff 100%);border:1px solid #ffa000;border-left:3px solid #ffa000;border-radius:6px;padding:11px 14px;margin:14px 0;font-size:13.5px;line-height:1.65;color:#34495e}
.po-prod-compare-l{display:inline-block;font-weight:700;color:#e65100;font-size:11px;text-transform:uppercase;letter-spacing:.3px;margin-right:8px}
.po-prod-compare strong{color:#e65100}
.po-prod-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px -8px;padding:0 8px}
.po-prod-table{width:100%;min-width:420px;border-collapse:collapse;font-size:13px;background:#fff;border:1px solid #e0e6e8;border-radius:6px;overflow:hidden}
.po-prod-table th{background:linear-gradient(135deg,#388e3c 0,#1b5e20 100%);color:#fff;padding:9px 11px;text-align:left;font-weight:600;font-size:12px}
.po-prod-table td{padding:9px 11px;border-bottom:1px solid #e0e6e8;color:#34495e;vertical-align:top}
.po-prod-table tr:last-child td{border-bottom:none}
.po-prod-table tr:nth-child(even) td{background:#fafbfc}
.po-prod-table strong{color:#388e3c}
.po-prod-why{display:flex;flex-direction:column;gap:8px;margin:12px 0}
.po-prod-why-i{background:linear-gradient(135deg,#fff 0%,#fafbfc 100%);border:1px solid #e0e6e8;border-left:3px solid #4caf50;border-radius:6px;padding:11px 13px;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;min-width:0}
.po-prod-why-i:nth-child(2){border-left-color:#0288d1}
.po-prod-why-i:nth-child(3){border-left-color:#1976d2}
.po-prod-why-i:nth-child(4){border-left-color:#e65100}
.po-prod-why-icon{font-size:22px;line-height:1;flex-shrink:0}
.po-prod-why-text{min-width:0;overflow:hidden}
.po-prod-why-text strong{display:block;color:#37474f;font-size:14px;margin-bottom:3px;line-height:1.3}
.po-prod-why-text span{font-size:13px;color:#5d6d78;line-height:1.55;display:block}
.po-prod-uses{margin:8px 0;padding:0;list-style:none}
.po-prod-uses li{padding:6px 0 6px 22px;position:relative;font-size:13.5px;color:#34495e;border-bottom:1px dashed #eaedee;line-height:1.5}
.po-prod-uses li:last-child{border-bottom:none}
.po-prod-uses li::before{content:"\2713";position:absolute;left:0;top:6px;color:#2e7d32;font-weight:700;font-size:14px}
.po-prod-uses li strong{color:#37474f}
.po-prod-howto{background:linear-gradient(135deg,#fafbfc 0%,#e8f5e9 100%);border-radius:8px;padding:14px 16px;margin:14px 0;border:1px solid #e0e6e8}
.po-prod-howto h3{color:#388e3c;font-size:16px;margin:0 0 12px;border:none;padding:0}
.po-prod-howto h3::after{display:none}
.po-prod-howto-step{background:#fff;border:1px solid #e0e6e8;border-radius:6px;padding:10px 12px 10px 38px;position:relative;margin-bottom:6px}
.po-prod-howto-step:last-child{margin-bottom:0}
.po-prod-howto-step-num{position:absolute;left:10px;top:10px;width:24px;height:24px;background:#fff;color:#1b5e20;border:2px solid #1b5e20;border-radius:50%;text-align:center;font-size:12px;font-weight:700;line-height:20px;display:block;box-sizing:border-box}
.po-prod-howto-step strong{display:block;color:#37474f;font-size:13.5px;margin-bottom:2px}
.po-prod-howto-step span{font-size:12.5px;color:#5d6d78;line-height:1.55;display:block}
.po-prod-tip{background:linear-gradient(135deg,#fff8e1 0%,#fffde7 100%);border-left:3px solid #ffa000;padding:11px 13px;border-radius:5px;margin:14px 0;font-size:13px;color:#34495e;line-height:1.6}
.po-prod-tip strong{color:#e65100}
.po-prod-faq{margin:12px 0}
.po-prod-faq details{background:#fff;border:1px solid #e0e6e8;border-radius:6px;margin-bottom:6px;overflow:hidden}
.po-prod-faq details[open]{border-color:#4caf50;box-shadow:0 1px 4px rgba(76,175,80,.08)}
.po-prod-faq summary{padding:11px 14px;cursor:pointer;font-weight:600;color:#37474f;font-size:13.5px;list-style:none;position:relative;padding-right:36px;user-select:none}
.po-prod-faq summary::-webkit-details-marker{display:none}
.po-prod-faq summary::after{content:"+";position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:18px;color:#388e3c;font-weight:300}
.po-prod-faq details[open] summary::after{content:"\2212"}
.po-prod-faq details[open] summary{background:linear-gradient(135deg,#e8f5e9 0%,#fafbfc 100%);color:#388e3c}
.po-prod-faq-a{padding:6px 14px 14px;font-size:13px;color:#34495e;line-height:1.65;border-top:1px solid #eaedee}
.po-prod-faq-a strong{color:#37474f}
.po-prod-related{display:flex;flex-direction:column;gap:6px;margin:12px 0}
.po-prod-related a{background:#fff;border:1px solid #e0e6e8;border-left:3px solid #4caf50;border-radius:5px;padding:10px 12px;text-decoration:none;color:#37474f;font-size:13.5px;font-weight:600;display:block}
.po-prod-related a:nth-child(2){border-left-color:#0288d1}
.po-prod-related a:nth-child(3){border-left-color:#1976d2}
.po-prod-related a:nth-child(4){border-left-color:#e65100}
.po-prod-related a:hover{box-shadow:0 2px 6px rgba(0,0,0,.08);color:#388e3c;text-decoration:none}
.po-prod-blog{background:linear-gradient(135deg,#e8f5e9 0%,#fafafa 100%);border-radius:6px;padding:14px 16px;margin:14px 0;border-left:3px solid #4caf50}
.po-prod-blog h3{color:#388e3c;border:none;padding:0;margin:0 0 8px;font-size:15px}
.po-prod-blog h3::after{display:none}
.po-prod-blog ul{margin:0;padding:0;list-style:none}
.po-prod-blog li{padding:5px 0 5px 22px;position:relative;font-size:13px}
.po-prod-blog li::before{content:"\1F4C4";position:absolute;left:0;top:5px}
.po-prod-cta{background:linear-gradient(135deg,#388e3c 0%,#1b5e20 100%);color:#fff;padding:18px 20px;border-radius:8px;margin:18px 0;text-align:center}
.po-prod-cta strong{display:block;font-size:15px;margin-bottom:5px;color:#fff}
.po-prod-cta span{display:block;font-size:13px;opacity:.92;margin-bottom:12px;line-height:1.5}
.po-prod-cta a{display:inline-block;background:#ff9800;color:#fff;padding:10px 22px;border-radius:5px;text-decoration:none;font-weight:700;font-size:14px}
.po-prod-cta a:hover{background:#e65100;color:#fff;text-decoration:none}
@media(min-width:600px){.po-prod h2{font-size:23px}.po-prod h3{font-size:18px}.po-prod p{font-size:15px}.po-prod-table th,.po-prod-table td{padding:10px 13px;font-size:13.5px}.po-prod-uses li{font-size:14px}.po-prod-why-text strong{font-size:14.5px}.po-prod-why-text span{font-size:13.5px}.po-prod-howto h3{font-size:17px}.po-prod-howto-step strong{font-size:14px}.po-prod-howto-step span{font-size:13px}.po-prod-faq summary{font-size:14.5px}.po-prod-faq-a{font-size:13.5px}.po-prod-related a{font-size:14.5px}.po-prod-cta strong{font-size:16px}.po-prod-cta span{font-size:14px}}
