/* ── CSS RESET ── */
.dtr-domain-page *, .dtr-domain-page *::before, .dtr-domain-page *::after { box-sizing:border-box; }

/* ── VARIABLES ── */
.dtr-domain-page {
    --blue: #1a56db;
    --blue2: #1e40af;
    --blue3: #3b82f6;
    --cyan: #0891b2;
    --green: #059669;
    --green-light: #ecfdf5;
    --red: #dc2626;
    --red-light: #fef2f2;
    --yellow: #d97706;
    --yellow-light: #fffbeb;
    --navy: #0f172a;
    --gray50: #f8fafc;
    --gray100: #f1f5f9;
    --gray200: #e2e8f0;
    --gray300: #cbd5e1;
    --gray400: #94a3b8;
    --gray500: #64748b;
    --gray600: #475569;
    --gray700: #334155;
    --gray800: #1e293b;
    --gray900: #0f172a;
    --white: #ffffff;
    font-family: 'DM Sans', 'Inter', -apple-system, sans-serif;
}

/* ── HERO (light gradient) ── */
.dtr-hero {
    background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 50%, #ecfeff 100%);
    padding: 48px 24px 64px;
    position: relative;
    overflow: hidden;
    margin: -30px -15px 0;
    border-bottom: 1px solid var(--gray200);
}
.dtr-hero::before {
    content:'';
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(26,86,219,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(26,86,219,.04) 1px, transparent 1px);
    background-size:48px 48px;
}
.dtr-hero-inner {
    position:relative;
    z-index:1;
    max-width:780px;
    margin:0 auto;
    text-align:center;
}
.dtr-hero-badge {
    display:inline-flex;
    align-items:center;
    gap:6px;
    background:rgba(26,86,219,.08);
    border:1px solid rgba(26,86,219,.15);
    color:var(--blue);
    font-size:11px;
    font-weight:600;
    padding:5px 14px;
    border-radius:20px;
    letter-spacing:.06em;
    text-transform:uppercase;
    margin-bottom:16px;
}
.dtr-hero-badge::before { content:'●'; font-size:8px; animation:dtrPulse 2s infinite; }
@keyframes dtrPulse { 0%,100%{opacity:1} 50%{opacity:.3} }
.dtr-hero-title {
    font-family:'Sora','Inter',sans-serif;
    font-size:clamp(26px,4vw,42px);
    font-weight:800;
    color:var(--gray900);
    line-height:1.15;
    margin-bottom:12px;
    letter-spacing:-.02em;
}
.dtr-hero-title em { font-style:normal; color:var(--blue); }
.dtr-hero-sub {
    font-size:15px;
    color:var(--gray500);
    margin-bottom:32px;
    line-height:1.6;
    max-width:520px;
    margin-left:auto;
    margin-right:auto;
}

/* ── SEARCH ── */
.dtr-search-wrap {
    background:var(--white);
    border:2px solid var(--gray200);
    border-radius:16px;
    padding:5px;
    display:flex;
    gap:6px;
    align-items:center;
    margin-bottom:14px;
    transition:border-color .2s, box-shadow .2s;
    box-shadow:0 4px 24px rgba(0,0,0,.06);
}
.dtr-search-wrap:focus-within {
    border-color:var(--blue3);
    box-shadow:0 0 0 4px rgba(59,130,246,.12);
}
.dtr-search-input {
    flex:1;
    background:transparent;
    border:none;
    outline:none;
    color:var(--gray900);
    font-size:17px;
    font-family:'DM Sans',sans-serif;
    padding:12px 16px;
}
.dtr-search-input::placeholder { color:var(--gray400); }
.dtr-search-btn {
    background:var(--blue);
    color:#fff;
    border:none;
    padding:13px 28px;
    border-radius:12px;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
    font-family:'Sora',sans-serif;
    letter-spacing:.01em;
    transition:all .2s;
    white-space:nowrap;
}
.dtr-search-btn:hover { background:var(--blue2); transform:translateY(-1px); }
.dtr-search-hints {
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
}
.dtr-hint {
    color:var(--gray400);
    font-size:12px;
    display:flex;
    align-items:center;
    gap:5px;
}
.dtr-hint strong { color:var(--gray600); }

/* ── RESULT AREA ── */
.dtr-result-area { margin-top:20px; animation:dtrSlideUp .3s ease; }
@keyframes dtrSlideUp { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:none} }

.dtr-result-card {
    border-radius:16px;
    overflow:hidden;
    border:1px solid var(--gray200);
    background:var(--white);
    box-shadow:0 4px 16px rgba(0,0,0,.06);
    margin-bottom:8px;
}
.dtr-result-main {
    padding:20px 24px;
    display:flex;
    align-items:center;
    gap:14px;
    flex-wrap:wrap;
}
.dtr-result-icon { font-size:26px; flex-shrink:0; }
.dtr-result-domain {
    font-family:'JetBrains Mono',monospace;
    font-size:20px;
    font-weight:600;
    color:var(--gray900);
    flex:1;
    min-width:0;
    word-break:break-all;
}
.dtr-result-status {
    display:flex;
    align-items:center;
    gap:6px;
    font-size:13px;
    font-weight:600;
    padding:5px 14px;
    border-radius:20px;
}
.dtr-rs-avail { background:var(--green-light); color:var(--green); border:1px solid #a7f3d0; }
.dtr-rs-taken { background:var(--red-light); color:var(--red); border:1px solid #fecaca; }
.dtr-rs-ours  { background:#eff6ff; color:var(--blue); border:1px solid #bfdbfe; }
.dtr-rs-dot { width:6px; height:6px; border-radius:50%; background:currentColor; }

.dtr-result-price {
    font-family:'Sora',sans-serif;
    font-size:24px;
    font-weight:700;
    color:var(--gray900);
}
.dtr-result-price span { font-size:12px; font-weight:400; color:var(--gray400); }

.dtr-result-actions { display:flex; gap:8px; align-items:center; }
.dtr-btn-primary {
    background:var(--blue);
    color:#fff;
    border:none;
    padding:12px 26px;
    border-radius:10px;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
    font-family:'Sora',sans-serif;
    transition:all .2s;
}
.dtr-btn-primary:hover { background:var(--blue2); }
.dtr-btn-secondary {
    background:var(--gray50);
    color:var(--gray700);
    border:1px solid var(--gray200);
    padding:12px 20px;
    border-radius:10px;
    font-size:14px;
    font-weight:500;
    cursor:pointer;
    font-family:'DM Sans',sans-serif;
    transition:all .2s;
    text-decoration:none;
}
.dtr-btn-secondary:hover { background:var(--gray100); color:var(--gray900); }

/* WHOIS detail */
.dtr-whois-detail {
    border-top:1px solid var(--gray200);
    padding:18px 22px 14px;
    background:var(--gray50);
}
.dtr-whois-detail-title {
    font-size:11px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:var(--gray400);
    margin-bottom:12px;
}
.dtr-whois-row {
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    padding:9px 0;
    border-bottom:1px dashed var(--gray200);
    gap:16px;
}
.dtr-whois-row:last-child { border-bottom:none; }
.dtr-wr-label { font-size:12px; font-weight:600; color:var(--gray400); white-space:nowrap; flex-shrink:0; min-width:140px; }
.dtr-wr-value { font-size:13px; color:var(--gray700); text-align:right; }
.dtr-mono-sm { font-family:'JetBrains Mono',monospace; font-size:12px; }
.dtr-days-badge { display:inline-block; font-size:11px; font-weight:700; padding:2px 10px; border-radius:20px; margin-left:8px; }
.dtr-days-ok { background:#dbeafe; color:#1d4ed8; }
.dtr-days-urgent { background:#fef3c7; color:#92400e; }
.dtr-transfer-info {
    margin-top:12px;
    background:#eff6ff;
    border:1px solid #bfdbfe;
    border-radius:10px;
    padding:10px 14px;
    font-size:12px;
    color:var(--gray600);
    display:flex;
    gap:8px;
    align-items:flex-start;
    line-height:1.5;
}
.dtr-transfer-info-icon { font-size:15px; flex-shrink:0; }

/* ── ALT TLD LIST (dikey — light) ── */
.dtr-alt-section {
    border-top:1px solid var(--gray200);
    padding:16px 20px;
    background:var(--gray50);
}
.dtr-alt-title {
    font-size:11px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:var(--gray400);
    margin-bottom:10px;
}
.dtr-alt-list { display:flex; flex-direction:column; gap:0; }
.dtr-alt-item {
    display:flex;
    align-items:center;
    padding:10px 0;
    border-bottom:1px solid var(--gray200);
    transition:background .15s;
    gap:0;
}
.dtr-alt-item:last-child { border-bottom:none; }
.dtr-alt-item:hover { background:rgba(59,130,246,.02); }
.dtr-alt-domain {
    font-family:'JetBrains Mono',monospace;
    font-size:14px;
    color:var(--gray900);
    font-weight:500;
    flex:1;
    min-width:0;
    text-align:left;
}
.dtr-alt-domain.taken-name { color:var(--gray400); }
.dtr-alt-domain.ours-name { color:var(--blue); }
.dtr-alt-mid {
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:120px;
}
.dtr-alt-badge {
    font-size:10px;
    font-weight:600;
    padding:3px 10px;
    border-radius:12px;
    white-space:nowrap;
}
.dtr-alt-badge.avail { background:var(--green-light); color:var(--green); border:1px solid #a7f3d0; }
.dtr-alt-badge.taken { background:var(--red-light); color:var(--red); border:1px solid #fecaca; }
.dtr-alt-badge.ours  { background:#eff6ff; color:var(--blue); border:1px solid #bfdbfe; }
.dtr-alt-badge.checking { background:var(--gray100); color:var(--gray400); border:1px solid var(--gray200); }
.dtr-alt-right {
    display:flex;
    align-items:center;
    gap:12px;
    justify-content:flex-end;
    min-width:180px;
}
.dtr-alt-price {
    font-family:'Sora',sans-serif;
    font-size:13px;
    font-weight:600;
    color:var(--gray700);
    text-align:right;
}
.dtr-alt-btn {
    background:var(--blue);
    color:#fff;
    border:none;
    padding:6px 14px;
    border-radius:8px;
    font-size:11px;
    font-weight:600;
    cursor:pointer;
    font-family:'Sora',sans-serif;
    transition:all .15s;
    white-space:nowrap;
}
.dtr-alt-btn:hover { background:var(--blue2); }
.dtr-alt-btn.transfer-btn {
    background:#f0f9ff;
    color:var(--cyan);
    border:1px solid #a5f3fc;
}
.dtr-alt-btn.transfer-btn:hover { background:#e0f2fe; }
.dtr-alt-unavail {
    font-size:11px;
    color:var(--gray400);
    font-style:italic;
}
.dtr-alt-more-wrap { text-align:center; padding:14px 0 4px; }
.dtr-alt-more-btn {
    background:var(--white);
    color:var(--blue);
    border:1px solid var(--gray200);
    padding:8px 24px;
    border-radius:10px;
    font-size:12px;
    font-weight:600;
    cursor:pointer;
    font-family:'Sora',sans-serif;
    transition:all .2s;
}
.dtr-alt-more-btn:hover { background:var(--gray50); border-color:var(--blue3); }

/* Hosting suggest */
.dtr-hosting-suggest {
    border-top:1px solid var(--gray200);
    padding:16px 20px;
}
.dtr-hs-title { font-size:12px; font-weight:600; color:var(--gray500); text-transform:uppercase; letter-spacing:.07em; margin-bottom:10px; }
.dtr-hs-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.dtr-hs-card {
    background:var(--gray50);
    border:1px solid var(--gray200);
    border-radius:10px;
    padding:12px 14px;
    cursor:pointer;
    transition:all .2s;
    text-decoration:none;
    display:block;
}
.dtr-hs-card:hover { border-color:var(--blue3); background:#f0f5ff; }
.dtr-hs-name { font-size:12px; font-weight:600; color:var(--gray900); }
.dtr-hs-desc { font-size:10px; color:var(--gray400); margin-top:2px; }
.dtr-hs-price { font-size:13px; font-weight:700; color:var(--blue); margin-top:6px; }

.dtr-ours-msg { font-size:13px; color:var(--gray600); line-height:1.5; }
.dtr-ours-msg strong { color:var(--blue); }

/* Loading */
.dtr-loading { display:flex; gap:5px; justify-content:center; padding:24px; }
.dtr-loading span { width:8px; height:8px; border-radius:50%; background:var(--blue3); animation:dtrBounce .8s ease infinite; }
.dtr-loading span:nth-child(2) { animation-delay:.15s; }
.dtr-loading span:nth-child(3) { animation-delay:.3s; }
@keyframes dtrBounce { 0%,80%,100%{transform:scale(.8);opacity:.4} 40%{transform:scale(1);opacity:1} }

/* ── RESPONSIVE ── */
@media(max-width:768px) {
    .dtr-hero { padding:32px 16px 48px; margin:-15px -15px 0; }
    .dtr-search-wrap { flex-wrap:wrap; }
    .dtr-search-btn { width:100%; text-align:center; }
    .dtr-result-main { flex-direction:column; align-items:flex-start; }
    .dtr-result-price { font-size:20px !important; }
    .dtr-result-actions { width:100%; }
    .dtr-btn-primary { width:100%; text-align:center; }
    .dtr-hs-grid { grid-template-columns:1fr; }
    .dtr-whois-row { flex-direction:column; gap:2px; }
    .dtr-wr-value { text-align:left; }
    .dtr-alt-item { flex-wrap:wrap; gap:6px; }
    .dtr-alt-mid { min-width:auto; }
    .dtr-alt-right { min-width:auto; }
}