/* Public product, documentation and demo pages. Builds on EasyTools Premium theme tokens (--et-*). */
.etum-pub{--u-navy:var(--et-navy,#0d2340);--u-ink:var(--et-ink,#14263d);--u-muted:var(--et-muted,#62758a);--u-line:var(--et-line,#dbe6ef);--u-blue:var(--et-blue2,#087fba);--u-soft:var(--et-soft,#f5f8fb)}
.etum-pub .et-hero h1 span{color:var(--u-blue)}
.etum-pub-disabled{opacity:.75;cursor:default;pointer-events:none}
.etum-pub-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.etum-pub-plans.etum-pub-plans-single{grid-template-columns:minmax(0,440px);justify-content:center}
.etum-pub-plan .etum-pub-plan-foot{margin-top:12px;font-size:13px;font-weight:600;line-height:1.5}
.etum-pub-plan .etum-pub-subscribe{text-align:center}
.etum-pub-plan{position:relative;background:#fff;border:1px solid var(--u-line);border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:6px;box-shadow:0 10px 28px rgba(13,35,64,.06)}
.etum-pub-plan.is-featured{border-color:var(--u-blue);box-shadow:0 18px 44px rgba(8,127,186,.16)}
.etum-pub-plan h3{margin:0;color:var(--u-navy);font-size:20px}
.etum-pub-price{font-size:36px;font-weight:900;color:var(--u-navy);line-height:1.1}.etum-pub-price small{font-size:14px;font-weight:700;color:var(--u-muted);margin-left:4px}
.etum-pub-plan p{margin:0;color:var(--u-muted);font-weight:700}
.etum-pub-plan ul{margin:12px 0 18px;padding-left:18px;color:var(--u-ink);font-size:14px;flex:1}.etum-pub-plan li{margin:5px 0}
.etum-pub-badge{position:absolute;top:-12px;right:18px;background:var(--u-blue);color:#fff;font-size:11px;font-weight:900;letter-spacing:.6px;text-transform:uppercase;padding:5px 10px;border-radius:99px}
.etum-pub-note{max-width:820px;margin:22px auto 0;text-align:center;color:var(--u-muted);font-size:14px}
.etum-pub-faq{max-width:860px;margin:0 auto;display:grid;gap:10px}
.etum-pub-faq details{background:#fff;border:1px solid var(--u-line);border-radius:12px;padding:14px 18px}
.etum-pub-faq summary{cursor:pointer;font-weight:800;color:var(--u-navy)}.etum-pub-faq p{margin:10px 0 0;color:var(--u-muted)}
.etum-pub .et-strip a{color:#fff;text-decoration:none}
.etum-pub-related-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.etum-pub-related-row a{display:grid;gap:4px;padding:16px;border:1px solid var(--u-line);border-radius:12px;background:#fff;text-decoration:none;color:var(--u-ink)}
.etum-pub-related-row a:hover,.etum-pub-related-row a:focus-visible{border-color:var(--u-blue)}
.etum-pub-related-row strong{color:var(--u-navy);font-size:14px}.etum-pub-related-row span{color:var(--u-muted);font-size:12px}
.etum-pub-demo{background:#fff;border:1px solid var(--u-line);border-radius:16px;padding:20px;box-shadow:0 10px 28px rgba(13,35,64,.06)}
.etum-pub-demo h3{color:var(--u-navy);font-size:16px;margin:22px 0 10px}
.etum-pub-demo-flag{display:inline-block;background:#fff7e6;color:#8a5a00;border:1px dashed #e6b54a;border-radius:8px;padding:5px 10px;font-size:11px;font-weight:900;letter-spacing:.6px;margin-bottom:12px}
.etum-pub-demo-usage{font-size:14px;color:var(--u-ink);margin-bottom:12px}
.etum-pub-meter{display:block;height:8px;background:#e8eef8;border-radius:8px;margin-top:6px;overflow:hidden}.etum-pub-meter span{display:block;height:100%;background:var(--u-blue)}
.etum-pub-demo-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}
.etum-pub-demo-stats div{border:1px solid var(--u-line);border-radius:12px;padding:12px;background:var(--u-soft)}
.etum-pub-demo-stats b{display:block;font-size:20px;color:var(--u-navy)}.etum-pub-demo-stats span{font-size:12px;color:var(--u-muted);font-weight:700}
.etum-pub-demo-stats .up b{color:#15803d}.etum-pub-demo-stats .down b{color:#b91c1c}.etum-pub-demo-stats .warn b{color:#a16207}
.etum-pub-demo-table{overflow-x:auto}.etum-pub-demo table{width:100%;border-collapse:collapse;font-size:14px}
.etum-pub-demo th{text-align:left;color:var(--u-muted);font-size:12px;padding:8px;border-bottom:1px solid var(--u-line)}
.etum-pub-demo td{padding:10px 8px;border-bottom:1px solid #eef2f6}.etum-pub-demo td small{display:block;color:var(--u-muted);font-size:12px}
.etum-pub-st{display:inline-block;padding:3px 9px;border-radius:7px;font-size:12px;font-weight:800}
.etum-pub-st-up{background:#dcfce7;color:#166534}.etum-pub-st-down{background:#fee2e2;color:#991b1b}.etum-pub-st-warning{background:#fef3c7;color:#92400e}.etum-pub-st-paused{background:#eef2f6;color:#475569}
.etum-pub-demo-incidents{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:14px}
.etum-pub-demo-mails{display:grid;grid-template-columns:1fr 1fr;gap:14px}.etum-pub-demo-mails iframe{width:100%;height:560px;border:1px solid var(--u-line);border-radius:12px;background:#f3f6fc}
.etum-pub-cta{margin-top:24px;display:flex;gap:10px;flex-wrap:wrap}
.etum-pub-docs{max-width:920px;line-height:1.7;padding-bottom:40px}.etum-pub-docs h2{margin-top:34px;color:var(--u-navy)}
.etum-pub-docs table{border-collapse:collapse;width:100%;margin:10px 0}.etum-pub-docs td,.etum-pub-docs th{border:1px solid var(--u-line);padding:8px 10px;text-align:left}
.etum-pub-docs code{background:var(--u-soft);padding:1px 5px;border-radius:5px;font-size:.92em;word-break:break-word}
@media(max-width:1000px){.etum-pub-plans{grid-template-columns:1fr}.etum-pub-related-row{grid-template-columns:repeat(2,minmax(0,1fr))}.etum-pub-demo-mails{grid-template-columns:1fr}}
@media(max-width:600px){.etum-pub-demo-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.etum-pub-related-row{grid-template-columns:1fr}.etum-pub-demo{padding:14px}}
.etum-product-page .et-page-header{display:none}.etum-product-page .et-page{padding-top:0}
/* Hero image: reserve the 2:1 box (no layout shift) and show a branded panel + alt text if the hosted image cannot load. */
.etum-pub .etum-pub-hero-img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;background:linear-gradient(115deg,#0d2340 0%,#163a67 55%,#087fba 100%);color:#e8f2ff;font-size:14px;font-weight:700}
/* Review13 product page: owner hero banner (natural proportions) or branded panel when none is set. */
.etum-pub .etum-pub-hero-img.etum-pub-hero-owner{aspect-ratio:auto;height:auto;object-fit:contain;border-radius:18px}
/* Media Library banner: its real shape is reserved, so it never collapses or letterboxes, even if it fails to load. */
.etum-pub .etum-pub-hero-img.etum-pub-hero-owner.has-dims{height:auto}
.etum-pub .etum-pub-hero-panel{background:linear-gradient(135deg,#0d2340 0%,#163a67 55%,#087fba 100%);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:12px;box-shadow:0 18px 44px rgba(13,35,64,.25)}
.etum-pub .etum-pub-hero-row{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;background:rgba(255,255,255,.96);border-radius:12px;padding:12px 14px}
.etum-pub .etum-pub-hero-row .etum-pub-st{grid-row:1/3}
.etum-pub .etum-pub-hero-row strong{color:#0d2340;font-size:15px;overflow-wrap:anywhere}
.etum-pub .etum-pub-hero-row small{color:#55657a;font-size:12.5px;font-weight:600}
.etum-pub .etum-pub-hero-panel p{margin:2px 0 0;color:#cfe3ff;font-size:12px;font-weight:700;letter-spacing:.3px}
.etum-pub .etum-pub-benefits .et-feature i{font-style:normal}