/* ============================================================
   Kairalmas homepage v7 — combined best-of hosting UI patterns
   White bg · black text · orange primary · blue accent
   Loads after redesign-v6.css
   ============================================================ */

.khv7 .khv7-overline{margin:0 0 10px;color:var(--ka-orange-deep,#ea580c);font-size:12px;font-weight:800;letter-spacing:.16em}
.khv7 .khv7-sec-head{max-width:720px;margin:0 auto 44px;text-align:center}
.khv7 .khv7-sec-head h2{margin:0 0 14px;font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.045em;font-weight:800;color:#0a0a0a}
.khv7 .khv7-sec-head p{margin:0;color:#595959;font-size:17px;line-height:1.65}
.khv7 .khv7-sec-head p a{color:#ea580c;font-weight:700}

/* Buttons */
.khv7-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:54px;padding:14px 30px;border-radius:12px;font:700 16px "DM Sans",Arial,sans-serif;text-decoration:none;cursor:pointer;border:2px solid transparent;transition:transform .15s,box-shadow .15s,background .15s}
.khv7-btn-primary{background:#f97316;color:#fff!important;box-shadow:0 10px 26px #ea580c33}
.khv7-btn-primary:hover{background:#ea580c;transform:translateY(-2px);box-shadow:0 14px 32px #ea580c44}
.khv7-btn-ghost{background:#fff;color:#0a0a0a!important;border-color:#d9d9d9}
.khv7-btn-ghost:hover{border-color:#f97316;color:#ea580c!important;transform:translateY(-2px)}
.khv7-btn-white{background:#fff;color:#c2410c!important}
.khv7-btn-white:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000033}
.khv7-btn-outline-w{background:transparent;color:#fff!important;border-color:#ffffff88}
.khv7-btn-outline-w:hover{background:#ffffff1c;transform:translateY(-2px)}

/* ---------- Hero (Hostinger price-anchor + GoDaddy search) ---------- */
.khv7-hero{padding:64px 24px 0;max-width:1160px;margin:0 auto;text-align:center}
.khv7-hero-inner{max-width:860px;margin:0 auto}
.khv7-chip{display:inline-flex;align-items:center;gap:9px;margin:0;padding:9px 18px;border:1px solid #ffd9b8;border-radius:999px;background:#fff3e8;color:#9a3412;font-size:13.5px;font-weight:700}
.khv7-chip-dot{width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 4px #16a34a22}
.khv7-hero h1{margin:22px 0 18px;font-size:clamp(42px,6.4vw,76px);line-height:1.04;letter-spacing:-.055em;font-weight:800;color:#0a0a0a}
.khv7-hero h1 em{font-style:normal;color:#f97316}
.khv7-sub{max-width:640px;margin:0 auto;color:#525252;font-size:clamp(16px,1.8vw,19px);line-height:1.65}
.khv7-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px}
.khv7-price-anchor{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:10px;margin:26px 0 0;color:#595959;font-size:14px}
.khv7-price-anchor strong{color:#0a0a0a;font-size:19px;font-weight:800}
.khv7-points{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 22px;max-width:760px;margin:26px auto 0;padding:0;list-style:none;color:#262626;font-size:13.5px;font-weight:700}
.khv7-points li{display:inline-flex;align-items:center;gap:7px}
.khv7-points li:before{content:"✓";display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#e8efff;color:#2563eb;font-size:11px;font-weight:900}

/* Domain search bar (GoDaddy-style, in hero) */
.khv7-domain-bar{max-width:820px;margin:38px auto 0;padding:26px 28px 22px;border:1px solid #ececec;border-radius:20px;background:#fff;box-shadow:0 18px 50px #0a0a0a0d}
.khv7-search-label{display:block;margin-bottom:12px;color:#0a0a0a;font-size:15px;font-weight:800;text-align:left}
.khv7-search-row{position:relative;display:flex;gap:10px}
.khv7-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:16px;opacity:.55;pointer-events:none}
.khv7-search-row input{flex:1;min-width:0;min-height:56px;padding:0 14px 0 44px;border:2px solid #e2e2e2;border-radius:12px;background:#fff;color:#0a0a0a;font:600 17px "DM Sans",Arial,sans-serif;outline:none;transition:border-color .15s,box-shadow .15s}
.khv7-search-row input:focus{border-color:#f97316;box-shadow:0 0 0 4px #f973161a}
.khv7-btn-search{min-height:56px;padding:0 24px;border-radius:12px;white-space:nowrap}
.khv7-search-note{margin:14px 0 0;color:#737373;font-size:13px;text-align:left}
.khv7-search-note a{color:#ea580c;font-weight:700}

/* Domain search results (live JS results) */
.khv7 .hk-domain-results{max-width:820px;margin:16px auto 0;padding:20px 22px;border:1px solid #ececec;border-radius:16px;background:#fff;box-shadow:0 12px 34px #0a0a0a0b}
.khv7 .hk-domain-results.is-loading{color:#595959;font-weight:600}
.hk-domain-result-head{margin:0 0 14px;font-weight:800;color:#0a0a0a}
.hk-domain-result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.hk-domain-result{display:flex;flex-direction:column;gap:4px;padding:15px 16px;border:1px solid #ececec;border-radius:12px;background:#fafafa}
.hk-domain-result strong{color:#0a0a0a;font-size:15px;overflow-wrap:anywhere}
.hk-domain-result.is-available{border-color:#ffd9b8;background:#fff3e8}
.hk-domain-result.is-available strong:after{content:" · available";color:#15803d;font-size:12px;font-weight:700}
.hk-domain-result.is-taken strong:after{content:" · taken";color:#a3a3a3;font-size:12px;font-weight:600}
.hk-domain-result span{color:#595959;font-size:12.5px;font-weight:700}
.hk-domain-result small{color:#737373;font-size:12px}
.hk-domain-result a{color:#ea580c;font-weight:800;font-size:13px;text-decoration:none;margin-top:3px}
.hk-domain-result a:hover{text-decoration:underline}

/* ---------- Stats band (Verpex pattern) ---------- */
.khv7-stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:1160px;margin:54px auto 0;padding:0 24px;gap:1px;border:1px solid #ececec;border-radius:18px;background:#ececec;overflow:hidden;box-shadow:0 10px 30px #0a0a0a06}
.khv7-stats>div{background:#fff;padding:24px 18px;text-align:center}
.khv7-stats strong{display:block;color:#0a0a0a;font:800 26px/1.1 Manrope,sans-serif;letter-spacing:-.03em}
.khv7-stats span{display:block;margin-top:6px;color:#595959;font-size:13px;font-weight:600}

/* ---------- Quick paths ---------- */
.khv7 .kg-home-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1160px;margin:20px auto 0;padding:0 24px}
.khv7 .kg-home-paths a{display:flex;flex-direction:column;gap:5px;padding:20px 22px;border:1px solid #ececec;border-radius:16px;background:#fff;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s}
.khv7 .kg-home-paths a:hover{border-color:#f97316;transform:translateY(-3px);box-shadow:0 14px 34px #ea580c14}
.khv7 .kg-home-paths strong{color:#0a0a0a;font-size:15.5px}
.khv7 .kg-home-paths a:hover strong{color:#ea580c}
.khv7 .kg-home-paths span{color:#595959;font-size:13.5px}

/* ---------- Domain price table ---------- */
.khv7-domain{max-width:1160px;margin:72px auto 0;padding:0 24px}
.khv7-domain-head{text-align:center;margin-bottom:26px}
.khv7-domain-head h2{margin:0 0 12px;font-size:clamp(30px,3.6vw,44px);letter-spacing:-.04em;font-weight:800;color:#0a0a0a}
.khv7-domain-head p{margin:0;color:#595959;font-size:17px}
.khv7-domain-head em{font-style:normal;color:#ea580c;font-weight:700}
.khv7-rates{max-width:640px;margin:0 auto;border:1px solid #ececec;border-radius:16px;background:#fff}
.khv7-rates>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;cursor:pointer;font-weight:800;color:#0a0a0a;list-style:none}
.khv7-rates>summary::-webkit-details-marker{display:none}
.khv7-rates>summary:after{content:"+";color:#ea580c;font-size:22px;line-height:1}
.khv7-rates[open]>summary:after{content:"−"}
.khv7-rates>summary span{color:#8c8c8c;font-size:12.5px;font-weight:600}
.ka-rate-head{display:grid;grid-template-columns:1fr 1fr 1fr;padding:12px 22px;border-top:1px solid #ececec;background:#fafafa;color:#737373;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.khv7 .hk-domain-price-row{display:grid;grid-template-columns:1fr 1fr 1fr;padding:13px 22px;border-top:1px solid #f2f2f2;color:#171717;font-size:14.5px}
.khv7 .hk-domain-price-row strong{color:#0a0a0a;font-size:15px}
.khv7 .hk-domain-price-row span:last-child{color:#737373}

/* ---------- Build section ---------- */
.khv7-build{max-width:1160px;margin:86px auto 0;padding:0 24px}
.khv7-build-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.khv7-build-card{display:flex;flex-direction:column;padding:30px 28px;border:1px solid #ececec;border-radius:20px;background:#fff;transition:transform .18s,border-color .18s,box-shadow .18s}
.khv7-build-card:hover{transform:translateY(-5px);border-color:#ffd9b8;box-shadow:0 18px 44px #ea580c12}
.khv7-icon-chip{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff3e8;color:#ea580c;font:800 15px Manrope,sans-serif}
.khv7-chip-blue{background:#e8efff;color:#2563eb}
.khv7-build-card h3{margin:20px 0 10px;font-size:20px;letter-spacing:-.03em;color:#0a0a0a}
.khv7-build-card p{margin:0;color:#595959;font-size:14.5px;line-height:1.65}
.khv7-build-card ul{margin:16px 0 0;padding:0;list-style:none;color:#404040;font-size:13.5px;line-height:1.5}
.khv7-build-card ul li{display:flex;gap:8px;padding:5px 0}
.khv7-build-card ul li:before{content:"✓";color:#2563eb;font-weight:900}
.khv7-card-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:22px}
.khv7-card-foot a{color:#ea580c;font-weight:800;font-size:14px;text-decoration:none}
.khv7-card-foot a:hover{text-decoration:underline}
.khv7-price-tag{display:inline-block;padding:6px 11px;border-radius:999px;background:#fff3e8;color:#9a3412;font-size:12px;font-weight:800}
.khv7-tag-blue{background:#e8efff;color:#1e40af}

/* ---------- Plans (Hostinger-style cards) ---------- */
.khv7-plans{max-width:1160px;margin:86px auto 0;padding:0 24px}
.khv7-plan-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch;margin-top:6px}
.khv7 .ka-home-plans .plan-card{position:relative;display:flex;flex-direction:column;margin:0;padding:34px 28px 28px;border:1px solid #ececec;border-radius:20px;background:#fff;box-shadow:none;transform:none!important}
.khv7 .ka-home-plans .plan-card:hover{border-color:#ffd9b8;box-shadow:0 18px 44px #ea580c12}
.khv7 .ka-home-plans .plan-card.popular{border:2.5px solid #f97316;box-shadow:0 20px 50px #ea580c1f}
.khv7 .ka-home-plans .plan-tag{align-self:flex-start;margin:-42px 0 16px;padding:7px 13px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.khv7 .ka-home-plans .plan-tag.popular{background:#f97316;color:#fff}
.khv7 .ka-home-plans .plan-tag.business{background:#e8efff;color:#1e40af}
.khv7 .plan-name{font:800 22px Manrope,sans-serif;color:#0a0a0a;letter-spacing:-.02em}
.khv7 .plan-note{margin:8px 0 16px;color:#595959;font-size:14px;line-height:1.55;min-height:44px}
.khv7 .plan-price{display:flex;align-items:baseline;gap:7px}
.khv7 .plan-price strong{color:#0a0a0a;font-size:38px;font-weight:800;letter-spacing:-.04em}
.khv7 .plan-price span{color:#737373;font-size:14px}
.khv7 .plan-price+small{display:block;margin-top:5px;color:#15803d;font-size:12.5px;font-weight:700}
.khv7 .plan-trial-note{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#fff3e8;color:#9a3412;font-size:12.5px;line-height:1.5}
.khv7 .plan-button{width:100%;margin:18px 0 4px;min-height:50px;border-radius:12px}
.khv7 .plan-features{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:10px;color:#404040;font-size:13.5px;line-height:1.45}
.khv7 .plan-features li{display:flex;gap:9px}
.khv7 .plan-features li:before{content:"✓";color:#2563eb;font-weight:900}
.khv7 .plan-features li.ka-domain-gift{color:#9a3412;font-weight:700}
.khv7 .plan-features li.ka-domain-gift:before{content:"🎁";font-weight:400}
.khv7 .fair-use{margin:12px 0 0;color:#8c8c8c;font-size:11.5px;line-height:1.5}
.khv7-yearly{max-width:640px;margin:26px auto 0;padding:20px 24px;border:1px solid #e8efff;border-left:4px solid #2563eb;border-radius:14px;background:#f8faff}
.khv7-yearly strong{color:#0a0a0a;font-size:15px}
.khv7-yearly p{margin:7px 0 0;color:#595959;font-size:13px;line-height:1.6}
.khv7 .ka-compare{max-width:640px;margin:18px auto 0;border:1px solid #ececec;border-radius:14px;background:#fff}
.khv7 .ka-compare>summary{padding:16px 20px;cursor:pointer;font-weight:800;color:#0a0a0a;list-style:none}
.khv7 .ka-compare>summary::-webkit-details-marker{display:none}
.khv7 .ka-compare table{width:100%;border-collapse:collapse;font-size:13px}
.khv7 .ka-compare th,.khv7 .ka-compare td{padding:10px 14px;border-top:1px solid #f2f2f2;text-align:left;color:#404040}

/* ---------- Grow / business tools ---------- */
.khv7-grow{max-width:1160px;margin:86px auto 0;padding:0 24px}
.khv7-grow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.khv7-grow-card{display:flex;flex-direction:column;gap:8px;padding:26px;border:1px solid #ececec;border-radius:18px;background:#fff;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}
.khv7-grow-card:hover{transform:translateY(-4px);border-color:#c9d9ff;box-shadow:0 16px 40px #2563eb14}
.khv7-grow-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#e8efff;font-size:20px}
.khv7-grow-card strong{color:#0a0a0a;font-size:16.5px;letter-spacing:-.02em}
.khv7-grow-card:hover strong{color:#ea580c}
.khv7-grow-card small{color:#595959;font-size:13.5px;line-height:1.6}
.khv7-grow-card b{margin-top:auto;padding-top:14px;color:#ea580c;font-size:14px;font-weight:800}

/* ---------- Help + FAQ ---------- */
.khv7-help{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:start;max-width:1160px;margin:86px auto 0;padding:0 24px}
.khv7-help-copy h2{margin:0 0 14px;font-size:clamp(30px,3.4vw,42px);line-height:1.1;letter-spacing:-.04em;font-weight:800;color:#0a0a0a}
.khv7-help-copy p{margin:0;color:#595959;font-size:16px;line-height:1.7}
.khv7-help-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px}
.khv7-link-plain{color:#ea580c;font-weight:800;text-decoration:none}
.khv7-link-plain:hover{text-decoration:underline}
.khv7-answers{display:grid;gap:12px}
.khv7-answers details{border:1px solid #ececec;border-radius:14px;background:#fff;padding:4px 22px}
.khv7-answers details[open]{border-color:#ffd9b8;background:#fffdf9}
.khv7-answers summary{padding:15px 0;cursor:pointer;font-weight:800;color:#0a0a0a;font-size:15px;list-style:none}
.khv7-answers summary::-webkit-details-marker{display:none}
.khv7-answers summary:after{content:"+";float:right;color:#ea580c;font-size:20px;font-weight:600;line-height:1.2}
.khv7-answers details[open] summary:after{content:"−"}
.khv7-answers p{margin:0 0 16px;color:#595959;font-size:14px;line-height:1.7}

/* ---------- Final CTA (orange band) ---------- */
.khv7-final{max-width:1160px;margin:86px auto 0;padding:56px 40px;border-radius:24px;background:linear-gradient(120deg,#f97316,#ea580c);color:#fff;text-align:center;box-shadow:0 24px 60px #ea580c33}
.khv7-final h2{margin:0 0 10px;font-size:clamp(28px,3.4vw,42px);letter-spacing:-.04em;font-weight:800;color:#fff!important}
.khv7-final p{margin:0 auto;max-width:560px;color:#ffedd5;font-size:16px;line-height:1.6}
.khv7-final-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:28px}

/* ---------- Responsive ---------- */
@media(max-width:980px){
  .khv7-build-grid,.khv7-grow-grid,.khv7-plan-row{grid-template-columns:1fr 1fr}
  .khv7-stats{grid-template-columns:1fr 1fr}
  .khv7 .kg-home-paths{grid-template-columns:1fr 1fr}
  .khv7-help{grid-template-columns:1fr;gap:30px}
}
@media(max-width:640px){
  .khv7-hero{padding:44px 16px 0}
  .khv7-build-grid,.khv7-grow-grid,.khv7-plan-row,.khv7 .kg-home-paths,.khv7-stats{grid-template-columns:1fr}
  .khv7-domain-bar{padding:20px 16px 16px}
  .khv7-search-row{flex-direction:column}
  .khv7-search-icon{display:none}
  .khv7-search-row input{padding-left:14px}
  .khv7-btn-search{width:100%}
  .khv7-hero-actions{flex-direction:column;align-items:stretch}
  .khv7-final{margin:64px 14px 0;padding:40px 22px}
  .khv7-final-actions{flex-direction:column}
  .khv7-final .khv7-btn{width:100%}
  .khv7-plans,.khv7-build,.khv7-grow,.khv7-help{margin-top:64px}
  .khv7-plan-row{gap:26px}
  .khv7 .ka-home-plans .plan-tag{margin-top:-40px}
}

/* ===== Round 2: sticky header, compact 4-col plans, tighter buttons ===== */
body.public-body .public-header{position:sticky!important;top:0!important;z-index:100!important}
.khv7-btn,.khv7 .plan-button,.khv7-btn-search{border-radius:9px!important}
.khv7-plan-row{grid-template-columns:repeat(4,1fr)!important;gap:14px!important}
.khv7 .ka-home-plans .plan-card{padding:26px 20px 22px!important}
.khv7 .plan-name{font-size:19px!important}
.khv7 .plan-note{font-size:13px!important;min-height:56px!important}
.khv7 .plan-price strong{font-size:30px!important}
.khv7 .plan-features{font-size:12.5px!important;gap:8px!important}
.khv7 .plan-button{min-height:46px!important;padding:10px 14px!important;font-size:14px!important}
.khv7 .ka-yearly-note{max-width:980px!important}
@media(max-width:1100px){.khv7-plan-row{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:900px){.khv7-plan-row{grid-template-columns:1fr 1fr!important}}
@media(max-width:600px){.khv7-plan-row{grid-template-columns:1fr!important}}

/* overflow-x:clip instead of hidden - hidden creates a scroll container that breaks position:sticky */
body.public-body, html{overflow-x:clip!important}


/* ---------- Always-visible domain price grid (2026-10-26) ---------- */
.khv7 .khv7-hero h1:first-child{margin-top:0}
.khv7 .khv7-domgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1000px;margin:0 auto}
.khv7 .khv7-domcard{padding:18px 18px 16px;border:1px solid #ececec;border-radius:14px;background:#fff;text-align:left;transition:border-color .15s,box-shadow .15s,transform .15s}
.khv7 .khv7-domcard:hover{border-color:#fdba74;box-shadow:0 14px 34px #ea580c14;transform:translateY(-2px)}
.khv7 .khv7-domcard-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:15px}
.khv7 .khv7-domcard-top>strong{font-size:24px;line-height:1;letter-spacing:-.03em;font-weight:800;color:#0a0a0a}
.khv7 .khv7-dombadge{padding:4px 8px;border-radius:6px;background:#f5f5f5;color:#525252;font-size:10px;font-weight:800;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap}
.khv7 .khv7-dombadge.is-hot{background:#fff3e8;color:#c2410c}
.khv7 .khv7-dombadge.is-blue{background:#e8efff;color:#1d4ed8}
.khv7 .khv7-dombadge.is-green{background:#e9f9ef;color:#15803d}
.khv7 .khv7-domprice span,.khv7 .khv7-domrenew span{display:block;color:#8c8c8c;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.khv7 .khv7-domprice b{display:block;margin-top:4px;color:#0a0a0a;font-size:22px;font-weight:800;letter-spacing:-.02em}
.khv7 .khv7-domrenew{margin-top:11px;padding-top:11px;border-top:1px dashed #ececec}
.khv7 .khv7-domrenew b{display:block;margin-top:2px;color:#595959;font-size:13px;font-weight:700}
.khv7 .khv7-domfoot{max-width:1000px;margin:18px auto 0;color:#737373;font-size:13px;text-align:center}
.khv7 .khv7-domfoot strong{color:#9a3412;font-weight:700}
.khv7 .khv7-domfoot a{color:#ea580c;font-weight:800;text-decoration:none}
.khv7 .khv7-domfoot a:hover{text-decoration:underline}
@media (max-width:900px){.khv7 .khv7-domgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.khv7 .khv7-domgrid{grid-template-columns:1fr}.khv7 .khv7-domain-head p{font-size:15px}}