/* ============================================================
   HEDIYE KARTI (hediye/kart.php)
   Sepet 2. adim canli onizlemesi ve alici (redeem) sayfasi ortak stili.
   Tema renkleri config > kart_sablonlari > tema'dan --hd-kart-* olarak gelir.
   ============================================================ */
.hd-kart {
    --hd-kart-zemin: #f4efe6;
    --hd-kart-sahne: #f8f4ec;
    --hd-kart-etiket: #8a7358;
    --hd-kart-ad: #3b7fb8;

    position: relative;
    container-type: inline-size;
    width: 100%;
    margin: 0;
    overflow: hidden;
    border-radius: 20px;
    background: #fff;
    color: #111827;
    text-align: left;
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04), 0 14px 34px -14px rgba(17, 24, 39, 0.22);
}

/* Ust illustrasyon alani */
.hd-kart-ust {
    position: relative;
    aspect-ratio: 365 / 240;
    background: var(--hd-kart-zemin);
    overflow: hidden;
}
.hd-kart-cizim {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.hd-kart-etiket {
    position: absolute;
    z-index: 1;
    top: 7.6cqi;
    left: 6cqi;
    font-size: clamp(10px, 3.1cqi, 12px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.16em;
    color: var(--hd-kart-etiket);
}
.hd-kart-yil {
    font-family: inherit;
    font-size: 47px;
    font-weight: 400;
    letter-spacing: 3px;
    fill: none;
    stroke: #d9b46d;
    stroke-width: 1.3px;
}
.hd-kart-klasik-yazi {
    position: absolute;
    z-index: 1;
    left: 13%;
    top: 44%;
    font-size: 8cqi;
    font-weight: 700;
    line-height: 1.16;
    letter-spacing: -0.02em;
    color: #1f1a14;
}
.hd-kart-klasik-yazi span { color: #8a7355; }

/* Beyaz govde */
.hd-kart-govde {
    padding: 1.75em 1.75em 1.35em;
    font-size: clamp(13px, 4.1cqi, 15.5px);
}
.hd-kart-selam {
    margin: 0;
    font-size: 1.45em;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.015em;
    color: #111827;
    overflow-wrap: anywhere;
}
.hd-kart-ad { color: var(--hd-kart-ad); }
.hd-kart-mesaj {
    margin: 0.6em 0 0;
    font-size: 1em;
    line-height: 1.6;
    color: #4b5563;
    white-space: pre-line;
    overflow-wrap: anywhere;
}


.hd-kart-alt {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-top: 1.9em;
    padding-top: 1.05em;
    border-top: 1px solid #eef0f3;
    font-size: 0.87em;
    line-height: 1.4;
    color: #6b7280;
}
.hd-kart-imza { min-width: 0; overflow-wrap: anywhere; }
.hd-kart-imza[hidden] { display: none; }
.hd-kart-imza strong { font-weight: 600; color: #111827; }
.hd-kart-marka {
    margin-left: auto;
    flex-shrink: 0;
    font-size: 0.78em;
    font-weight: 600;
    letter-spacing: 0.18em;
    color: #9aa1ab;
}