/* Podbrano — comparisons & alternatives */
.cmp{display:grid;gap:16px}
.cmp-hero{padding:34px;border:1px solid #d4e1ef;border-radius:16px;background:linear-gradient(135deg,#eaf2fb 0%,#f2f8f5 100%)}
.cmp-hero h1{font-size:46px;line-height:1.08;margin:10px 0 12px;color:var(--ink,#132e40)}
.cmp-vs{display:flex;align-items:center;gap:18px;margin:14px 0 6px;flex-wrap:wrap}
.cmp-vs a{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink,#132e40);font-size:20px;background:#fff;border:1px solid #d4e1ef;border-radius:14px;padding:10px 16px}
.cmp-vs a:hover{border-color:#1766d3}
.cmp-vs .product-icon,.cmp-col-head .product-icon,.cmp-alt-head .product-icon,.alt-item>.product-icon,.cmp-hub-card .product-icon{width:44px;height:44px;border-radius:11px;flex:none;background:#fff}
.cmp-vs .product-icon img,.cmp-col-head .product-icon img,.cmp-alt-head .product-icon img,.alt-item>.product-icon img,.cmp-hub-card .product-icon img{width:32px!important;height:32px!important;object-fit:contain}
.cmp-vs-badge{width:44px;height:44px;border-radius:50%;background:#132e40;color:#fff;display:grid;place-items:center;font-weight:600;font-size:15px}
.cmp-table-wrap{overflow-x:auto}
.cmp-table{width:100%;border-collapse:separate;border-spacing:0;font-size:15.5px}
.cmp-table th,.cmp-table td{padding:13px 14px;border-bottom:1px solid var(--line,#d8e5ed);text-align:left;vertical-align:top}
.cmp-table thead th{font-size:17px;color:var(--ink,#132e40);background:#f4f8fb}
.cmp-table thead th:first-child{background:transparent}
.cmp-table tbody th{width:230px;font-weight:500;color:#3d5868;white-space:nowrap}
.cmp-table tbody th .tp-ico{margin-right:10px;vertical-align:middle}
.cmp-table td{color:var(--ink,#132e40);line-height:1.5}
.cmp-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cmp-col-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:12px}
.cmp-col-head h2{font-size:20px;margin:4px 0 0}
.cmp-col h3{margin:16px 0 8px;font-size:16.5px}
.cmp-col ul{margin:0;padding-left:20px;display:grid;gap:7px;color:#3d5868;line-height:1.5}
.cmp-col-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.cmp-verdict-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cmp-verdict-grid>div{background:#f4f8fb;border-radius:12px;padding:16px}
.cmp-verdict-grid p{margin:6px 0 0;font-size:15px}
.cmp-tip{margin:14px 0 0;color:#245c72;background:#e8f0fb;border-radius:10px;padding:12px 14px;font-size:15px}
.cmp-more{padding:6px 0}
.cmp-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.cmp-links a{padding:8px 14px;border-radius:20px;border:1px solid var(--line,#d8e5ed);background:#fff;color:#245c72;text-decoration:none;font-size:14.5px}
.cmp-links a:hover{border-color:#1766d3;color:#1766d3}.cmp-links i{font-style:normal;color:var(--muted,#637d8b);margin:0 3px}
.cmp-alt-head{display:flex;gap:16px;align-items:center}
.cmp-alt-head .product-icon{width:64px;height:64px;border-radius:16px}.cmp-alt-head .product-icon img{width:46px!important;height:46px!important}
.cmp-alt-current{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.alt-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.alt-item{display:grid;grid-template-columns:36px 48px 1fr auto;gap:16px;align-items:start}
.alt-num{width:32px;height:32px;border-radius:50%;background:#132e40;color:#fff;display:grid;place-items:center;font-weight:600;font-size:14px}
.alt-title{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.alt-title h2{font-size:21px;margin:0}.alt-title h2 a{color:var(--ink,#132e40);text-decoration:none}.alt-title h2 a:hover{color:#1766d3}
.alt-body p{margin:8px 0 0}.alt-body small{display:block;margin-top:8px;color:var(--muted,#637d8b);font-size:13.5px}
.alt-pro{color:#127a63!important;font-size:15px}.alt-pro span{margin-right:6px}
.alt-actions{display:flex;flex-direction:column;gap:8px;min-width:170px}
.alt-actions .button{text-align:center;justify-content:center;font-size:14px}
.cmp-hub-group h2{display:flex;align-items:center;gap:10px;font-size:22px;margin:18px 0 12px}
.cmp-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.cmp-hub-card{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--line,#d8e5ed);border-radius:12px;background:#fff;text-decoration:none;color:var(--ink,#132e40);transition:border-color .15s,transform .15s}
.cmp-hub-card:hover{border-color:#1766d3;transform:translateY(-2px)}
.cmp-hub-card i{font-style:normal;color:var(--muted,#637d8b);font-size:13px}
.alt-hub .cmp-hub-card{flex-wrap:wrap}.alt-hub .cmp-hub-card small{width:100%;padding-left:54px;margin-top:-6px;color:var(--muted,#637d8b)}
@media(max-width:900px){.cmp-cols,.cmp-verdict-grid{grid-template-columns:1fr}.cmp-hero h1{font-size:34px}.alt-item{grid-template-columns:32px 44px 1fr}.alt-actions{grid-column:1/-1;flex-direction:row;min-width:0}}
@media(max-width:600px){.cmp-hero{padding:22px}.cmp-table tbody th{white-space:normal;width:auto}}