/* ==========================================================================
   Destek Bandi (.home-help) - ortak bilesen. Ana sayfa, domain ve whois sayfalarinda kullanilir.
   ========================================================================== */

/* --------------------------------------------------------------------------
   7. DESTEK BANDI (.home-help) - gece mavisi, diger sayfalardaki CTA ile ayni dil
   -------------------------------------------------------------------------- */
.home-help {
    position: relative;
    overflow: hidden;
    padding: 76px 0;
    background: linear-gradient(135deg, #020b17 0%, #031326 55%, #08213e 100%);
    color: #cbd5e1;
}
.home-help:before {
    content: "";
    position: absolute; right: -120px; top: -170px; width: 460px; height: 460px; border-radius: 50%;
    background: radial-gradient(circle, rgba(13, 139, 232, .42) 0%, rgba(13, 139, 232, 0) 70%);
}
.home-help:after {
    content: "";
    position: absolute; left: -130px; bottom: -190px; width: 400px; height: 400px; border-radius: 50%;
    background: radial-gradient(circle, rgba(16, 185, 129, .20) 0%, rgba(16, 185, 129, 0) 70%);
}
.home-help .container { position: relative; z-index: 1; }
.home-help .hh-wrap {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: 48px;
    align-items: center;
}
.home-help .hh-badge {
    display: inline-flex; align-items: center; gap: 8px;
    margin-bottom: 16px; padding: 6px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    color: #7cc3ff; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
}
.home-help .hh-badge i { width: 8px; height: 8px; border-radius: 50%; background: #10b981; box-shadow: 0 0 0 4px rgba(16, 185, 129, .22); }
.home-help h2 {
    margin: 0 0 14px;
    color: #ffffff; font-size: 38px; font-weight: 800; letter-spacing: -1px; line-height: 1.15;
    text-align: left;
}
.home-help h2 span { color: #7cc3ff; }
.home-help .hh-txt p { max-width: 440px; margin: 0; font-size: 16px; line-height: 1.75; color: #cbd5e1; text-align: left; }
.home-help .hh-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.home-help .hh-card {
    position: relative;
    display: flex; align-items: center; gap: 16px;
    min-width: 0;
    padding: 20px 20px;
    border-radius: 18px;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .12);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .22);
    text-decoration: none !important;
    transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.home-help .hh-card:hover { transform: translateY(-4px); background: rgba(255, 255, 255, .1); border-color: rgba(13, 139, 232, .6); box-shadow: 0 24px 48px rgba(13, 139, 232, .22); }
.home-help .hh-ic {
    flex: 0 0 auto;
    display: inline-flex; align-items: center; justify-content: center;
    width: 52px; height: 52px; border-radius: 15px;
    font-size: 21px; color: #fff;
    box-shadow: 0 10px 22px rgba(0, 0, 0, .3);
}
.home-help .hh-ic-phone  { background: linear-gradient(135deg, #0d8be8 0%, #0670c0 100%); }
.home-help .hh-ic-mail   { background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%); }
.home-help .hh-ic-ticket { background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); }
.home-help .hh-ic-wa     { background: linear-gradient(135deg, #25d366 0%, #16a34a 100%); }
.home-help .hh-info { flex: 1 1 auto; min-width: 0; display: block; text-align: left; }
.home-help .hh-info small {
    display: block; margin-bottom: 4px;
    font-size: 11.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #8fa6c0; line-height: 1.2;
}
.home-help .hh-info b {
    display: block;
    color: #ffffff; font-size: 16px; font-weight: 800; letter-spacing: -.2px; line-height: 1.3;
    overflow-wrap: anywhere;
}
.home-help .hh-go { flex: 0 0 auto; font-size: 13px; color: #7cc3ff; opacity: .55; transition: transform .2s ease, opacity .2s ease; }
.home-help .hh-card:hover .hh-go { opacity: 1; transform: translateX(3px); }

@media (max-width: 991px) {
    .home-help { padding: 60px 0; }
    .home-help .hh-wrap { grid-template-columns: minmax(0, 1fr); gap: 30px; }
    .home-help h2 { font-size: 32px; }
}
@media (max-width: 575px) {
    .home-help { padding: 48px 0; }
    .home-help h2 { font-size: 27px; }
    .home-help .hh-txt p { font-size: 15px; }
    .home-help .hh-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    .home-help .hh-card { padding: 16px; gap: 14px; }
    .home-help .hh-ic { width: 46px; height: 46px; font-size: 19px; border-radius: 13px; }
}

/* Destek bandi: e-posta tek satirda kalsin (kart genisligine gore 1 veya 2 kolon) */
.home-help .hh-card { padding: 18px; gap: 14px; }
.home-help .hh-ic { width: 48px; height: 48px; font-size: 20px; }
.home-help .hh-go { display: none; }
.home-help .hh-info b { overflow-wrap: normal; word-break: normal; }
.home-help .hh-card[href^="mailto"] .hh-info b { font-size: 13.5px; white-space: nowrap; }
@media (min-width: 992px) and (max-width: 1199px) { .home-help .hh-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 767px) {
    .home-help .hh-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    .home-help .hh-go { display: block; }
    .home-help .hh-card[href^="mailto"] .hh-info b { font-size: 15px; white-space: normal; overflow-wrap: anywhere; }
}

/* Yazi tipi: panel dahil her yerde ayni olsun */
.home-help, .home-help h2, .home-help p, .home-help b, .home-help small { font-family: 'Plus Jakarta Sans', sans-serif; }