/* kategori.css — category.php şablonunun içindeki <style> bloğundan taşındı (2026-10-03). Şablonda aynı yerde <link> ile yükleniyor. */
/* ===== HB paket seçici ===== */
.hb-secici{margin:0 0 30px!important;padding:0!important}
.hb-secici .container{padding-top:0}
body:has(.hb-secici) section#intall{margin-bottom:22px!important}
.hb-sss{margin:0 0 34px!important}
.hb-sec-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;align-items:start}
.hb-sec-card{background:#fff;padding:22px 24px}
.hb-sec-h{margin:0!important;}
.hb-sec-h em{font-style:normal;}
.hb-sec-sub{color:#8a94a6;font-size:12.5px;margin:4px 0 16px}
.hb-chips{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.hb-chip{position:relative;border:1.5px solid #e8ebf0;padding:14px 8px 12px;text-align:center;cursor:pointer;background:#fff;transition:.15s;text-decoration:none!important;display:block}
.hb-chip:hover{border-color:#cfd6e0;transform:translateY(-2px);box-shadow:0 8px 20px rgba(31,45,61,.06);color:#2f3a4a}
.hb-chip .hb-q{display:block;font-size:22px;line-height:1.1}
.hb-chip .hb-u{display:block;font-size:10.5px;color:#8a94a6;font-weight:500;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb-chip .hb-u-big{font-size:13px;color:#2f3a4a;font-weight:700;white-space:normal;line-height:1.25;min-height:32px}
.hb-chip .hb-p{display:inline-block;font-size:13px;margin-top:9px;padding:4px 10px;border-radius:999px;white-space:nowrap}
.hb-chip.sel::after{content:'';position:absolute;top:7px;right:7px;width:20px;height:20px;border-radius:50%;background:#22a06b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat}
.hb-chip .hb-pop{position:absolute;top:-9px;left:50%;transform:translateX(-50%);color:#fff;font-size:9.5px;padding:2px 8px;border-radius:999px;white-space:nowrap;z-index:1}
.hb-feats{display:flex;margin-top:18px;border:1.5px solid #e8ebf0;padding:6px 4px}
.hb-feat{flex:1;display:flex;align-items:center;gap:9px;padding:8px 12px;border-right:1.5px solid #e8ebf0;min-width:0}
.hb-feat:last-child{border-right:0}
.hb-feat .hb-ic{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex:none;font-size:16px}
.hb-feat b{font-size:12.5px;font-weight:600;line-height:1.2;color:#2f3a4a}
.hb-ic.red{background:#fdecea;color:#eb534b}.hb-ic.green{background:#e8f6ef;color:#22a06b}.hb-ic.blue{background:#e9eefb;color:#4d6bdc}.hb-ic.amber{background:#fff3e2;color:#e08a2e}
.hb-sum{position:sticky;top:90px}
.hb-pick{display:flex;align-items:center;gap:10px;margin:14px 0 6px;border:1.5px solid #e8ebf0;padding:10px}
.hb-arr{width:38px;height:38px;border-radius:10px;background:#f5f6f8;border:0;display:flex;align-items:center;justify-content:center;font-weight:700;color:#2f3a4a;cursor:pointer;flex:none;font-size:20px;line-height:1}
.hb-arr:hover{background:#e8ebf0}.hb-arr:disabled{opacity:.35;cursor:default}
.hb-mid{flex:1;text-align:center;min-width:0}
.hb-mid b{display:block;font-size:30px;letter-spacing:-.8px;line-height:1;}
.hb-mid small{display:block;font-size:11px;color:#8a94a6;font-weight:500;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#5a6472;padding:9px 0;border-bottom:1px solid #eef1f5}
.hb-row b{color:#2f3a4a;font-weight:600;text-align:right}
.hb-tot{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0 4px}
.hb-tot small{font-size:12px;color:#8a94a6;font-weight:500}.hb-tot b{font-size:28px;letter-spacing:-.6px;}
.hb-cta{display:flex;align-items:center;justify-content:center;gap:8px;color:#fff!important;margin-top:10px;text-decoration:none!important;transition:.15s}
.hb-cta:hover{background:#1c8c5c;color:#fff}
.hb-trust{display:flex;gap:14px;justify-content:center;margin-top:12px;font-size:11px;color:#8a94a6;font-weight:500}
.hb-trust span{display:inline-flex;align-items:center;gap:4px}
.hb-sticky{display:none}
@media (max-width:991px){
  .hb-sec-layout{grid-template-columns:1fr;gap:12px}
  .hb-sec-card{padding:16px 14px;}
  .hb-chips{grid-template-columns:repeat(3,1fr);gap:8px}
  .hb-chip{padding:12px 6px 10px}.hb-chip .hb-q{font-size:19px}.hb-chip .hb-p{font-size:12.5px;padding:3px 9px}
  .hb-feats{flex-wrap:wrap;padding:4px}.hb-feat{flex:1 1 50%;padding:8px 8px;gap:7px;border-right:0}.hb-feat b{font-size:12px}.hb-feat .hb-ic{width:28px;height:28px;font-size:14px}
  .hb-sum{display:none}
  .hb-sticky{display:flex;position:sticky;bottom:72px;z-index:20;background:#fff;border-radius:14px;box-shadow:0 -8px 24px rgba(31,45,61,.10);padding:12px 14px;align-items:center;gap:12px;margin:12px 0 0}
  body:not(:has(.fixed-bottom-menu)) .hb-sticky{bottom:8px}
  .hb-st-t{min-width:0}.hb-st-t small{display:block;font-size:11px;color:#8a94a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hb-st-t b{font-size:20px;letter-spacing:-.4px;}
  .hb-sticky .hb-cta{margin:0 0 0 auto;flex:none}
}
@media (max-width:340px){.hb-chips{grid-template-columns:repeat(2,1fr)}}
/* SSS */
.hb-sss{margin-top:22px}
.hb-sss-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hb-sss details{background:#fff;border:1.5px solid #e8ebf0;border-radius:12px;padding:0 14px}
.hb-sss summary{list-style:none;cursor:pointer;font-size:13.5px;font-weight:600;color:#2f3a4a;padding:12px 0;display:flex;justify-content:space-between;align-items:center;gap:10px}
.hb-sss summary::-webkit-details-marker{display:none}
.hb-sss summary::after{content:'+';color:#8a94a6;font-weight:400;font-size:18px;line-height:1}
.hb-sss details[open] summary::after{content:'−'}
.hb-sss details p{font-size:12.5px;color:#5a6472;line-height:1.6;padding:0 0 12px;margin:0}
@media (max-width:767px){.hb-sss-grid{grid-template-columns:1fr}}
/* kırıntı */
.hb-crumb{font-size:12px;color:#8a94a6;margin:0 0 10px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.hb-crumb a{color:#8a94a6;text-decoration:none}.hb-crumb a:hover{color:#2f3a4a}.hb-crumb b{color:#2f3a4a;font-weight:500}
@media (max-width:768px){.hb-crumb{padding:0 15px}}
/* makale uyumu */
body:has(.hb-secici) .article--area{font-size:14px!important;line-height:1.7!important;color:#5a6472!important;}
body:has(.hb-secici) .article--area p{color:#5a6472!important;margin:0 0 12px!important}
body:has(.hb-secici) .article--area :is(h1,h2,h3,h4){margin:22px 0 8px!important;}
body:has(.hb-secici) .article--area :is(h1,h2,h3,h4):first-child{margin-top:0!important}
body:has(.hb-secici) .article--area strong{color:#2f3a4a;font-weight:600}
body:has(.hb-secici) .article--area ul,body:has(.hb-secici) .article--area ol{margin:0 0 12px 20px;padding:0;font-size:14px}
body:has(.hb-secici) .article--area li{margin-bottom:6px}
body:has(.hb-secici) .article--area hr{border:0;border-top:1px solid #eef1f5;margin:16px 0}
body:has(.hb-secici) .article--area a{color:#eb534b;font-weight:600;text-decoration:none}
body:has(.hb-secici) .article--area img[style*="float: left"]{margin:4px 20px 10px 0}
body:has(.hb-secici) .article-fade-btn{border-radius:999px;font-size:12.5px;font-weight:600}
@media (max-width:767px){body:has(.hb-secici) .article--area{font-size:13.5px!important}body:has(.hb-secici) .article--area img{float:none!important;}}