/* HPV26.6 — Domain Fırsatları şeridi (tek dosya, kompakt).
   Önceki sürümlerde hpv262 / hpv264 dosyalarına dağılmış olan tüm .hpt260 kuralları burada birleştirildi. */
.hpc-app .hpt260-domain,
.hpc-app .hpt260-domain *{box-sizing:border-box}
.hpc-app .hpt260-domain{
 --hpt260-ink:#102b5e;--hpt260-border:#d9e7fb;
 position:relative;width:calc(100% - 20px);max-width:none;min-width:0;
 margin:8px auto 10px;padding:8px 12px 9px;
 border:1px solid #e1ebfd;border-radius:16px;
 background:linear-gradient(158deg,#fff 0%,#fbfdff 55%,#f1f7ff 100%);
 box-shadow:0 3px 12px rgba(27,82,155,.05);
 color:var(--hpt260-ink);font-family:Poppins,Arial,sans-serif;overflow:hidden;
}
.hpc-app .hpt260-domain-header{position:relative;z-index:2;display:grid;grid-template-columns:minmax(260px,1.1fr) minmax(330px,1fr) minmax(170px,.62fr);align-items:center;column-gap:14px;row-gap:8px;margin:0 0 7px;padding:0 4px}
.hpc-app .hpt260-domain-heading{display:flex;align-items:center;gap:10px;min-width:0}
.hpc-app .hpt260-domain-globe{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#28b0ff 0%,#0871ec 65%,#0958d2 100%);box-shadow:0 3px 8px rgba(7,95,226,.15);color:#fff;font-size:18px}
.hpc-app .hpt260-title-rule{width:1px;height:26px;flex:0 0 1px;background:#dce7f5}
.hpc-app .hpt260-title-copy{min-width:0}
.hpc-app .hpt260-title-copy h2{margin:0 0 1px!important;padding:0!important;color:#08265b!important;font-weight:750!important;font-size:clamp(15px,1.1vw,19px)!important;letter-spacing:-.4px!important;line-height:1.2!important}
.hpc-app .hpt260-title-copy p{margin:0!important;color:#62728e!important;font-weight:500!important;font-size:clamp(10px,.7vw,12px)!important;line-height:1.3!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hpc-app .hpt260-domain-tabs{display:flex;justify-content:center;align-items:center;gap:6px;min-width:0}
.hpc-app .hpt260-tab{appearance:none;display:grid;place-items:center;flex:1 1 0;min-width:0;max-width:112px;height:32px;padding:2px 8px;border:1px solid #c9dcfa;border-radius:9px;box-shadow:0 2px 5px rgba(21,79,145,.06);background:linear-gradient(#fff,#f9fbff);font:800 clamp(12px,.88vw,14px)/1 Poppins,Arial,sans-serif;color:#092657;white-space:nowrap;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}
.hpc-app .hpt260-tab:hover{border-color:#86b8f2;box-shadow:0 3px 8px rgba(28,92,181,.11)}
.hpc-app .hpt260-tab.is-active,.hpc-app .hpt260-tab[aria-selected="true"]{background:linear-gradient(140deg,#23a4ff,#0063df);border-color:#218bfc;color:#fff;box-shadow:0 4px 9px rgba(10,106,237,.15)}
.hpc-app .hpt260-tab:focus-visible,.hpc-app .hpt260-arrow:focus-visible,.hpc-app .hpt260-offer:focus-visible{outline:3px solid #ffb737;outline-offset:2px}
.hpc-app .hpt260-domain-tools{display:flex;justify-content:flex-end;align-items:center;gap:10px;white-space:nowrap}
.hpc-app .hpt260-live-label{display:inline-flex;align-items:center;gap:6px;color:#0c57ac;font-weight:750;font-size:12px}
.hpc-app .hpt260-live-label i{color:#0b66dc;font-size:13px}
.hpc-app .hpt260-domain-arrows{display:flex;gap:6px}
.hpc-app .hpt260-arrow{appearance:none;width:32px;height:32px;display:grid;place-items:center;border:1px solid #e0eafd;border-radius:9px;background:linear-gradient(#fff,#fbfcff);color:#12366a;font-size:13px;box-shadow:0 2px 5px rgba(15,71,158,.045);cursor:pointer;transition:color .2s,background .2s,opacity .2s}
.hpc-app .hpt260-arrow:hover:not(:disabled){background:#eff6ff;color:#0562dc}
.hpc-app .hpt260-arrow:disabled{opacity:.43;cursor:default}
.hpc-app .hpt260-panel[hidden]{display:none!important}
.hpc-app .hpt260-panels,.hpc-app .hpt260-panel{min-width:0;width:100%;position:relative;z-index:1}
.hpc-app .hpt260-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 30px)/4);gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;scroll-behavior:smooth;padding:1px 0 2px;min-width:0}
.hpc-app .hpt260-track::-webkit-scrollbar{display:none}
.hpc-app .hpt260-offer{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) 1px minmax(40px,.42fr) minmax(100px,1.05fr);align-items:center;column-gap:8px;min-width:0;height:80px;padding:13px 12px 7px;border:1px solid var(--hpt260-border);border-radius:10px;background:#fff;color:#142e5e;text-decoration:none!important;scroll-snap-align:start;box-shadow:0 2px 7px rgba(22,86,174,.05);overflow:hidden;transition:border-color .2s,box-shadow .2s}
.hpc-app .hpt260-offer:hover{border-color:#80baff;box-shadow:0 5px 14px rgba(23,85,173,.1)}
.hpc-app .hpt260-offer-best{border:1.5px solid #84c8fb;background:linear-gradient(155deg,#f5fbff,#fff 76%)}
.hpc-app .hpt260-offer-ribbon{position:absolute;left:-1px;top:-1px;z-index:3;display:inline-flex;align-items:center;gap:5px;max-width:70%;height:18px;padding:0 14px 0 9px;clip-path:polygon(0 0,100% 0,92% 100%,0 100%);border-radius:9px 0 8px 0;background:linear-gradient(110deg,#d9f1ff 0%,#aadfff 100%);color:#07559f;font-size:9.5px;font-weight:800;line-height:1;white-space:nowrap}
.hpc-app .hpt260-offer-ribbon i{color:#0b72cb;font-size:9.5px}
.hpc-app .hpt260-offer-brand{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;width:100%;height:36px;overflow:hidden}
.hpc-app .hpt260-offer-brand img.hpc-company-logo,.hpc-app .hpt260-offer-brand img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:32px!important;object-fit:contain!important;object-position:center!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.hpc-app .hpt260-offer-brand img.hpt256-favicon{height:28px!important;max-width:40px!important}
.hpc-app .hpt260-offer-brand .hpc-logo-fallback{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;flex:0 0 34px;background:#e9f3ff;color:#0c6cdf;border-radius:9px;font-size:16px}
.hpc-app .hpt260-offer-divider{display:block;width:1px;height:28px;min-width:1px;background:#e4ebf7}
.hpc-app .hpt260-offer-tld{display:block;min-width:0;text-align:center;font-size:clamp(12px,.92vw,16px);line-height:1.1;font-weight:800;letter-spacing:-.25px;white-space:nowrap;color:#1b2f55}
.hpc-app .hpt260-offer-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-width:0;gap:4px}
.hpc-app .hpt260-offer-price{display:block;width:100%;min-width:0;white-space:nowrap;text-align:right;color:#0868dd;font-weight:850;line-height:1.15}
.hpc-app .hpt260-offer-price .hpc-convert-price{display:inline-flex!important;flex-wrap:nowrap!important;align-items:baseline!important;justify-content:flex-end!important;gap:0!important;white-space:nowrap!important;width:auto!important;max-width:none!important;font-size:clamp(14px,1.05vw,18px)!important;font-weight:850!important;letter-spacing:-.3px!important;line-height:1.15!important;color:#0a69db!important}
.hpc-app .hpt260-offer-price .hpc-convert-price small{display:inline!important;flex:0 0 auto;font-size:clamp(9px,.66vw,11px)!important;font-weight:650!important;color:#424a5a!important;line-height:1.15!important}
.hpc-app .hpt260-offer .hpt24-price-condition,.hpc-app .hpt260-offer .hpt260-offer-note{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;max-width:100%!important;min-width:0!important;flex:0 0 auto;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;margin:0!important;padding:3px 8px!important;line-height:1.15!important;font-size:9px!important;font-weight:750!important;border:0!important;border-radius:999px!important;box-shadow:none!important;color:#ad7100!important;background:#fff0d9!important}
.hpc-app .hpt260-offer .hpt260-note-new{color:#087c38!important;background:#e0f9e9!important}
.hpc-app .hpt260-offer .hpt260-note-new::before{content:"";display:inline-block;flex:0 0 8px;width:8px;height:8px;margin-right:5px;border:2px solid currentColor;border-radius:50%;opacity:.75}
.hpc-app .hpt260-offer .hpt260-note-general{color:#1766a7!important;background:#eef5ff!important}
.hpc-app .hpt260-no-offers{margin:0;padding:18px;text-align:center;border:1px solid #dfebfc;border-radius:12px;background:#fff;color:#536d92}

/* Orta genişlik: başlık ve sekmeler tek satırda kalır */
@media(max-width:1260px){
 .hpc-app .hpt260-track{grid-auto-columns:calc((100% - 20px)/3)}
}
@media(max-width:960px){
 .hpc-app .hpt260-domain-header{grid-template-columns:minmax(0,1fr) auto}
 .hpc-app .hpt260-domain-tabs{grid-column:1/-1;grid-row:2;justify-content:flex-start}
 .hpc-app .hpt260-domain-tools{grid-column:2;grid-row:1}
 .hpc-app .hpt260-track{grid-auto-columns:calc((100% - 10px)/2)}
}
/* Mobil: oklar gizlenir (kaydırma ile gezilir), başlık + sekmeler tek bloğa sığar */
@media(max-width:650px){
 .hpc-app .hpt260-domain{width:calc(100% - 12px);border-radius:12px;padding:8px 9px 8px;margin:6px auto 8px}
 .hpc-app .hpt260-domain-header{display:flex;flex-wrap:wrap;gap:7px 8px;margin-bottom:7px;padding:0}
 .hpc-app .hpt260-domain-heading{order:1;flex:1 1 100%;gap:8px}
 .hpc-app .hpt260-domain-globe{width:30px;height:30px;flex-basis:30px;border-radius:8px;font-size:15px}
 .hpc-app .hpt260-title-rule{height:22px}
 .hpc-app .hpt260-title-copy h2{font-size:15px!important}
 .hpc-app .hpt260-title-copy p{font-size:10px!important}
 .hpc-app .hpt260-domain-tabs{order:2;flex:1 1 100%;gap:5px;justify-content:space-between}
 .hpc-app .hpt260-tab{height:30px;max-width:none;font-size:12px;padding:2px 2px}
 .hpc-app .hpt260-domain-tools{display:none}
 .hpc-app .hpt260-track{grid-auto-columns:min(88%,340px);gap:8px}
 .hpc-app .hpt260-offer{height:84px;padding:14px 10px 7px;grid-template-columns:minmax(0,1fr) 1px minmax(38px,.4fr) minmax(95px,1fr);column-gap:7px}
 .hpc-app .hpt260-offer-brand{height:34px}
 .hpc-app .hpt260-offer-price .hpc-convert-price{font-size:16px!important}
}

/* Koyu tema */
html[data-hpt-theme="dark"] .hpc-app .hpt260-domain{background:linear-gradient(160deg,#0e2039,#132a49);border-color:#2e4a70;box-shadow:none}
html[data-hpt-theme="dark"] .hpc-app .hpt260-title-copy h2{color:#eef5ff!important}
html[data-hpt-theme="dark"] .hpc-app .hpt260-title-copy p{color:#b9cbe6!important}
html[data-hpt-theme="dark"] .hpc-app .hpt260-title-rule,html[data-hpt-theme="dark"] .hpc-app .hpt260-offer-divider{background:#33516f}
html[data-hpt-theme="dark"] .hpc-app .hpt260-tab:not(.is-active),html[data-hpt-theme="dark"] .hpc-app .hpt260-arrow{background:#1a3656;border-color:#39587f;color:#e7f1ff}
html[data-hpt-theme="dark"] .hpc-app .hpt260-live-label{color:#a8d2ff}
html[data-hpt-theme="dark"] .hpc-app .hpt260-offer{background:#172d4b;color:#eff7ff;border-color:#3a5779}
html[data-hpt-theme="dark"] .hpc-app .hpt260-offer-best{border-color:#488dc0;background:#142a44}
html[data-hpt-theme="dark"] .hpc-app .hpt260-offer-ribbon{background:linear-gradient(110deg,#244f7b,#286ba1);color:#d8f1ff}
html[data-hpt-theme="dark"] .hpc-app .hpt260-offer-ribbon i{color:#abdfff}
html[data-hpt-theme="dark"] .hpc-app .hpt260-offer-tld{color:#eaf3ff}
html[data-hpt-theme="dark"] .hpc-app .hpt260-offer-price .hpc-convert-price{color:#7dbaff!important}
html[data-hpt-theme="dark"] .hpc-app .hpt260-offer-price .hpc-convert-price small{color:#d2ddec!important}
html[data-hpt-theme="dark"] .hpc-app .hpt260-offer .hpt24-price-condition{background:#46351e!important;color:#ffd99b!important}
html[data-hpt-theme="dark"] .hpc-app .hpt260-offer .hpt260-note-new{background:#173f36!important;color:#a7efc4!important}
html[data-hpt-theme="dark"] .hpc-app .hpt260-no-offers{background:#172d4b;border-color:#3a5779;color:#d8e7fa}
@media(prefers-reduced-motion:reduce){.hpc-app .hpt260-track{scroll-behavior:auto}.hpc-app .hpt260-offer,.hpc-app .hpt260-tab{transition:none}}
