/* HT-DRON — styl artykułów blogowych. Wszystko zamknięte w .htdb, żeby nie zależeć od motywu sklepu.
   Kolory marki z /upload/ba991/htd-style-23.css: niebieski #1f6fd8, tekst #1f2937, tło #f1f5f9. */
.htdb{--b:#1f6fd8;--b-d:#1a5fbd;--b-t:#eef4fd;--tx:#1f2937;--tx-h:#0f172a;--mu:#64748b;--ln:#e5e7eb;--bg:#f8fafc;
  --ok:#16a34a;--ok-t:#f0fdf4;--wr:#d97706;--wr-t:#fffbeb;
  font-size:17px;line-height:1.75;color:var(--tx);max-width:880px;margin:0 auto;word-wrap:break-word}
.htdb *{box-sizing:border-box}
.htdb p{margin:0 0 14px}
.htdb a{color:var(--b);text-decoration:underline;text-underline-offset:2px}
.htdb a:hover{color:var(--b-d)}
.htdb strong{color:var(--tx-h)}
.htdb .htdb-lead{background:var(--b-t);border-left:4px solid var(--b);border-radius:0 10px 10px 0;padding:16px 20px;margin:0 0 28px;font-size:17.5px}
.htdb .htdb-lead p:last-child{margin:0}
.htdb .htdb-hero{margin:0 0 32px;text-align:center}
.htdb .htdb-hero img{max-width:100%;max-height:360px;border-radius:12px}
.htdb .htdb-hero figcaption{font-size:14px;color:var(--mu);margin-top:6px}
.htdb .htdb-sec{margin:0 0 48px}
.htdb .htdb-sec::after{content:"";display:table;clear:both}
.htdb .htdb-label{display:block;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--b);margin:0 0 4px}
.htdb h2{font-size:26px;line-height:1.3;font-weight:800;color:var(--tx-h);margin:0 0 16px;padding:0 0 10px;border-bottom:2px solid var(--ln)}
.htdb h3{font-size:19px;line-height:1.4;font-weight:700;color:var(--tx-h);margin:26px 0 10px}
.htdb h3 .htdb-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:10px;border-radius:50%;background:var(--b);color:#fff;font-size:14px;font-weight:800;vertical-align:2px}
.htdb ul,.htdb ol{margin:0 0 16px;padding-left:22px}
.htdb li{margin:0 0 6px}
.htdb .htdb-tbl{overflow-x:auto;margin:18px 0;border-radius:10px;box-shadow:0 1px 8px rgba(15,23,42,.08)}
.htdb table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.5;margin:0}
.htdb th{background:var(--b);color:#fff;font-weight:700;text-align:left;padding:11px 14px;white-space:nowrap}
.htdb td{padding:10px 14px;border-bottom:1px solid var(--ln);vertical-align:top}
.htdb tr:nth-child(even) td{background:var(--bg)}
.htdb tr:last-child td{border-bottom:0}
.htdb .htdb-note{font-size:14.5px;color:var(--mu)}
.htdb .htdb-box{border-radius:10px;padding:14px 18px;margin:18px 0;font-size:16px;line-height:1.65}
.htdb .htdb-box b{display:block;margin:0 0 4px;color:var(--tx-h)}
.htdb .htdb-box p:last-child{margin:0}
.htdb .htdb-box.htdb-tip{background:var(--b-t);border-left:4px solid var(--b)}
.htdb .htdb-box.htdb-ok{background:var(--ok-t);border-left:4px solid var(--ok)}
.htdb .htdb-box.htdb-warn{background:var(--wr-t);border-left:4px solid var(--wr)}
.htdb .htdb-decode{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0;padding:18px;background:var(--bg);border:1px solid var(--ln);border-radius:12px}
.htdb .htdb-decode span{display:flex;flex-direction:column;align-items:center;min-width:92px;padding:10px 12px;background:#fff;border:1px solid var(--ln);border-radius:10px;font-size:13.5px;color:var(--mu);line-height:1.35;text-align:center}
.htdb .htdb-decode span b{font-size:26px;color:var(--b);line-height:1.2}
.htdb .htdb-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin:20px 0}
.htdb .htdb-card{border:1px solid var(--ln);border-radius:12px;padding:18px;background:#fff}
.htdb .htdb-card .htdb-tag{display:inline-block;background:var(--b);color:#fff;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 8px;border-radius:5px;margin:0 0 10px}
.htdb .htdb-card h4{font-size:17px;font-weight:700;color:var(--tx-h);margin:0 0 6px}
.htdb .htdb-card p{font-size:15px;color:#475569;line-height:1.6;margin:0 0 12px}
.htdb .htdb-btn{display:inline-block;font-size:14px;font-weight:700;color:var(--b);border:1.5px solid var(--b);border-radius:6px;padding:6px 14px;text-decoration:none}
.htdb .htdb-btn:hover{background:var(--b);color:#fff}
.htdb .htdb-prods{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:20px 0}
.htdb .htdb-prod{display:flex;flex-direction:column;border:1px solid var(--ln);border-radius:12px;overflow:hidden;background:#fff}
.htdb .htdb-prod .htdb-img{display:block;aspect-ratio:1/1;background:#fff;padding:12px;border-bottom:1px solid var(--ln)}
.htdb .htdb-prod .htdb-img img{width:100%;height:100%;object-fit:contain}
.htdb .htdb-prod .htdb-body{display:flex;flex-direction:column;flex:1;padding:12px 14px 14px}
.htdb .htdb-prod .htdb-for{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--b);margin:0 0 4px}
.htdb .htdb-prod .htdb-name{font-size:15px;font-weight:700;line-height:1.4;color:var(--tx-h);text-decoration:none;margin:0 0 6px}
.htdb .htdb-prod .htdb-why{font-size:14px;line-height:1.55;color:#475569;margin:0 0 10px;flex:1}
.htdb .htdb-prod .htdb-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.htdb .htdb-prod .htdb-price{font-size:17px;font-weight:800;color:var(--tx-h)}
.htdb .htdb-steps{counter-reset:s;list-style:none;padding:0;margin:18px 0}
.htdb .htdb-steps li{counter-increment:s;position:relative;padding:0 0 0 44px;margin:0 0 14px}
.htdb .htdb-steps li::before{content:counter(s);position:absolute;left:0;top:1px;width:30px;height:30px;border-radius:50%;background:var(--b);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}
.htdb .htdb-faq h3{font-size:17.5px;margin:22px 0 6px}
.htdb .htdb-cta{background:var(--tx-h);color:#e2e8f0;border-radius:14px;padding:24px 26px;margin:40px 0 0}
.htdb .htdb-cta h2{color:#fff;border:0;padding:0;margin:0 0 10px;font-size:22px}
.htdb .htdb-cta p{margin:0 0 10px}
.htdb .htdb-cta a{color:#93c5fd}
.htdb .htdb-cta .htdb-btn{color:#fff;border-color:#fff;margin-top:6px}
.htdb .htdb-cta .htdb-btn:hover{background:#fff;color:var(--tx-h)}
@media(max-width:600px){.htdb{font-size:16px}.htdb h2{font-size:22px}.htdb h3{font-size:17.5px}
  .htdb .htdb-cards,.htdb .htdb-prods{grid-template-columns:1fr 1fr;gap:10px}.htdb .htdb-card{padding:14px}
  .htdb .htdb-decode span{min-width:76px}.htdb .htdb-decode span b{font-size:22px}}
@media(max-width:420px){.htdb .htdb-cards{grid-template-columns:1fr}}