/* D'lüx Club (sadakat) ve form mesajları — ana tasarımın renkleriyle */

.form-message { display: none; padding: 14px 18px; border-radius: 8px; font-size: 14px; margin-bottom: 18px; line-height: 1.5; }
.form-message.success { display: block; background: rgba(110, 201, 140, 0.08); border: 1px solid rgba(110, 201, 140, 0.35); color: #9fe3b4; }
.form-message.error { display: block; background: rgba(212, 110, 110, 0.08); border: 1px solid rgba(212, 110, 110, 0.35); color: #f0a8a8; }
.contact-form button[disabled] { opacity: .6; cursor: wait; }
.form-group input[type="date"], .form-group input[type="time"] { color-scheme: dark; }
.service-detail-price { color: var(--accent-color); font-family: 'Playfair Display', serif; font-size: 1.2rem; margin: -6px 0 18px; }

.club-banner { background: linear-gradient(135deg, rgba(196, 139, 159, 0.08), rgba(201, 169, 110, 0.06)); }

.club-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 24px; margin-bottom: 90px; }
.club-step .service-detail-number { display: block; margin-bottom: 12px; }
.club-step h3 { font-family: 'Playfair Display', serif; font-size: 1.25rem; margin-bottom: 10px; color: var(--accent-light); }
.club-step p { color: var(--text-gray); font-size: 15px; line-height: 1.7; }

.club-tiers { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 24px; margin-bottom: 90px; }
.club-tier { --tier: #c9a96e; text-align: center; padding: 40px 24px; border-radius: 16px; background: rgba(17, 17, 17, 0.6);
  border: 1px solid color-mix(in srgb, var(--tier) 35%, transparent); position: relative; overflow: hidden; }
.club-tier::before { content: ''; position: absolute; inset: 0 0 auto; height: 3px; background: var(--tier); }
.club-tier-name { font-family: 'Playfair Display', serif; font-size: 1.6rem; color: var(--tier); }
.club-tier-mult { font-size: 2.6rem; font-weight: 300; margin: 6px 0; }
.club-tier p { color: var(--text-gray); font-size: 14px; }

.club-rewards { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin-bottom: 70px; }
.club-reward { padding: 30px 24px; border-radius: 12px; background: rgba(17, 17, 17, 0.6); border: 1px solid rgba(201, 169, 110, 0.08); text-align: center; }
.club-reward.available { border-color: rgba(201, 169, 110, 0.45); box-shadow: 0 0 30px rgba(201, 169, 110, 0.08); }
.club-reward-points { font-family: 'Playfair Display', serif; font-size: 2.2rem; color: var(--accent-color); line-height: 1; margin-bottom: 14px; }
.club-reward-points small { display: block; font-family: 'Inter', sans-serif; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: var(--text-gray); margin-top: 6px; }
.club-reward h4 { font-size: 1.05rem; margin-bottom: 6px; }
.club-reward p { color: var(--text-gray); font-size: 14px; }
.club-reward-status { margin-top: 14px; font-size: 13px; color: var(--text-gray); }
.club-reward.available .club-reward-status { color: var(--accent-light); }

.club-bonuses { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin-bottom: 70px; }
.club-bonuses div { flex: 1 1 200px; max-width: 280px; padding: 22px; text-align: center; border-radius: 12px; border: 1px dashed rgba(201, 169, 110, 0.25); }
.club-bonuses strong { display: block; font-size: 1.8rem; color: var(--accent-color); font-family: 'Playfair Display', serif; }
.club-bonuses span { color: var(--text-gray); font-size: 14px; }

.club-auth { max-width: 620px; margin: 0 auto 60px; padding: 40px; border-radius: 16px; background: rgba(17, 17, 17, 0.6); border: 1px solid rgba(201, 169, 110, 0.1); }
.club-tabs { display: flex; gap: 8px; margin-bottom: 28px; border-bottom: 1px solid rgba(201, 169, 110, 0.1); }
.club-tab { flex: 1; background: none; border: none; color: var(--text-gray); font: 600 14px 'Inter', sans-serif; letter-spacing: 2px; text-transform: uppercase;
  padding: 14px 0; cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -1px; transition: all .3s; }
.club-tab.active { color: var(--accent-color); border-bottom-color: var(--accent-color); }
.club-form { display: none; }
.club-form.active { display: block; }
.club-check { display: flex; gap: 10px; align-items: flex-start; color: var(--text-gray); font-size: 13px; margin-bottom: 18px; line-height: 1.5; }
.club-check input { margin-top: 3px; accent-color: var(--accent-color); }
.club-hint { color: var(--text-gray); font-size: 13px; margin-top: 16px; }
.club-subtitle { font-family: 'Playfair Display', serif; font-size: 1.4rem; margin-bottom: 20px; }
.club-logout { display: block; margin: 26px auto 0; background: none; border: none; color: var(--text-gray); text-decoration: underline; cursor: pointer; font-size: 14px; }
.club-rules { max-width: 720px; margin: 0 auto; color: var(--text-gray); font-size: 13px; line-height: 1.8; padding-left: 18px; }

/* Üye kartı */
.club-card { --tier: #c9a96e; max-width: 620px; margin: 0 auto 80px; padding: 36px; border-radius: 20px;
  background: linear-gradient(135deg, #161310 0%, #0d0d0d 60%, color-mix(in srgb, var(--tier) 18%, #0d0d0d) 100%);
  border: 1px solid color-mix(in srgb, var(--tier) 40%, transparent); box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5); }
.club-card-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 28px; }
.club-card-program { font-size: 11px; letter-spacing: 4px; text-transform: uppercase; color: var(--accent-color); margin-bottom: 8px; }
.club-card-name { font-family: 'Playfair Display', serif; font-size: 1.5rem; }
.club-card-phone { color: var(--text-gray); font-size: 14px; letter-spacing: 1px; }
.club-card-tier { padding: 6px 16px; border-radius: 30px; border: 1px solid var(--tier); color: var(--tier); font-weight: 600; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; white-space: nowrap; }
.club-card-points { font-size: 15px; color: var(--text-gray); margin-bottom: 16px; }
.club-card-points span { font-family: 'Playfair Display', serif; font-size: 3.4rem; color: var(--text-light); line-height: 1; margin-right: 6px; }
.club-progress { height: 6px; border-radius: 6px; background: rgba(255, 255, 255, 0.06); overflow: hidden; }
.club-progress div { height: 100%; background: var(--gradient-gold); border-radius: 6px; }
.club-card-next { color: var(--text-gray); font-size: 13px; margin: 10px 0 26px; }
.club-card-next strong { color: var(--accent-light); }
.club-card-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; border-top: 1px solid rgba(201, 169, 110, 0.1); padding-top: 22px; }
.club-card-stats strong { display: block; font-size: 1.1rem; }
.club-card-stats span { color: var(--text-gray); font-size: 12px; }

.club-invite { margin-bottom: 80px; }
.club-card-value { color: var(--text-gray); font-size: 14px; margin: -8px 0 16px; }
.club-card-value strong { color: var(--accent-light); }
.club-reward-tl { color: var(--accent-light); font-size: 13px; }
.club-qr { max-width: 620px; margin: -50px auto 80px; display: flex; gap: 24px; align-items: center; padding: 24px; border-radius: 16px; border: 1px solid rgba(201, 169, 110, 0.18); background: #111; }
.club-qr-code svg { display: block; width: 170px; height: 170px; border-radius: 10px; }
.club-qr h3 { margin: 0 0 8px; font-family: 'Playfair Display', serif; }
.club-qr p { color: var(--text-gray); font-size: 14px; margin: 0 0 12px; }
.club-qr .club-code { font-size: 1rem; letter-spacing: 2px; }
.club-code { font-family: monospace; font-size: 1.4rem; letter-spacing: 4px; color: var(--accent-color); }

.club-history { max-width: 820px; margin: 0 auto 80px; border-radius: 12px; border: 1px solid rgba(201, 169, 110, 0.08); overflow: hidden; }
.club-history-row { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 16px 22px; border-bottom: 1px solid rgba(201, 169, 110, 0.06); }
.club-history-row:last-child { border-bottom: none; }
.club-history-row span { display: block; color: var(--text-gray); font-size: 13px; }
.club-history-right { text-align: right; flex-shrink: 0; }
.club-history-right b { font-size: 1.1rem; }
.club-history-right b.plus { color: #9fe3b4; }
.club-history-right b.minus { color: #f0a8a8; }
.club-empty { padding: 30px; text-align: center; color: var(--text-gray); }

@media (max-width: 600px) {
  .club-auth, .club-card { padding: 26px 20px; }
  .club-card-points span { font-size: 2.6rem; }
  .club-card-stats strong { font-size: .95rem; }
  .club-qr { flex-direction: column; text-align: center; margin-top: -50px; }
  .club-qr-code svg { width: 200px; height: 200px; }
}

/* SEO: hizmet detay, SSS, tıklanabilir kartlar */
.service-card { position: relative; }
.card-link { position: absolute; inset: 0; z-index: 3; border-radius: inherit; }
.service-detail-title { color: inherit; text-decoration: none; transition: color .3s; }
.service-detail-title:hover { color: var(--accent-color); }
.service-detail-actions { display: flex; gap: 24px; flex-wrap: wrap; align-items: center; }
.service-highlights { list-style: none; margin: 18px 0; padding: 0; }
.service-highlights li { position: relative; padding-left: 22px; margin-bottom: 8px; color: var(--text-gray); }
.service-highlights li::before { content: '✦'; position: absolute; left: 0; color: var(--accent-color); font-size: 12px; top: 3px; }
.service-article { max-width: 820px; margin: 70px auto; color: var(--text-gray); font-size: 16px; line-height: 1.9; }
.service-article h2 { line-height: 1.3; font-family: 'Playfair Display', serif; color: var(--text-light); font-size: 1.6rem; font-weight: 500; margin: 40px 0 14px; }
.service-article p { margin-bottom: 16px; }
.service-article ul { margin: 0 0 18px 0; padding-left: 0; list-style: none; }
.service-article li { position: relative; padding-left: 22px; margin-bottom: 8px; }
.service-article li::before { content: '✦'; position: absolute; left: 0; color: var(--accent-color); font-size: 12px; top: 4px; }
.other-services { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 16px; }
.other-service { position: relative; display: block; aspect-ratio: 4 / 3; border-radius: 12px; overflow: hidden; text-decoration: none; border: 1px solid rgba(201, 169, 110, 0.1); }
.other-service img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.other-service:hover img { transform: scale(1.06); }
.other-service span { position: absolute; inset: auto 0 0; padding: 30px 14px 12px; background: linear-gradient(transparent, rgba(0, 0, 0, 0.85)); color: var(--text-light); font-weight: 500; font-size: 14px; }

.faq-section { padding: 100px 30px; }
.faq-container { max-width: 820px; margin: 0 auto; }
.faq-item { border: 1px solid rgba(201, 169, 110, 0.1); border-radius: 12px; background: rgba(17, 17, 17, 0.6); margin-bottom: 12px; overflow: hidden; }
.faq-item summary { cursor: pointer; padding: 20px 56px 20px 24px; font-size: 16px; font-weight: 500; list-style: none; position: relative; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: '+'; position: absolute; right: 24px; top: 50%; transform: translateY(-50%); color: var(--accent-color); font-size: 22px; transition: transform .3s; }
.faq-item[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.faq-item[open] { border-color: rgba(201, 169, 110, 0.3); }
.faq-answer { padding: 0 24px 20px; color: var(--text-gray); line-height: 1.8; }
@media (max-width: 600px) { .faq-section { padding: 70px 16px; } .service-article { margin: 50px auto; font-size: 15px; } }