/* Hosting Pazarı 2.8.2 — grouped search, prices, category dropdown */
.hpt282-search-page{max-width:1420px;padding-inline:clamp(14px,2.4vw,30px)}
.hpt282-search-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.hpt282-search-group{min-width:0;background:#fff;border:1px solid #dfe9f6;border-radius:14px;overflow:hidden;box-shadow:0 6px 26px #153e7210}
.hpt282-search-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:13px 14px;border-bottom:1px solid #e8eef7;background:#f4f8ff;color:#203c67}
.hpt282-search-heading>span{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:750}
.hpt282-search-heading>span i{color:#166bd5;font-size:12px}
.hpt282-search-heading small{font-size:10px;font-weight:650;white-space:nowrap;color:#647b9d}
.hpt282-search-items{padding:6px;display:flex;flex-direction:column;gap:3px}
.hpt282-search-item{border:1px solid transparent!important;border-radius:9px!important;padding:11px 8px!important;min-width:0;display:flex;align-items:center;gap:8px}
.hpt282-search-item+.hpt282-search-item{border-top:1px solid #edf2f9!important;border-radius:4px!important}
.hpt282-search-item:hover{background:#f3f8ff!important;border-color:#cfe4ff!important}
.hpt282-search-item .hpt-search-option-text{min-width:0;flex:1 1 auto}
.hpt282-search-item .hpt-search-option-text strong{font-size:12px;line-height:1.45;color:#17365e}
.hpt282-search-item .hpt-search-option-text small{font-size:10px;color:#6d819e}
.hpt282-search-item .hpt-search-option-icon{width:31px;height:31px;flex:0 0 31px}
.hpt282-search-price{display:inline-flex;max-width:36%;flex:0 0 auto;text-align:right;justify-content:flex-end;align-items:center;color:#1464c1;font-size:12px;font-weight:750;white-space:nowrap}
.hpt282-search-price .hpc-convert-price{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:2px;line-height:1.3;font-size:12px}
.hpt282-search-price .hpc-convert-price small{font-size:9px;font-weight:500}
.hpt-search-no-price{white-space:normal;font-size:9px;font-weight:500;color:#73869d}
.hpt282-search-empty{font-size:11px;margin:6px 9px 14px;color:#8290a8;line-height:1.5}
.hpt282-search-pager{display:flex;gap:5px;flex-wrap:wrap;padding:9px 12px 13px;border-top:1px solid #ecf1f9}
.hpt282-search-pager a{display:inline-flex;min-width:26px;min-height:27px;align-items:center;justify-content:center;text-decoration:none;font-size:11px;border:1px solid #dbe5f2;background:#fff;border-radius:6px;color:#22558b}
.hpt282-search-pager a[aria-current="page"]{background:#1266d7;color:white;border-color:#1266d7}
.hpt282-search-full>.hpt282-search-hp_domain{grid-column:1 / -1}
.hpt282-search-full>.hpt282-search-hp_domain .hpt282-search-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.hpt282-search-full>.hpt282-search-hp_domain .hpt282-search-item{border-top:0!important}
/* Live search: expand beyond the input without reflowing the header. */
.hpc-header-search .hpt-live-suggestions{right:auto!important;left:0!important;width:min(920px,calc(100vw - 42px));max-height:min(73vh,570px);padding:9px}
.hpt282-search-live{gap:8px}
.hpt282-search-live .hpt282-search-group{box-shadow:none}
.hpt282-search-live .hpt282-search-heading{padding:10px}
.hpt282-search-live .hpt282-search-heading>span{font-size:11px}
.hpt282-search-live .hpt282-search-item{padding:8px 6px!important;gap:6px}
.hpt282-search-live .hpt282-search-item .hpt-search-option-icon{display:none}
.hpt282-search-live .hpt282-search-item .hpt-search-option-text strong{font-size:11px}
.hpt282-search-live .hpt282-search-item .hpt-search-option-text small{font-size:9px}
.hpt282-search-live .hpt282-search-price{font-size:11px;max-width:44%}
.hpt282-search-live>.hpt282-search-hp_domain{grid-column:1 / -1}
.hpt282-search-live>.hpt282-search-hp_domain .hpt282-search-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.hpt282-filter-category label{display:block;margin-bottom:6px}
.hpt282-filter-category select{width:100%;border-radius:8px;min-height:39px;border:1px solid #d7e3f3;background:#fff;padding:8px 9px;color:#17385f;font-size:12px}
html[data-hpt-theme="dark"] .hpt282-search-group{background:#152840;border-color:#36516f;box-shadow:none}
html[data-hpt-theme="dark"] .hpt282-search-heading{background:#203755;border-color:#36516f;color:#e6f3ff}
html[data-hpt-theme="dark"] .hpt282-search-heading small,html[data-hpt-theme="dark"] .hpt282-search-item .hpt-search-option-text small{color:#aac0de}
html[data-hpt-theme="dark"] .hpt282-search-item .hpt-search-option-text strong{color:#eff6ff}
html[data-hpt-theme="dark"] .hpt282-search-item:hover{background:#244469!important;border-color:#4d6e94!important}
html[data-hpt-theme="dark"] .hpt282-search-item+.hpt282-search-item{border-top-color:#2a425e!important}
html[data-hpt-theme="dark"] .hpt282-search-price{color:#80c2ff}
html[data-hpt-theme="dark"] .hpt282-search-pager{border-color:#36516f}
html[data-hpt-theme="dark"] .hpt282-filter-category select{background:#162d4d;color:#e5f3ff;border-color:#3c5f89}
@media(max-width:980px){.hpt282-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hpt282-search-full>.hpt282-search-hp_domain .hpt282-search-items,.hpt282-search-live>.hpt282-search-hp_domain .hpt282-search-items{grid-template-columns:repeat(2,minmax(0,1fr))}.hpc-header-search .hpt-live-suggestions{max-height:60vh}}
@media(max-width:650px){.hpt282-search-grid{grid-template-columns:1fr;gap:9px}.hpt282-search-page{padding-inline:12px}.hpt282-search-live>.hpt282-search-hp_domain,.hpt282-search-full>.hpt282-search-hp_domain{grid-column:auto}.hpt282-search-full>.hpt282-search-hp_domain .hpt282-search-items,.hpt282-search-live>.hpt282-search-hp_domain .hpt282-search-items{grid-template-columns:1fr}.hpc-header-search .hpt-live-suggestions{left:0!important;right:0!important;width:min(100%,calc(100vw - 25px));max-height:54vh;padding:6px}.hpt282-search-live .hpt282-search-group{border-radius:9px}.hpt282-search-live .hpt282-search-heading{padding:7px 10px}.hpt282-search-live .hpt282-search-items{padding:3px 6px}.hpt282-search-live .hpt282-search-item{padding:6px 5px!important}.hpt282-search-item .hpt-search-option-text strong{font-size:11px}.hpt282-search-price{max-width:40%}}

/* V2.8.3 — Header remains a compact, SINGLE list; groups belong on the result page only. */
.hpc-app .hpc-header-search #hpt-live-suggestions{
 left:auto!important;right:0!important;width:min(350px,calc(100vw - 24px))!important;
 max-width:none!important;max-height:min(390px,65vh)!important;padding:5px!important;
 border:1px solid #d7e6f7!important;border-radius:12px!important;
 box-shadow:0 14px 45px rgba(11,44,88,.16)!important;
 overflow-x:hidden!important;overflow-y:auto!important;
 scrollbar-width:thin;scrollbar-color:#b7d2f1 transparent;
}
.hpc-app .hpc-header-search #hpt-live-suggestions .hpt282-search-item{
 border:0!important;border-radius:8px!important;padding:8px 9px!important;gap:8px!important;
 min-height:44px!important;align-items:center!important;
}
.hpc-app .hpc-header-search #hpt-live-suggestions .hpt-search-option-icon{
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:29px!important;height:29px!important;flex:0 0 29px!important;
 border-radius:7px!important;background:#eff6ff!important;color:#146ccc!important;
}
.hpc-app .hpc-header-search #hpt-live-suggestions .hpt-search-option-text{min-width:0!important;flex:1 1 auto!important}
.hpc-app .hpc-header-search #hpt-live-suggestions .hpt-search-option-text strong{font-size:11px!important;line-height:1.4!important}
.hpc-app .hpc-header-search #hpt-live-suggestions .hpt-search-option-text small{font-size:9px!important;line-height:1.5!important;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hpc-app .hpc-header-search #hpt-live-suggestions .hpt282-search-price{font-size:10px!important;max-width:36%!important;flex:none!important;white-space:normal!important}
.hpc-app .hpc-header-search #hpt-live-suggestions .hpt282-search-price .hpc-convert-price{font-size:10px!important;white-space:nowrap!important}
.hpc-app .hpc-header-search #hpt-live-suggestions .hpt-search-all{display:flex;justify-content:center;padding:9px;font-size:11px;border-top:1px solid #e5edf8}
html[data-hpt-theme="dark"] .hpc-app .hpc-header-search #hpt-live-suggestions .hpt-search-option-icon{background:#244366!important;color:#a4d5ff!important}
/* Premium slim, soft-blue scroll tracks on the top-ten supplier panels. */
.hpc-app .hpt2628-providers-list{
 padding:3px 7px 5px 2px;scrollbar-width:thin;scrollbar-color:#91bff1 transparent;
 scrollbar-gutter:stable;overscroll-behavior:contain;
}
.hpc-app .hpt2628-providers-list::-webkit-scrollbar{width:6px;height:6px}
.hpc-app .hpt2628-providers-list::-webkit-scrollbar-track{background:#f1f6fd;border-radius:100px}
.hpc-app .hpt2628-providers-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#77aff0,#3782df);border:1px solid #edf5ff;border-radius:100px}
.hpc-app .hpt2628-providers-list::-webkit-scrollbar-thumb:hover{background:#1c69c6}
.hpc-app .hpt2628-provider{transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.hpc-app .hpt2628-provider:hover{transform:translateX(2px);box-shadow:0 3px 12px rgba(21,94,177,.08)}
.hpc-app .hptv28-rank-list{scrollbar-width:thin;scrollbar-color:#91bff1 transparent}
.hpc-app .hptv28-rank-list::-webkit-scrollbar{width:6px}
.hpc-app .hptv28-rank-list::-webkit-scrollbar-track{background:#f1f6fd;border-radius:100px}
.hpc-app .hptv28-rank-list::-webkit-scrollbar-thumb{background:#559ce9;border-radius:100px}
html[data-hpt-theme="dark"] .hpc-app .hpt2628-providers-list{scrollbar-color:#4177bb transparent}
html[data-hpt-theme="dark"] .hpc-app .hpt2628-providers-list::-webkit-scrollbar-track{background:#182d49}
html[data-hpt-theme="dark"] .hpc-app .hpt2628-providers-list::-webkit-scrollbar-thumb{background:#407fc6;border-color:#213a58}
.hpt283-compare-fallback-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.hpt283-compare-fallback-grid article{padding:18px;border:1px solid #dce8f7;background:#fff;border-radius:13px;display:grid;gap:9px}
.hpt283-compare-fallback-grid h2,.hpt283-compare-fallback-grid h3{margin:0;font-size:15px}
.hpt283-compare-fallback-grid strong{color:#0767d1;font-size:20px}
.hpt283-fallback-table{overflow-x:auto}
.hpt283-fallback-table table{border-collapse:collapse;width:100%}
.hpt283-fallback-table th,.hpt283-fallback-table td{border-bottom:1px solid #deebf8;padding:12px;text-align:left;font-size:12px}
html[data-hpt-theme="dark"] .hpt283-compare-fallback-grid article{background:#162943;border-color:#36516f}
@media(max-width:650px){.hpc-app .hpc-header-search #hpt-live-suggestions{left:0!important;right:0!important;width:100%!important;max-height:52vh!important}.hpc-app .hpt2628-providers-list{scrollbar-gutter:auto;padding-right:2px}.hpt283-compare-fallback-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hpc-app .hpt2628-provider{transition:none!important}.hpc-app .hpt2628-provider:hover{transform:none!important}}

/* Hosting İlk 10 – horizontal carousel controls + understated progress scrollbar. */
.hpc-app .hpt283-top-tools{display:flex;align-items:center;justify-content:flex-end;gap:11px;flex-wrap:wrap;margin-left:auto}
.hpc-app .hpt283-top-controls{display:inline-flex;gap:6px;align-items:center;flex:0 0 auto}
.hpc-app .hpt283-top-controls[hidden]{display:none!important}
.hpc-app .hpt283-top-controls button{display:grid;place-items:center;cursor:pointer;width:34px;height:34px;border:1px solid #cbdff8;border-radius:10px;background:linear-gradient(155deg,#fff,#edf6ff);color:#1c65bd;box-shadow:0 3px 10px rgba(9,80,161,.06);font-size:12px;transition:color .18s,background .18s,box-shadow .18s,transform .18s}
.hpc-app .hpt283-top-controls button:hover:not(:disabled){background:#0f6cdf;color:#fff;border-color:#0f6cdf;box-shadow:0 5px 14px rgba(15,108,223,.19);transform:translateY(-1px)}
.hpc-app .hpt283-top-controls button:focus-visible{outline:2px solid #0f6cdf;outline-offset:2px}
.hpc-app .hpt283-top-controls button:disabled{opacity:.35;cursor:default;box-shadow:none}
.hpc-app .hpt28-top-grid.hpt2620-top-scroll{scrollbar-width:thin!important;scrollbar-color:#69a8ee #eaf3ff!important;scroll-padding-inline:4px!important;scroll-behavior:smooth!important;padding-bottom:13px!important}
.hpc-app .hpt28-top-grid.hpt2620-top-scroll::-webkit-scrollbar{height:6px!important}
.hpc-app .hpt28-top-grid.hpt2620-top-scroll::-webkit-scrollbar-track{background:#eaf3ff;border-radius:100px;margin-inline:3px}
.hpc-app .hpt28-top-grid.hpt2620-top-scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#71b5f5,#2a7bd9);border-radius:100px;border:1px solid #eaf3ff}
.hpc-app .hpt28-top-grid.hpt2620-top-scroll::-webkit-scrollbar-thumb:hover{background:#155fb5}
.hpc-app .hpt28-top-grid.hpt2620-top-scroll>.hpt28-top-item{transition:border-color .19s,box-shadow .19s,transform .19s!important}
.hpc-app .hpt28-top-grid.hpt2620-top-scroll>.hpt28-top-item:hover{border-color:#8fbef0!important;box-shadow:0 10px 23px rgba(10,80,160,.10)!important;transform:translateY(-2px)}
html[data-hpt-theme="dark"] .hpc-app .hpt283-top-controls button{background:#1c3553;color:#a9d3ff;border-color:#375779}
html[data-hpt-theme="dark"] .hpc-app .hpt28-top-grid.hpt2620-top-scroll{scrollbar-color:#3f80cb #1e3654!important}
html[data-hpt-theme="dark"] .hpc-app .hpt28-top-grid.hpt2620-top-scroll::-webkit-scrollbar-track{background:#1e3654}
html[data-hpt-theme="dark"] .hpc-app .hpt28-top-grid.hpt2620-top-scroll::-webkit-scrollbar-thumb{background:#3f80cb;border-color:#1e3654}
@media(max-width:700px){.hpc-app .hpt28-top-head{gap:8px!important}.hpc-app .hpt283-top-tools{justify-content:space-between;width:100%;margin:0}.hpc-app .hpt283-top-controls button{width:31px;height:31px}.hpc-app .hpt28-top-grid.hpt2620-top-scroll{padding-bottom:10px!important}}
@media(prefers-reduced-motion:reduce){.hpc-app .hpt28-top-grid.hpt2620-top-scroll{scroll-behavior:auto!important}.hpc-app .hpt283-top-controls button{transition:none!important}.hpc-app .hpt28-top-grid.hpt2620-top-scroll>.hpt28-top-item:hover{transform:none!important}}