/* ============================================================================
   Herbalife Bağımsız Distribütör Uyarı Popup'ı (.hl-disclaimer)
   Referans: herbalurunler.com giriş bildirimi — ortalanmış beyaz kart,
   kalın büyük başlıklar, yeşil bağlantılar.
   ============================================================================ */

.hl-disclaimer { position: fixed; inset: 0; z-index: 9999; display: grid; place-items: center; padding: 20px; }
.hl-disclaimer[hidden] { display: none; }

.hl-disclaimer-backdrop { position: absolute; inset: 0; background: oklch(0.2 0.02 150 / 0.55); backdrop-filter: blur(3px); }

.hl-disclaimer-card {
    position: relative;
    background: #fff;
    border-radius: var(--r-lg, 16px);
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.25);
    max-width: 640px;
    width: 100%;
    max-height: min(86vh, 720px);
    overflow-y: auto;
    padding: clamp(28px, 5vw, 48px);
    text-align: center;
    animation: hl-pop .28s cubic-bezier(.22, 1, .36, 1);
}
@keyframes hl-pop { from { opacity: 0; transform: translateY(14px) scale(.97); } to { opacity: 1; transform: none; } }

.hl-disclaimer-close {
    position: absolute; top: 14px; right: 14px;
    width: 38px; height: 38px;
    border: 0; background: none; cursor: pointer;
    font-size: 26px; line-height: 1; color: var(--ink-3, #6b7280);
    border-radius: 50%;
    display: grid; place-items: center;
    transition: background .15s, color .15s;
}
.hl-disclaimer-close:hover { background: var(--surface-2, #f3f4f6); color: var(--ink, #111827); }

.hl-disclaimer-lead { font-size: clamp(1.05rem, 2.4vw, 1.3rem); line-height: 1.5; color: var(--ink, #1f2937); margin: 0 0 26px; font-weight: 500; }
.hl-disclaimer-lead strong { font-weight: 800; }

.hl-disclaimer-h3 {
    font-size: clamp(1.25rem, 3vw, 1.7rem);
    font-weight: 800;
    letter-spacing: .01em;
    text-transform: uppercase;
    color: var(--ink, #1f2937);
    margin: 26px 0 12px;
    line-height: 1.25;
}

.hl-disclaimer-card p { font-size: clamp(.95rem, 2vw, 1.08rem); line-height: 1.65; color: var(--ink-2, #374151); margin: 0 0 8px; }

.hl-disclaimer-link { color: var(--green, #16a34a); font-weight: 700; text-decoration: none; }
.hl-disclaimer-link:hover { text-decoration: underline; }

body.hl-disclaimer-open { overflow: hidden; }

@media (max-width: 480px) {
    .hl-disclaimer { padding: 12px; }
    .hl-disclaimer-card { max-height: 92vh; }
}