/* home2: speed.al redesign. Scoped to .h2 so the rest of the theme is untouched. */

.h2 {
  --ink: #0f1b2d;
  --ink-2: #2e3d52;
  --ink-3: #5f6e80;
  --ground: #f6f8fb;
  --paper: #ffffff;
  --accent: #22b573;
  --accent-deep: #137a4b;
  --accent-fill: #137a4b;
  --night: #0b1626;
  font-family: "Poppins", sans-serif;
  color: var(--ink);
  background: var(--paper);
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
}
.h2 *, .h2 *::before, .h2 *::after { box-sizing: border-box; }
.h2 a { text-decoration: none; }
.h2 h1, .h2 h2, .h2 h3, .h2 p, .h2 ul, .h2 figure { margin: 0; padding: 0; }
.h2 ul { list-style: none; }

.h2-wrap { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.h2-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* ---------- buttons (flat, one fill each) ---------- */
.h2-btn {
  display: inline-flex; align-items: center; justify-content: center;
  height: 50px; padding: 0 28px; border-radius: 12px;
  font-weight: 600; font-size: 16px;
  transition: transform .25s cubic-bezier(.32,.72,0,1), background-color .25s, color .25s, border-color .25s;
}
.h2-btn:active { transform: scale(.98); }
.h2-btn-fill { background: var(--accent-fill); color: #fff; }
.h2-btn-fill:hover { background: #0e5c38; color: #fff; }
.h2-btn-line { border: 1.5px solid var(--ink); color: var(--ink); }
.h2-btn-line:hover { background: var(--ink); color: #fff; }
.h2-btn-white { background: #fff; color: var(--ink); }
.h2-btn-white:hover { background: var(--ground); color: var(--ink); }
.h2-btn-ghost { border: 1.5px solid rgba(255,255,255,.7); color: #fff; }
.h2-btn-ghost:hover { background: rgba(255,255,255,.14); color: #fff; }

/* ---------- hero ---------- */
.h2-hero {
  position: relative; min-height: 100vh; min-height: 100dvh;
  display: flex; align-items: center;
  padding: 190px 0 110px; color: #fff; background: var(--night);
}
.h2-hero-bg {
  position: absolute; inset: 0;
  background-size: cover; background-position: center;
  transform: scale(1.04);
  animation: h2-settle 2.4s cubic-bezier(.32,.72,0,1) forwards;
}
.h2-hero-shade { position: absolute; inset: 0; background: rgba(11,22,38,.78); }
.h2-hero-inner { position: relative; z-index: 2; }
.h2-hero-title {
  font-size: clamp(30px, 6.4vw, 88px); font-weight: 700;
  line-height: 1.02; letter-spacing: -.035em; max-width: 14ch;
}
.h2-hero-lead {
  margin-top: 26px; max-width: 46ch;
  font-size: clamp(16px, 1.4vw, 17px); line-height: 1.65; color: rgba(255,255,255,.88);
}

.h2-search {
  margin-top: 46px; max-width: 640px;
  display: flex; gap: 10px; padding: 8px;
  background: #fff; border-radius: 16px;
}
.h2-search-input {
  flex: 1; min-width: 0; height: 52px; border: 0; outline: 0;
  padding: 0 18px; font: 500 17px "Poppins", sans-serif; color: var(--ink);
  background: transparent;
}
.h2-search-input::placeholder { color: var(--ink-3); }
.h2-search-input:focus { outline: none; }
.h2-search:focus-within { box-shadow: 0 0 0 3px rgba(34,181,115,.6); }
.h2-search-btn {
  height: 52px; padding: 0 32px; border: 0; border-radius: 11px; cursor: pointer;
  background: var(--accent-fill); color: #fff; font: 600 16px "Poppins", sans-serif;
  transition: background-color .25s, transform .25s cubic-bezier(.32,.72,0,1);
}
.h2-search-btn:hover { background: #0e5c38; }
.h2-search-btn:active { transform: scale(.98); }

.h2-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.h2-chips a {
  display: inline-block; padding: 9px 16px; border-radius: 999px;
  background: rgba(255,255,255,.12); color: #fff; font-size: 16px;
  transition: background-color .25s;
}
.h2-chips a:hover { background: rgba(255,255,255,.22); }
.h2-chips b { font-weight: 700; margin-right: 4px; }

@keyframes h2-settle { to { transform: scale(1); } }

/* ---------- facts ---------- */
.h2-facts { background: var(--night); color: #fff; padding: 0 0 80px; }
.h2-facts-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; }
.h2-facts-grid div { display: flex; flex-direction: column; gap: 8px; }
.h2-facts-grid strong { font-size: 48px; font-weight: 700; letter-spacing: -.02em; line-height: 1; }
.h2-facts-grid span { font-size: 16px; color: rgba(255,255,255,.78); line-height: 1.5; }

/* ---------- section head ---------- */
.h2-head { max-width: 680px; margin-bottom: 56px; }
.h2-head h2 {
  font-size: clamp(32px, 4vw, 52px); font-weight: 700;
  letter-spacing: -.03em; line-height: 1.1;
}
.h2-head p { margin-top: 16px; font-size: 17px; line-height: 1.65; color: var(--ink-2); }

/* ---------- domains ---------- */
.h2-domains { padding: 130px 0 90px; background: var(--paper); }
.h2-tld { display: grid; grid-template-columns: 1fr 1fr; column-gap: 72px; }
.h2-tld li a {
  display: flex; align-items: baseline; justify-content: space-between;
  padding: 26px 4px; border-radius: 6px;
  transition: padding .35s cubic-bezier(.32,.72,0,1), background-color .35s;
}
.h2-tld li a:hover { padding-left: 18px; padding-right: 18px; background: var(--ground); }
.h2-tld-name { font-size: 40px; font-weight: 700; letter-spacing: -.03em; color: var(--ink); }
.h2-tld-price { font-size: 22px; font-weight: 600; color: var(--accent-deep); }

/* ---------- full-bleed photograph with credit ---------- */
.h2-band-wrap { padding: 0 0 130px; background: var(--paper); }
.h2-band { position: relative; border-radius: 24px; overflow: hidden; height: clamp(260px, 36vw, 440px); }
.h2-band img { display: block; width: 100%; height: 100%; object-fit: cover; }
.h2-credit {
  position: absolute; right: 16px; bottom: 14px;
  padding: 6px 12px; border-radius: 8px; background: rgba(255,255,255,.92);
  font-size: 13px; color: var(--ink-3);
}

/* ---------- plans ---------- */
.h2-plans { padding: 130px 0; background: var(--ground); }
.h2-plan-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; align-items: stretch; }
.h2-plan {
  position: relative; display: flex; flex-direction: column;
  padding: 40px 36px; border-radius: 22px; background: var(--paper);
}
.h2-plan h3 { font-size: 26px; font-weight: 700; letter-spacing: -.02em; color: var(--ink); }
.h2-plan-price { margin-top: 22px; display: flex; align-items: baseline; gap: 6px; }
.h2-plan-price b { font-size: 48px; font-weight: 700; letter-spacing: -.03em; line-height: 1; }
.h2-plan-price span { font-size: 16px; color: var(--ink-3); }
.h2-plan-year { margin-top: 8px; font-size: 16px; color: var(--ink-3); }
.h2-plan ul { margin: 30px 0 36px; display: flex; flex-direction: column; gap: 14px; }
.h2-plan li { font-size: 16px; color: var(--ink-2); line-height: 1.5; padding-left: 22px; position: relative; }
.h2-plan li::before {
  content: ""; position: absolute; left: 0; top: 9px;
  width: 8px; height: 8px; border-radius: 50%; background: var(--accent);
}
.h2-plan .h2-btn { margin-top: auto; width: 100%; }
.h2-plan-hot { background: var(--night); }
.h2-plan-hot h3 { color: #fff; }
.h2-plan-hot .h2-plan-price b { color: #fff; }
.h2-plan-hot .h2-plan-price span, .h2-plan-hot .h2-plan-year { color: rgba(255,255,255,.8); }
.h2-plan-hot li { color: rgba(255,255,255,.92); }
.h2-plan-hot .h2-btn-line { border-color: #fff; color: #fff; }
.h2-plan-hot .h2-btn-line:hover { background: #fff; color: var(--ink); }
.h2-plan-hot .h2-btn-fill { background: var(--accent-fill); }

/* ---------- split (dedicated / vps) ---------- */
.h2-split { padding: 130px 0; background: var(--paper); }
.h2-split-grid { display: grid; grid-template-columns: 7fr 5fr; gap: 24px; }
.h2-split-dark, .h2-split-light {
  position: relative; overflow: hidden;
  padding: 56px 52px; border-radius: 24px; display: flex; flex-direction: column;
}
.h2-split-dark { background: var(--night); color: #fff; min-height: 520px; }
.h2-split-light { background: var(--ground); color: var(--ink); min-height: 520px; }
.h2-split-photo {
  position: absolute; inset: 0;
  background-size: cover; background-position: center;
}
.h2-split-dark::after {
  content: ""; position: absolute; inset: 0; background: rgba(11,22,38,.82);
}
.h2-split-content { position: relative; z-index: 2; display: flex; flex-direction: column; height: 100%; }
.h2-split h3 { font-size: clamp(28px, 3vw, 40px); font-weight: 700; letter-spacing: -.03em; line-height: 1.12; max-width: 22ch; }
.h2-split-dark p:not(.h2-split-price) { margin-top: 18px; font-size: 17px; line-height: 1.7; color: rgba(255,255,255,.86); max-width: 42ch; }
.h2-split-light > p:not(.h2-split-price) { margin-top: 18px; font-size: 17px; line-height: 1.7; color: var(--ink-2); max-width: 42ch; }
.h2-split-price { margin: auto 0 28px; padding-top: 40px; font-size: 17px; }
.h2-split-dark .h2-split-price { color: rgba(255,255,255,.86); }
.h2-split-light .h2-split-price { color: var(--ink-2); }
.h2-split-price b { font-size: 40px; font-weight: 700; letter-spacing: -.02em; }
.h2-split-dark .h2-split-price b { color: #fff; }
.h2-split-light .h2-split-price b { color: var(--ink); }
.h2-split .h2-btn { align-self: flex-start; }
.h2-split-light .h2-split-price { margin-top: auto; }

/* ---------- why ---------- */
.h2-why { padding: 130px 0; background: var(--ground); }
.h2-why .h2-band { margin-bottom: 96px; height: clamp(240px, 30vw, 380px); }
.h2-cable-img {
  width: 100%; height: 100%;
  background-size: 200% auto; background-position: 0 40%; background-repeat: no-repeat;
}
.h2-why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 56px; }
.h2-why-grid h3 { font-size: 22px; font-weight: 700; letter-spacing: -.01em; line-height: 1.25; }
.h2-why-grid p { margin-top: 14px; font-size: 17px; line-height: 1.7; color: var(--ink-2); }

/* ---------- cta ---------- */
.h2-cta { background: var(--accent-fill); color: #fff; padding: 110px 0; }
.h2-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 48px; flex-wrap: wrap; }
.h2-cta h2 { font-size: clamp(32px, 3.6vw, 52px); font-weight: 700; letter-spacing: -.03em; line-height: 1.1; max-width: 18ch; }
.h2-cta p { margin-top: 16px; font-size: 17px; color: #fff; }
.h2-cta-actions { display: flex; flex-wrap: wrap; gap: 12px; }

/* ---------- reveal (only when JS is on; content stays visible otherwise) ---------- */
.h2-js .rv { opacity: 0; transform: translateY(26px); transition: opacity .9s cubic-bezier(.32,.72,0,1), transform .9s cubic-bezier(.32,.72,0,1); transition-delay: var(--d, 0ms); }
.h2-js .rv.in { opacity: 1; transform: none; }

/* ---------- responsive ---------- */
@media (max-width: 1024px) {
  .h2-plan-grid { grid-template-columns: 1fr; max-width: 520px; margin: 0 auto; }
  .h2-why-grid { grid-template-columns: 1fr; gap: 40px; }
  .h2-facts-grid { grid-template-columns: repeat(2, 1fr); }
  .h2-split-grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .h2-hero { padding: 150px 0 80px; }
  .h2-search { flex-direction: column; padding: 8px; }
  .h2-search-btn { width: 100%; }
  .h2-tld { grid-template-columns: 1fr; }
  .h2-tld-name { font-size: 32px; }
  .h2-domains, .h2-plans, .h2-split, .h2-why { padding: 90px 0; }
  .h2-band-wrap { padding-bottom: 90px; }
  .h2-split-dark, .h2-split-light { padding: 40px 28px; min-height: 0; }
  .h2-head { margin-bottom: 40px; }
  .h2-plan { padding: 34px 26px; }
  .h2-cta { padding: 80px 0; }
}
@media (prefers-reduced-motion: reduce) {
  .h2-hero-bg { animation: none; transform: none; }
  .h2-js .rv { opacity: 1; transform: none; transition: none; }
  .h2 *, .h2 *::before, .h2 *::after { transition-duration: 0ms !important; }
}

/* ---------- status (live uptime) ---------- */
.h2-status { padding: 130px 0 0; background: var(--paper); }
.h2-status-card {
  background: var(--night); color: #fff; border-radius: 24px;
  padding: 52px 56px; position: relative; overflow: hidden;
}
.h2-status-card::before {
  content: ""; position: absolute; top: -140px; right: -140px;
  width: 380px; height: 380px; border-radius: 50%;
  background: radial-gradient(circle, rgba(46,204,113,.20), transparent 70%);
}
.h2-status-top { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; position: relative; }
.h2-status-top strong { font-size: 22px; font-weight: 700; }
.h2-status-time { margin-left: auto; font-size: 13px; color: rgba(255,255,255,.6); }
.h2-live-dot { width: 14px; height: 14px; border-radius: 50%; background: #2ecc71; position: relative; flex-shrink: 0; }
.h2-live-dot::after {
  content: ""; position: absolute; inset: -6px; border-radius: 50%;
  border: 2px solid #2ecc71; opacity: .7; animation: h2-ping 1.8s ease-out infinite;
}
.h2-live-dot.down { background: #e74c3c; }
.h2-live-dot.down::after { border-color: #e74c3c; }
@keyframes h2-ping {
  0% { transform: scale(.5); opacity: .9; }
  100% { transform: scale(1.2); opacity: 0; }
}
.h2-status-nums { display: flex; gap: 64px; flex-wrap: wrap; margin-top: 32px; position: relative; }
.h2-status-nums b { display: block; font-size: clamp(34px, 4vw, 48px); font-weight: 700; letter-spacing: -.02em; line-height: 1; }
.h2-status-nums span { font-size: 15px; color: rgba(255,255,255,.7); }
.h2-status-mon { display: flex; gap: 12px; flex-wrap: wrap; list-style: none; margin: 32px 0 0; padding: 0; position: relative; }
.h2-status-mon li {
  display: flex; align-items: center; gap: 10px;
  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px; padding: 10px 18px 10px 15px; font-size: 14px;
}
.h2-status-mon li i { width: 9px; height: 9px; border-radius: 50%; background: #7f8c9b; flex-shrink: 0; }
.h2-status-mon li.on i { background: #2ecc71; box-shadow: 0 0 8px #2ecc71; }
.h2-status-mon li.off i { background: #e74c3c; box-shadow: 0 0 8px #e74c3c; }
.h2-status-mon li span { color: rgba(255,255,255,.92); }
.h2-status-mon li em { font-style: normal; color: rgba(255,255,255,.6); font-size: 13px; }
.h2-status-card .h2-btn { margin-top: 34px; position: relative; }

/* ---------- blog ---------- */
.h2-blog { padding: 130px 0; background: var(--paper); }
.h2-blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.h2-blog-card {
  background: #fff; border: 1px solid var(--line); border-radius: 20px;
  padding: 34px 30px; display: flex; flex-direction: column;
  transition: transform .35s cubic-bezier(.32,.72,0,1), box-shadow .35s;
}
.h2-blog-card:hover { transform: translateY(-6px); box-shadow: 0 24px 48px -20px rgba(11,22,38,.22); }
.h2-blog-date { font-size: 13px; font-weight: 600; color: var(--accent-deep); text-transform: uppercase; letter-spacing: .08em; }
.h2-blog-card h3 { font-size: 21px; font-weight: 700; letter-spacing: -.01em; line-height: 1.35; margin-top: 12px; }
.h2-blog-card p { margin-top: 12px; font-size: 15px; line-height: 1.65; color: var(--ink-2); }
.h2-blog-link { margin-top: auto; padding-top: 20px; font-weight: 700; font-size: 15px; color: var(--accent-deep); text-decoration: none; }
.h2-blog-link:hover { text-decoration: underline; }

/* ---------- split: breathing room ---------- */
.h2-split-grid { gap: 28px; }
.h2-split-dark, .h2-split-light { padding: 64px 56px; }
.h2-split-dark p:not(.h2-split-price) { margin-top: 22px; }
.h2-split-light > p:not(.h2-split-price) { margin-top: 22px; }
.h2-split-price { margin-bottom: 34px; padding-top: 56px; }
.h2-split .h2-btn { margin-top: 6px; padding: 18px 34px; }

/* ---------- facts: overflow fix ---------- */
.h2-facts-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.h2-facts-grid > div { min-width: 0; }
.h2-facts-grid strong { font-size: clamp(30px, 4.5vw, 48px); overflow-wrap: anywhere; }
.h2-facts-grid span { overflow-wrap: break-word; }

@media (max-width: 1024px) {
  .h2-blog-grid { grid-template-columns: 1fr; max-width: 520px; margin: 0 auto; }
  .h2-status-card { padding: 44px 36px; }
  .h2-status-nums { gap: 40px; }
}
@media (max-width: 720px) {
  .h2-status { padding-top: 90px; }
  .h2-blog { padding: 90px 0; }
  .h2-status-card { padding: 34px 24px; }
  .h2-status-nums { gap: 28px; }
  .h2-status-time { margin-left: 0; width: 100%; }
  .h2-split-dark, .h2-split-light { padding: 48px 30px; }
  .h2-split-price { padding-top: 44px; }
  .h2-facts-grid { gap: 24px 16px; }
}

/* ---------- live status on photo band ---------- */
.h2-band-status { display: flex; align-items: center; justify-content: center; text-align: center; min-height: clamp(320px, 40vw, 480px); }
.h2-band-shade { position: absolute; inset: 0; background: rgba(11,22,38,.64); }
.h2-band-live { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 16px; color: #fff; padding: 32px 20px; }
.h2-band-live strong { font-size: clamp(26px, 3.2vw, 44px); font-weight: 700; letter-spacing: -.03em; line-height: 1.1; }
.h2-band-nums { font-size: 18px; color: rgba(255,255,255,.9); }
.h2-band-nums b { font-size: clamp(28px, 3vw, 40px); font-weight: 700; }
.h2-credit-dark { background: rgba(0,0,0,.5); color: rgba(255,255,255,.85); z-index: 3; }

/* ---------- mobile fix: search stacks, no overflow ---------- */
*,*::before,*::after{box-sizing:border-box}
.h2-hero{overflow-x:hidden}
@media(max-width:640px){
.h2-search{flex-direction:column;align-items:stretch;max-width:100%}
.h2-search-input{width:100%}
.h2-search-btn{width:100%}
.h2-hero-title{font-size:clamp(28px,9vw,44px)}
.h2-wrap{padding:0 16px}
}

/* ---------- mobile facts: fit inside, no mid-word breaks ---------- */
@media(max-width:640px){
.h2-facts{padding:0 0 48px}
.h2-facts-grid{gap:18px 14px}
.h2-facts-grid strong{font-size:30px;overflow-wrap:anywhere}
.h2-facts-grid span{font-size:13px;line-height:1.45;overflow-wrap:break-word;hyphens:auto}
}

/* ---------- mobile status card ---------- */
@media(max-width:640px){
.h2-status{padding:70px 0 0}
.h2-status-card{padding:28px 20px;border-radius:18px}
.h2-status-nums{gap:20px;margin-top:22px}
.h2-status-nums b{font-size:30px}
.h2-status-nums span{font-size:13px}
.h2-status-mon{gap:8px;margin-top:20px}
.h2-status-mon li{font-size:13px;padding:8px 12px;flex:1 1 calc(50% - 8px);min-width:0}
.h2-status-mon li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h2-status-top strong{font-size:17px}
.h2-status .h2-btn{width:100%;text-align:center}
}

/* ---------- mobile pills single column, full names ---------- */
@media(max-width:640px){
.h2-status-mon li{flex:1 1 100%}
.h2-status-mon li span{white-space:normal}
}

/* ---------- space under status title ---------- */
.h2-status-top{margin-bottom:26px}

/* ---------- vs table ---------- */
.h2-vs{padding:90px 0 0}
.h2-vs-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.h2-vs-table{width:100%;min-width:640px;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 14px 40px rgba(7,40,77,.10);font-size:15px}
.h2-vs-table th,.h2-vs-table td{padding:13px 14px;border-bottom:1px solid #e6edf5;text-align:left}
.h2-vs-table th{background:#0a2f52;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.h2-vs-table th.me{background:#0e5c38}
.h2-vs-table td.me{background:#f2fbf6;font-weight:700}
.h2-win{display:inline-block;background:#e6f9f0;color:#0a7a4e;font-size:11px;font-weight:800;padding:2px 10px;border-radius:999px}
.h2-vs-note{margin-top:12px;color:var(--ink-2);font-size:14px}
@media(max-width:640px){.h2-vs{padding:60px 0 0}.h2-vs-table{font-size:13px}.h2-vs-table th,.h2-vs-table td{padding:10px}}

/* ---------- gap between domain card and status image ---------- */
.h2-domains{padding-bottom:70px}
.h2-band-wrap{margin-top:10px}

/* ---------- status (live uptime) ---------- */
.h2-status { padding: 130px 0 0; background: var(--paper); }
.h2-status-card {
  background: var(--night); color: #fff; border-radius: 24px;
  padding: 52px 56px; position: relative; overflow: hidden;
}
.h2-status-card::before {
  content: ""; position: absolute; top: -140px; right: -140px;
  width: 380px; height: 380px; border-radius: 50%;
  background: radial-gradient(circle, rgba(46,204,113,.20), transparent 70%);
}
.h2-status-top { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; position: relative; }
.h2-status-top strong { font-size: 22px; font-weight: 700; }
.h2-status-time { margin-left: auto; font-size: 13px; color: rgba(255,255,255,.6); }
.h2-live-dot { width: 14px; height: 14px; border-radius: 50%; background: #2ecc71; position: relative; flex-shrink: 0; }
.h2-live-dot::after {
  content: ""; position: absolute; inset: -6px; border-radius: 50%;
  border: 2px solid #2ecc71; opacity: .7; animation: h2-ping 1.8s ease-out infinite;
}
.h2-live-dot.down { background: #e74c3c; }
.h2-live-dot.down::after { border-color: #e74c3c; }
@keyframes h2-ping {
  0% { transform: scale(.5); opacity: .9; }
  100% { transform: scale(1.2); opacity: 0; }
}
.h2-status-nums { display: flex; gap: 64px; flex-wrap: wrap; margin-top: 32px; position: relative; }
.h2-status-nums b { display: block; font-size: clamp(34px, 4vw, 48px); font-weight: 700; letter-spacing: -.02em; line-height: 1; }
.h2-status-nums span { font-size: 15px; color: rgba(255,255,255,.7); }
.h2-status-mon { display: flex; gap: 12px; flex-wrap: wrap; list-style: none; margin: 32px 0 0; padding: 0; position: relative; }
.h2-status-mon li {
  display: flex; align-items: center; gap: 10px;
  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px; padding: 10px 18px 10px 15px; font-size: 14px;
}
.h2-status-mon li i { width: 9px; height: 9px; border-radius: 50%; background: #7f8c9b; flex-shrink: 0; }
.h2-status-mon li.on i { background: #2ecc71; box-shadow: 0 0 8px #2ecc71; }
.h2-status-mon li.off i { background: #e74c3c; box-shadow: 0 0 8px #e74c3c; }
.h2-status-mon li span { color: rgba(255,255,255,.92); }
.h2-status-mon li em { font-style: normal; color: rgba(255,255,255,.6); font-size: 13px; }
.h2-status-card .h2-btn { margin-top: 34px; position: relative; }

/* ---------- blog ---------- */
.h2-blog { padding: 130px 0; background: var(--paper); }
.h2-blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.h2-blog-card {
  background: #fff; border: 1px solid var(--line); border-radius: 20px;
  padding: 34px 30px; display: flex; flex-direction: column;
  transition: transform .35s cubic-bezier(.32,.72,0,1), box-shadow .35s;
}
.h2-blog-card:hover { transform: translateY(-6px); box-shadow: 0 24px 48px -20px rgba(11,22,38,.22); }
.h2-blog-date { font-size: 13px; font-weight: 600; color: var(--accent-deep); text-transform: uppercase; letter-spacing: .08em; }
.h2-blog-card h3 { font-size: 21px; font-weight: 700; letter-spacing: -.01em; line-height: 1.35; margin-top: 12px; }
.h2-blog-card p { margin-top: 12px; font-size: 15px; line-height: 1.65; color: var(--ink-2); }
.h2-blog-link { margin-top: auto; padding-top: 20px; font-weight: 700; font-size: 15px; color: var(--accent-deep); text-decoration: none; }
.h2-blog-link:hover { text-decoration: underline; }

/* ---------- split: breathing room ---------- */
.h2-split-grid { gap: 28px; }
.h2-split-dark, .h2-split-light { padding: 64px 56px; }
.h2-split-dark p:not(.h2-split-price) { margin-top: 22px; }
.h2-split-light > p:not(.h2-split-price) { margin-top: 22px; }
.h2-split-price { margin-bottom: 34px; padding-top: 56px; }
.h2-split .h2-btn { margin-top: 6px; padding: 18px 34px; }

/* ---------- facts: overflow fix ---------- */
.h2-facts-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.h2-facts-grid > div { min-width: 0; }
.h2-facts-grid strong { font-size: clamp(30px, 4.5vw, 48px); overflow-wrap: anywhere; }
.h2-facts-grid span { overflow-wrap: break-word; }

@media (max-width: 1024px) {
  .h2-blog-grid { grid-template-columns: 1fr; max-width: 520px; margin: 0 auto; }
  .h2-status-card { padding: 44px 36px; }
  .h2-status-nums { gap: 40px; }
}
@media (max-width: 720px) {
  .h2-status { padding-top: 90px; }
  .h2-blog { padding: 90px 0; }
  .h2-status-card { padding: 34px 24px; }
  .h2-status-nums { gap: 28px; }
  .h2-status-time { margin-left: 0; width: 100%; }
  .h2-split-dark, .h2-split-light { padding: 48px 30px; }
  .h2-split-price { padding-top: 44px; }
  .h2-facts-grid { gap: 24px 16px; }
}

/* ---------- live status on photo band ---------- */
.h2-band-status { display: flex; align-items: center; justify-content: center; text-align: center; min-height: clamp(320px, 40vw, 480px); }
.h2-band-shade { position: absolute; inset: 0; background: rgba(11,22,38,.64); }
.h2-band-live { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 16px; color: #fff; padding: 32px 20px; }
.h2-band-live strong { font-size: clamp(26px, 3.2vw, 44px); font-weight: 700; letter-spacing: -.03em; line-height: 1.1; }
.h2-band-nums { font-size: 18px; color: rgba(255,255,255,.9); }
.h2-band-nums b { font-size: clamp(28px, 3vw, 40px); font-weight: 700; }
.h2-credit-dark { background: rgba(0,0,0,.5); color: rgba(255,255,255,.85); z-index: 3; }

/* ---------- band live: centered servers + mobile ---------- */
.h2-band-status { min-height: clamp(420px, 48vw, 560px); }
.h2-band-live { width: 100%; max-width: 860px; margin: 0 auto; align-items: center; text-align: center; }
.h2-band-mon {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;
  list-style: none; margin: 6px 0 0; padding: 0; width: 100%;
}
.h2-band-mon li {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px; padding: 9px 16px 9px 13px; font-size: 14px;
  max-width: 100%; min-width: 0;
}
.h2-band-mon li i { width: 9px; height: 9px; border-radius: 50%; background: #7f8c9b; flex-shrink: 0; }
.h2-band-mon li.on i { background: #2ecc71; box-shadow: 0 0 8px #2ecc71; }
.h2-band-mon li.off i { background: #e74c3c; box-shadow: 0 0 8px #e74c3c; }
.h2-band-mon li span { color: #fff; overflow-wrap: anywhere; }
.h2-band-mon li em { font-style: normal; color: rgba(255,255,255,.65); font-size: 13px; white-space: nowrap; }
@media (max-width: 720px) {
  .h2-band-status { min-height: 0; padding: 64px 0; }
  .h2-band-live { gap: 13px; padding: 8px 20px; }
  .h2-band-live strong { font-size: 26px; }
  .h2-band-nums { font-size: 15px; }
  .h2-band-nums b { font-size: 26px; }
  .h2-band-mon { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .h2-band-mon li { justify-content: flex-start; font-size: 13px; padding: 8px 12px 8px 11px; }
  .h2-band-mon li em { margin-left: auto; }
  .h2-band .h2-credit { font-size: 11px; right: 10px; bottom: 10px; }
}
@media (max-width: 400px) {
  .h2-band-mon { grid-template-columns: 1fr; }
}

/* ---------- band: full-bleed blurred photo ---------- */
.h2-band-status img {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: center;
  filter: blur(4px) saturate(1.15); transform: scale(1.07);
}
.h2-band-shade { background: linear-gradient(180deg, rgba(30,64,175,.42), rgba(30,58,138,.30)); }
.h2-band-live { margin: 0 auto; }

/* ---------- band: blue photo, blinking servers ---------- */
.h2-band-shade { background: linear-gradient(180deg, rgba(30,64,175,.52), rgba(30,58,138,.38)); }
.h2-band-live { gap: 22px; }
@keyframes h2-blink { 0%, 100% { opacity: 1; } 50% { opacity: .3; } }
.h2-band-mon li.on i { animation: h2-blink 1.6s ease-in-out infinite; }
.h2-band-mon li.off i { animation: none; }
.h2-band-mon li span { font-weight: 600; }

/* ---------- band: narrower desktop, single column mobile ---------- */
.h2-band-status { min-height: clamp(300px, 32vw, 420px); }
@media (max-width: 720px) {
  .h2-band-mon { grid-template-columns: 1fr; }
  .h2-band-mon li { justify-content: center; text-align: center; }
  .h2-band-mon li em { margin-left: 0; }
}

/* ---------- demo search system on home2 ---------- */
.h2-dsearch { margin-top: -70px; position: relative; z-index: 5; }
.search-wrap { background: #fff; border-radius: 16px; box-shadow: 0 18px 50px rgba(7,40,77,.25); padding: 26px 28px; }
.search-wrap h2 { font-size: 1.35rem; color: #0b1626; font-weight: 700; }
.search-wrap p { font-size: .95rem; color: #5b6b82; margin-top: 6px; }
form.domain { display: flex; gap: 10px; margin-top: 14px; flex-wrap: wrap; align-items: stretch; }
form.domain label { position: absolute; left: -9999px; }
form.domain input[type=text] { flex: 1; min-width: 220px; padding: 14px 16px; border: 2px solid #d7e2ef; border-radius: 12px; font-size: 1rem; }
form.domain input:focus { outline: 3px solid #bcd9f7; border-color: #1156c4; }
form.domain .btn.blue { background: #1156c4; color: #fff; font-weight: 800; border: 0; border-radius: 12px; padding: 0 34px; font-size: 1rem; cursor: pointer; }
form.domain .btn.blue:hover { background: #0a449e; }
#avail { font-weight: 800; margin-left: 4px; flex-basis: 100%; }
#avail.free { color: #0a7a4e; }
#avail.taken { color: #b42318; }
#avail.check { color: #1156c4; }
#sugg { flex-basis: 100%; }
#sugg .sug { display: flex; align-items: center; gap: 12px; padding: 8px 4px; border-top: 1px solid #eef2f7; font-size: .95rem; }
#sugg .sug .pr { color: #0a7a4e; font-weight: 800; }
#sugg .sug .st { color: #5b6b82; }
#sugg .sug .st.free { color: #0a7a4e; font-weight: 700; }
.buy { display: inline-block; background: #ffc531; color: #20242b; font-weight: 800; padding: 8px 18px; border-radius: 999px; text-decoration: none; white-space: nowrap; font-size: .9rem; }
.buy:hover { filter: brightness(.95); }
.resbox { border-radius: 12px; padding: 14px 16px; margin-top: 6px; display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
.resbox.free { background: #e9f9f0; }
.resbox.taken { background: #fdecea; }
.resbox.check { background: #eaf2fd; }
.rdom { font-size: 1.2rem; font-weight: 800; color: #0b1626; }
.rstat { color: #33415c; margin-top: 2px; }
.rpricebox { margin-left: auto; text-align: right; }
.rprice { font-size: 1.4rem; font-weight: 800; color: #0a7a4e; }
.rvat { font-size: .75rem; color: #5b6b82; }
.resbox a.buy { margin-top: 8px; padding: 10px 26px; }
.combos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 12px; }
.combo { border: 1px solid #d7e2ef; border-radius: 12px; padding: 14px; font-size: .9rem; }
.combo .cp { font-size: 1.15rem; font-weight: 800; margin-top: 6px; }
.combo .cs { color: #0a7a4e; font-size: .82rem; margin-top: 2px; }
.combo a.buy { background: #1156c4; color: #fff; margin-top: 10px; }
.tlds { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; margin-top: 18px; }
.tld { display: block; text-align: center; border: 1px solid #d7e2ef; border-top: 4px solid #1156c4; border-radius: 12px; padding: 12px 6px; text-decoration: none; transition: transform .2s, box-shadow .2s; }
.tld:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(11,92,171,.14); }
.tld b { display: block; font-size: 1.25rem; color: #0b1626; }
.tld .old { display: block; text-decoration: line-through; color: #8a97a8; font-size: .85rem; }
.tld .new { display: block; font-weight: 800; color: #0a7a4e; font-size: 1.05rem; }
.tld small { color: #5b6b82; font-size: .75rem; }
@media (max-width: 900px) { .tlds { grid-template-columns: repeat(3, 1fr); } .combos { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .tlds { grid-template-columns: repeat(2, 1fr); } .search-wrap { padding: 20px 16px; } }

/* ---------- top overlap fix ---------- */
.h2-dsearch { margin-top: -34px; }
.fw.homeSliderAll { position: relative; z-index: 1; }
.fw.homeSliderAll .homeSliderItem { min-height: 560px; }
@media (max-width: 720px) {
  .fw.homeSliderAll .homeSliderItem { min-height: 480px; }
}

/* ---------- FINAL search-section fix (px, no overlap, !important) ---------- */
.h2-dsearch { margin-top: 0 !important; padding: 56px 0 0 !important; }
.search-wrap {
  font-size: 16px !important; line-height: 1.5 !important;
  background: #fff !important; border-radius: 16px !important;
  box-shadow: 0 18px 50px rgba(7,40,77,.22) !important;
  padding: 30px 32px !important; overflow: visible !important;
  height: auto !important; min-height: 0 !important;
}
.search-wrap h2 {
  font-size: 22px !important; line-height: 1.3 !important;
  height: auto !important; min-height: 0 !important; max-height: none !important;
  display: block !important; margin: 0 !important; padding: 0 !important;
}
.search-wrap p {
  font-size: 15px !important; line-height: 1.5 !important;
  height: auto !important; margin: 8px 0 0 !important; padding: 0 !important;
}
form.domain { margin-top: 18px !important; font-size: 16px !important; }
form.domain input[type=text] {
  font-size: 16px !important; height: auto !important;
  padding: 14px 16px !important;
}
form.domain .btn.blue { font-size: 16px !important; height: auto !important; padding: 14px 34px !important; }
.tlds { margin-top: 22px !important; }
.tld b { font-size: 20px !important; }
.tld .new { font-size: 16px !important; }
.tld small { font-size: 12px !important; }

/* ---------- search results: explicit px sizes (fix tiny text) ---------- */
#avail { font-size: 16px !important; }
#sugg p { font-size: 15px !important; }
#sugg .sug { font-size: 16px !important; padding: 10px 4px !important; }
#sugg .sug .pr { font-size: 16px !important; }
#sugg .sug .st { font-size: 15px !important; }
#sugg .sug .buy { font-size: 15px !important; }
.buy { font-size: 15px !important; padding: 10px 22px !important; }
.resbox { padding: 18px 20px !important; }
.resbox .rdom { font-size: 22px !important; line-height: 1.3 !important; }
.resbox .rstat { font-size: 16px !important; margin-top: 4px !important; }
.resbox .rprice { font-size: 24px !important; line-height: 1.2 !important; }
.resbox .rvat { font-size: 13px !important; }
.resbox a.buy { font-size: 16px !important; padding: 12px 28px !important; }
.combos { gap: 14px !important; }
.combo { font-size: 15px !important; padding: 16px !important; }
.combo b { font-size: 16px !important; }
.combo .cp { font-size: 20px !important; }
.combo .cs { font-size: 14px !important; }
.combo a.buy { font-size: 15px !important; }

/* ---------- search results: breathing room ---------- */
.resbox { margin-bottom: 18px !important; }
#sugg { margin-top: 6px !important; }
#sugg > p { margin: 0 0 12px !important; font-size: 15px !important; }
#sugg .sug { margin-top: 12px !important; padding: 12px 4px !important; border-top: 1px solid #eef2f7 !important; }
.combos { margin-top: 22px !important; padding-top: 18px !important; border-top: 1px solid #eef2f7 !important; }
.combo { margin-bottom: 0 !important; }

/* ---------- reviews slider ---------- */
.h2-rev { padding: 130px 0; background: var(--night); color: #fff; overflow: hidden; }
.h2-rev .h2-head h2 { color: #fff; }
.h2-rev .h2-head p { color: rgba(255,255,255,.7); }
.h2-rev-vp { overflow: hidden; border-radius: 4px; }
.h2-rev-track { display: flex; gap: 24px; transition: transform .65s cubic-bezier(.32,.72,0,1); }
.h2-rev-card {
  position: relative; flex: 0 0 calc(33.333% - 16px); min-width: 0;
  border-radius: 22px; overflow: hidden; min-height: 420px;
  display: flex; background: linear-gradient(140deg, #14294a, #0b1626);
  border: 1px solid rgba(255,255,255,.1);
}
.h2-rev-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.h2-rev-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(11,22,38,.25) 0%, rgba(11,22,38,.88) 78%); }
.h2-rev-body { position: relative; z-index: 2; display: flex; flex-direction: column; padding: 30px 28px; margin-top: auto; width: 100%; }
.h2-rev-stars { color: #ffc531; font-size: 17px; letter-spacing: 3px; }
.h2-rev-body p { margin-top: 14px; font-size: 16.5px; line-height: 1.65; color: #fff; font-style: italic; }
.h2-rev-who { margin-top: 18px; display: flex; align-items: center; gap: 10px; }
.h2-rev-who b { font-size: 15px; font-weight: 700; color: #fff; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.2); padding: 6px 14px; border-radius: 999px; }
.h2-rev-nav { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 36px; }
.h2-rev-arrow {
  width: 52px; height: 52px; border-radius: 50%; cursor: pointer;
  border: 1.5px solid rgba(255,255,255,.35); background: transparent; color: #fff;
  font-size: 26px; line-height: 1; transition: all .3s;
}
.h2-rev-arrow:hover { background: #fff; color: var(--ink); border-color: #fff; }
.h2-rev-dots { display: flex; gap: 8px; }
.h2-rev-dot { width: 10px; height: 10px; border-radius: 50%; border: 0; background: rgba(255,255,255,.3); cursor: pointer; padding: 0; transition: all .3s; }
.h2-rev-dot.on { background: #2ecc71; transform: scale(1.25); }
@media (max-width: 1100px) { .h2-rev-card { flex-basis: calc(50% - 12px); } }
@media (max-width: 720px) {
  .h2-rev { padding: 90px 0; }
  .h2-rev-card { flex-basis: 100%; min-height: 380px; }
  .h2-rev-body { padding: 26px 22px; }
}

/* ---------- world news (knowledgebase) ---------- */
.h2-world { padding: 130px 0; background: var(--ground); }
.h2-world-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; align-items: stretch; }
.h2-world-card {
  background: #fff; border: 1px solid var(--line); border-radius: 20px;
  padding: 32px 30px; display: flex; flex-direction: column;
  transition: transform .35s cubic-bezier(.32,.72,0,1), box-shadow .35s;
}
.h2-world-card:hover { transform: translateY(-6px); box-shadow: 0 24px 48px -20px rgba(11,22,38,.22); }
.h2-world-tag {
  display: inline-block; align-self: flex-start; font-size: 12px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .08em; color: #fff;
  background: var(--accent-deep); padding: 6px 14px; border-radius: 999px;
}
.h2-world-card h3 { font-size: 19px; font-weight: 700; letter-spacing: -.01em; line-height: 1.4; margin-top: 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.8em; }
.h2-world-card h3 a { color: var(--ink); text-decoration: none; }
.h2-world-card h3 a:hover { color: var(--accent-deep); }
.h2-world-card p { margin-top: 12px; font-size: 15px; line-height: 1.65; color: var(--ink-2); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.h2-world-link { margin-top: auto; padding-top: 20px; font-weight: 700; font-size: 15px; color: var(--accent-deep); text-decoration: none; }
.h2-world-link:hover { text-decoration: underline; }
.h2-world-empty { font-size: 17px; color: var(--ink-2); }
.h2-world-more { margin-top: 40px; text-align: center; }
@media (max-width: 1024px) {
  .h2-world-grid { grid-template-columns: 1fr; max-width: 520px; margin: 0 auto; }
}
@media (max-width: 720px) { .h2-world { padding: 90px 0; } }

/* ---------- clean hero slider (no owl, no old theme) ---------- */
.h2-slider { position: relative; min-height: 560px; overflow: hidden; background: var(--night); }
.h2-slider-slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .8s ease, visibility .8s ease; }
.h2-slider-slide.is-on { opacity: 1; visibility: visible; z-index: 1; }
.h2-slider-bg { position: absolute; inset: 0; background-size: cover; background-position: center; }
.h2-slider-shade { position: absolute; inset: 0; background: linear-gradient(100deg, rgba(11,22,38,.95) 0%, rgba(11,22,38,.72) 48%, rgba(11,22,38,.45) 100%); }
.h2-slider-inner { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 40px; min-height: 560px; }
.h2-slider-copy { max-width: 620px; padding: 40px 0; }
.h2-slider-copy h1 { font-size: clamp(36px, 5vw, 62px); font-weight: 300; line-height: 1.08; letter-spacing: -.02em; color: #fff; }
.h2-slider-copy h1 strong { font-weight: 800; color: #ffc531; }
.h2-slider-copy p { margin-top: 22px; font-size: 18px; line-height: 1.7; color: rgba(255,255,255,.88); max-width: 46ch; }
.h2-slider-copy .h2-btn { margin-top: 30px; }
.h2-slider-art { flex: 0 0 auto; max-width: 420px; }
.h2-slider-art img { width: 100%; height: auto; display: block; filter: drop-shadow(0 30px 50px rgba(0,0,0,.4)); }
@media (max-width: 860px) {
  .h2-slider, .h2-slider-inner { min-height: 520px; }
  .h2-slider-art { display: none; }
  .h2-slider-inner { justify-content: center; }
  .h2-slider-copy { max-width: 560px; }
}
@media (max-width: 560px) {
  .h2-slider, .h2-slider-inner { min-height: 480px; }
  .h2-slider-copy h1 { font-size: 34px; }
  .h2-slider-copy p { font-size: 16px; }
}

/* ---------- suggestions as aligned table, Bleje pinned right ---------- */
#sugg .sug {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto auto auto !important;
  align-items: center !important;
  gap: 8px 18px !important;
  padding: 12px 16px !important;
  margin-top: 10px !important;
  background: #fff !important;
  border: 1px solid #e6edf5 !important;
  border-top: 1px solid #e6edf5 !important;
  border-radius: 12px !important;
}
#sugg .sug b { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
#sugg .sug .pr { white-space: nowrap !important; }
#sugg .sug .st { white-space: nowrap !important; }
#sugg .sug .buy { justify-self: end !important; margin: 0 !important; white-space: nowrap !important; }
@media (max-width: 560px) {
  #sugg .sug { grid-template-columns: minmax(0,1fr) auto !important; }
  #sugg .sug .st { display: none !important; }
}

/* ---------- TLD cards: old big-box design ---------- */
.h2-dsearch .tlds { gap: 16px !important; margin-top: 24px !important; }
.h2-dsearch .tld {
  position: relative !important; top: 0 !important;
  display: block !important; text-align: center !important;
  background: #fff !important;
  border: 1px solid #e6edf5 !important; border-top: 0 !important;
  border-radius: 10px !important;
  padding: 56px 8px 22px !important;
  box-shadow: 0 0 18px rgba(0,0,0,.04) !important;
  transition: top .2s ease, background-color .2s ease, box-shadow .2s ease !important;
  overflow: hidden !important;
  text-decoration: none !important;
}
.h2-dsearch .tld::before {
  content: "" !important; position: absolute !important;
  top: 0 !important; left: 10px !important; right: 10px !important;
  height: 5px !important; border-radius: 3px !important;
  background: #43c6e0 !important;
}
.h2-dsearch .tld-al::before { background: #43c6e0 !important; }
.h2-dsearch .tld-me::before { background: #0f1376 !important; }
.h2-dsearch .tld-com::before { background: #911cbc !important; }
.h2-dsearch .tld-xyz::before { background: #1cbcab !important; }
.h2-dsearch .tld-eu::before { background: #1185ff !important; }
.h2-dsearch .tld-click::before { background: #e9533a !important; }
.h2-dsearch .tld b {
  display: block !important; font-size: 22px !important; font-weight: 700 !important;
  color: #0b1626 !important; letter-spacing: 0 !important;
}
.h2-dsearch .tld .old {
  display: block !important; font-size: 15px !important; font-weight: 600 !important;
  color: #8a97a8 !important; text-decoration: line-through !important; margin-top: 6px !important;
}
.h2-dsearch .tld .new {
  display: block !important; font-size: 32px !important; font-weight: 800 !important;
  color: #0a7a4e !important; line-height: 1.15 !important; margin-top: 4px !important;
}
.h2-dsearch .tld small { display: block !important; font-size: 13px !important; color: #8a97a8 !important; margin-top: 6px !important; }
.h2-dsearch .tld:hover { top: -8px !important; box-shadow: 0 18px 40px rgba(7,40,77,.16) !important; }
.h2-dsearch .tld-al:hover { background: #43c6e0 !important; }
.h2-dsearch .tld-me:hover { background: #0f1376 !important; }
.h2-dsearch .tld-com:hover { background: #911cbc !important; }
.h2-dsearch .tld-xyz:hover { background: #1cbcab !important; }
.h2-dsearch .tld-eu:hover { background: #1185ff !important; }
.h2-dsearch .tld-click:hover { background: #e9533a !important; }
.h2-dsearch .tld:hover b, .h2-dsearch .tld:hover .new,
.h2-dsearch .tld:hover .old, .h2-dsearch .tld:hover small { color: #fff !important; }
@media (max-width: 900px) {
  .h2-dsearch .tld .new { font-size: 26px !important; }
}

/* ---------- narrower TLD cards, same font sizes ---------- */
.h2-dsearch .tlds { max-width: 880px !important; margin-left: auto !important; margin-right: auto !important; }

/* ---------- TLD cards: full width back, reduced height ---------- */
.h2-dsearch .tlds { max-width: none !important; }
.h2-dsearch .tld { padding-top: 30px !important; padding-bottom: 14px !important; }

/* Speed readability 2026-10-29: minimum 14px (html root is 10px, rem is deceptive) */
.tld .old{font-size:14px !important}
.tld small{font-size:13px !important}
.rvat{font-size:14px !important}
.h2-world-cats{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:34px 0 26px}.h2-world-cat{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600;color:var(--ink);text-decoration:none;transition:border-color .25s,box-shadow .25s}.h2-world-cat:hover{border-color:var(--accent-deep);box-shadow:0 10px 24px -14px rgba(11,22,38,.3)}.h2-world-cat span{background:rgba(27,117,188,.12);border-radius:10px;padding:1px 9px;font-size:12px;color:var(--accent-deep)}

/* Speed blog cards 2026-10-30: gercek kart tasarimi + rozet tarih */
.h2-blog-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #e5e9f0;border-radius:16px;padding:26px;box-shadow:0 4px 16px rgba(22,50,79,.06);transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}
.h2-blog-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#5793ee,#137a4b)}
.h2-blog-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px -20px rgba(11,22,38,.22);border-color:#137a4b}
.h2-blog-date{align-self:flex-start;font-size:12px;font-weight:800;color:#fff;background:#137a4b;text-transform:uppercase;letter-spacing:.08em;padding:5px 14px;border-radius:20px}
.h2-blog-card h3{font-size:21px;font-weight:700;letter-spacing:-.01em;line-height:1.35;margin-top:16px;color:#16324f}
.h2-blog-card h3 a{color:inherit;text-decoration:none}
.h2-blog-card p{margin-top:12px;font-size:15px;line-height:1.7;color:var(--ink-2);flex:1}
.h2-blog-link{margin-top:auto;padding-top:20px;font-weight:700;font-size:15px;color:var(--accent-deep);text-decoration:none}
.h2-blog-link:hover{text-decoration:underline}