/* ============================================================
   KRİSTAL KEDİ — FalBaktır.com
   Ana Stil Dosyası
   Tasarım dili: kristal/polygon facet, lacivert-gece + kristal
   mavi + buz mavisi, altın vurgu. Palet doğrudan marka logosundan
   türetilmiştir.
   ============================================================ */

/* -------------------- 1. FONTLAR -------------------- */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,500;1,9..144,600&family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600&display=swap');

/* -------------------- 2. TOKENLAR -------------------- */
:root {
  /* Zemin / lacivert-gece ailesi (logo lacivertinden türetildi) */
  --bg-void: #05070d;
  --bg-navy: #0a0f1e;
  --bg-navy-2: #0e1730;
  --bg-navy-3: #142d64;
  --bg-panel: #101a33;

  /* Kristal mavi ailesi (logodan örneklendi) */
  --crystal: #0a80d7;
  --crystal-mid: #2f9de6;
  --crystal-light: #6fd2ef;
  --ice: #a9ecf7;

  /* Altın / destek */
  --gold: #c9a968;
  --gold-light: #e8d9ae;

  /* Metin */
  --white: #f6f7fb;
  --text: #d7deee;
  --text-dim: #a7b1c8;
  --text-dimmer: #6d7893;

  /* İşlevsel */
  --wa-green: #25d366;
  --wa-green-dark: #1da851;
  --black: #05070c;

  /* Tipografi */
  --f-display: 'Fraunces', serif;
  --f-body: 'Inter', sans-serif;
  --f-mono: 'Space Grotesk', sans-serif;

  /* Ölçüler */
  --container: 1240px;
  --radius-s: 10px;
  --radius-m: 18px;
  --radius-l: 28px;

  /* Gölge / parlama */
  --glow-crystal: 0 0 60px rgba(10, 128, 215, 0.35);
  --glow-gold: 0 0 40px rgba(201, 169, 104, 0.25);
  --shadow-card: 0 20px 50px rgba(0, 0, 0, 0.45);

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* Section-level tema override'ları: aynı bileşenler farklı "ışık"
   atmosferlerinde tekrar renklenir */
.sec-deep   { --sec-bg-a: rgba(5,7,13,0.42); --sec-bg-b: rgba(10,15,30,0.38); }
.sec-mid    { --sec-bg-a: rgba(10,15,30,0.4); --sec-bg-b: rgba(16,26,51,0.34); }
.sec-panel  { --sec-bg-a: rgba(13,20,40,0.4); --sec-bg-b: rgba(20,45,100,0.3); }
.sec-deep, .sec-mid, .sec-panel {
  background:
    linear-gradient(180deg, var(--sec-bg-a), var(--sec-bg-b)),
    url('../images/backgrounds/kristal-dark.jpg') center/cover no-repeat;
}

/* -------------------- 3. RESET -------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
}
body {
  margin: 0;
  background: var(--bg-void);
  color: var(--text);
  font-family: var(--f-body);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; margin: 0; padding: 0; }
button { font-family: inherit; cursor: pointer; }
h1, h2, h3, h4 { font-family: var(--f-display); color: var(--white); margin: 0; font-weight: 500; }
p { margin: 0; }
:focus-visible {
  outline: 2px solid var(--crystal-light);
  outline-offset: 3px;
  border-radius: 4px;
}

.container { max-width: var(--container); margin: 0 auto; padding: 0 28px; }
.section { position: relative; padding: 110px 0; overflow: hidden; }
@media (max-width: 768px) { .section { padding: 72px 0; } }

.eyebrow {
  font-family: var(--f-mono);
  font-size: 13px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--crystal-light);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
}
.eyebrow::before {
  content: '';
  width: 7px; height: 7px;
  background: var(--gold);
  transform: rotate(45deg);
  display: inline-block;
}
.section-title {
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.15;
  max-width: 780px;
}
.section-title em {
  font-style: italic;
  color: var(--crystal-light);
}
.section-desc {
  color: var(--text-dim);
  font-size: 17px;
  max-width: 620px;
  margin-top: 18px;
}
.section-head { margin-bottom: 56px; }
.section-head.center { text-align: center; margin-left: auto; margin-right: auto; }
.section-head.center .section-title, .section-head.center .section-desc { margin-left: auto; margin-right: auto; }

/* -------------------- 4. DEKORATİF KATMANLAR -------------------- */
.cat-watermark {
  position: absolute;
  width: min(60vw, 780px);
  opacity: 0.035;
  pointer-events: none;
  filter: saturate(0) brightness(3);
  z-index: 0;
}
.facet-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 46px 0;
  gap: 18px;
}
.facet-divider::before, .facet-divider::after {
  content: '';
  height: 1px;
  flex: 1;
  max-width: 220px;
  background: linear-gradient(90deg, transparent, rgba(111, 210, 239, 0.35), transparent);
}
.facet-diamond {
  width: 12px; height: 12px;
  background: linear-gradient(135deg, var(--crystal-light), var(--gold));
  transform: rotate(45deg);
  flex-shrink: 0;
}
.noise-veil {
  position: absolute; inset: 0;
  background: radial-gradient(circle at 20% 10%, rgba(111,210,239,0.08), transparent 45%),
              radial-gradient(circle at 85% 80%, rgba(201,169,104,0.07), transparent 40%);
  pointer-events: none;
}

/* -------------------- 5. BUTONLAR -------------------- */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 26px;
  font-family: var(--f-mono);
  font-size: 14px;
  letter-spacing: 0.03em;
  font-weight: 500;
  border-radius: 11px;
  border: 1px solid transparent;
  transition: transform 0.35s var(--ease), box-shadow 0.35s var(--ease), background 0.35s var(--ease), border-color .35s var(--ease);
  white-space: nowrap;
}
.btn svg { width: 16px; height: 16px; flex-shrink: 0; }
.btn-primary {
  background: var(--wa-green);
  color: #04240f;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0, 0, 0, 0.38); background: var(--wa-green-dark); }
.btn-primary svg { width: 18px; height: 18px; }

.btn-quiet {
  background: rgba(255,255,255,0.02);
  border-color: rgba(201,169,104,0.25);
  color: var(--text);
}
.btn-quiet:hover { border-color: rgba(201,169,104,0.5); background: rgba(201,169,104,0.05); transform: translateY(-2px); }
.btn-quiet svg { width: 15px; height: 15px; color: var(--wa-green); opacity: 0.85; }

.btn-outline {
  background: transparent;
  border-color: rgba(111, 210, 239, 0.4);
  color: var(--white);
}
.btn-outline:hover { border-color: var(--crystal-light); background: rgba(111, 210, 239, 0.08); transform: translateY(-2px); }

.btn-gold {
  background: linear-gradient(135deg, var(--gold-light), var(--gold));
  color: #241a05;
}
.btn-gold:hover { transform: translateY(-2px); box-shadow: var(--glow-gold); }

.btn-sm { padding: 10px 20px; font-size: 13px; border-radius: 9px; }
.btn-sm svg { width: 14px; height: 14px; }
.btn-block { width: 100%; }

/* -------------------- 6. HEADER -------------------- */
.site-header {
  position: fixed; top: 0; left: 0; right: 0;
  z-index: 900;
  padding: 18px 0;
  background: rgba(5, 7, 13, 0.55);
  backdrop-filter: blur(16px) saturate(140%);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  border-bottom: 1px solid rgba(111, 210, 239, 0.08);
  transition: padding 0.3s var(--ease), background 0.3s var(--ease);
}
.site-header.scrolled { padding: 10px 0; background: rgba(5, 7, 13, 0.85); }
.site-header .container { display: flex; align-items: center; justify-content: space-between; gap: 20px; }

.brand { display: flex; align-items: center; gap: 12px; }
.brand img { height: 40px; width: auto; }
.brand-text { display: flex; flex-direction: column; line-height: 1.1; }
.brand-text .name { font-family: var(--f-display); font-size: 18px; color: var(--white); letter-spacing: 0.01em; }
.brand-text .tag { font-family: var(--f-mono); font-size: 10.5px; letter-spacing: 0.08em; color: var(--text-dimmer); text-transform: uppercase; }

.main-nav { display: flex; align-items: center; gap: 34px; }
.main-nav a {
  font-family: var(--f-mono);
  font-size: 13.5px;
  color: var(--text-dim);
  letter-spacing: 0.02em;
  position: relative;
  padding: 4px 0;
  transition: color 0.25s;
}
.main-nav a:hover, .main-nav a.active { color: var(--crystal-light); }
.main-nav a::after {
  content: ''; position: absolute; left: 0; bottom: -3px;
  width: 0; height: 1px; background: var(--crystal-light);
  transition: width 0.3s var(--ease);
}
.main-nav a:hover::after, .main-nav a.active::after { width: 100%; }

.header-actions { display: flex; align-items: center; gap: 14px; }
.icon-btn {
  width: 40px; height: 40px;
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid rgba(111, 210, 239, 0.25);
  border-radius: 50%;
  color: var(--text-dim);
  transition: all 0.3s var(--ease);
}
.icon-btn:hover { color: var(--crystal-light); border-color: var(--crystal-light); }
.icon-btn svg { width: 18px; height: 18px; }

.nav-toggle {
  display: none;
  width: 40px; height: 40px;
  border: 1px solid rgba(111,210,239,0.25);
  border-radius: 10px;
  background: transparent;
  color: var(--white);
  align-items: center; justify-content: center;
}

@media (max-width: 480px) {
  .brand-text .tag { display: none; }
  .brand-text .name { font-size: 15px; }
  .brand img { height: 32px; }
  .header-cta { width: 40px; height: 40px; padding: 0; border-radius: 50%; }
  .header-cta .lbl { display: none; }
  .header-cta svg { width: 17px; height: 17px; }
}
@media (max-width: 980px) {
  .main-nav { position: fixed; top: 0; right: 0; height: 100vh; width: min(320px, 82vw);
    background: linear-gradient(180deg, #0a0f1e, #05070d);
    flex-direction: column; align-items: flex-start; justify-content: flex-start;
    padding: 100px 30px 30px; gap: 26px;
    transform: translateX(100%); transition: transform 0.4s var(--ease);
    border-left: 1px solid rgba(111,210,239,0.12);
    z-index: 899;
  }
  .main-nav.open { transform: translateX(0); }
  .main-nav a { font-size: 16px; }
  .nav-toggle { display: inline-flex; }
  .header-actions .icon-btn.ig-desktop { display: none; }
}

/* -------------------- 7. HERO -------------------- */
.hero {
  position: relative;
  padding: 168px 0 100px;
  background: radial-gradient(ellipse 900px 500px at 20% -10%, rgba(10,128,215,0.10), transparent 60%),
              radial-gradient(ellipse 700px 600px at 100% 10%, rgba(201,169,104,0.06), transparent 55%),
              linear-gradient(180deg, rgba(7,11,22,0.4), rgba(5,7,13,0.5) 70%),
              url('../images/backgrounds/kristal-dark.jpg') center/cover no-repeat;
  overflow: hidden;
}
.hero-grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 60px;
  align-items: center;
  position: relative;
  z-index: 2;
}
.hero-badge {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 8px 16px 8px 8px;
  border: 1px solid rgba(201,169,104,0.35);
  border-radius: 999px;
  font-family: var(--f-mono); font-size: 12.5px; color: var(--gold-light);
  margin-bottom: 26px;
}
.hero-badge img { width: 26px; height: 26px; border-radius: 50%; object-fit: cover; }
.hero h1 {
  font-size: clamp(36px, 5vw, 60px);
  line-height: 1.12;
  letter-spacing: -0.01em;
}
.hero h1 em { font-style: italic; color: var(--crystal-light); }
.hero-desc {
  margin-top: 24px;
  font-size: 18px;
  color: var(--text-dim);
  max-width: 520px;
}
.hero-ctas { display: flex; gap: 16px; margin-top: 36px; flex-wrap: wrap; }
.hero-trust { display: flex; gap: 28px; margin-top: 52px; flex-wrap: wrap; }
.hero-trust .item { display: flex; align-items: center; gap: 10px; }
.hero-trust .item svg { width: 18px; height: 18px; color: var(--crystal-light); flex-shrink: 0; }
.hero-trust .item span { font-family: var(--f-mono); font-size: 12.5px; color: var(--text-dim); letter-spacing: 0.02em; }
.hero-trust.pills { gap: 12px; margin-top: 34px; }
.hero-trust.pills .pill {
  display: flex; align-items: center; gap: 8px;
  padding: 9px 16px; border-radius: 999px;
  border: 1px solid rgba(111,210,239,0.22); background: rgba(14,23,48,0.4);
}
.hero-trust.pills .pill svg { width: 15px; height: 15px; color: var(--gold-light); flex-shrink: 0; }
.hero-trust.pills .pill span { font-family: var(--f-mono); font-size: 12px; color: var(--text-dim); letter-spacing: 0.01em; }

.hero-visual { position: relative; height: 668px; }

/* Atmosferik kedi — büyük, kartların arkasında, arka planla kaynaşan */
.cat-atmos {
  position: absolute;
  top: -70px; right: -160px;
  width: 840px; height: 840px;
  pointer-events: none;
  z-index: 1;
  -webkit-mask-image: radial-gradient(ellipse 430px 470px at 55% 40%, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.65) 50%, rgba(0,0,0,0.2) 75%, transparent 92%);
  mask-image: radial-gradient(ellipse 430px 470px at 55% 40%, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.65) 50%, rgba(0,0,0,0.2) 75%, transparent 92%);
}
.cat-atmos img {
  width: 100%; height: 100%; object-fit: cover;
  opacity: 0.55;
  filter: saturate(0.7) brightness(0.85) contrast(1.05);
}

/* Asimetrik falcı kartları — cam efekti, farklı boyut/açı */
.rcard-field { position: absolute; inset: 0; z-index: 3; }
.rcard {
  position: absolute;
  border-radius: 20px;
  background: linear-gradient(160deg, rgba(40,46,74,0.42), rgba(14,17,30,0.55));
  backdrop-filter: blur(16px) saturate(160%);
  -webkit-backdrop-filter: blur(16px) saturate(160%);
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow: 0 20px 50px rgba(0,0,0,0.4);
  overflow: hidden;
  transition: transform 0.4s var(--ease);
}
.rcard:hover { transform: translateY(-4px) rotate(0deg) !important; }
.rcard .thumb { position: relative; width: 100%; height: 72%; }
.rcard .thumb img { width: 100%; height: 100%; object-fit: cover; }
.rcard .thumb::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(0deg, rgba(5,7,13,0.5), transparent 55%);
}
.rcard .play {
  position: absolute; top: 10px; right: 10px; z-index: 2;
  width: 28px; height: 28px; border-radius: 50%;
  background: var(--wa-green);
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 6px 16px rgba(37,211,102,0.4);
}
.rcard .play svg { width: 11px; height: 11px; color: #04240f; margin-left: 1px; }
.rcard .body { padding: 12px 14px 14px; }
.rcard .name { font-family: var(--f-display); font-style: italic; font-size: 16px; color: var(--white); }
.rcard .role { font-family: var(--f-mono); font-size: 10px; color: var(--crystal-light); margin-top: 2px; }

.rcard.c1 { width: 190px; height: 258px; top: 254px; right: 190px; transform: rotate(-2deg); z-index: 4; }
.rcard.c2 { width: 158px; height: 214px; top: 300px; right: -6px; transform: rotate(3deg); z-index: 5; }
.rcard.c3 { width: 138px; height: 186px; top: 458px; right: 300px; transform: rotate(-4deg); z-index: 6; }
.rcard.c4 { display: none; }

/* Bağımsız yüzen mağaza paneli (yalnızca masaüstü) */
.shop-panel-float {
  position: absolute; top: -30px; right: -16px; z-index: 7;
  width: 306px;
  padding: 16px 18px 18px;
  border-radius: 18px;
  background: linear-gradient(155deg, rgba(16,22,42,0.88), rgba(8,11,20,0.94));
  border: 1px solid rgba(90,110,150,0.35);
  box-shadow: 0 24px 56px rgba(0,0,0,0.5);
}
.shop-panel-float .hd { display: flex; align-items: center; gap: 10px; margin-bottom: 13px; }
.shop-panel-float .hd img { width: 26px; height: 26px; border-radius: 7px; flex-shrink: 0; }
.shop-panel-float .hd .title { font-family: var(--f-body); font-weight: 700; color: #f2f4f9; font-size: 14.5px; line-height: 1.25; }
.shop-panel-float .prods { display: flex; gap: 7px; margin-bottom: 13px; }
.shop-panel-float .prods img { width: 83px; height: 70px; object-fit: cover; border-radius: 10px; }
.shop-panel-float .desc { font-family: var(--f-body); font-size: 12px; line-height: 1.55; color: #aab2c5; margin-bottom: 13px; }
.shop-panel-float .go {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--f-body); font-size: 13px; font-weight: 700;
  color: var(--gold-light);
}

@media (max-width: 1180px) {
  .cat-atmos { width: 680px; height: 680px; right: -120px; }
  .rcard.c1 { right: 110px; }
  .rcard.c3 { right: 210px; }
}


.shop-panel {
  margin-top: 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 24px;
  background: linear-gradient(120deg, rgba(201,169,104,0.12), rgba(10,128,215,0.08));
  border: 1px solid rgba(201,169,104,0.28);
  border-radius: var(--radius-m);
  flex-wrap: wrap;
}
@media (min-width: 981px) {
  /* Masaüstünde mağaza tanıtımı artık hero-visual içindeki yüzen panelde (.shop-panel-float) */
  .shop-panel { display: none; }
}
.shop-panel .left { display: flex; align-items: center; gap: 16px; }
.shop-panel .thumbs { display: flex; }
.shop-panel .thumbs img { width: 46px; height: 46px; border-radius: 50%; object-fit: cover; border: 2px solid var(--bg-void); margin-left: -12px; }
.shop-panel .thumbs img:first-child { margin-left: 0; }
.shop-panel .copy .t { font-family: var(--f-display); font-style: italic; font-size: 16px; color: var(--white); }
.shop-panel .copy .s { font-family: var(--f-mono); font-size: 11.5px; color: var(--text-dimmer); margin-top: 2px; }

@media (max-width: 980px) {
  .hero-grid { grid-template-columns: 1fr; }
  .hero-visual { display: none; }
}
@media (max-width: 560px) {
  .hero { padding-top: 132px; padding-bottom: 56px; }
  .hero-ctas { flex-direction: column; align-items: stretch; }
  .hero-ctas .btn-primary { width: 100%; }
  .hero-ctas .btn-outline {
    background: none; border: none; padding: 6px 0; width: auto;
    color: var(--crystal-light); text-decoration: underline; text-underline-offset: 4px;
    justify-content: flex-start;
  }
  .hero-trust { gap: 16px 24px; }
  .shop-panel { padding: 16px 18px; }
  .shop-panel .copy .t { font-size: 14px; }
}

/* -------------------- 8. GÜVEN ŞERİDİ -------------------- */
.trust-strip {
  border-top: 1px solid rgba(111,210,239,0.1);
  border-bottom: 1px solid rgba(111,210,239,0.1);
  background: var(--bg-navy);
  padding: 22px 0;
}
.trust-strip .container { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; }
.trust-strip .items { display: flex; flex-wrap: wrap; gap: 10px 30px; }
.trust-strip .items span {
  font-family: var(--f-mono); font-size: 12.5px; color: var(--text-dim); letter-spacing: 0.02em;
  display: flex; align-items: center; gap: 8px;
}
.trust-strip .items span::before { content: ''; width: 5px; height: 5px; background: var(--gold); transform: rotate(45deg); flex-shrink: 0; }
.trust-strip a.ig-link { font-family: var(--f-mono); font-size: 12.5px; color: var(--crystal-light); display: flex; align-items: center; gap: 8px; }
.trust-strip a.ig-link svg { width: 16px; height: 16px; }

/* -------------------- 9. FALCI KARTLARI -------------------- */
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; position: relative; z-index: 1; }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; position: relative; z-index: 1; }
.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 26px; position: relative; z-index: 1; }

.reader-card {
  background: rgba(12,17,32,0.55);
  border: 1px solid rgba(111,210,239,0.14);
  border-radius: var(--radius-m);
  clip-path: polygon(0 0, 92% 0, 100% 9%, 100% 100%, 8% 100%, 0 91%);
  overflow: hidden;
  transition: transform 0.4s var(--ease), border-color 0.4s var(--ease), box-shadow .4s var(--ease);
  display: flex; flex-direction: column;
}
.reader-card:hover { transform: translateY(-4px); border-color: rgba(201,169,104,0.4); box-shadow: var(--shadow-card); }
.reader-card .photo { position: relative; aspect-ratio: 4/5; overflow: hidden; }
.reader-card .photo img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s var(--ease); }
.reader-card:hover .photo img { transform: scale(1.06); }
.reader-card .photo .video-tag {
  position: absolute; top: 12px; left: 12px;
  display: flex; align-items: center; gap: 6px;
  background: rgba(5,7,13,0.65); backdrop-filter: blur(6px);
  padding: 5px 10px; border-radius: 999px;
  font-family: var(--f-mono); font-size: 10.5px; color: var(--white);
}
.reader-card .photo .video-tag svg { width: 10px; height: 10px; color: var(--wa-green); }
.reader-card .body { padding: 20px; flex: 1; display: flex; flex-direction: column; }
.reader-card .name { font-family: var(--f-display); font-style: italic; font-size: 21px; color: var(--white); }
.reader-card .role { font-family: var(--f-mono); font-size: 11.5px; color: var(--crystal-light); margin-top: 4px; letter-spacing: 0.02em; }
.reader-card .chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.chip, .reader-card .chip {
  font-family: var(--f-mono); font-size: 10px; padding: 4px 9px;
  border: 1px solid rgba(111,210,239,0.25); border-radius: 999px; color: var(--text-dim);
}
.profile-chips .chip { font-size: 11.5px; padding: 6px 13px; }
.reader-card .links { margin-top: 16px; display: flex; gap: 14px; }
.reader-card .links a { font-family: var(--f-mono); font-size: 11.5px; color: var(--text-dim); border-bottom: 1px solid transparent; transition: color .25s, border-color .25s; }
.reader-card .links a:hover { color: var(--crystal-light); border-color: var(--crystal-light); }
.reader-card .cta { margin-top: 18px; }

@media (max-width: 1080px) { .grid-4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .grid-4, .grid-3, .grid-2 { grid-template-columns: 1fr; } }

/* -------------------- 10. VİDEOLAR -------------------- */
.video-rail {
  display: flex; gap: 22px; overflow-x: auto; padding: 10px 4px 24px;
  scroll-snap-type: x mandatory;
  position: relative; z-index: 1;
}
.video-rail::-webkit-scrollbar { height: 6px; }
.video-rail::-webkit-scrollbar-thumb { background: rgba(111,210,239,0.25); border-radius: 10px; }
.video-card {
  scroll-snap-align: start;
  flex: 0 0 220px;
  aspect-ratio: 9/16;
  position: relative;
  border-radius: var(--radius-m);
  overflow: hidden;
  border: 1px solid rgba(111,210,239,0.16);
  cursor: pointer;
  isolation: isolate;
}
.video-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s var(--ease); }
.video-card:hover img { transform: scale(1.07); }
.video-card::before {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(0deg, rgba(5,7,13,0.9) 0%, rgba(5,7,13,0.1) 45%, transparent 65%);
  z-index: 1;
}
.video-card .tag {
  position: absolute; top: 12px; left: 12px; z-index: 2;
  font-family: var(--f-mono); font-size: 10px; letter-spacing: 0.04em;
  padding: 4px 10px; border-radius: 999px;
  background: rgba(37,211,102,0.9); color: #04240f; text-transform: uppercase;
}
.video-card .info { position: absolute; bottom: 14px; left: 14px; right: 14px; z-index: 2; }
.video-card .info .n { font-family: var(--f-display); font-style: italic; color: var(--white); font-size: 16px; }
.video-card .info .s { font-family: var(--f-mono); font-size: 10.5px; color: var(--ice); margin-top: 3px; }
.video-card .play {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: 46px; height: 46px; border-radius: 50%;
  background: rgba(5,7,13,0.55); border: 1px solid rgba(255,255,255,0.4);
  display: flex; align-items: center; justify-content: center; z-index: 2;
  transition: background 0.3s, transform 0.3s var(--ease);
}
.video-card:hover .play { background: rgba(201,169,104,0.9); transform: translate(-50%, -50%) scale(1.05); }
.video-card .play svg { width: 16px; height: 16px; color: #fff; margin-left: 2px; }

/* Video modal */
.modal-overlay {
  position: fixed; inset: 0; z-index: 1000;
  background: rgba(3, 5, 10, 0.86);
  backdrop-filter: blur(8px);
  display: flex; align-items: center; justify-content: center;
  padding: 24px;
  opacity: 0; pointer-events: none;
  transition: opacity 0.3s var(--ease);
}
.modal-overlay.open { opacity: 1; pointer-events: auto; }
.modal-box {
  width: min(380px, 100%);
  background: linear-gradient(165deg, #101c33, #070b16);
  border: 1px solid rgba(111,210,239,0.25);
  border-radius: var(--radius-l);
  overflow: hidden;
  transform: translateY(24px) scale(0.97);
  transition: transform 0.35s var(--ease);
  box-shadow: 0 30px 80px rgba(0,0,0,0.6);
}
.modal-overlay.open .modal-box { transform: translateY(0) scale(1); }
.modal-close {
  position: absolute; top: 18px; right: 18px; z-index: 5;
  width: 38px; height: 38px; border-radius: 50%;
  background: rgba(5,7,13,0.6); border: 1px solid rgba(255,255,255,0.2);
  display: flex; align-items: center; justify-content: center; color: #fff;
}
.modal-media { aspect-ratio: 9/16; position: relative; background: var(--bg-navy-2); }
.modal-media img { width: 100%; height: 100%; object-fit: cover; }
.modal-media .placeholder-note {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  text-align: center; padding: 24px;
  font-family: var(--f-mono); font-size: 12px; color: var(--text-dimmer);
  background: rgba(5,7,13,0.55);
}
.modal-body { padding: 20px 22px 24px; }
.modal-body .n { font-family: var(--f-display); font-style: italic; font-size: 20px; color: var(--white); }
.modal-body .s { font-family: var(--f-mono); font-size: 12px; color: var(--crystal-light); margin-top: 4px; }
.modal-body .btn { margin-top: 16px; }

/* -------------------- 11. YORUMLAR -------------------- */
.filter-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 36px; position: relative; z-index: 1; }
.filter-chip {
  font-family: var(--f-mono); font-size: 12.5px; letter-spacing: 0.02em;
  padding: 9px 18px; border-radius: 999px;
  border: 1px solid rgba(111,210,239,0.22); color: var(--text-dim);
  background: transparent; transition: all 0.3s var(--ease);
}
.filter-chip:hover { border-color: var(--crystal-light); color: var(--white); }
.filter-chip.active { background: rgba(201,169,104,0.14); color: var(--gold-light); border-color: rgba(201,169,104,0.55); }

.testi-rail { display: flex; gap: 22px; overflow-x: auto; padding: 6px 4px 22px; position: relative; z-index: 1; }
.testi-rail::-webkit-scrollbar { height: 6px; }
.testi-rail::-webkit-scrollbar-thumb { background: rgba(111,210,239,0.25); border-radius: 10px; }

.testi-card {
  flex: 0 0 300px;
  background: rgba(12,17,32,0.55);
  border: 1px solid rgba(111,210,239,0.14);
  border-radius: var(--radius-m);
  padding: 22px;
  display: none;
}
.testi-card.is-visible { display: block; }
.testi-card .badge { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
.testi-card .badge img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; }
.testi-card .badge .who { font-family: var(--f-mono); font-size: 12px; color: var(--crystal-light); }
.testi-card .badge .svc { font-family: var(--f-mono); font-size: 10.5px; color: var(--text-dimmer); }
.testi-card .ig-frame {
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  padding: 16px;
  background: rgba(5,7,13,0.4);
  min-height: 130px;
  display: flex; align-items: center; justify-content: center;
  text-align: center;
}
.testi-card .ig-frame p { font-size: 13.5px; color: var(--text-dimmer); font-family: var(--f-mono); line-height: 1.6; }
.testi-card .stars { display: flex; gap: 3px; margin-top: 14px; }
.testi-card .stars svg { width: 14px; height: 14px; color: var(--gold); }

.text-testi-card {
  background: rgba(12,17,32,0.55);
  border: 1px solid rgba(111,210,239,0.14);
  border-radius: var(--radius-m);
  padding: 26px;
}
.text-testi-card .quote { font-family: var(--f-display); font-style: italic; font-size: 17px; color: var(--white); line-height: 1.5; }
.text-testi-card .who { margin-top: 16px; font-family: var(--f-mono); font-size: 12px; color: var(--crystal-light); }

/* -------------------- 12. FAL ÇEŞİTLERİ -------------------- */
.service-card {
  background: rgba(12,17,32,0.55);
  border: 1px solid rgba(111,210,239,0.14);
  border-radius: var(--radius-m);
  padding: 26px;
  transition: all 0.35s var(--ease);
  position: relative; z-index: 1;
}
.service-card:hover { transform: translateY(-4px); border-color: rgba(201,169,104,0.35); box-shadow: var(--shadow-card); }
.service-card .top { display: flex; align-items: center; justify-content: space-between; }
.service-card .dur { font-family: var(--f-mono); font-size: 11px; color: var(--text-dimmer); border: 1px solid rgba(111,210,239,0.2); padding: 5px 11px; border-radius: 999px; }
.service-card h3 { font-size: 22px; font-style: italic; margin-top: 20px; }
.service-card .price { font-family: var(--f-mono); font-size: 22px; color: var(--gold-light); margin-top: 10px; }
.service-card .price span { font-size: 12px; color: var(--text-dimmer); }
.service-card .desc { color: var(--text-dim); font-size: 14.5px; margin-top: 12px; line-height: 1.6; }
.service-card .actions { display: flex; gap: 10px; margin-top: 22px; flex-wrap: wrap; }
.price-note { text-align: center; color: var(--text-dimmer); font-family: var(--f-mono); font-size: 12.5px; margin-top: 34px; }

/* VIP */
.vip-card {
  background: rgba(12,17,32,0.6);
  border: 1px solid rgba(201,169,104,0.2);
  border-radius: var(--radius-m);
  padding: 30px;
  position: relative;
}
.vip-card.featured {
  border-color: rgba(201,169,104,0.55);
  background: linear-gradient(165deg, rgba(201,169,104,0.14), rgba(10,15,30,0.75));
  box-shadow: var(--glow-gold);
}
.vip-card .badge-top {
  position: absolute; top: -13px; left: 30px;
  background: linear-gradient(135deg, var(--gold-light), var(--gold));
  color: #241a05; font-family: var(--f-mono); font-size: 10.5px; letter-spacing: 0.04em;
  padding: 5px 14px; border-radius: 999px; text-transform: uppercase;
}
.vip-card h3 { font-size: 24px; font-style: italic; margin-top: 6px; }
.vip-card .price { font-family: var(--f-mono); font-size: 26px; color: var(--gold-light); margin-top: 12px; }
.vip-card p.desc { color: var(--text-dim); font-size: 14.5px; margin-top: 14px; line-height: 1.65; }
.vip-card .actions { margin-top: 24px; }

/* -------------------- 13. NASIL ÇALIŞIR -------------------- */
.steps-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; position: relative; z-index: 1; }
.steps-row.four { grid-template-columns: repeat(4, 1fr); }
.step-item { position: relative; padding-left: 4px; }
.step-item .num { font-family: var(--f-display); font-style: italic; font-size: 44px; color: transparent; -webkit-text-stroke: 1px rgba(111,210,239,0.5); }
.step-item h3 { font-size: 20px; margin-top: 14px; }
.step-item p { color: var(--text-dim); font-size: 14.5px; margin-top: 10px; line-height: 1.6; }
.steps-note {
  margin-top: 50px; padding: 22px 26px;
  border: 1px dashed rgba(111,210,239,0.3); border-radius: var(--radius-m);
  color: var(--text-dim); font-size: 14px; display: flex; gap: 14px; align-items: flex-start;
  background: rgba(10,128,215,0.05);
}
.steps-note svg { width: 20px; height: 20px; color: var(--crystal-light); flex-shrink: 0; margin-top: 2px; }
@media (max-width: 900px) { .steps-row, .steps-row.four { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .steps-row, .steps-row.four { grid-template-columns: 1fr; } }

/* -------------------- 14. NEDEN KRİSTAL KEDİ -------------------- */
.why-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; position: relative; z-index: 1; }
.why-card {
  padding: 26px 20px;
  border: 1px solid rgba(111,210,239,0.14);
  border-radius: var(--radius-m);
  background: rgba(14,23,48,0.4);
  text-align: left;
}
.why-card svg { width: 26px; height: 26px; color: var(--crystal-light); margin-bottom: 16px; }
.why-card h3 { font-size: 16.5px; line-height: 1.35; }
.why-card p { color: var(--text-dimmer); font-size: 13px; margin-top: 8px; line-height: 1.5; }
@media (max-width: 980px) { .why-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .why-grid { grid-template-columns: 1fr; } }

/* -------------------- 15. MAĞAZA -------------------- */
.shop-block {
  border-radius: var(--radius-l);
  background: linear-gradient(120deg, rgba(201,169,104,0.14), rgba(10,128,215,0.1));
  border: 1px solid rgba(201,169,104,0.25);
  padding: 54px;
  display: grid; grid-template-columns: 1fr 1fr; gap: 44px; align-items: center;
  position: relative; z-index: 1;
}
.shop-block .thumb-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.shop-block .thumb-grid img { aspect-ratio: 1; object-fit: cover; border-radius: 14px; }
.shop-block .thumb-grid img:nth-child(2) { margin-top: 24px; }
.shop-block .thumb-grid img:nth-child(3) { margin-top: -24px; }
@media (max-width: 900px) {
  .shop-block { grid-template-columns: 1fr; padding: 34px 24px; }
  .shop-block .thumb-grid img:nth-child(2), .shop-block .thumb-grid img:nth-child(3) { margin-top: 0; }
}

/* -------------------- 16. INSTAGRAM -------------------- */
.ig-section-grid { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 50px; align-items: center; position: relative; z-index: 1; }
.ig-profile-card {
  margin-top: 30px;
  display: flex; align-items: center; gap: 16px;
  padding: 18px 20px;
  border: 1px solid rgba(111,210,239,0.2);
  border-radius: var(--radius-m);
  background: rgba(14,23,48,0.5);
}
.ig-profile-card img { width: 54px; height: 54px; border-radius: 50%; object-fit: cover; }
.ig-profile-card .handle { font-family: var(--f-mono); color: var(--white); font-size: 14px; }
.ig-profile-card .sub { font-family: var(--f-mono); color: var(--text-dimmer); font-size: 11.5px; margin-top: 3px; }
.ig-mosaic { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.ig-mosaic .cell { display: block; position: relative; aspect-ratio: 1; border-radius: 12px; overflow: hidden; }
.ig-mosaic .cell img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s var(--ease); }
.ig-mosaic .cell:hover img { transform: scale(1.08); }
.ig-mosaic .cell .play {
  position: absolute; top: 8px; right: 8px; width: 22px; height: 22px; border-radius: 50%;
  background: rgba(5,7,13,0.6); display: flex; align-items: center; justify-content: center;
}
.ig-mosaic .cell .play svg { width: 9px; height: 9px; color: #fff; }
@media (max-width: 900px) { .ig-section-grid { grid-template-columns: 1fr; } .ig-mosaic { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 480px) { .ig-mosaic { grid-template-columns: repeat(3, 1fr); } }

/* -------------------- 17. BLOG -------------------- */
.blog-card {
  border: 1px solid rgba(111,210,239,0.14);
  border-radius: var(--radius-m);
  overflow: hidden;
  background: rgba(14,23,48,0.35);
  transition: all 0.35s var(--ease);
}
.blog-card:hover { transform: translateY(-4px); border-color: rgba(201,169,104,0.35); }
.blog-card .thumb { display: block; aspect-ratio: 16/10; overflow: hidden; }
.blog-card .thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s var(--ease); }
.blog-card:hover .thumb img { transform: scale(1.06); }
.blog-card .body { padding: 22px; }
.blog-card .cat { font-family: var(--f-mono); font-size: 10.5px; letter-spacing: 0.04em; color: var(--gold-light); text-transform: uppercase; }
.blog-card h3 { font-size: 19px; margin-top: 10px; line-height: 1.35; }
.blog-card .read { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; font-family: var(--f-mono); font-size: 12.5px; color: var(--crystal-light); }
.blog-card .read svg { width: 14px; height: 14px; transition: transform 0.3s var(--ease); }
.blog-card:hover .read svg { transform: translateX(4px); }

/* -------------------- 18. SSS -------------------- */
.faq-list { max-width: 820px; margin: 0 auto; position: relative; z-index: 1; }
.faq-item { border-bottom: 1px solid rgba(111,210,239,0.14); }
.faq-q {
  width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 20px;
  padding: 24px 4px; background: transparent; border: none; text-align: left;
  font-family: var(--f-display); font-size: 18px; color: var(--white);
}
.faq-q .plus { width: 28px; height: 28px; border-radius: 50%; border: 1px solid rgba(111,210,239,0.3); flex-shrink: 0; position: relative; }
.faq-q .plus::before, .faq-q .plus::after { content: ''; position: absolute; background: var(--crystal-light); top: 50%; left: 50%; transform: translate(-50%,-50%); }
.faq-q .plus::before { width: 10px; height: 1.5px; }
.faq-q .plus::after { width: 1.5px; height: 10px; transition: transform 0.3s var(--ease); }
.faq-item.open .faq-q .plus::after { transform: translate(-50%,-50%) rotate(90deg); opacity: 0; }
.faq-a { max-height: 0; overflow: hidden; transition: max-height 0.4s var(--ease); }
.faq-a-inner { padding: 0 4px 26px; color: var(--text-dim); font-size: 15px; line-height: 1.7; max-width: 700px; }
.faq-item.open .faq-a { max-height: 400px; }

/* -------------------- 19. FINAL CTA -------------------- */
.final-cta {
  position: relative;
  border-radius: var(--radius-l);
  padding: 76px 40px;
  text-align: center;
  background: radial-gradient(ellipse 700px 400px at 50% 0%, rgba(10,128,215,0.28), transparent 65%),
              linear-gradient(165deg, rgba(14,23,48,0.4), rgba(5,7,13,0.48)),
              url('../images/backgrounds/kristal-dark.jpg') center/cover no-repeat;
  border: 1px solid rgba(111,210,239,0.18);
  overflow: hidden;
}
.final-cta h2 { font-size: clamp(30px, 4.4vw, 48px); max-width: 640px; margin: 0 auto; }
.final-cta p { margin-top: 18px; color: var(--text-dim); font-size: 16.5px; }
.final-cta .ctas { display: flex; gap: 16px; justify-content: center; margin-top: 34px; flex-wrap: wrap; }
.final-faces { display: flex; justify-content: center; margin-top: 40px; }
.final-faces img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; border: 2px solid #05070d; margin-left: -14px; }
.final-faces img:first-child { margin-left: 0; }
.final-cta-cat { position: absolute; bottom: -60px; right: -40px; width: 340px; opacity: 0.08; filter: saturate(0) brightness(3); }

/* -------------------- 20. FOOTER -------------------- */
.site-footer {
  background: linear-gradient(180deg, rgba(5,7,13,0.6), rgba(5,7,13,0.7)),
              url('../images/backgrounds/kristal-dark.jpg') center/cover no-repeat;
  border-top: 1px solid rgba(111,210,239,0.1); padding: 76px 0 0; position: relative; z-index: 1;
}
.footer-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr; gap: 40px; padding-bottom: 54px; }
.footer-brand .brand { margin-bottom: 16px; }
.footer-brand p { color: var(--text-dimmer); font-size: 14px; max-width: 300px; line-height: 1.6; }
.footer-social { display: flex; gap: 10px; margin-top: 20px; }
.footer-col h4 { font-family: var(--f-mono); font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-dimmer); margin-bottom: 18px; }
.footer-col ul li { margin-bottom: 11px; }
.footer-col ul li a { font-size: 14px; color: var(--text-dim); transition: color 0.25s; }
.footer-col ul li a:hover { color: var(--crystal-light); }
.footer-bottom {
  border-top: 1px solid rgba(111,210,239,0.1);
  padding: 22px 0; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px;
  font-family: var(--f-mono); font-size: 12px; color: var(--text-dimmer);
}
@media (max-width: 980px) { .footer-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .footer-grid { grid-template-columns: 1fr; } }

/* -------------------- 21. WHATSAPP SABİT BUTONLARI -------------------- */
.wa-float {
  position: fixed; bottom: 26px; right: 26px; z-index: 850;
  width: 56px; height: 56px; border-radius: 50%;
  background: var(--wa-green);
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.4);
  transition: transform 0.3s var(--ease), box-shadow 0.3s var(--ease);
}
.wa-float:hover { transform: scale(1.06); box-shadow: 0 14px 32px rgba(0,0,0,0.5); }
.wa-float svg { width: 26px; height: 26px; color: #fff; }

.mobile-bar {
  display: none;
  position: fixed; bottom: 0; left: 0; right: 0; z-index: 840;
  padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
  background: rgba(5,7,13,0.92);
  backdrop-filter: blur(10px);
  border-top: 1px solid rgba(111,210,239,0.16);
}
@media (max-width: 860px) {
  .mobile-bar { display: block; }
  .wa-float { display: none; }
  body { padding-bottom: 78px; }
}

/* -------------------- 22. ALT SAYFA (İç Sayfa) ORTAK BİLEŞENLERİ -------------------- */
.page-hero {
  padding: 156px 0 60px;
  background: radial-gradient(ellipse 700px 400px at 15% 0%, rgba(10,128,215,0.2), transparent 60%),
              linear-gradient(180deg, rgba(7,11,22,0.4), rgba(5,7,13,0.48)),
              url('../images/backgrounds/kristal-dark.jpg') center/cover no-repeat;
  text-align: left;
}
.breadcrumb { font-family: var(--f-mono); font-size: 12px; color: var(--text-dimmer); margin-bottom: 20px; display: flex; gap: 8px; align-items: center; }
.breadcrumb a { color: var(--text-dim); }
.breadcrumb a:hover { color: var(--crystal-light); }
.page-hero h1 { font-size: clamp(30px, 4.4vw, 48px); max-width: 760px; }
.page-hero p.lead { color: var(--text-dim); margin-top: 18px; font-size: 17px; max-width: 620px; }

/* Falcı profil sayfası */
.profile-hero {
  padding: 156px 0 80px; position: relative; overflow: hidden;
  background: linear-gradient(180deg, rgba(7,11,22,0.42), rgba(5,7,13,0.48)),
              url('../images/backgrounds/kristal-dark.jpg') center/cover no-repeat;
}
.profile-grid { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 54px; align-items: center; position: relative; z-index: 1; }
.profile-photo { position: relative; border-radius: var(--radius-l); overflow: hidden; aspect-ratio: 4/5; box-shadow: var(--shadow-card); clip-path: polygon(6% 0, 100% 0, 100% 93%, 94% 100%, 0 100%, 0 7%); }
.profile-photo img { width: 100%; height: 100%; object-fit: cover; }
.profile-info .role-tag { font-family: var(--f-mono); font-size: 12.5px; color: var(--crystal-light); letter-spacing: 0.04em; }
.profile-info h1 { font-size: clamp(32px, 4.6vw, 52px); margin-top: 12px; }
.profile-info .about { color: var(--text-dim); font-size: 16.5px; margin-top: 20px; line-height: 1.75; max-width: 560px; }
.profile-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.profile-ctas { display: flex; gap: 14px; margin-top: 32px; flex-wrap: wrap; }

.profile-video { aspect-ratio: 9/16; max-width: 280px; border-radius: var(--radius-m); overflow: hidden; position: relative; cursor: pointer; border: 1px solid rgba(111,210,239,0.2); }
.profile-video img { width: 100%; height: 100%; object-fit: cover; }

.profile-services { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.profile-service-pill {
  padding: 16px 18px; border: 1px solid rgba(111,210,239,0.16); border-radius: var(--radius-s);
  background: rgba(14,23,48,0.4);
}
.profile-service-pill .n { font-family: var(--f-display); font-style: italic; font-size: 16px; color: var(--white); }
.profile-service-pill .p { font-family: var(--f-mono); font-size: 13px; color: var(--gold-light); margin-top: 6px; }

@media (max-width: 900px) {
  .profile-grid { grid-template-columns: 1fr; }
  .profile-services { grid-template-columns: 1fr; }
}

/* Blog article */
.article-body { max-width: 720px; margin: 0 auto; position: relative; z-index: 1; }
.article-body img.cover { border-radius: var(--radius-m); margin-bottom: 40px; aspect-ratio: 16/9; object-fit: cover; }
.article-body h2 { font-size: 26px; margin-top: 44px; margin-bottom: 16px; }
.article-body p { color: var(--text-dim); font-size: 16.5px; line-height: 1.85; margin-bottom: 18px; }
.article-body ul { margin: 0 0 18px; padding-left: 22px; }
.article-body ul li { color: var(--text-dim); font-size: 16.5px; line-height: 1.8; list-style: disc; margin-bottom: 8px; }
.article-cta { margin-top: 50px; padding: 30px; border-radius: var(--radius-m); background: linear-gradient(120deg, rgba(10,128,215,0.14), rgba(201,169,104,0.08)); border: 1px solid rgba(111,210,239,0.2); text-align: center; }
.article-cta p { color: var(--text-dim); margin-bottom: 18px; }

.related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 30px; }
@media (max-width: 900px) { .related-grid { grid-template-columns: 1fr; } .profile-services { grid-template-columns: 1fr 1fr; } }

/* Utility */
.text-center { text-align: center; }
.mt-0 { margin-top: 0; }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ============================================================
   23. AÇIK ZEMİN (theme-light) — bölümler arası dönüşümlü tema
   ============================================================ */
.theme-light {
  background: linear-gradient(180deg, rgba(238,244,251,0.6), rgba(230,238,250,0.55)),
              url('../images/backgrounds/kristal-light.jpg') center/cover no-repeat;
  color: #4a5573;
}
.theme-light h1, .theme-light h2, .theme-light h3, .theme-light h4 { color: #0b1730; }
.theme-light .section-desc, .theme-light .why-card p, .theme-light .step-item p,
.theme-light .steps-note, .theme-light .testi-card .svc, .theme-light .faq-a-inner p,
.theme-light .price-note, .theme-light .video-card .info .s { color: #4a5573; }
.theme-light .eyebrow { color: #0a80d7; }
.theme-light .facet-divider::before, .theme-light .facet-divider::after { background: linear-gradient(90deg, transparent, rgba(11,23,48,0.15), transparent); }
.theme-light .cat-watermark { filter: none; opacity: 0.045; }

.theme-light .reader-card, .theme-light .service-card, .theme-light .vip-card,
.theme-light .testi-card, .theme-light .text-testi-card, .theme-light .blog-card,
.theme-light .why-card, .theme-light .video-card {
  background: rgba(255,255,255,0.86);
  border-color: rgba(11,23,48,0.10);
  box-shadow: 0 16px 40px rgba(20,40,80,0.08);
}
.theme-light .reader-card:hover, .theme-light .service-card:hover,
.theme-light .blog-card:hover, .theme-light .why-card:hover {
  border-color: rgba(201,169,104,0.6);
}
.theme-light .reader-card .role, .theme-light .testi-card .badge .who,
.theme-light .text-testi-card .who, .theme-light .blog-card .read {
  color: #0a6fb0;
}
.theme-light .blog-card .cat { color: #8a6d2c; }
.theme-light .reader-card .name, .theme-light .text-testi-card .quote { color: #0b1730; }
.theme-light .reader-card .links a { color: #4a5573; }
.theme-light .reader-card .links a:hover { color: #0a6fb0; }
.theme-light .chip, .theme-light .reader-card .chip { border-color: rgba(11,23,48,0.16); color: #3c4864; }
.theme-light .filter-chip { border-color: rgba(11,23,48,0.18); color: #3c4864; }
.theme-light .filter-chip:hover { border-color: #0a6fb0; color: #0b1730; }
.theme-light .filter-chip.active { background: rgba(201,169,104,0.16); color: #7a5a1e; border-color: rgba(201,169,104,0.6); }
.theme-light .faq-q { color: #0b1730; }
.theme-light .faq-q .plus { border-color: rgba(11,23,48,0.25); }
.theme-light .faq-q .plus::before, .theme-light .faq-q .plus::after { background: #0a80d7; }
.theme-light .faq-item { border-bottom-color: rgba(11,23,48,0.12); }
.theme-light .btn-outline { border-color: rgba(11,23,48,0.28); color: #0b1730; }
.theme-light .btn-outline:hover { border-color: #0b1730; background: rgba(11,23,48,0.05); }
.theme-light .btn-quiet { border-color: rgba(11,23,48,0.22); color: #0b1730; }
.theme-light .btn-quiet:hover { border-color: var(--gold); background: rgba(201,169,104,0.1); }
.theme-light .btn-quiet svg { color: var(--wa-green); }
.theme-light .step-item .num { -webkit-text-stroke-color: rgba(11,23,48,0.35); }
.theme-light .video-rail::-webkit-scrollbar-thumb, .theme-light .testi-rail::-webkit-scrollbar-thumb { background: rgba(11,23,48,0.2); }

/* ============================================================
   24. BÖLÜM DİKİŞLERİ (seam) — kristal faset geçiş kesimi
   ============================================================ */
.seam-up, .seam-down {
  /* Tam yatay geçiş — eğim/açı yok */
  z-index: 2;
}

/* ============================================================
   25. SCROLL-REVEAL ANİMASYONU
   Varsayılan: her zaman görünür (JS/erişilebilirlik güvenliği).
   JS devrede ve hareket kısıtlaması yoksa 'reveal-armed' eklenir,
   yalnızca o zaman elemanlar önce gizlenip kaydırıldıkça belirir.
   ============================================================ */
.reveal-armed .section-head,
.reveal-armed .reader-card,
.reveal-armed .service-card,
.reveal-armed .vip-card,
.reveal-armed .blog-card,
.reveal-armed .why-card,
.reveal-armed .video-card,
.reveal-armed .testi-card,
.reveal-armed .text-testi-card,
.reveal-armed .step-item,
.reveal-armed .faq-item,
.reveal-armed .shop-block,
.reveal-armed .ig-section-grid > *,
.reveal-armed .final-cta,
.reveal-armed .profile-grid > *,
.reveal-armed .article-body > * {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity 0.7s var(--ease), transform 0.7s var(--ease);
}
.reveal-armed .is-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
/* Grid/rail çocuklarında hafif kademeli (stagger) gecikme */
.reveal-armed .grid-4 > *:nth-child(1), .reveal-armed .grid-3 > *:nth-child(1), .reveal-armed .grid-2 > *:nth-child(1) { transition-delay: 0s; }
.reveal-armed .grid-4 > *:nth-child(2), .reveal-armed .grid-3 > *:nth-child(2), .reveal-armed .grid-2 > *:nth-child(2) { transition-delay: 0.08s; }
.reveal-armed .grid-4 > *:nth-child(3), .reveal-armed .grid-3 > *:nth-child(3) { transition-delay: 0.16s; }
.reveal-armed .grid-4 > *:nth-child(4) { transition-delay: 0.24s; }
.reveal-armed .grid-4 > *:nth-child(n+5) { transition-delay: 0.05s; }
.reveal-armed .grid-3 > *:nth-child(n+4) { transition-delay: 0.05s; }
@media (prefers-reduced-motion: reduce) {
  .reveal-armed * { opacity: 1 !important; transform: none !important; transition: none !important; }
}

/* ============================================================
   26. KRİSTAL KEDİ MARKA ANI (banner)
   ============================================================ */
.cat-banner {
  position: relative;
  padding: 90px 0;
  overflow: hidden;
  text-align: center;
}
.cat-banner-frame {
  position: relative;
  max-width: 460px;
  margin: 0 auto;
}
.cat-banner-frame img {
  width: 100%;
  border-radius: 26px;
  box-shadow: 0 40px 100px rgba(0,0,0,0.55), 0 0 70px rgba(10,128,215,0.14);
}
.cat-banner-tagline { margin-top: 38px; }
.cat-banner-tagline .section-desc { margin-left: auto; margin-right: auto; }
@media (max-width: 560px) {
  .cat-banner { padding: 64px 0; }
  .cat-banner-frame { max-width: 320px; }
}

/* Önizleme: hero'da kedi kaldırılınca yerine hafif kristal parıltı (test) */
.hero-illustration-plain {
  background: radial-gradient(ellipse at center, rgba(10,128,215,0.14), transparent 65%),
              url('../images/backgrounds/kristal-dark.jpg') center/cover no-repeat;
}

/* ============================================================
   26. TEK ANA DOKU + DUOTONE RENK GEÇİŞİ — Hero'nun kendi deseni
   (aynı üçgen/ışık haritası) tüm sayfada kullanılıyor, ama her
   bölümde GERÇEKTEN farklı renklere yeniden haritalanmış durumda
   (beyaz saydam kaplama DEĞİL — piksellerin kendisi yeniden renklendi).
   Normal sayfa akışıyla birlikte kayar (fixed DEĞİL).
   ============================================================ */
.kk-canvas {
  position: relative;
  background-image: url('../images/backgrounds/kk-duotone-full.jpg');
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: scroll;
}
#falcilar, #videolar-tanit, #neden-kk, #fal-cesitleri, #vip-secim,
#nasil-calisir, #yorumlar, #magaza, #instagram, #fal-rehberi, #sss, #final-cta {
  position: relative;
  background: none;
}
#falcilar > .container, #videolar-tanit > .container, #neden-kk > .container,
#fal-cesitleri > .container, #vip-secim > .container,
#nasil-calisir > .container, #yorumlar > .container, #magaza > .container,
#instagram > .container, #fal-rehberi > .container, #sss > .container, #final-cta > .container {
  position: relative; z-index: 1;
}
#fal-cesitleri .cat-watermark { z-index: 0; }
#final-cta .final-cta { background: radial-gradient(ellipse 700px 400px at 50% 0%, rgba(10,128,215,0.22), transparent 65%), linear-gradient(165deg, rgba(14,23,48,0.35), rgba(5,7,13,0.4)); }


/* ============================================================
   28. OKUNABİLİRLİK / KONTRAST DÜZELTMELERİ
   Açık ve koyu zeminlerde ikincil metinlerin arka plana
   karışmasını önler. Tasarım/yerleşim değiştirilmez.
   ============================================================ */
:root {
  --text-dim: #c2cbe0;
  --text-dimmer: #9da9c2;
}

/* Açık temada global metin tokenlarını koyulaştır. Böylece
   var(--text-dim/dimmer) kullanan tüm alt bileşenler de okunur. */
.theme-light {
  --text: #26344f;
  --text-dim: #46536d;
  --text-dimmer: #5a6680;
  color: #34425d;
}
.theme-light .section-desc,
.theme-light .why-card p,
.theme-light .step-item p,
.theme-light .steps-note,
.theme-light .testi-card .svc,
.theme-light .testi-card .ig-frame p,
.theme-light .faq-a-inner,
.theme-light .faq-a-inner p,
.theme-light .price-note,
.theme-light .service-card .desc,
.theme-light .service-card .dur,
.theme-light .service-card .price span,
.theme-light .vip-card p.desc,
.theme-light .ig-profile-card .sub,
.theme-light .article-content p,
.theme-light .article-content li,
.theme-light .article-cta p {
  color: #46536d;
}

/* Kart içindeki küçük yardımcı yazılar biraz daha güçlü. */
.theme-light .reader-card .links a,
.theme-light .chip,
.theme-light .reader-card .chip,
.theme-light .filter-chip {
  color: #34425d;
}

/* ============================================================
   29. PAYLAŞILAN DUOTONE ARKA PLANDA GERÇEK KONTRAST DÜZELTMESİ
   kk-canvas tek uzun arka plan kullandığı için bazı .theme-light
   bölümleri gerçekte koyu bir banda denk geliyor. Bu bölümlerde
   koyu metin kullanmak okunabilirliği bozuyordu. Yalnızca koyu
   banda denk gelen metinler açıldı; kart/yerleşim yapısı değişmez.
   ============================================================ */

/* NASIL ÇALIŞIR: arka plan bu bantta lacivert/koyu. */
#nasil-calisir.theme-light {
  color: #cbd5e8;
}
#nasil-calisir.theme-light .eyebrow {
  color: #7bdcf4;
}
#nasil-calisir.theme-light .section-title,
#nasil-calisir.theme-light .step-item h3 {
  color: #f6f8fc;
  text-shadow: 0 2px 18px rgba(0,0,0,0.28);
}
#nasil-calisir.theme-light .section-title em {
  color: #82def4;
}
#nasil-calisir.theme-light .step-item p,
#nasil-calisir.theme-light .steps-note {
  color: #c8d3e7;
}
#nasil-calisir.theme-light .step-item .num {
  -webkit-text-stroke-color: rgba(130,222,244,0.76);
}
#nasil-calisir.theme-light .steps-note {
  border-color: rgba(130,222,244,0.42);
  background: rgba(5,13,28,0.24);
}
#nasil-calisir.theme-light .steps-note svg {
  color: #82def4;
}

/* YORUMLAR: bölüm başlığı koyu bantta, kartların içi açık kaldığı
   için yalnızca kartların DIŞINDAKİ bölüm başlık metinleri açılır. */
#yorumlar.theme-light > .container > .section-head .eyebrow {
  color: #7bdcf4;
}
#yorumlar.theme-light > .container > .section-head .section-title {
  color: #f6f8fc;
  text-shadow: 0 2px 18px rgba(0,0,0,0.28);
}
#yorumlar.theme-light > .container > .section-head .section-title em {
  color: #82def4;
}
#yorumlar.theme-light > .container > .section-head .section-desc {
  color: #c8d3e7;
}

/* SSS de uzun arka planın koyu bandına denk geliyor. */
#sss.theme-light .eyebrow {
  color: #7bdcf4;
}
#sss.theme-light .section-title,
#sss.theme-light .faq-q {
  color: #f6f8fc;
  text-shadow: 0 2px 18px rgba(0,0,0,0.24);
}
#sss.theme-light .section-title em {
  color: #82def4;
}
#sss.theme-light .section-desc,
#sss.theme-light .faq-a-inner,
#sss.theme-light .faq-a-inner p {
  color: #c8d3e7;
}
#sss.theme-light .faq-item {
  border-bottom-color: rgba(200,211,231,0.20);
}
#sss.theme-light .faq-q .plus {
  border-color: rgba(200,211,231,0.34);
}
#sss.theme-light .faq-q .plus::before,
#sss.theme-light .faq-q .plus::after {
  background: #7bdcf4;
}

/* 30. Yorum filtreleri: pasif seçenekler koyu kristal zeminde de net görünür. */
#yorumlar.theme-light .filter-chip,
body.page-yorumlar .filter-chip {
  color: #d7e2f3;
  border-color: rgba(126, 218, 242, 0.34);
  background: rgba(8, 20, 42, 0.30);
  text-shadow: 0 1px 10px rgba(0,0,0,0.28);
}
#yorumlar.theme-light .filter-chip:hover,
body.page-yorumlar .filter-chip:hover {
  color: #ffffff;
  border-color: rgba(130, 222, 244, 0.78);
  background: rgba(20, 54, 82, 0.46);
}
#yorumlar.theme-light .filter-chip.active,
body.page-yorumlar .filter-chip.active {
  color: #f1d28b;
  border-color: rgba(201,169,104,0.72);
  background: rgba(201,169,104,0.15);
  text-shadow: none;
}

/* ============================================================
   31. YORUM KARTLARI — premium kristal cam görünümü
   Beyaz blok hissini azaltır; koyu kristal arka planla bütünleşen,
   daha kaliteli ve okunaklı bir danışan yorumu paneli oluşturur.
   ============================================================ */
#yorumlar .testi-rail,
body.page-yorumlar .testi-rail {
  gap: 20px;
  padding: 10px 10px 28px;
  scroll-snap-type: x proximity;
  scrollbar-color: rgba(123,220,244,0.38) rgba(7,18,38,0.22);
}

#yorumlar .testi-rail::-webkit-scrollbar,
body.page-yorumlar .testi-rail::-webkit-scrollbar {
  height: 7px;
}
#yorumlar .testi-rail::-webkit-scrollbar-track,
body.page-yorumlar .testi-rail::-webkit-scrollbar-track {
  background: rgba(7,18,38,0.24);
  border-radius: 999px;
}
#yorumlar .testi-rail::-webkit-scrollbar-thumb,
body.page-yorumlar .testi-rail::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, rgba(111,210,239,0.34), rgba(201,169,104,0.48));
  border-radius: 999px;
}

#yorumlar.theme-light .testi-card,
body.page-yorumlar .testi-card {
  flex: 0 0 318px;
  position: relative;
  overflow: hidden;
  scroll-snap-align: start;
  padding: 20px;
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(18,34,60,0.93) 0%, rgba(8,19,39,0.96) 58%, rgba(10,24,46,0.94) 100%);
  border: 1px solid rgba(125,214,241,0.24);
  box-shadow:
    0 18px 45px rgba(1,7,19,0.36),
    inset 0 1px 0 rgba(255,255,255,0.06),
    inset 0 0 42px rgba(63,139,188,0.045);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: transform .32s var(--ease), border-color .32s var(--ease), box-shadow .32s var(--ease);
}

#yorumlar.theme-light .testi-card::before,
body.page-yorumlar .testi-card::before {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(130,222,244,0.62), rgba(239,208,139,0.48), transparent);
  opacity: .85;
}

#yorumlar.theme-light .testi-card::after,
body.page-yorumlar .testi-card::after {
  content: "";
  position: absolute;
  width: 130px;
  height: 130px;
  right: -55px;
  top: -58px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(112,210,239,0.12), transparent 68%);
  pointer-events: none;
}

#yorumlar.theme-light .testi-card:hover,
body.page-yorumlar .testi-card:hover {
  transform: translateY(-5px);
  border-color: rgba(130,222,244,0.48);
  box-shadow:
    0 24px 58px rgba(1,7,19,0.48),
    0 0 0 1px rgba(201,169,104,0.08),
    inset 0 1px 0 rgba(255,255,255,0.09);
}

#yorumlar.theme-light .testi-card .badge,
body.page-yorumlar .testi-card .badge {
  position: relative;
  z-index: 1;
  gap: 12px;
  margin-bottom: 17px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(151,202,226,0.13);
}

#yorumlar.theme-light .testi-card .badge img,
body.page-yorumlar .testi-card .badge img {
  width: 42px;
  height: 42px;
  padding: 2px;
  background: linear-gradient(145deg, rgba(130,222,244,0.9), rgba(201,169,104,0.82));
  box-shadow: 0 7px 18px rgba(0,0,0,0.26);
}

#yorumlar.theme-light .testi-card .badge .who,
body.page-yorumlar .testi-card .badge .who {
  color: #eef8ff;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.01em;
}

#yorumlar.theme-light .testi-card .badge .svc,
body.page-yorumlar .testi-card .badge .svc {
  color: #91bdd7;
  margin-top: 3px;
  font-size: 10.5px;
}

#yorumlar.theme-light .testi-card .ig-frame,
body.page-yorumlar .testi-card .ig-frame {
  position: relative;
  z-index: 1;
  min-height: 148px;
  padding: 20px 18px;
  border-radius: 17px;
  border: 1px solid rgba(140,205,231,0.16);
  background:
    linear-gradient(155deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)),
    rgba(3,12,27,0.46);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.045),
    inset 0 -20px 44px rgba(0,0,0,0.10);
}

#yorumlar.theme-light .testi-card .ig-frame::before,
body.page-yorumlar .testi-card .ig-frame::before {
  content: "“";
  position: absolute;
  top: 7px;
  left: 13px;
  font-family: Georgia, serif;
  font-size: 32px;
  line-height: 1;
  color: rgba(201,169,104,0.42);
}

#yorumlar.theme-light .testi-card .ig-frame p,
body.page-yorumlar .testi-card .ig-frame p {
  color: #c8d5e7;
  font-size: 13px;
  line-height: 1.7;
  text-shadow: 0 1px 10px rgba(0,0,0,0.18);
}

#yorumlar.theme-light .testi-card .stars,
body.page-yorumlar .testi-card .stars {
  position: relative;
  z-index: 1;
  margin-top: 16px;
  gap: 4px;
}

#yorumlar.theme-light .testi-card .stars svg,
body.page-yorumlar .testi-card .stars svg {
  width: 15px;
  height: 15px;
  color: #e0bc6a;
  filter: drop-shadow(0 2px 6px rgba(224,188,106,0.20));
}

@media (max-width: 640px) {
  #yorumlar.theme-light .testi-card,
  body.page-yorumlar .testi-card {
    flex-basis: min(86vw, 318px);
    border-radius: 19px;
    padding: 18px;
  }
}


/* ===== Fal türü hedef kart vurgusu (v42) ===== */
.service-card[data-service-target] {
  scroll-margin-top: 118px;
  position: relative;
  isolation: isolate;
}
.service-card[data-service-target]::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  transition: opacity .35s ease;
  background: linear-gradient(135deg,
    rgba(111,210,239,.72),
    rgba(111,210,239,.10) 42%,
    rgba(201,169,104,.42) 100%);
  padding: 1px;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 2;
}
.service-card.is-targeted {
  border-color: rgba(111,210,239,.82);
  background:
    radial-gradient(circle at 18% 10%, rgba(111,210,239,.13), transparent 42%),
    linear-gradient(145deg, rgba(9,25,45,.94), rgba(5,14,30,.92));
  box-shadow:
    0 0 0 1px rgba(111,210,239,.22),
    0 0 28px rgba(111,210,239,.22),
    0 18px 46px rgba(0,0,0,.34),
    inset 0 0 32px rgba(111,210,239,.055);
  transform: translateY(-5px) scale(1.012);
  animation: serviceTargetGlow 2.15s ease-in-out infinite;
}
.service-card.is-targeted::before { opacity: 1; }
.service-card.is-targeted h3 {
  color: #f7fcff;
  text-shadow: 0 0 18px rgba(111,210,239,.28);
}
.service-card.is-targeted .dur {
  color: #bdefff;
  border-color: rgba(111,210,239,.52);
  background: rgba(111,210,239,.08);
}
.service-card.is-targeted .price {
  text-shadow: 0 0 16px rgba(201,169,104,.18);
}
@keyframes serviceTargetGlow {
  0%,100% {
    box-shadow: 0 0 0 1px rgba(111,210,239,.20), 0 0 24px rgba(111,210,239,.18), 0 18px 46px rgba(0,0,0,.34), inset 0 0 32px rgba(111,210,239,.045);
  }
  50% {
    box-shadow: 0 0 0 1px rgba(111,210,239,.36), 0 0 38px rgba(111,210,239,.30), 0 18px 50px rgba(0,0,0,.38), inset 0 0 38px rgba(111,210,239,.085);
  }
}
@media (prefers-reduced-motion: reduce) {
  .service-card.is-targeted { animation: none; }
}
@media (max-width: 700px) {
  .service-card[data-service-target] { scroll-margin-top: 92px; }
  .service-card.is-targeted { transform: translateY(-2px); }
}


/* ============================================================
   33. REVİZE PAKETİ — okunabilirlik + premium kartlar + akıcı arka plan
   ============================================================ */
/* Bölüm etiketleri daha görünür */
#videolar-tanit .eyebrow, #neden-kk .eyebrow, #fal-cesitleri .eyebrow,
#vip-secim .eyebrow, #yorumlar .eyebrow, #fal-rehberi .eyebrow { font-size:15px; letter-spacing:.15em; font-weight:600; }
#falcilar .section-title { font-size:clamp(38px,5vw,56px); }
#falcilar .section-desc, #fal-rehberi .section-desc { color:#263b59; font-weight:500; text-shadow:0 1px 12px rgba(255,255,255,.3); }
#falcilar .section-title { color:#071b39; }
#falcilar .section-title em, #fal-rehberi .section-title em { color:#35bfe8; }
#fal-rehberi .section-title { color:#071b39; }

/* Okunurluğu düşük büyük link butonları */
#falcilar .text-center .btn-outline, #yorumlar .text-center .btn-outline,
#fal-rehberi .text-center .btn-outline, #sss .text-center .btn-outline {
  font-size:15px; font-weight:700; padding:14px 24px; color:#f8fbff;
  border-color:rgba(111,210,239,.62); background:rgba(5,20,42,.68);
  box-shadow:0 8px 28px rgba(3,12,28,.14); backdrop-filter:blur(8px);
}
#falcilar .text-center .btn-outline:hover, #yorumlar .text-center .btn-outline:hover,
#fal-rehberi .text-center .btn-outline:hover, #sss .text-center .btn-outline:hover { border-color:#d9bd78; color:#fff4d4; transform:translateY(-2px); }

/* Hero */
.hero-badge { transform:scale(1.08); transform-origin:left center; padding:11px 18px; }
.hero-extra-line { display:inline-block; margin-top:8px; font-size:.54em; line-height:1.25; color:#d9e7f7; font-family:var(--f-body); font-style:normal; letter-spacing:-.01em; }
.hero-ctas { gap:12px; }
.hero-ctas .btn-prices { border-color:rgba(201,169,104,.62); color:#f2d58f; background:rgba(201,169,104,.07); }

/* Neden KK: şampanya altın premium kontür + ok */
.why-card { position:relative; overflow:hidden; border-color:rgba(210,178,106,.45); background:linear-gradient(145deg,rgba(13,25,48,.72),rgba(8,18,38,.52)); box-shadow:inset 0 1px rgba(255,255,255,.035); transition:transform .35s var(--ease),border-color .35s,box-shadow .35s; }
.why-card::after { content:'→'; position:absolute; right:18px; top:50%; transform:translate(-8px,-50%); opacity:0; color:#e6c980; font-size:22px; transition:.35s var(--ease); }
.why-card:hover { transform:translateY(-5px) scale(1.025); border-color:rgba(230,201,128,.9); box-shadow:0 18px 46px rgba(0,0,0,.22),0 0 28px rgba(201,169,104,.12); }
.why-card:hover::after { opacity:1; transform:translate(0,-50%); }
.why-card:hover p { padding-right:18px; }

/* Ana sayfa fal kartları: daha kompakt, açık kristal mavi premium 3x3 */
#fal-cesitleri .grid-3 { gap:18px; }
#fal-cesitleri .service-card { padding:20px 22px; min-height:270px; background:linear-gradient(150deg,rgba(196,232,247,.92),rgba(120,188,220,.78)); border-color:rgba(221,245,255,.72); box-shadow:0 16px 44px rgba(5,22,43,.15),inset 0 1px rgba(255,255,255,.55); }
#fal-cesitleri .service-card:hover { transform:translateY(-5px); border-color:rgba(224,192,112,.9); box-shadow:0 20px 50px rgba(5,22,43,.2),0 0 24px rgba(201,169,104,.12); }
#fal-cesitleri .service-card h3 { color:#071b39; margin-top:14px; font-size:20px; }
#fal-cesitleri .service-card .desc { color:#263b59; font-weight:500; font-size:13.5px; }
#fal-cesitleri .service-card .dur { color:#173956; border-color:rgba(13,62,94,.25); background:rgba(255,255,255,.24); }
#fal-cesitleri .service-card .price { color:#6d5115; font-size:21px; }
#fal-cesitleri .service-card .price span { color:#3d526c; }
#fal-cesitleri .service-card .actions { margin-top:17px; }
#fal-cesitleri .service-card .btn-outline { color:#08233e; border-color:rgba(8,64,96,.42); background:rgba(255,255,255,.22); }
#fal-cesitleri .service-card .btn-quiet { color:#08233e; border-color:rgba(145,108,35,.36); background:rgba(255,255,255,.18); }

/* VIP gerçekten VIP */
.vip-card { overflow:hidden; border-color:rgba(111,210,239,.28); background:linear-gradient(150deg,rgba(10,23,48,.86),rgba(7,14,31,.7)); box-shadow:inset 0 1px rgba(255,255,255,.04),0 14px 38px rgba(0,0,0,.16); transition:.38s var(--ease); }
.vip-card::before { content:''; position:absolute; inset:0; border-radius:inherit; padding:1px; background:linear-gradient(135deg,rgba(111,210,239,.55),transparent 40%,rgba(201,169,104,.32)); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; opacity:.5; }
.vip-card:hover { transform:translateY(-7px) scale(1.018); border-color:rgba(111,210,239,.65); box-shadow:0 24px 58px rgba(0,0,0,.28),0 0 28px rgba(111,210,239,.1); }
.vip-card.featured { background:radial-gradient(circle at 82% 8%,rgba(232,195,109,.18),transparent 34%),linear-gradient(145deg,rgba(48,39,22,.58),rgba(8,15,31,.86)); border-color:rgba(232,195,109,.72); box-shadow:0 20px 56px rgba(0,0,0,.25),0 0 34px rgba(201,169,104,.16); }
.vip-card.featured:hover { border-color:#f0d58f; box-shadow:0 28px 68px rgba(0,0,0,.32),0 0 44px rgba(226,190,105,.24); }

/* Mağaza bloğu */
.shop-block { border:1px solid rgba(210,178,106,.55); background:linear-gradient(135deg,rgba(18,44,70,.28),rgba(255,255,255,.08)); box-shadow:0 24px 70px rgba(8,31,52,.14),inset 0 1px rgba(255,255,255,.25); backdrop-filter:blur(10px); border-radius:28px; padding:52px 54px; }
.shop-block .thumb-grid img { border:1px solid rgba(255,255,255,.38); box-shadow:0 16px 34px rgba(8,31,52,.18); transition:.35s var(--ease); }
.shop-block .thumb-grid img:hover { transform:translateY(-5px) scale(1.025); box-shadow:0 22px 44px rgba(8,31,52,.24),0 0 22px rgba(201,169,104,.12); }
.shop-block .btn-gold { box-shadow:0 10px 30px rgba(151,109,24,.2); }

/* Instagram okunurluk + gerçek içerik hissi */
#instagram .eyebrow { color:#0a78b8; font-weight:700; }
#instagram .section-title { color:#071b39; text-shadow:0 1px 14px rgba(255,255,255,.35); }
#instagram .section-title em { color:#17aeda; }
#instagram .section-desc { color:#2d4664; font-weight:550; }
.ig-profile-card { background:rgba(9,31,55,.58); border:1px solid rgba(201,169,104,.34); box-shadow:0 12px 36px rgba(7,27,48,.14); }
.ig-profile-card .handle { color:#fff; }.ig-profile-card .sub { color:#cbd8e7; }
.ig-mosaic .cell { border:1px solid rgba(255,255,255,.46); box-shadow:0 10px 28px rgba(7,27,48,.13); }
.ig-mosaic .cell img { transition:.45s var(--ease); }.ig-mosaic .cell:hover img { transform:scale(1.055); }
#instagram .btn-primary { background:linear-gradient(135deg,#0d8ed0,#32c7df); box-shadow:0 12px 32px rgba(13,142,208,.22); }

/* Fal rehberi açık zeminde net */
#fal-rehberi .eyebrow { color:#0b82c6; }

/* İç sayfalar: tek parça, dikişsiz gradient kristal atmosfer */
body.premium-page-bg { background:#061326; }
body.premium-page-bg main, body.premium-page-bg .page-hero, body.premium-page-bg .section, body.premium-page-bg section { background-color:transparent !important; }
body.premium-page-bg::before { content:''; position:fixed; inset:0; z-index:-2; background:linear-gradient(180deg,rgba(4,15,32,.18),rgba(7,34,58,.14)),url('../images/backgrounds/kristal-dark.jpg') center top/cover fixed no-repeat; }
body.premium-page-bg::after { content:''; position:fixed; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(900px 560px at 18% 18%,rgba(31,153,211,.16),transparent 65%),radial-gradient(800px 600px at 82% 70%,rgba(78,42,172,.12),transparent 68%),linear-gradient(180deg,rgba(5,15,32,.12),rgba(3,11,25,.35)); }
body.premium-page-bg .page-hero { border-bottom:1px solid rgba(111,210,239,.08); }
body.premium-page-bg .page-hero::before, body.premium-page-bg .section::before { background:none !important; }
body.premium-page-bg .breadcrumb { font-size:13px; color:#bdcce0; }
body.premium-page-bg .eyebrow { font-size:15px; font-weight:600; }

/* Fal çeşitleri iç sayfası: 9 kart kompakt ve premium */
body.premium-page-bg .service-card { padding:22px; min-height:300px; background:linear-gradient(150deg,rgba(113,190,226,.16),rgba(8,22,45,.76)); border-color:rgba(119,214,241,.34); box-shadow:inset 0 1px rgba(255,255,255,.04),0 14px 38px rgba(0,0,0,.14); }
body.premium-page-bg .service-card:hover { border-color:rgba(111,210,239,.72); box-shadow:0 20px 48px rgba(0,0,0,.22),0 0 28px rgba(111,210,239,.1); }
body.premium-page-bg .service-card .desc { color:#c7d3e5; font-size:13.5px; }
body.premium-page-bg .service-card .dur { color:#bcd9e8; }

/* Yüzen mağaza kartı: daha yatay, daha ince ve dikkat çekici */
.shop-panel-float { width:390px; padding:18px 20px; border-color:rgba(218,184,105,.5); background:linear-gradient(145deg,rgba(8,18,38,.9),rgba(18,35,57,.78)); box-shadow:0 20px 60px rgba(0,0,0,.34),0 0 26px rgba(201,169,104,.08); }
.shop-panel-float .prods img { width:102px; height:68px; border:1px solid rgba(255,255,255,.12); }
.shop-panel-float .go { color:#f1d28b; font-weight:700; }

@media (max-width:900px){
  #fal-cesitleri .grid-3 { grid-template-columns:repeat(2,1fr); }
  .hero-extra-line{font-size:.48em}.shop-block{padding:36px 28px}
}
@media (max-width:620px){
  #fal-cesitleri .grid-3 { grid-template-columns:1fr; }
  #falcilar .section-title{font-size:38px}.eyebrow{font-size:14px!important}
}

/* 34. İç sayfa arka planında eski section görsellerini tamamen kapat; dikiş izi oluşmasın. */
html { background:#061326; }
body.premium-page-bg { background:transparent !important; isolation:isolate; }
body.premium-page-bg .page-hero,
body.premium-page-bg .section,
body.premium-page-bg section,
body.premium-page-bg main { background-image:none !important; background-color:transparent !important; }
body.premium-page-bg::before { z-index:-2; }
body.premium-page-bg::after { z-index:-1; }

/* Ana sayfadaki açık bölümlerde istenen başlık/CTA netliği */
#falcilar .text-center .btn-outline { min-width:190px; }
#yorumlar .text-center .btn-outline { min-width:290px; }
#fal-rehberi .text-center .btn-outline, #sss .text-center .btn-outline { min-width:190px; }

/* ============================================================
   REVİZE 44 — Hero CTA butonları masaüstünde tek satır
   ============================================================ */
@media (min-width: 981px) {
  .hero-grid {
    grid-template-columns: 1.18fr 0.82fr;
    gap: 36px;
  }
  .hero-ctas {
    flex-wrap: nowrap;
    gap: 10px;
    align-items: center;
  }
  .hero-ctas .btn {
    white-space: nowrap;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 13px;
  }
}


/* ============================================================
   REVİZE 45 — Hero tipografi / daha estetik başlık kompozisyonu
   ============================================================ */
.hero-copy { max-width: 680px; }
.hero h1 {
  max-width: 650px;
  font-size: clamp(42px, 4.6vw, 62px);
  line-height: 1.03;
  letter-spacing: -0.025em;
  text-wrap: balance;
}
.hero h1 em {
  display: inline-block;
  margin-top: 3px;
  color: #72dcf6;
  text-shadow: 0 0 28px rgba(111,210,239,.12);
}
.hero-extra-line {
  display: block;
  width: fit-content;
  max-width: 520px;
  margin-top: 22px;
  padding: 10px 16px 10px 18px;
  border-left: 2px solid rgba(220,187,111,.9);
  border-radius: 0 10px 10px 0;
  background: linear-gradient(90deg, rgba(201,169,104,.10), rgba(111,210,239,.025));
  font-family: var(--f-body);
  font-size: clamp(17px, 1.55vw, 21px);
  font-style: normal;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: .005em;
  color: #e6edf7;
  text-shadow: none;
}
.hero-desc {
  margin-top: 22px;
  max-width: 585px;
  font-size: 17px;
  line-height: 1.72;
  color: rgba(229,237,247,.82);
}
@media (max-width: 980px) {
  .hero-copy { max-width: 100%; }
  .hero h1 { max-width: 720px; }
  .hero-extra-line { max-width: 620px; }
}
@media (max-width: 640px) {
  .hero h1 { font-size: clamp(38px, 12vw, 52px); line-height: 1.02; }
  .hero-extra-line { margin-top: 18px; padding: 9px 12px 9px 14px; font-size: 16px; }
  .hero-desc { font-size: 16px; line-height: 1.65; }
}


/* ============================================================
   REVİZE 46 — Hero daha rafine / premium tipografi
   ============================================================ */
.hero-copy { max-width: 720px; }
.hero h1 {
  max-width: 700px;
  font-size: clamp(44px, 4.45vw, 60px);
  line-height: .99;
  letter-spacing: -.032em;
}
.hero h1 em {
  margin-top: 7px;
  color: #73ddf6;
  font-weight: 500;
  text-shadow: 0 8px 34px rgba(76,197,231,.16);
}
.hero-extra-line {
  display: flex;
  align-items: center;
  gap: 11px;
  width: fit-content;
  max-width: 610px;
  margin-top: 24px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  font-family: var(--f-body);
  font-size: clamp(16px, 1.35vw, 19px);
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: .002em;
  color: rgba(236,243,250,.92);
  text-shadow: none;
}
.hero-extra-line::after {
  content: "";
  display: block;
  width: 54px;
  height: 1px;
  margin-left: 3px;
  flex: 0 0 auto;
  background: linear-gradient(90deg, rgba(216,181,101,.9), rgba(115,221,246,0));
}
.hero-extra-mark {
  display: grid;
  place-items: center;
  width: 29px;
  height: 29px;
  flex: 0 0 29px;
  border: 1px solid rgba(216,181,101,.55);
  border-radius: 50%;
  color: #dfbd72;
  font-size: 12px;
  box-shadow: inset 0 0 16px rgba(216,181,101,.07), 0 0 20px rgba(216,181,101,.06);
}
.hero-extra-line strong {
  color: #e4c77f;
  font-weight: 600;
}
.hero-desc {
  position: relative;
  margin-top: 25px;
  max-width: 590px;
  padding-top: 19px;
  font-size: 16px;
  line-height: 1.7;
  color: rgba(220,231,243,.78);
}
.hero-desc::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 72px;
  height: 1px;
  background: linear-gradient(90deg, rgba(111,210,239,.75), rgba(111,210,239,0));
}
@media (max-width: 640px) {
  .hero h1 { font-size: clamp(38px, 11.5vw, 50px); line-height: 1.01; }
  .hero-extra-line { margin-top: 20px; gap: 9px; font-size: 15px; }
  .hero-extra-line::after { display: none; }
  .hero-extra-mark { width: 26px; height: 26px; flex-basis: 26px; }
  .hero-desc { margin-top: 21px; padding-top: 16px; font-size: 15px; }
}

/* v47 — Fal kartlarında premium yarı saydam kristal cam görünümü */
#fal-cesitleri .service-card {
  background: linear-gradient(145deg, rgba(185, 226, 244, .68), rgba(112, 184, 217, .48)) !important;
  border: 1px solid rgba(220, 244, 255, .68) !important;
  -webkit-backdrop-filter: blur(12px) saturate(118%);
  backdrop-filter: blur(12px) saturate(118%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 14px 34px rgba(3,18,39,.16) !important;
}
#fal-cesitleri .service-card:hover {
  background: linear-gradient(145deg, rgba(194, 233, 248, .76), rgba(111, 190, 224, .57)) !important;
  border-color: rgba(214, 181, 103, .82) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 20px 46px rgba(3,18,39,.22), 0 0 22px rgba(201,169,104,.10) !important;
}
#fal-cesitleri .service-card .dur,
#fal-cesitleri .service-card .btn-outline,
#fal-cesitleri .service-card .btn-quiet {
  background: rgba(235, 248, 255, .22) !important;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}

/* v48 — gerçek cam hissi + hover yansıma çizgileri */
#fal-cesitleri .service-card {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: linear-gradient(145deg, rgba(205,238,250,.30), rgba(105,180,215,.16)) !important;
  border: 1px solid rgba(226,247,255,.58) !important;
  -webkit-backdrop-filter: blur(18px) saturate(132%) brightness(1.04);
  backdrop-filter: blur(18px) saturate(132%) brightness(1.04);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.58), inset 1px 0 0 rgba(255,255,255,.12), 0 18px 42px rgba(2,14,32,.18) !important;
}
#fal-cesitleri .service-card::after {
  content:"";
  position:absolute;
  z-index:0;
  top:-45%;
  left:-80%;
  width:58%;
  height:190%;
  pointer-events:none;
  opacity:0;
  transform:skewX(-18deg);
  background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,.03) 20%, rgba(255,255,255,.34) 48%, rgba(159,229,255,.22) 53%, rgba(255,255,255,.05) 72%, transparent 100%);
  border-left:1px solid rgba(255,255,255,.16);
  border-right:1px solid rgba(170,231,255,.12);
  transition:left .78s cubic-bezier(.2,.75,.2,1), opacity .22s ease;
}
#fal-cesitleri .service-card:hover {
  transform:translateY(-5px) scale(1.012);
  background:linear-gradient(145deg, rgba(214,242,252,.36), rgba(103,183,219,.20)) !important;
  border-color:rgba(225,247,255,.88) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.76), inset 0 0 28px rgba(177,230,249,.08), 0 22px 52px rgba(1,14,32,.25), 0 0 0 1px rgba(114,211,239,.12) !important;
}
#fal-cesitleri .service-card:hover::after { left:125%; opacity:1; }
#fal-cesitleri .service-card > * { position:relative; z-index:1; }
#fal-cesitleri .service-card .dur,
#fal-cesitleri .service-card .btn-outline,
#fal-cesitleri .service-card .btn-quiet {
  background:rgba(230,247,255,.13) !important;
  border-color:rgba(218,244,255,.38) !important;
  -webkit-backdrop-filter:blur(10px) saturate(120%);
  backdrop-filter:blur(10px) saturate(120%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
}
@media (prefers-reduced-motion: reduce) {
  #fal-cesitleri .service-card::after { transition:none; }
}

/* v49 — daha şeffaf premium cam + yüksek metin kontrastı */
#fal-cesitleri .service-card {
  background: linear-gradient(145deg, rgba(185,225,243,.18), rgba(62,132,171,.10)) !important;
  border: 1px solid rgba(220,245,255,.64) !important;
  -webkit-backdrop-filter: blur(13px) saturate(125%);
  backdrop-filter: blur(13px) saturate(125%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.52), inset 0 0 24px rgba(155,220,245,.035), 0 18px 44px rgba(0,10,27,.20) !important;
}
#fal-cesitleri .service-card h3 { color:#f7fbff !important; text-shadow:0 1px 10px rgba(0,10,28,.58); }
#fal-cesitleri .service-card .desc { color:#e1ebf6 !important; font-weight:500 !important; text-shadow:0 1px 7px rgba(0,10,28,.42); }
#fal-cesitleri .service-card .price { color:#e5c675 !important; text-shadow:0 1px 8px rgba(0,0,0,.32); }
#fal-cesitleri .service-card .price span { color:#d5e2ef !important; }
#fal-cesitleri .service-card .dur { color:#e8f5fb !important; background:rgba(7,30,51,.24) !important; border-color:rgba(205,239,252,.42) !important; }
#fal-cesitleri .service-card .btn-outline,
#fal-cesitleri .service-card .btn-quiet {
  color:#f5fbff !important;
  background:rgba(6,29,50,.25) !important;
  border-color:rgba(208,240,252,.48) !important;
  text-shadow:0 1px 5px rgba(0,0,0,.28);
}
#fal-cesitleri .service-card .btn-outline:hover,
#fal-cesitleri .service-card .btn-quiet:hover { background:rgba(116,205,236,.18) !important; border-color:rgba(230,248,255,.82) !important; }
#fal-cesitleri .service-card:hover {
  background:linear-gradient(145deg,rgba(199,233,247,.23),rgba(67,143,181,.13)) !important;
  border-color:rgba(231,249,255,.92) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72), inset 0 0 32px rgba(173,230,249,.055), 0 24px 56px rgba(0,10,28,.27), 0 0 22px rgba(103,207,239,.08) !important;
}

/* v50 — referanstaki koyu, zarif ve yarı saydam premium kart görünümü */
#fal-cesitleri .service-card {
  background: linear-gradient(145deg, rgba(5,18,39,.78), rgba(7,20,43,.66)) !important;
  border: 1px solid rgba(105,190,225,.22) !important;
  -webkit-backdrop-filter: blur(12px) saturate(112%);
  backdrop-filter: blur(12px) saturate(112%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 14px 34px rgba(0,8,24,.14) !important;
}
#fal-cesitleri .service-card h3 { color:#f7f7f4 !important; text-shadow:none !important; }
#fal-cesitleri .service-card .desc { color:#cbd4e2 !important; font-weight:500 !important; text-shadow:none !important; }
#fal-cesitleri .service-card .price { color:#ead48d !important; text-shadow:none !important; }
#fal-cesitleri .service-card .price span { color:#aebbd0 !important; }
#fal-cesitleri .service-card .dur {
  color:#aebfd1 !important;
  background:rgba(6,23,43,.28) !important;
  border-color:rgba(104,190,225,.25) !important;
  box-shadow:none !important;
}
#fal-cesitleri .service-card .btn-outline {
  color:#f7fbff !important;
  background:rgba(4,19,39,.34) !important;
  border-color:rgba(91,190,226,.48) !important;
  box-shadow:none !important;
}
#fal-cesitleri .service-card .btn-quiet {
  color:#dce5f0 !important;
  background:rgba(7,20,39,.34) !important;
  border-color:rgba(203,169,93,.28) !important;
  box-shadow:none !important;
}
#fal-cesitleri .service-card:hover {
  background:linear-gradient(145deg,rgba(8,25,49,.82),rgba(8,23,47,.70)) !important;
  border-color:rgba(111,210,239,.48) !important;
  box-shadow:0 18px 44px rgba(0,8,25,.22), 0 0 20px rgba(88,190,226,.06), inset 0 1px 0 rgba(255,255,255,.055) !important;
  transform:translateY(-4px) scale(1.008);
}
#fal-cesitleri .service-card:hover::after { opacity:.55; }

/* v51 — fal kartı aksiyon butonları referans görseliyle aynı */
#fal-cesitleri .service-card .actions {
  display:flex;
  align-items:center;
  gap:10px;
}
#fal-cesitleri .service-card .actions .btn {
  min-height:43px;
  padding:0 19px !important;
  border-radius:10px !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  line-height:41px !important;
  white-space:nowrap;
  box-shadow:none !important;
}
#fal-cesitleri .service-card .btn-outline {
  color:#f8fbff !important;
  background:rgba(3,17,36,.42) !important;
  border:1px solid rgba(75,181,222,.58) !important;
}
#fal-cesitleri .service-card .btn-quiet {
  color:#dce4ee !important;
  background:rgba(8,19,37,.48) !important;
  border:1px solid rgba(195,159,77,.28) !important;
}
#fal-cesitleri .service-card .btn-quiet::before {
  content:'◉';
  color:#00df76;
  font-size:12px;
  margin-right:10px;
  vertical-align:1px;
}
#fal-cesitleri .service-card .btn-outline:hover {
  background:rgba(22,83,111,.30) !important;
  border-color:rgba(105,211,244,.82) !important;
}
#fal-cesitleri .service-card .btn-quiet:hover {
  background:rgba(45,38,22,.24) !important;
  border-color:rgba(221,190,113,.48) !important;
}

/* v52 — Fal kartlarını ilk koyu görünüme döndür, sonradan eklenen premium hover/yansıma efektlerini koru */
#fal-cesitleri .service-card {
  background: rgba(12,17,32,.55) !important;
  border: 1px solid rgba(111,210,239,.14) !important;
  border-radius: var(--radius-m) !important;
  padding: 26px !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
#fal-cesitleri .service-card h3 {
  color: var(--white) !important;
  font-size: 22px !important;
  font-style: italic !important;
  margin-top: 20px !important;
  text-shadow: none !important;
}
#fal-cesitleri .service-card .price {
  color: var(--gold-light) !important;
  font-size: 22px !important;
  margin-top: 10px !important;
  text-shadow: none !important;
}
#fal-cesitleri .service-card .price span {
  color: var(--text-dimmer) !important;
  font-size: 12px !important;
}
#fal-cesitleri .service-card .desc {
  color: var(--text-dim) !important;
  font-size: 14.5px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  margin-top: 12px !important;
  text-shadow: none !important;
}
#fal-cesitleri .service-card .dur {
  color: var(--text-dimmer) !important;
  background: transparent !important;
  border: 1px solid rgba(111,210,239,.20) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
#fal-cesitleri .service-card:hover {
  background: rgba(12,17,32,.62) !important;
  transform: translateY(-4px) scale(1.008) !important;
  border-color: rgba(201,169,104,.35) !important;
  box-shadow: var(--shadow-card) !important;
}
/* Camdan geçen ince ışık çizgisi efekti korunuyor */
#fal-cesitleri .service-card::after {
  content:"";
  position:absolute;
  z-index:0;
  top:-45%;
  left:-80%;
  width:58%;
  height:190%;
  pointer-events:none;
  opacity:0;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.02) 22%,rgba(255,255,255,.20) 48%,rgba(111,210,239,.14) 54%,rgba(255,255,255,.03) 72%,transparent 100%);
  border-left:1px solid rgba(255,255,255,.10);
  border-right:1px solid rgba(111,210,239,.10);
  transition:left .78s cubic-bezier(.2,.75,.2,1),opacity .22s ease;
}
#fal-cesitleri .service-card:hover::after { left:125%; opacity:.58; }
#fal-cesitleri .service-card > * { position:relative; z-index:1; }

/* Sonradan beğenilen buton stili ve hover davranışı korunuyor */
#fal-cesitleri .service-card .actions {
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:22px !important;
  flex-wrap:wrap;
}
#fal-cesitleri .service-card .actions .btn {
  min-height:43px;
  padding:0 19px !important;
  border-radius:10px !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  line-height:41px !important;
  white-space:nowrap;
  box-shadow:none !important;
}
#fal-cesitleri .service-card .btn-outline {
  color:#f8fbff !important;
  background:rgba(3,17,36,.42) !important;
  border:1px solid rgba(75,181,222,.58) !important;
}
#fal-cesitleri .service-card .btn-quiet {
  color:#dce4ee !important;
  background:rgba(8,19,37,.48) !important;
  border:1px solid rgba(195,159,77,.28) !important;
}
#fal-cesitleri .service-card .btn-quiet::before {
  content:'◉';
  color:#00df76;
  font-size:12px;
  margin-right:10px;
  vertical-align:1px;
}
#fal-cesitleri .service-card .btn-outline:hover {
  background:rgba(22,83,111,.30) !important;
  border-color:rgba(105,211,244,.82) !important;
}
#fal-cesitleri .service-card .btn-quiet:hover {
  background:rgba(45,38,22,.24) !important;
  border-color:rgba(221,190,113,.48) !important;
}

/* v53 — Fal kartlarında gerçek WhatsApp logosu */
#fal-cesitleri .service-card .btn-quiet::before { content:none !important; display:none !important; }
#fal-cesitleri .service-card .btn-quiet .wa-icon { width:15px !important; height:15px !important; color:#25d366 !important; opacity:1 !important; flex:0 0 15px; }
#fal-cesitleri .service-card .btn-quiet { display:inline-flex !important; align-items:center !important; gap:9px !important; }

/* v54 — WhatsApp icon definitive fix */
#fal-cesitleri .service-card .btn-quiet::before { content:none !important; display:none !important; }
#fal-cesitleri .service-card .btn-quiet > svg.wa-icon {
  display:inline-block !important;
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  fill:#25D366 !important;
  color:#25D366 !important;
  opacity:1 !important;
  flex:0 0 16px !important;
}
#fal-cesitleri .service-card .btn-quiet { gap:9px !important; }

/* v55 — hero doğal taş mağaza kartı: daha ince, yatay ve ürün odaklı */
.shop-panel-float{
  width: 455px;
  padding: 14px 18px 13px;
  border-radius: 20px;
  border: 1px solid rgba(218,184,105,.58);
  background: linear-gradient(145deg,rgba(7,18,36,.90),rgba(13,31,52,.80));
  box-shadow: 0 18px 48px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter: blur(12px);
}
.shop-panel-float .hd{margin-bottom:9px;gap:9px}
.shop-panel-float .hd img{width:24px;height:24px}
.shop-panel-float .hd .title{font-size:14px}
.shop-panel-float .prods{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin-bottom:9px;
}
.shop-panel-float .prods img{
  width:100%;
  height:76px;
  border-radius:10px;
  object-fit:cover;
  object-position:center;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 7px 18px rgba(0,0,0,.22);
  transition:transform .28s var(--ease),border-color .28s var(--ease),box-shadow .28s var(--ease);
}
.shop-panel-float .prods img:hover{
  transform:translateY(-2px) scale(1.025);
  border-color:rgba(218,184,105,.62);
  box-shadow:0 10px 24px rgba(0,0,0,.3),0 0 15px rgba(218,184,105,.10);
}
.shop-panel-float .desc{font-size:11.5px;line-height:1.42;margin-bottom:8px;color:#b8c1d1}
.shop-panel-float .go{font-size:12.5px;line-height:1.2}
@media(max-width:1100px){.shop-panel-float{width:410px}}
@media(max-width:760px){.shop-panel-float{width:min(94vw,455px);padding:13px 14px}.shop-panel-float .prods img{height:72px}}

/* v56 — doğal taş mağaza kartında alttaki kedi daha görünür */
.shop-panel-float{
  background: linear-gradient(145deg,rgba(7,18,36,.68),rgba(13,31,52,.54));
  backdrop-filter: blur(7px) saturate(112%);
  -webkit-backdrop-filter: blur(7px) saturate(112%);
  box-shadow: 0 18px 48px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08);
}

/* ============================================================
   V61 — LIVING CRYSTAL BACKGROUND
   Sürekli, scroll'dan bağımsız, video hissinde yavaş kristal akışı.
   ============================================================ */
@keyframes crystalLivingBackground {
  0%   { background-position: 0 0, 100% 0, 50% 0, 50% 50%; background-size: auto, auto, auto, 112% auto; }
  25%  { background-position: 2% 2%, 98% 3%, 50% 0, 54% 47%; background-size: auto, auto, auto, 118% auto; }
  50%  { background-position: 4% 0, 96% 5%, 50% 0, 58% 52%; background-size: auto, auto, auto, 122% auto; }
  75%  { background-position: 2% -2%, 98% 2%, 50% 0, 53% 55%; background-size: auto, auto, auto, 117% auto; }
  100% { background-position: 0 0, 100% 0, 50% 0, 50% 50%; background-size: auto, auto, auto, 112% auto; }
}

@keyframes crystalSectionDrift {
  0%   { background-position: 50% 0, 50% 50%; background-size: auto, 112% auto; }
  33%  { background-position: 50% 0, 56% 46%; background-size: auto, 120% auto; }
  66%  { background-position: 50% 0, 45% 54%; background-size: auto, 116% auto; }
  100% { background-position: 50% 0, 50% 50%; background-size: auto, 112% auto; }
}

/* Hero: dört background katmanının sonuncusu kristal görselidir. */
.hero {
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat !important;
  animation: crystalLivingBackground 28s ease-in-out infinite !important;
  will-change: background-position, background-size;
}

/* Ana sayfadaki kristal kullanan bölümler de kendi kendine akar. */
.sec-deep, .sec-mid, .sec-panel {
  background-repeat: no-repeat, no-repeat !important;
  animation: crystalSectionDrift 34s ease-in-out infinite !important;
  will-change: background-position, background-size;
}

/* İç sayfalarda kristal background kullanan ana yüzeyler. */
.page-hero, .inner-hero, .page-main, main[class*="page"] {
  background-attachment: scroll;
}

/* Hareket hassasiyeti tercihinde statik görünüm. */
@media (prefers-reduced-motion: reduce) {
  .hero, .sec-deep, .sec-mid, .sec-panel { animation: none !important; }
}

/* Mobilde aynı fikir, daha az GPU yükü ve daha küçük zoom. */
@media (max-width: 768px) {
  @keyframes crystalLivingBackgroundMobile {
    0%,100% { background-position: 0 0, 100% 0, 50% 0, 50% 50%; background-size: auto, auto, auto, auto 112%; }
    50%     { background-position: 2% 2%, 98% 2%, 50% 0, 55% 48%; background-size: auto, auto, auto, auto 119%; }
  }
  .hero { animation: crystalLivingBackgroundMobile 32s ease-in-out infinite !important; }
}

/* ============================================================
   V62 — ANA SAYFANIN TAMAMINDA YAŞAYAN KRİSTAL ARKA PLAN
   Hero'dan sonraki bütün bölümleri saran .kk-canvas artık tek parça
   bir video yüzeyi gibi sürekli ve çok yavaş hareket eder.
   ============================================================ */
@keyframes kkCanvasLivingTexture {
  0% {
    background-position: 50% 0%;
    background-size: 104% auto;
  }
  20% {
    background-position: 48.5% -18px;
    background-size: 107% auto;
  }
  40% {
    background-position: 51.5% -34px;
    background-size: 109% auto;
  }
  60% {
    background-position: 53% -18px;
    background-size: 107% auto;
  }
  80% {
    background-position: 49% -8px;
    background-size: 105.5% auto;
  }
  100% {
    background-position: 50% 0%;
    background-size: 104% auto;
  }
}

/* Hero dışındaki ana sayfanın TÜM kristal zemini tek parça halinde akar. */
.kk-canvas {
  background-repeat: no-repeat !important;
  animation: kkCanvasLivingTexture 38s ease-in-out infinite !important;
  will-change: background-position, background-size;
}

/* Alt taraftaki final kart ve footer da ayrı bir statik blok gibi kalmasın. */
.final-cta {
  animation: crystalSectionDrift 31s ease-in-out infinite !important;
  background-repeat: no-repeat !important;
  will-change: background-position, background-size;
}
.site-footer {
  animation: crystalFooterDrift 42s ease-in-out infinite !important;
  background-repeat: no-repeat !important;
  will-change: background-position, background-size;
}
@keyframes crystalFooterDrift {
  0%,100% { background-position: 50% 0, 50% 50%; background-size: auto, 108% auto; }
  50% { background-position: 50% 0, 54% 46%; background-size: auto, 114% auto; }
}

/* Mobilde daha sakin hareket; içerik akıcılığı korunur. */
@media (max-width: 768px) {
  @keyframes kkCanvasLivingTextureMobile {
    0%,100% { background-position: 50% 0; background-size: 105% auto; }
    50% { background-position: 53% -20px; background-size: 109% auto; }
  }
  .kk-canvas {
    animation: kkCanvasLivingTextureMobile 44s ease-in-out infinite !important;
  }
}

/* ============================================================
   V63 — DAHA BELİRGİN + DAHA AKIŞKAN LIVING BACKGROUND
   Hareket mesafesi artırıldı, süre kısaltıldı ve ara kareler
   çoğaltılarak video hissi güçlendirildi.
   ============================================================ */
@keyframes kkCanvasLivingTextureV63 {
  0%   { background-position: 50% 0px;   background-size: 106% auto; }
  12%  { background-position: 47% -35px; background-size: 109% auto; }
  25%  { background-position: 44% -75px; background-size: 113% auto; }
  38%  { background-position: 48% -115px;background-size: 116% auto; }
  50%  { background-position: 54% -150px;background-size: 118% auto; }
  62%  { background-position: 57% -110px;background-size: 115% auto; }
  75%  { background-position: 55% -65px; background-size: 111% auto; }
  88%  { background-position: 52% -28px; background-size: 108% auto; }
  100% { background-position: 50% 0px;   background-size: 106% auto; }
}

@keyframes crystalLivingBackgroundV63 {
  0%   { background-position: 0 0,100% 0,50% 0,50% 50%; background-size:auto,auto,auto,112% auto; }
  16%  { background-position: 1% 2%,99% 1%,50% 0,45% 46%; background-size:auto,auto,auto,117% auto; }
  33%  { background-position: 3% 4%,97% 3%,50% 0,42% 52%; background-size:auto,auto,auto,122% auto; }
  50%  { background-position: 5% 2%,95% 5%,50% 0,50% 57%; background-size:auto,auto,auto,126% auto; }
  66%  { background-position: 3% -2%,97% 4%,50% 0,58% 53%; background-size:auto,auto,auto,122% auto; }
  83%  { background-position: 1% -1%,99% 2%,50% 0,55% 47%; background-size:auto,auto,auto,117% auto; }
  100% { background-position: 0 0,100% 0,50% 0,50% 50%; background-size:auto,auto,auto,112% auto; }
}

@keyframes crystalSectionDriftV63 {
  0%   { background-position:50% 0,50% 50%; background-size:auto,110% auto; }
  20%  { background-position:50% 0,44% 44%; background-size:auto,116% auto; }
  40%  { background-position:50% 0,48% 55%; background-size:auto,121% auto; }
  60%  { background-position:50% 0,57% 58%; background-size:auto,119% auto; }
  80%  { background-position:50% 0,56% 46%; background-size:auto,114% auto; }
  100% { background-position:50% 0,50% 50%; background-size:auto,110% auto; }
}

.hero {
  animation: crystalLivingBackgroundV63 19s cubic-bezier(.45,.05,.55,.95) infinite !important;
}
.kk-canvas {
  animation: kkCanvasLivingTextureV63 22s cubic-bezier(.45,.05,.55,.95) infinite !important;
}
.sec-deep, .sec-mid, .sec-panel, .final-cta {
  animation: crystalSectionDriftV63 24s cubic-bezier(.45,.05,.55,.95) infinite !important;
}

@media (max-width:768px){
  @keyframes kkCanvasLivingTextureV63Mobile {
    0%   {background-position:50% 0;background-size:108% auto}
    25%  {background-position:46% -42px;background-size:113% auto}
    50%  {background-position:55% -82px;background-size:117% auto}
    75%  {background-position:53% -38px;background-size:112% auto}
    100% {background-position:50% 0;background-size:108% auto}
  }
  .kk-canvas{animation:kkCanvasLivingTextureV63Mobile 27s cubic-bezier(.45,.05,.55,.95) infinite !important}
}

/* V64 — ekstra akışkan: daha sık ara kare + sabit hız hissi */
@keyframes kkCanvasLivingTextureV64 {
  0%   {background-position:50% 0px;background-size:110% auto}
  8%   {background-position:48% -20px;background-size:111% auto}
  16%  {background-position:46% -42px;background-size:113% auto}
  25%  {background-position:44% -68px;background-size:115% auto}
  33%  {background-position:45% -94px;background-size:117% auto}
  41%  {background-position:48% -118px;background-size:119% auto}
  50%  {background-position:52% -138px;background-size:120% auto}
  58%  {background-position:55% -116px;background-size:119% auto}
  66%  {background-position:57% -91px;background-size:117% auto}
  75%  {background-position:56% -64px;background-size:115% auto}
  83%  {background-position:54% -40px;background-size:113% auto}
  91%  {background-position:52% -18px;background-size:111% auto}
  100% {background-position:50% 0px;background-size:110% auto}
}
@keyframes crystalLivingBackgroundV64 {
  0%   {background-position:0 0,100% 0,50% 0,50% 50%;background-size:auto,auto,auto,114% auto}
  12%  {background-position:1% 1%,99% 1%,50% 0,47% 47%;background-size:auto,auto,auto,116% auto}
  25%  {background-position:2% 3%,98% 2%,50% 0,44% 49%;background-size:auto,auto,auto,119% auto}
  37%  {background-position:3% 4%,97% 3%,50% 0,45% 53%;background-size:auto,auto,auto,121% auto}
  50%  {background-position:4% 3%,96% 4%,50% 0,50% 56%;background-size:auto,auto,auto,123% auto}
  62%  {background-position:3% 1%,97% 4%,50% 0,55% 54%;background-size:auto,auto,auto,121% auto}
  75%  {background-position:2% -1%,98% 3%,50% 0,57% 50%;background-size:auto,auto,auto,119% auto}
  87%  {background-position:1% 0,99% 1%,50% 0,54% 47%;background-size:auto,auto,auto,116% auto}
  100% {background-position:0 0,100% 0,50% 0,50% 50%;background-size:auto,auto,auto,114% auto}
}
@keyframes crystalSectionDriftV64 {
  0%   {background-position:50% 0,50% 50%;background-size:auto,112% auto}
  12%  {background-position:50% 0,47% 47%;background-size:auto,114% auto}
  25%  {background-position:50% 0,44% 49%;background-size:auto,117% auto}
  37%  {background-position:50% 0,46% 54%;background-size:auto,119% auto}
  50%  {background-position:50% 0,51% 57%;background-size:auto,121% auto}
  62%  {background-position:50% 0,56% 55%;background-size:auto,119% auto}
  75%  {background-position:50% 0,58% 50%;background-size:auto,117% auto}
  87%  {background-position:50% 0,54% 47%;background-size:auto,114% auto}
  100% {background-position:50% 0,50% 50%;background-size:auto,112% auto}
}
.hero{animation:crystalLivingBackgroundV64 30s linear infinite !important}
.kk-canvas{animation:kkCanvasLivingTextureV64 34s linear infinite !important;will-change:background-position,background-size}
.sec-deep,.sec-mid,.sec-panel,.final-cta{animation:crystalSectionDriftV64 36s linear infinite !important;will-change:background-position,background-size}
@media(max-width:768px){
  .hero{animation-duration:36s !important}
  .kk-canvas{animation:kkCanvasLivingTextureV64 40s linear infinite !important}
  .sec-deep,.sec-mid,.sec-panel,.final-cta{animation-duration:42s !important}
}

/* V65 — belirgin video hissi: daha geniş hareket, daha hızlı ve kesintisiz akış */
@keyframes kkCanvasLivingTextureV65 {
  0%   {background-position:50% 0px;background-size:112% auto}
  10%  {background-position:45% -55px;background-size:116% auto}
  20%  {background-position:39% -120px;background-size:121% auto}
  30%  {background-position:42% -190px;background-size:126% auto}
  40%  {background-position:49% -250px;background-size:130% auto}
  50%  {background-position:58% -300px;background-size:133% auto}
  60%  {background-position:65% -245px;background-size:129% auto}
  70%  {background-position:62% -175px;background-size:125% auto}
  80%  {background-position:58% -105px;background-size:120% auto}
  90%  {background-position:54% -45px;background-size:115% auto}
  100% {background-position:50% 0px;background-size:112% auto}
}
@keyframes crystalLivingBackgroundV65 {
  0%   {background-position:0 0,100% 0,50% 0,50% 50%;background-size:auto,auto,auto,116% auto}
  10%  {background-position:2% 2%,98% 1%,50% 0,43% 44%;background-size:auto,auto,auto,121% auto}
  20%  {background-position:4% 4%,96% 3%,50% 0,37% 48%;background-size:auto,auto,auto,127% auto}
  30%  {background-position:6% 5%,94% 5%,50% 0,40% 56%;background-size:auto,auto,auto,132% auto}
  40%  {background-position:7% 3%,93% 7%,50% 0,48% 62%;background-size:auto,auto,auto,136% auto}
  50%  {background-position:6% 0,94% 8%,50% 0,59% 60%;background-size:auto,auto,auto,139% auto}
  60%  {background-position:4% -3%,96% 7%,50% 0,66% 54%;background-size:auto,auto,auto,135% auto}
  70%  {background-position:2% -4%,98% 5%,50% 0,64% 46%;background-size:auto,auto,auto,130% auto}
  80%  {background-position:1% -2%,99% 3%,50% 0,59% 41%;background-size:auto,auto,auto,125% auto}
  90%  {background-position:0 0,100% 1%,50% 0,54% 45%;background-size:auto,auto,auto,120% auto}
  100% {background-position:0 0,100% 0,50% 0,50% 50%;background-size:auto,auto,auto,116% auto}
}
@keyframes crystalSectionDriftV65 {
  0%   {background-position:50% 0,50% 50%;background-size:auto,114% auto}
  10%  {background-position:50% 0,43% 44%;background-size:auto,119% auto}
  20%  {background-position:50% 0,37% 48%;background-size:auto,124% auto}
  30%  {background-position:50% 0,41% 57%;background-size:auto,129% auto}
  40%  {background-position:50% 0,49% 63%;background-size:auto,133% auto}
  50%  {background-position:50% 0,59% 61%;background-size:auto,136% auto}
  60%  {background-position:50% 0,66% 54%;background-size:auto,132% auto}
  70%  {background-position:50% 0,63% 46%;background-size:auto,127% auto}
  80%  {background-position:50% 0,59% 41%;background-size:auto,122% auto}
  90%  {background-position:50% 0,54% 45%;background-size:auto,118% auto}
  100% {background-position:50% 0,50% 50%;background-size:auto,114% auto}
}
.hero{animation:crystalLivingBackgroundV65 20s linear infinite !important}
.kk-canvas{animation:kkCanvasLivingTextureV65 22s linear infinite !important;will-change:background-position,background-size}
.sec-deep,.sec-mid,.sec-panel,.final-cta{animation:crystalSectionDriftV65 24s linear infinite !important;will-change:background-position,background-size}
@media(max-width:768px){
  .hero{animation-duration:27s !important}
  .kk-canvas{animation:kkCanvasLivingTextureV65 29s linear infinite !important}
  .sec-deep,.sec-mid,.sec-panel,.final-cta{animation-duration:31s !important}
}

/* V66 — Falcılarımız: premium kristal vitrin */
#falcilar .grid-4{
  gap:28px;
  align-items:stretch;
}
#falcilar .reader-card{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.82),rgba(232,244,252,.68) 58%,rgba(219,236,247,.78));
  border:1px solid rgba(176,139,70,.38);
  box-shadow:
    0 18px 40px rgba(6,25,50,.12),
    inset 0 1px 0 rgba(255,255,255,.75);
  backdrop-filter:blur(16px) saturate(125%);
  -webkit-backdrop-filter:blur(16px) saturate(125%);
  transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .45s;
}
#falcilar .reader-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(120deg,transparent 20%,rgba(255,255,255,.32) 42%,transparent 58%),
    radial-gradient(circle at 86% 10%,rgba(85,204,238,.16),transparent 30%);
  transform:translateX(-115%);
  transition:transform .8s ease;
  z-index:3;
}
#falcilar .reader-card::after{
  content:"";
  position:absolute;
  left:24px;right:24px;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,169,104,.95),rgba(90,204,235,.75),transparent);
  opacity:.72;
}
#falcilar .reader-card:hover{
  transform:translateY(-8px) scale(1.015);
  border-color:rgba(201,169,104,.72);
  box-shadow:
    0 26px 58px rgba(4,24,48,.19),
    0 0 0 1px rgba(81,194,229,.10),
    inset 0 1px 0 rgba(255,255,255,.9);
}
#falcilar .reader-card:hover::before{transform:translateX(115%)}
#falcilar .reader-card .photo{
  aspect-ratio:4/4.65;
  margin:10px 10px 0;
  border-radius:18px 18px 10px 10px;
  overflow:hidden;
  box-shadow:0 12px 24px rgba(4,25,48,.16);
}
#falcilar .reader-card .photo::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 60%,rgba(5,22,43,.26));
  pointer-events:none;
}
#falcilar .reader-card .photo img{
  filter:saturate(.96) contrast(1.02);
  transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .45s;
}
#falcilar .reader-card:hover .photo img{
  transform:scale(1.055);
  filter:saturate(1.04) contrast(1.04);
}
#falcilar .reader-card .photo .video-tag{
  top:12px;left:12px;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.26);
  background:rgba(4,18,38,.70);
  color:#fff;
  box-shadow:0 6px 16px rgba(0,0,0,.18);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
#falcilar .reader-card .body{padding:22px 22px 20px}
#falcilar .reader-card .name{
  color:#071b39;
  font-size:24px;
  line-height:1.05;
  letter-spacing:-.01em;
}
#falcilar .reader-card .role{
  color:#087dae;
  font-weight:700;
  font-size:11.5px;
  margin-top:7px;
}
#falcilar .reader-card .chips{margin-top:14px;gap:7px}
#falcilar .reader-card .chip{
  background:rgba(255,255,255,.36);
  border-color:rgba(22,79,117,.18);
  color:#42536a;
  padding:6px 10px;
  border-radius:999px;
}
#falcilar .reader-card .links{
  margin-top:17px;
  padding-top:14px;
  border-top:1px solid rgba(15,64,102,.10);
  justify-content:space-between;
}
#falcilar .reader-card .links a{
  color:#344960;
  font-weight:600;
}
#falcilar .reader-card .links a:hover{color:#0679ad}
#falcilar .reader-card .cta{
  margin-top:16px;
  min-height:44px;
  border-radius:12px;
  background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(238,246,250,.28));
  border-color:rgba(176,139,70,.34);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
}
#falcilar .reader-card .cta:hover{
  border-color:rgba(201,169,104,.74);
  background:linear-gradient(180deg,rgba(255,255,255,.70),rgba(241,248,252,.50));
  transform:translateY(-1px);
}
#falcilar .reader-card .wa-icon{color:#11b866}
#falcilar .section-head{max-width:760px}
#falcilar .section-title{
  letter-spacing:-.035em;
  text-shadow:0 1px 0 rgba(255,255,255,.28);
}
#falcilar .section-desc{max-width:650px;font-size:17px;line-height:1.65}

@media(max-width:900px){
  #falcilar .grid-4{gap:20px}
  #falcilar .reader-card{border-radius:20px}
}

/* V67 — Falcılarımız: sinematik gece vitrini */
#falcilar .grid-4{gap:22px;align-items:stretch}
#falcilar .reader-card{
  min-height:500px;
  display:block;
  position:relative;
  overflow:hidden;
  border-radius:28px 28px 28px 8px;
  background:#071426;
  border:1px solid rgba(205,171,101,.48);
  box-shadow:0 24px 55px rgba(3,20,40,.22),inset 0 0 0 1px rgba(102,214,244,.05);
  backdrop-filter:none;-webkit-backdrop-filter:none;
  transition:transform .5s cubic-bezier(.2,.75,.2,1),box-shadow .5s,border-color .5s;
}
#falcilar .reader-card::before{
  content:"";position:absolute;inset:-40% -80%;z-index:4;pointer-events:none;
  background:linear-gradient(112deg,transparent 42%,rgba(255,255,255,.18) 49%,rgba(116,221,247,.10) 51%,transparent 58%);
  transform:translateX(-38%) rotate(2deg);transition:transform .9s cubic-bezier(.2,.7,.2,1);
}
#falcilar .reader-card::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,rgba(3,15,30,.02) 30%,rgba(4,16,31,.30) 52%,rgba(4,14,29,.96) 79%,#061326 100%);
  opacity:1;
}
#falcilar .reader-card:hover{transform:translateY(-10px);border-color:rgba(226,190,112,.9);box-shadow:0 34px 72px rgba(2,17,34,.30),0 0 0 1px rgba(98,213,244,.13),0 0 34px rgba(61,188,224,.10)}
#falcilar .reader-card:hover::before{transform:translateX(38%) rotate(2deg)}
#falcilar .reader-card .photo{position:absolute;inset:0;margin:0;border-radius:0;aspect-ratio:auto;box-shadow:none;z-index:1}
#falcilar .reader-card .photo::after{display:none}
#falcilar .reader-card .photo img{width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:saturate(.88) contrast(1.06) brightness(.93);transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .6s}
#falcilar .reader-card:hover .photo img{transform:scale(1.075);filter:saturate(1.02) contrast(1.07) brightness(.98)}
#falcilar .reader-card .photo .video-tag{z-index:6;top:18px;left:18px;padding:8px 12px;border-radius:999px;background:rgba(4,15,29,.58);border:1px solid rgba(255,255,255,.20);box-shadow:0 8px 22px rgba(0,0,0,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
#falcilar .reader-card .body{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:28px 24px 24px;color:#fff;background:transparent;display:block}
#falcilar .reader-card .name{color:#fff;font-size:31px;line-height:1;font-weight:600;text-shadow:0 2px 18px rgba(0,0,0,.5);letter-spacing:-.02em}
#falcilar .reader-card .role{color:#6fdcf4;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-top:9px;text-shadow:0 1px 10px rgba(0,0,0,.45)}
#falcilar .reader-card .chips{margin-top:14px;gap:6px}
#falcilar .reader-card .chip{padding:5px 9px;background:rgba(6,22,41,.52);border:1px solid rgba(152,218,236,.20);color:rgba(239,248,253,.80);font-size:10px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#falcilar .reader-card .links{margin-top:18px;padding-top:15px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:10px}
#falcilar .reader-card .links a{color:rgba(245,249,252,.78);font-size:11px;font-weight:600;border:0;position:relative}
#falcilar .reader-card .links a::after{content:" →";color:#d6b46e;transition:margin-left .25s}
#falcilar .reader-card .links a:hover{color:#fff}
#falcilar .reader-card .links a:hover::after{margin-left:4px}
#falcilar .reader-card .cta{margin-top:17px;width:100%;min-height:45px;border-radius:12px;background:rgba(7,24,44,.66);border:1px solid rgba(209,175,105,.55);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#falcilar .reader-card .cta:hover{background:linear-gradient(90deg,rgba(22,67,91,.78),rgba(12,34,57,.82));border-color:rgba(231,195,119,.9);color:#fff;box-shadow:0 8px 22px rgba(2,13,26,.22),inset 0 1px 0 rgba(255,255,255,.10)}
#falcilar .reader-card .wa-icon{color:#27d97b}
#falcilar .reader-card:nth-child(4n+1){transform-origin:bottom left}
#falcilar .reader-card:nth-child(4n){transform-origin:bottom right}
#falcilar .section-head{margin-bottom:34px}
@media(max-width:1080px){#falcilar .reader-card{min-height:540px}}
@media(max-width:640px){#falcilar .reader-card{min-height:520px;border-radius:24px 24px 24px 8px}#falcilar .reader-card .body{padding:26px 22px 22px}}


/* V78 — Kristal Kedi Signature: full-bleed portrait + floating glass ribbon */
#falcilar .grid-4{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:26px;
  align-items:stretch;
}
#falcilar .reader-card{
  min-height:470px;
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:26px;
  background:#071426;
  border:1px solid rgba(214,181,112,.42);
  box-shadow:0 24px 55px rgba(4,20,38,.18), inset 0 0 0 1px rgba(255,255,255,.035);
  isolation:isolate;
  transform:none;
  transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s,border-color .5s;
}
#falcilar .reader-card::before{
  content:"";
  position:absolute;
  inset:10px;
  z-index:7;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.10);
  border-radius:19px;
  background:none;
  transform:none;
  transition:border-color .45s,box-shadow .45s;
}
#falcilar .reader-card::after{
  content:"✦";
  position:absolute;
  top:19px;right:20px;
  z-index:8;
  width:28px;height:28px;
  display:grid;place-items:center;
  border-radius:50%;
  color:#e1bf78;
  font-size:12px;
  background:rgba(5,19,36,.42);
  border:1px solid rgba(224,190,119,.34);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  box-shadow:0 6px 20px rgba(0,0,0,.15);
  opacity:.82;
  transition:transform .6s,opacity .4s,box-shadow .4s;
}
#falcilar .reader-card:hover{
  transform:translateY(-8px);
  border-color:rgba(224,191,120,.78);
  box-shadow:0 34px 72px rgba(3,19,37,.25),0 0 32px rgba(83,199,230,.09);
}
#falcilar .reader-card:hover::before{
  border-color:rgba(121,215,239,.22);
  box-shadow:inset 0 0 28px rgba(95,207,237,.04);
}
#falcilar .reader-card:hover::after{
  transform:rotate(90deg) scale(1.08);
  opacity:1;
  box-shadow:0 0 18px rgba(218,181,105,.20);
}
#falcilar .reader-card .photo{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;height:100%;
  margin:0;
  border-radius:0;
  aspect-ratio:auto;
  overflow:hidden;
  box-shadow:none;
}
#falcilar .reader-card .photo::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(180deg,rgba(3,13,27,.02) 30%,rgba(3,14,29,.14) 52%,rgba(4,16,31,.82) 83%,rgba(4,15,30,.97) 100%);
  pointer-events:none;
}
#falcilar .reader-card .photo::after{
  content:"";
  display:block;
  position:absolute;
  z-index:3;
  top:-25%;left:-55%;
  width:38%;height:150%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.15),rgba(115,220,245,.08),transparent);
  transform:skewX(-13deg);
  opacity:0;
  pointer-events:none;
}
#falcilar .reader-card:hover .photo::after{animation:kkReaderSweep 1.05s ease-out}
@keyframes kkReaderSweep{0%{left:-55%;opacity:0}18%{opacity:.8}100%{left:125%;opacity:0}}
#falcilar .reader-card .photo img{
  width:100%;height:100%;
  object-fit:cover;
  object-position:center 18%;
  filter:saturate(.9) contrast(1.04) brightness(.96);
  transform:scale(1.01);
  transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .6s;
}
#falcilar .reader-card:hover .photo img{
  transform:scale(1.065);
  filter:saturate(1.02) contrast(1.05) brightness(1);
}
#falcilar .reader-card .photo .video-tag{
  top:20px;left:20px;z-index:6;
  padding:7px 11px;
  border-radius:999px;
  color:rgba(255,255,255,.92);
  background:rgba(4,18,35,.42);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:none;
  font-size:9px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
#falcilar .reader-card .body{
  position:absolute;
  z-index:5;
  left:18px;right:18px;bottom:18px;
  padding:18px 18px 16px;
  border-radius:18px;
  color:#fff;
  background:linear-gradient(135deg,rgba(6,22,41,.76),rgba(8,31,52,.56));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 16px 36px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(18px) saturate(125%);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
  transition:background .45s,border-color .45s,transform .45s;
}
#falcilar .reader-card:hover .body{
  transform:translateY(-2px);
  background:linear-gradient(135deg,rgba(6,22,41,.84),rgba(8,34,57,.68));
  border-color:rgba(216,184,117,.32);
}
#falcilar .reader-card .name{
  color:#fff;
  font-size:28px;
  line-height:1;
  font-weight:600;
  letter-spacing:-.02em;
  text-shadow:0 3px 18px rgba(0,0,0,.28);
}
#falcilar .reader-card .role{
  color:#80dff4;
  font-size:10px;
  line-height:1.3;
  margin-top:8px;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
}
#falcilar .reader-card .chips{display:none}
#falcilar .reader-card .links{
  display:flex;
  gap:14px;
  justify-content:flex-start;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.11);
}
#falcilar .reader-card .links a{
  color:rgba(255,255,255,.78);
  font-size:10.5px;
  font-weight:600;
  border:0;
  white-space:nowrap;
}
#falcilar .reader-card .links a::after{content:"  ↗";color:#dcb972;margin:0;transition:transform .25s}
#falcilar .reader-card .links a:hover{color:#fff}
#falcilar .reader-card .cta{
  margin-top:13px;
  width:100%;
  min-height:40px;
  border-radius:11px;
  color:#f7fbfd;
  background:rgba(5,20,38,.42);
  border:1px solid rgba(218,184,112,.36);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  transition:background .3s,border-color .3s,transform .3s,box-shadow .3s;
}
#falcilar .reader-card .cta:hover{
  transform:translateY(-1px);
  color:#fff;
  background:rgba(14,43,64,.68);
  border-color:rgba(226,193,121,.72);
  box-shadow:0 8px 22px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.08);
}
#falcilar .reader-card .wa-icon{color:#28d77d}
@media(max-width:1080px){#falcilar .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}#falcilar .reader-card{min-height:520px}}
@media(max-width:640px){#falcilar .grid-4{grid-template-columns:1fr;gap:20px}#falcilar .reader-card{min-height:520px;border-radius:24px}#falcilar .reader-card .body{left:14px;right:14px;bottom:14px}}


/* === 80: Falcı kartlarında video odaklı akış + video filtreleri === */
#falcilar .reader-card .photo{position:absolute;inset:0;overflow:hidden}
#falcilar .reader-play{
  position:absolute;left:50%;top:42%;z-index:8;transform:translate(-50%,-50%);
  width:62px;height:62px;border-radius:50%;border:1px solid rgba(255,255,255,.52);
  display:grid;place-items:center;cursor:pointer;color:#fff;
  background:rgba(4,18,34,.48);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  box-shadow:0 14px 34px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.07);
  transition:transform .35s ease,background .35s ease,border-color .35s ease,box-shadow .35s ease;
}
#falcilar .reader-play::after{
  content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(212,178,104,.32);
  transition:transform .35s ease,opacity .35s ease;
}
#falcilar .reader-play svg{width:22px;height:22px;margin-left:4px}
#falcilar .reader-play:hover{transform:translate(-50%,-50%) scale(1.1);background:rgba(17,67,91,.68);border-color:rgba(117,222,245,.85);box-shadow:0 18px 42px rgba(0,0,0,.28),0 0 28px rgba(91,207,239,.22)}
#falcilar .reader-play:hover::after{transform:scale(1.13);border-color:rgba(226,190,112,.7)}
#falcilar .reader-card .links{align-items:center}
#falcilar .reader-card .links a{white-space:nowrap}
#falcilar .reader-card .links a:nth-child(2){color:#d9b86f}
#falcilar .reader-card .links a:nth-child(2):hover{color:#f1d58f}

.video-filter-bar{
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 34px;padding:14px;
  border:1px solid rgba(105,202,232,.18);border-radius:18px;
  background:rgba(4,18,34,.34);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)
}
.video-filter-chip{
  appearance:none;border:1px solid rgba(120,204,229,.24);background:rgba(5,20,38,.52);color:rgba(234,245,250,.78);
  border-radius:999px;padding:10px 17px;font:600 12px var(--f-mono);letter-spacing:.03em;cursor:pointer;
  transition:transform .25s ease,color .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease
}
.video-filter-chip:hover{transform:translateY(-2px);color:#fff;border-color:rgba(113,213,241,.6)}
.video-filter-chip.active{color:#102034;background:linear-gradient(135deg,#e4c77f,#cda85c);border-color:rgba(239,213,151,.9);box-shadow:0 8px 24px rgba(180,141,62,.22)}
.pages-videos-filtered .video-card{transition:opacity .28s ease,transform .28s ease}
.video-card.video-filter-hidden{display:none!important}
@media(max-width:640px){
  #falcilar .reader-play{width:56px;height:56px;top:40%}
  .video-filter-bar{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:10px;margin-bottom:24px;scrollbar-width:none}
  .video-filter-bar::-webkit-scrollbar{display:none}
  .video-filter-chip{flex:0 0 auto}
}

/* === V82: Falcı kartlarında gold kontür köşelerde kesintisiz === */
#falcilar .reader-card{
  clip-path:none !important;
  border-radius:26px !important;
  border:1px solid rgba(214,181,112,.48) !important;
}
#falcilar .reader-card::before{
  inset:10px !important;
  border-radius:18px !important;
  border:1px solid rgba(224,190,119,.20) !important;
}
#falcilar .reader-card:hover{
  border-color:rgba(226,190,112,.88) !important;
}
#falcilar .reader-card:hover::before{
  border-color:rgba(226,190,112,.36) !important;
}
@media(max-width:640px){
  #falcilar .reader-card{border-radius:24px !important}
  #falcilar .reader-card::before{border-radius:16px !important}
}

/* === V83: İç kontür %10 daha belirgin + köşe yıldızı simetrik === */
#falcilar .reader-card::before{
  border-color:rgba(224,190,119,.22) !important;
}
#falcilar .reader-card:hover::before{
  border-color:rgba(226,190,112,.40) !important;
}
#falcilar .reader-card::after{
  top:18px !important;
  right:18px !important;
  left:auto !important;
}

/* === V84: Hover'da iç kontür zoom'u destekleyerek simetrik içeri çekilir === */
#falcilar .reader-card::before{
  transform:scale(1) !important;
  transform-origin:center center !important;
  transition:transform .65s cubic-bezier(.2,.75,.2,1),border-color .45s,box-shadow .45s !important;
}
#falcilar .reader-card:hover::before{
  transform:scale(.94) !important;
  border-color:rgba(226,190,112,.42) !important;
  box-shadow:inset 0 0 24px rgba(102,214,244,.035) !important;
}
#falcilar .reader-card::after{
  transform:none !important;
  transition:opacity .4s,box-shadow .4s !important;
}
#falcilar .reader-card:hover::after{
  transform:none !important;
  opacity:1 !important;
  box-shadow:0 0 18px rgba(218,181,105,.20) !important;
}

/* ============================================================
   REV 85 — VIP hover + badge görünürlük düzeltmesi
   ============================================================ */
.vip-card {
  overflow: visible;
  transform-origin: center center;
  will-change: transform, box-shadow;
}

/* Scroll reveal'in !important transform'u hover büyümesini ezmesin */
.reveal-armed .vip-card.is-visible:hover,
.vip-card:hover {
  transform: translateY(-9px) scale(1.028) !important;
  z-index: 8;
}

.vip-card.featured:hover {
  transform: translateY(-10px) scale(1.032) !important;
}

.vip-card .badge-top {
  top: -12px;
  left: 30px;
  z-index: 12;
  white-space: nowrap;
  line-height: 1;
  box-shadow: 0 7px 18px rgba(201,169,104,.18);
}

@media (hover: none), (pointer: coarse) {
  .reveal-armed .vip-card.is-visible:hover,
  .vip-card:hover,
  .vip-card.featured:hover {
    transform: none !important;
  }
}

/* ============================================================
   REV 86 — VIP kartlarda cam yansıma efekti
   Normal VIP: beyaz/kristal yansıma · Featured: gold yansıma
   ============================================================ */
.vip-card::after {
  content: '';
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  z-index: 6;
  background:
    linear-gradient(
      112deg,
      transparent 0%,
      transparent 36%,
      rgba(255,255,255,.025) 42%,
      rgba(255,255,255,.22) 48%,
      rgba(255,255,255,.48) 50%,
      rgba(255,255,255,.18) 52%,
      rgba(255,255,255,.025) 58%,
      transparent 64%,
      transparent 100%
    );
  background-size: 260% 100%;
  background-position: 155% 0;
  opacity: 0;
  transition:
    background-position .95s cubic-bezier(.18,.72,.22,1),
    opacity .22s ease;
}

.reveal-armed .vip-card.is-visible:hover::after,
.vip-card:hover::after {
  background-position: -55% 0;
  opacity: .9;
}

/* En kapsamlı kartta yansıma şampanya-gold */
.vip-card.featured::after {
  background:
    linear-gradient(
      112deg,
      transparent 0%,
      transparent 35%,
      rgba(255,224,146,.025) 41%,
      rgba(246,211,126,.24) 47%,
      rgba(255,231,166,.62) 50%,
      rgba(225,181,81,.24) 53%,
      rgba(255,224,146,.025) 59%,
      transparent 65%,
      transparent 100%
    );
  background-size: 260% 100%;
  background-position: 155% 0;
}

.reveal-armed .vip-card.featured.is-visible:hover::after,
.vip-card.featured:hover::after {
  background-position: -55% 0;
  opacity: 1;
}

@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
  .vip-card::after,
  .vip-card.featured::after {
    opacity: 0 !important;
    transition: none !important;
  }
}

/* 87 — Neden Kristal Kedi kart oku: kenara taşan premium halo */
.why-card {
  overflow: visible;
}
.why-card::after {
  content: '→';
  position: absolute;
  right: -21px;
  top: 50%;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(230,201,128,.72);
  border-radius: 50%;
  background: rgba(7,18,38,.92);
  box-shadow: 0 8px 22px rgba(0,0,0,.22), 0 0 16px rgba(230,201,128,.10), inset 0 1px rgba(255,255,255,.08);
  color: #f0d58e;
  font-size: 26px;
  line-height: 1;
  opacity: 0;
  transform: translate(-8px,-50%) scale(.88);
  z-index: 4;
  pointer-events: none;
  transition: opacity .28s var(--ease), transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease);
}
.why-card:hover::after {
  opacity: 1;
  transform: translate(0,-50%) scale(1);
  border-color: rgba(240,213,142,.98);
  box-shadow: 0 10px 26px rgba(0,0,0,.28), 0 0 22px rgba(230,201,128,.20), inset 0 1px rgba(255,255,255,.10);
}
.why-card:hover p { padding-right: 0; }
@media (max-width: 560px) {
  .why-card::after { right: -17px; width: 34px; height: 34px; font-size: 22px; }
}


/* === v88: Sesli görüşme vurgusu === */
.voice-service-highlight {
  margin-top: 16px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  max-width: 610px;
  padding: 11px 16px 11px 12px;
  border: 1px solid rgba(212, 175, 95, .38);
  border-radius: 14px;
  background: linear-gradient(110deg, rgba(6, 20, 45, .62), rgba(18, 62, 94, .28));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 28px rgba(2,12,30,.12);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: rgba(238,248,255,.88);
  font-size: 13px;
  line-height: 1.45;
}
.voice-service-highlight strong { color: #fff; font-weight: 600; }
.voice-service-highlight .voice-icon {
  width: 32px; height: 32px; border-radius: 50%; flex: 0 0 32px;
  display: grid; place-items: center;
  color: var(--gold-light);
  border: 1px solid rgba(212,175,95,.48);
  background: rgba(212,175,95,.08);
  box-shadow: 0 0 18px rgba(212,175,95,.10);
}
.voice-service-highlight .voice-icon svg { width: 17px; height: 17px; }
.hero-trust.pills .voice-pill {
  border-color: rgba(111,210,239,.38);
  background: rgba(111,210,239,.08);
}
.hero-trust.pills .voice-pill svg { color: var(--crystal-light); }
@media (max-width: 640px) {
  .voice-service-highlight { width: 100%; font-size: 12px; }
}

/* === v90: Hero ölçü dengesi + daha ince doğal taş kartı === */
@media (min-width: 761px) {
  .hero-trust.pills {
    width: min(610px, 100%);
    max-width: 610px;
    flex-wrap: nowrap;
    gap: 9px;
    justify-content: space-between;
  }
  .hero-trust.pills .pill {
    flex: 1 1 0;
    min-width: 0;
    justify-content: center;
    padding: 8px 10px;
    gap: 7px;
  }
  .hero-trust.pills .pill span {
    font-size: 11.2px;
    white-space: nowrap;
  }

  .shop-panel-float {
    top: -62px;
    right: -28px;
    width: 505px;
    padding: 11px 16px 10px;
    border-radius: 18px;
  }
  .shop-panel-float .hd {
    margin-bottom: 7px;
    gap: 8px;
  }
  .shop-panel-float .hd img {
    width: 21px;
    height: 21px;
  }
  .shop-panel-float .hd .title {
    font-size: 13px;
  }
  .shop-panel-float .prods {
    gap: 8px;
    margin-bottom: 7px;
  }
  .shop-panel-float .prods img {
    height: 54px;
    border-radius: 9px;
  }
  .shop-panel-float .desc {
    font-size: 10.7px;
    line-height: 1.32;
    margin-bottom: 6px;
    max-width: 455px;
  }
  .shop-panel-float .go {
    font-size: 11.8px;
  }
}

@media (max-width: 1180px) and (min-width: 761px) {
  .shop-panel-float {
    right: 0;
    width: 465px;
  }
}

/* === v91: Hero rozetleri gerçekten kompakt + mağaza kartı daha ince === */
@media (min-width: 761px) {
  .hero-trust.pills {
    width: 552px;
    max-width: 100%;
    gap: 7px;
    justify-content: flex-start;
  }
  .hero-trust.pills .pill {
    flex: 0 0 auto;
    padding: 7px 11px;
    gap: 6px;
  }
  .hero-trust.pills .pill span {
    font-size: 10.7px;
  }
  .hero-trust.pills .pill svg {
    width: 13px;
    height: 13px;
  }

  .shop-panel-float {
    top: -68px;
    width: 520px;
    padding: 9px 15px 8px;
    border-radius: 17px;
  }
  .shop-panel-float .hd {
    margin-bottom: 5px;
  }
  .shop-panel-float .hd img {
    width: 19px;
    height: 19px;
  }
  .shop-panel-float .hd .title {
    font-size: 12.5px;
  }
  .shop-panel-float .prods {
    gap: 8px;
    margin-bottom: 5px;
  }
  .shop-panel-float .prods img {
    height: 45px;
    border-radius: 8px;
  }
  .shop-panel-float .desc {
    font-size: 10.2px;
    line-height: 1.22;
    margin-bottom: 4px;
    max-width: 480px;
  }
  .shop-panel-float .go {
    font-size: 11.3px;
    line-height: 1.1;
  }
}
@media (max-width: 1180px) and (min-width: 761px) {
  .shop-panel-float { width: 480px; }
}

/* === v92: Hero mağaza CTA solda + falcı kartlarında dengeli premium kompozisyon === */
@media (min-width: 761px) {
  .shop-panel-float {
    width: 550px;
    display: grid;
    grid-template-columns: 112px minmax(0,1fr);
    grid-template-areas:
      "go hd"
      "go prods"
      "go desc";
    column-gap: 14px;
    row-gap: 4px;
    align-items: center;
    padding: 10px 14px;
  }
  .shop-panel-float .hd { grid-area: hd; margin: 0; }
  .shop-panel-float .prods { grid-area: prods; margin: 0; gap: 7px; }
  .shop-panel-float .desc { grid-area: desc; margin: 0; max-width: none; }
  .shop-panel-float .go {
    grid-area: go;
    align-self: stretch;
    justify-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px 9px;
    border-right: 1px solid rgba(218,184,105,.34);
    color: #f1d28b;
    font-size: 11.5px;
    line-height: 1.3;
    transition: color .3s ease, transform .3s ease, text-shadow .3s ease;
  }
  .shop-panel-float .go:hover {
    color: #ffe4a6;
    transform: translateX(2px);
    text-shadow: 0 0 16px rgba(241,210,139,.32);
  }
  .shop-panel-float .prods img {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    height: 44px;
  }

  /* Kartlar kedinin yüzünün çevresinde üçgen bir vitrin oluşturur. */
  .rcard-field { perspective: 1000px; }
  .rcard {
    border-radius: 18px;
    background: linear-gradient(160deg, rgba(8,20,40,.70), rgba(9,16,31,.82));
    border: 1px solid rgba(216,184,112,.32);
    box-shadow: 0 18px 42px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);
    transition: transform .45s var(--ease), border-color .35s ease, box-shadow .35s ease;
  }
  .rcard:hover {
    transform: translateY(-7px) scale(1.025) rotate(0deg) !important;
    border-color: rgba(230,198,124,.68);
    box-shadow: 0 25px 54px rgba(0,0,0,.42), 0 0 24px rgba(201,169,104,.10), inset 0 1px 0 rgba(255,255,255,.12);
  }
  .rcard .thumb { height: 74%; }
  .rcard .thumb img { transition: transform .55s var(--ease), filter .45s ease; }
  .rcard:hover .thumb img { transform: scale(1.045); filter: brightness(1.04) contrast(1.02); }
  .rcard .body { padding: 10px 12px 12px; }
  .rcard .name { font-size: 15px; }
  .rcard .role { font-size: 9px; opacity: .88; }
  .rcard .play {
    width: 27px; height: 27px;
    background: rgba(20,211,103,.92);
    border: 1px solid rgba(255,255,255,.18);
  }

  .rcard.c1 {
    width: 158px; height: 216px;
    top: 292px; right: 365px;
    transform: rotate(-1.2deg);
    z-index: 5;
  }
  .rcard.c2 {
    width: 158px; height: 216px;
    top: 292px; right: 5px;
    transform: rotate(1.2deg);
    z-index: 5;
  }
  .rcard.c3 {
    width: 146px; height: 196px;
    top: 448px; right: 190px;
    transform: rotate(.3deg);
    z-index: 6;
  }
}

@media (max-width: 1180px) and (min-width: 761px) {
  .shop-panel-float { width: 500px; grid-template-columns: 102px minmax(0,1fr); }
  .rcard.c1 { right: 305px; }
  .rcard.c2 { right: 0; }
  .rcard.c3 { right: 150px; }
}

/* === v93: Luxury boutique hero banner refinement === */
@media (min-width: 761px) {
  .shop-panel-float {
    width: 560px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "hd go"
      "prods prods"
      "desc desc";
    column-gap: 14px;
    row-gap: 6px;
    align-items: center;
    padding: 11px 14px 10px;
    border-radius: 20px;
    background:
      linear-gradient(115deg, rgba(7,20,39,.72), rgba(14,36,59,.58) 58%, rgba(8,19,36,.76)),
      radial-gradient(circle at 72% 25%, rgba(95,202,238,.10), transparent 34%);
    border: 1px solid rgba(218,184,105,.66);
    box-shadow: 0 18px 48px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.09);
    backdrop-filter: blur(13px) saturate(118%);
    -webkit-backdrop-filter: blur(13px) saturate(118%);
    overflow: hidden;
  }
  .shop-panel-float::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(108deg, transparent 24%, rgba(255,255,255,.055) 43%, transparent 58%);
    opacity: .65;
  }
  .shop-panel-float .hd {
    grid-area: hd;
    margin: 0;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .shop-panel-float .hd img { width: 22px; height: 22px; flex: 0 0 22px; }
  .shop-panel-float .hd .title { font-size: 13px; letter-spacing: -.01em; white-space: nowrap; }
  .shop-panel-float .go {
    grid-area: go;
    align-self: center;
    justify-self: end;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 7px 12px;
    border: 1px solid rgba(218,184,105,.46);
    border-radius: 999px;
    background: rgba(218,184,105,.08);
    color: #f2d58e;
    font-size: 10.5px;
    line-height: 1;
    white-space: nowrap;
    text-align: center;
    transition: transform .3s ease, background .3s ease, border-color .3s ease, box-shadow .3s ease;
  }
  .shop-panel-float .go:hover {
    transform: translateX(3px);
    background: rgba(218,184,105,.14);
    border-color: rgba(235,205,136,.78);
    box-shadow: 0 0 18px rgba(218,184,105,.13);
    color: #ffe5a4;
  }
  .shop-panel-float .prods {
    grid-area: prods;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
  }
  .shop-panel-float .prods img {
    width: 100%;
    height: 54px;
    min-width: 0;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 5px 15px rgba(0,0,0,.16);
    transition: transform .35s ease, filter .35s ease, border-color .35s ease;
  }
  .shop-panel-float .prods img:hover {
    transform: translateY(-2px) scale(1.015);
    filter: brightness(1.04);
    border-color: rgba(225,194,124,.55);
  }
  .shop-panel-float .desc {
    grid-area: desc;
    margin: 0;
    max-width: none;
    font-size: 9.8px;
    line-height: 1.25;
    color: rgba(232,239,248,.72);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* Falcı önizlemelerini kedinin çevresinde daha zarif, dengeli tut. */
  .rcard.c1 { width: 150px; height: 204px; top: 300px; right: 360px; transform: rotate(-1deg); }
  .rcard.c2 { width: 150px; height: 204px; top: 300px; right: 18px; transform: rotate(1deg); }
  .rcard.c3 { width: 138px; height: 186px; top: 456px; right: 188px; transform: rotate(0deg); }
}

@media (max-width: 1180px) and (min-width: 761px) {
  .shop-panel-float { width: 510px; }
  .shop-panel-float .hd .title { font-size: 12px; }
  .shop-panel-float .go { padding-inline: 10px; font-size: 10px; }
  .rcard.c1 { right: 300px; }
  .rcard.c2 { right: 8px; }
  .rcard.c3 { right: 148px; }
}

/* === v94: doğal taş kartı — luxury campaign banner === */
@media (min-width:761px){
  .shop-panel-float.shop-luxury-banner{
    width:560px;
    min-height:132px;
    display:grid;
    grid-template-columns:56% 44%;
    padding:0;
    border-radius:22px;
    overflow:hidden;
    position:relative;
    background:linear-gradient(112deg,rgba(5,17,34,.92) 0%,rgba(9,27,48,.86) 55%,rgba(10,28,48,.48) 100%);
    border:1px solid rgba(220,184,102,.68);
    box-shadow:0 20px 55px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter:blur(12px) saturate(118%);
    -webkit-backdrop-filter:blur(12px) saturate(118%);
  }
  .shop-panel-float.shop-luxury-banner::before{
    content:"";position:absolute;inset:0;pointer-events:none;z-index:3;
    background:linear-gradient(112deg,transparent 12%,rgba(255,255,255,.045) 39%,transparent 58%);
  }
  .shop-panel-float.shop-luxury-banner::after{
    content:"";position:absolute;left:54%;top:15%;bottom:15%;width:1px;z-index:3;
    background:linear-gradient(transparent,rgba(225,194,124,.42),transparent);
  }
  .shop-luxury-banner .shop-copy{padding:17px 18px 15px 20px;position:relative;z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
  .shop-luxury-banner .hd{display:flex;align-items:center;gap:9px;margin:0 0 7px!important}
  .shop-luxury-banner .hd img{width:24px!important;height:24px!important;filter:drop-shadow(0 0 8px rgba(75,203,242,.24))}
  .shop-luxury-banner .hd .title{font-size:14px!important;font-weight:700;white-space:normal!important;line-height:1.15;color:#fff}
  .shop-luxury-banner .hd .title span{display:block;color:#d9bd7a;font-size:10.5px;font-weight:600;letter-spacing:.04em;margin-top:2px}
  .shop-luxury-banner .shop-kicker{font-size:8.5px;letter-spacing:.14em;color:#69d8f5;margin-bottom:6px;font-weight:700}
  .shop-luxury-banner .desc{font-size:10.5px!important;line-height:1.35!important;color:rgba(231,238,248,.72)!important;margin:0 0 10px!important;white-space:normal!important;overflow:visible!important}
  .shop-luxury-banner .go{display:inline-flex!important;align-items:center;gap:9px;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#f0d28c!important;font-size:11px!important;font-weight:700;letter-spacing:.01em;box-shadow:none!important}
  .shop-luxury-banner .go b{font-size:16px;font-weight:400;transition:transform .3s ease}
  .shop-luxury-banner .go:hover{transform:none!important;color:#ffe5a6!important;box-shadow:none!important}
  .shop-luxury-banner .go:hover b{transform:translateX(5px)}
  .shop-luxury-banner .shop-visual{position:relative;overflow:hidden;min-width:0}
  .shop-luxury-banner .shop-main-stone{position:absolute;width:116%;height:116%;left:-4%;top:-8%;object-fit:cover;object-position:center;filter:saturate(.88) contrast(1.04) brightness(.78);transform:scale(1.02);transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .8s ease}
  .shop-luxury-banner .shop-visual::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(7,21,39,1) 0%,rgba(7,21,39,.55) 20%,transparent 58%),linear-gradient(0deg,rgba(3,11,23,.34),transparent 60%)}
  .shop-luxury-banner .shop-visual::after{content:"";position:absolute;width:110px;height:110px;border:1px solid rgba(226,195,126,.28);border-radius:50%;right:-32px;top:-38px;z-index:2;box-shadow:0 0 45px rgba(89,211,244,.08)}
  .shop-luxury-banner .shop-glow{position:absolute;z-index:1;width:150px;height:150px;border-radius:50%;right:18px;top:-22px;background:radial-gradient(circle,rgba(83,215,246,.22),transparent 66%);filter:blur(10px)}
  .shop-luxury-banner:hover .shop-main-stone{transform:scale(1.085);filter:saturate(1) contrast(1.06) brightness(.88)}
}
@media (max-width:1180px) and (min-width:761px){.shop-panel-float.shop-luxury-banner{width:510px;grid-template-columns:58% 42%}}
@media (max-width:760px){
 .shop-panel-float.shop-luxury-banner{display:grid;grid-template-columns:1fr 120px;min-height:128px;padding:0;overflow:hidden}
 .shop-luxury-banner .shop-copy{padding:14px;position:relative;z-index:3}
 .shop-luxury-banner .shop-visual{position:relative;overflow:hidden}
 .shop-luxury-banner .shop-main-stone{width:100%;height:100%;object-fit:cover;filter:brightness(.72)}
 .shop-luxury-banner .shop-kicker{font-size:7px;letter-spacing:.1em;color:#69d8f5;margin:5px 0}
 .shop-luxury-banner .desc{font-size:9px;margin-bottom:7px}
 .shop-luxury-banner .go{font-size:10px}
}


/* === v95: floating glass capsule — minimal luxury natural stone CTA === */
@media (min-width:761px){
  .shop-panel-float.shop-glass-capsule{
    top:-18px!important; right:8px!important;
    width:438px!important; min-height:82px!important;
    padding:13px 15px 13px 14px!important;
    display:grid!important; grid-template-columns:48px minmax(0,1fr) auto!important;
    align-items:center!important; gap:12px!important;
    overflow:visible!important;
    border-radius:22px!important;
    border:1px solid rgba(224,193,123,.58)!important;
    background:linear-gradient(118deg,rgba(7,20,39,.56),rgba(10,30,52,.38))!important;
    box-shadow:0 18px 46px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.10),0 0 28px rgba(76,207,241,.05)!important;
    backdrop-filter:blur(18px) saturate(132%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(132%)!important;
  }
  .shop-panel-float.shop-glass-capsule::before{
    content:"";position:absolute;inset:1px;border-radius:20px;pointer-events:none;
    border:1px solid rgba(255,255,255,.045);
    background:linear-gradient(110deg,rgba(255,255,255,.055),transparent 34%,transparent 72%,rgba(89,216,246,.035));
  }
  .shop-panel-float.shop-glass-capsule::after{
    content:"";position:absolute;left:74px;right:72px;bottom:-1px;height:1px;pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(226,194,121,.55),transparent);
  }
  .shop-glass-capsule .shop-capsule-icon{
    width:46px;height:46px;border-radius:15px;display:grid;place-items:center;position:relative;z-index:2;
    border:1px solid rgba(221,188,112,.38);background:rgba(7,20,37,.34);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 22px rgba(77,210,242,.08);
  }
  .shop-glass-capsule .shop-capsule-icon img{width:31px;height:31px;object-fit:contain;filter:drop-shadow(0 0 9px rgba(76,210,243,.20))}
  .shop-glass-capsule .shop-capsule-copy{min-width:0;position:relative;z-index:2}
  .shop-glass-capsule .shop-capsule-title{font-size:14px;font-weight:700;color:#f5f7fb;letter-spacing:.01em;line-height:1.15;margin-bottom:5px}
  .shop-glass-capsule .shop-capsule-meta{font-size:9.5px;color:rgba(214,226,240,.70);letter-spacing:.035em;white-space:nowrap}
  .shop-glass-capsule .shop-capsule-meta span{color:#d8b86d;margin:0 3px}
  .shop-glass-capsule .shop-capsule-go{
    position:relative;z-index:2;display:inline-flex!important;align-items:center;gap:7px;white-space:nowrap;
    padding:9px 11px!important;border-radius:12px!important;border:1px solid rgba(223,190,113,.42)!important;
    background:rgba(9,24,42,.28)!important;color:#efd28e!important;font-size:10.5px!important;font-weight:700!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;transition:transform .3s ease,border-color .3s ease,background .3s ease!important;
  }
  .shop-glass-capsule .shop-capsule-go b{font-size:15px;font-weight:400;transition:transform .3s ease}
  .shop-glass-capsule:hover{border-color:rgba(235,205,137,.78)!important;background:linear-gradient(118deg,rgba(8,23,43,.63),rgba(11,34,58,.44))!important}
  .shop-glass-capsule .shop-capsule-go:hover{transform:translateY(-1px);background:rgba(20,42,61,.42)!important;border-color:rgba(238,205,130,.72)!important}
  .shop-glass-capsule .shop-capsule-go:hover b{transform:translateX(3px)}
}
@media (max-width:760px){
  .shop-panel-float.shop-glass-capsule{
    display:grid!important;grid-template-columns:40px minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important;
    min-height:70px!important;padding:10px 11px!important;border-radius:18px!important;overflow:visible!important;
    background:linear-gradient(118deg,rgba(7,20,39,.66),rgba(10,30,52,.48))!important;
    border:1px solid rgba(224,193,123,.52)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
  }
  .shop-glass-capsule .shop-capsule-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(221,188,112,.35)}
  .shop-glass-capsule .shop-capsule-icon img{width:27px;height:27px}
  .shop-glass-capsule .shop-capsule-title{font-size:12px;font-weight:700;color:#fff;margin-bottom:3px}
  .shop-glass-capsule .shop-capsule-meta{font-size:7.5px;color:rgba(220,230,241,.68);white-space:normal;line-height:1.3}
  .shop-glass-capsule .shop-capsule-meta span{color:#d8b86d;margin:0 2px}
  .shop-glass-capsule .shop-capsule-go{font-size:9px!important;color:#efd28e!important;white-space:nowrap}
}

/* === v96: visual glass capsule — stones embedded into the glass, not product tiles === */
.shop-glass-capsule.shop-capsule-visual{isolation:isolate;overflow:hidden!important}
.shop-capsule-visual .shop-capsule-stones{position:absolute;inset:0 0 0 auto;width:46%;z-index:0;pointer-events:none;overflow:hidden;border-radius:0 21px 21px 0;opacity:.82;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 12%,#000 52%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 12%,#000 52%,#000 100%)}
.shop-capsule-visual .shop-capsule-stones::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,20,38,.72) 0%,rgba(6,20,38,.18) 45%,rgba(5,16,31,.08) 100%),linear-gradient(180deg,rgba(88,211,242,.08),rgba(218,180,94,.07));backdrop-filter:saturate(112%)}
.shop-capsule-visual .shop-capsule-stones img{position:absolute;width:92px;height:92px;object-fit:cover;border-radius:50%;border:1px solid rgba(240,211,145,.40);box-shadow:0 10px 28px rgba(0,0,0,.30),0 0 24px rgba(91,211,241,.08);filter:saturate(.88) contrast(1.04) brightness(.82);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s ease}
.shop-capsule-visual .shop-capsule-stones img:first-child{right:58px;top:-24px;transform:rotate(-8deg)}
.shop-capsule-visual .shop-capsule-stones img:last-child{right:-18px;bottom:-31px;transform:rotate(9deg) scale(.92)}
.shop-capsule-visual:hover .shop-capsule-stones img:first-child{transform:rotate(-4deg) scale(1.055)}
.shop-capsule-visual:hover .shop-capsule-stones img:last-child{transform:rotate(5deg) scale(.97)}
.shop-capsule-visual:hover .shop-capsule-stones img{filter:saturate(.98) contrast(1.06) brightness(.90)}
.shop-capsule-visual .shop-capsule-icon,.shop-capsule-visual .shop-capsule-copy,.shop-capsule-visual .shop-capsule-go{z-index:3}
@media (min-width:761px){.shop-panel-float.shop-glass-capsule.shop-capsule-visual{width:468px!important;padding-right:15px!important}.shop-capsule-visual .shop-capsule-copy{padding-right:50px}.shop-capsule-visual .shop-capsule-go{background:rgba(6,19,34,.62)!important;backdrop-filter:blur(9px)}}
@media (max-width:760px){.shop-capsule-visual .shop-capsule-stones{width:38%;opacity:.58}.shop-capsule-visual .shop-capsule-stones img{width:70px;height:70px}.shop-capsule-visual .shop-capsule-stones img:first-child{right:35px;top:-20px}.shop-capsule-visual .shop-capsule-stones img:last-child{right:-22px;bottom:-27px}.shop-capsule-visual .shop-capsule-copy{padding-right:14px}}

/* v97 — Natural stone signature panel: integrated, borderless luxury composition */
.shop-panel-float.shop-capsule-visual{
  width:min(650px,48vw)!important;
  min-height:118px!important;
  padding:20px 238px 20px 24px!important;
  border:0!important;
  border-radius:24px!important;
  background:linear-gradient(105deg,rgba(5,18,35,.66) 0%,rgba(7,24,43,.54) 52%,rgba(8,28,48,.18) 100%)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(13px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(13px) saturate(118%)!important;
  overflow:hidden!important;
}
.shop-panel-float.shop-capsule-visual::before{
  content:"";position:absolute;left:18px;top:0;width:118px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(231,199,126,.88),transparent);opacity:.9;
}
.shop-panel-float.shop-capsule-visual::after{
  content:"";position:absolute;left:18px;bottom:0;width:54px;height:1px;
  background:linear-gradient(90deg,rgba(92,216,244,.72),transparent);opacity:.75;
}
.shop-capsule-visual .shop-capsule-icon{
  width:34px!important;height:34px!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;margin-right:12px!important;
}
.shop-capsule-visual .shop-capsule-icon img{width:31px!important;height:31px!important;filter:drop-shadow(0 0 10px rgba(90,214,244,.18))!important}
.shop-capsule-visual .shop-capsule-copy{align-self:center!important}
.shop-capsule-visual .shop-capsule-title{font-size:15px!important;letter-spacing:.015em!important;margin-bottom:5px!important}
.shop-capsule-visual .shop-capsule-meta{font-size:9px!important;letter-spacing:.06em!important;color:rgba(226,235,245,.68)!important}
.shop-capsule-visual .shop-capsule-go{
  position:absolute!important;left:70px!important;bottom:14px!important;padding:0!important;
  border:0!important;background:transparent!important;border-radius:0!important;
  color:#e8c77c!important;font-size:10px!important;letter-spacing:.09em!important;text-transform:uppercase!important;
  box-shadow:none!important;
}
.shop-capsule-visual .shop-capsule-go::after{content:"";position:absolute;left:0;right:17px;bottom:-4px;height:1px;background:linear-gradient(90deg,rgba(232,199,124,.9),transparent);transform-origin:left;transition:transform .35s ease}
.shop-capsule-visual .shop-capsule-go:hover{background:transparent!important;border:0!important;transform:none!important}
.shop-capsule-visual .shop-capsule-go:hover::after{transform:scaleX(.68)}
.shop-capsule-visual .shop-capsule-stones{
  position:absolute!important;right:-12px!important;top:-24px!important;bottom:-24px!important;width:260px!important;
  opacity:1!important;border-radius:0!important;overflow:visible!important;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 15%,#000 46%,#000 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 15%,#000 46%,#000 100%)!important;
}
.shop-capsule-visual .shop-capsule-stones::after{
  background:radial-gradient(circle at 72% 46%,rgba(88,213,244,.10),transparent 52%),linear-gradient(90deg,rgba(5,18,35,.70),rgba(5,18,35,.04) 58%,transparent)!important;
  backdrop-filter:none!important;
}
.shop-capsule-visual .shop-capsule-stones img{
  border:0!important;border-radius:0!important;box-shadow:none!important;filter:saturate(.92) contrast(1.08) brightness(.86)!important;
  transition:transform 1.15s cubic-bezier(.2,.65,.2,1),filter 1.15s ease!important;
}
.shop-capsule-visual .shop-capsule-stones img:first-child{
  width:205px!important;height:205px!important;right:6px!important;top:-20px!important;object-fit:cover!important;
  clip-path:ellipse(48% 45% at 53% 50%);transform:rotate(-5deg) scale(1.02)!important;opacity:.94!important;
}
.shop-capsule-visual .shop-capsule-stones img:last-child{
  width:116px!important;height:116px!important;right:160px!important;bottom:-22px!important;object-fit:cover!important;
  clip-path:ellipse(48% 45% at 50% 50%);transform:rotate(8deg)!important;opacity:.48!important;mix-blend-mode:screen;
}
.shop-capsule-visual:hover .shop-capsule-stones img:first-child{transform:rotate(-2deg) scale(1.075)!important;filter:saturate(1) contrast(1.08) brightness(.92)!important}
.shop-capsule-visual:hover .shop-capsule-stones img:last-child{transform:rotate(4deg) scale(1.04)!important}
@media(max-width:900px){
 .shop-panel-float.shop-capsule-visual{width:min(92vw,560px)!important;padding:17px 155px 17px 18px!important;min-height:104px!important}
 .shop-capsule-visual .shop-capsule-stones{width:175px!important}
 .shop-capsule-visual .shop-capsule-stones img:first-child{width:150px!important;height:150px!important;right:-2px!important}
 .shop-capsule-visual .shop-capsule-stones img:last-child{display:none!important}
 .shop-capsule-visual .shop-capsule-go{left:60px!important;bottom:11px!important}
}

/* v98 — refined jewelry campaign finish */
.shop-panel-float.shop-capsule-visual{
  width:min(680px,50vw)!important;
  min-height:126px!important;
  padding:23px 258px 23px 27px!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 82% 34%,rgba(122,224,244,.095),transparent 30%),
    linear-gradient(108deg,rgba(3,15,31,.58) 0%,rgba(7,24,43,.46) 52%,rgba(8,30,50,.12) 100%)!important;
  box-shadow:0 28px 72px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(225,193,124,.055)!important;
  backdrop-filter:blur(17px) saturate(124%)!important;
  -webkit-backdrop-filter:blur(17px) saturate(124%)!important;
}
.shop-panel-float.shop-capsule-visual::before{left:27px!important;width:142px!important;background:linear-gradient(90deg,transparent,rgba(238,210,151,.72),rgba(255,242,205,.92),transparent)!important;box-shadow:0 0 12px rgba(235,204,139,.16)}
.shop-panel-float.shop-capsule-visual::after{left:27px!important;width:68px!important;background:linear-gradient(90deg,rgba(126,222,242,.54),transparent)!important}
.shop-capsule-visual .shop-capsule-icon{width:31px!important;height:31px!important;margin-right:14px!important;opacity:.92}
.shop-capsule-visual .shop-capsule-icon img{width:29px!important;height:29px!important;filter:drop-shadow(0 0 13px rgba(92,214,241,.17))!important}
.shop-capsule-visual .shop-capsule-title{font-size:15px!important;font-weight:650!important;letter-spacing:.035em!important;color:rgba(250,250,248,.96)!important;margin-bottom:7px!important}
.shop-capsule-visual .shop-capsule-meta{font-size:8.5px!important;letter-spacing:.11em!important;color:rgba(224,232,241,.61)!important}
.shop-capsule-visual .shop-capsule-meta span{color:rgba(232,204,145,.72)!important;margin:0 5px!important}
.shop-capsule-visual .shop-capsule-go{left:72px!important;bottom:15px!important;color:#e8cc91!important;font-size:9.5px!important;letter-spacing:.14em!important}
.shop-capsule-visual .shop-capsule-go::after{right:20px!important;background:linear-gradient(90deg,rgba(235,207,148,.82),rgba(235,207,148,.18),transparent)!important}
.shop-capsule-visual .shop-capsule-stones{right:-8px!important;top:-40px!important;bottom:-35px!important;width:292px!important;filter:drop-shadow(-18px 22px 30px rgba(0,0,0,.20));-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.13) 10%,rgba(0,0,0,.76) 39%,#000 62%)!important;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.13) 10%,rgba(0,0,0,.76) 39%,#000 62%)!important}
.shop-capsule-visual .shop-capsule-stones::before{content:"";position:absolute;z-index:4;right:31px;top:35px;width:138px;height:72px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,239,199,.14),rgba(99,215,239,.055) 45%,transparent 72%);filter:blur(7px);transform:rotate(-18deg);pointer-events:none}
.shop-capsule-visual .shop-capsule-stones::after{background:radial-gradient(circle at 70% 40%,rgba(118,225,245,.13),transparent 38%),radial-gradient(circle at 80% 67%,rgba(237,205,139,.09),transparent 30%),linear-gradient(90deg,rgba(4,17,33,.60),rgba(4,17,33,.04) 54%,transparent)!important}
.shop-capsule-visual .shop-capsule-stones img:first-child{width:230px!important;height:230px!important;right:-1px!important;top:-9px!important;clip-path:ellipse(47% 43% at 54% 50%)!important;transform:rotate(-4deg) scale(1.03)!important;filter:saturate(.88) contrast(1.09) brightness(.89)!important;opacity:.98!important}
.shop-capsule-visual .shop-capsule-stones img:last-child{display:block!important;width:132px!important;height:132px!important;right:176px!important;bottom:-4px!important;clip-path:ellipse(47% 43% at 50% 50%)!important;transform:rotate(9deg) scale(.96)!important;opacity:.27!important;filter:blur(1.3px) saturate(.72) brightness(.80)!important;mix-blend-mode:screen!important}
.shop-capsule-visual:hover .shop-capsule-stones img:first-child{transform:rotate(-1.5deg) scale(1.095)!important;filter:saturate(.98) contrast(1.1) brightness(.96)!important}
.shop-capsule-visual:hover .shop-capsule-stones img:last-child{transform:rotate(5deg) scale(1.025)!important;opacity:.34!important}
@media(max-width:900px){
 .shop-panel-float.shop-capsule-visual{width:min(92vw,570px)!important;min-height:108px!important;padding:18px 166px 18px 19px!important}
 .shop-capsule-visual .shop-capsule-stones{width:188px!important;right:-12px!important;top:-26px!important;bottom:-26px!important}
 .shop-capsule-visual .shop-capsule-stones img:first-child{width:166px!important;height:166px!important;right:-4px!important;top:-4px!important}
 .shop-capsule-visual .shop-capsule-stones img:last-child{width:88px!important;height:88px!important;right:112px!important;bottom:1px!important;opacity:.20!important}
 .shop-capsule-visual .shop-capsule-go{left:61px!important;bottom:11px!important}
}

/* v103 — continuous champagne-gold frame test on v98 */
.shop-panel-float.shop-capsule-visual{
  border:1px solid rgba(232,198,123,.78)!important;
  box-shadow:
    0 28px 72px rgba(0,0,0,.23),
    0 0 0 1px rgba(255,232,178,.055),
    0 0 24px rgba(216,177,92,.075),
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(225,193,124,.055)!important;
}
.shop-panel-float.shop-capsule-visual:hover{
  border-color:rgba(244,215,151,.94)!important;
  box-shadow:
    0 30px 76px rgba(0,0,0,.25),
    0 0 0 1px rgba(255,237,192,.08),
    0 0 30px rgba(221,181,94,.11),
    inset 0 1px 0 rgba(255,255,255,.12)!important;
}

/* v104 — refined boutique collection CTA */
.shop-capsule-visual .shop-capsule-go{
  left:72px!important;
  bottom:15px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:11px!important;
  width:max-content!important;
  padding:0 0 5px!important;
  background:transparent!important;
  border:0!important;
  color:#efd497!important;
  font-size:9px!important;
  font-weight:650!important;
  line-height:1!important;
  letter-spacing:.095em!important;
  text-transform:uppercase!important;
  text-shadow:0 0 14px rgba(235,205,139,.12)!important;
  overflow:visible!important;
}
.shop-capsule-visual .shop-capsule-go::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(239,212,151,.92),rgba(239,212,151,.35),transparent)!important;
  transform:scaleX(.72)!important;
  transform-origin:left center!important;
  transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .35s ease!important;
  opacity:.9!important;
}
.shop-capsule-visual .shop-capsule-go b{
  display:inline-block!important;
  font-size:16px!important;
  line-height:.7!important;
  font-weight:300!important;
  color:#f1d79c!important;
  transform:translateY(-1px)!important;
  transition:transform .45s cubic-bezier(.2,.7,.2,1)!important;
}
.shop-capsule-visual .shop-capsule-go:hover{
  color:#f7e2b0!important;
  transform:none!important;
}
.shop-capsule-visual .shop-capsule-go:hover::after{transform:scaleX(1)!important;opacity:1!important}
.shop-capsule-visual .shop-capsule-go:hover b{transform:translate(5px,-1px)!important}
@media(max-width:900px){.shop-capsule-visual .shop-capsule-go{left:61px!important;bottom:11px!important;font-size:8.5px!important}}

/* v105 — Natural stone collection metadata readability */
.shop-capsule-visual .shop-capsule-meta{
  color:rgba(241,247,253,.90)!important;
  font-weight:600!important;
  text-shadow:0 1px 10px rgba(0,18,38,.42)!important;
}
.shop-capsule-visual .shop-capsule-meta span{
  color:#e3c478!important;
  opacity:1!important;
}

/* v106 — boutique card alignment refinements */
@media (min-width:901px){
  .shop-capsule-visual .shop-capsule-icon{
    width:39px!important;
    height:39px!important;
    margin-right:16px!important;
    align-self:center!important;
    transform:translateY(1px)!important;
  }
  .shop-capsule-visual .shop-capsule-icon img{
    width:37px!important;
    height:37px!important;
  }
  .shop-capsule-visual .shop-capsule-copy{
    align-self:center!important;
    transform:translateY(-5px)!important;
  }
  .shop-capsule-visual .shop-capsule-title{
    margin-bottom:10px!important;
  }
  .shop-capsule-visual .shop-capsule-meta{
    transform:translateY(2px)!important;
  }
  .shop-capsule-visual .shop-capsule-go{
    left:88px!important;
    bottom:12px!important;
  }
}

/* v107 — slightly larger Natural Stone Collection cat mark */
.shop-capsule-visual .shop-capsule-icon{
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
}
.shop-capsule-visual .shop-capsule-icon img{
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
}
@media(max-width:900px){
  .shop-capsule-visual .shop-capsule-icon{width:38px!important;height:38px!important;flex-basis:38px!important}
  .shop-capsule-visual .shop-capsule-icon img{width:36px!important;height:36px!important}
}

/* v108-corrected — v107 base; enlarge ONLY the cat logo artwork, never the card/icon box */
@media (min-width:901px){
  .shop-capsule-visual .shop-capsule-icon{
    width:44px!important;
    height:44px!important;
    flex:0 0 44px!important;
    overflow:visible!important;
    display:grid!important;
    place-items:center!important;
  }
  .shop-capsule-visual .shop-capsule-icon img{
    width:62px!important;
    height:62px!important;
    max-width:none!important;
    object-fit:contain!important;
    transform:none!important;
    transform-origin:center!important;
  }
}

/* v109 — center ONLY the enlarged cat logo in the empty left pocket; card/copy stay untouched */
@media (min-width:901px){
  .shop-capsule-visual .shop-capsule-icon{
    transform:translate(-16px, 1px)!important;
  }
  .shop-capsule-visual .shop-capsule-icon img{
    width:62px!important;
    height:62px!important;
    max-width:none!important;
  }
}

/* v110 — hero falcı previews: refined floating glass portrait cards */
@media (min-width:901px){
  .hero-visual .rcard-field{ perspective:1200px; }
  .hero-visual .rcard{
    overflow:hidden;
    border-radius:24px;
    background:rgba(5,15,30,.42);
    border:1px solid rgba(226,194,122,.46);
    box-shadow:0 24px 58px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.12);
    backdrop-filter:blur(13px) saturate(1.08);
    -webkit-backdrop-filter:blur(13px) saturate(1.08);
    transition:transform .55s cubic-bezier(.2,.8,.2,1), border-color .4s ease, box-shadow .4s ease;
  }
  .hero-visual .rcard::after{
    content:""; position:absolute; inset:8px; border:1px solid rgba(255,255,255,.10);
    border-radius:18px; pointer-events:none; z-index:4;
  }
  .hero-visual .rcard .thumb{height:100%; position:absolute; inset:0;}
  .hero-visual .rcard .thumb img{width:100%;height:100%;object-fit:cover;transform:scale(1.01);transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .55s ease;}
  .hero-visual .rcard .thumb::after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(2,10,22,0) 40%,rgba(3,12,25,.32) 58%,rgba(3,12,25,.94) 100%);
  }
  .hero-visual .rcard .body{
    position:absolute;left:0;right:0;bottom:0;z-index:3;padding:18px 18px 17px;
    background:linear-gradient(180deg,transparent,rgba(3,13,28,.18));
  }
  .hero-visual .rcard .name{font-size:19px;line-height:1;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.5);}
  .hero-visual .rcard .role{font-size:9px;letter-spacing:.02em;color:rgba(119,218,244,.94);margin-top:7px;text-shadow:0 1px 8px rgba(0,0,0,.45);}
  .hero-visual .rcard .play{
    width:34px;height:34px;right:13px;top:13px;
    background:rgba(5,20,34,.66);border:1px solid rgba(231,198,124,.72);
    box-shadow:0 8px 22px rgba(0,0,0,.28),inset 0 0 0 4px rgba(255,255,255,.035);
    backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  }
  .hero-visual .rcard .play svg{width:12px;height:12px;color:#f2d58d;}
  .hero-visual .rcard:hover{transform:translateY(-9px) scale(1.035)!important;border-color:rgba(240,208,136,.82);box-shadow:0 32px 68px rgba(0,0,0,.43),0 0 26px rgba(218,184,109,.10),inset 0 1px 0 rgba(255,255,255,.16);}
  .hero-visual .rcard:hover .thumb img{transform:scale(1.075);filter:brightness(1.045) contrast(1.025);}

  /* Balanced arc around the cat; face and torso remain visible. */
  .hero-visual .rcard.c1{width:166px;height:224px;top:330px;right:372px;transform:rotate(-1.4deg);z-index:5;}
  .hero-visual .rcard.c2{width:166px;height:224px;top:330px;right:-4px;transform:rotate(1.4deg);z-index:5;}
  .hero-visual .rcard.c3{width:148px;height:198px;top:478px;right:191px;transform:rotate(0deg);z-index:6;}
}
@media (max-width:1180px) and (min-width:901px){
  .hero-visual .rcard.c1{right:304px;}
  .hero-visual .rcard.c2{right:0;}
  .hero-visual .rcard.c3{right:150px;}
}

/* v111 — lift the complete hero reader-card composition to open the cat foreground */
@media (min-width:901px){
  .hero-visual .rcard.c1{top:270px!important;}
  .hero-visual .rcard.c2{top:270px!important;}
  .hero-visual .rcard.c3{top:418px!important;}
}

/* v112 — open the Kristal Kedi wordmark: center card higher, side cards higher */
@media (min-width:901px){
  .hero-visual .rcard.c1{top:215px!important;}
  .hero-visual .rcard.c2{top:215px!important;}
  .hero-visual .rcard.c3{top:320px!important;}
}

/* v113 — Instagram section readability */
#instagram .eyebrow{
  color:#28c7f4 !important;
  text-shadow:0 0 14px rgba(40,199,244,.28);
}
#instagram .section-title{
  color:#eaf7ff !important;
  text-shadow:0 2px 18px rgba(0,0,0,.55),0 0 20px rgba(87,191,236,.12) !important;
}
#instagram .section-title em{
  color:#38d3ff !important;
  text-shadow:0 0 18px rgba(56,211,255,.28);
}
#instagram .section-desc{
  color:rgba(231,242,255,.82) !important;
  font-weight:550 !important;
  text-shadow:0 2px 12px rgba(0,0,0,.48);
}
#instagram .ig-section-grid > div:first-child{
  position:relative;
  z-index:1;
}
#instagram .ig-section-grid > div:first-child::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-30px -45px -30px -34px;
  background:radial-gradient(ellipse at 35% 48%,rgba(3,15,35,.38) 0%,rgba(3,15,35,.18) 48%,transparent 76%);
  pointer-events:none;
}

/* v114 — Fal Rehberi: stronger readability + premium editorial cards */
#fal-rehberi .section-head{
  position:relative;
  z-index:2;
  max-width:760px;
  padding:22px 26px 24px;
  margin-left:-26px;
  border-radius:24px;
}
#fal-rehberi .section-head::before{
  content:"";
  position:absolute;
  inset:-8px -24px -12px -22px;
  z-index:-1;
  pointer-events:none;
  border-radius:28px;
  background:radial-gradient(ellipse at 30% 45%,rgba(3,17,38,.58) 0%,rgba(3,17,38,.31) 48%,rgba(3,17,38,0) 78%);
}
#fal-rehberi .eyebrow{
  color:#35c9f2 !important;
  font-size:15px !important;
  font-weight:700 !important;
  letter-spacing:.16em !important;
  text-shadow:0 0 16px rgba(53,201,242,.25),0 2px 8px rgba(0,0,0,.45);
}
#fal-rehberi .section-title{
  color:#f5fbff !important;
  font-size:clamp(42px,5vw,62px);
  line-height:1.02;
  text-shadow:0 3px 20px rgba(0,0,0,.58),0 0 24px rgba(91,199,239,.10) !important;
}
#fal-rehberi .section-title em{
  color:#43cff3 !important;
  text-shadow:0 0 20px rgba(67,207,243,.24);
}
#fal-rehberi .section-desc{
  color:rgba(239,247,255,.88) !important;
  font-weight:550 !important;
  font-size:17px;
  line-height:1.7;
  text-shadow:0 2px 12px rgba(0,0,0,.52) !important;
  max-width:680px;
}

#fal-rehberi .grid-3{
  gap:26px;
  align-items:stretch;
}
#fal-rehberi .blog-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-radius:24px;
  border:1px solid rgba(219,190,120,.46) !important;
  background:linear-gradient(155deg,rgba(8,24,48,.82) 0%,rgba(6,17,36,.92) 100%) !important;
  box-shadow:0 18px 42px rgba(0,8,25,.22),inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transition:transform .45s cubic-bezier(.2,.75,.2,1),border-color .4s ease,box-shadow .4s ease;
}
#fal-rehberi .blog-card::before{
  content:"";
  position:absolute;
  inset:9px;
  z-index:3;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.085);
  border-radius:17px;
}
#fal-rehberi .blog-card::after{
  content:"";
  position:absolute;
  top:-65%;
  left:-70%;
  width:48%;
  height:230%;
  z-index:4;
  pointer-events:none;
  transform:rotate(20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),rgba(224,199,139,.09),transparent);
  opacity:0;
  transition:left .9s cubic-bezier(.2,.7,.2,1),opacity .25s ease;
}
#fal-rehberi .blog-card:hover{
  transform:translateY(-8px) scale(1.012) !important;
  border-color:rgba(232,202,132,.82) !important;
  box-shadow:0 28px 58px rgba(0,8,25,.30),0 0 26px rgba(201,169,104,.10),inset 0 1px 0 rgba(255,255,255,.14);
}
#fal-rehberi .blog-card:hover::after{left:130%;opacity:1;}

#fal-rehberi .blog-card .thumb{
  position:relative;
  aspect-ratio:16/9;
  margin:10px 10px 0;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
}
#fal-rehberi .blog-card .thumb::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:28%;
  background:linear-gradient(180deg,transparent,rgba(6,18,38,.92));
  pointer-events:none;
}
#fal-rehberi .blog-card .thumb img{
  filter:saturate(.92) contrast(1.04) brightness(.92);
  transition:transform .75s cubic-bezier(.2,.75,.2,1),filter .55s ease;
}
#fal-rehberi .blog-card:hover .thumb img{
  transform:scale(1.07);
  filter:saturate(1.02) contrast(1.05) brightness(1.00);
}
#fal-rehberi .blog-card .body{
  position:relative;
  z-index:5;
  padding:22px 24px 24px;
  min-height:190px;
  display:flex;
  flex-direction:column;
}
#fal-rehberi .blog-card .cat{
  display:inline-flex;
  width:max-content;
  align-items:center;
  gap:8px;
  color:#e8c979 !important;
  font-size:10px;
  font-weight:700;
  letter-spacing:.14em;
}
#fal-rehberi .blog-card .cat::before{
  content:"";
  width:18px;
  height:1px;
  background:linear-gradient(90deg,#e8c979,transparent);
}
#fal-rehberi .blog-card h3{
  margin-top:12px;
  font-size:21px;
  line-height:1.35;
}
#fal-rehberi .blog-card h3 a{
  color:#f6fbff !important;
  text-shadow:0 1px 8px rgba(0,0,0,.38);
}
#fal-rehberi .blog-card .read{
  margin-top:auto;
  padding-top:20px;
  color:#5bd5f4 !important;
  font-weight:700;
  letter-spacing:.015em;
}
#fal-rehberi .blog-card .read svg{
  color:#e8c979;
}
#fal-rehberi .blog-card:hover .read{
  color:#eafaff !important;
}

@media (max-width:900px){
  #fal-rehberi .section-head{margin-left:0;padding:18px 4px 20px;}
  #fal-rehberi .section-head::before{inset:-6px -10px -8px -10px;}
  #fal-rehberi .section-desc{font-size:15.5px;}
  #fal-rehberi .blog-card .body{min-height:auto;}
}

/* ============================================================
   114 -> 116 | SSS: yalnızca okunabilirlik + premium CTA
   Mevcut açık tasarım/yerleşim korunur; panel/kart eklenmez.
   ============================================================ */
#sss .eyebrow {
  color: #0877b8;
  font-weight: 700;
  text-shadow: 0 1px 10px rgba(255,255,255,.55);
}
#sss .section-title {
  color: #0a1c39;
  text-shadow: 0 1px 14px rgba(255,255,255,.36);
}
#sss .faq-q {
  color: #102746;
  font-weight: 700;
  text-shadow: 0 1px 8px rgba(255,255,255,.34);
}
#sss .faq-item {
  border-bottom-color: rgba(16,39,70,.20);
}
#sss .faq-q .plus {
  border-color: rgba(10,104,157,.46);
  background: rgba(255,255,255,.12);
  box-shadow: 0 2px 12px rgba(15,53,86,.07);
}
#sss .faq-q .plus::before,
#sss .faq-q .plus::after {
  background: #0877b8;
}
#sss .faq-a-inner,
#sss .faq-a-inner p {
  color: #314b68;
  font-weight: 500;
}

/* Sadece “Tüm Soruları Gör” CTA'sı yeniden tasarlandı */
#sss .text-center .btn-outline {
  position: relative;
  overflow: hidden;
  min-width: 190px;
  padding: 14px 26px;
  border: 1px solid rgba(155,112,37,.52);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(255,255,255,.34), rgba(243,229,194,.18));
  color: #102746;
  font-size: 14px;
  font-weight: 750;
  letter-spacing: .015em;
  box-shadow: 0 8px 22px rgba(23,46,73,.10), inset 0 1px 0 rgba(255,255,255,.55);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  transition: transform .28s var(--ease), border-color .28s ease, color .28s ease, box-shadow .28s ease;
}
#sss .text-center .btn-outline::before {
  content: '';
  position: absolute;
  top: -45%;
  left: -35%;
  width: 26%;
  height: 190%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.72), transparent);
  transform: skewX(-18deg);
  transition: left .65s var(--ease);
  pointer-events: none;
}
#sss .text-center .btn-outline:hover {
  color: #6f511c;
  border-color: rgba(184,139,57,.88);
  background: linear-gradient(135deg, rgba(255,255,255,.46), rgba(235,210,151,.25));
  box-shadow: 0 12px 28px rgba(23,46,73,.13), 0 0 0 1px rgba(218,182,108,.13), inset 0 1px 0 rgba(255,255,255,.7);
  transform: translateY(-2px);
}
#sss .text-center .btn-outline:hover::before { left: 118%; }

/* 116 -> 117 | SSS metinleri: beyaz yerine daha koyu ve net lacivert */
#sss .section-title { color:#071a35 !important; text-shadow:0 1px 10px rgba(255,255,255,.22) !important; }
#sss .faq-q { color:#0b2342 !important; text-shadow:none !important; }
#sss .faq-a-inner,
#sss .faq-a-inner p { color:#29445f !important; }

/* 117 -> 118 | SSS açık zeminde tüm ince detayları koyulaştır */
#sss .faq-item {
  border-bottom-color: rgba(7, 26, 53, .34) !important;
}
#sss .faq-q .plus {
  border-color: rgba(7, 26, 53, .58) !important;
  background: rgba(7, 26, 53, .055) !important;
  box-shadow: 0 2px 10px rgba(7, 26, 53, .08) !important;
}
#sss .faq-q .plus::before,
#sss .faq-q .plus::after {
  background: #0b2342 !important;
}
#sss .faq-a-inner,
#sss .faq-a-inner p {
  color: #29445f !important;
}


/* v120 — Final CTA: 118 baz, tam görünen dekoratif Kristal Kedi */
#final-cta .final-cta{
  min-height: 500px;
  padding: 82px 390px 74px 72px;
  text-align:left;
  border:1px solid rgba(213,177,96,.62);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 24px 70px rgba(4,16,35,.16);
  background:
    radial-gradient(ellipse 480px 360px at 82% 50%, rgba(72,205,240,.12), transparent 68%),
    linear-gradient(105deg, rgba(11,39,65,.48), rgba(16,48,75,.26) 58%, rgba(10,32,54,.40)),
    url('../images/backgrounds/kristal-dark.jpg') center/cover no-repeat;
}
#final-cta .final-cta::before{
  content:"";position:absolute;inset:12px;border:1px solid rgba(213,177,96,.20);border-radius:calc(var(--radius-l) - 8px);pointer-events:none;
}
#final-cta .final-cta .eyebrow{justify-content:flex-start!important;}
#final-cta .final-cta h2{margin:16px 0 0;max-width:590px;font-size:clamp(38px,4.2vw,58px);line-height:1.08;}
#final-cta .final-cta p{max-width:620px;margin:20px 0 0;color:rgba(238,246,255,.78);line-height:1.75;}
#final-cta .final-cta .ctas{justify-content:flex-start;margin-top:32px;}
#final-cta .final-faces{justify-content:flex-start;margin-top:34px;padding-left:8px;}
#final-cta .final-faces img{width:46px;height:46px;border:2px solid rgba(213,177,96,.75);box-shadow:0 5px 16px rgba(2,12,28,.24);}
#final-cta .final-cta-cat{
  display:block;position:absolute;z-index:1;right:48px;top:50%;bottom:auto;
  width:285px;height:auto;max-height:82%;object-fit:contain;
  transform:translateY(-50%);opacity:.92;filter:none;
  pointer-events:none;
  animation:finalCatFloatV120 7s ease-in-out infinite;
}
#final-cta .final-cta::after{
  content:"";position:absolute;right:20px;top:50%;width:340px;height:340px;transform:translateY(-50%);
  border-radius:50%;background:radial-gradient(circle,rgba(89,213,244,.15),rgba(89,213,244,.045) 45%,transparent 70%);
  border:1px solid rgba(213,177,96,.16);pointer-events:none;
}
@keyframes finalCatFloatV120{0%,100%{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 7px))}}
@media(max-width:900px){
 #final-cta .final-cta{padding:64px 34px 330px;text-align:center;min-height:0}
 #final-cta .final-cta .eyebrow,#final-cta .final-cta .ctas,#final-cta .final-faces{justify-content:center!important}
 #final-cta .final-cta h2,#final-cta .final-cta p{margin-left:auto;margin-right:auto}
 #final-cta .final-cta-cat{right:50%;top:auto;bottom:34px;width:220px;max-height:260px;transform:translateX(50%);animation:none}
 #final-cta .final-cta::after{right:50%;top:auto;bottom:10px;width:270px;height:270px;transform:translateX(50%)}
}

/* v121 REAL — Fal Çeşitleri sayfası: yatay detay satırları + hash hedef glow */
.fal-types-page .fal-service-list{
  display:flex; flex-direction:column; gap:18px; margin-top:6px;
}
.fal-types-page .fal-service-list .service-card{
  width:100%; min-height:190px; padding:28px 30px;
  display:grid; grid-template-columns: 112px minmax(0,1fr) 180px;
  grid-template-rows:auto auto 1fr; column-gap:28px; row-gap:8px;
  align-items:center;
  border:1px solid rgba(111,210,239,.24);
  border-radius:22px;
  background:linear-gradient(110deg,rgba(7,24,44,.92),rgba(8,30,54,.82) 58%,rgba(7,20,38,.94));
  box-shadow:0 14px 38px rgba(1,10,24,.20), inset 0 1px 0 rgba(255,255,255,.045);
  overflow:hidden;
}
.fal-types-page .fal-service-list .service-card:hover{
  transform:translateY(-3px); border-color:rgba(111,210,239,.46);
  box-shadow:0 18px 46px rgba(1,10,24,.28),0 0 22px rgba(111,210,239,.07),inset 0 1px 0 rgba(255,255,255,.07);
}
.fal-types-page .fal-service-list .service-card .top{grid-column:1;grid-row:1 / span 3;align-self:start;justify-content:flex-start;padding-top:2px}
.fal-types-page .fal-service-list .service-card .dur{font-size:12px;padding:7px 13px;border-color:rgba(111,210,239,.34);color:#b9eafa;background:rgba(111,210,239,.055)}
.fal-types-page .fal-service-list .service-card h3{grid-column:2;grid-row:1;margin:0;font-size:27px;line-height:1.15;color:#f5f9ff}
.fal-types-page .fal-service-list .service-card .desc{grid-column:2;grid-row:2 / span 2;margin:4px 0 0;max-width:820px;font-size:15.5px;line-height:1.75;color:rgba(225,235,247,.78)}
.fal-types-page .fal-service-list .service-card .price{grid-column:3;grid-row:1;margin:0;text-align:right;font-size:25px;align-self:start;color:#ead49a}
.fal-types-page .fal-service-list .service-card .actions{grid-column:3;grid-row:2 / span 2;margin:0;align-self:end;justify-content:flex-end}
.fal-types-page .fal-service-list .service-card .actions .btn{width:100%;justify-content:center;min-height:48px;border-color:rgba(201,169,104,.42);background:rgba(5,20,37,.55)}
.fal-types-page .fal-service-list .service-card.is-targeted{
  border-color:rgba(111,220,255,.95)!important;
  background:radial-gradient(circle at 20% 40%,rgba(79,205,255,.20),transparent 38%),linear-gradient(110deg,rgba(8,37,65,.98),rgba(7,30,55,.94) 58%,rgba(6,23,43,.98));
  transform:translateY(-3px) scale(1.006);
  box-shadow:0 0 0 1px rgba(130,226,255,.36),0 0 28px rgba(80,207,255,.32),0 0 64px rgba(80,207,255,.16),0 20px 48px rgba(0,0,0,.30),inset 0 0 36px rgba(90,215,255,.09)!important;
  animation:serviceTargetGlowWide 1.9s ease-in-out infinite!important;
}
@keyframes serviceTargetGlowWide{
  0%,100%{box-shadow:0 0 0 1px rgba(130,226,255,.30),0 0 24px rgba(80,207,255,.25),0 0 52px rgba(80,207,255,.11),0 20px 48px rgba(0,0,0,.30),inset 0 0 30px rgba(90,215,255,.07)}
  50%{box-shadow:0 0 0 1px rgba(160,236,255,.52),0 0 38px rgba(80,207,255,.42),0 0 78px rgba(80,207,255,.20),0 22px 52px rgba(0,0,0,.34),inset 0 0 44px rgba(90,215,255,.13)}
}
@media(max-width:800px){
 .fal-types-page .fal-service-list .service-card{grid-template-columns:1fr;grid-template-rows:auto;padding:23px 21px;gap:12px}
 .fal-types-page .fal-service-list .service-card .top,.fal-types-page .fal-service-list .service-card h3,.fal-types-page .fal-service-list .service-card .desc,.fal-types-page .fal-service-list .service-card .price,.fal-types-page .fal-service-list .service-card .actions{grid-column:1;grid-row:auto;text-align:left}
 .fal-types-page .fal-service-list .service-card .price{font-size:23px}
 .fal-types-page .fal-service-list .service-card .actions{justify-content:flex-start;margin-top:5px}
 .fal-types-page .fal-service-list .service-card .actions .btn{width:auto;min-width:170px}
}


/* v122 — VIP seçenekleri de yatay detay satırları */
.fal-types-page .vip-detail-section .section-head{margin-bottom:30px}
.fal-types-page .vip-detail-section .section-desc{max-width:720px;margin:10px auto 0;color:rgba(225,235,247,.68)}
.fal-types-page .vip-service-list{display:flex;flex-direction:column;gap:18px}
.fal-types-page .vip-service-list .vip-row{
  position:relative;min-height:190px;width:100%;padding:30px 32px;
  display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:34px;align-items:center;
  border-radius:22px;border:1px solid rgba(111,210,239,.27);
  background:linear-gradient(110deg,rgba(7,24,44,.94),rgba(8,30,54,.84) 60%,rgba(7,20,38,.96));
  box-shadow:0 14px 38px rgba(1,10,24,.21),inset 0 1px 0 rgba(255,255,255,.05);
  overflow:hidden;transition:transform .35s var(--ease),border-color .35s ease,box-shadow .35s ease;
}
.fal-types-page .vip-service-list .vip-row:hover{
  transform:translateY(-4px);border-color:rgba(111,210,239,.58);
  box-shadow:0 20px 50px rgba(1,10,24,.30),0 0 25px rgba(111,210,239,.09),inset 0 1px 0 rgba(255,255,255,.07);
}
.fal-types-page .vip-service-list .vip-row::after{
  content:"";position:absolute;top:-55%;left:-24%;width:18%;height:220%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);transform:skewX(-18deg);
  transition:left .8s var(--ease);pointer-events:none;
}
.fal-types-page .vip-service-list .vip-row:hover::after{left:112%}
.fal-types-page .vip-service-list .vip-row-main h3{margin:0 0 12px;font-size:29px;line-height:1.15;color:#f7f9ff}
.fal-types-page .vip-service-list .vip-row-main .desc{margin:0;max-width:900px;font-size:15.5px;line-height:1.78;color:rgba(225,235,247,.78)}
.fal-types-page .vip-service-list .vip-row-side{display:flex;flex-direction:column;align-items:flex-end;gap:22px}
.fal-types-page .vip-service-list .vip-row-side .price{margin:0;font-size:28px;color:#ead49a;white-space:nowrap}
.fal-types-page .vip-service-list .vip-row-side .actions{margin:0;width:100%}
.fal-types-page .vip-service-list .vip-row-side .btn{width:100%;justify-content:center;min-height:49px}
.fal-types-page .vip-service-list .vip-row.featured{
  border-color:rgba(232,195,109,.78);
  background:radial-gradient(circle at 88% 18%,rgba(232,195,109,.17),transparent 31%),linear-gradient(110deg,rgba(27,27,27,.92),rgba(11,24,43,.94) 58%,rgba(19,18,14,.94));
  box-shadow:0 18px 50px rgba(0,0,0,.27),0 0 34px rgba(201,169,104,.12),inset 0 1px 0 rgba(255,255,255,.05);
}
.fal-types-page .vip-service-list .vip-row.featured::after{background:linear-gradient(90deg,transparent,rgba(238,204,126,.26),transparent)}
.fal-types-page .vip-service-list .vip-row.featured:hover{border-color:#efd38c;box-shadow:0 24px 60px rgba(0,0,0,.34),0 0 42px rgba(226,190,105,.19)}
.fal-types-page .vip-service-list .vip-row .badge-top{top:15px;right:20px;left:auto;transform:none;padding:6px 13px;font-size:10px;letter-spacing:.08em}
.fal-types-page .vip-service-list .vip-row.is-targeted{
  border-color:rgba(111,220,255,.95)!important;
  box-shadow:0 0 0 1px rgba(130,226,255,.36),0 0 30px rgba(80,207,255,.30),0 0 70px rgba(80,207,255,.15),0 20px 48px rgba(0,0,0,.30)!important;
  animation:serviceTargetGlowWide 1.9s ease-in-out infinite!important;
}
.fal-types-page .vip-service-list .vip-row.featured.is-targeted{
  border-color:#f0d58f!important;
  box-shadow:0 0 0 1px rgba(240,213,143,.40),0 0 30px rgba(232,195,109,.30),0 0 70px rgba(232,195,109,.14),0 22px 52px rgba(0,0,0,.34)!important;
}
@media(max-width:800px){
 .fal-types-page .vip-service-list .vip-row{grid-template-columns:1fr;padding:25px 22px;gap:18px}
 .fal-types-page .vip-service-list .vip-row-side{align-items:flex-start;gap:14px}
 .fal-types-page .vip-service-list .vip-row-side .actions{width:auto}
 .fal-types-page .vip-service-list .vip-row-side .btn{width:auto;min-width:175px}
 .fal-types-page .vip-service-list .vip-row .badge-top{position:static;display:inline-flex;margin-bottom:5px}
}

/* === 123: Kristal Kedi first-entry running loader === */
.kk-intro{position:fixed;inset:0;z-index:99999;display:none;overflow:hidden;background:
  radial-gradient(circle at 50% 45%,rgba(29,151,205,.16),transparent 34%),
  radial-gradient(circle at 50% 130%,rgba(71,221,244,.12),transparent 38%),
  linear-gradient(135deg,#020915 0%,#061427 50%,#020711 100%);color:#eefcff}
html.kk-intro-pending{overflow:hidden}
html.kk-intro-pending .kk-intro{display:block}
.kk-intro::before,.kk-intro::after{content:"";position:absolute;inset:-15%;pointer-events:none}
.kk-intro::before{background:linear-gradient(115deg,transparent 36%,rgba(76,211,238,.045) 48%,transparent 61%);animation:kkIntroSweep 1.35s linear both}
.kk-intro::after{background-image:linear-gradient(rgba(83,211,237,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(83,211,237,.02) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,black 35%,black 72%,transparent);opacity:.45}
.kk-intro-glow{position:absolute;left:50%;top:50%;width:min(64vw,760px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(55,205,240,.13),rgba(21,101,160,.04) 42%,transparent 68%);filter:blur(12px);animation:kkGlowPulse 1.25s ease-in-out infinite alternate}
.kk-intro-brand{position:absolute;left:50%;top:25%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;letter-spacing:.25em;text-transform:uppercase;opacity:0;animation:kkBrandIn .45s .12s ease-out forwards}
.kk-intro-brand span{font-family:Georgia,'Times New Roman',serif;font-size:clamp(17px,1.7vw,24px);font-weight:600;color:#f7fbff;text-shadow:0 0 18px rgba(77,218,244,.16)}
.kk-intro-brand small{font-size:9px;letter-spacing:.32em;color:#73dff4}
.kk-runway{position:absolute;left:0;right:0;top:46%;height:150px;transform:translateY(-50%)}
.kk-crystal-cat{position:absolute;left:-230px;top:10px;width:220px;height:120px;will-change:transform;animation:kkCatCross 1.42s linear .06s infinite}
.kk-crystal-cat svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 12px rgba(69,219,246,.33))}
.kk-crystal-cat .kk-leg{transform-box:fill-box;transform-origin:50% 0%;animation:kkLegRun .18s linear infinite alternate}
.kk-crystal-cat .kk-leg-2,.kk-crystal-cat .kk-leg-4{animation-delay:-.09s}
.kk-crystal-cat .kk-head{transform-box:fill-box;transform-origin:center;animation:kkHeadBob .18s ease-in-out infinite alternate}
.kk-crystal-cat .kk-tail{transform-box:fill-box;transform-origin:100% 50%;animation:kkTail .32s ease-in-out infinite alternate}
.kk-light-trail{position:absolute;left:-14%;top:78px;width:48%;height:2px;background:linear-gradient(90deg,transparent,rgba(89,227,250,.05),rgba(89,227,250,.62),transparent);filter:blur(.25px);opacity:0;animation:kkTrail 1.15s .15s ease-out forwards}
.kk-shard{position:absolute;width:7px;height:7px;background:#67e6fb;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);opacity:0;filter:drop-shadow(0 0 5px rgba(103,230,251,.65));animation:kkShard 1s ease-out infinite}
.kk-shard.s1{left:22px;top:72px;animation-delay:.1s}.kk-shard.s2{left:2px;top:52px;animation-delay:.25s;width:5px;height:5px}.kk-shard.s3{left:37px;top:95px;animation-delay:.42s;width:4px;height:4px}.kk-shard.s4{left:10px;top:92px;animation-delay:.58s;width:6px;height:6px}
.kk-intro-line{position:absolute;left:50%;bottom:22%;width:min(300px,54vw);height:1px;transform:translateX(-50%);background:rgba(113,219,239,.12);overflow:hidden}
.kk-intro-line span{display:block;width:42%;height:100%;background:linear-gradient(90deg,transparent,#d3b66c,#68def5,transparent);animation:kkLine 1.15s .1s linear infinite}
.kk-intro.kk-intro-leave{animation:kkIntroOut .34s ease forwards}
@keyframes kkCatCross{0%{transform:translate3d(0,8px,0) scale(.88);opacity:0}8%{opacity:1}48%{transform:translate3d(calc(50vw + 110px),-2px,0) scale(1)}82%{opacity:1}100%{transform:translate3d(calc(100vw + 330px),6px,0) scale(.9);opacity:0}}
@keyframes kkLegRun{from{transform:rotate(18deg) translateY(-1px)}to{transform:rotate(-22deg) translateY(2px)}}
@keyframes kkHeadBob{from{transform:translateY(-1px) rotate(-1deg)}to{transform:translateY(2px) rotate(1deg)}}
@keyframes kkTail{from{transform:rotate(-8deg)}to{transform:rotate(10deg)}}
@keyframes kkShard{0%{opacity:0;transform:translate(0,0) rotate(0) scale(.2)}24%{opacity:.9}100%{opacity:0;transform:translate(-38px,22px) rotate(150deg) scale(.8)}}
@keyframes kkTrail{0%{opacity:0;transform:translateX(0) scaleX(.5)}25%{opacity:.8}100%{opacity:0;transform:translateX(145vw) scaleX(1.4)}}
@keyframes kkLine{from{transform:translateX(-120%)}to{transform:translateX(340%)}}
@keyframes kkBrandIn{to{opacity:.9;transform:translateX(-50%) translateY(-2px)}}
@keyframes kkGlowPulse{from{opacity:.55;transform:translate(-50%,-50%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}
@keyframes kkIntroSweep{from{transform:translateX(-40%)}to{transform:translateX(40%)}}
@keyframes kkIntroOut{to{opacity:0;visibility:hidden}}
@media(max-width:700px){.kk-intro-brand{top:28%}.kk-runway{top:49%;transform:translateY(-50%) scale(.78);transform-origin:center}.kk-intro-line{bottom:24%}}
@media(prefers-reduced-motion:reduce){.kk-crystal-cat{animation:kkCatCross 1.4s linear .03s infinite}.kk-crystal-cat .kk-leg,.kk-crystal-cat .kk-head,.kk-crystal-cat .kk-tail,.kk-shard{animation:none}.kk-intro::before,.kk-intro-line span{animation:none}}

/* 124: when real loading completes, the cat finishes with a subtle burst before reveal */
.kk-intro.kk-intro-ready .kk-crystal-cat{animation-duration:.95s}
.kk-intro.kk-intro-ready .kk-intro-glow{filter:blur(8px);opacity:1}

/* ============================================================
   126 | Fal Rehberi — visibly rebuilt premium card shell
   ============================================================ */
#fal-rehberi .grid-3{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:28px !important;
}
#fal-rehberi .blog-card{
  position:relative !important;
  overflow:hidden !important;
  min-height:425px !important;
  border-radius:28px !important;
  border:1.5px solid rgba(226,191,106,.95) !important;
  background:
    radial-gradient(circle at 15% 0%,rgba(59,179,231,.10),transparent 36%),
    linear-gradient(180deg,#0a1c37 0%,#07172f 48%,#06152b 100%) !important;
  box-shadow:
    0 24px 58px rgba(1,10,29,.30),
    0 0 0 1px rgba(76,194,240,.08),
    inset 0 1px 0 rgba(255,255,255,.09) !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
  transition:transform .45s cubic-bezier(.2,.75,.2,1),box-shadow .45s ease,border-color .45s ease !important;
}
#fal-rehberi .blog-card::before{
  content:"" !important;
  position:absolute !important;
  inset:10px !important;
  border-radius:20px !important;
  border:1px solid rgba(112,205,241,.25) !important;
  pointer-events:none !important;
  z-index:8 !important;
}
#fal-rehberi .blog-card::after{
  content:"" !important;
  position:absolute !important;
  top:-80% !important;
  left:-58% !important;
  width:32% !important;
  height:260% !important;
  transform:rotate(18deg) !important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.20),rgba(232,199,118,.10),transparent) !important;
  opacity:0 !important;
  pointer-events:none !important;
  z-index:10 !important;
  transition:left .9s cubic-bezier(.2,.72,.2,1),opacity .2s ease !important;
}
#fal-rehberi .blog-card:hover{
  transform:translateY(-9px) scale(1.012) !important;
  border-color:#e8c979 !important;
  box-shadow:0 34px 72px rgba(0,8,25,.38),0 0 26px rgba(73,205,241,.11),0 0 20px rgba(232,201,121,.11),inset 0 1px 0 rgba(255,255,255,.12) !important;
}
#fal-rehberi .blog-card:hover::after{left:135% !important;opacity:1 !important;}
#fal-rehberi .blog-card .thumb{
  display:block !important;
  position:relative !important;
  height:238px !important;
  aspect-ratio:auto !important;
  margin:11px 11px 0 !important;
  overflow:hidden !important;
  border-radius:19px !important;
  border:1px solid rgba(122,205,238,.24) !important;
  background:#0b2848 !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025) !important;
}
#fal-rehberi .blog-card .thumb::after{
  content:"" !important;
  position:absolute !important;
  inset:auto 0 0 0 !important;
  height:32% !important;
  background:linear-gradient(180deg,transparent,rgba(7,23,47,.22) 38%,rgba(7,23,47,.95) 100%) !important;
  pointer-events:none !important;
}
#fal-rehberi .blog-card .thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  filter:saturate(.97) contrast(1.05) brightness(.93) !important;
  transition:transform .75s cubic-bezier(.2,.75,.2,1),filter .55s ease !important;
}
#fal-rehberi .blog-card:hover .thumb img{
  transform:scale(1.065) !important;
  filter:saturate(1.03) contrast(1.06) brightness(1) !important;
}
#fal-rehberi .blog-card .body{
  position:relative !important;
  z-index:6 !important;
  padding:22px 24px 26px !important;
  min-height:176px !important;
  display:flex !important;
  flex-direction:column !important;
  background:linear-gradient(180deg,rgba(5,18,38,.06),rgba(5,18,38,.52)) !important;
}
#fal-rehberi .blog-card .cat{
  display:inline-flex !important;
  width:max-content !important;
  align-items:center !important;
  gap:9px !important;
  color:#e6c675 !important;
  font-size:10.5px !important;
  font-weight:800 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
}
#fal-rehberi .blog-card .cat::before{
  content:"" !important;
  width:18px !important;
  height:1px !important;
  background:linear-gradient(90deg,#e6c675,rgba(230,198,117,.12)) !important;
}
#fal-rehberi .blog-card h3{
  margin:13px 0 0 !important;
  font-size:22px !important;
  line-height:1.32 !important;
  font-weight:700 !important;
}
#fal-rehberi .blog-card h3 a{color:#f8fbff !important;text-shadow:none !important;}
#fal-rehberi .blog-card .read{
  margin-top:auto !important;
  padding-top:21px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  color:#4fd0f3 !important;
  font-size:12.5px !important;
  font-weight:800 !important;
}
#fal-rehberi .blog-card .read svg{color:#e6c675 !important;}
#fal-rehberi .blog-card:hover .read{color:#8ee8ff !important;}
@media(max-width:900px){
  #fal-rehberi .grid-3{grid-template-columns:1fr !important;gap:20px !important;}
  #fal-rehberi .blog-card{min-height:auto !important;}
  #fal-rehberi .blog-card .thumb{height:220px !important;}
}

/* 127 — Fal Çeşitleri: sayfa içinde tıklanan fal aktif kristal glow alır */
body:has(.service-card[data-service-target]) .service-card[data-service-target] {
  cursor: pointer;
}
body:has(.service-card[data-service-target]) .service-card[data-service-target]:focus-visible {
  outline: 2px solid rgba(111, 220, 255, .9);
  outline-offset: 4px;
}


/* ============================================================
   128 | Fal Rehberi sayfası — ana sayfadaki premium rehber kartlarıyla aynı dil
   ============================================================ */
#fal-rehberi-page .grid-3{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:26px !important;
}
#fal-rehberi-page .blog-card{
  position:relative !important;
  overflow:hidden !important;
  min-height:402px !important;
  border-radius:26px !important;
  border:0.5px solid rgba(224,189,103,.62) !important;
  background:linear-gradient(180deg,#091a35 0%,#07162d 100%) !important;
  box-shadow:0 22px 52px rgba(1,10,29,.28),inset 0 1px 0 rgba(255,255,255,.055) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
  transition:transform .42s cubic-bezier(.2,.75,.2,1),border-color .35s ease,box-shadow .35s ease !important;
}
#fal-rehberi-page .blog-card::before{
  content:"" !important;
  position:absolute !important;
  inset:9px !important;
  border-radius:19px !important;
  border:1px solid rgba(96,190,232,.24) !important;
  pointer-events:none !important;
  z-index:7 !important;
}
#fal-rehberi-page .blog-card::after{
  content:"" !important;
  position:absolute !important;
  top:-80% !important;
  left:-48% !important;
  width:28% !important;
  height:260% !important;
  transform:rotate(17deg) !important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.17),rgba(232,199,118,.08),transparent) !important;
  opacity:0 !important;
  pointer-events:none !important;
  z-index:9 !important;
  transition:left .85s cubic-bezier(.2,.72,.2,1),opacity .2s ease !important;
}
#fal-rehberi-page .blog-card:hover{
  transform:translateY(-7px) scale(1.008) !important;
  border-color:rgba(232,201,121,.96) !important;
  box-shadow:0 30px 65px rgba(0,8,25,.36),0 0 22px rgba(74,203,241,.10),0 0 18px rgba(232,201,121,.09) !important;
}
#fal-rehberi-page .blog-card:hover::after{left:132% !important;opacity:1 !important;}
#fal-rehberi-page .blog-card .thumb{
  display:block !important;
  position:relative !important;
  height:212px !important;
  aspect-ratio:auto !important;
  margin:10px 10px 0 !important;
  overflow:hidden !important;
  border-radius:18px !important;
  border:1px solid rgba(105,199,238,.22) !important;
  background:#0b2848 !important;
}
#fal-rehberi-page .blog-card .thumb::after{
  content:"" !important;
  position:absolute !important;
  inset:auto 0 0 0 !important;
  height:34% !important;
  background:linear-gradient(180deg,transparent,rgba(6,20,42,.34) 45%,rgba(6,20,42,.92) 100%) !important;
  pointer-events:none !important;
}
#fal-rehberi-page .blog-card .thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  filter:saturate(.96) contrast(1.04) brightness(.93) !important;
  transition:transform .72s cubic-bezier(.2,.75,.2,1),filter .5s ease !important;
}
#fal-rehberi-page .blog-card:hover .thumb img{
  transform:scale(1.055) !important;
  filter:saturate(1.02) contrast(1.05) brightness(1) !important;
}
#fal-rehberi-page .blog-card .body{
  position:relative !important;
  z-index:5 !important;
  min-height:178px !important;
  padding:22px 24px 24px !important;
  display:flex !important;
  flex-direction:column !important;
  background:transparent !important;
}
#fal-rehberi-page .blog-card .cat{
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  width:max-content !important;
  color:#e4c46f !important;
  font-size:10.5px !important;
  font-weight:800 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}
#fal-rehberi-page .blog-card .cat::before{
  content:"" !important;
  width:17px !important;
  height:1px !important;
  background:linear-gradient(90deg,#e4c46f,rgba(228,196,111,.12)) !important;
}
#fal-rehberi-page .blog-card h3{
  margin:13px 0 0 !important;
  font-size:21px !important;
  line-height:1.34 !important;
  font-weight:700 !important;
  color:#f7fbff !important;
}
#fal-rehberi-page .blog-card .body > p{
  display:none !important;
}
#fal-rehberi-page .blog-card .read{
  margin-top:auto !important;
  padding-top:22px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  color:#50d2f3 !important;
  font-size:12.5px !important;
  font-weight:800 !important;
}
#fal-rehberi-page .blog-card .read svg{color:#e6c675 !important;}
#fal-rehberi-page .blog-card:hover .read{color:#8fe9ff !important;}

@media(max-width:900px){
  #fal-rehberi-page .grid-3{grid-template-columns:1fr !important;gap:20px !important;}
  #fal-rehberi-page .blog-card{min-height:auto !important;}
  #fal-rehberi-page .blog-card .thumb{height:220px !important;}
  #fal-rehberi-page .blog-card .body{min-height:165px !important;}
}

/* ============================================================
   130 | Fal Rehberi gold kontür — daha ince ve iki alanda eşit
   ============================================================ */
#fal-rehberi .blog-card,
#fal-rehberi-page .blog-card{
  border:0.35px solid rgba(224,189,103,.58) !important;
}
#fal-rehberi .blog-card:hover,
#fal-rehberi-page .blog-card:hover{
  border-color:rgba(235,205,130,.82) !important;
}


/* 135 — Yasal Bilgilendirme: loader sonrası 1 sn, kabul/red kapısı */
.legal-notice-overlay{
  position:fixed;inset:0;z-index:12050;display:flex;align-items:center;justify-content:center;
  padding:24px;background:rgba(2,10,26,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease;
}
.legal-notice-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto;}
.legal-notice-card{
  position:relative;overflow:hidden;width:min(680px,100%);padding:34px 38px 32px;border-radius:28px;
  border:1px solid rgba(228,196,111,.72);
  background:linear-gradient(145deg,rgba(8,27,55,.97),rgba(4,17,39,.985));
  box-shadow:0 34px 90px rgba(0,5,20,.52),0 0 42px rgba(76,205,244,.10),inset 0 1px 0 rgba(255,255,255,.08);
  transform:translateY(18px) scale(.985);transition:transform .42s cubic-bezier(.2,.78,.2,1);
}
.legal-notice-overlay.is-open .legal-notice-card{transform:translateY(0) scale(1);}
.legal-notice-card::before{content:"";position:absolute;inset:9px;border:1px solid rgba(83,202,239,.17);border-radius:20px;pointer-events:none;}
.legal-notice-glow{position:absolute;right:-110px;top:-130px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(75,211,247,.16),transparent 68%);pointer-events:none;}
.legal-notice-kicker{position:relative;display:block;margin-bottom:10px;color:#e3c16c;font-size:10px;font-weight:800;letter-spacing:.18em;}
.legal-notice-card h2{position:relative;margin:0 0 22px;color:#f7fbff;font-size:clamp(25px,3vw,34px);line-height:1.12;letter-spacing:.02em;}
.legal-notice-copy{position:relative;color:rgba(234,244,255,.82);font-size:14px;line-height:1.72;}
.legal-notice-copy p{margin:0 0 13px;}
.legal-notice-copy strong{color:#fff;font-weight:700;}
.legal-notice-accept{
  position:relative;margin-top:12px;min-height:48px;padding:0 24px;border-radius:999px;
  border:1px solid rgba(229,196,111,.82);background:linear-gradient(135deg,rgba(224,188,99,.16),rgba(58,191,230,.10));
  color:#f8e5ae;font:inherit;font-size:12px;font-weight:800;letter-spacing:.08em;cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
}
.legal-notice-accept span{display:inline-block;margin-left:9px;transition:transform .25s ease;}
.legal-notice-accept:hover{transform:translateY(-2px);background:linear-gradient(135deg,rgba(224,188,99,.24),rgba(58,191,230,.14));box-shadow:0 10px 30px rgba(0,0,0,.22),0 0 20px rgba(229,196,111,.10);}
.legal-notice-accept:hover span{transform:translateX(4px);}
.legal-notice-accept:focus-visible{outline:2px solid #74ddf7;outline-offset:4px;}
body.legal-notice-open{overflow:hidden;}
@media(max-width:600px){
  .legal-notice-overlay{padding:15px;}
  .legal-notice-card{padding:28px 24px 24px;border-radius:23px;}
  .legal-notice-copy{font-size:13px;line-height:1.62;}
  .legal-notice-copy p{margin-bottom:11px;}
  .legal-notice-accept{width:100%;}
}


/* 135 — yasal bilgilendirme aksiyonları ve reddetme kilidi */
.legal-notice-actions{position:relative;display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;}
.legal-notice-actions .legal-notice-accept{margin-top:0;}
.legal-notice-reject{
  min-height:48px;padding:0 22px;border-radius:999px;border:1px solid rgba(194,211,229,.36);
  background:rgba(255,255,255,.035);color:rgba(226,237,247,.82);font:inherit;font-size:12px;font-weight:800;
  letter-spacing:.08em;cursor:pointer;transition:transform .25s ease,border-color .25s ease,background .25s ease,color .25s ease;
}
.legal-notice-reject:hover{transform:translateY(-2px);border-color:rgba(229,196,111,.48);background:rgba(229,196,111,.06);color:#fff;}
.legal-notice-reject:focus-visible{outline:2px solid #74ddf7;outline-offset:4px;}
.legal-denied-card{
  display:none;position:relative;width:min(560px,100%);padding:38px 40px;border-radius:28px;text-align:center;
  border:1px solid rgba(228,196,111,.68);background:linear-gradient(145deg,rgba(7,23,48,.985),rgba(3,14,32,.995));
  box-shadow:0 34px 90px rgba(0,5,20,.58),0 0 38px rgba(76,205,244,.08),inset 0 1px 0 rgba(255,255,255,.07);
}
.legal-notice-overlay.is-rejected .legal-notice-card{display:none;}
.legal-notice-overlay.is-rejected .legal-denied-card{display:block;}
.legal-denied-card::before{content:"";position:absolute;inset:9px;border:1px solid rgba(83,202,239,.14);border-radius:20px;pointer-events:none;}
.legal-denied-card h2{position:relative;margin:0 0 16px;color:#f7fbff;font-size:clamp(25px,3vw,34px);line-height:1.12;letter-spacing:.02em;}
.legal-denied-card p{position:relative;margin:0;color:rgba(234,244,255,.82);font-size:14px;line-height:1.7;}
.legal-denied-card .legal-denied-note{margin-top:8px;color:rgba(193,211,229,.58);font-size:12px;}
@media(max-width:600px){
  .legal-notice-actions{flex-direction:column-reverse;align-items:stretch;}
  .legal-notice-reject,.legal-notice-actions .legal-notice-accept{width:100%;}
  .legal-denied-card{padding:30px 24px;}
}

/* 136 — Yasal bilgilendirme: kabul ve reddet seçenekleri eşit ağırlıkta */
.legal-notice-actions{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px;
  width:100%;
}
.legal-notice-actions .legal-notice-reject,
.legal-notice-actions .legal-notice-accept{
  width:100%;
  min-width:0;
  min-height:50px;
  margin-top:0;
  padding:0 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
@media(max-width:600px){
  .legal-notice-actions{grid-template-columns:1fr;}
  .legal-notice-actions .legal-notice-reject,
  .legal-notice-actions .legal-notice-accept{min-height:50px;}
}

/* 137 — Falcılar section readability on the light crystal background */
#falcilar.theme-light .section-head .eyebrow,
#falcilar .section-head .eyebrow {
  color: #0b79ad !important;
  font-weight: 700 !important;
  letter-spacing: .16em;
  text-shadow: 0 1px 10px rgba(255,255,255,.72);
}
#falcilar.theme-light .section-title,
#falcilar .section-title {
  color: #071f3e !important;
  text-shadow: 0 1px 14px rgba(255,255,255,.58);
}
#falcilar.theme-light .section-title em,
#falcilar .section-title em {
  color: #19bfe8 !important;
  text-shadow: 0 1px 12px rgba(255,255,255,.58), 0 0 12px rgba(25,191,232,.16);
}
#falcilar.theme-light .section-desc,
#falcilar .section-desc {
  color: #18334f !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 10px rgba(255,255,255,.5);
}

/* v138 — Falcilar light-section contrast fix */
#falcilar .eyebrow{
  color:#07527a !important;
  font-weight:800;
  text-shadow:none !important;
}
#falcilar .section-title,
#falcilar .section-title em{
  color:#03162f !important;
  -webkit-text-fill-color:#03162f !important;
  text-shadow:none !important;
}
#falcilar .section-desc{
  color:#102a48 !important;
  font-weight:650 !important;
  text-shadow:none !important;
  opacity:1 !important;
}

/* ========================================================================== */
/* MOBILE HERO / HEADER — v141: 138 desktop untouched, mobile-first redesign */
/* ========================================================================== */
@media (max-width: 760px) {
  /* Header: compact luxury glass bar */
  .site-header {
    padding: 10px 0 !important;
    background: rgba(5, 9, 20, .74) !important;
    border-bottom: 1px solid rgba(224, 195, 130, .14) !important;
    box-shadow: 0 12px 36px rgba(0,0,0,.20) !important;
    backdrop-filter: blur(22px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(145%) !important;
  }
  .site-header .container {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    min-height: 48px;
    padding: 0 4px !important;
    gap: 8px !important;
  }
  .brand { gap: 9px !important; min-width: 0; }
  .brand img { width: 38px !important; height: 38px !important; object-fit: contain; }
  .brand-text .name { font-size: 16px !important; line-height: 1 !important; white-space: nowrap; }
  .brand-text .tag { display: block !important; margin-top: 4px; font-size: 8px !important; letter-spacing: .12em !important; color: rgba(226,235,248,.56) !important; }
  .header-actions { gap: 8px !important; }
  .header-cta {
    width: 42px !important; height: 42px !important; min-width: 42px !important;
    padding: 0 !important; border-radius: 14px !important;
    border: 1px solid rgba(84, 231, 140, .35) !important;
    background: linear-gradient(145deg, rgba(39,191,96,.28), rgba(18,113,57,.18)) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.08), 0 8px 22px rgba(0,0,0,.20) !important;
  }
  .header-cta .lbl { display: none !important; }
  .header-cta svg { width: 19px !important; height: 19px !important; color: #73e69a !important; }
  .nav-toggle {
    width: 42px !important; height: 42px !important; border-radius: 14px !important;
    border-color: rgba(132,214,245,.24) !important;
    background: rgba(18,28,53,.54) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.07) !important;
  }
  .nav-toggle svg { width: 20px; height: 20px; }
  .main-nav {
    width: min(330px, 88vw) !important;
    padding: 92px 26px 34px !important;
    gap: 8px !important;
    background:
      radial-gradient(circle at 90% 5%, rgba(61,177,224,.12), transparent 30%),
      linear-gradient(180deg, rgba(8,15,32,.98), rgba(4,8,18,.99)) !important;
    border-left: 1px solid rgba(225,194,126,.18) !important;
    box-shadow: -28px 0 80px rgba(0,0,0,.46) !important;
  }
  .main-nav a {
    width: 100%; padding: 13px 4px !important;
    font-size: 15px !important; color: rgba(241,246,255,.84) !important;
    border-bottom: 1px solid rgba(255,255,255,.055);
  }

  /* Hero becomes a deliberately composed mobile experience, not a squeezed desktop */
  .hero {
    padding: 108px 0 56px !important;
    min-height: auto !important;
    background-position: 50% center !important;
  }
  .hero::after {
    content: '';
    position: absolute; inset: 72px 0 auto 0; height: 430px; pointer-events: none;
    background: radial-gradient(ellipse at 50% 16%, rgba(79,191,233,.11), transparent 60%);
    z-index: 1;
  }
  .hero > .container.hero-grid {
    width: calc(100% - 30px) !important;
    max-width: 470px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 30px !important;
  }
  .hero-copy {
    width: 100% !important;
    max-width: none !important;
    text-align: center !important;
    display: flex; flex-direction: column; align-items: center;
  }
  .hero-badge {
    margin: 0 auto 20px !important;
    padding: 7px 13px 7px 7px !important;
    gap: 8px !important;
    font-size: 10px !important;
    letter-spacing: .055em !important;
    background: rgba(10,18,37,.38) !important;
    border-color: rgba(226,195,127,.42) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.055) !important;
    transform: none !important;
  }
  .hero-badge img { width: 25px !important; height: 25px !important; }
  .hero h1 {
    max-width: 390px !important;
    margin: 0 auto !important;
    font-size: clamp(39px, 11.2vw, 52px) !important;
    line-height: 1.025 !important;
    letter-spacing: -.035em !important;
    text-wrap: balance;
  }
  .hero h1 br { display: none; }
  .hero h1 em {
    display: block;
    margin-top: 4px;
    color: #78d5f2 !important;
    text-shadow: 0 0 26px rgba(94,199,239,.12);
  }
  .hero-extra-line {
    display: flex !important;
    width: fit-content !important;
    max-width: 350px !important;
    margin: 18px auto 0 !important;
    padding: 0 !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    color: rgba(228,237,248,.78) !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  .hero-extra-line::before,
  .hero-extra-line::after { display: none !important; }
  .hero-extra-mark {
    width: 20px !important; height: 20px !important; flex: 0 0 20px !important;
    display: inline-flex !important; align-items: center; justify-content: center;
    font-size: 9px !important; color: #e4c77f !important;
    border: 1px solid rgba(228,199,127,.34); border-radius: 50%;
    background: rgba(228,199,127,.055);
  }
  .hero-extra-line strong { color: #e6c980 !important; font-weight: 650 !important; }
  .hero-desc {
    max-width: 365px !important;
    margin: 20px auto 0 !important;
    padding: 0 !important;
    font-size: 14.5px !important;
    line-height: 1.68 !important;
    color: rgba(220,229,242,.72) !important;
  }
  .hero-desc::before { display: none !important; }

  /* Voice service is a compact premium assurance card */
  .voice-service-highlight {
    order: 4;
    width: 100% !important;
    max-width: 390px !important;
    margin: 22px auto 0 !important;
    padding: 13px 14px !important;
    border-radius: 16px !important;
    text-align: left !important;
    background: linear-gradient(145deg, rgba(12,25,50,.68), rgba(10,17,34,.50)) !important;
    border: 1px solid rgba(113,205,239,.20) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.055), 0 14px 36px rgba(0,0,0,.18) !important;
    backdrop-filter: blur(12px);
  }
  .voice-service-highlight .voice-icon { flex: 0 0 34px !important; width: 34px !important; height: 34px !important; }
  .voice-service-highlight > span:last-child { font-size: 11.5px !important; line-height: 1.5 !important; color: rgba(225,235,247,.72) !important; }
  .voice-service-highlight strong { color: #f3f6fb !important; }

  /* CTAs: deliberate 2+1 mobile hierarchy */
  .hero-ctas {
    width: 100% !important;
    max-width: 390px !important;
    margin: 22px auto 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 9px !important;
  }
  .hero-ctas .btn {
    min-height: 45px !important;
    width: 100% !important;
    justify-content: center !important;
    padding: 10px 12px !important;
    border-radius: 13px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    white-space: nowrap;
  }
  .hero-ctas .btn-outline {
    background: rgba(8,20,43,.45) !important;
    border: 1px solid rgba(105,205,239,.27) !important;
    color: #dcebf7 !important;
  }
  .hero-ctas .btn-prices {
    border-color: rgba(228,195,119,.33) !important;
    color: #ead394 !important;
    background: rgba(207,174,99,.055) !important;
  }
  .hero-ctas .btn-primary {
    grid-column: 1 / -1 !important;
    min-height: 48px !important;
    background: linear-gradient(135deg, #239f57, #166a3b) !important;
    border: 1px solid rgba(126,236,166,.36) !important;
    box-shadow: 0 12px 28px rgba(18,105,58,.20), inset 0 1px rgba(255,255,255,.12) !important;
    color: #f6fff9 !important;
  }

  /* Trust chips: small, balanced and non-wrapping mess */
  .hero-trust.pills {
    width: 100% !important;
    max-width: 390px !important;
    margin: 14px auto 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }
  .hero-trust.pills .pill {
    min-height: 38px;
    padding: 8px 12px !important;
    justify-content: flex-start !important;
    border-radius: 12px !important;
    background: rgba(12,23,47,.30) !important;
    border-color: rgba(124,207,239,.15) !important;
  }
  .hero-trust.pills .pill span { font-size: 10px !important; color: rgba(221,232,245,.68) !important; }
  .hero-trust.pills .pill svg { width: 13px !important; height: 13px !important; }

  /* Mobile visual: a clean in-flow brand showcase */
  .hero-visual {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    position: relative !important;
    padding: 0 0 4px !important;
    margin: 0 auto !important;
  }
  .hero-visual::before {
    content: '';
    position: absolute;
    left: 50%; top: 36px; transform: translateX(-50%);
    width: 290px; height: 290px; border-radius: 50%;
    background: radial-gradient(circle, rgba(82,192,235,.13), rgba(23,89,130,.045) 47%, transparent 72%);
    filter: blur(2px); pointer-events: none;
  }
  .cat-atmos {
    position: relative !important;
    inset: auto !important;
    width: min(350px, 92vw) !important;
    height: min(350px, 92vw) !important;
    margin: 0 auto -24px !important;
    z-index: 1 !important;
    -webkit-mask-image: radial-gradient(ellipse 48% 49% at 50% 47%, #000 15%, rgba(0,0,0,.88) 52%, rgba(0,0,0,.30) 77%, transparent 96%) !important;
    mask-image: radial-gradient(ellipse 48% 49% at 50% 47%, #000 15%, rgba(0,0,0,.88) 52%, rgba(0,0,0,.30) 77%, transparent 96%) !important;
  }
  .cat-atmos img {
    object-fit: cover !important;
    opacity: .70 !important;
    filter: saturate(.82) brightness(.94) contrast(1.03) !important;
  }

  /* Shop capsule sits below the cat, never over its face */
  .shop-panel-float.shop-capsule-visual {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    min-height: 88px !important;
    margin: 0 auto 16px !important;
    padding: 13px 14px 12px 72px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background: linear-gradient(145deg, rgba(8,18,38,.74), rgba(10,16,31,.58)) !important;
    border: 1px solid rgba(228,194,119,.30) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.06), 0 16px 36px rgba(0,0,0,.22) !important;
    backdrop-filter: blur(16px) saturate(130%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(130%) !important;
  }
  .shop-capsule-visual .shop-capsule-icon {
    position: absolute !important; left: 13px !important; top: 50% !important; transform: translateY(-50%) !important;
    width: 48px !important; height: 48px !important; display: flex; align-items: center; justify-content: center;
  }
  .shop-capsule-visual .shop-capsule-icon img { width: 48px !important; height: 48px !important; object-fit: contain !important; }
  .shop-capsule-visual .shop-capsule-copy { padding: 0 80px 0 0 !important; position: relative; z-index: 3; }
  .shop-capsule-visual .shop-capsule-title { font-size: 15px !important; line-height: 1.15 !important; color: #f3f4f8 !important; }
  .shop-capsule-visual .shop-capsule-meta { margin-top: 5px !important; font-size: 8.5px !important; letter-spacing: .02em !important; color: rgba(222,231,241,.68) !important; }
  .shop-capsule-visual .shop-capsule-go {
    position: absolute !important; left: auto !important; right: 13px !important; bottom: 14px !important;
    margin: 0 !important; font-size: 8px !important; letter-spacing: .08em !important;
    color: #e5c77e !important; white-space: nowrap;
  }
  .shop-capsule-visual .shop-capsule-stones {
    display: block !important; position: absolute !important; right: -12px !important; top: -10px !important;
    width: 92px !important; height: 92px !important; opacity: .22 !important; pointer-events: none;
  }
  .shop-capsule-visual .shop-capsule-stones img { width: 64px !important; height: 64px !important; border-radius: 50% !important; object-fit: cover !important; filter: saturate(.78) contrast(1.08); }
  .shop-capsule-visual .shop-capsule-stones img:first-child { position: absolute !important; right: 28px !important; top: 0 !important; }
  .shop-capsule-visual .shop-capsule-stones img:last-child { position: absolute !important; right: -8px !important; bottom: -12px !important; }

  /* Three preview portraits become a calm horizontal mobile rail */
  .hero-visual .rcard-field {
    position: relative !important;
    inset: auto !important;
    z-index: 3 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 0 !important;
  }
  .hero-visual .rcard {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: 154px !important;
    min-height: 154px !important;
    transform: none !important;
    border-radius: 16px !important;
    border: 1px solid rgba(226,195,128,.27) !important;
    background: rgba(8,14,28,.60) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.055) !important;
    overflow: hidden !important;
  }
  .hero-visual .rcard .thumb { position: absolute !important; inset: 0 !important; height: 100% !important; }
  .hero-visual .rcard .thumb img { object-position: center 25%; }
  .hero-visual .rcard .thumb::after { background: linear-gradient(0deg, rgba(4,8,18,.92) 0%, rgba(5,9,19,.25) 54%, transparent 78%) !important; }
  .hero-visual .rcard .body {
    position: absolute !important; left: 10px !important; right: 10px !important; bottom: 10px !important;
    padding: 0 !important; z-index: 3 !important;
  }
  .hero-visual .rcard .name { font-size: 14px !important; line-height: 1 !important; }
  .hero-visual .rcard .role { margin-top: 4px !important; font-size: 7.5px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .hero-visual .rcard .play {
    top: 9px !important; right: 9px !important;
    width: 26px !important; height: 26px !important;
    background: rgba(7,17,33,.72) !important;
    border: 1px solid rgba(228,194,119,.45) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.25) !important;
  }
  .hero-visual .rcard .play svg { width: 10px !important; height: 10px !important; color: #e7cc8b !important; }

  /* Keep the next section visually separate from hero */
  .hero + .container { position: relative; z-index: 2; }
}

@media (max-width: 390px) {
  .site-header .container { width: calc(100% - 18px) !important; }
  .brand-text .name { font-size: 15px !important; }
  .brand-text .tag { font-size: 7.5px !important; }
  .hero > .container.hero-grid { width: calc(100% - 24px) !important; }
  .hero h1 { font-size: 40px !important; }
  .hero-ctas .btn { font-size: 10px !important; padding-left: 8px !important; padding-right: 8px !important; }
  .hero-visual .rcard { height: 146px !important; min-height: 146px !important; }
  .hero-visual .rcard .name { font-size: 13px !important; }
}

/* ============================================================
   V142 — MOBILE REFINEMENT
   - compact, premium mobile rails instead of one huge card per row
   - mobile background keeps aspect ratio and no longer tears/stretchs
   - desktop (>760px) remains untouched
   ============================================================ */
@media (max-width: 760px) {
  /* Stable full-length crystal canvas: preserve aspect ratio, no size pumping */
  .kk-canvas {
    isolation: isolate;
    overflow: hidden;
    background-color: #07172d !important;
    background-image: url('../images/backgrounds/kk-duotone-full.jpg') !important;
    background-size: auto 100% !important;
    background-repeat: no-repeat !important;
    background-position: 50% 0 !important;
    animation: kkMobileCrystalPan 28s ease-in-out infinite !important;
    will-change: background-position;
  }
  @keyframes kkMobileCrystalPan {
    0%,100% { background-position: 47% 0; }
    50% { background-position: 53% 0; }
  }
  .kk-canvas::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
      radial-gradient(circle at 18% 12%, rgba(86,197,235,.10), transparent 26%),
      radial-gradient(circle at 82% 45%, rgba(72,105,211,.08), transparent 30%),
      linear-gradient(180deg, rgba(4,15,34,.02), rgba(4,16,34,.10));
    animation: kkMobileLightDrift 18s ease-in-out infinite alternate;
  }
  @keyframes kkMobileLightDrift {
    from { transform: translate3d(-2%,0,0); opacity: .72; }
    to { transform: translate3d(2%,0,0); opacity: 1; }
  }
  .kk-canvas > * { position: relative; z-index: 1; }
  #falcilar, #fal-cesitleri, #vip-secim, #nasil-calisir, #yorumlar,
  #magaza, #instagram, #fal-rehberi, #sss, #final-cta {
    animation: none !important;
    background: transparent !important;
  }

  /* Keep mobile sections breathing without becoming endless */
  .kk-canvas .section { padding-top: 58px !important; padding-bottom: 58px !important; }
  .kk-canvas .section-head { margin-bottom: 24px !important; }
  .kk-canvas .section-title { font-size: clamp(31px, 9vw, 40px) !important; line-height: 1.04 !important; }
  .kk-canvas .section-desc { font-size: 13.5px !important; line-height: 1.62 !important; max-width: 94% !important; }

  /* FALCILAR — two compact portrait cards visible at once, swipe for the rest */
  #falcilar .grid-4 {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 11px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    padding: 4px 2px 14px !important;
    margin-right: -14px !important;
    scrollbar-width: none;
  }
  #falcilar .grid-4::-webkit-scrollbar { display: none; }
  #falcilar .reader-card {
    flex: 0 0 calc((100vw - 47px) / 2) !important;
    width: calc((100vw - 47px) / 2) !important;
    min-width: 0 !important;
    min-height: 322px !important;
    height: 322px !important;
    border-radius: 20px !important;
    scroll-snap-align: start;
    border: 1px solid rgba(225,194,126,.34) !important;
    background: rgba(5,17,35,.70) !important;
    box-shadow: 0 14px 34px rgba(0,7,22,.24), inset 0 1px 0 rgba(255,255,255,.055) !important;
    transform: none !important;
  }
  #falcilar .reader-card::after { inset: 7px !important; border-radius: 14px !important; opacity: .74 !important; }
  #falcilar .reader-card .photo img { object-position: center 18% !important; }
  #falcilar .reader-card .body {
    left: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    padding: 74px 9px 9px !important;
    border-radius: 15px !important;
    background: linear-gradient(180deg, transparent 0%, rgba(3,12,27,.70) 26%, rgba(3,12,27,.94) 62%, rgba(3,12,27,.98) 100%) !important;
  }
  #falcilar .reader-card .name { font-size: 20px !important; line-height: 1 !important; }
  #falcilar .reader-card .role {
    margin-top: 5px !important;
    font-size: 7.2px !important;
    line-height: 1.25 !important;
    letter-spacing: .045em !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #falcilar .reader-card .chips {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 3px !important;
    margin-top: 8px !important;
    overflow: hidden;
  }
  #falcilar .reader-card .chip {
    flex: 0 0 auto;
    padding: 3px 5px !important;
    font-size: 6.8px !important;
    border-radius: 999px !important;
  }
  #falcilar .reader-card .links {
    margin-top: 8px !important;
    padding-top: 7px !important;
    gap: 4px !important;
  }
  #falcilar .reader-card .links a {
    font-size: 7.5px !important;
    line-height: 1.2 !important;
    white-space: nowrap;
  }
  #falcilar .reader-card .cta {
    min-height: 34px !important;
    margin-top: 8px !important;
    padding: 7px 6px !important;
    border-radius: 10px !important;
    font-size: 8.5px !important;
  }
  #falcilar .reader-card .wa-icon { width: 12px !important; height: 12px !important; }
  #falcilar .reader-play {
    width: 42px !important;
    height: 42px !important;
    top: 34% !important;
    border-width: 1px !important;
  }
  #falcilar .reader-play svg { width: 15px !important; height: 15px !important; }

  /* Fal types: swipeable premium service deck instead of nine full-width blocks */
  #fal-cesitleri .grid-3 {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 12px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 4px 2px 14px !important;
    margin-right: -14px !important;
    scrollbar-width: none;
  }
  #fal-cesitleri .grid-3::-webkit-scrollbar { display: none; }
  #fal-cesitleri .service-card {
    flex: 0 0 min(78vw, 300px) !important;
    min-height: 292px !important;
    scroll-snap-align: start;
    border-radius: 20px !important;
    padding: 20px 18px !important;
    background: linear-gradient(150deg, rgba(5,18,38,.82), rgba(7,18,36,.64)) !important;
    border: 1px solid rgba(111,205,238,.24) !important;
    box-shadow: 0 16px 36px rgba(0,8,24,.22), inset 0 1px rgba(255,255,255,.055) !important;
    backdrop-filter: blur(14px);
  }
  #fal-cesitleri .service-card h3 { font-size: 23px !important; }
  #fal-cesitleri .service-card .price { font-size: 24px !important; }
  #fal-cesitleri .service-card .desc { font-size: 12.5px !important; line-height: 1.55 !important; min-height: 58px; }
  #fal-cesitleri .service-card .actions { margin-top: 16px !important; gap: 7px !important; }
  #fal-cesitleri .service-card .actions .btn { flex: 1 1 0; padding: 9px 8px !important; font-size: 9px !important; }

  /* VIP: compact horizontal showcase, gold master card remains special */
  #vip-secim .grid-3 {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 12px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 7px 2px 16px !important;
    margin-right: -14px !important;
    scrollbar-width: none;
  }
  #vip-secim .grid-3::-webkit-scrollbar { display: none; }
  #vip-secim .vip-card {
    flex: 0 0 min(82vw, 315px) !important;
    min-height: 278px !important;
    scroll-snap-align: start;
    border-radius: 21px !important;
    padding: 24px 20px 20px !important;
  }
  #vip-secim .vip-card h3 { font-size: 23px !important; }
  #vip-secim .vip-card .price { font-size: 25px !important; }
  #vip-secim .vip-card .desc { font-size: 12.5px !important; line-height: 1.55 !important; }

  /* Fal guide: compact editorial rail, no giant stacked cards */
  #fal-rehberi .grid-3 {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 12px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 4px 2px 14px !important;
    margin-right: -14px !important;
    scrollbar-width: none;
  }
  #fal-rehberi .grid-3::-webkit-scrollbar { display: none; }
  #fal-rehberi .blog-card {
    flex: 0 0 min(76vw, 290px) !important;
    scroll-snap-align: start;
    border-radius: 20px !important;
  }
  #fal-rehberi .blog-card .thumb { height: 170px !important; }
  #fal-rehberi .blog-card .body { padding: 16px 16px 17px !important; }
  #fal-rehberi .blog-card h3 { font-size: 18px !important; line-height: 1.2 !important; }

  /* Reviews: use a swipe rail where possible, reduces page height dramatically */
  #yorumlar .testi-track,
  #yorumlar .testimonial-track,
  #yorumlar .reviews-track {
    display: flex !important;
    gap: 12px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  #yorumlar .testi-track::-webkit-scrollbar,
  #yorumlar .testimonial-track::-webkit-scrollbar,
  #yorumlar .reviews-track::-webkit-scrollbar { display: none; }

  /* Small visual hint: rails are swipeable without adding noisy UI */
  #falcilar .section-head::after,
  #fal-cesitleri .section-head::after,
  #vip-secim .section-head::after,
  #fal-rehberi .section-head::after {
    content: 'Yana kaydır →';
    display: block;
    margin-top: 10px;
    color: rgba(38,112,149,.70);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
}

@media (max-width: 390px) {
  #falcilar .reader-card {
    flex-basis: calc((100vw - 41px) / 2) !important;
    width: calc((100vw - 41px) / 2) !important;
    height: 306px !important;
    min-height: 306px !important;
  }
  #falcilar .reader-card .name { font-size: 18px !important; }
  #falcilar .reader-card .links a { font-size: 7px !important; }
}

/* ============================================================
   V143 — MOBILE LUXURY / AIRY SYSTEM
   Goal: a real mobile composition, not a squeezed desktop.
   Desktop remains untouched.
   ============================================================ */
@media (max-width: 760px) {
  html, body { overflow-x: hidden; }
  body { background:#07162a; }
  .container { padding-left: 18px !important; padding-right: 18px !important; }

  /* Calm crystal background, no tearing or giant zooms */
  .kk-canvas {
    background-color:#d7ebf5 !important;
    background-image:url('../images/backgrounds/kk-duotone-full.jpg') !important;
    background-size:auto 100% !important;
    background-position:50% 0 !important;
    background-repeat:no-repeat !important;
    animation:kkMobileSlowDrift 44s ease-in-out infinite alternate !important;
  }
  @keyframes kkMobileSlowDrift {
    from { background-position:47% 0; }
    to   { background-position:53% 0; }
  }
  .kk-canvas::before {
    background:
      linear-gradient(180deg, rgba(255,255,255,.07), rgba(5,22,43,.03)),
      radial-gradient(circle at 22% 15%, rgba(91,204,237,.10), transparent 34%),
      radial-gradient(circle at 80% 54%, rgba(34,74,135,.08), transparent 36%) !important;
    animation:none !important;
  }

  /* Header: small luxury bar, nothing cramped */
  .site-header { padding: 9px 0 !important; background:rgba(4,14,30,.88) !important; backdrop-filter:blur(18px); }
  .site-header .container { min-height:54px; gap:10px !important; }
  .brand img { width:32px !important; height:32px !important; }
  .brand-text .name { font-size:15px !important; }
  .brand-text .tag { font-size:7px !important; letter-spacing:.12em !important; }
  .header-cta { display:none !important; }
  .ig-desktop { display:none !important; }
  .nav-toggle { width:42px !important; height:42px !important; border-radius:13px !important; background:rgba(255,255,255,.035) !important; border:1px solid rgba(111,205,238,.22) !important; }

  /* Hero: editorial, centered, generous */
  .hero { padding-top:88px !important; padding-bottom:36px !important; min-height:0 !important; }
  .hero-grid { display:block !important; }
  .hero-copy { max-width:none !important; text-align:left !important; }
  .hero-badge { transform:none !important; padding:8px 12px !important; font-size:9px !important; margin-bottom:18px !important; }
  .hero-badge img { width:20px !important; height:20px !important; }
  .hero h1 { font-size:clamp(42px,12vw,54px) !important; line-height:.98 !important; letter-spacing:-.045em !important; max-width:100% !important; margin:0 !important; }
  .hero h1 br { display:none; }
  .hero h1 em { display:block; margin-top:3px; }
  .hero-extra-line { display:flex !important; align-items:center; gap:8px; margin-top:18px !important; font-size:13px !important; line-height:1.4 !important; letter-spacing:0 !important; }
  .hero-extra-mark { flex:0 0 28px; width:28px; height:28px; display:grid; place-items:center; border:1px solid rgba(225,194,126,.55); border-radius:50%; }
  .hero-desc { font-size:14px !important; line-height:1.7 !important; max-width:none !important; margin-top:20px !important; color:rgba(226,236,247,.78) !important; }
  .hero-desc::before { width:34px !important; margin-bottom:16px !important; }
  .hero-ctas { display:grid !important; grid-template-columns:1fr 1fr !important; gap:9px !important; margin-top:24px !important; }
  .hero-ctas .btn { min-height:48px !important; padding:11px 10px !important; font-size:10px !important; border-radius:14px !important; justify-content:center; }
  .hero-ctas .btn-primary { grid-column:1 / -1; }
  .hero-trust.pills { display:grid !important; grid-template-columns:1fr 1fr !important; gap:8px !important; margin-top:20px !important; }
  .hero-trust.pills .pill { min-height:42px !important; padding:9px 10px !important; justify-content:flex-start; border-radius:13px !important; }
  .hero-trust.pills .pill:last-child { grid-column:1 / -1; width:max-content; max-width:100%; }
  .hero-trust.pills .pill span { font-size:9px !important; }
  .voice-service-highlight { margin-top:12px !important; padding:12px 13px !important; border-radius:15px !important; font-size:10.5px !important; line-height:1.55 !important; }

  /* Hero visual becomes its own calm scene below copy */
  .hero-visual { height:520px !important; margin-top:24px !important; overflow:hidden; border-radius:28px; border:1px solid rgba(111,205,238,.12); background:linear-gradient(180deg, rgba(4,15,32,.10), rgba(3,14,30,.34)); }
  .hero-visual .cat-atmos { inset:0 !important; display:flex; align-items:flex-end; justify-content:center; }
  .hero-visual .cat-atmos img { width:92% !important; max-width:390px !important; height:auto !important; object-fit:contain !important; object-position:center bottom !important; opacity:.92; }
  .shop-panel-float { top:16px !important; left:14px !important; right:14px !important; width:auto !important; max-width:none !important; transform:none !important; }
  .shop-glass-capsule { min-height:92px !important; padding:12px 13px !important; border-radius:18px !important; }
  .shop-capsule-icon { width:38px !important; height:38px !important; }
  .shop-capsule-title { font-size:15px !important; }
  .shop-capsule-meta { font-size:7px !important; margin-top:4px !important; white-space:normal !important; }
  .shop-capsule-go { font-size:8px !important; bottom:11px !important; }
  .shop-capsule-stones { opacity:.42 !important; }

  .rcard-field { position:absolute !important; left:12px !important; right:12px !important; bottom:14px !important; height:150px !important; display:grid !important; grid-template-columns:1fr 1fr 1fr !important; gap:8px !important; align-items:end; }
  .hero-visual .rcard { position:relative !important; inset:auto !important; transform:none !important; width:100% !important; height:138px !important; min-height:138px !important; border-radius:15px !important; overflow:hidden; }
  .hero-visual .rcard .thumb { height:100% !important; }
  .hero-visual .rcard .body { position:absolute; left:0; right:0; bottom:0; padding:28px 8px 8px !important; background:linear-gradient(180deg,transparent,rgba(3,12,27,.94)); }
  .hero-visual .rcard .name { font-size:14px !important; }
  .hero-visual .rcard .role { font-size:6.5px !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .hero-visual .rcard .play { width:30px !important; height:30px !important; top:8px !important; right:8px !important; }
  .hero > .container > .shop-panel { display:none !important; }
  .trust-strip { display:none !important; }

  /* Section rhythm: airy and consistent */
  .kk-canvas .section { padding:64px 0 !important; }
  .kk-canvas .section + .section { border-top:1px solid rgba(8,34,62,.08); }
  .section-head { margin-bottom:28px !important; max-width:none !important; }
  .eyebrow { font-size:10px !important; letter-spacing:.16em !important; }
  .section-title { font-size:clamp(34px,10vw,43px) !important; line-height:1.02 !important; letter-spacing:-.035em !important; }
  .section-desc { font-size:14px !important; line-height:1.68 !important; max-width:100% !important; }
  #falcilar .section-head::after,
  #fal-cesitleri .section-head::after,
  #vip-secim .section-head::after,
  #fal-rehberi .section-head::after { display:none !important; }

  /* Falcılar: real mobile 2-column gallery, no giant single-card scrolling */
  #falcilar .grid-4 { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; overflow:visible !important; margin:0 !important; padding:0 !important; }
  #falcilar .reader-card { width:auto !important; min-width:0 !important; height:312px !important; min-height:312px !important; flex:none !important; border-radius:20px !important; background:rgba(5,18,37,.76) !important; border:1px solid rgba(218,184,112,.30) !important; box-shadow:0 14px 34px rgba(1,10,25,.16) !important; }
  #falcilar .reader-card .body { left:7px !important; right:7px !important; bottom:7px !important; padding:68px 8px 8px !important; border-radius:14px !important; }
  #falcilar .reader-card .name { font-size:20px !important; }
  #falcilar .reader-card .role { font-size:7px !important; }
  #falcilar .reader-card .chips { display:none !important; }
  #falcilar .reader-card .links { gap:4px !important; margin-top:7px !important; padding-top:7px !important; }
  #falcilar .reader-card .links a { font-size:7.2px !important; }
  #falcilar .reader-card .cta { min-height:34px !important; font-size:8.5px !important; margin-top:7px !important; border-radius:10px !important; }
  #falcilar .reader-play { width:42px !important; height:42px !important; top:35% !important; }

  /* Benefits / why us: tidy 2-column information cards */
  #neden-kk .grid-5, #neden-kk .grid-4, #neden-kk .features-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:11px !important; }
  #neden-kk article, #neden-kk .feature-card { min-height:150px; padding:16px !important; border-radius:18px !important; }

  /* Fal types: compact vertical service rows, easy to understand */
  #fal-cesitleri .grid-3 { display:grid !important; grid-template-columns:1fr !important; gap:12px !important; overflow:visible !important; margin:0 !important; padding:0 !important; }
  #fal-cesitleri .service-card { width:auto !important; min-height:0 !important; flex:none !important; display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; column-gap:14px !important; row-gap:6px !important; padding:18px !important; border-radius:19px !important; background:rgba(4,17,35,.78) !important; border:1px solid rgba(94,194,231,.20) !important; }
  #fal-cesitleri .service-card .top { grid-column:1; grid-row:1; }
  #fal-cesitleri .service-card h3 { grid-column:1; font-size:21px !important; margin:2px 0 !important; }
  #fal-cesitleri .service-card .price { grid-column:2; grid-row:1 / span 2; align-self:center; text-align:right; font-size:22px !important; white-space:nowrap; }
  #fal-cesitleri .service-card .price span { display:block; font-size:8px !important; margin-top:3px; }
  #fal-cesitleri .service-card .desc { grid-column:1 / -1; min-height:0 !important; font-size:12.5px !important; line-height:1.55 !important; margin-top:4px !important; }
  #fal-cesitleri .service-card .actions { grid-column:1 / -1; display:grid !important; grid-template-columns:1fr 1fr !important; gap:8px !important; margin-top:9px !important; }
  #fal-cesitleri .service-card .actions .btn { min-height:40px !important; padding:9px 8px !important; font-size:9px !important; border-radius:11px !important; }

  /* VIP: premium, easy to compare, one under another */
  #vip-secim .grid-3 { display:grid !important; grid-template-columns:1fr !important; gap:14px !important; overflow:visible !important; margin:0 !important; padding:0 !important; }
  #vip-secim .vip-card { flex:none !important; width:auto !important; min-height:0 !important; padding:22px 20px !important; border-radius:20px !important; }
  #vip-secim .vip-card h3 { font-size:23px !important; }
  #vip-secim .vip-card .price { font-size:24px !important; }
  #vip-secim .vip-card .desc { font-size:13px !important; line-height:1.6 !important; }

  /* How it works / reviews: normal readable flow */
  #nasil-calisir .grid-3, #nasil-calisir .steps-grid { grid-template-columns:1fr !important; gap:11px !important; }
  #yorumlar .testi-track, #yorumlar .testimonial-track, #yorumlar .reviews-track { gap:12px !important; padding-bottom:8px; }

  /* Shop section: one refined mobile banner */
  #magaza .shop-showcase, #magaza .shop-panel, #magaza .store-card { border-radius:22px !important; }

  /* Instagram: 2-column visual grid instead of tiny desktop grid */
  #instagram .instagram-grid, #instagram .ig-grid, #instagram .social-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px !important; }

  /* Fal guide: horizontal editorial cards, not full screen per article */
  #fal-rehberi .grid-3 { display:grid !important; grid-template-columns:1fr !important; gap:13px !important; overflow:visible !important; margin:0 !important; padding:0 !important; }
  #fal-rehberi .blog-card { width:auto !important; flex:none !important; display:grid !important; grid-template-columns:38% 62% !important; min-height:154px !important; border-radius:19px !important; overflow:hidden; }
  #fal-rehberi .blog-card .thumb { height:100% !important; min-height:154px !important; }
  #fal-rehberi .blog-card .body { padding:15px 14px !important; align-self:center; }
  #fal-rehberi .blog-card h3 { font-size:17px !important; line-height:1.2 !important; margin:8px 0 14px !important; }
  #fal-rehberi .blog-card .body p { display:none !important; }

  /* FAQ: full-width, calm, thumb-friendly */
  #sss .faq-item, #sss .accordion-item { min-height:58px; }
  #sss button, #sss .faq-q { min-height:58px !important; font-size:14px !important; padding-top:14px !important; padding-bottom:14px !important; }

  /* Final CTA: no cropped decoration, simple luxury close */
  #final-cta { padding-bottom:76px !important; }
  #final-cta .final-card, #final-cta .cta-card { border-radius:24px !important; padding:28px 20px !important; }

  /* Footer mobile */
  footer .container, .footer .container { padding-left:20px !important; padding-right:20px !important; }

  /* Legal modal: comfortable, not cramped */
  .legal-modal-card, .legal-dialog, .legal-card { width:calc(100% - 28px) !important; max-width:430px !important; max-height:84vh !important; overflow:auto !important; border-radius:22px !important; padding:22px 18px !important; }
}

@media (max-width: 380px) {
  #falcilar .reader-card { height:292px !important; min-height:292px !important; }
  #falcilar .reader-card .name { font-size:18px !important; }
  .hero h1 { font-size:40px !important; }
  .hero-visual { height:500px !important; }
}

/* ============================================================
   V144 — MOBILE CLEAN LUXURY PASS
   Purpose: true mobile composition, crisp imagery, compact cards,
   no stretched backgrounds, no oversized single-service blocks.
   Desktop rules remain untouched.
   ============================================================ */
@media (max-width: 760px) {
  /* 1) Stable, crisp section backgrounds — no giant stretched page texture */
  .kk-canvas {
    background:#d9edf7 !important;
    background-image:none !important;
    animation:none !important;
  }
  .kk-canvas::before { display:none !important; }
  .kk-canvas .section {
    position:relative;
    background-image:
      linear-gradient(180deg, rgba(232,246,252,.66), rgba(205,229,241,.72)),
      url('../images/backgrounds/kristal-light.jpg') !important;
    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    background-attachment:scroll !important;
  }
  #neden-kk,
  #fal-cesitleri,
  #vip-secim,
  #magaza,
  #instagram,
  #final-cta {
    background-image:
      linear-gradient(180deg, rgba(4,18,38,.76), rgba(5,22,44,.82)),
      url('../images/backgrounds/kristal-dark.jpg') !important;
    background-size:cover !important;
    background-position:center !important;
  }
  .theme-light {
    background-image:
      linear-gradient(180deg, rgba(235,247,252,.72), rgba(208,231,242,.76)),
      url('../images/backgrounds/kristal-light.jpg') !important;
  }

  /* 2) Hero shop — proper mobile boutique card, no tiny blurry collage */
  .hero-visual { height:500px !important; }
  .shop-panel-float.shop-capsule-visual {
    display:grid !important;
    grid-template-columns:40px minmax(0,1fr) 104px !important;
    grid-template-rows:auto 26px !important;
    gap:5px 10px !important;
    top:14px !important;
    left:12px !important;
    right:12px !important;
    width:auto !important;
    min-height:118px !important;
    max-height:118px !important;
    padding:12px !important;
    border-radius:20px !important;
    overflow:hidden !important;
    background:linear-gradient(135deg,rgba(3,16,33,.91),rgba(7,29,53,.82)) !important;
    border:1px solid rgba(225,194,126,.68) !important;
    box-shadow:0 16px 38px rgba(0,8,24,.28), inset 0 1px 0 rgba(255,255,255,.055) !important;
  }
  .shop-panel-float.shop-capsule-visual::before,
  .shop-panel-float.shop-capsule-visual::after { display:none !important; }
  .shop-capsule-visual .shop-capsule-icon {
    position:static !important;
    grid-column:1 !important;
    grid-row:1 / 3 !important;
    align-self:center !important;
    width:38px !important;
    height:38px !important;
    margin:0 !important;
    opacity:1 !important;
  }
  .shop-capsule-visual .shop-capsule-icon img {
    width:38px !important;
    height:38px !important;
    object-fit:contain !important;
    filter:drop-shadow(0 0 10px rgba(81,207,242,.24)) !important;
  }
  .shop-capsule-visual .shop-capsule-copy {
    position:static !important;
    grid-column:2 !important;
    grid-row:1 !important;
    align-self:end !important;
    min-width:0 !important;
    padding:0 !important;
  }
  .shop-capsule-visual .shop-capsule-title {
    margin:0 !important;
    font-size:15px !important;
    line-height:1.12 !important;
    letter-spacing:0 !important;
    color:#f7f8fb !important;
    white-space:normal !important;
  }
  .shop-capsule-visual .shop-capsule-meta {
    margin-top:5px !important;
    font-size:8px !important;
    line-height:1.25 !important;
    letter-spacing:.01em !important;
    color:rgba(229,237,245,.74) !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  .shop-capsule-visual .shop-capsule-go {
    position:static !important;
    grid-column:2 !important;
    grid-row:2 !important;
    justify-self:start !important;
    align-self:end !important;
    left:auto !important;
    bottom:auto !important;
    margin:0 !important;
    padding:0 0 3px !important;
    font-size:8.5px !important;
    letter-spacing:.08em !important;
    color:#edcf8b !important;
    background:transparent !important;
    border:0 !important;
  }
  .shop-capsule-visual .shop-capsule-go::after { bottom:0 !important; right:0 !important; }
  .shop-capsule-visual .shop-capsule-stones {
    position:relative !important;
    inset:auto !important;
    grid-column:3 !important;
    grid-row:1 / 3 !important;
    width:104px !important;
    height:92px !important;
    align-self:center !important;
    opacity:1 !important;
    mask-image:none !important;
    -webkit-mask-image:none !important;
    filter:none !important;
    overflow:hidden !important;
    border-radius:15px !important;
  }
  .shop-capsule-visual .shop-capsule-stones::before,
  .shop-capsule-visual .shop-capsule-stones::after { display:none !important; }
  .shop-capsule-visual .shop-capsule-stones img:first-child {
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
    border:0 !important;
    border-radius:15px !important;
    clip-path:none !important;
    transform:none !important;
    filter:saturate(.92) contrast(1.04) brightness(.96) !important;
    opacity:1 !important;
  }
  .shop-capsule-visual .shop-capsule-stones img:last-child { display:none !important; }

  /* 3) Reader cards — crisp portrait + compact information footer */
  #falcilar .grid-4 {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  #falcilar .reader-card {
    height:268px !important;
    min-height:268px !important;
    border-radius:19px !important;
    background:#06172c !important;
    border:1px solid rgba(219,185,112,.34) !important;
    box-shadow:0 10px 26px rgba(0,11,28,.15) !important;
    overflow:hidden !important;
  }
  #falcilar .reader-card::before { opacity:.56 !important; }
  #falcilar .reader-card::after { inset:6px !important; border-radius:13px !important; opacity:.58 !important; }
  #falcilar .reader-card .photo {
    inset:0 0 104px 0 !important;
    overflow:hidden !important;
    background:#0a1b2e !important;
  }
  #falcilar .reader-card .photo img {
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center 20% !important;
    filter:none !important;
    transform:none !important;
  }
  #falcilar .reader-card:hover .photo img { transform:scale(1.025) !important; }
  #falcilar .reader-card .body {
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    height:104px !important;
    padding:11px 10px 9px !important;
    border-radius:0 !important;
    background:linear-gradient(180deg,#081b32 0%,#051529 100%) !important;
    border-top:1px solid rgba(108,205,237,.14) !important;
    backdrop-filter:none !important;
  }
  #falcilar .reader-card .name { font-size:17px !important; line-height:1 !important; margin:0 !important; }
  #falcilar .reader-card .role {
    margin-top:4px !important;
    font-size:6.4px !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  #falcilar .reader-card .links {
    display:flex !important;
    justify-content:space-between !important;
    margin-top:6px !important;
    padding-top:6px !important;
    gap:5px !important;
  }
  #falcilar .reader-card .links a { font-size:7px !important; }
  #falcilar .reader-card .cta {
    min-height:31px !important;
    margin-top:6px !important;
    padding:6px 5px !important;
    font-size:8px !important;
    border-radius:9px !important;
  }
  #falcilar .reader-play {
    width:40px !important;
    height:40px !important;
    top:31% !important;
    border:1px solid rgba(235,208,147,.68) !important;
    background:rgba(3,13,27,.62) !important;
    backdrop-filter:blur(8px) !important;
  }

  /* 4) Fal types — two-column premium catalog, not one giant box per screen */
  #fal-cesitleri .grid-3 {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  #fal-cesitleri .service-card {
    display:flex !important;
    flex-direction:column !important;
    min-height:224px !important;
    padding:14px 13px !important;
    border-radius:18px !important;
    background:linear-gradient(155deg,rgba(4,18,37,.92),rgba(6,27,50,.84)) !important;
    border:1px solid rgba(94,194,231,.22) !important;
    box-shadow:0 10px 25px rgba(0,8,24,.13) !important;
  }
  #fal-cesitleri .service-card .top { order:0 !important; display:flex !important; justify-content:flex-start !important; }
  #fal-cesitleri .service-card .dur { font-size:8px !important; padding:5px 8px !important; }
  #fal-cesitleri .service-card h3 {
    order:1 !important;
    margin:10px 0 5px !important;
    font-size:17px !important;
    line-height:1.08 !important;
    min-height:36px !important;
  }
  #fal-cesitleri .service-card .price {
    order:2 !important;
    text-align:left !important;
    margin:0 0 7px !important;
    font-size:19px !important;
    line-height:1 !important;
    color:#ecd18f !important;
  }
  #fal-cesitleri .service-card .price span { display:inline !important; font-size:7px !important; margin-left:3px !important; }
  #fal-cesitleri .service-card .desc {
    order:3 !important;
    margin:0 !important;
    font-size:10.2px !important;
    line-height:1.42 !important;
    color:rgba(225,235,246,.76) !important;
    display:-webkit-box !important;
    -webkit-line-clamp:3 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    min-height:43px !important;
  }
  #fal-cesitleri .service-card .actions {
    order:4 !important;
    margin-top:auto !important;
    padding-top:10px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:6px !important;
  }
  #fal-cesitleri .service-card .actions .btn {
    min-height:35px !important;
    padding:7px 5px !important;
    font-size:7.8px !important;
    border-radius:9px !important;
  }

  /* 5) VIP remains premium but compact */
  #vip-secim .grid-3 { gap:10px !important; }
  #vip-secim .vip-card { padding:18px 17px !important; border-radius:18px !important; }
  #vip-secim .vip-card h3 { font-size:20px !important; margin-bottom:8px !important; }
  #vip-secim .vip-card .price { font-size:21px !important; }
  #vip-secim .vip-card .desc { font-size:11.5px !important; line-height:1.5 !important; }

  /* 6) Mobile section spacing — calm, not endless */
  .kk-canvas .section { padding:52px 0 !important; }
  .section-head { margin-bottom:22px !important; }
  .section-title { font-size:clamp(31px,9vw,39px) !important; }
  .section-desc { font-size:13px !important; line-height:1.6 !important; }
}

@media (max-width: 390px) {
  #falcilar .reader-card { height:258px !important; min-height:258px !important; }
  #falcilar .reader-card .photo { inset:0 0 102px 0 !important; }
  #falcilar .reader-card .body { height:102px !important; }
  #fal-cesitleri .service-card { min-height:220px !important; padding:13px 11px !important; }
  #fal-cesitleri .service-card h3 { font-size:16px !important; }
}

/* ============================================================
   V145 — MOBILE COMPOSITION RESET
   Goal: phone-first, airy, compact, no desktop cards stretched full width.
   Desktop remains untouched.
   ============================================================ */
@media (max-width:760px){
  html,body{overflow-x:hidden!important;background:#06162a!important}
  .container{width:min(100% - 32px,560px)!important;margin-inline:auto!important}
  .kk-canvas{background-size:auto!important;background-position:center top!important;background-repeat:repeat-y!important;animation:none!important}
  .kk-canvas:before{opacity:.12!important;background-size:760px auto!important;background-repeat:repeat-y!important;background-position:center top!important;filter:none!important;animation:none!important}
  .cat-watermark{display:none!important}
  .section{padding:46px 0!important}
  .section-head{margin-bottom:20px!important}
  .section-head.center{text-align:left!important;align-items:flex-start!important}
  .eyebrow{font-size:9px!important;letter-spacing:.18em!important}
  .section-title{font-size:clamp(28px,8.2vw,36px)!important;line-height:1.05!important;max-width:340px!important}
  .section-desc{font-size:12.5px!important;line-height:1.55!important;max-width:340px!important}

  /* WHY — compact swipeable editorial cards instead of giant stacked panels */
  #neden-kk .why-grid{
    display:flex!important;gap:12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;
    padding:2px 16px 10px 0!important;margin-right:-16px!important;scrollbar-width:none!important;
  }
  #neden-kk .why-grid::-webkit-scrollbar{display:none!important}
  #neden-kk .why-card{
    flex:0 0 72%!important;min-width:0!important;height:158px!important;padding:18px!important;
    border-radius:18px!important;scroll-snap-align:start!important;
    display:grid!important;grid-template-columns:30px 1fr!important;grid-template-rows:auto auto 1fr!important;
    column-gap:12px!important;align-content:start!important;
    background:linear-gradient(145deg,rgba(5,22,43,.94),rgba(7,29,53,.88))!important;
    border:1px solid rgba(223,191,112,.38)!important;box-shadow:0 12px 28px rgba(0,10,26,.16)!important;
  }
  #neden-kk .why-card svg{grid-row:1/4!important;width:24px!important;height:24px!important;margin:1px 0 0!important;color:#63d8f5!important}
  #neden-kk .why-card h3{font-size:16px!important;line-height:1.15!important;margin:0 0 7px!important}
  #neden-kk .why-card p{font-size:11.5px!important;line-height:1.5!important;margin:0!important;color:rgba(224,234,245,.72)!important}

  /* READERS — same premium visual language, mobile carousel; never one huge card */
  #falcilar .grid-4{
    display:flex!important;gap:12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;
    padding:2px 18px 12px 0!important;margin-right:-18px!important;scrollbar-width:none!important;
  }
  #falcilar .grid-4::-webkit-scrollbar{display:none!important}
  #falcilar .reader-card{
    flex:0 0 62%!important;width:auto!important;height:326px!important;min-height:326px!important;
    border-radius:19px!important;scroll-snap-align:start!important;overflow:hidden!important;
    border:1px solid rgba(221,190,111,.42)!important;background:#07182d!important;
    box-shadow:0 12px 26px rgba(0,8,22,.18)!important;
  }
  #falcilar .reader-card .photo{position:absolute!important;inset:0 0 116px!important;height:auto!important;border-radius:0!important;overflow:hidden!important}
  #falcilar .reader-card .photo:after{content:""!important;position:absolute!important;inset:auto 0 0!important;height:54px!important;background:linear-gradient(180deg,transparent,#07182d)!important;pointer-events:none!important}
  #falcilar .reader-card .photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 24%!important;filter:none!important;transform:none!important}
  #falcilar .reader-card .body{
    position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:116px!important;
    padding:13px 14px 12px!important;border-radius:0!important;background:#07182d!important;border:0!important;backdrop-filter:none!important;
  }
  #falcilar .reader-card .name{font-size:19px!important;line-height:1!important;margin:0!important}
  #falcilar .reader-card .role{font-size:7px!important;letter-spacing:.04em!important;margin-top:4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  #falcilar .reader-card .chips{display:none!important}
  #falcilar .reader-card .links{margin-top:7px!important;padding-top:6px!important;gap:7px!important}
  #falcilar .reader-card .links a{font-size:7.5px!important;white-space:nowrap!important}
  #falcilar .reader-card .cta{height:32px!important;min-height:32px!important;margin-top:7px!important;padding:5px 8px!important;font-size:8px!important;border-radius:9px!important}
  #falcilar .reader-play{width:42px!important;height:42px!important;top:36%!important;left:50%!important;transform:translate(-50%,-50%)!important}

  /* SERVICES — horizontal catalogue. A phone sees a card + the next card cue. */
  #fal-cesitleri .grid-3{
    display:flex!important;gap:12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;
    padding:2px 18px 12px 0!important;margin-right:-18px!important;scrollbar-width:none!important;
  }
  #fal-cesitleri .grid-3::-webkit-scrollbar{display:none!important}
  #fal-cesitleri .service-card{
    flex:0 0 78%!important;width:auto!important;min-height:0!important;height:230px!important;padding:17px!important;
    border-radius:18px!important;scroll-snap-align:start!important;display:grid!important;
    grid-template-columns:1fr auto!important;grid-template-rows:auto auto 1fr auto!important;column-gap:12px!important;
    background:linear-gradient(145deg,rgba(4,18,36,.95),rgba(6,28,51,.91))!important;
    border:1px solid rgba(91,198,235,.24)!important;box-shadow:0 12px 28px rgba(0,8,22,.14)!important;
  }
  #fal-cesitleri .service-card .top{grid-column:1!important;grid-row:1!important;display:block!important}
  #fal-cesitleri .service-card .dur{font-size:8px!important;padding:5px 8px!important}
  #fal-cesitleri .service-card h3{grid-column:1!important;grid-row:2!important;font-size:19px!important;line-height:1.08!important;margin:10px 0 7px!important;min-height:0!important}
  #fal-cesitleri .service-card .price{grid-column:2!important;grid-row:1/3!important;align-self:center!important;text-align:right!important;font-size:20px!important;margin:0!important}
  #fal-cesitleri .service-card .price span{display:block!important;font-size:7px!important;margin-top:5px!important}
  #fal-cesitleri .service-card .desc{grid-column:1/3!important;grid-row:3!important;font-size:11px!important;line-height:1.45!important;min-height:0!important;-webkit-line-clamp:3!important;margin:0!important}
  #fal-cesitleri .service-card .actions{grid-column:1/3!important;grid-row:4!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:12px!important;padding:0!important}
  #fal-cesitleri .service-card .actions .btn{min-height:34px!important;font-size:8px!important;padding:6px!important;border-radius:9px!important}

  /* VIP — same compact horizontal rhythm */
  #vip-secim .grid-3{display:flex!important;gap:12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding:2px 18px 12px 0!important;margin-right:-18px!important;scrollbar-width:none!important}
  #vip-secim .grid-3::-webkit-scrollbar{display:none!important}
  #vip-secim .vip-card{flex:0 0 78%!important;min-height:210px!important;padding:19px!important;border-radius:18px!important;scroll-snap-align:start!important}
  #vip-secim .vip-card h3{font-size:19px!important}.vip-card .desc{font-size:11px!important;line-height:1.48!important}

  /* buttons and fixed controls shouldn't visually dominate */
  .mobile-bar{padding:8px 12px!important}.mobile-bar .btn{min-height:42px!important;font-size:11px!important}
}

@media (max-width:390px){
  #falcilar .reader-card{flex-basis:64%!important;height:314px!important;min-height:314px!important}
  #falcilar .reader-card .photo{inset:0 0 112px!important}
  #falcilar .reader-card .body{height:112px!important}
  #neden-kk .why-card{flex-basis:76%!important}
  #fal-cesitleri .service-card,#vip-secim .vip-card{flex-basis:82%!important}
}

/* ============================================================
   V146 — MOBILE COMPOSITION CLEANUP
   Goal: phone-specific, compact, airy, premium; never desktop squeezed.
   Desktop remains unchanged.
   ============================================================ */
@media (max-width: 760px) {
  html, body { overflow-x:hidden !important; }
  body { background:#07182b !important; }
  .container { width:100% !important; max-width:none !important; padding-left:18px !important; padding-right:18px !important; }
  .section { padding:54px 0 !important; }
  .section-head { margin-bottom:22px !important; }
  .section-title { font-size:clamp(30px,8.8vw,38px) !important; line-height:1.04 !important; }
  .section-desc { font-size:13px !important; line-height:1.58 !important; }

  /* Keep crystal backgrounds crisp and continuous on mobile. */
  .kk-canvas,
  .kk-canvas .section,
  .theme-light,
  #neden-kk,
  #fal-cesitleri,
  #vip-secim,
  #magaza,
  #instagram,
  #fal-rehberi,
  #sss,
  #final-cta {
    background-attachment:scroll !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    animation:none !important;
  }
  .kk-canvas .section { background-size:cover !important; }

  /* HERO — integrate the cat into the entry, remove the stray preview strip. */
  .hero { padding-bottom:28px !important; overflow:hidden !important; }
  .hero-grid { display:block !important; }
  .hero-copy { position:relative !important; z-index:3 !important; }
  .hero-visual {
    position:relative !important;
    width:100% !important;
    height:300px !important;
    min-height:0 !important;
    margin:18px 0 0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
  }
  .hero-visual .cat-atmos {
    position:absolute !important;
    inset:0 0 86px !important;
    display:grid !important;
    place-items:center !important;
    overflow:visible !important;
    opacity:.96 !important;
    transform:none !important;
  }
  .hero-visual .cat-atmos img {
    width:auto !important;
    height:100% !important;
    max-width:96% !important;
    object-fit:contain !important;
    object-position:center !important;
    filter:drop-shadow(0 16px 28px rgba(0,9,25,.24)) !important;
    transform:none !important;
  }
  .hero-visual .rcard-field { display:none !important; }

  /* Hero boutique card: fully inside viewport, elegant and compact. */
  .shop-panel-float.shop-capsule-visual {
    position:absolute !important;
    left:10px !important;
    right:10px !important;
    bottom:0 !important;
    top:auto !important;
    width:auto !important;
    max-width:none !important;
    min-height:92px !important;
    height:92px !important;
    padding:10px 96px 10px 52px !important;
    margin:0 !important;
    box-sizing:border-box !important;
    border-radius:18px !important;
    overflow:hidden !important;
    border:1px solid rgba(229,196,124,.62) !important;
    background:linear-gradient(135deg,rgba(4,18,36,.94),rgba(8,34,57,.88)) !important;
    box-shadow:0 14px 34px rgba(0,8,24,.24), inset 0 1px 0 rgba(255,255,255,.06) !important;
  }
  .shop-capsule-visual .shop-capsule-icon {
    position:absolute !important;
    left:10px !important; top:50% !important;
    width:34px !important; height:34px !important;
    transform:translateY(-50%) !important;
  }
  .shop-capsule-visual .shop-capsule-icon img { width:34px !important; height:34px !important; }
  .shop-capsule-visual .shop-capsule-copy { position:static !important; transform:none !important; }
  .shop-capsule-visual .shop-capsule-title {
    font-size:14px !important; line-height:1.08 !important; white-space:normal !important; margin:0 !important;
  }
  .shop-capsule-visual .shop-capsule-meta {
    margin-top:5px !important; font-size:7.2px !important; line-height:1.2 !important;
    white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important;
  }
  .shop-capsule-visual .shop-capsule-go {
    position:absolute !important; left:52px !important; bottom:9px !important; top:auto !important;
    font-size:7.7px !important; padding-bottom:3px !important;
  }
  .shop-capsule-visual .shop-capsule-stones {
    position:absolute !important;
    right:7px !important; top:7px !important; bottom:7px !important; left:auto !important;
    width:78px !important; height:auto !important; border-radius:14px !important;
    overflow:hidden !important; opacity:1 !important;
    mask:none !important; -webkit-mask:none !important;
  }
  .shop-capsule-visual .shop-capsule-stones img:first-child {
    display:block !important; position:absolute !important; inset:0 !important;
    width:100% !important; height:100% !important; object-fit:cover !important;
    border-radius:14px !important; clip-path:none !important; transform:none !important;
  }
  .shop-capsule-visual .shop-capsule-stones img:last-child { display:none !important; }

  /* FALCILAR — same premium card language as desktop/reference, but compact 2-up mobile gallery. */
  #falcilar .grid-4 {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
    margin:0 !important; padding:0 !important; overflow:visible !important;
  }
  #falcilar .reader-card {
    width:100% !important; min-width:0 !important;
    height:318px !important; min-height:318px !important;
    border-radius:22px !important; overflow:hidden !important;
    background:#05162a !important;
    border:1px solid rgba(220,185,108,.42) !important;
    box-shadow:0 13px 28px rgba(1,10,25,.18), inset 0 1px 0 rgba(255,255,255,.05) !important;
  }
  #falcilar .reader-card::after {
    inset:7px !important; border-radius:16px !important;
    border:1px solid rgba(238,218,170,.24) !important; opacity:1 !important;
  }
  #falcilar .reader-card .photo { inset:0 0 108px 0 !important; height:auto !important; }
  #falcilar .reader-card .photo img {
    width:100% !important; height:100% !important; object-fit:cover !important;
    object-position:center top !important; transform:none !important; filter:none !important;
  }
  #falcilar .reader-card .body {
    left:7px !important; right:7px !important; bottom:7px !important;
    min-height:112px !important; padding:18px 10px 9px !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,rgba(9,31,53,.96),rgba(4,17,33,.985)) !important;
    border:1px solid rgba(112,181,215,.22) !important;
    box-shadow:0 -16px 28px rgba(1,8,20,.23) !important;
  }
  #falcilar .reader-card .name { font-size:21px !important; line-height:1 !important; margin:0 0 5px !important; }
  #falcilar .reader-card .role { font-size:7.2px !important; letter-spacing:.045em !important; line-height:1.15 !important; }
  #falcilar .reader-card .chips { display:none !important; }
  #falcilar .reader-card .links { margin-top:8px !important; padding-top:7px !important; gap:6px !important; }
  #falcilar .reader-card .links a { font-size:7px !important; white-space:nowrap !important; }
  #falcilar .reader-card .cta {
    min-height:36px !important; height:36px !important; margin-top:7px !important;
    padding:7px 5px !important; font-size:8.8px !important; border-radius:11px !important;
  }
  #falcilar .reader-play {
    width:46px !important; height:46px !important;
    left:50% !important; right:auto !important; top:39% !important;
    transform:translate(-50%,-50%) !important;
    background:rgba(4,16,31,.74) !important;
    border:1px solid rgba(235,205,139,.78) !important;
    box-shadow:0 8px 22px rgba(0,0,0,.28), inset 0 0 0 4px rgba(255,255,255,.035) !important;
  }
  #falcilar .reader-play svg { width:14px !important; height:14px !important; }
  #falcilar .text-center { margin-top:24px !important; }
  #falcilar .text-center .btn { min-height:42px !important; font-size:11px !important; }

  /* NEDEN KRISTAL KEDI — compact luxury tiles, no clipped carousel. */
  #neden-kk .why-grid {
    display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important; overflow:visible !important; margin:0 !important; padding:0 !important;
  }
  #neden-kk .why-card {
    min-width:0 !important; width:auto !important; min-height:128px !important; height:auto !important;
    padding:15px 13px !important; border-radius:17px !important;
    background:linear-gradient(145deg,rgba(7,27,49,.86),rgba(4,18,35,.78)) !important;
    border:1px solid rgba(218,184,112,.38) !important;
    box-shadow:0 10px 24px rgba(0,8,20,.14), inset 0 1px 0 rgba(255,255,255,.04) !important;
  }
  #neden-kk .why-card:last-child { grid-column:1 / -1 !important; width:calc(50% - 5px) !important; justify-self:center !important; }
  #neden-kk .why-card svg { width:22px !important; height:22px !important; margin-bottom:13px !important; }
  #neden-kk .why-card h3 { font-size:13px !important; line-height:1.2 !important; margin:0 0 6px !important; }
  #neden-kk .why-card p { font-size:10px !important; line-height:1.45 !important; margin:0 !important; color:rgba(220,231,243,.72) !important; }

  /* MAIN SHOP — short boutique split-card, not a tall poster. */
  #magaza .shop-block {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 118px !important;
    gap:14px !important; align-items:center !important;
    min-height:0 !important; padding:18px !important;
    border-radius:22px !important;
    background:linear-gradient(145deg,rgba(7,27,49,.90),rgba(5,20,37,.84)) !important;
    border:1px solid rgba(220,185,110,.44) !important;
    box-shadow:0 14px 32px rgba(0,8,22,.18), inset 0 1px 0 rgba(255,255,255,.05) !important;
  }
  #magaza .shop-block > div:first-child { min-width:0 !important; }
  #magaza .shop-block .eyebrow { font-size:7.5px !important; }
  #magaza .shop-block .section-title {
    font-size:25px !important; line-height:1.03 !important; margin:9px 0 0 !important; max-width:210px !important;
  }
  #magaza .shop-block .section-desc {
    font-size:10.2px !important; line-height:1.45 !important; margin-top:10px !important; max-width:210px !important;
  }
  #magaza .shop-block .btn {
    margin-top:13px !important; min-height:36px !important; padding:8px 12px !important;
    font-size:9px !important; border-radius:10px !important;
  }
  #magaza .thumb-grid {
    display:block !important; width:118px !important; height:142px !important; margin:0 !important;
    border-radius:18px !important; overflow:hidden !important;
    box-shadow:0 10px 24px rgba(0,8,20,.22) !important;
  }
  #magaza .thumb-grid img { display:none !important; }
  #magaza .thumb-grid img:first-child {
    display:block !important; width:100% !important; height:100% !important;
    object-fit:cover !important; border-radius:18px !important;
  }

  /* FINAL CTA — compact split composition; no long vertical poster. */
  #final-cta { padding:48px 0 58px !important; }
  #final-cta .final-cta {
    min-height:0 !important;
    padding:22px 116px 22px 18px !important;
    text-align:left !important;
    border-radius:22px !important;
    overflow:hidden !important;
  }
  #final-cta .final-cta::before { inset:8px !important; border-radius:15px !important; }
  #final-cta .final-cta .eyebrow { justify-content:flex-start !important; font-size:8px !important; }
  #final-cta .final-cta h2 {
    margin:10px 0 0 !important; max-width:220px !important;
    font-size:25px !important; line-height:1.08 !important; text-align:left !important;
  }
  #final-cta .final-cta p {
    max-width:220px !important; margin:10px 0 0 !important;
    font-size:10.5px !important; line-height:1.5 !important; text-align:left !important;
  }
  #final-cta .final-cta .ctas {
    display:grid !important; grid-template-columns:1fr !important; gap:7px !important;
    justify-content:start !important; margin-top:14px !important; max-width:210px !important;
  }
  #final-cta .final-cta .ctas .btn { min-height:36px !important; padding:8px 10px !important; font-size:9px !important; border-radius:10px !important; }
  #final-cta .final-faces { display:none !important; }
  #final-cta .final-cta-cat {
    display:block !important;
    right:8px !important; top:50% !important; bottom:auto !important;
    width:105px !important; max-height:160px !important;
    transform:translateY(-50%) !important; opacity:.92 !important;
  }
  #final-cta .final-cta::after {
    right:-14px !important; top:50% !important; bottom:auto !important;
    width:142px !important; height:142px !important;
    transform:translateY(-50%) !important;
  }
}

@media (max-width: 380px) {
  #falcilar .reader-card { height:300px !important; min-height:300px !important; }
  #falcilar .reader-card .photo { inset:0 0 104px 0 !important; }
  #falcilar .reader-card .name { font-size:19px !important; }
  #neden-kk .why-card { min-height:120px !important; padding:13px 11px !important; }
  #magaza .shop-block { grid-template-columns:minmax(0,1fr) 104px !important; gap:10px !important; padding:15px !important; }
  #magaza .thumb-grid { width:104px !important; height:132px !important; }
  #final-cta .final-cta { padding-right:104px !important; }
  #final-cta .final-cta-cat { width:94px !important; }
}


/* V163 — requested mobile hero refinements only. Desktop intentionally untouched. */
@media (max-width: 760px) {
  /* Endless deep-space atmosphere: replaces the mobile crystal wallpaper. */
  .kk-canvas {
    position:relative !important;
    isolation:isolate !important;
    background-image:
      radial-gradient(circle at 72% 16%, rgba(72,142,202,.16) 0 1px, transparent 2px),
      radial-gradient(circle at 21% 34%, rgba(255,255,255,.75) 0 1px, transparent 1.6px),
      radial-gradient(circle at 84% 62%, rgba(106,211,239,.6) 0 1px, transparent 1.8px),
      radial-gradient(circle at 34% 78%, rgba(255,255,255,.5) 0 1px, transparent 1.5px),
      radial-gradient(ellipse at 50% 0%, #102b4a 0%, #07182d 34%, #030b18 74%, #020712 100%) !important;
    background-size:137px 173px, 191px 229px, 263px 307px, 331px 389px, 100% 100% !important;
    background-repeat:repeat,repeat,repeat,repeat,no-repeat !important;
    animation:kkSpaceDrift 70s linear infinite !important;
  }
  @keyframes kkSpaceDrift {
    from { background-position:0 0, 0 0, 0 0, 0 0, 50% 0; }
    to { background-position:-70px 180px, 95px 250px, -130px 320px, 160px 420px, 50% 0; }
  }
  .kk-canvas::before {
    content:"" !important; position:fixed !important; inset:0 !important; z-index:-2 !important; pointer-events:none !important;
    background:
      radial-gradient(circle at 82% 24%, rgba(79,171,226,.22) 0 1px, transparent 2px),
      radial-gradient(circle at 15% 61%, rgba(255,255,255,.55) 0 1px, transparent 1.8px),
      radial-gradient(circle at 61% 83%, rgba(114,214,240,.42) 0 1px, transparent 2px) !important;
    background-size:223px 257px, 287px 331px, 367px 421px !important;
    animation:kkStarsFar 95s linear infinite !important;
    opacity:.8 !important;
  }
  @keyframes kkStarsFar { to { transform:translate3d(-28px,110px,0); } }
  .kk-canvas::after {
    content:""; position:fixed; z-index:-1; pointer-events:none;
    width:105px; height:105px; right:-34px; top:24vh; border-radius:50%;
    background:radial-gradient(circle at 35% 30%, rgba(137,207,238,.28), rgba(53,94,145,.12) 45%, rgba(9,25,48,.04) 68%, transparent 70%);
    box-shadow:0 0 50px rgba(75,168,218,.08);
    animation:kkPlanetFloat 24s ease-in-out infinite alternate;
    opacity:.55;
  }
  @keyframes kkPlanetFloat { from { transform:translateY(-18px) scale(.92); } to { transform:translateY(46px) scale(1.04); } }

  /* Keep the three trust signals on ONE line. */
  .hero-trust.pills {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
    width:100% !important;
  }
  .hero-trust.pills .pill,
  .hero-trust.pills .pill:last-child {
    grid-column:auto !important;
    width:100% !important;
    min-width:0 !important;
    min-height:38px !important;
    padding:7px 5px !important;
    justify-content:center !important;
    gap:4px !important;
    white-space:nowrap !important;
  }
  .hero-trust.pills .pill span { font-size:6.7px !important; line-height:1.1 !important; white-space:nowrap !important; }
  .hero-trust.pills .pill svg { width:10px !important; height:10px !important; flex:0 0 10px !important; }

  /* Make the two discovery CTAs unmistakable while keeping the same layout. */
  .hero-ctas .btn-outline {
    min-height:52px !important;
    background:linear-gradient(180deg,rgba(10,37,62,.88),rgba(5,22,41,.96)) !important;
    border:1.5px solid rgba(88,202,239,.72) !important;
    box-shadow:0 8px 24px rgba(0,8,22,.28), inset 0 1px 0 rgba(255,255,255,.07), 0 0 18px rgba(58,183,226,.08) !important;
    color:#f4f8fc !important;
    font-weight:800 !important;
    letter-spacing:.015em !important;
  }
  .hero-ctas .btn-prices {
    background:linear-gradient(180deg,rgba(50,42,25,.48),rgba(10,24,38,.96)) !important;
    border-color:rgba(226,190,109,.78) !important;
    color:#f1d38c !important;
    box-shadow:0 8px 24px rgba(0,8,22,.28), inset 0 1px 0 rgba(255,255,255,.06), 0 0 18px rgba(218,181,99,.09) !important;
  }
}

/* v164 — MOBILE ONLY: living crystal cosmos */
.mobile-crystal-cosmos{display:none}
@media (max-width:767px){
  html,body{background:#020712!important}
  body{position:relative;isolation:isolate}
  body:before{content:"";position:fixed;inset:-20vh -20vw;z-index:-20;pointer-events:none;background:
    radial-gradient(circle at 15% 12%,rgba(113,224,255,.9) 0 1px,transparent 1.8px),
    radial-gradient(circle at 72% 25%,rgba(255,255,255,.75) 0 1px,transparent 1.6px),
    radial-gradient(circle at 35% 62%,rgba(184,143,255,.65) 0 1px,transparent 1.7px),
    radial-gradient(circle at 88% 78%,rgba(100,215,255,.8) 0 1px,transparent 1.5px),
    radial-gradient(ellipse at 50% 20%,rgba(12,64,107,.22),transparent 45%),
    linear-gradient(180deg,#020713 0%,#061426 42%,#030914 100%);background-size:83px 97px,131px 149px,173px 157px,211px 193px,100% 100%,100% 100%;animation:kkCosmosDrift 38s linear infinite}
  .mobile-crystal-cosmos{display:block;position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-10}
  .crystal-planet{position:absolute;border-radius:50%;opacity:.62;filter:drop-shadow(0 0 20px rgba(67,215,245,.2));animation:kkPlanetFloat 18s ease-in-out infinite alternate;overflow:hidden}
  .crystal-planet:before{content:"";position:absolute;inset:0;border-radius:inherit;background:conic-gradient(from 25deg,#b9f7ff 0 8%,#257ea7 8% 17%,#713c9d 17% 28%,#153c73 28% 41%,#79ddec 41% 52%,#13244c 52% 66%,#9e74d1 66% 76%,#35bcd6 76% 88%,#d4fbff 88% 100%);clip-path:polygon(50% 0,72% 9%,92% 28%,100% 53%,87% 78%,65% 96%,37% 100%,13% 80%,0 54%,9% 27%,29% 8%)}
  .crystal-planet:after{content:"";position:absolute;inset:10%;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.48),transparent 28%,rgba(21,57,105,.62) 58%,rgba(116,59,151,.42));clip-path:polygon(50% 0,100% 38%,81% 100%,22% 89%,0 35%)}
  .crystal-planet.p1{width:92px;height:92px;top:17vh;right:-38px;animation-duration:22s}
  .crystal-planet.p2{width:58px;height:58px;top:74vh;left:-18px;opacity:.48;animation-duration:27s;animation-delay:-8s}
  .crystal-planet.p3{width:126px;height:126px;top:142vh;right:-64px;opacity:.42;animation-duration:31s;animation-delay:-13s}
  .crystal-planet.p4{width:72px;height:72px;top:226vh;left:-27px;opacity:.5;animation-duration:24s;animation-delay:-5s}
  .shooting-star{position:absolute;width:95px;height:1px;background:linear-gradient(90deg,transparent,rgba(206,248,255,.95));transform:rotate(-28deg);opacity:0;filter:drop-shadow(0 0 4px #7eeaff);animation:kkShoot 9s ease-in infinite}
  .shooting-star.s1{top:31%;left:68%}.shooting-star.s2{top:66%;left:15%;animation-delay:5.5s;animation-duration:12s}
  @keyframes kkCosmosDrift{to{transform:translate3d(-28px,42px,0)}}
  @keyframes kkPlanetFloat{from{transform:translate3d(0,-10px,0) rotate(-5deg)}to{transform:translate3d(12px,18px,0) rotate(8deg)}}
  @keyframes kkShoot{0%,78%{opacity:0;transform:translate3d(0,0,0) rotate(-28deg)}80%{opacity:.9}86%{opacity:0;transform:translate3d(-160px,90px,0) rotate(-28deg)}100%{opacity:0}}
  @media (prefers-reduced-motion:reduce){body:before,.crystal-planet,.shooting-star{animation:none!important}}
}

/* v165 — MOBILE ONLY: continuous photographic cosmos + moving stars */
@media (max-width:767px){
  html{background:#020711!important}
  body{
    background:#020711 url('../images/mobile-space-reference.png') center top/cover fixed!important;
    background-attachment:fixed!important;
  }
  /* Remove legacy crystalline section wallpapers on mobile so space never breaks */
  body main, body section, .hero, .trust-section, .fortune-tellers, .pricing-section,
  .why-us, .shop-section, .guide-section, .reviews-section, .faq-section,
  .cta-section, .site-footer, footer{
    background-image:none!important;
  }
  body main, body section{background-color:transparent!important}
  /* continuous dark veil for legibility without hiding the sky */
  body:after{
    content:"";position:fixed;inset:0;z-index:-18;pointer-events:none;
    background:linear-gradient(180deg,rgba(2,8,20,.18),rgba(1,6,16,.34));
  }
  /* two independently moving star layers */
  body:before{
    content:"";position:fixed;inset:-30vh -30vw;z-index:-16;pointer-events:none;
    background-image:
      radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.5px),
      radial-gradient(circle,rgba(125,207,255,.8) 0 1px,transparent 1.7px),
      radial-gradient(circle,rgba(255,255,255,.58) 0 .7px,transparent 1.2px);
    background-size:67px 73px,113px 127px,43px 51px;
    background-position:0 0,21px 37px,13px 8px;
    opacity:.7;
    animation:kkStarTravel 22s linear infinite!important;
    will-change:transform;
  }
  .mobile-crystal-cosmos{z-index:-14!important}
  .mobile-crystal-cosmos:before{
    content:"";position:absolute;inset:-35%;
    background-image:
      radial-gradient(circle,rgba(255,255,255,.9) 0 1.2px,transparent 1.8px),
      radial-gradient(circle,rgba(91,177,255,.7) 0 .8px,transparent 1.5px);
    background-size:151px 139px,89px 101px;
    opacity:.42;animation:kkStarTravelFar 40s linear infinite;will-change:transform;
  }
  @keyframes kkStarTravel{from{transform:translate3d(0,-90px,0)}to{transform:translate3d(-70px,180px,0)}}
  @keyframes kkStarTravelFar{from{transform:translate3d(40px,-120px,0)}to{transform:translate3d(-80px,220px,0)}}
  /* keep motion alive even if OS asks for reduced motion; slow it instead */
  @media (prefers-reduced-motion:reduce){body:before{animation:kkStarTravel 55s linear infinite!important}.mobile-crystal-cosmos:before{animation:kkStarTravelFar 80s linear infinite!important}.crystal-planet{animation-duration:45s!important}.shooting-star{animation-duration:20s!important}}
}

/* v166 — MOBILE ONLY: darker uninterrupted photographic cosmos */
@media (max-width:767px){
  html,body,.kk-canvas{background-color:#01050d!important}
  body{background-image:linear-gradient(rgba(0,5,15,.48),rgba(0,5,15,.58)),url('../images/mobile-space-reference.png')!important;background-size:cover!important;background-position:center top!important;background-repeat:repeat-y!important;background-attachment:fixed!important}

  /* Kill every legacy crystal wallpaper layer on mobile, including V142–V144 high-specificity rules. */
  .kk-canvas{background-image:none!important;animation:none!important}
  .kk-canvas::before{display:none!important}
  .kk-canvas .section,
  .kk-canvas section,
  .section,
  .theme-light,
  #neden-kk,#fal-cesitleri,#vip-secim,#magaza,#instagram,#final-cta,
  .hero,.trust-section,.fortune-tellers,.pricing-section,.why-us,.shop-section,
  .guide-section,.reviews-section,.faq-section,.cta-section,.site-footer,footer{
    background-image:none!important;
  }
  .kk-canvas .section,.kk-canvas section,.section,.theme-light,
  #neden-kk,#fal-cesitleri,#vip-secim,#magaza,#instagram,#final-cta{
    background-color:transparent!important;
  }
  body.premium-page-bg::before{background:rgba(0,5,14,.34)!important;z-index:-19!important}
  body.premium-page-bg::after{background:linear-gradient(180deg,rgba(0,4,12,.10),rgba(0,3,10,.28))!important;z-index:-18!important}

  /* Keep star motion visible over the darker sky. */
  body:before{opacity:.82!important;z-index:-16!important;animation:kkStarTravel 18s linear infinite!important}
  .mobile-crystal-cosmos{z-index:-14!important}
  .mobile-crystal-cosmos:before{opacity:.55!important;animation:kkStarTravelFar 34s linear infinite!important}
}

/* v167 — MOBILE ONLY: one uninterrupted living space from header to footer */
@media (max-width:767px){
  html{background:#01040b!important}
  body,body.premium-page-bg,.kk-canvas{
    background:#01040b!important;
    background-image:
      radial-gradient(ellipse at 68% 12%,rgba(22,66,119,.30) 0%,rgba(7,23,50,.15) 25%,transparent 52%),
      radial-gradient(ellipse at 30% 58%,rgba(24,48,92,.20) 0%,transparent 45%),
      linear-gradient(180deg,#01040b 0%,#020817 34%,#010611 70%,#01040b 100%)!important;
    background-attachment:fixed!important;
    background-size:100% 100%!important;
    background-repeat:no-repeat!important;
    animation:none!important;
  }
  /* All page bands become transparent: no legacy crystal image may re-enter. */
  body main,body main>*,body section,.section,.theme-light,
  #neden-kk,#fal-cesitleri,#vip-secim,#magaza,#instagram,#final-cta,#fal-rehberi,#sss,#yorumlar,#falcilar,
  .hero,.trust-section,.fortune-tellers,.pricing-section,.why-us,.shop-section,.guide-section,.reviews-section,.faq-section,.cta-section,
  .site-footer,footer{
    background-image:none!important;background-color:transparent!important;background-attachment:scroll!important;
  }
  /* Legacy section texture pseudo-layers are also disabled, while cards keep their own styling. */
  body main>section::before,body main>section::after,
  .section::before,.section::after,.theme-light::before,.theme-light::after,
  #neden-kk::before,#neden-kk::after,#fal-cesitleri::before,#fal-cesitleri::after,#vip-secim::before,#vip-secim::after,
  #magaza::before,#magaza::after,#instagram::before,#instagram::after,#final-cta::before,#final-cta::after{
    background-image:none!important;
  }
  /* Continuous moving near-star field */
  body::before{
    display:block!important;content:""!important;position:fixed!important;inset:-45vh -45vw!important;z-index:-8!important;pointer-events:none!important;
    background-image:
      radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.45px),
      radial-gradient(circle,rgba(117,190,255,.88) 0 1px,transparent 1.6px),
      radial-gradient(circle,rgba(255,255,255,.55) 0 .65px,transparent 1.1px)!important;
    background-size:61px 71px,109px 127px,39px 47px!important;
    background-position:0 0,17px 31px,9px 13px!important;
    opacity:.66!important;animation:kkV167Near 24s linear infinite!important;will-change:transform;
  }
  body::after{
    display:block!important;content:""!important;position:fixed!important;inset:-35vh -35vw!important;z-index:-9!important;pointer-events:none!important;
    background-image:
      radial-gradient(circle,rgba(151,209,255,.65) 0 .8px,transparent 1.3px),
      radial-gradient(circle,rgba(255,255,255,.5) 0 .7px,transparent 1.2px)!important;
    background-size:157px 173px,83px 97px!important;opacity:.42!important;
    animation:kkV167Far 46s linear infinite!important;will-change:transform;
  }
  @keyframes kkV167Near{from{transform:translate3d(0,-120px,0)}to{transform:translate3d(-90px,260px,0)}}
  @keyframes kkV167Far{from{transform:translate3d(50px,-160px,0)}to{transform:translate3d(-70px,240px,0)}}
  .mobile-crystal-cosmos{display:block!important;position:fixed!important;inset:0!important;z-index:-6!important;pointer-events:none!important;overflow:hidden!important;background:none!important}
  .mobile-crystal-cosmos::before{background-image:none!important}
  @media (prefers-reduced-motion:reduce){body::before{animation:kkV167Near 55s linear infinite!important}body::after{animation:kkV167Far 85s linear infinite!important}}
}

/* ============================================================
   V168 — MOBILE ONLY: TRUE FULL-PAGE SPACE BACKDROP
   One fixed cosmos layer from top to footer. No section may
   restore the legacy crystal wallpapers on mobile.
   Desktop intentionally untouched.
   ============================================================ */
@media (max-width:767px){
  html,body{
    min-height:100%;
    background:#01040b!important;
    overflow-x:hidden;
  }

  /* The cosmos itself is a viewport-fixed layer behind ALL mobile content. */
  .mobile-crystal-cosmos{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:0!important;
    pointer-events:none!important;
    overflow:hidden!important;
    background:
      radial-gradient(ellipse at 72% 10%,rgba(28,74,130,.22) 0%,rgba(7,21,47,.12) 28%,transparent 56%),
      radial-gradient(ellipse at 24% 62%,rgba(17,45,89,.18) 0%,transparent 48%),
      linear-gradient(180deg,#01030a 0%,#020817 38%,#010610 72%,#01030a 100%)!important;
  }

  /* Two star fields live inside the fixed cosmos, so they never end on scroll. */
  .mobile-crystal-cosmos::before,
  .mobile-crystal-cosmos::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:-45vh -45vw!important;
    pointer-events:none!important;
    will-change:transform;
  }
  .mobile-crystal-cosmos::before{
    background-image:
      radial-gradient(circle,rgba(255,255,255,.96) 0 1px,transparent 1.5px),
      radial-gradient(circle,rgba(122,194,255,.82) 0 .95px,transparent 1.55px),
      radial-gradient(circle,rgba(255,255,255,.52) 0 .65px,transparent 1.08px)!important;
    background-size:57px 67px,103px 119px,37px 43px!important;
    background-position:0 0,19px 29px,8px 11px!important;
    opacity:.72!important;
    animation:kkV168Near 22s linear infinite!important;
  }
  .mobile-crystal-cosmos::after{
    background-image:
      radial-gradient(circle,rgba(159,217,255,.62) 0 .75px,transparent 1.3px),
      radial-gradient(circle,rgba(255,255,255,.46) 0 .65px,transparent 1.15px)!important;
    background-size:149px 163px,79px 91px!important;
    background-position:31px 47px,4px 18px!important;
    opacity:.42!important;
    animation:kkV168Far 44s linear infinite!important;
  }
  @keyframes kkV168Near{from{transform:translate3d(0,-130px,0)}to{transform:translate3d(-85px,280px,0)}}
  @keyframes kkV168Far{from{transform:translate3d(45px,-170px,0)}to{transform:translate3d(-65px,250px,0)}}

  /* Put the complete site above the fixed cosmos. */
  .site-header,.kk-canvas,.site-footer,.mobile-bar,.wa-float{
    position:relative;
    z-index:2;
  }
  .site-header{z-index:50}

  /* The canvas and every page band become transparent on mobile. */
  body.premium-page-bg,
  .kk-canvas,
  .kk-canvas>main,
  .kk-canvas main,
  .kk-canvas .hero,
  .kk-canvas .section,
  .kk-canvas section,
  .kk-canvas .theme-light,
  #falcilar,#neden-kk,#fal-cesitleri,#vip-secim,#nasil-calisir,#yorumlar,
  #magaza,#instagram,#fal-rehberi,#sss,#final-cta,
  .site-footer,.site-footer>.container{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    background-attachment:scroll!important;
    box-shadow:none;
  }

  /* Explicitly neutralize every legacy wallpaper pseudo-layer. */
  .kk-canvas::before,.kk-canvas::after,
  .kk-canvas section::before,.kk-canvas section::after,
  .section::before,.section::after,
  .theme-light::before,.theme-light::after,
  #falcilar::before,#falcilar::after,#neden-kk::before,#neden-kk::after,
  #fal-cesitleri::before,#fal-cesitleri::after,#vip-secim::before,#vip-secim::after,
  #nasil-calisir::before,#nasil-calisir::after,#yorumlar::before,#yorumlar::after,
  #magaza::before,#magaza::after,#instagram::before,#instagram::after,
  #fal-rehberi::before,#fal-rehberi::after,#sss::before,#sss::after,
  #final-cta::before,#final-cta::after,.site-footer::before,.site-footer::after{
    background-image:none!important;
  }

  /* Old body star layers are disabled; the cosmos layer above owns all motion. */
  body::before,body::after{display:none!important}

  /* Keep crystal planets and shooting stars inside the full-page cosmos. */
  .crystal-planet,.shooting-star{z-index:1!important}

  @media (prefers-reduced-motion:reduce){
    .mobile-crystal-cosmos::before{animation:kkV168Near 55s linear infinite!important}
    .mobile-crystal-cosmos::after{animation:kkV168Far 85s linear infinite!important}
  }
}

/* ============================================================
   V169 — MOBILE ONLY: cinematic premium cosmos
   Replaces the synthetic CSS star pattern with a real photographic
   deep-space plate + randomized canvas stars / crystal worlds.
   Desktop untouched.
   ============================================================ */
@media (max-width:767px){
  .mobile-crystal-cosmos{
    z-index:0!important;
    background:
      linear-gradient(180deg,rgba(0,3,10,.42),rgba(0,3,10,.60)),
      radial-gradient(ellipse at 78% 16%,rgba(25,67,118,.13),transparent 48%),
      url('../images/mobile-space-cinematic.jpg') center center / cover fixed no-repeat!important;
  }
  .mobile-crystal-cosmos::before,
  .mobile-crystal-cosmos::after{display:none!important}
  .mobile-crystal-cosmos .crystal-planet,
  .mobile-crystal-cosmos .shooting-star{display:none!important}
  .kk-premium-cosmos-canvas{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    opacity:.86;
    mix-blend-mode:screen;
  }
  .kk-cosmos-vignette{
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      radial-gradient(ellipse at center,transparent 44%,rgba(0,3,10,.14) 74%,rgba(0,2,8,.42) 100%),
      linear-gradient(180deg,rgba(0,4,12,.14),rgba(0,4,12,.30));
  }
}

/* ============================================================
   V173 — MOBILE ONLY: LUXURY CINEMATIC SPACE MOTION
   No synthetic dot/star particle overlay. The photographic cosmos
   itself drifts in layered parallax. Desktop remains untouched.
   ============================================================ */
@media (max-width:767px){
  .mobile-crystal-cosmos{
    background:#01040b!important;
    overflow:hidden!important;
  }
  .mobile-crystal-cosmos::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:-18vh -18vw!important;
    z-index:0!important;
    opacity:.92!important;
    background:
      linear-gradient(180deg,rgba(0,3,10,.28),rgba(0,4,13,.46)),
      url('../images/mobile-space-cinematic.jpg') center center / cover no-repeat!important;
    transform:translate3d(0,0,0) scale(1.10);
    transform-origin:center center;
    animation:kkLuxurySpaceDrift 34s cubic-bezier(.45,.05,.55,.95) infinite alternate!important;
    will-change:transform;
  }
  .mobile-crystal-cosmos::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:-24vh -24vw!important;
    z-index:1!important;
    opacity:.42!important;
    background:
      radial-gradient(ellipse at 18% 28%,rgba(42,82,133,.18) 0%,rgba(15,35,70,.08) 27%,transparent 55%),
      radial-gradient(ellipse at 78% 68%,rgba(34,67,116,.14) 0%,transparent 50%),
      radial-gradient(ellipse at 55% 8%,rgba(103,90,139,.07) 0%,transparent 42%)!important;
    filter:blur(18px);
    transform:translate3d(0,0,0) scale(1.08);
    animation:kkLuxuryNebulaDrift 46s ease-in-out infinite alternate!important;
    will-change:transform;
  }
  .kk-premium-cosmos-canvas{display:none!important}
  .kk-cosmos-vignette{
    z-index:3!important;
    background:
      radial-gradient(ellipse at center,transparent 38%,rgba(0,3,10,.12) 70%,rgba(0,2,8,.46) 100%),
      linear-gradient(180deg,rgba(0,3,10,.10),rgba(0,3,10,.26))!important;
  }
  .mobile-crystal-cosmos .crystal-planet,
  .mobile-crystal-cosmos .shooting-star{display:none!important}
  @keyframes kkLuxurySpaceDrift{
    0%{transform:translate3d(-3.5%,-2.5%,0) scale(1.12)}
    35%{transform:translate3d(2.5%,-.5%,0) scale(1.16)}
    70%{transform:translate3d(-1%,3%,0) scale(1.14)}
    100%{transform:translate3d(3.5%,1.5%,0) scale(1.18)}
  }
  @keyframes kkLuxuryNebulaDrift{
    0%{transform:translate3d(3%,-2%,0) scale(1.06) rotate(-.4deg)}
    50%{transform:translate3d(-2%,2.5%,0) scale(1.12) rotate(.35deg)}
    100%{transform:translate3d(2%,4%,0) scale(1.09) rotate(-.2deg)}
  }
}

/* V174 — MOBILE ONLY: ultra-clear living crystal cosmos */
@media (max-width:767px){
  .mobile-crystal-cosmos{background:#01030a!important;overflow:hidden!important}
  .mobile-crystal-cosmos::before{
    content:""!important;display:block!important;position:absolute!important;
    inset:-22vh -26vw!important;z-index:0!important;opacity:.82!important;
    background-image:linear-gradient(180deg,rgba(0,2,9,.24),rgba(0,3,12,.38)),url('../images/mobile-space-luxury-v174.png')!important;
    background-position:center 42%!important;background-size:cover!important;background-repeat:no-repeat!important;
    filter:saturate(.82) contrast(1.12) brightness(.68)!important;
    transform:translate3d(-2%,-2%,0) scale(1.12);
    transform-origin:center center;will-change:transform;
    animation:kkV174DeepDrift 42s cubic-bezier(.42,0,.58,1) infinite alternate!important;
  }
  .mobile-crystal-cosmos::after{
    content:""!important;display:block!important;position:absolute!important;
    inset:-18vh -20vw!important;z-index:1!important;opacity:.34!important;pointer-events:none!important;
    background:
      radial-gradient(ellipse at 20% 22%,rgba(38,75,135,.22),transparent 38%),
      radial-gradient(ellipse at 77% 38%,rgba(84,48,125,.16),transparent 34%),
      radial-gradient(ellipse at 50% 78%,rgba(20,67,118,.18),transparent 42%)!important;
    filter:blur(24px);mix-blend-mode:screen;
    transform:translate3d(2%,1%,0) scale(1.08);
    will-change:transform;animation:kkV174NebulaFloat 55s ease-in-out infinite alternate!important;
  }
  .kk-cosmos-vignette{z-index:3!important;background:linear-gradient(180deg,rgba(0,3,10,.12),rgba(0,3,10,.24)),radial-gradient(ellipse at center,transparent 46%,rgba(0,2,8,.32) 100%)!important}
  .kk-premium-cosmos-canvas,.mobile-crystal-cosmos .shooting-star{display:none!important}
  @keyframes kkV174DeepDrift{
    0%{transform:translate3d(-3.5%,-3%,0) scale(1.12)}
    28%{transform:translate3d(1.5%,-1%,0) scale(1.16)}
    58%{transform:translate3d(3%,2.5%,0) scale(1.13)}
    82%{transform:translate3d(-1.5%,3.5%,0) scale(1.17)}
    100%{transform:translate3d(-3%,1%,0) scale(1.14)}
  }
  @keyframes kkV174NebulaFloat{
    0%{transform:translate3d(3%,-2%,0) scale(1.06) rotate(-.35deg)}
    50%{transform:translate3d(-3%,2%,0) scale(1.12) rotate(.25deg)}
    100%{transform:translate3d(2%,4%,0) scale(1.08) rotate(-.15deg)}
  }
}

/* ============================================================
   V175 — MOBILE ONLY: DARK-COSMOS READABILITY PASS
   Preserve desktop. Lift all text that still inherited colors from
   the former light/crystal mobile theme while retaining brand hierarchy.
   ============================================================ */
@media (max-width:767px){
  /* Core editorial text */
  .kk-canvas .section-title,
  .kk-canvas .section-title span,
  .kk-canvas h1:not(.reader-card *),
  .kk-canvas h2:not(.reader-card *),
  .kk-canvas h3:not(.reader-card *),
  .kk-canvas h4:not(.reader-card *),
  #sss .section-title,
  #sss .faq-q,
  #final-cta h2{
    color:#f5f8fd!important;
    -webkit-text-fill-color:currentColor!important;
    text-shadow:0 2px 18px rgba(0,3,12,.34)!important;
  }

  .kk-canvas .section-desc,
  .kk-canvas .section-head p,
  .kk-canvas .desc,
  .kk-canvas .card p,
  .kk-canvas .why-card p,
  .kk-canvas .faq-a-inner p,
  #sss .faq-a-inner p,
  #final-cta .final-cta p,
  .site-footer p,
  .site-footer li,
  .site-footer .muted{
    color:rgba(229,237,248,.82)!important;
    -webkit-text-fill-color:currentColor!important;
  }

  /* Labels / metadata: intentionally softer, never muddy. */
  .kk-canvas .eyebrow,
  .kk-canvas .kicker,
  .kk-canvas .meta,
  .kk-canvas small,
  .kk-canvas .muted,
  .kk-canvas .dur,
  .kk-canvas .label,
  .site-footer small{
    color:rgba(205,220,237,.72)!important;
    -webkit-text-fill-color:currentColor!important;
  }

  /* Brand accents remain luminous instead of becoming flat white. */
  .kk-canvas .accent,
  .kk-canvas .cyan,
  .kk-canvas .section-kicker,
  .kk-canvas .eyebrow strong{
    color:#72dcf5!important;
    -webkit-text-fill-color:currentColor!important;
  }
  .kk-canvas .price,
  .kk-canvas .gold,
  .kk-canvas .read,
  .kk-canvas .read a{
    color:#ecd08b!important;
    -webkit-text-fill-color:currentColor!important;
  }

  /* Former light-theme cards/FAQ had hard-coded navy copy. */
  .theme-light,
  .theme-light .card,
  #sss .faq-item,
  #sss .faq-a-inner{
    color:#eef5fc!important;
  }
  #sss .faq-q{color:#f4f8fc!important}
  #sss .faq-a-inner p{color:rgba(222,233,245,.80)!important}

  /* Swipe hints were almost invisible over the new cosmos. */
  #falcilar .section-head::after,
  #fal-cesitleri .section-head::after,
  #vip-secim .section-head::after,
  #fal-rehberi .section-head::after{
    color:rgba(139,219,244,.82)!important;
  }

  /* Links that inherited dark navy from the old pale background. */
  .kk-canvas section a:not(.btn):not(.wa-btn):not(.reader-card a),
  .site-footer a{
    color:#dceaf7;
  }

  /* Keep text legible when it sits directly over a bright nebula patch. */
  .section-head,
  #final-cta .final-cta{
    text-shadow:0 2px 14px rgba(0,2,9,.48);
  }
}

/* ============================================================
   V176 — MOBILE ONLY: refined cosmos tone + clearer readers intro
   ============================================================ */
@media (max-width:767px){
  /* More restrained luxury grade: deeper navy, less electric purple/blue. */
  .mobile-crystal-cosmos::before{
    opacity:.78!important;
    filter:saturate(.54) contrast(1.18) brightness(.60) hue-rotate(-4deg)!important;
    animation-duration:27s!important;
  }
  .mobile-crystal-cosmos::after{
    opacity:.20!important;
    background:
      radial-gradient(ellipse at 20% 22%,rgba(28,55,91,.18),transparent 40%),
      radial-gradient(ellipse at 77% 38%,rgba(46,38,72,.10),transparent 36%),
      radial-gradient(ellipse at 50% 78%,rgba(17,48,78,.15),transparent 44%)!important;
    filter:blur(30px) saturate(.65)!important;
    animation-duration:36s!important;
  }
  .kk-cosmos-vignette{
    background:linear-gradient(180deg,rgba(0,3,10,.22),rgba(0,3,10,.34)),radial-gradient(ellipse at center,transparent 42%,rgba(0,2,8,.46) 100%)!important;
  }

  /* Readers heading was still inheriting light-theme navy in some selectors. */
  #falcilar .section-head .eyebrow{
    color:#9ddff0!important;-webkit-text-fill-color:#9ddff0!important;
    text-shadow:0 2px 14px rgba(0,0,0,.72)!important;
  }
  #falcilar .section-head .section-title,
  #falcilar .section-head .section-title span{
    color:#f7f9fc!important;-webkit-text-fill-color:#f7f9fc!important;
    text-shadow:0 3px 22px rgba(0,0,0,.78)!important;
  }
  #falcilar .section-head .section-title em{
    color:#72d5e9!important;-webkit-text-fill-color:#72d5e9!important;
    text-shadow:0 3px 20px rgba(0,0,0,.72)!important;
  }
  #falcilar .section-head .section-desc{
    color:rgba(238,244,250,.90)!important;-webkit-text-fill-color:rgba(238,244,250,.90)!important;
    text-shadow:0 2px 12px rgba(0,0,0,.82)!important;
  }
}

/* v178 — MOBILE natural-stone banner rebuilt from the approved visual reference. */
@media (max-width: 900px) {
  .shop-panel-float.shop-capsule-visual{
    left:12px!important; right:12px!important; bottom:0!important;
    height:116px!important; min-height:116px!important;
    padding:18px 132px 16px 74px!important;
    border-radius:24px!important;
    border:1px solid rgba(224,188,103,.88)!important;
    background:linear-gradient(105deg,rgba(3,19,38,.98) 0%,rgba(4,24,46,.97) 58%,rgba(5,22,39,.92) 100%)!important;
    box-shadow:0 18px 44px rgba(0,5,18,.36),inset 0 1px 0 rgba(255,255,255,.055)!important;
    overflow:hidden!important;
  }
  .shop-panel-float.shop-capsule-visual::before{
    content:""!important; display:block!important; position:absolute!important;
    left:20px!important; right:38%!important; top:13px!important; height:1px!important;
    background:linear-gradient(90deg,rgba(103,214,235,.46),transparent)!important;
    opacity:.7!important;
  }
  .shop-capsule-visual .shop-capsule-icon{
    display:block!important; position:absolute!important; left:18px!important; top:23px!important;
    width:44px!important; height:44px!important; transform:none!important; z-index:5!important;
  }
  .shop-capsule-visual .shop-capsule-icon img{
    display:block!important; width:44px!important; height:44px!important; object-fit:contain!important;
    filter:drop-shadow(0 0 10px rgba(71,203,232,.22))!important;
  }
  .shop-capsule-visual .shop-capsule-copy{
    position:relative!important; z-index:5!important; padding:0!important; margin:0!important;
  }
  .shop-capsule-visual .shop-capsule-title{
    margin:0!important; white-space:nowrap!important; overflow:visible!important;
    font-size:16px!important; line-height:1.12!important; font-weight:750!important; letter-spacing:-.25px!important;
    color:#f5f7fa!important;
  }
  .shop-capsule-visual .shop-capsule-meta{
    display:block!important; margin-top:7px!important; max-width:190px!important;
    white-space:nowrap!important; overflow:visible!important; text-overflow:clip!important;
    font-size:7.1px!important; line-height:1!important; font-weight:600!important; letter-spacing:.01em!important;
    color:rgba(230,236,243,.76)!important;
  }
  .shop-capsule-visual .shop-capsule-meta span{color:#d7b765!important;margin:0 4px!important;}
  .shop-capsule-visual .shop-capsule-go{
    display:flex!important; align-items:center!important; gap:14px!important;
    position:absolute!important; z-index:6!important; left:74px!important; bottom:15px!important; top:auto!important;
    padding:0 0 5px!important; margin:0!important; width:max-content!important;
    border-bottom:1px solid rgba(218,181,94,.68)!important;
    color:#e3c36f!important; font-size:8.2px!important; line-height:1!important; font-weight:800!important;
    letter-spacing:.025em!important; text-transform:uppercase!important;
  }
  .shop-capsule-visual .shop-capsule-go b{font-size:15px!important; line-height:.7!important; font-weight:400!important;}
  .shop-capsule-visual .shop-capsule-stones{
    display:block!important; position:absolute!important; z-index:2!important;
    right:0!important; top:0!important; bottom:0!important; left:auto!important;
    width:36%!important; height:100%!important; border-radius:0 23px 23px 0!important;
    overflow:hidden!important; opacity:1!important; mask:none!important; -webkit-mask:none!important;
  }
  .shop-capsule-visual .shop-capsule-stones::after{
    content:""!important; display:block!important; position:absolute!important; inset:0!important;
    background:linear-gradient(90deg,rgba(4,23,44,.98) 0%,rgba(4,23,44,.48) 24%,rgba(4,23,44,.05) 58%,transparent 100%)!important;
    pointer-events:none!important;
  }
  .shop-capsule-visual .shop-capsule-stones img:first-child{
    display:block!important; position:absolute!important; inset:0!important;
    width:100%!important; height:100%!important; object-fit:cover!important; object-position:center!important;
    border-radius:0!important; clip-path:none!important; transform:none!important;
    filter:saturate(.82) contrast(1.05) brightness(.92)!important;
  }
  .shop-capsule-visual .shop-capsule-stones img:last-child{display:none!important;}
}

/* v179 — MOBILE stone banner: corrected internal composition and scale */
@media (max-width: 767px){
  .shop-panel-float.shop-capsule-visual{
    left:14px!important;right:14px!important;bottom:0!important;
    width:auto!important;height:126px!important;min-height:126px!important;
    padding:0!important;
    border-radius:25px!important;
    border:1px solid rgba(226,191,108,.90)!important;
    background:linear-gradient(105deg,rgba(3,18,36,.985) 0%,rgba(4,23,44,.98) 63%,rgba(4,20,37,.95) 100%)!important;
    box-shadow:0 20px 48px rgba(0,4,16,.42),inset 0 1px 0 rgba(255,255,255,.06)!important;
    overflow:hidden!important;
  }
  .shop-panel-float.shop-capsule-visual::before{
    left:26px!important;right:auto!important;top:15px!important;width:150px!important;height:1px!important;
    background:linear-gradient(90deg,rgba(101,211,233,.48),rgba(101,211,233,.12),transparent)!important;
  }
  .shop-panel-float.shop-capsule-visual::after{
    left:82px!important;bottom:17px!important;width:108px!important;height:1px!important;
    background:linear-gradient(90deg,rgba(229,193,108,.78),rgba(229,193,108,.18),transparent)!important;
  }
  .shop-capsule-visual .shop-capsule-icon{
    display:block!important;position:absolute!important;left:25px!important;top:38px!important;
    width:47px!important;height:47px!important;margin:0!important;z-index:6!important;
  }
  .shop-capsule-visual .shop-capsule-icon img{
    width:47px!important;height:47px!important;object-fit:contain!important;
    filter:drop-shadow(0 0 12px rgba(73,205,235,.24))!important;
  }
  .shop-capsule-visual .shop-capsule-copy{
    display:block!important;position:absolute!important;left:84px!important;top:30px!important;
    right:116px!important;margin:0!important;padding:0!important;z-index:6!important;
  }
  .shop-capsule-visual .shop-capsule-title{
    display:block!important;margin:0!important;
    font-size:15px!important;line-height:1.08!important;font-weight:760!important;letter-spacing:-.18px!important;
    white-space:nowrap!important;color:#f7f8fa!important;text-shadow:0 2px 12px rgba(0,0,0,.34)!important;
  }
  .shop-capsule-visual .shop-capsule-meta{
    display:block!important;margin-top:9px!important;max-width:none!important;
    font-size:7.25px!important;line-height:1!important;font-weight:620!important;letter-spacing:.005em!important;
    white-space:nowrap!important;color:rgba(232,238,245,.78)!important;
  }
  .shop-capsule-visual .shop-capsule-meta span{margin:0 3px!important;color:#d9b964!important;}
  .shop-capsule-visual .shop-capsule-go{
    display:flex!important;align-items:center!important;gap:13px!important;
    position:absolute!important;left:84px!important;bottom:22px!important;top:auto!important;z-index:7!important;
    width:max-content!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;
    color:#e6c66e!important;font-size:8.5px!important;line-height:1!important;font-weight:820!important;
    letter-spacing:.025em!important;text-transform:uppercase!important;box-shadow:none!important;
  }
  .shop-capsule-visual .shop-capsule-go::after{display:none!important;}
  .shop-capsule-visual .shop-capsule-go b{font-size:16px!important;font-weight:400!important;line-height:.7!important;}
  .shop-capsule-visual .shop-capsule-stones{
    display:block!important;position:absolute!important;z-index:2!important;
    right:0!important;top:0!important;bottom:0!important;left:auto!important;
    width:31.5%!important;height:100%!important;border-radius:0 24px 24px 0!important;
    overflow:hidden!important;opacity:1!important;mask:none!important;-webkit-mask:none!important;
  }
  .shop-capsule-visual .shop-capsule-stones::before{display:none!important;}
  .shop-capsule-visual .shop-capsule-stones::after{
    content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:3!important;
    background:linear-gradient(90deg,rgba(4,22,42,.92) 0%,rgba(4,22,42,.30) 24%,transparent 57%)!important;
  }
  .shop-capsule-visual .shop-capsule-stones img:first-child{
    display:block!important;position:absolute!important;inset:0!important;
    width:100%!important;height:100%!important;object-fit:cover!important;object-position:56% 50%!important;
    border:0!important;border-radius:0!important;clip-path:none!important;transform:none!important;opacity:1!important;
    filter:saturate(.90) contrast(1.08) brightness(.94)!important;
  }
  .shop-capsule-visual .shop-capsule-stones img:last-child{display:none!important;}
}

@media (max-width: 390px){
  .shop-capsule-visual .shop-capsule-copy{left:79px!important;right:108px!important;}
  .shop-capsule-visual .shop-capsule-title{font-size:14px!important;}
  .shop-capsule-visual .shop-capsule-meta{font-size:6.6px!important;}
  .shop-capsule-visual .shop-capsule-go{left:79px!important;font-size:8px!important;}
  .shop-capsule-visual .shop-capsule-icon{left:22px!important;width:44px!important;height:44px!important;}
  .shop-capsule-visual .shop-capsule-icon img{width:44px!important;height:44px!important;}
  .shop-capsule-visual .shop-capsule-stones{width:30%!important;}
}

/* v180 — MOBILE stone banner: 18 / 47 / 35 composition, product image is a primary visual */
@media (max-width:767px){
  .shop-panel-float.shop-capsule-visual{
    height:128px!important;min-height:128px!important;padding:0!important;
  }
  .shop-capsule-visual .shop-capsule-icon{
    left:20px!important;top:39px!important;width:48px!important;height:48px!important;
  }
  .shop-capsule-visual .shop-capsule-icon img{width:48px!important;height:48px!important;}
  .shop-capsule-visual .shop-capsule-copy{
    left:78px!important;right:35%!important;top:27px!important;padding-right:9px!important;
  }
  .shop-capsule-visual .shop-capsule-title{
    font-size:15px!important;line-height:1.08!important;letter-spacing:-.22px!important;white-space:nowrap!important;
  }
  .shop-capsule-visual .shop-capsule-meta{
    margin-top:8px!important;font-size:6.8px!important;letter-spacing:0!important;white-space:nowrap!important;
  }
  .shop-capsule-visual .shop-capsule-meta span{margin:0 2.5px!important;}
  .shop-capsule-visual .shop-capsule-go{
    left:78px!important;bottom:21px!important;font-size:8.2px!important;gap:12px!important;
  }
  .shop-capsule-visual .shop-capsule-go::before{
    content:"";position:absolute;left:0;right:22px;bottom:-6px;height:1px;
    background:linear-gradient(90deg,rgba(230,194,108,.82),rgba(230,194,108,.18),transparent);
  }
  .shop-capsule-visual .shop-capsule-stones{
    width:35%!important;right:0!important;top:0!important;bottom:0!important;height:100%!important;
  }
  .shop-capsule-visual .shop-capsule-stones::after{
    background:linear-gradient(90deg,rgba(4,22,42,.94) 0%,rgba(4,22,42,.46) 15%,rgba(4,22,42,.08) 39%,transparent 64%)!important;
  }
  .shop-capsule-visual .shop-capsule-stones img:first-child{
    width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 50%!important;
    filter:saturate(.94) contrast(1.08) brightness(.97)!important;
  }
  .shop-panel-float.shop-capsule-visual::before{left:20px!important;width:145px!important;}
  .shop-panel-float.shop-capsule-visual::after{display:none!important;}
}
@media (max-width:390px){
  .shop-capsule-visual .shop-capsule-icon{left:18px!important;width:45px!important;height:45px!important;}
  .shop-capsule-visual .shop-capsule-icon img{width:45px!important;height:45px!important;}
  .shop-capsule-visual .shop-capsule-copy{left:70px!important;right:35%!important;}
  .shop-capsule-visual .shop-capsule-title{font-size:13.5px!important;}
  .shop-capsule-visual .shop-capsule-meta{font-size:6.05px!important;}
  .shop-capsule-visual .shop-capsule-go{left:70px!important;font-size:7.7px!important;}
  .shop-capsule-visual .shop-capsule-stones{width:35%!important;}
}

/* v181 — MOBILE natural-stone banner: premium editorial composition */
@media (max-width:767px){
  .shop-panel-float.shop-capsule-visual{
    left:12px!important;right:12px!important;bottom:0!important;
    width:auto!important;height:142px!important;min-height:142px!important;
    padding:0!important;overflow:hidden!important;
    border-radius:27px!important;
    border:1px solid rgba(218,184,103,.90)!important;
    background:linear-gradient(103deg,rgba(3,17,33,.985) 0%,rgba(4,22,42,.985) 58%,rgba(3,16,29,.94) 100%)!important;
    box-shadow:0 18px 46px rgba(0,4,15,.42),inset 0 1px 0 rgba(255,255,255,.055)!important;
  }
  .shop-panel-float.shop-capsule-visual::before{
    content:""!important;display:block!important;position:absolute!important;
    left:25px!important;top:20px!important;width:116px!important;height:1px!important;
    background:linear-gradient(90deg,rgba(89,205,229,.62),rgba(89,205,229,.10),transparent)!important;
    opacity:.95!important;z-index:7!important;
  }
  .shop-panel-float.shop-capsule-visual::after{
    content:""!important;display:block!important;position:absolute!important;
    left:90px!important;bottom:22px!important;width:128px!important;height:1px!important;
    background:linear-gradient(90deg,rgba(226,190,101,.86),rgba(226,190,101,.16),transparent)!important;
    z-index:7!important;
  }
  .shop-capsule-visual .shop-capsule-icon{
    display:flex!important;align-items:center!important;justify-content:center!important;
    position:absolute!important;left:24px!important;top:48px!important;
    width:52px!important;height:52px!important;margin:0!important;z-index:8!important;
  }
  .shop-capsule-visual .shop-capsule-icon img{
    width:52px!important;height:52px!important;object-fit:contain!important;
    filter:drop-shadow(0 0 10px rgba(67,195,223,.18))!important;
  }
  .shop-capsule-visual .shop-capsule-copy{
    display:block!important;position:absolute!important;left:92px!important;top:34px!important;
    right:39%!important;padding:0 10px 0 0!important;margin:0!important;z-index:8!important;
  }
  .shop-capsule-visual .shop-capsule-title{
    display:block!important;margin:0!important;
    font-size:16.5px!important;line-height:1.05!important;font-weight:760!important;letter-spacing:-.30px!important;
    white-space:nowrap!important;color:#f6f8fb!important;text-shadow:0 2px 12px rgba(0,0,0,.30)!important;
  }
  .shop-capsule-visual .shop-capsule-meta{
    display:block!important;margin-top:9px!important;max-width:none!important;
    font-size:7.25px!important;line-height:1!important;font-weight:620!important;letter-spacing:.004em!important;
    white-space:nowrap!important;color:rgba(232,238,245,.80)!important;
  }
  .shop-capsule-visual .shop-capsule-meta span{margin:0 3px!important;color:#d4b35e!important;}
  .shop-capsule-visual .shop-capsule-go{
    display:flex!important;align-items:center!important;gap:15px!important;
    position:absolute!important;left:92px!important;bottom:31px!important;top:auto!important;z-index:9!important;
    width:max-content!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;
    color:#e4c36b!important;font-size:9px!important;line-height:1!important;font-weight:820!important;
    letter-spacing:.03em!important;text-transform:uppercase!important;box-shadow:none!important;
  }
  .shop-capsule-visual .shop-capsule-go::before,
  .shop-capsule-visual .shop-capsule-go::after{display:none!important;}
  .shop-capsule-visual .shop-capsule-go b{font-size:18px!important;font-weight:400!important;line-height:.7!important;}
  .shop-capsule-visual .shop-capsule-stones{
    display:block!important;position:absolute!important;z-index:2!important;
    right:0!important;top:0!important;bottom:0!important;left:auto!important;
    width:40%!important;height:100%!important;border-radius:0 26px 26px 0!important;
    overflow:hidden!important;opacity:1!important;mask:none!important;-webkit-mask:none!important;
  }
  .shop-capsule-visual .shop-capsule-stones::before{
    content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:4!important;
    background:radial-gradient(circle at 66% 44%,rgba(255,255,255,.12),transparent 43%)!important;
    pointer-events:none!important;
  }
  .shop-capsule-visual .shop-capsule-stones::after{
    content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:5!important;
    background:linear-gradient(90deg,rgba(4,21,40,.88) 0%,rgba(4,21,40,.38) 13%,rgba(4,21,40,.08) 27%,transparent 45%)!important;
    pointer-events:none!important;
  }
  .shop-capsule-visual .shop-capsule-stones img:first-child{
    display:block!important;position:absolute!important;inset:0!important;
    width:100%!important;height:100%!important;object-fit:cover!important;object-position:52% 50%!important;
    border:0!important;border-radius:0!important;clip-path:none!important;transform:scale(1.02)!important;opacity:1!important;
    filter:saturate(.92) contrast(1.06) brightness(.94)!important;
  }
  .shop-capsule-visual .shop-capsule-stones img:last-child{display:none!important;}
}
@media (max-width:390px){
  .shop-panel-float.shop-capsule-visual{height:138px!important;min-height:138px!important;}
  .shop-capsule-visual .shop-capsule-icon{left:21px!important;top:47px!important;width:48px!important;height:48px!important;}
  .shop-capsule-visual .shop-capsule-icon img{width:48px!important;height:48px!important;}
  .shop-capsule-visual .shop-capsule-copy{left:82px!important;right:39%!important;top:34px!important;}
  .shop-capsule-visual .shop-capsule-title{font-size:15.2px!important;}
  .shop-capsule-visual .shop-capsule-meta{font-size:6.55px!important;}
  .shop-capsule-visual .shop-capsule-go{left:82px!important;bottom:29px!important;font-size:8.35px!important;}
  .shop-capsule-visual .shop-capsule-stones{width:39%!important;}
  .shop-panel-float.shop-capsule-visual::after{left:82px!important;width:112px!important;}
}

/* v182 — MOBILE: old stone banner retired; rebuilt from zero */
.mobile-stone-card{display:none;}
@media (max-width:767px){
  .shop-panel-float.shop-capsule-visual{display:none!important;}
  .mobile-stone-card{
    display:grid!important;
    grid-template-columns:64px minmax(0,1fr) 34%;
    align-items:stretch;
    position:absolute;
    left:16px;right:16px;bottom:0;
    height:126px;
    overflow:hidden;
    border:1px solid rgba(221,187,105,.88);
    border-radius:25px;
    background:linear-gradient(108deg,rgba(3,17,33,.985) 0%,rgba(4,24,44,.985) 64%,rgba(6,25,43,.95) 100%);
    box-shadow:0 18px 42px rgba(0,4,14,.40),inset 0 1px 0 rgba(255,255,255,.055);
    text-decoration:none!important;
    color:inherit;
    z-index:12;
    isolation:isolate;
  }
  .mobile-stone-card::before{
    content:"";position:absolute;left:22px;top:18px;width:118px;height:1px;z-index:5;
    background:linear-gradient(90deg,rgba(91,207,231,.55),rgba(91,207,231,.08),transparent);
  }
  .mobile-stone-brand{
    display:flex;align-items:center;justify-content:center;
    position:relative;z-index:4;padding-left:4px;
  }
  .mobile-stone-logo{
    width:43px;height:43px;object-fit:contain;
    filter:drop-shadow(0 0 10px rgba(73,199,226,.20));
  }
  .mobile-stone-content{
    min-width:0;position:relative;z-index:4;
    display:flex;flex-direction:column;justify-content:center;
    padding:8px 8px 8px 2px;
  }
  .mobile-stone-title{
    color:#f8fafc;font-size:15px;line-height:1.05;font-weight:760;letter-spacing:-.22px;
    white-space:nowrap;margin:0 0 8px;
    text-shadow:0 2px 10px rgba(0,0,0,.28);
  }
  .mobile-stone-meta{
    display:flex;align-items:center;gap:5px;white-space:nowrap;
    color:rgba(235,241,247,.76);font-size:6.65px;line-height:1;font-weight:620;
  }
  .mobile-stone-meta i{width:3px;height:3px;border-radius:50%;background:#d2b15c;opacity:.9;flex:0 0 auto;}
  .mobile-stone-cta{
    display:flex;align-items:center;gap:14px;width:max-content;max-width:100%;
    margin-top:17px;padding-bottom:5px;position:relative;
    color:#e8c970;font-size:8.15px;line-height:1;font-weight:820;letter-spacing:.025em;text-transform:uppercase;
  }
  .mobile-stone-cta::after{
    content:"";position:absolute;left:0;right:22px;bottom:0;height:1px;
    background:linear-gradient(90deg,rgba(232,201,112,.84),rgba(232,201,112,.15),transparent);
  }
  .mobile-stone-cta b{font-size:17px;line-height:.7;font-weight:400;}
  .mobile-stone-photo{
    position:relative;z-index:2;overflow:hidden;min-width:0;
  }
  .mobile-stone-photo::before{
    content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
    background:linear-gradient(90deg,rgba(4,23,42,.84) 0%,rgba(4,23,42,.28) 24%,transparent 55%);
  }
  .mobile-stone-photo::after{
    content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
    box-shadow:inset 1px 0 0 rgba(255,255,255,.04);
  }
  .mobile-stone-photo img{
    display:block;width:100%;height:100%;object-fit:cover;object-position:52% 50%;
    filter:saturate(.86) contrast(1.08) brightness(.93);
    transform:scale(1.035);
  }
}
@media (max-width:390px){
  .mobile-stone-card{left:12px;right:12px;height:122px;grid-template-columns:58px minmax(0,1fr) 35%;}
  .mobile-stone-logo{width:40px;height:40px;}
  .mobile-stone-title{font-size:13.8px;}
  .mobile-stone-meta{font-size:6px;gap:4px;}
  .mobile-stone-cta{font-size:7.6px;margin-top:15px;gap:11px;}
}

/* v183 — MOBILE STONE CARD / jewellery-grade art direction */
@media (max-width:767px){
  .mobile-stone-card{
    grid-template-columns:72px minmax(0,1fr) 38%!important;
    height:138px!important;
    left:14px!important;right:14px!important;
    border-radius:27px!important;
    border:1px solid rgba(214,180,101,.72)!important;
    background:
      radial-gradient(120% 150% at 18% -30%,rgba(41,91,116,.18),transparent 48%),
      linear-gradient(112deg,#03111f 0%,#061a2d 53%,#071827 100%)!important;
    box-shadow:
      0 24px 55px rgba(0,3,12,.52),
      0 0 0 1px rgba(255,255,255,.018) inset,
      0 1px 0 rgba(255,255,255,.07) inset!important;
  }
  .mobile-stone-card::before{
    left:24px!important;top:18px!important;width:128px!important;
    background:linear-gradient(90deg,rgba(102,205,226,.50),rgba(102,205,226,.08),transparent)!important;
  }
  .mobile-stone-card::after{
    content:"";position:absolute;inset:1px;z-index:1;pointer-events:none;border-radius:26px;
    background:linear-gradient(125deg,rgba(255,255,255,.025),transparent 28%,transparent 72%,rgba(221,187,105,.045));
  }
  .mobile-stone-brand{padding:0!important;z-index:5!important;}
  .mobile-stone-logo{
    width:46px!important;height:46px!important;
    filter:drop-shadow(0 0 7px rgba(72,190,214,.20)) drop-shadow(0 8px 16px rgba(0,0,0,.30))!important;
    opacity:.96;
  }
  .mobile-stone-content{
    z-index:5!important;padding:19px 8px 16px 0!important;justify-content:flex-start!important;
  }
  .mobile-stone-title{
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:16.5px!important;line-height:1!important;font-weight:600!important;
    letter-spacing:-.25px!important;color:#fbfaf6!important;
    margin:0 0 9px!important;white-space:nowrap!important;
    text-shadow:0 4px 18px rgba(0,0,0,.36)!important;
  }
  .mobile-stone-meta{
    gap:5px!important;font-size:6.45px!important;font-weight:600!important;
    color:rgba(226,232,237,.70)!important;letter-spacing:.01em;
  }
  .mobile-stone-meta i{width:2.5px!important;height:2.5px!important;background:#c9a95d!important;}
  .mobile-stone-cta{
    margin-top:auto!important;margin-bottom:1px!important;padding:0 0 7px!important;
    gap:16px!important;font-size:7.8px!important;font-weight:750!important;letter-spacing:.075em!important;
    color:#dfc277!important;
  }
  .mobile-stone-cta::after{right:24px!important;background:linear-gradient(90deg,#d8b966 0%,rgba(216,185,102,.32) 72%,transparent 100%)!important;}
  .mobile-stone-cta b{font-size:16px!important;color:#f0d58a!important;transform:translateY(-1px);}
  .mobile-stone-photo{
    z-index:4!important;margin:10px 10px 10px 0!important;border-radius:18px!important;
    box-shadow:-10px 0 30px rgba(0,8,19,.22),0 0 0 1px rgba(255,255,255,.08) inset!important;
  }
  .mobile-stone-photo::before{
    background:linear-gradient(90deg,rgba(5,23,39,.68) 0%,rgba(5,23,39,.16) 18%,transparent 42%)!important;
  }
  .mobile-stone-photo::after{
    box-shadow:inset 1px 0 0 rgba(225,194,117,.16),inset 0 0 28px rgba(4,13,23,.12)!important;
  }
  .mobile-stone-photo img{
    object-position:53% 50%!important;transform:scale(1.04)!important;
    filter:saturate(.72) contrast(1.09) brightness(.92) sepia(.04)!important;
  }
}
@media (max-width:390px){
  .mobile-stone-card{grid-template-columns:62px minmax(0,1fr) 38%!important;height:132px!important;}
  .mobile-stone-logo{width:42px!important;height:42px!important;}
  .mobile-stone-content{padding:18px 5px 14px 0!important;}
  .mobile-stone-title{font-size:14.4px!important;}
  .mobile-stone-meta{font-size:5.65px!important;gap:4px!important;}
  .mobile-stone-cta{font-size:7px!important;gap:11px!important;}
  .mobile-stone-photo{margin:9px 9px 9px 0!important;border-radius:17px!important;}
}


/* v184 — MOBILE STONE EDITORIAL: single cinematic composition */
@media (max-width:767px){
  .mobile-stone-card.mobile-stone-editorial{
    display:block!important; position:absolute!important; left:14px!important; right:14px!important; bottom:0!important;
    height:158px!important; overflow:hidden!important; border-radius:30px!important; isolation:isolate!important;
    border:1px solid rgba(203,171,94,.62)!important; background:#03101d!important;
    box-shadow:0 28px 60px rgba(0,2,10,.56), inset 0 1px 0 rgba(255,255,255,.055), inset 0 -1px 0 rgba(203,171,94,.08)!important;
    text-decoration:none!important;
  }
  .mobile-stone-editorial::before{
    content:""!important; position:absolute!important; inset:0!important; z-index:4!important; pointer-events:none!important;
    background:linear-gradient(118deg,rgba(255,255,255,.035),transparent 26%,transparent 72%,rgba(224,190,107,.045))!important;
  }
  .mobile-stone-editorial::after{
    content:""!important; position:absolute!important; left:28px!important; top:20px!important; width:64px!important; height:1px!important; z-index:7!important;
    background:linear-gradient(90deg,rgba(225,192,112,.92),rgba(225,192,112,.08))!important;
  }
  .mobile-stone-product{position:absolute!important;inset:0 0 0 auto!important;width:56%!important;z-index:1!important;overflow:hidden!important;}
  .mobile-stone-product img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:52% 50%!important;transform:scale(1.12)!important;filter:saturate(.72) contrast(1.12) brightness(.84) sepia(.04)!important;}
  .mobile-stone-veil{position:absolute!important;inset:0!important;z-index:2!important;background:linear-gradient(90deg,#03111f 0%,#041522 34%,rgba(4,21,34,.93) 47%,rgba(4,20,33,.38) 68%,rgba(3,14,25,.08) 100%)!important;}
  .mobile-stone-veil::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 47%,rgba(218,190,132,.09),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.015),rgba(0,0,0,.18));}
  .mobile-stone-seal{position:absolute!important;right:17px!important;top:15px!important;width:29px!important;height:29px!important;object-fit:contain!important;z-index:6!important;opacity:.83!important;filter:grayscale(.12) drop-shadow(0 5px 12px rgba(0,0,0,.45))!important;}
  .mobile-stone-copy{position:absolute!important;left:28px!important;top:32px!important;bottom:20px!important;width:63%!important;z-index:6!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;}
  .mobile-stone-kicker{font-size:6.2px!important;line-height:1!important;font-weight:700!important;letter-spacing:.18em!important;color:rgba(213,184,113,.78)!important;margin-bottom:8px!important;}
  .mobile-stone-editorial .mobile-stone-title{font-family:Georgia,'Times New Roman',serif!important;font-size:22px!important;line-height:.88!important;font-weight:500!important;letter-spacing:-.55px!important;color:#f8f6f0!important;margin:0!important;white-space:normal!important;text-shadow:0 4px 20px rgba(0,0,0,.35)!important;}
  .mobile-stone-editorial .mobile-stone-title em{font-weight:400!important;color:#e4c878!important;font-style:italic!important;}
  .mobile-stone-editorial .mobile-stone-meta{display:block!important;margin-top:8px!important;font-size:5.6px!important;line-height:1!important;font-weight:560!important;letter-spacing:.015em!important;color:rgba(235,239,241,.68)!important;white-space:nowrap!important;}
  .mobile-stone-editorial .mobile-stone-cta{margin:auto 0 0!important;padding:0 0 5px!important;display:flex!important;align-items:center!important;gap:9px!important;font-size:7.2px!important;line-height:1!important;font-weight:720!important;letter-spacing:.11em!important;text-transform:uppercase!important;color:#e4c878!important;position:relative!important;}
  .mobile-stone-editorial .mobile-stone-cta::after{content:""!important;position:absolute!important;left:0!important;bottom:0!important;width:78px!important;height:1px!important;background:linear-gradient(90deg,rgba(228,200,120,.9),transparent)!important;}
  .mobile-stone-editorial .mobile-stone-cta b{font-size:13px!important;line-height:1!important;font-weight:400!important;color:#f2dd9c!important;}
}
@media (max-width:390px){
  .mobile-stone-card.mobile-stone-editorial{height:150px!important;left:11px!important;right:11px!important;}
  .mobile-stone-copy{left:24px!important;top:30px!important;width:64%!important;}
  .mobile-stone-editorial .mobile-stone-title{font-size:20px!important;}
  .mobile-stone-editorial .mobile-stone-meta{font-size:5.15px!important;}
  .mobile-stone-product{width:57%!important;}
}

/* v185 — APPROVED MOBILE STONE ART: use the accepted luxury composition directly */
@media (max-width:767px){
  .mobile-stone-card.mobile-stone-approved{
    display:block!important;
    position:absolute!important;
    left:10px!important;
    right:10px!important;
    bottom:0!important;
    height:auto!important;
    aspect-ratio:1657/770!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:25px!important;
    background:transparent!important;
    box-shadow:0 24px 55px rgba(0,2,10,.50)!important;
    text-decoration:none!important;
    transform:none!important;
    isolation:isolate!important;
  }
  .mobile-stone-approved-art{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    border:0!important;
    border-radius:inherit!important;
    filter:none!important;
    transform:none!important;
  }
  .mobile-stone-card.mobile-stone-approved::before,
  .mobile-stone-card.mobile-stone-approved::after{display:none!important;content:none!important;}
  .hero-visual{height:330px!important;}
  .hero-visual .cat-atmos{inset:0 0 174px!important;}
}
@media (max-width:390px){
  .mobile-stone-card.mobile-stone-approved{left:8px!important;right:8px!important;border-radius:23px!important;}
  .hero-visual{height:320px!important;}
  .hero-visual .cat-atmos{inset:0 0 166px!important;}
}

/* v186 — approved luxury artwork: full-width mobile placement fix */
@media (max-width:767px){
  .mobile-stone-card.mobile-stone-approved{
    display:block!important;
    position:absolute!important;
    left:14px!important; right:14px!important; bottom:0!important;
    width:auto!important; height:142px!important; aspect-ratio:auto!important;
    padding:0!important; margin:0!important;
    overflow:hidden!important; border-radius:26px!important;
    border:1px solid rgba(220,184,101,.72)!important;
    background:#020d18!important;
    box-shadow:0 22px 48px rgba(0,2,10,.52), inset 0 1px 0 rgba(255,255,255,.05)!important;
  }
  .mobile-stone-card.mobile-stone-approved .mobile-stone-approved-art{
    position:absolute!important; inset:0!important;
    display:block!important;
    width:100%!important; max-width:none!important; min-width:100%!important;
    height:100%!important; max-height:none!important;
    object-fit:cover!important;
    object-position:50% 50%!important;
    border-radius:inherit!important;
    margin:0!important; padding:0!important;
    opacity:1!important; visibility:visible!important;
    transform:none!important; filter:none!important;
  }
  .hero-visual{height:326px!important;}
  .hero-visual .cat-atmos{inset:0 0 158px!important;}
}
@media (max-width:390px){
  .mobile-stone-card.mobile-stone-approved{left:11px!important;right:11px!important;height:136px!important;border-radius:24px!important;}
  .hero-visual{height:316px!important;}
  .hero-visual .cat-atmos{inset:0 0 151px!important;}
}

@media(max-width:767px){.mobile-stone-card.mobile-stone-approved{height:154px!important;border-color:rgba(207,172,94,.60)!important}.hero-visual{height:338px!important}.hero-visual .cat-atmos{inset:0 0 170px!important}}
@media(max-width:390px){.mobile-stone-card.mobile-stone-approved{height:148px!important}.hero-visual{height:330px!important}.hero-visual .cat-atmos{inset:0 0 164px!important}}

/* v188 — thinner card + readable mobile typography crop */
@media (max-width:767px){
 .mobile-stone-card.mobile-stone-approved{height:126px!important;border-radius:23px!important;}
 .mobile-stone-card.mobile-stone-approved .mobile-stone-approved-art{object-fit:cover!important;object-position:42% 50%!important;transform:scale(1.055)!important;}
 .hero-visual{height:310px!important;}
 .hero-visual .cat-atmos{inset:0 0 142px!important;}
}
@media (max-width:390px){
 .mobile-stone-card.mobile-stone-approved{height:120px!important;border-radius:22px!important;}
 .mobile-stone-card.mobile-stone-approved .mobile-stone-approved-art{object-position:40% 50%!important;transform:scale(1.07)!important;}
 .hero-visual{height:302px!important;}
 .hero-visual .cat-atmos{inset:0 0 136px!important;}
}

/* v190 — premium approved composition preserved, exact Kristal Kedi logo + readable live text */
@media (max-width:767px){
.mobile-stone-v190{
  height:118px!important;
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:22px!important;
  border:1px solid rgba(210,177,95,.62)!important;
  background:#03111d!important;
  box-shadow:0 18px 42px rgba(0,0,0,.42)!important;
  text-decoration:none!important;
}
.stone-v190-art{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  z-index:1!important;
  display:block!important;
}
.stone-v190-shade{
  position:absolute;
  inset:0;
  z-index:2;
  background:
    linear-gradient(90deg,
      rgba(2,12,21,.98) 0%,
      rgba(2,12,21,.95) 24%,
      rgba(2,12,21,.88) 43%,
      rgba(2,12,21,.48) 56%,
      rgba(2,12,21,.04) 72%,
      rgba(2,12,21,0) 100%);
  pointer-events:none;
}
.stone-v190-left{
  position:relative;
  z-index:3;
  height:100%;
  width:62%;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 0 10px 13px;
  box-sizing:border-box;
}
.stone-v190-logo{
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  filter:drop-shadow(0 0 7px rgba(38,173,225,.12));
}
.stone-v190-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}
.stone-v190-copy h3{
  margin:0 0 5px!important;
  color:#f6f2e8!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:17px!important;
  line-height:.93!important;
  font-weight:500!important;
  letter-spacing:-.35px!important;
  text-shadow:0 1px 10px rgba(0,0,0,.7)!important;
}
.stone-v190-cats{
  display:flex;
  align-items:center;
  gap:4px;
  white-space:nowrap;
  margin-bottom:8px;
  color:#dce3e8;
  font:600 6.1px/1 Arial,sans-serif;
  letter-spacing:.01em;
}
.stone-v190-cats i{
  width:2px;height:2px;border-radius:50%;
  background:#c7a760;display:block;flex:0 0 2px;
}
.stone-v190-cta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#d9b968!important;
  font:700 7.2px/1 Arial,sans-serif!important;
  letter-spacing:.04em!important;
  padding-bottom:4px;
  border-bottom:1px solid rgba(211,177,94,.72);
  white-space:nowrap;
}
.stone-v190-cta b{
  font-size:12px;
  font-weight:400;
  line-height:7px;
}
}
@media (max-width:390px){
.mobile-stone-v190{height:114px!important;}
.stone-v190-left{width:64%;padding-left:11px;gap:8px;}
.stone-v190-logo{width:42px!important;height:42px!important;flex-basis:42px!important;}
.stone-v190-copy h3{font-size:16px!important;}
.stone-v190-cats{font-size:5.6px;}
.stone-v190-cta{font-size:6.7px!important;}
}

/* v191 — exact logo + readable live text + premium bracelet visual */
@media (max-width:767px){
.stone-card-v191{height:112px!important;position:relative!important;display:block!important;overflow:hidden!important;border-radius:22px!important;border:1px solid rgba(213,181,101,.72)!important;background:radial-gradient(circle at 30% 20%,rgba(22,71,100,.18),transparent 42%),linear-gradient(112deg,#031523 0%,#041827 54%,#020b13 100%)!important;box-shadow:0 18px 42px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035)!important;text-decoration:none!important;isolation:isolate!important}
.stone191-copy{position:relative;z-index:4;width:62%;height:100%;display:flex;align-items:center;gap:10px;padding:10px 4px 10px 13px;box-sizing:border-box}
.stone191-logo{width:45px!important;height:45px!important;flex:0 0 45px!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 0 8px rgba(52,180,229,.18))}
.stone191-content{min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.stone191-content h3{margin:0 0 6px!important;color:#f7f4ed!important;font-family:Georgia,'Times New Roman',serif!important;font-size:18px!important;line-height:1!important;font-weight:600!important;letter-spacing:-.38px!important;white-space:nowrap!important;text-shadow:0 1px 10px rgba(0,0,0,.55)!important}
.stone191-meta{display:flex;align-items:center;gap:4px;color:#dfe6eb;white-space:nowrap;margin-bottom:9px;font:600 6.5px/1 Arial,sans-serif;letter-spacing:.01em}
.stone191-meta i{width:2px;height:2px;border-radius:50%;background:#d2b36d;display:block;flex:0 0 2px}
.stone191-cta{display:inline-flex;align-items:center;gap:9px;color:#e0be69!important;font:700 7.7px/1 Arial,sans-serif!important;letter-spacing:.045em!important;padding-bottom:4px;border-bottom:1px solid rgba(221,188,105,.76);white-space:nowrap}
.stone191-cta b{font-size:13px;font-weight:400;line-height:7px}
.stone191-product{position:absolute;z-index:1;top:0;right:0;width:43%;height:100%;background:linear-gradient(90deg,#061724 0%,rgba(6,23,36,.66) 10%,rgba(6,23,36,.12) 28%,transparent 48%),url('../images/stone-product-premium-v191.jpg') center center / cover no-repeat}
.stone191-product:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,28,.85) 0%,rgba(3,17,28,.24) 25%,transparent 55%),linear-gradient(0deg,rgba(0,0,0,.12),transparent 42%)}
}
@media (max-width:390px){
.stone-card-v191{height:108px!important;border-radius:21px!important}
.stone191-copy{width:64%;gap:8px;padding-left:11px}
.stone191-logo{width:41px!important;height:41px!important;flex-basis:41px!important}
.stone191-content h3{font-size:16.5px!important}
.stone191-meta{font-size:5.8px}
.stone191-cta{font-size:7px!important}
.stone191-product{width:42%}
}

/* v192 — mobile natural stone card: compact premium editorial layout */
@media (max-width:767px){
  .stone-card-v191{
    height:96px!important;
    border-radius:19px!important;
    border:1px solid rgba(215,181,100,.62)!important;
    background:linear-gradient(108deg,#03131f 0%,#041827 56%,#020b12 100%)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035)!important;
  }
  .stone-card-v191:before{
    content:"";position:absolute;z-index:3;left:18px;right:46%;top:14px;height:1px;
    background:linear-gradient(90deg,rgba(83,203,235,.42),transparent 80%);pointer-events:none;
  }
  .stone191-copy{
    width:68%!important;height:100%!important;gap:9px!important;
    padding:15px 2px 10px 16px!important;align-items:center!important;
  }
  .stone191-logo{
    width:38px!important;height:38px!important;flex:0 0 38px!important;
    filter:drop-shadow(0 0 9px rgba(56,188,230,.20))!important;
  }
  .stone191-content h3{
    margin:0 0 5px!important;font-size:16px!important;line-height:1.05!important;
    font-weight:600!important;letter-spacing:-.25px!important;
  }
  .stone191-meta{font-size:6.1px!important;gap:3px!important;margin-bottom:7px!important;color:rgba(229,235,239,.76)!important}
  .stone191-cta{font-size:7px!important;gap:7px!important;padding-bottom:3px!important;color:#dfbc68!important;border-bottom-color:rgba(221,188,105,.58)!important}
  .stone191-cta b{font-size:11px!important}
  .stone191-product{
    display:block!important;top:0!important;right:0!important;width:43%!important;height:100%!important;
    background-image:linear-gradient(90deg,#041622 0%,rgba(4,22,34,.78) 12%,rgba(4,22,34,.22) 34%,transparent 58%),url('../images/stone-product-premium-v191.jpg')!important;
    background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important;
    filter:saturate(.92) contrast(1.04) brightness(.88);
  }
  .stone191-product:after{background:linear-gradient(90deg,rgba(3,17,28,.72) 0%,rgba(3,17,28,.18) 32%,transparent 62%),linear-gradient(0deg,rgba(0,0,0,.12),transparent 50%)!important}
}
@media (max-width:390px){
  .stone-card-v191{height:92px!important;border-radius:18px!important}
  .stone191-copy{width:69%!important;padding-left:13px!important;gap:7px!important}
  .stone191-logo{width:35px!important;height:35px!important;flex-basis:35px!important}
  .stone191-content h3{font-size:14.5px!important}
  .stone191-meta{font-size:5.4px!important;margin-bottom:6px!important}
  .stone191-cta{font-size:6.4px!important}
  .stone191-product{width:42%!important}
}

/* v193 — mobile Natural Stone card final proportion pass */
@media (max-width:760px){
  .shop-panel-float.shop-capsule-visual{
    width:calc(100vw - 24px)!important;
    min-height:114px!important;
    height:114px!important;
    padding:0 43% 0 17px!important;
    border-radius:21px!important;
    border:1px solid rgba(232,198,123,.72)!important;
    display:grid!important;
    grid-template-columns:39px minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    align-items:center!important;
    column-gap:10px!important;
    background:linear-gradient(100deg,rgba(3,14,28,.96) 0%,rgba(5,20,36,.94) 54%,rgba(5,19,33,.52) 100%)!important;
    box-shadow:0 16px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.055)!important;
  }
  .shop-panel-float.shop-capsule-visual::before{left:18px!important;width:92px!important;opacity:.65!important}
  .shop-panel-float.shop-capsule-visual::after{display:none!important}
  .shop-capsule-visual .shop-capsule-icon{
    width:39px!important;height:39px!important;flex:0 0 39px!important;margin:0!important;
    transform:none!important;align-self:center!important;z-index:5!important;
  }
  .shop-capsule-visual .shop-capsule-icon img{
    width:39px!important;height:39px!important;max-width:none!important;filter:drop-shadow(0 0 10px rgba(74,206,244,.20))!important;
  }
  .shop-capsule-visual .shop-capsule-copy{
    padding:0!important;margin:0!important;transform:translateY(-8px)!important;align-self:center!important;z-index:5!important;
  }
  .shop-capsule-visual .shop-capsule-title{
    font-size:14px!important;line-height:1.12!important;letter-spacing:.005em!important;font-weight:700!important;
    margin:0 0 6px!important;white-space:nowrap!important;color:#fbfbf9!important;
  }
  .shop-capsule-visual .shop-capsule-meta{
    font-size:6.7px!important;line-height:1.25!important;letter-spacing:.025em!important;font-weight:600!important;
    white-space:nowrap!important;color:rgba(241,247,253,.84)!important;text-shadow:0 1px 8px rgba(0,0,0,.45)!important;
  }
  .shop-capsule-visual .shop-capsule-meta span{margin:0 2px!important;color:#dfbf75!important}
  .shop-capsule-visual .shop-capsule-go{
    left:66px!important;bottom:22px!important;font-size:7.3px!important;letter-spacing:.075em!important;
    gap:6px!important;padding-bottom:3px!important;z-index:6!important;
  }
  .shop-capsule-visual .shop-capsule-go b{font-size:12px!important}
  .shop-capsule-visual .shop-capsule-stones{
    display:block!important;right:0!important;top:0!important;bottom:0!important;width:43%!important;height:100%!important;
    overflow:hidden!important;border-radius:0 20px 20px 0!important;opacity:1!important;filter:none!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.58) 18%,#000 43%,#000 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.58) 18%,#000 43%,#000 100%)!important;
  }
  .shop-capsule-visual .shop-capsule-stones::before{display:none!important}
  .shop-capsule-visual .shop-capsule-stones::after{
    content:""!important;position:absolute!important;inset:0!important;z-index:2!important;
    background:linear-gradient(90deg,rgba(4,17,32,.52) 0%,rgba(4,17,32,.08) 42%,rgba(0,0,0,.04) 100%)!important;
  }
  .shop-capsule-visual .shop-capsule-stones img:first-child{
    display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    object-fit:cover!important;object-position:center!important;clip-path:none!important;border-radius:0!important;
    transform:none!important;opacity:.93!important;filter:saturate(.90) contrast(1.05) brightness(.78)!important;
  }
  .shop-capsule-visual .shop-capsule-stones img:last-child{display:none!important}
}

/* v194 — mobile stone card: remove duplicate floating desktop capsule and use one clean card only */
@media (max-width:767px){
  /* The desktop hero capsule must never render on mobile. It was overlapping the real mobile card. */
  .hero-visual > .shop-panel-float.shop-glass-capsule.shop-capsule-visual{
    display:none!important;
  }

  .hero-visual > .mobile-stone-card.stone-card-v191{
    display:block!important;
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    bottom:0!important;
    width:auto!important;
    height:106px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:21px!important;
    border:1px solid rgba(216,183,103,.68)!important;
    background:
      radial-gradient(circle at 19% 20%,rgba(39,138,176,.10),transparent 34%),
      linear-gradient(108deg,#031522 0%,#041724 55%,#020b13 100%)!important;
    box-shadow:0 16px 38px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.045)!important;
    isolation:isolate!important;
    box-sizing:border-box!important;
  }
  .hero-visual > .mobile-stone-card.stone-card-v191::before{
    content:""!important;
    position:absolute!important;
    left:20px!important;
    top:13px!important;
    width:112px!important;
    height:1px!important;
    z-index:7!important;
    background:linear-gradient(90deg,rgba(85,208,239,.46),transparent)!important;
    pointer-events:none!important;
  }
  .hero-visual > .mobile-stone-card.stone-card-v191::after{
    display:none!important;
    content:none!important;
  }

  .stone-card-v191 .stone191-copy{
    position:relative!important;
    z-index:5!important;
    width:68%!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    padding:16px 0 10px 16px!important;
    box-sizing:border-box!important;
  }
  .stone-card-v191 .stone191-logo{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 0 9px rgba(62,198,235,.18))!important;
  }
  .stone-card-v191 .stone191-content{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
  }
  .stone-card-v191 .stone191-content h3{
    margin:0 0 6px!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:15.8px!important;
    line-height:1.03!important;
    font-weight:600!important;
    letter-spacing:-.28px!important;
    white-space:nowrap!important;
    color:#f8f5ef!important;
    text-shadow:0 2px 12px rgba(0,0,0,.55)!important;
  }
  .stone-card-v191 .stone191-meta{
    display:flex!important;
    align-items:center!important;
    gap:3px!important;
    margin:0 0 8px!important;
    color:rgba(231,238,242,.76)!important;
    font:600 5.75px/1.1 Arial,sans-serif!important;
    letter-spacing:.005em!important;
    white-space:nowrap!important;
  }
  .stone-card-v191 .stone191-meta i{
    width:2px!important;height:2px!important;flex:0 0 2px!important;
    border-radius:50%!important;background:#d4b56f!important;
  }
  .stone-card-v191 .stone191-cta{
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    padding:0 0 3px!important;
    border-bottom:1px solid rgba(224,191,108,.64)!important;
    color:#dfbd6d!important;
    font:700 6.8px/1 Arial,sans-serif!important;
    letter-spacing:.055em!important;
    white-space:nowrap!important;
  }
  .stone-card-v191 .stone191-cta b{
    font-size:11px!important;
    line-height:7px!important;
    font-weight:400!important;
  }

  .stone-card-v191 .stone191-product{
    display:block!important;
    position:absolute!important;
    z-index:1!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    width:40.5%!important;
    height:100%!important;
    border-radius:0 20px 20px 0!important;
    overflow:hidden!important;
    background:
      linear-gradient(90deg,#041622 0%,rgba(4,22,34,.68) 16%,rgba(4,22,34,.18) 38%,transparent 64%),
      url('../images/stone-product-premium-v191.jpg') center 52% / cover no-repeat!important;
    filter:saturate(.93) contrast(1.05) brightness(.88)!important;
  }
  .stone-card-v191 .stone191-product::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(90deg,rgba(3,17,28,.72) 0%,rgba(3,17,28,.13) 40%,transparent 68%),linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.10))!important;
  }
}
@media (max-width:390px){
  .hero-visual > .mobile-stone-card.stone-card-v191{left:10px!important;right:10px!important;height:102px!important;border-radius:20px!important}
  .stone-card-v191 .stone191-copy{width:69%!important;padding-left:14px!important;gap:8px!important}
  .stone-card-v191 .stone191-logo{width:35px!important;height:35px!important;flex-basis:35px!important}
  .stone-card-v191 .stone191-content h3{font-size:14.6px!important}
  .stone-card-v191 .stone191-meta{font-size:5.35px!important;margin-bottom:7px!important}
  .stone-card-v191 .stone191-cta{font-size:6.35px!important}
  .stone-card-v191 .stone191-product{width:40%!important}
}

/* v195 — MOBILE natural stone banner: approved single artwork, no layered pseudo-elements */
.mobile-stone-v195{display:none;}
@media (max-width:767px){
  .hero-visual > .shop-panel-float.shop-glass-capsule.shop-capsule-visual{display:none!important;}
  .hero-visual > .mobile-stone-v195{
    display:block!important;
    position:absolute!important;
    left:8px!important;
    right:8px!important;
    bottom:0!important;
    height:auto!important;
    aspect-ratio:3.64 / 1!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:21px!important;
    background:transparent!important;
    box-shadow:0 16px 34px rgba(0,0,0,.34)!important;
    text-decoration:none!important;
    isolation:isolate!important;
    padding:0!important;
  }
  .hero-visual > .mobile-stone-v195::before,
  .hero-visual > .mobile-stone-v195::after{display:none!important;content:none!important;}
  .mobile-stone-v195 > img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:fill!important;
    object-position:center!important;
    border:0!important;
    margin:0!important;
    padding:0!important;
  }
}
@media (max-width:390px){
  .hero-visual > .mobile-stone-v195{left:7px!important;right:7px!important;border-radius:19px!important;}
}

/* v196 — restore continuous gold perimeter on approved mobile stone banner */
@media (max-width:767px){
  .hero-visual > .mobile-stone-v195{
    border:1px solid rgba(218,176,82,.92)!important;
    box-sizing:border-box!important;
  }
  .mobile-stone-v195 > img{
    border-radius:20px!important;
  }
}
@media (max-width:390px){
  .mobile-stone-v195 > img{border-radius:18px!important;}
}

/* v197 — MOBILE Falcını Seç: 3 cards per row, vertical grid */
@media (max-width:767px){
  #falcilar .grid-4{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    overflow:visible!important;
    padding:0!important;
    margin:0!important;
    scroll-snap-type:none!important;
  }
  #falcilar .reader-card{
    width:100%!important;
    min-width:0!important;
    flex:none!important;
    height:238px!important;
    min-height:238px!important;
    border-radius:15px!important;
    scroll-snap-align:none!important;
  }
  #falcilar .reader-card .photo{
    inset:0 0 92px!important;
  }
  #falcilar .reader-card .body{
    height:92px!important;
    padding:10px 7px 8px!important;
  }
  #falcilar .reader-card .name{font-size:15px!important;}
  #falcilar .reader-card .role{font-size:5.8px!important;margin-top:3px!important;}
  #falcilar .reader-card .chips{display:none!important;}
  #falcilar .reader-card .links{gap:3px!important;margin-top:5px!important;padding-top:5px!important;}
  #falcilar .reader-card .links a{font-size:5.8px!important;}
  #falcilar .reader-card .cta{min-height:27px!important;font-size:6.6px!important;margin-top:5px!important;border-radius:8px!important;padding:5px 3px!important;}
  #falcilar .reader-play{width:32px!important;height:32px!important;}
}
@media (max-width:390px){
  #falcilar .grid-4{gap:6px!important;}
  #falcilar .reader-card{height:220px!important;min-height:220px!important;border-radius:14px!important;}
  #falcilar .reader-card .photo{inset:0 0 88px!important;}
  #falcilar .reader-card .body{height:88px!important;padding:9px 6px 7px!important;}
  #falcilar .reader-card .name{font-size:14px!important;}
}


/* v204 — Falcılar page: remove duplicate mobile intro + definitive readable desktop intro */
#falcilar.reader-directory .reader-directory-intro .eyebrow{
  color:#e9bd61!important;
  -webkit-text-fill-color:#e9bd61!important;
  opacity:1!important;
  text-shadow:none!important;
}
#falcilar.reader-directory .reader-directory-intro .section-title{
  color:#f8f5ef!important;
  -webkit-text-fill-color:#f8f5ef!important;
  opacity:1!important;
  text-shadow:none!important;
}
#falcilar.reader-directory .reader-directory-intro .section-title em{
  color:#e9bd61!important;
  -webkit-text-fill-color:#e9bd61!important;
  opacity:1!important;
  text-shadow:none!important;
}
#falcilar.reader-directory .reader-directory-intro .section-desc{
  color:#d9e0e8!important;
  -webkit-text-fill-color:#d9e0e8!important;
  opacity:1!important;
  font-weight:500!important;
  text-shadow:none!important;
}
@media (max-width:767px){
  /* Page hero already introduces the directory; repeating a second intro made mobile crowded. */
  #falcilar.reader-directory .reader-directory-intro{display:none!important;}
  #falcilar.reader-directory{padding-top:18px!important;}
  #falcilar.reader-directory .reader-detail-list{margin-top:0!important;}
  .page-hero .lead{max-width:32ch!important;}
}


/* === V205: Mobil falcı kartları — erişilebilir aksiyonlar === */
@media (max-width: 700px){
  /* Gereksiz rol satırını mobil kartlarda göstermiyoruz. */
  #falcilar .reader-card .role{display:none !important;}

  /* Profili İncele / Tüm Videolar artık gerçek dokunma alanları. */
  #falcilar .reader-card .links{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:7px !important;
    margin-top:10px !important;
    padding-top:0 !important;
    border-top:0 !important;
    width:100%;
  }
  #falcilar .reader-card .links a{
    min-width:0;
    min-height:44px;
    padding:7px 5px;
    border:1px solid rgba(221,186,111,.72) !important;
    border-radius:10px;
    background:rgba(5,21,39,.76);
    color:#f7fbfd !important;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    white-space:normal !important;
    font-size:10.5px !important;
    line-height:1.12;
    font-weight:700 !important;
    text-decoration:none;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
  }
  #falcilar .reader-card .links a::after{display:none !important;content:none !important;}
  #falcilar .reader-card .links a:active{
    transform:scale(.97);
    background:rgba(18,55,78,.92);
    border-color:rgba(241,207,134,.95) !important;
  }

  /* Randevu alanı daha ince; üst aksiyonlara yer açıyor. */
  #falcilar .reader-card .cta{
    min-height:35px !important;
    height:35px;
    margin-top:8px !important;
    padding:5px 8px !important;
    border-radius:9px !important;
    font-size:10.5px !important;
    line-height:1 !important;
  }
  #falcilar .reader-card .cta .wa-icon,
  #falcilar .reader-card .wa-icon{width:15px !important;height:15px !important;}

  /* Kart gövdesindeki boşlukları temizleyip yeni butonlara alan bırak. */
  #falcilar .reader-card .body{padding-bottom:12px !important;}
}


/* === V207: Mobil ana sayfa falcı kartları — tek CTA + merkezi video geçidi === */
.mobile-all-videos-cta{display:none;}
@media (max-width:700px){
  /* Kartlarda yalnızca profil aksiyonu: temiz, büyük ve rahat dokunulur. */
  #falcilar .reader-card .links{
    display:block !important;
    width:100% !important;
    margin-top:10px !important;
  }
  #falcilar .reader-card .links a:first-child{
    display:flex !important;
    width:100% !important;
    min-height:44px !important;
    padding:8px 6px !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid rgba(232,195,116,.86) !important;
    border-radius:10px !important;
    font-size:11px !important;
    line-height:1.12 !important;
    font-weight:800 !important;
  }
  #falcilar .reader-card .links a:nth-child(n+2){display:none !important;}
  #falcilar .reader-card .cta{display:none !important;}
  #falcilar .reader-card .body{padding-bottom:12px !important;}

  /* Tüm videolar artık kartlarda tekrarlanmıyor; bölümün tek güçlü geçidi. */
  #falcilar .mobile-all-videos-cta{
    display:flex !important;
    align-items:center;
    gap:10px;
    width:100%;
    min-height:58px;
    margin:14px 0 16px;
    padding:10px 13px;
    border:1px solid rgba(232,195,116,.86);
    border-radius:14px;
    background:linear-gradient(135deg,rgba(5,25,45,.96),rgba(7,45,59,.92));
    color:#fff !important;
    text-decoration:none !important;
    box-shadow:0 8px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06);
    -webkit-tap-highlight-color:transparent;
  }
  #falcilar .mobile-all-videos-icon{
    width:34px;height:34px;flex:0 0 34px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    border:1px solid rgba(232,195,116,.9);color:#edc778;font-size:13px;
  }
  #falcilar .mobile-all-videos-cta > span:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0;}
  #falcilar .mobile-all-videos-cta strong{font-size:13px;line-height:1.1;color:#fff;letter-spacing:.01em;}
  #falcilar .mobile-all-videos-cta small{font-size:9.5px;line-height:1.2;color:rgba(231,239,245,.74);font-weight:500;}
  #falcilar .mobile-all-videos-arrow{margin-left:auto;color:#edc778;font-size:20px;line-height:1;}
  #falcilar .mobile-all-videos-cta:active{transform:scale(.985);}
}


/* === V208: Mobil Falcını Seç — daha kibar / estetik, profil + randevu birlikte === */
@media (max-width:700px){
  #falcilar{
    --v208-gold:#e8c171;
    --v208-gold-soft:rgba(232,193,113,.76);
    --v208-ink:#06111f;
    --v208-panel:#08243a;
    --v208-cyan:#28c9b0;
  }

  /* Bölüm başlığı: referans tasarımdaki daha zarif altın hiyerarşi */
  #falcilar .section-head{margin-bottom:12px!important;}
  #falcilar .section-head .eyebrow{
    color:var(--v208-gold)!important;
    letter-spacing:.16em!important;
    font-size:9px!important;
  }
  #falcilar .section-head .section-title{
    color:#fff!important;
    font-size:32px!important;
    line-height:1.02!important;
    margin-top:6px!important;
    margin-bottom:10px!important;
  }
  #falcilar .section-head .section-title em{color:var(--v208-gold)!important;}
  #falcilar .section-head .section-desc{
    max-width:36ch!important;
    color:rgba(241,245,249,.86)!important;
    font-size:11px!important;
    line-height:1.55!important;
  }

  /* Tüm videolar: daha premium, daha ince ve görsel olarak tek güçlü geçit */
  #falcilar .mobile-all-videos-cta{
    position:relative!important;
    overflow:hidden!important;
    min-height:66px!important;
    margin:14px 0 18px!important;
    padding:11px 14px!important;
    gap:11px!important;
    border:1px solid rgba(235,196,116,.9)!important;
    border-radius:17px!important;
    background:
      radial-gradient(circle at 91% 36%,rgba(232,193,113,.16),transparent 23%),
      linear-gradient(135deg,rgba(7,28,48,.98),rgba(5,47,63,.94))!important;
    box-shadow:0 12px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.055)!important;
  }
  #falcilar .mobile-all-videos-cta::after{
    content:"";
    position:absolute;
    right:20px;top:-18px;
    width:58px;height:58px;border-radius:50%;
    border:1px solid rgba(232,193,113,.18);
    box-shadow:0 0 28px rgba(232,193,113,.10);
    pointer-events:none;
  }
  #falcilar .mobile-all-videos-icon{
    width:38px!important;height:38px!important;flex:0 0 38px!important;
    border:1px solid rgba(235,196,116,.96)!important;
    color:var(--v208-gold)!important;
    background:rgba(2,14,25,.38)!important;
    font-size:12px!important;
  }
  #falcilar .mobile-all-videos-cta strong{
    font-family:Georgia,'Times New Roman',serif!important;
    color:#fff5df!important;
    font-size:15px!important;
    font-weight:700!important;
  }
  #falcilar .mobile-all-videos-cta small{
    color:rgba(229,236,242,.72)!important;
    font-size:9px!important;
  }
  #falcilar .mobile-all-videos-arrow{
    color:var(--v208-gold)!important;
    font-size:21px!important;
    position:relative;z-index:2;
  }

  /* Üçlü grid korunuyor, ama kartlar nefes alıyor. */
  #falcilar .grid-4{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  #falcilar .reader-card{
    height:294px!important;
    min-height:294px!important;
    border-radius:17px!important;
    border:1px solid rgba(228,188,105,.72)!important;
    background:#061321!important;
    overflow:hidden!important;
    box-shadow:0 9px 22px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.02)!important;
  }
  #falcilar .reader-card .photo{
    inset:0 0 116px!important;
    overflow:hidden!important;
  }
  #falcilar .reader-card .photo::after{
    content:"";
    position:absolute;inset:auto 0 0;
    height:48%;
    background:linear-gradient(180deg,transparent,rgba(4,22,37,.94));
    pointer-events:none;
  }
  #falcilar .reader-card .photo img{
    width:100%!important;height:100%!important;
    object-fit:cover!important;
  }
  #falcilar .reader-play{
    width:36px!important;height:36px!important;
    border:1px solid rgba(232,193,113,.78)!important;
    background:rgba(6,15,27,.74)!important;
    box-shadow:0 4px 14px rgba(0,0,0,.28),0 0 0 4px rgba(232,193,113,.07)!important;
    z-index:3!important;
  }
  #falcilar .reader-play svg{width:13px!important;height:13px!important;}

  #falcilar .reader-card .body{
    height:116px!important;
    padding:8px 7px 8px!important;
    background:linear-gradient(180deg,rgba(6,35,56,.985),rgba(4,24,40,.99))!important;
    border-top:1px solid rgba(37,117,153,.26)!important;
  }
  #falcilar .reader-card .name{
    color:#fff!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:15.5px!important;
    font-style:italic!important;
    font-weight:700!important;
    line-height:1!important;
    margin-bottom:7px!important;
    text-shadow:0 2px 8px rgba(0,0,0,.28)!important;
  }

  /* Sadece Profili İncele göster; tüm video linki karttan kaldırılmış durumda. */
  #falcilar .reader-card .links{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }
  #falcilar .reader-card .links a:first-child{
    display:flex!important;
    min-height:39px!important;
    width:100%!important;
    padding:7px 4px!important;
    border:1px solid rgba(235,196,116,.92)!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,rgba(10,29,47,.94),rgba(5,20,34,.96))!important;
    color:#fff!important;
    font-size:9.4px!important;
    line-height:1.1!important;
    font-weight:750!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  #falcilar .reader-card .links a:first-child::before{
    content:"●";
    color:var(--v208-gold)!important;
    font-size:7px;
    margin-right:5px;
    opacity:.9;
  }
  #falcilar .reader-card .links a:nth-child(n+2){display:none!important;}

  /* Randevu geri geldi: daha ince, daha zarif, yine kolay dokunulur. */
  #falcilar .reader-card .cta{
    display:flex!important;
    width:100%!important;
    min-height:32px!important;
    height:32px!important;
    margin-top:7px!important;
    padding:4px 5px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    border:1px solid rgba(39,176,199,.62)!important;
    border-radius:10px!important;
    background:rgba(3,27,43,.72)!important;
    color:#f4fbff!important;
    font-size:9.1px!important;
    line-height:1!important;
    font-weight:700!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  }
  #falcilar .reader-card .cta .wa-icon,
  #falcilar .reader-card .wa-icon{
    width:14px!important;height:14px!important;
    color:#2bd4a8!important;
    flex:0 0 14px!important;
  }
  #falcilar .reader-card .links a:active,
  #falcilar .reader-card .cta:active{transform:scale(.97)!important;}
}

@media (max-width:390px){
  #falcilar .grid-4{gap:6px!important;}
  #falcilar .reader-card{height:282px!important;min-height:282px!important;border-radius:15px!important;}
  #falcilar .reader-card .photo{inset:0 0 112px!important;}
  #falcilar .reader-card .body{height:112px!important;padding:7px 6px!important;}
  #falcilar .reader-card .name{font-size:14.5px!important;margin-bottom:6px!important;}
  #falcilar .reader-card .links a:first-child{min-height:37px!important;font-size:8.8px!important;}
  #falcilar .reader-card .cta{height:31px!important;min-height:31px!important;font-size:8.5px!important;margin-top:6px!important;}
}

/* === V209: Mobil Falcını Seç — referans görseline birebir yakın premium düzen === */
@media (max-width:700px){
  #falcilar{
    --v209-gold:#efc86f;
    --v209-gold2:#d9a94f;
    --v209-navy:#061522;
    --v209-navy2:#08243a;
    --v209-cyan:#20c9b2;
    background:transparent!important;
    padding-top:28px!important;
  }
  #falcilar .container{padding-left:14px!important;padding-right:14px!important;}

  #falcilar .section-head{margin-bottom:14px!important;}
  #falcilar .section-head .eyebrow{
    display:flex!important;align-items:center!important;gap:7px!important;
    color:var(--v209-gold)!important;font-size:10px!important;font-weight:800!important;
    letter-spacing:.13em!important;text-transform:uppercase!important;
  }
  #falcilar .section-head .eyebrow::before{
    content:"✦";font-size:10px;color:var(--v209-gold)!important;
  }
  #falcilar .section-head .section-title{
    margin:7px 0 10px!important;color:#fff!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:38px!important;line-height:.98!important;font-weight:700!important;
    letter-spacing:-.035em!important;
  }
  #falcilar .section-head .section-title em{color:var(--v209-gold)!important;font-style:italic!important;}
  #falcilar .section-head .section-desc{
    max-width:40ch!important;color:rgba(244,247,250,.86)!important;
    font-size:11.5px!important;line-height:1.5!important;margin:0!important;
  }

  #falcilar .mobile-all-videos-cta{
    display:flex!important;position:relative!important;overflow:hidden!important;
    min-height:72px!important;margin:18px 0 18px!important;padding:12px 15px!important;
    gap:12px!important;border:1px solid rgba(239,200,111,.94)!important;border-radius:18px!important;
    background:
      radial-gradient(circle at 87% 40%,rgba(239,200,111,.22),transparent 23%),
      radial-gradient(circle at 78% 90%,rgba(255,255,255,.06),transparent 16%),
      linear-gradient(135deg,#071827 0%,#07344a 100%)!important;
    box-shadow:0 0 0 1px rgba(239,200,111,.10),0 12px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.07)!important;
  }
  #falcilar .mobile-all-videos-cta::before{
    content:"";position:absolute;right:34px;top:8px;width:38px;height:38px;border-radius:50%;
    border:1px solid rgba(239,200,111,.55);box-shadow:-8px 0 0 -1px #07344a,0 0 22px rgba(239,200,111,.16);
    opacity:.9;pointer-events:none;
  }
  #falcilar .mobile-all-videos-cta::after{
    content:"✦";position:absolute;right:24px;top:14px;color:rgba(239,200,111,.88);
    font-size:8px;pointer-events:none;
  }
  #falcilar .mobile-all-videos-icon{
    width:42px!important;height:42px!important;flex:0 0 42px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    border:1px solid rgba(239,200,111,.95)!important;border-radius:50%!important;
    background:rgba(3,17,29,.66)!important;color:var(--v209-gold)!important;font-size:13px!important;
  }
  #falcilar .mobile-all-videos-cta > span:nth-child(2){display:flex!important;flex-direction:column!important;gap:2px!important;position:relative;z-index:2;}
  #falcilar .mobile-all-videos-cta strong{
    color:#fff6df!important;font-family:Georgia,'Times New Roman',serif!important;
    font-size:16px!important;line-height:1.05!important;font-weight:700!important;
  }
  #falcilar .mobile-all-videos-cta small{color:rgba(236,241,246,.72)!important;font-size:9.4px!important;line-height:1.2!important;}
  #falcilar .mobile-all-videos-arrow{margin-left:auto!important;position:relative;z-index:3;color:var(--v209-gold)!important;font-size:22px!important;}

  #falcilar .grid-4{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;align-items:start!important;}
  #falcilar .reader-card{
    position:relative!important;height:326px!important;min-height:326px!important;
    border:1px solid rgba(230,188,96,.82)!important;border-radius:18px!important;
    background:linear-gradient(180deg,#07121c 0%,#061827 100%)!important;overflow:hidden!important;
    box-shadow:0 10px 24px rgba(0,0,0,.27),inset 0 0 0 1px rgba(255,255,255,.02)!important;
  }
  #falcilar .reader-card .photo{position:absolute!important;inset:0 0 128px!important;overflow:hidden!important;}
  #falcilar .reader-card .photo::after{
    content:"";position:absolute!important;inset:auto 0 0!important;height:45%!important;
    background:linear-gradient(180deg,transparent 0%,rgba(4,18,30,.90) 72%,rgba(4,18,30,.98) 100%)!important;
    pointer-events:none!important;
  }
  #falcilar .reader-card .photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;}
  #falcilar .reader-play{
    width:38px!important;height:38px!important;border-radius:50%!important;
    border:1px solid rgba(239,200,111,.88)!important;background:rgba(7,15,24,.78)!important;
    box-shadow:0 5px 15px rgba(0,0,0,.35),0 0 0 4px rgba(239,200,111,.08)!important;
    z-index:4!important;
  }
  #falcilar .reader-play svg{width:14px!important;height:14px!important;color:#fff!important;}

  #falcilar .reader-card .body{
    position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:128px!important;
    padding:7px 7px 8px!important;background:linear-gradient(180deg,rgba(5,26,43,.98),rgba(4,20,34,.995))!important;
    border-top:0!important;z-index:5!important;
  }
  #falcilar .reader-card .name{
    position:relative!important;display:block!important;margin:0 0 13px!important;padding:0 0 9px!important;
    color:#fff!important;font-family:Georgia,'Times New Roman',serif!important;font-size:16px!important;
    line-height:1!important;font-style:italic!important;font-weight:700!important;text-shadow:0 2px 8px rgba(0,0,0,.35)!important;
  }
  #falcilar .reader-card .name::after{
    content:"";position:absolute;left:8%;right:8%;bottom:1px;height:1px;
    background:linear-gradient(90deg,transparent,var(--v209-gold),transparent);
    box-shadow:0 0 8px rgba(239,200,111,.25);
  }
  #falcilar .reader-card .name::before{
    content:"◆";position:absolute;left:50%;bottom:-3px;transform:translateX(-50%);
    color:var(--v209-gold);font-size:6px;background:#071c2e;padding:0 3px;z-index:2;
  }

  #falcilar .reader-card .links{display:block!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;}
  #falcilar .reader-card .links a:first-child{
    position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;height:36px!important;min-height:36px!important;padding:0 18px 0 22px!important;
    border:1px solid rgba(239,200,111,.94)!important;border-radius:999px!important;
    background:linear-gradient(180deg,rgba(11,29,46,.98),rgba(5,20,34,.98))!important;
    color:#fff!important;font-size:9.8px!important;line-height:1!important;font-weight:800!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 3px 9px rgba(0,0,0,.16)!important;
  }
  #falcilar .reader-card .links a:first-child::before{
    content:"●"!important;color:var(--v209-gold)!important;font-size:10px!important;margin-right:6px!important;
    text-shadow:0 -5px 0 rgba(239,200,111,.75)!important;opacity:1!important;
  }
  #falcilar .reader-card .links a:first-child::after{
    content:"›";position:absolute;right:10px;top:50%;transform:translateY(-52%);
    color:var(--v209-gold);font-size:17px;font-weight:400;
  }
  #falcilar .reader-card .links a:nth-child(n+2){display:none!important;}

  #falcilar .reader-card .cta{
    display:flex!important;width:100%!important;height:31px!important;min-height:31px!important;
    margin-top:7px!important;padding:0 5px!important;align-items:center!important;justify-content:center!important;gap:5px!important;
    border:1px solid rgba(43,173,201,.72)!important;border-radius:999px!important;
    background:linear-gradient(180deg,rgba(4,31,47,.88),rgba(2,24,38,.92))!important;
    color:#f7fbff!important;font-size:9.7px!important;line-height:1!important;font-weight:750!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  }
  #falcilar .reader-card .cta .wa-icon,#falcilar .reader-card .wa-icon{
    width:15px!important;height:15px!important;flex:0 0 15px!important;color:#20d6a5!important;
  }
}

@media (max-width:390px){
  #falcilar .container{padding-left:12px!important;padding-right:12px!important;}
  #falcilar .grid-4{gap:7px!important;}
  #falcilar .section-head .section-title{font-size:35px!important;}
  #falcilar .reader-card{height:314px!important;min-height:314px!important;border-radius:16px!important;}
  #falcilar .reader-card .photo{inset:0 0 125px!important;}
  #falcilar .reader-card .body{height:125px!important;padding:7px 6px 7px!important;}
  #falcilar .reader-card .name{font-size:15px!important;margin-bottom:12px!important;}
  #falcilar .reader-card .links a:first-child{height:35px!important;min-height:35px!important;font-size:9px!important;padding-left:18px!important;padding-right:16px!important;}
  #falcilar .reader-card .cta{height:30px!important;min-height:30px!important;font-size:9px!important;margin-top:6px!important;}
  #falcilar .reader-card .cta .wa-icon,#falcilar .reader-card .wa-icon{width:14px!important;height:14px!important;flex-basis:14px!important;}
}

/* === V210: Mobil Falcını Seç — son onaylanan referansın oranları ve premium görünümü === */
@media (max-width:700px){
  #falcilar{
    --v210-gold:#efc66f;
    --v210-gold-soft:#d9ad59;
    --v210-cyan:#2ec7e7;
    --v210-green:#16d8a5;
    padding-top:22px!important;
  }
  #falcilar .container{padding-left:16px!important;padding-right:16px!important;}
  #falcilar .section-head{margin-bottom:16px!important;}
  #falcilar .section-head .eyebrow{
    font-size:10px!important;letter-spacing:.16em!important;color:var(--v210-gold)!important;
    margin-bottom:6px!important;
  }
  #falcilar .section-head .section-title{
    margin:0 0 9px!important;font-size:33px!important;line-height:.98!important;
    color:#fff!important;letter-spacing:-.045em!important;
  }
  #falcilar .section-head .section-title em{color:var(--v210-gold)!important;}
  #falcilar .section-head .section-desc{
    max-width:42ch!important;font-size:11px!important;line-height:1.45!important;
    color:rgba(244,247,250,.88)!important;
  }

  #falcilar .mobile-all-videos-cta{
    min-height:70px!important;margin:16px 0 16px!important;padding:11px 14px!important;gap:12px!important;
    border:1.2px solid rgba(239,198,111,.96)!important;border-radius:19px!important;
    background:
      radial-gradient(circle at 88% 48%,rgba(239,198,111,.18),transparent 23%),
      linear-gradient(135deg,#071725 0%,#07344c 58%,#092d40 100%)!important;
    box-shadow:0 0 16px rgba(239,198,111,.09),0 12px 26px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  #falcilar .mobile-all-videos-icon{
    width:44px!important;height:44px!important;flex:0 0 44px!important;
    border:1.2px solid var(--v210-gold)!important;background:#071725!important;
    color:var(--v210-gold)!important;font-size:14px!important;
  }
  #falcilar .mobile-all-videos-cta strong{
    color:#fff7e8!important;font-size:16.5px!important;line-height:1.05!important;font-weight:700!important;
  }
  #falcilar .mobile-all-videos-cta small{
    color:var(--v210-cyan)!important;font-size:9.4px!important;line-height:1.2!important;margin-top:2px!important;
  }
  #falcilar .mobile-all-videos-arrow{font-size:22px!important;color:var(--v210-gold)!important;}
  #falcilar .mobile-all-videos-cta::before{
    right:35px!important;top:11px!important;width:42px!important;height:42px!important;
    border:1px solid rgba(239,198,111,.72)!important;box-shadow:-10px 0 0 -2px #083248,0 0 18px rgba(239,198,111,.12)!important;
  }
  #falcilar .mobile-all-videos-cta::after{content:"✦"!important;right:20px!important;top:12px!important;font-size:7px!important;}

  #falcilar .grid-4{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;align-items:start!important;
  }
  #falcilar .reader-card{
    height:246px!important;min-height:246px!important;border-radius:18px!important;
    border:1.1px solid rgba(239,198,111,.90)!important;
    background:#04111d!important;overflow:hidden!important;
    box-shadow:0 9px 20px rgba(0,0,0,.26),inset 0 0 0 1px rgba(255,255,255,.018)!important;
  }
  #falcilar .reader-card .photo{
    inset:0!important;height:100%!important;overflow:hidden!important;
  }
  #falcilar .reader-card .photo img{
    width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;
  }
  #falcilar .reader-card .photo::after{
    height:61%!important;
    background:linear-gradient(180deg,transparent 0%,rgba(4,15,25,.12) 22%,rgba(4,18,30,.76) 52%,#041522 82%,#041522 100%)!important;
  }
  #falcilar .reader-play{
    width:38px!important;height:38px!important;border:1.2px solid rgba(239,198,111,.92)!important;
    background:rgba(6,15,24,.84)!important;box-shadow:0 4px 12px rgba(0,0,0,.34),0 0 0 3px rgba(239,198,111,.06)!important;
  }
  #falcilar .reader-play svg{width:13px!important;height:13px!important;}

  #falcilar .reader-card .body{
    left:0!important;right:0!important;bottom:0!important;height:101px!important;
    padding:0 7px 7px!important;background:transparent!important;z-index:5!important;
    display:flex!important;flex-direction:column!important;justify-content:flex-end!important;
  }
  #falcilar .reader-card .name{
    margin:0 0 8px!important;padding:0 0 8px!important;text-align:center!important;
    font-size:15.8px!important;line-height:1!important;color:#fff!important;
    font-family:Georgia,'Times New Roman',serif!important;font-style:italic!important;font-weight:700!important;
    text-shadow:0 2px 7px rgba(0,0,0,.5)!important;
  }
  #falcilar .reader-card .name::after{
    left:20%!important;right:20%!important;bottom:1px!important;
    background:linear-gradient(90deg,transparent,var(--v210-gold),var(--v210-gold),transparent)!important;
  }
  #falcilar .reader-card .name::before{
    content:"◆"!important;bottom:-2px!important;font-size:5px!important;background:#041522!important;
  }

  #falcilar .reader-card .links{display:block!important;width:100%!important;margin:0!important;}
  #falcilar .reader-card .links a:first-child{
    display:flex!important;align-items:center!important;justify-content:center!important;
    height:31px!important;min-height:31px!important;width:100%!important;padding:0 18px 0 19px!important;
    border:1.1px solid var(--v210-gold)!important;border-radius:999px!important;
    background:rgba(4,18,30,.78)!important;color:#fff!important;
    font-size:8.8px!important;line-height:1!important;font-weight:800!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  #falcilar .reader-card .links a:first-child::before{
    content:"♟"!important;color:var(--v210-gold)!important;font-size:10px!important;margin-right:5px!important;
    text-shadow:none!important;
  }
  #falcilar .reader-card .links a:first-child::after{
    content:"›"!important;right:8px!important;color:var(--v210-gold)!important;font-size:16px!important;
  }
  #falcilar .reader-card .links a:nth-child(n+2){display:none!important;}

  #falcilar .reader-card .cta{
    display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
    width:100%!important;height:27px!important;min-height:27px!important;margin-top:6px!important;padding:0 4px!important;
    border:1px solid rgba(28,171,198,.88)!important;border-radius:999px!important;
    background:rgba(2,24,38,.83)!important;color:#f8fbff!important;
    font-size:8.8px!important;line-height:1!important;font-weight:800!important;
  }
  #falcilar .reader-card .cta .wa-icon,#falcilar .reader-card .wa-icon{
    width:14px!important;height:14px!important;flex:0 0 14px!important;color:var(--v210-green)!important;
  }
}

@media (max-width:390px){
  #falcilar .container{padding-left:14px!important;padding-right:14px!important;}
  #falcilar .grid-4{gap:8px!important;}
  #falcilar .section-head .section-title{font-size:31px!important;}
  #falcilar .reader-card{height:236px!important;min-height:236px!important;border-radius:16px!important;}
  #falcilar .reader-card .body{height:98px!important;padding:0 6px 6px!important;}
  #falcilar .reader-card .name{font-size:14.8px!important;margin-bottom:7px!important;}
  #falcilar .reader-card .links a:first-child{height:30px!important;min-height:30px!important;font-size:8.2px!important;padding-left:16px!important;padding-right:15px!important;}
  #falcilar .reader-card .cta{height:26px!important;min-height:26px!important;font-size:8.2px!important;margin-top:5px!important;}
}

/* === V211 — MOBILE FALCILAR: onaylanan referans görselin kod karşılığı === */
@media (max-width:700px){
  #falcilar{
    --v211-gold:#f0c56a;
    --v211-gold2:#d8a84d;
    --v211-ink:#020913;
    --v211-navy:#041827;
    --v211-cyan:#27c8e9;
    --v211-green:#18d6a3;
    position:relative!important;
    padding:22px 0 40px!important;
    background:
      radial-gradient(circle at 95% 7%,rgba(128,113,182,.16),transparent 27%),
      radial-gradient(circle at 3% 45%,rgba(19,78,121,.13),transparent 25%),
      radial-gradient(circle at 89% 86%,rgba(25,64,103,.18),transparent 13%),
      linear-gradient(180deg,rgba(1,7,14,.98),rgba(1,8,16,.98))!important;
  }
  #falcilar::before{
    content:"";position:absolute;inset:0;pointer-events:none;opacity:.7;
    background-image:
      radial-gradient(circle at 8% 12%,rgba(255,255,255,.75) 0 1px,transparent 1.4px),
      radial-gradient(circle at 23% 25%,rgba(240,197,106,.75) 0 1px,transparent 1.3px),
      radial-gradient(circle at 73% 18%,rgba(255,255,255,.65) 0 1px,transparent 1.3px),
      radial-gradient(circle at 88% 33%,rgba(240,197,106,.55) 0 1px,transparent 1.2px),
      radial-gradient(circle at 15% 66%,rgba(255,255,255,.55) 0 1px,transparent 1.2px),
      radial-gradient(circle at 61% 74%,rgba(255,255,255,.55) 0 1px,transparent 1.2px),
      radial-gradient(circle at 93% 91%,rgba(240,197,106,.55) 0 1px,transparent 1.3px);
  }
  #falcilar .container{position:relative;z-index:1;padding:0 12px!important;}
  #falcilar .section-head{margin:0 0 11px!important;}
  #falcilar .section-head .eyebrow{
    margin:0 0 6px!important;font-size:9px!important;line-height:1!important;
    letter-spacing:.16em!important;font-weight:800!important;color:var(--v211-gold)!important;
  }
  #falcilar .section-head .eyebrow::before{content:"✦"!important;margin-right:6px!important;color:var(--v211-gold)!important;}
  #falcilar .section-head .section-title{
    display:flex!important;align-items:center!important;gap:8px!important;
    margin:0 0 8px!important;font-family:Georgia,'Times New Roman',serif!important;
    font-size:39px!important;line-height:.95!important;letter-spacing:-.045em!important;font-weight:700!important;color:#fff!important;
  }
  #falcilar .section-head .section-title::after{
    content:"";height:1px;flex:1;min-width:28px;max-width:90px;
    background:linear-gradient(90deg,var(--v211-gold),transparent);position:relative;top:3px;
  }
  #falcilar .section-head .section-title em{color:var(--v211-gold)!important;font-style:italic!important;}
  #falcilar .section-head .section-desc{
    margin:0!important;max-width:37ch!important;color:rgba(245,247,250,.88)!important;
    font-size:10.2px!important;line-height:1.45!important;font-weight:450!important;
  }

  /* Referanstaki ay + kedi + bulutlu video bannerı, tamamen kod ile */
  #falcilar .mobile-all-videos-cta{
    position:relative!important;display:flex!important;align-items:center!important;overflow:hidden!important;
    min-height:76px!important;margin:14px 0 14px!important;padding:10px 15px!important;gap:12px!important;
    border:1.15px solid var(--v211-gold)!important;border-radius:16px!important;
    background:
      radial-gradient(circle at 86% 25%,rgba(240,197,106,.18),transparent 23%),
      radial-gradient(circle at 70% 120%,rgba(58,122,165,.20),transparent 33%),
      linear-gradient(105deg,#03101c 0%,#05263b 63%,#092e43 100%)!important;
    box-shadow:0 0 18px rgba(240,197,106,.14),0 11px 24px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.07)!important;
    text-decoration:none!important;
  }
  #falcilar .mobile-all-videos-cta::before,
  #falcilar .mobile-all-videos-cta::after{display:none!important;}
  #falcilar .mobile-all-videos-icon{
    width:44px!important;height:44px!important;flex:0 0 44px!important;position:relative!important;z-index:3!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    border:1.2px solid var(--v211-gold)!important;border-radius:50%!important;
    background:rgba(2,12,22,.72)!important;color:var(--v211-gold)!important;font-size:14px!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.02),0 4px 14px rgba(0,0,0,.28)!important;
  }
  #falcilar .mobile-all-videos-copy{position:relative;z-index:3;display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0;}
  #falcilar .mobile-all-videos-cta strong{
    color:#fff7e7!important;font-family:Georgia,'Times New Roman',serif!important;
    font-size:15.5px!important;line-height:1.03!important;font-weight:700!important;white-space:nowrap!important;
  }
  #falcilar .mobile-all-videos-cta small{color:var(--v211-cyan)!important;font-size:8.6px!important;line-height:1.15!important;white-space:nowrap!important;}
  #falcilar .mobile-all-videos-arrow{
    margin-left:auto!important;position:relative!important;z-index:4!important;color:var(--v211-gold)!important;
    font-size:21px!important;line-height:1!important;transform:translateY(-1px);
  }
  #falcilar .video-art{position:absolute;right:26px;top:0;width:118px;height:76px;z-index:1;pointer-events:none;}
  #falcilar .video-art .moon{
    position:absolute;right:34px;top:10px;width:41px;height:41px;border-radius:50%;
    background:radial-gradient(circle at 64% 47%,transparent 0 52%,var(--v211-gold) 54% 64%,rgba(240,197,106,.22) 66% 73%,transparent 75%);
    filter:drop-shadow(0 0 8px rgba(240,197,106,.32));
  }
  #falcilar .video-art .cloud{position:absolute;bottom:5px;height:12px;background:rgba(207,221,235,.55);border-radius:999px;filter:blur(.2px);}
  #falcilar .video-art .cloud::before,#falcilar .video-art .cloud::after{content:"";position:absolute;bottom:0;border-radius:50%;background:inherit;}
  #falcilar .video-art .cloud-one{right:42px;width:62px;opacity:.68;}
  #falcilar .video-art .cloud-one::before{width:19px;height:19px;left:10px}.video-art .cloud-one::after{width:25px;height:25px;left:27px}
  #falcilar .video-art .cloud-two{right:0;width:52px;opacity:.42;transform:scale(.78);transform-origin:right bottom;}
  #falcilar .video-art .cloud-two::before{width:17px;height:17px;left:8px}.video-art .cloud-two::after{width:22px;height:22px;left:24px}
  #falcilar .video-art .cat{position:absolute;bottom:10px;width:13px;height:25px;border-radius:46% 46% 35% 35%;background:#06131e;filter:drop-shadow(0 0 2px rgba(240,197,106,.18));}
  #falcilar .video-art .cat::before{content:"";position:absolute;left:2px;top:-7px;width:9px;height:9px;border-radius:50%;background:#06131e;box-shadow:-3px -4px 0 -2px #06131e,3px -4px 0 -2px #06131e;}
  #falcilar .video-art .cat::after{content:"";position:absolute;right:-7px;bottom:4px;width:10px;height:17px;border:2px solid #06131e;border-left:0;border-bottom-color:transparent;border-radius:0 14px 0 0;transform:rotate(14deg);}
  #falcilar .video-art .cat-one{right:35px;height:28px}.video-art .cat-two{right:18px;height:24px;transform:scale(.88);transform-origin:bottom center;}
  #falcilar .video-art .spark{position:absolute;color:var(--v211-gold);font-style:normal;font-weight:400;text-shadow:0 0 7px rgba(240,197,106,.72);}
  #falcilar .video-art .s1{right:7px;top:9px;font-size:7px}.video-art .s2{right:82px;top:18px;font-size:5px}.video-art .s3{right:3px;top:28px;font-size:13px}

  /* Referanstaki daha kısa, daha estetik 3'lü kart oranı */
  #falcilar .grid-4{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;align-items:start!important;}
  #falcilar .reader-card{
    position:relative!important;height:auto!important;min-height:0!important;aspect-ratio:.59/1!important;
    border:1.05px solid rgba(240,197,106,.88)!important;border-radius:14px!important;overflow:hidden!important;
    background:#03111d!important;box-shadow:0 8px 18px rgba(0,0,0,.30),inset 0 0 0 1px rgba(255,255,255,.018)!important;
  }
  #falcilar .reader-card::before{
    content:"✦";position:absolute;left:7px;top:7px;z-index:7;width:25px;height:25px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;color:var(--v211-gold);font-size:9px;
    background:rgba(5,20,31,.76);border:1px solid rgba(240,197,106,.42);box-shadow:0 3px 8px rgba(0,0,0,.18);
  }
  #falcilar .reader-card .photo{position:absolute!important;inset:0!important;height:100%!important;overflow:hidden!important;}
  #falcilar .reader-card .photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;}
  #falcilar .reader-card .photo::after{
    content:""!important;position:absolute!important;inset:auto 0 0!important;height:66%!important;
    background:linear-gradient(180deg,transparent 0%,rgba(2,11,19,.05) 16%,rgba(3,16,27,.72) 50%,rgba(3,18,31,.96) 72%,#031522 100%)!important;
  }
  #falcilar .reader-play{
    width:34px!important;height:34px!important;z-index:6!important;border:1.15px solid rgba(240,197,106,.88)!important;
    border-radius:50%!important;background:rgba(4,13,23,.82)!important;box-shadow:0 3px 12px rgba(0,0,0,.34),0 0 0 3px rgba(240,197,106,.06)!important;
  }
  #falcilar .reader-play svg{width:12px!important;height:12px!important;color:#fff!important;}
  #falcilar .reader-card .body{
    position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:88px!important;z-index:6!important;
    padding:0 6px 6px!important;background:transparent!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;
  }
  #falcilar .reader-card .name{
    position:relative!important;margin:0 0 6px!important;padding:0 0 7px!important;text-align:center!important;
    color:#fff!important;font-family:Georgia,'Times New Roman',serif!important;font-style:italic!important;font-weight:700!important;
    font-size:14.4px!important;line-height:1!important;text-shadow:0 2px 7px rgba(0,0,0,.6)!important;
  }
  #falcilar .reader-card .name::after{
    content:""!important;position:absolute!important;left:24%!important;right:24%!important;bottom:1px!important;height:1px!important;
    background:linear-gradient(90deg,transparent,var(--v211-gold),transparent)!important;
  }
  #falcilar .reader-card .name::before{
    content:"◆"!important;position:absolute!important;left:50%!important;bottom:-2px!important;transform:translateX(-50%)!important;
    color:var(--v211-gold)!important;font-size:5px!important;background:#031522!important;padding:0 3px!important;z-index:1!important;
  }
  #falcilar .reader-card .links{display:block!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;}
  #falcilar .reader-card .links a:first-child{
    position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;height:30px!important;min-height:30px!important;padding:0 17px 0 18px!important;
    border:1.05px solid var(--v211-gold)!important;border-radius:999px!important;background:rgba(3,16,28,.72)!important;
    color:#fff!important;font-size:8.25px!important;line-height:1!important;font-weight:800!important;text-decoration:none!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  }
  #falcilar .reader-card .links a:first-child::before{
    content:""!important;width:12px!important;height:12px!important;margin-right:5px!important;flex:0 0 12px!important;
    background:
      radial-gradient(circle at 50% 27%,var(--v211-gold) 0 22%,transparent 25%),
      radial-gradient(ellipse at 50% 78%,var(--v211-gold) 0 39%,transparent 42%)!important;
    text-shadow:none!important;
  }
  #falcilar .reader-card .links a:first-child::after{
    content:"›"!important;position:absolute!important;right:7px!important;top:50%!important;transform:translateY(-52%)!important;
    color:var(--v211-gold)!important;font-size:15px!important;font-weight:400!important;
  }
  #falcilar .reader-card .links a:nth-child(n+2){display:none!important;}
  #falcilar .reader-card .cta{
    display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
    width:100%!important;height:25px!important;min-height:25px!important;margin-top:5px!important;padding:0 4px!important;
    border:1px solid rgba(26,183,202,.78)!important;border-radius:999px!important;background:rgba(2,20,33,.78)!important;
    color:#f7fbff!important;font-size:8.2px!important;line-height:1!important;font-weight:800!important;text-decoration:none!important;
  }
  #falcilar .reader-card .cta .wa-icon,#falcilar .reader-card .wa-icon{width:13px!important;height:13px!important;flex:0 0 13px!important;color:var(--v211-green)!important;}
  #falcilar .reader-card .links a:first-child:active,#falcilar .reader-card .cta:active{transform:scale(.97)!important;}

  /* Alt sıradan sonra referanstaki zarif ayraç */
  #falcilar .grid-4::after{
    content:"☾";grid-column:1/-1;margin:18px 3px 0;color:var(--v211-gold);font-family:Georgia,serif;font-size:25px;line-height:1;
    display:flex;align-items:center;justify-content:center;
    background:linear-gradient(90deg,var(--v211-gold),var(--v211-gold)) left center/43% 1px no-repeat,
               linear-gradient(90deg,var(--v211-gold),var(--v211-gold)) right center/43% 1px no-repeat;
    text-shadow:0 0 10px rgba(240,197,106,.3);
  }
}

@media (max-width:390px){
  #falcilar .container{padding-left:10px!important;padding-right:10px!important;}
  #falcilar .section-head .section-title{font-size:36px!important;}
  #falcilar .section-head .section-desc{font-size:9.6px!important;}
  #falcilar .mobile-all-videos-cta{min-height:70px!important;padding:9px 12px!important;border-radius:15px!important;}
  #falcilar .mobile-all-videos-icon{width:40px!important;height:40px!important;flex-basis:40px!important;}
  #falcilar .mobile-all-videos-cta strong{font-size:14.5px!important;}
  #falcilar .mobile-all-videos-cta small{font-size:8.1px!important;}
  #falcilar .video-art{right:22px;transform:scale(.92);transform-origin:right center;}
  #falcilar .grid-4{gap:6px!important;}
  #falcilar .reader-card{border-radius:13px!important;}
  #falcilar .reader-card .body{height:84px!important;padding:0 5px 5px!important;}
  #falcilar .reader-card .name{font-size:13.2px!important;margin-bottom:5px!important;}
  #falcilar .reader-card .links a:first-child{height:28px!important;min-height:28px!important;font-size:7.5px!important;padding-left:15px!important;padding-right:14px!important;}
  #falcilar .reader-card .cta{height:24px!important;min-height:24px!important;font-size:7.5px!important;margin-top:4px!important;}
}

/* === V212 — MOBILE FALCILAR: isim alanındaki yumuşak gradient geri getirildi === */
@media (max-width:700px){
  #falcilar .reader-card .photo::after{
    height:72%!important;
    background:linear-gradient(
      180deg,
      rgba(2,11,19,0) 0%,
      rgba(3,16,27,.05) 18%,
      rgba(3,18,31,.24) 34%,
      rgba(3,18,31,.58) 50%,
      rgba(3,18,31,.86) 64%,
      rgba(3,21,34,.97) 82%,
      #031522 100%
    )!important;
  }
  #falcilar .reader-card .body{
    background:linear-gradient(
      180deg,
      rgba(3,21,34,0) 0%,
      rgba(3,21,34,.22) 16%,
      rgba(3,21,34,.72) 38%,
      rgba(3,21,34,.94) 58%,
      #031522 78%,
      #031522 100%
    )!important;
  }
  #falcilar .reader-card .name{
    position:relative!important;
    z-index:2!important;
    text-shadow:0 2px 8px rgba(0,0,0,.72)!important;
  }
}

/* === V213 — MOBILE FALCILAR: isim altındaki şeffaf kart izi kaldırıldı === */
@media (max-width:700px){
  #falcilar .reader-card .body{
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
    border-radius:0!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  /* Yumuşak geçiş fotoğraf katmanında kalır; ayrı bir panel/kart görünmez. */
  #falcilar .reader-card .photo::after{
    height:72%!important;
    background:linear-gradient(180deg,
      rgba(2,11,19,0) 0%,
      rgba(3,16,27,.05) 18%,
      rgba(3,18,31,.24) 34%,
      rgba(3,18,31,.58) 50%,
      rgba(3,18,31,.86) 64%,
      rgba(3,21,34,.97) 82%,
      #031522 100%)!important;
  }
}

/* === V214 — MOBILE FALCILAR: kutusuz, yumuşak isim gradienti === */
@media (max-width:700px){
  #falcilar .reader-card .body{
    overflow:visible!important;
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
    border-radius:0!important;
    isolation:isolate!important;
  }
  #falcilar .reader-card .body::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:-82px!important;
    bottom:0!important;
    z-index:-1!important;
    pointer-events:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:linear-gradient(180deg,
      rgba(3,21,34,0) 0%,
      rgba(3,21,34,.04) 12%,
      rgba(3,21,34,.14) 25%,
      rgba(3,21,34,.34) 40%,
      rgba(3,21,34,.62) 56%,
      rgba(3,21,34,.84) 70%,
      rgba(3,21,34,.96) 84%,
      #031522 100%)!important;
  }
  #falcilar .reader-card .name,
  #falcilar .reader-card .links,
  #falcilar .reader-card .cta{position:relative!important;z-index:2!important;}
}


/* === V215 — MOBILE FALCILAR: kullanıcının onayladığı Tüm Videolar bannerı birebir görsel olarak eklendi === */
@media (max-width:700px){
  #falcilar .mobile-all-videos-cta.mobile-all-videos-image-cta{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:10px 0 14px!important;
    border:0!important;
    border-radius:0!important;
    background:none!important;
    box-shadow:none!important;
    overflow:visible!important;
    line-height:0!important;
  }
  #falcilar .mobile-all-videos-cta.mobile-all-videos-image-cta::before,
  #falcilar .mobile-all-videos-cta.mobile-all-videos-image-cta::after{display:none!important;}
  #falcilar .mobile-all-videos-cta.mobile-all-videos-image-cta img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
}

/* === V216 — MOBILE FALCILAR: buton köşeleri orta yumuşaklık === */
@media (max-width:700px){
  #falcilar .reader-card .links a:first-child{
    border-radius:10px!important;
  }
  #falcilar .reader-card .cta{
    border-radius:9px!important;
  }
}


/* === V219 — INTRO: yeni karizmatik Kristal Kedi görseli === */
.kk-crystal-cat.kk-crystal-cat-v219{
  width:330px!important;
  height:180px!important;
  left:-350px!important;
  top:-18px!important;
}
.kk-crystal-cat.kk-crystal-cat-v219 img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  mix-blend-mode:screen;
  filter:drop-shadow(0 0 14px rgba(73,218,246,.28));
  pointer-events:none;
  user-select:none;
}
@media(max-width:700px){
  .kk-crystal-cat.kk-crystal-cat-v219{width:300px!important;height:200px!important;left:-320px!important;top:-30px!important;}
}

/* === V220 — INTRO: arka plansız gerçek şeffaf Kristal Kedi === */
.kk-crystal-cat.kk-crystal-cat-v220{
  width:330px!important;height:180px!important;left:-350px!important;top:-18px!important;
}
.kk-crystal-cat.kk-crystal-cat-v220 img{
  display:block;width:100%;height:100%;object-fit:contain;
  mix-blend-mode:normal!important;
  filter:drop-shadow(0 0 14px rgba(73,218,246,.32));
  pointer-events:none;user-select:none;
}
@media(max-width:700px){
 .kk-crystal-cat.kk-crystal-cat-v220{width:300px!important;height:200px!important;left:-320px!important;top:-30px!important;}
}

/* === V221 — INTRO: yeni Kristal Kediye koşu hareketi === */
.kk-crystal-cat.kk-crystal-cat-v220 img{
  transform-origin:52% 82%;
  animation:kkV221RunBody .34s cubic-bezier(.45,.05,.55,.95) infinite;
  will-change:transform,filter;
}
.kk-crystal-cat.kk-crystal-cat-v220::after{
  content:"";
  position:absolute;
  left:17%;right:10%;bottom:4px;height:8px;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(84,220,255,.48) 0%,rgba(42,161,232,.18) 42%,transparent 72%);
  filter:blur(5px);
  animation:kkV221Ground .34s ease-in-out infinite;
  pointer-events:none;
}
@keyframes kkV221RunBody{
  0%,100%{transform:translateY(1px) rotate(-.45deg) scaleX(1.006) scaleY(.994);filter:drop-shadow(0 0 12px rgba(73,218,246,.28));}
  25%{transform:translateY(-7px) rotate(.6deg) scaleX(.992) scaleY(1.012);}
  50%{transform:translateY(0) rotate(-.25deg) scaleX(1.014) scaleY(.986);filter:drop-shadow(0 0 18px rgba(73,218,246,.42));}
  75%{transform:translateY(-5px) rotate(.45deg) scaleX(.995) scaleY(1.008);}
}
@keyframes kkV221Ground{
  0%,100%{opacity:.72;transform:scaleX(1.02)}
  25%,75%{opacity:.34;transform:scaleX(.78)}
  50%{opacity:.82;transform:scaleX(1.08)}
}
@media(prefers-reduced-motion:reduce){
 .kk-crystal-cat.kk-crystal-cat-v220 img{animation:none!important}
 .kk-crystal-cat.kk-crystal-cat-v220::after{animation:none!important}
}

/* === V222 — INTRO: gerçek 12 kare koşu döngüsü === */
.kk-crystal-cat.kk-crystal-cat-v222{
  width:300px!important;height:200px!important;left:-320px!important;top:-30px!important;
}
.kk-crystal-cat.kk-crystal-cat-v222 img{
  display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;
  background:transparent!important;box-shadow:none!important;border:0!important;
  animation:none!important;transform:none!important;filter:drop-shadow(0 0 12px rgba(69,219,246,.26));
}
.kk-crystal-cat.kk-crystal-cat-v222::after{display:none!important;}
@media (max-width:700px){
  .kk-crystal-cat.kk-crystal-cat-v222{width:300px!important;height:200px!important;left:-320px!important;top:-30px!important;}
}

/* === V223 — INTRO: daha kibar, zarif Kristal Kedi yürüyüşü === */
.kk-crystal-cat.kk-crystal-cat-v223{
  width:270px!important;height:180px!important;left:-290px!important;top:-20px!important;
  animation-name:kkCatCrossV223!important;
  animation-duration:1.72s!important;
  animation-timing-function:cubic-bezier(.28,.05,.36,1)!important;
}
.kk-crystal-cat.kk-crystal-cat-v223 img{
  display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;
  background:transparent!important;box-shadow:none!important;border:0!important;
  animation:none!important;transform:none!important;
  filter:drop-shadow(0 0 9px rgba(69,219,246,.22))!important;
}
.kk-crystal-cat.kk-crystal-cat-v223::after{display:none!important;}
.kk-crystal-cat.kk-crystal-cat-v223 .kk-shard{opacity:.42;transform:scale(.72);}
@keyframes kkCatCrossV223{
  0%{transform:translate3d(0,2px,0) scale(.92);opacity:0}
  9%{opacity:1}
  50%{transform:translate3d(calc(50vw + 105px),0,0) scale(.97);opacity:1}
  88%{opacity:1}
  100%{transform:translate3d(calc(100vw + 300px),2px,0) scale(.92);opacity:0}
}
.kk-intro.kk-intro-ready .kk-crystal-cat.kk-crystal-cat-v223{animation-duration:1.35s!important;}
@media(max-width:700px){
 .kk-crystal-cat.kk-crystal-cat-v223{width:250px!important;height:170px!important;left:-270px!important;top:-18px!important;}
}

/* === V224 — INTRO: kesintisiz sabit hızlı zarif koşu === */
.kk-crystal-cat.kk-crystal-cat-v224{
  width:270px!important;
  height:180px!important;
  left:-290px!important;
  top:-20px!important;
  animation:kkCatCrossV224 1.72s linear .02s infinite!important;
  will-change:transform,opacity!important;
}
.kk-crystal-cat.kk-crystal-cat-v224 img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  animation:none!important;
  transform:none!important;
  filter:drop-shadow(0 0 9px rgba(69,219,246,.22))!important;
}
.kk-crystal-cat.kk-crystal-cat-v224::after{display:none!important;}
.kk-crystal-cat.kk-crystal-cat-v224 .kk-shard{opacity:.34;transform:scale(.68);}
@keyframes kkCatCrossV224{
  0%{transform:translate3d(0,0,0) scale(.94);opacity:0}
  6%{opacity:1}
  94%{opacity:1}
  100%{transform:translate3d(calc(100vw + 320px),0,0) scale(.94);opacity:0}
}
/* Yükleme tamamlandığında kedinin hızı DEĞİŞMEZ; sadece ekran yumuşakça kapanır. */
.kk-intro.kk-intro-ready .kk-crystal-cat.kk-crystal-cat-v224{
  animation-duration:1.72s!important;
  animation-timing-function:linear!important;
}
@media(max-width:700px){
  .kk-crystal-cat.kk-crystal-cat-v224{width:250px!important;height:170px!important;left:-270px!important;top:-18px!important;}
}


/* === V225 — INTRO: dikey salınımsız, sabit zeminli zarif koşu === */
.kk-crystal-cat.kk-crystal-cat-v225{
  width:270px!important;
  height:180px!important;
  left:-290px!important;
  top:-20px!important;
  animation:kkCatCrossV225 1.72s linear .02s infinite!important;
  will-change:transform,opacity!important;
}
.kk-crystal-cat.kk-crystal-cat-v225 img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  animation:none!important;
  transform:none!important;
  filter:drop-shadow(0 0 9px rgba(69,219,246,.22))!important;
}
.kk-crystal-cat.kk-crystal-cat-v225::after{display:none!important;}
@keyframes kkCatCrossV225{
  0%{transform:translate3d(0,0,0) scale(.94);opacity:0}
  6%{opacity:1}
  94%{opacity:1}
  100%{transform:translate3d(calc(100vw + 320px),0,0) scale(.94);opacity:0}
}
.kk-intro.kk-intro-ready .kk-crystal-cat.kk-crystal-cat-v225{
  animation-duration:1.72s!important;
  animation-timing-function:linear!important;
}
@media(max-width:700px){
  .kk-crystal-cat.kk-crystal-cat-v225{width:250px!important;height:170px!important;left:-270px!important;top:-18px!important;}
}


/* === V226 — INTRO: dikey yol tamamen kilitli, normalize edilmiş kareler === */
.kk-crystal-cat.kk-crystal-cat-v226{
  width:270px!important;
  height:180px!important;
  left:-290px!important;
  top:-20px!important;
  animation:kkCatCrossV226 1.72s linear .02s infinite!important;
  will-change:transform,opacity!important;
}
.kk-crystal-cat.kk-crystal-cat-v226 img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  animation:none!important;
  transform:none!important;
  filter:drop-shadow(0 0 9px rgba(69,219,246,.22))!important;
}
.kk-crystal-cat.kk-crystal-cat-v226::after{display:none!important;}
@keyframes kkCatCrossV226{
  0%{transform:translate3d(0,0,0) scale(.94);opacity:0}
  6%{opacity:1}
  94%{opacity:1}
  100%{transform:translate3d(calc(100vw + 320px),0,0) scale(.94);opacity:0}
}
.kk-intro.kk-intro-ready .kk-crystal-cat.kk-crystal-cat-v226{
  animation-duration:1.72s!important;
  animation-timing-function:linear!important;
}
@media(max-width:700px){
  .kk-crystal-cat.kk-crystal-cat-v226{width:250px!important;height:170px!important;left:-270px!important;top:-18px!important;}
}


/* === V229 — INTRO: gerçek koşu, daha hızlı, parçacıksız ve yatay kilitli === */
.kk-crystal-cat.kk-crystal-cat-v229{
  width:270px!important;height:180px!important;left:-290px!important;top:-20px!important;
  animation:kkCatCrossV229 1.38s linear .01s infinite!important;
  will-change:transform,opacity!important;
}
.kk-crystal-cat.kk-crystal-cat-v229 img{
  display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;
  background:transparent!important;box-shadow:none!important;border:0!important;
  animation:none!important;transform:none!important;
  filter:drop-shadow(0 0 9px rgba(69,219,246,.22))!important;
}
.kk-crystal-cat.kk-crystal-cat-v229::after{display:none!important;}
@keyframes kkCatCrossV229{
  0%{transform:translate3d(0,0,0) scale(.94);opacity:0}
  4%{opacity:1}
  96%{opacity:1}
  100%{transform:translate3d(calc(100vw + 320px),0,0) scale(.94);opacity:0}
}
.kk-intro.kk-intro-ready .kk-crystal-cat.kk-crystal-cat-v229{animation-duration:1.38s!important;animation-timing-function:linear!important;}
@media(max-width:700px){.kk-crystal-cat.kk-crystal-cat-v229{width:250px!important;height:170px!important;left:-270px!important;top:-18px!important;}}

/* === V230 — MOBILE FALCILAR: bölüm kendi zeminini çizmez; sitenin ortak arka yüzü görünür === */
@media (max-width:700px){
  #falcilar{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
  }
  #falcilar::before,
  #falcilar::after{
    display:none!important;
    content:none!important;
    background:none!important;
  }
}


/* === V231 — MOBILE FALCILAR: section panelini tamamen kaldır, ana site arka yüzünü göster === */
@media (max-width:700px){
  #falcilar.section,
  #falcilar.theme-light,
  #falcilar.seam-up{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
  }
  #falcilar::before,
  #falcilar::after{
    display:none!important;
    content:none!important;
    background:none!important;
    box-shadow:none!important;
  }
}

/* === V235 — MOBILE VIP: "EN KAPSAMLI" rozetinin üstten kesilmesini önle === */
@media (max-width:760px){
  #vip-secim .vip-card{
    overflow:visible!important;
  }
  #vip-secim .vip-card .badge-top{
    z-index:12!important;
  }
}

/* === V236 — MOBILE VIP: EN KAPSAMLI rozeti için gerçek üst taşma payı === */
@media (max-width:760px){
  #vip-secim .grid-3{
    padding-top:16px!important;
  }
  #vip-secim .vip-card.featured .badge-top{
    top:-12px!important;
    left:30px!important;
    display:inline-flex!important;
    align-items:center!important;
    height:auto!important;
    min-height:22px!important;
    line-height:1!important;
    overflow:visible!important;
    clip:auto!important;
    z-index:20!important;
  }
}

/* === V237 — MOBILE FAL ÇEŞİTLERİ: yatay kaydırmada dikey zıplama/kırpılma düzeltmesi === */
@media (max-width:760px){
  #fal-cesitleri .grid-3{
    align-items:stretch!important;
    padding-top:8px!important;
    padding-bottom:14px!important;
    overscroll-behavior-x:contain!important;
    touch-action:pan-x!important;
  }
  #fal-cesitleri .service-card,
  #fal-cesitleri .service-card:hover,
  #fal-cesitleri .service-card:active,
  #fal-cesitleri .service-card:focus,
  #fal-cesitleri .service-card.is-targeted{
    transform:none!important;
    translate:none!important;
    scale:none!important;
    animation:none!important;
    transition:border-color .25s ease, box-shadow .25s ease, background .25s ease!important;
    align-self:stretch!important;
    top:auto!important;
    bottom:auto!important;
  }
  #fal-cesitleri .service-card::after,
  #fal-cesitleri .service-card:hover::after{
    display:none!important;
    content:none!important;
  }
}

/* === V238 — MOBILE NEDEN KRISTAL KEDI: selected editorial asymmetric design === */
@media (max-width:700px){
 #neden-kk.why238{padding:0 0 58px!important;background:transparent!important;overflow:hidden!important;}
 #neden-kk.why238>.container{padding:0 18px!important;}
 .why238-hero{position:relative;min-height:420px;margin:0 -18px 18px;overflow:hidden;background:#06121d;}
 .why238-heroart{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,15,25,.98) 0%,rgba(4,15,25,.88) 39%,rgba(4,15,25,.16) 70%,rgba(4,15,25,.05) 100%),url('../images/why-v238/hero.webp') center right/auto 100% no-repeat;}
 .why238-copy{position:absolute;z-index:2;left:22px;right:20px;top:72px;max-width:82%;}
 .why238-copy .eyebrow{color:#d7b36a!important;font-size:10px!important;letter-spacing:.18em!important;}
 .why238-copy .section-title{margin:15px 0 14px!important;font-size:36px!important;line-height:.98!important;text-align:left!important;max-width:330px!important;color:#f5f2ec!important;}
 .why238-copy .section-title em{color:#e7bd78!important;}
 .why238-copy p{margin:0;max-width:270px;color:rgba(255,255,255,.78);font-size:13px;line-height:1.55;}
 .why238-grid{display:grid!important;grid-template-columns:1.18fr .82fr!important;gap:10px!important;}
 .why238-card{position:relative;overflow:hidden;min-width:0;border:1px solid rgba(225,185,116,.62);border-radius:19px;background:linear-gradient(145deg,rgba(8,24,37,.93),rgba(3,14,23,.97));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 28px rgba(0,0,0,.2);padding:18px 16px 17px;isolation:isolate;}
 .why238-card:before{content:'';position:absolute;inset:0;z-index:-2;background-position:right center;background-size:auto 100%;background-repeat:no-repeat;opacity:.58;}
 .why238-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,17,28,.98) 0%,rgba(4,17,28,.86) 48%,rgba(4,17,28,.22) 100%);}
 .why238-c1,.why238-c2{min-height:235px;} .why238-c1:before{background-image:url('../images/why-v238/c1.webp');}.why238-c2:before{background-image:url('../images/why-v238/c2.webp');}
 .why238-c3{grid-column:1/2;min-height:205px}.why238-c3:before{background-image:url('../images/why-v238/c3.webp');}
 .why238-c4{grid-column:2/3;min-height:205px}.why238-c4:before{background-image:url('../images/why-v238/c4.webp');}
 .why238-c5{grid-column:1/3;min-height:190px;padding-right:42%;}.why238-c5:before{background-image:url('../images/why-v238/c5.webp');background-size:auto 115%;}.why238-c5:after{background:linear-gradient(90deg,rgba(4,17,28,.99) 0%,rgba(4,17,28,.92) 52%,rgba(4,17,28,.18) 100%);}
 .why238-no{display:block;color:#e9c17f;font:400 21px/1 Georgia,serif;margin-bottom:24px}.why238-no:after{content:'';display:block;width:25px;height:1px;background:#c99c55;margin-top:10px;}
 .why238-card h3{margin:0 0 8px;color:#f6f2ea;font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.05;font-weight:600;}
 .why238-card p{margin:0;color:rgba(255,255,255,.76);font-size:11.5px;line-height:1.4;max-width:155px}.why238-c5 p{max-width:190px}
 .why238-arrow{display:grid;place-items:center;width:31px;height:31px;border:1px solid #d5a65d;border-radius:50%;color:#e9c17f;font-size:17px;margin-top:16px;}
}
@media (min-width:701px){.why238-heroart{display:none}.why238-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.why238-card{padding:28px 20px;border:1px solid rgba(104,213,238,.2);border-radius:18px;background:rgba(6,28,45,.7)}.why238-no,.why238-arrow{display:none}.why238-card h3{margin:0 0 10px}.why238-card p{margin:0}.why238-hero .why238-copy{text-align:center}.why238-hero .why238-copy>p{display:none}}

/* === V240 — MOBILE NEDEN KRISTAL KEDI: seçilen sade kedi referansı === */
@media (max-width:700px){
 #neden-kk.why238{padding:0 0 54px!important;background:transparent!important;overflow:hidden!important;}
 #neden-kk.why238>.container{padding:0 18px!important;}
 .why238-hero{position:relative!important;min-height:410px!important;margin:0 -18px 14px!important;overflow:hidden!important;background:#04111c!important;}
 .why238-heroart{display:block!important;position:absolute!important;inset:0!important;background-image:linear-gradient(90deg,#04111c 0%,rgba(4,17,28,.96) 34%,rgba(4,17,28,.50) 58%,rgba(4,17,28,.04) 82%),url('../images/why-v240/hero.webp')!important;background-position:center right!important;background-size:auto 100%!important;background-repeat:no-repeat!important;}
 .why238-copy{position:absolute!important;z-index:2!important;left:22px!important;right:18px!important;top:54px!important;max-width:88%!important;}
 .why238-copy .eyebrow{color:#d8ad70!important;font-size:9px!important;letter-spacing:.18em!important;}
 .why238-copy .section-title{margin:17px 0 13px!important;max-width:315px!important;font-size:35px!important;line-height:1.02!important;text-align:left!important;color:#f6f3ee!important;}
 .why238-copy .section-title em{color:#d9a76d!important;}
 .why238-copy p{max-width:260px!important;margin:0!important;color:rgba(255,255,255,.78)!important;font-size:13px!important;line-height:1.5!important;}
 .why238-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;}
 .why238-card{position:relative!important;overflow:hidden!important;min-width:0!important;padding:17px 14px 16px!important;border:1px solid rgba(220,174,111,.72)!important;border-radius:18px!important;background:#061522!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 9px 24px rgba(0,0,0,.20)!important;isolation:isolate!important;}
 .why238-card:before{content:''!important;display:block!important;position:absolute!important;inset:0!important;z-index:-2!important;background-position:right center!important;background-repeat:no-repeat!important;background-size:auto 100%!important;opacity:.88!important;}
 .why238-card:after{content:''!important;display:block!important;position:absolute!important;inset:0!important;z-index:-1!important;background:linear-gradient(90deg,rgba(4,17,28,.99) 0%,rgba(4,17,28,.90) 48%,rgba(4,17,28,.20) 100%)!important;}
 .why238-c1,.why238-c2{min-height:230px!important;}
 .why238-c3,.why238-c4{min-height:205px!important;grid-column:auto!important;}
 .why238-c5{grid-column:1/3!important;min-height:185px!important;padding-right:47%!important;}
 .why238-c1:before{background-image:url('../images/why-v240/c1.webp')!important;}
 .why238-c2:before{background-image:url('../images/why-v240/c2.webp')!important;}
 .why238-c3:before{background-image:url('../images/why-v240/c3.webp')!important;}
 .why238-c4:before{background-image:url('../images/why-v240/c4.webp')!important;}
 .why238-c5:before{background-image:url('../images/why-v240/c5.webp')!important;background-size:auto 118%!important;}
 .why238-c5:after{background:linear-gradient(90deg,rgba(4,17,28,.99) 0%,rgba(4,17,28,.93) 46%,rgba(4,17,28,.15) 100%)!important;}
 .why238-no{display:block!important;color:#ddb177!important;font:400 20px/1 Georgia,serif!important;margin:0 0 22px!important;}
 .why238-no:after{content:''!important;display:block!important;width:24px!important;height:1px!important;background:#c99a5d!important;margin-top:9px!important;}
 .why238-card h3{margin:0 0 8px!important;color:#f6f2ec!important;font:600 18px/1.08 Georgia,'Times New Roman',serif!important;max-width:155px!important;}
 .why238-card p{margin:0!important;color:rgba(255,255,255,.76)!important;font-size:11.5px!important;line-height:1.42!important;max-width:145px!important;}
 .why238-c5 p{max-width:180px!important;}
 .why238-arrow{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;margin-top:15px!important;border:1px solid #d3a15f!important;border-radius:50%!important;color:#e4b36e!important;font-size:16px!important;}
}

/* === V241 — MOBILE NEDEN KRISTAL KEDI: video arka plan kesintisiz, görseller sadece kartlarda === */
@media (max-width:700px){
  #neden-kk.why238{background:transparent!important;overflow:visible!important;padding:42px 0 54px!important;}
  #neden-kk.why238>.container{padding:0 18px!important;}
  #neden-kk .why238-hero{position:relative!important;min-height:0!important;margin:0 0 24px!important;overflow:visible!important;background:transparent!important;}
  #neden-kk .why238-heroart{display:none!important;background:none!important;}
  #neden-kk .why238-copy{position:relative!important;left:auto!important;right:auto!important;top:auto!important;max-width:none!important;z-index:2!important;}
  #neden-kk .why238-copy .eyebrow{color:#d8ad70!important;font-size:9px!important;letter-spacing:.18em!important;}
  #neden-kk .why238-copy .section-title{margin:14px 0 10px!important;max-width:340px!important;font-size:34px!important;line-height:1.03!important;text-align:left!important;color:#f6f3ee!important;}
  #neden-kk .why238-copy .section-title em{color:#69d5ee!important;}
  #neden-kk .why238-copy p{display:block!important;max-width:330px!important;margin:0!important;color:rgba(255,255,255,.80)!important;font-size:13px!important;line-height:1.5!important;}

  #neden-kk .why238-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;background:transparent!important;}
  #neden-kk .why238-card{position:relative!important;overflow:hidden!important;min-width:0!important;padding:17px 14px 16px!important;border:1px solid rgba(220,174,111,.72)!important;border-radius:18px!important;background:rgba(4,17,28,.58)!important;box-shadow:inset 0 1px rgba(255,255,255,.05),0 9px 24px rgba(0,0,0,.18)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important;isolation:isolate!important;}
  #neden-kk .why238-card:before{content:''!important;display:block!important;position:absolute!important;inset:0!important;z-index:-2!important;background-position:right center!important;background-repeat:no-repeat!important;background-size:auto 100%!important;opacity:.82!important;}
  #neden-kk .why238-card:after{content:''!important;display:block!important;position:absolute!important;inset:0!important;z-index:-1!important;background:linear-gradient(90deg,rgba(4,17,28,.96) 0%,rgba(4,17,28,.82) 48%,rgba(4,17,28,.10) 100%)!important;}
  #neden-kk .why238-c1,#neden-kk .why238-c2{min-height:230px!important;}
  #neden-kk .why238-c3,#neden-kk .why238-c4{min-height:205px!important;grid-column:auto!important;}
  #neden-kk .why238-c5{grid-column:1/3!important;min-height:185px!important;padding-right:47%!important;}
  #neden-kk .why238-c1:before{background-image:url('../images/why-v240/c1.webp')!important;}
  #neden-kk .why238-c2:before{background-image:url('../images/why-v240/c2.webp')!important;}
  #neden-kk .why238-c3:before{background-image:url('../images/why-v240/c3.webp')!important;}
  #neden-kk .why238-c4:before{background-image:url('../images/why-v240/c4.webp')!important;}
  #neden-kk .why238-c5:before{background-image:url('../images/why-v240/c5.webp')!important;background-size:auto 118%!important;}
  #neden-kk .why238-c5:after{background:linear-gradient(90deg,rgba(4,17,28,.96) 0%,rgba(4,17,28,.86) 46%,rgba(4,17,28,.08) 100%)!important;}
}

/* === V242 — MOBILE NEDEN KRISTAL KEDI: kart görsellerini görünür kıl === */
@media (max-width:700px){
  #neden-kk .why238-card{background:rgba(3,14,23,.34)!important;}
  #neden-kk .why238-card:before{
    opacity:1!important;
    background-size:cover!important;
    background-position:center!important;
    filter:none!important;
  }
  #neden-kk .why238-card:after{
    background:linear-gradient(90deg,rgba(3,14,23,.97) 0%,rgba(3,14,23,.82) 38%,rgba(3,14,23,.30) 63%,rgba(3,14,23,.04) 100%)!important;
  }
  #neden-kk .why238-c1:before{background-position:62% center!important;}
  #neden-kk .why238-c2:before{background-position:67% center!important;}
  #neden-kk .why238-c3:before{background-position:68% center!important;}
  #neden-kk .why238-c4:before{background-position:72% center!important;}
  #neden-kk .why238-c5:before{background-position:74% center!important;background-size:cover!important;}
  #neden-kk .why238-c5:after{background:linear-gradient(90deg,rgba(3,14,23,.98) 0%,rgba(3,14,23,.88) 38%,rgba(3,14,23,.28) 60%,rgba(3,14,23,.02) 100%)!important;}
}


/* === V243 — MOBILE NEDEN KRISTAL KEDI: gerçek görselleri öne çıkar + çift/şaşan çizgileri temizle === */
@media (max-width:700px){
  #neden-kk .why238-grid{
    gap:10px!important;
  }

  #neden-kk .why238-card{
    overflow:hidden!important;
    border:1px solid rgba(221,177,119,.82)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
    background:rgba(3,14,23,.20)!important;
  }

  /* Mockup görsellerinin kendi içindeki eski gold çerçeveleri kartın dışında kırp.
     Böylece ekranda yalnızca gerçek kart çerçevesi kalır. */
  #neden-kk .why238-card:before{
    inset:-28px!important;
    opacity:1!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    filter:none!important;
    transform:none!important;
  }

  /* Metnin altında yeterli kontrast bırak, görsel tarafını karartma. */
  #neden-kk .why238-card:after{
    inset:0!important;
    background:linear-gradient(
      90deg,
      rgba(3,14,23,.98) 0%,
      rgba(3,14,23,.94) 31%,
      rgba(3,14,23,.68) 50%,
      rgba(3,14,23,.16) 69%,
      rgba(3,14,23,0) 100%
    )!important;
  }

  #neden-kk .why238-c1:before{background-position:58% center!important;}
  #neden-kk .why238-c2:before{background-position:64% center!important;}
  #neden-kk .why238-c3:before{background-position:62% center!important;}
  #neden-kk .why238-c4:before{background-position:69% center!important;}

  #neden-kk .why238-c5:before{
    inset:-34px!important;
    background-position:70% center!important;
    background-size:cover!important;
  }
  #neden-kk .why238-c5:after{
    background:linear-gradient(
      90deg,
      rgba(3,14,23,.98) 0%,
      rgba(3,14,23,.94) 30%,
      rgba(3,14,23,.62) 48%,
      rgba(3,14,23,.10) 65%,
      rgba(3,14,23,0) 100%
    )!important;
  }

  /* Kart içi içerik, görselin önünde temiz kalsın */
  #neden-kk .why238-no,
  #neden-kk .why238-card h3,
  #neden-kk .why238-card p,
  #neden-kk .why238-arrow{
    position:relative!important;
    z-index:3!important;
  }
}


/* === V244 — MOBILE NEDEN KRISTAL KEDI: onaylanan görselden gerçek kart görselleri === */
@media (max-width:700px){
  #neden-kk .why238-card{
    overflow:hidden!important;
    border:1px solid rgba(221,177,119,.84)!important;
    background:rgba(3,14,23,.30)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.20)!important;
  }

  #neden-kk .why238-card:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    opacity:1!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    filter:none!important;
    transform:none!important;
  }

  #neden-kk .why238-c1:before{
    background-image:url("../images/why-v244/c1-approved.webp")!important;
    background-position:center!important;
  }
  #neden-kk .why238-c2:before{
    background-image:url("../images/why-v244/c2-approved.webp")!important;
    background-position:center!important;
  }
  #neden-kk .why238-c3:before{
    background-image:url("../images/why-v244/c3-approved.webp")!important;
    background-position:center!important;
  }
  #neden-kk .why238-c4:before{
    background-image:url("../images/why-v244/c4-approved.webp")!important;
    background-position:center!important;
  }
  #neden-kk .why238-c5:before{
    background-image:url("../images/why-v244/c5-approved.webp")!important;
    background-position:center!important;
  }

  /* Only darken the text side; keep the approved motif visible on the right. */
  #neden-kk .why238-card:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    background:linear-gradient(90deg,
      rgba(3,14,23,.98) 0%,
      rgba(3,14,23,.95) 35%,
      rgba(3,14,23,.62) 55%,
      rgba(3,14,23,.10) 78%,
      rgba(3,14,23,0) 100%)!important;
  }

  #neden-kk .why238-no,
  #neden-kk .why238-card h3,
  #neden-kk .why238-card p,
  #neden-kk .why238-arrow{
    position:relative!important;
    z-index:2!important;
  }

  /* Keep the 5th card wider and the crystal-paw motif clearly visible */
  #neden-kk .why238-c5:after{
    background:linear-gradient(90deg,
      rgba(3,14,23,.98) 0%,
      rgba(3,14,23,.92) 38%,
      rgba(3,14,23,.42) 56%,
      rgba(3,14,23,.05) 72%,
      rgba(3,14,23,0) 100%)!important;
  }
}


/* === V245 — MOBILE NEDEN KRISTAL KEDI: mavi/lüks kedi görselleri + tek temiz gold çizgi === */
@media (max-width:700px){
  #neden-kk .why238-grid{
    gap:10px!important;
  }

  #neden-kk .why238-card{
    position:relative!important;
    overflow:hidden!important;
    border:1px solid rgba(226,184,111,.90)!important;
    outline:0!important;
    border-radius:18px!important;
    background:rgba(2,12,22,.34)!important;
    box-shadow:0 9px 24px rgba(0,0,0,.20)!important;
  }

  /* Remove any inherited decorative inner borders/lines. */
  #neden-kk .why238-card,
  #neden-kk .why238-card *{
    outline:none!important;
  }

  #neden-kk .why238-card:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    border:0!important;
    border-radius:inherit!important;
    opacity:1!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    filter:saturate(1.08) brightness(1.06)!important;
    transform:none!important;
  }

  #neden-kk .why238-c1:before{background-image:url("../images/why-v245/c1.webp")!important;background-position:center!important;}
  #neden-kk .why238-c2:before{background-image:url("../images/why-v245/c2.webp")!important;background-position:center!important;}
  #neden-kk .why238-c3:before{background-image:url("../images/why-v245/c3.webp")!important;background-position:center!important;}
  #neden-kk .why238-c4:before{background-image:url("../images/why-v245/c4.webp")!important;background-position:center!important;}
  #neden-kk .why238-c5:before{background-image:url("../images/why-v245/c5.webp")!important;background-position:center!important;}

  /* Smooth overlay only; no borders or hard vertical seams. */
  #neden-kk .why238-card:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    border:0!important;
    border-radius:inherit!important;
    box-shadow:none!important;
    background:linear-gradient(90deg,
      rgba(2,12,22,.96) 0%,
      rgba(2,12,22,.91) 31%,
      rgba(2,12,22,.56) 49%,
      rgba(2,12,22,.16) 68%,
      rgba(2,12,22,0) 82%)!important;
  }

  #neden-kk .why238-c5:after{
    background:linear-gradient(90deg,
      rgba(2,12,22,.97) 0%,
      rgba(2,12,22,.91) 34%,
      rgba(2,12,22,.46) 51%,
      rgba(2,12,22,.08) 67%,
      rgba(2,12,22,0) 80%)!important;
  }

  #neden-kk .why238-no,
  #neden-kk .why238-card h3,
  #neden-kk .why238-card p,
  #neden-kk .why238-arrow{
    position:relative!important;
    z-index:2!important;
  }

  /* kill old pseudo-decoration on text/arrow elements that could look like broken lines */
  #neden-kk .why238-card h3:before,
  #neden-kk .why238-card h3:after,
  #neden-kk .why238-card p:before,
  #neden-kk .why238-card p:after{
    display:none!important;
    content:none!important;
  }
}


/* === V246 — MOBILE NEDEN KRISTAL KEDI: metin okunabilirliği === */
@media (max-width:700px){
  #neden-kk .why238-card:after{
    background:linear-gradient(90deg,
      rgba(2,10,19,1) 0%, rgba(2,10,19,.99) 34%,
      rgba(2,10,19,.92) 49%, rgba(2,10,19,.60) 63%,
      rgba(2,10,19,.18) 76%, rgba(2,10,19,0) 88%)!important;
  }
  #neden-kk .why238-c5:after{
    background:linear-gradient(90deg,
      rgba(2,10,19,1) 0%, rgba(2,10,19,.99) 31%,
      rgba(2,10,19,.90) 44%, rgba(2,10,19,.52) 57%,
      rgba(2,10,19,.12) 70%, rgba(2,10,19,0) 82%)!important;
  }
  #neden-kk .why238-card h3{color:#fff!important;text-shadow:0 2px 7px rgba(0,0,0,.72)!important;}
  #neden-kk .why238-card p{color:rgba(255,255,255,.91)!important;text-shadow:0 1px 5px rgba(0,0,0,.82)!important;}
  #neden-kk .why238-no{text-shadow:0 1px 5px rgba(0,0,0,.72)!important;}
}


/* === V247 — MOBILE NEDEN KRISTAL KEDI: sadece bölüm + net metin + görsel sağda === */
@media (max-width:700px){
  #neden-kk{background:transparent!important;}
  #neden-kk::before,#neden-kk::after{background:none!important;}

  #neden-kk .why238-grid{gap:10px!important;}
  #neden-kk .why238-card{
    position:relative!important;
    overflow:hidden!important;
    border:1px solid rgba(220,175,105,.90)!important;
    outline:none!important;
    border-radius:18px!important;
    background:rgba(3,14,24,.74)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.20)!important;
  }

  #neden-kk .why238-card:before{
    content:""!important;
    position:absolute!important;
    top:0!important; right:0!important; bottom:0!important; left:40%!important;
    z-index:0!important;
    border:0!important;
    border-radius:0!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    opacity:1!important;
    filter:saturate(1.03) brightness(.93)!important;
    transform:none!important;
  }

  #neden-kk .why238-card:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    border:0!important;
    border-radius:inherit!important;
    box-shadow:none!important;
    background:linear-gradient(90deg,
      rgba(2,12,22,1) 0%,
      rgba(2,12,22,1) 46%,
      rgba(2,12,22,.97) 54%,
      rgba(2,12,22,.72) 65%,
      rgba(2,12,22,.24) 79%,
      rgba(2,12,22,0) 100%)!important;
  }

  #neden-kk .why238-c5:before{left:45%!important;}
  #neden-kk .why238-c5:after{
    background:linear-gradient(90deg,
      rgba(2,12,22,1) 0%,
      rgba(2,12,22,1) 42%,
      rgba(2,12,22,.96) 50%,
      rgba(2,12,22,.60) 62%,
      rgba(2,12,22,.14) 76%,
      rgba(2,12,22,0) 100%)!important;
  }

  #neden-kk .why238-no,
  #neden-kk .why238-card h3,
  #neden-kk .why238-card p,
  #neden-kk .why238-arrow{
    position:relative!important;
    z-index:2!important;
  }
  #neden-kk .why238-card h3{color:#fff!important;text-shadow:none!important;}
  #neden-kk .why238-card p{color:rgba(255,255,255,.92)!important;text-shadow:none!important;}

  #neden-kk .why238-card h3::before,
  #neden-kk .why238-card h3::after,
  #neden-kk .why238-card p::before,
  #neden-kk .why238-card p::after{
    content:none!important;
    display:none!important;
  }
}


/* === V248 — MOBILE NASIL ÇALIŞIR: premium crystal cards, moving site background stays visible === */
@media (max-width:700px){
  #nasil-calisir{
    background:transparent!important;
    padding-top:34px!important;
    padding-bottom:42px!important;
  }
  #nasil-calisir::before,
  #nasil-calisir::after{
    background:none!important;
  }

  #nasil-calisir .section-head.center{
    text-align:left!important;
    margin-bottom:22px!important;
  }
  #nasil-calisir .section-head .eyebrow{
    color:#76dff7!important;
    letter-spacing:.15em!important;
  }
  #nasil-calisir .section-title{
    max-width:310px!important;
    font-size:38px!important;
    line-height:.98!important;
    letter-spacing:-.035em!important;
  }
  #nasil-calisir .section-title em{
    color:#78dff4!important;
  }

  #nasil-calisir .steps-row.steps-v248{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  #nasil-calisir .step-v248{
    position:relative!important;
    min-height:215px!important;
    padding:24px 42% 24px 22px!important;
    border:1px solid rgba(219,176,105,.82)!important;
    border-radius:20px!important;
    overflow:hidden!important;
    background:rgba(2,12,22,.68)!important;
    box-shadow:0 14px 30px rgba(0,0,0,.19)!important;
  }

  #nasil-calisir .step-v248::before{
    content:""!important;
    position:absolute!important;
    top:0!important;right:0!important;bottom:0!important;
    width:48%!important;
    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    z-index:0!important;
    filter:saturate(1.08) brightness(.96)!important;
  }
  #nasil-calisir .step-v248.s1::before{background-image:url("../images/steps-v248/step1.webp")!important;}
  #nasil-calisir .step-v248.s2::before{background-image:url("../images/steps-v248/step2.webp")!important;}
  #nasil-calisir .step-v248.s3::before{background-image:url("../images/steps-v248/step3.webp")!important;}

  #nasil-calisir .step-v248::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    pointer-events:none!important;
    background:linear-gradient(90deg,
      rgba(2,12,22,1) 0%,
      rgba(2,12,22,.98) 43%,
      rgba(2,12,22,.79) 57%,
      rgba(2,12,22,.20) 77%,
      rgba(2,12,22,0) 100%)!important;
  }

  #nasil-calisir .step-v248 .num,
  #nasil-calisir .step-v248 h3,
  #nasil-calisir .step-v248 p{
    position:relative!important;
    z-index:2!important;
  }
  #nasil-calisir .step-v248 .num{
    font-family:var(--f-mono)!important;
    font-style:normal!important;
    font-size:26px!important;
    color:#e7bf78!important;
    -webkit-text-stroke:0!important;
    line-height:1!important;
    margin-bottom:24px!important;
  }
  #nasil-calisir .step-v248 .num::after{
    content:""!important;
    display:block!important;
    width:28px!important;
    height:1px!important;
    margin-top:10px!important;
    background:#d6a95d!important;
  }
  #nasil-calisir .step-v248 h3{
    margin:0!important;
    color:#fff!important;
    font-size:21px!important;
    line-height:1.14!important;
    max-width:185px!important;
    text-shadow:none!important;
  }
  #nasil-calisir .step-v248 p{
    margin-top:10px!important;
    max-width:190px!important;
    color:rgba(242,247,252,.88)!important;
    font-size:13.2px!important;
    line-height:1.5!important;
  }

  #nasil-calisir .steps-note-v248{
    margin-top:14px!important;
    padding:18px 18px!important;
    border:1px solid rgba(100,211,239,.28)!important;
    border-radius:18px!important;
    background:rgba(3,15,27,.58)!important;
    color:rgba(229,239,248,.88)!important;
    font-size:13.2px!important;
    line-height:1.55!important;
    backdrop-filter:blur(8px)!important;
  }
  #nasil-calisir .steps-note-v248 svg{
    color:#72dff7!important;
    width:19px!important;height:19px!important;
  }
}


/* === V253 — MOBILE FAL ÇEŞİTLERİ: temiz eski yatay yapı + hafif premium dokunuş === */
@media (max-width:760px){
  #fal-cesitleri .grid-3{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    gap:10px!important;
  }

  #fal-cesitleri .service-card,
  #fal-cesitleri .service-card:hover,
  #fal-cesitleri .service-card:active,
  #fal-cesitleri .service-card:focus,
  #fal-cesitleri .service-card.is-targeted{
    position:relative!important;
    overflow:hidden!important;
    transform:none!important;
    translate:none!important;
    scale:none!important;
    background:
      linear-gradient(145deg,rgba(4,21,37,.90),rgba(3,15,29,.92))!important;
    border:1px solid rgba(92,177,211,.28)!important;
    box-shadow:
      0 10px 24px rgba(0,0,0,.13),
      inset 0 1px 0 rgba(255,255,255,.025)!important;
  }

  /* Remove all image/pseudo content from the later experiments. */
  #fal-cesitleri .service-card::before,
  #fal-cesitleri .service-card::after,
  #fal-cesitleri .service-card:nth-child(4n+1)::before,
  #fal-cesitleri .service-card:nth-child(4n+2)::before,
  #fal-cesitleri .service-card:nth-child(4n+3)::before,
  #fal-cesitleri .service-card:nth-child(4n+4)::before{
    content:none!important;
    display:none!important;
    background:none!important;
    background-image:none!important;
  }

  #fal-cesitleri .service-card .dur{
    background:rgba(5,24,41,.58)!important;
    border-color:rgba(98,174,205,.24)!important;
    color:rgba(211,227,238,.74)!important;
  }

  #fal-cesitleri .service-card .price{
    color:#e8c46b!important;
  }

  #fal-cesitleri .service-card .actions .btn-outline{
    border-color:rgba(81,181,219,.46)!important;
    background:rgba(3,16,29,.60)!important;
  }

  #fal-cesitleri .service-card .actions .btn-quiet{
    border-color:rgba(201,165,94,.26)!important;
    background:rgba(3,16,29,.56)!important;
  }

  #fal-cesitleri .service-card .actions .wa-icon{
    color:#25d366!important;
  }
}


/* === V254 — MOBILE FAL ÇEŞİTLERİ: yatay minimal + kontrollü %30 premium görsel === */
@media (max-width:760px){
  #fal-cesitleri .service-card{
    isolation:isolate!important;
    overflow:hidden!important;
    background:linear-gradient(135deg,#04192b 0%,#031522 58%,#041827 100%)!important;
    border:1px solid rgba(86,174,211,.34)!important;
    box-shadow:0 10px 25px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.025)!important;
  }

  /* Tek dekoratif görsel katmanı: sadece sağ bölümde, metnin arkasına taşmaz. */
  #fal-cesitleri .service-card::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:0!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    width:38%!important;
    height:auto!important;
    opacity:.27!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    background-position:center!important;
    filter:saturate(.72) brightness(.68) hue-rotate(2deg)!important;
    pointer-events:none!important;
  }

  #fal-cesitleri .service-card:nth-child(4n+1)::before{
    background-image:url("../images/services-v249/kahve.webp")!important;
  }
  #fal-cesitleri .service-card:nth-child(4n+2)::before{
    background-image:url("../images/services-v249/tarot.webp")!important;
  }
  #fal-cesitleri .service-card:nth-child(4n+3)::before{
    background-image:url("../images/services-v249/ask.webp")!important;
  }
  #fal-cesitleri .service-card:nth-child(4n+4)::before{
    background-image:url("../images/services-v249/katina.webp")!important;
  }

  /* Sağdaki görseli karta yedir; keskin çizgi oluşmasın. */
  #fal-cesitleri .service-card::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:1!important;
    inset:0!important;
    background:linear-gradient(90deg,
      rgba(4,25,43,0) 0%,
      rgba(4,25,43,0) 54%,
      rgba(4,25,43,.28) 67%,
      rgba(4,25,43,.06) 100%)!important;
    pointer-events:none!important;
  }

  #fal-cesitleri .service-card > *{
    position:relative!important;
    z-index:2!important;
  }

  /* Metin alanı görselden ayrı ve net. */
  #fal-cesitleri .service-card h3{
    max-width:68%!important;
    color:#f7f5f1!important;
    text-shadow:none!important;
  }
  #fal-cesitleri .service-card .desc{
    max-width:72%!important;
    color:rgba(228,237,244,.80)!important;
    text-shadow:none!important;
  }

  #fal-cesitleri .service-card .price{
    z-index:3!important;
    color:#e8c36b!important;
    text-shadow:0 2px 8px rgba(0,0,0,.45)!important;
  }

  #fal-cesitleri .service-card .dur{
    z-index:3!important;
    background:rgba(3,19,33,.74)!important;
    border-color:rgba(95,174,207,.28)!important;
  }

  #fal-cesitleri .service-card .actions{
    z-index:4!important;
  }
  #fal-cesitleri .service-card .actions .btn{
    background:rgba(3,15,27,.88)!important;
    backdrop-filter:blur(4px)!important;
  }
  #fal-cesitleri .service-card .actions .btn-outline{
    border-color:rgba(79,182,221,.50)!important;
  }
  #fal-cesitleri .service-card .actions .btn-quiet{
    border-color:rgba(205,167,92,.30)!important;
  }
}


/* === V255 — FAL ÇEŞİTLERİ: eksik görsel assetleri eklendi + kontrollü sağ görsel === */
@media (max-width:760px){
  #fal-cesitleri .service-card::before{
    display:block!important;
    content:""!important;
    position:absolute!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    width:43%!important;
    height:100%!important;
    opacity:.34!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    filter:saturate(.78) brightness(.76)!important;
    z-index:0!important;
  }

  #fal-cesitleri .service-card:nth-child(4n+1)::before{background-image:url("../images/services-v249/kahve.webp")!important;}
  #fal-cesitleri .service-card:nth-child(4n+2)::before{background-image:url("../images/services-v249/tarot.webp")!important;}
  #fal-cesitleri .service-card:nth-child(4n+3)::before{background-image:url("../images/services-v249/ask.webp")!important;}
  #fal-cesitleri .service-card:nth-child(4n+4)::before{background-image:url("../images/services-v249/katina.webp")!important;}

  #fal-cesitleri .service-card::after{
    display:block!important;
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    pointer-events:none!important;
    background:linear-gradient(90deg,
      rgba(3,21,34,1) 0%,
      rgba(3,21,34,.99) 50%,
      rgba(3,21,34,.82) 63%,
      rgba(3,21,34,.35) 78%,
      rgba(3,21,34,.08) 100%)!important;
  }

  #fal-cesitleri .service-card > *{position:relative!important;z-index:2!important;}
  #fal-cesitleri .service-card h3{max-width:62%!important;}
  #fal-cesitleri .service-card .desc{max-width:66%!important;}
  #fal-cesitleri .service-card .price,
  #fal-cesitleri .service-card .top,
  #fal-cesitleri .service-card .actions{z-index:3!important;}
}


/* === V256 — MOBILE FAL ÇEŞİTLERİ: gerçek DOM görsel katmanı === */
@media (max-width:760px){
  #fal-cesitleri .service-card{
    position:relative!important;
    overflow:hidden!important;
    background:linear-gradient(135deg,#04192b 0%,#031522 58%,#041827 100%)!important;
  }

  /* Önceki pseudo görselleri devre dışı bırak: tek kaynak service-art olacak. */
  #fal-cesitleri .service-card::before,
  #fal-cesitleri .service-card::after{
    content:none!important;
    display:none!important;
  }

  #fal-cesitleri .service-card .service-art{
    position:absolute!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    width:42%!important;
    z-index:0!important;
    display:block!important;
    opacity:.42!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    background-position:center!important;
    filter:saturate(.82) brightness(.78)!important;
    pointer-events:none!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 18%,#000 48%,#000 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 18%,#000 48%,#000 100%)!important;
  }
  #fal-cesitleri .service-card .service-art.art-kahve{
    background-image:url("../images/services-v249/kahve.webp")!important;
  }
  #fal-cesitleri .service-card .service-art.art-tarot{
    background-image:url("../images/services-v249/tarot.webp")!important;
  }
  #fal-cesitleri .service-card .service-art.art-ask{
    background-image:url("../images/services-v249/ask.webp")!important;
  }

  #fal-cesitleri .service-card > :not(.service-art){
    position:relative!important;
    z-index:2!important;
  }

  #fal-cesitleri .service-card h3,
  #fal-cesitleri .service-card .desc{
    max-width:68%!important;
  }

  #fal-cesitleri .service-card .price,
  #fal-cesitleri .service-card .top,
  #fal-cesitleri .service-card .actions{
    z-index:3!important;
  }
}


/* === V257 — FAL KARTLARI: görselde tekrar isim yok + çok hafif gold kenar ışıltısı === */
@media (max-width:760px){
  #fal-cesitleri .service-card{
    border:1px solid rgba(199,158,83,.48)!important;
    box-shadow:
      0 0 0 1px rgba(236,195,111,.025),
      0 0 11px rgba(213,169,83,.055),
      0 9px 23px rgba(0,0,0,.15),
      inset 0 1px 0 rgba(255,226,167,.05)!important;
  }

  #fal-cesitleri .service-card .service-art{
    top:0!important;
    right:0!important;
    bottom:auto!important;
    width:42%!important;
    height:72%!important;
    opacity:.40!important;
    background-size:cover!important;
    background-position:center top!important;
    filter:saturate(.78) brightness(.76)!important;
    -webkit-mask-image:
      linear-gradient(90deg,transparent 0%,rgba(0,0,0,.32) 20%,#000 50%,#000 100%),
      linear-gradient(180deg,#000 0%,#000 72%,transparent 100%)!important;
    mask-image:
      linear-gradient(90deg,transparent 0%,rgba(0,0,0,.32) 20%,#000 50%,#000 100%),
      linear-gradient(180deg,#000 0%,#000 72%,transparent 100%)!important;
    -webkit-mask-composite:source-in!important;
    mask-composite:intersect!important;
  }

  #fal-cesitleri .service-card .service-art.art-kahve{
    background-image:url("../images/services-v257/kahve.webp")!important;
  }
  #fal-cesitleri .service-card .service-art.art-tarot{
    background-image:url("../images/services-v257/tarot.webp")!important;
  }
  #fal-cesitleri .service-card .service-art.art-ask{
    background-image:url("../images/services-v257/ask.webp")!important;
  }

  /* Alt buton bölgesinin arkasını temiz tut; görsel/yazı buraya sarkmasın. */
  #fal-cesitleri .service-card .actions{
    z-index:5!important;
  }
  #fal-cesitleri .service-card .actions::before{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    left:-7px!important;
    right:-7px!important;
    top:-9px!important;
    bottom:-7px!important;
    border-radius:13px!important;
    background:linear-gradient(180deg,rgba(3,21,34,.22),rgba(3,21,34,.96) 34%)!important;
    pointer-events:none!important;
  }

  #fal-cesitleri .service-card .actions .btn-outline{
    border-color:rgba(84,181,217,.48)!important;
  }
  #fal-cesitleri .service-card .actions .btn-quiet{
    border-color:rgba(208,168,91,.38)!important;
  }
}


/* === V258 — FAL ÇEŞİTLERİ: her kartta ayrı görsel + %10 daha parlak gold çerçeve === */
@media (max-width:760px){
  #fal-cesitleri .service-card{
    overflow:hidden!important;
    border:1px solid rgba(224,180,96,.60)!important;
    box-shadow:
      0 0 0 1px rgba(248,208,126,.035),
      0 0 14px rgba(226,180,91,.085),
      0 9px 24px rgba(0,0,0,.15),
      inset 0 1px 0 rgba(255,230,174,.065)!important;
  }

  #fal-cesitleri .service-card::before,
  #fal-cesitleri .service-card::after{
    content:none!important;
    display:none!important;
  }

  #fal-cesitleri .service-card .service-art{
    position:absolute!important;
    display:block!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    width:42%!important;
    height:100%!important;
    z-index:0!important;
    opacity:.44!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    background-position:center!important;
    filter:saturate(.82) brightness(.80)!important;
    pointer-events:none!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 18%,#000 46%,#000 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 18%,#000 46%,#000 100%)!important;
  }

  #fal-cesitleri .service-card .service-art.art-kahve-fali{background-image:url("../images/services-v258/kahve-fali.webp")!important;}
#fal-cesitleri .service-card .service-art.art-tarot-yorumu{background-image:url("../images/services-v258/tarot-yorumu.webp")!important;}
#fal-cesitleri .service-card .service-art.art-katina-ask{background-image:url("../images/services-v258/katina-ask.webp")!important;}
#fal-cesitleri .service-card .service-art.art-iskambil-yorumu{background-image:url("../images/services-v258/iskambil-yorumu.webp")!important;}
#fal-cesitleri .service-card .service-art.art-yildizname-yorumu{background-image:url("../images/services-v258/yildizname-yorumu.webp")!important;}
#fal-cesitleri .service-card .service-art.art-su-yorumu{background-image:url("../images/services-v258/su-yorumu.webp")!important;}
#fal-cesitleri .service-card .service-art.art-melek-yorumu{background-image:url("../images/services-v258/melek-yorumu.webp")!important;}
#fal-cesitleri .service-card .service-art.art-kahve-detayli-tarot{background-image:url("../images/services-v258/kahve-detayli-tarot.webp")!important;}
#fal-cesitleri .service-card .service-art.art-iliski-analizi{background-image:url("../images/services-v258/iliski-analizi.webp")!important;}

  #fal-cesitleri .service-card > :not(.service-art){
    position:relative!important;
    z-index:2!important;
  }

  /* Sol metin tarafını temiz ve okunaklı tut. */
  #fal-cesitleri .service-card h3,
  #fal-cesitleri .service-card .desc{
    max-width:68%!important;
  }

  #fal-cesitleri .service-card .actions{
    z-index:4!important;
  }
  #fal-cesitleri .service-card .actions::before{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    inset:-8px -7px -7px!important;
    border-radius:13px!important;
    background:linear-gradient(180deg,rgba(3,21,34,.18),rgba(3,21,34,.97) 36%)!important;
    pointer-events:none!important;
  }
}


/* === V259 — FAL ÇEŞİTLERİ: referanstaki kompakt yatay kart görünümü === */
@media (max-width:760px){
  #fal-cesitleri .service-card,
  #fal-cesitleri .service-card:hover,
  #fal-cesitleri .service-card:active,
  #fal-cesitleri .service-card:focus,
  #fal-cesitleri .service-card.is-targeted{
    flex:0 0 282px!important;
    width:282px!important;
    height:188px!important;
    min-height:188px!important;
    max-height:188px!important;
    padding:14px 14px 12px!important;
    border-radius:16px!important;
    border:1px solid rgba(232,188,96,.82)!important;
    background:linear-gradient(135deg,rgba(4,20,34,.98),rgba(2,13,24,.98))!important;
    box-shadow:
      0 0 0 1px rgba(255,213,122,.06),
      0 0 12px rgba(229,182,83,.14),
      0 8px 18px rgba(0,0,0,.18),
      inset 0 1px 0 rgba(255,239,197,.08)!important;
    overflow:hidden!important;
  }

  #fal-cesitleri .service-card .service-art{
    top:0!important;
    right:0!important;
    bottom:0!important;
    width:48%!important;
    height:100%!important;
    opacity:.62!important;
    background-size:cover!important;
    background-position:center!important;
    filter:saturate(.92) brightness(.88) contrast(1.03)!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.32) 14%,#000 38%,#000 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.32) 14%,#000 38%,#000 100%)!important;
  }

  #fal-cesitleri .service-card .top{
    top:11px!important;
    left:13px!important;
  }
  #fal-cesitleri .service-card .dur{
    min-height:21px!important;
    padding:0 7px!important;
    font-size:8px!important;
    border:1px solid rgba(221,187,119,.42)!important;
    background:rgba(3,17,29,.72)!important;
  }

  #fal-cesitleri .service-card .price{
    top:13px!important;
    right:13px!important;
    font-size:18px!important;
    color:#f0c767!important;
  }
  #fal-cesitleri .service-card .price span{
    margin-top:2px!important;
    font-size:6px!important;
  }

  #fal-cesitleri .service-card h3{
    top:47px!important;
    left:14px!important;
    right:auto!important;
    max-width:58%!important;
    font-size:16px!important;
    line-height:1.06!important;
    font-style:italic!important;
  }

  #fal-cesitleri .service-card .desc{
    top:77px!important;
    left:14px!important;
    right:auto!important;
    width:58%!important;
    max-width:58%!important;
    height:40px!important;
    max-height:40px!important;
    font-size:9.2px!important;
    line-height:1.34!important;
    -webkit-line-clamp:3!important;
    color:rgba(233,239,244,.80)!important;
  }

  #fal-cesitleri .service-card .actions{
    left:13px!important;
    right:13px!important;
    bottom:10px!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
  }

  #fal-cesitleri .service-card .actions::before{
    display:none!important;
    content:none!important;
  }

  #fal-cesitleri .service-card .actions .btn{
    height:34px!important;
    min-height:34px!important;
    border-radius:9px!important;
    padding:0 6px!important;
    font-size:7.7px!important;
    background:rgba(3,15,27,.78)!important;
    backdrop-filter:blur(3px)!important;
  }
  #fal-cesitleri .service-card .actions .btn-outline{
    border:1px solid rgba(86,190,226,.58)!important;
  }
  #fal-cesitleri .service-card .actions .btn-quiet{
    border:1px solid rgba(226,184,102,.44)!important;
  }

  #fal-cesitleri .service-card > :not(.service-art){
    position:absolute!important;
    z-index:3!important;
  }

  /* Görselde gömülü metin asla görünmesin diye alt-sağ bölgeyi çok hafif koyulaştır. */
  #fal-cesitleri .service-card .service-art::after{
    content:""!important;
  }
}


/* === V260 — MOBILE FAL ÇEŞİTLERİ: tek bloktan sıfır kurulum === */
@media (max-width:760px){

  #fal-cesitleri .grid-3{
    display:flex!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    padding:6px 14px 14px 0!important;
    margin-right:-14px!important;
    align-items:stretch!important;
  }
  #fal-cesitleri .grid-3::-webkit-scrollbar{display:none!important;}

  #fal-cesitleri .service-card,
  #fal-cesitleri .service-card:hover,
  #fal-cesitleri .service-card:active,
  #fal-cesitleri .service-card:focus,
  #fal-cesitleri .service-card.is-targeted{
    box-sizing:border-box!important;
    position:relative!important;
    isolation:isolate!important;
    flex:0 0 292px!important;
    width:292px!important;
    height:190px!important;
    min-height:190px!important;
    max-height:190px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    scroll-snap-align:start!important;
    border-radius:16px!important;
    border:1px solid rgba(232,188,96,.82)!important;
    background:linear-gradient(135deg,#04192b 0%,#031522 62%,#041725 100%)!important;
    box-shadow:
      0 0 0 1px rgba(255,214,124,.05),
      0 0 14px rgba(227,180,84,.13),
      0 8px 20px rgba(0,0,0,.17),
      inset 0 1px 0 rgba(255,238,196,.07)!important;
    transform:none!important;
    translate:none!important;
    scale:none!important;
    animation:none!important;
  }

  /* Bütün eski pseudo katmanları kapat */
  #fal-cesitleri .service-card::before,
  #fal-cesitleri .service-card::after{
    content:none!important;
    display:none!important;
  }

  /* Gerçek görsel sağda */
  #fal-cesitleri .service-card .service-art{
    display:block!important;
    position:absolute!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    width:46%!important;
    height:100%!important;
    z-index:0!important;
    opacity:.72!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    filter:saturate(.90) brightness(.84) contrast(1.03)!important;
    pointer-events:none!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 12%,#000 34%,#000 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 12%,#000 34%,#000 100%)!important;
  }

  /* Sol metin alanı temiz ve düz */
  #fal-cesitleri .service-card .card-content-shade{
    display:none!important;
  }

  #fal-cesitleri .service-card .top{
    position:absolute!important;
    top:12px!important;
    left:13px!important;
    z-index:4!important;
    margin:0!important;
  }
  #fal-cesitleri .service-card .dur{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:22px!important;
    padding:0 7px!important;
    border-radius:999px!important;
    background:rgba(3,17,29,.78)!important;
    border:1px solid rgba(209,176,111,.46)!important;
    color:rgba(230,236,241,.90)!important;
    font-size:8px!important;
    line-height:1!important;
  }

  #fal-cesitleri .service-card .price{
    position:absolute!important;
    top:13px!important;
    right:13px!important;
    left:auto!important;
    z-index:4!important;
    margin:0!important;
    color:#f1c96b!important;
    font-size:18px!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-shadow:0 1px 5px rgba(0,0,0,.45)!important;
  }
  #fal-cesitleri .service-card .price span{
    display:block!important;
    margin-top:3px!important;
    color:rgba(223,230,236,.52)!important;
    font-size:6px!important;
    text-align:right!important;
  }

  #fal-cesitleri .service-card h3{
    position:absolute!important;
    top:48px!important;
    left:14px!important;
    right:auto!important;
    z-index:4!important;
    width:52%!important;
    max-width:52%!important;
    margin:0!important;
    color:#f8f4ee!important;
    font-size:16px!important;
    line-height:1.08!important;
    font-style:italic!important;
    text-shadow:none!important;
  }

  #fal-cesitleri .service-card .desc{
    position:absolute!important;
    top:78px!important;
    left:14px!important;
    right:auto!important;
    z-index:4!important;
    width:56%!important;
    max-width:56%!important;
    height:38px!important;
    max-height:38px!important;
    min-height:0!important;
    margin:0!important;
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    color:rgba(233,240,245,.82)!important;
    font-size:9px!important;
    line-height:1.34!important;
    text-shadow:none!important;
  }

  #fal-cesitleri .service-card .actions{
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    bottom:10px!important;
    z-index:5!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    margin:0!important;
  }
  #fal-cesitleri .service-card .actions::before,
  #fal-cesitleri .service-card .actions::after{
    content:none!important;
    display:none!important;
  }

  #fal-cesitleri .service-card .actions .btn{
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 6px!important;
    border-radius:9px!important;
    font-size:7.8px!important;
    font-weight:700!important;
    line-height:1!important;
    white-space:nowrap!important;
    background:rgba(3,15,27,.82)!important;
    box-shadow:none!important;
    backdrop-filter:blur(3px)!important;
  }
  #fal-cesitleri .service-card .actions .btn-outline{
    color:#f7f7f7!important;
    border:1px solid rgba(83,186,224,.60)!important;
  }
  #fal-cesitleri .service-card .actions .btn-quiet{
    color:#f7f7f7!important;
    border:1px solid rgba(226,184,99,.48)!important;
  }
  #fal-cesitleri .service-card .actions .wa-icon{
    width:12px!important;
    height:12px!important;
    margin-right:5px!important;
    color:#25d366!important;
  }

  /* İçeriklerin tümü tek katmanda, hayalet yazı yok */
  #fal-cesitleri .service-card > :not(.service-art){
    z-index:4!important;
  }

  /* Kartın sol tarafına lokal kontrast */
  #fal-cesitleri .service-card{
    background:
      linear-gradient(90deg,
        rgba(3,21,34,1) 0%,
        rgba(3,21,34,1) 49%,
        rgba(3,21,34,.90) 57%,
        rgba(3,21,34,.42) 74%,
        rgba(3,21,34,.08) 100%),
      #031522!important;
  }
}


/* === V261 — MOBILE FAL ÇEŞİTLERİ: referans görseldeki oran ve görünüm birebir yakın === */
@media (max-width:760px){
  #fal-cesitleri .grid-3{
    display:flex!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    padding:8px 14px 16px 0!important;
    margin-right:-14px!important;
    align-items:stretch!important;
  }
  #fal-cesitleri .grid-3::-webkit-scrollbar{display:none!important;}

  #fal-cesitleri .service-card,
  #fal-cesitleri .service-card:hover,
  #fal-cesitleri .service-card:active,
  #fal-cesitleri .service-card:focus,
  #fal-cesitleri .service-card.is-targeted{
    box-sizing:border-box!important;
    position:relative!important;
    isolation:isolate!important;
    flex:0 0 300px!important;
    width:300px!important;
    height:188px!important;
    min-height:188px!important;
    max-height:188px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    scroll-snap-align:start!important;
    border-radius:14px!important;
    border:1.25px solid rgba(246,194,96,.92)!important;
    background:#031522!important;
    box-shadow:
      0 0 0 1px rgba(255,225,160,.07),
      0 0 10px rgba(245,187,77,.16),
      0 7px 18px rgba(0,0,0,.18),
      inset 0 1px 0 rgba(255,244,216,.09)!important;
    transform:none!important;
    translate:none!important;
    scale:none!important;
    animation:none!important;
  }

  #fal-cesitleri .service-card::before,
  #fal-cesitleri .service-card::after{
    content:none!important;
    display:none!important;
  }

  #fal-cesitleri .service-card .service-art{
    display:block!important;
    position:absolute!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    width:48%!important;
    height:100%!important;
    z-index:0!important;
    opacity:.95!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    background-position:center!important;
    filter:saturate(.92) brightness(.78) contrast(1.04)!important;
    pointer-events:none!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.10) 10%,rgba(0,0,0,.76) 34%,#000 52%,#000 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.10) 10%,rgba(0,0,0,.76) 34%,#000 52%,#000 100%)!important;
  }

  #fal-cesitleri .service-card .service-art.art-kahve-fali{background-image:url("../images/services-v258/kahve-fali.webp")!important;}
#fal-cesitleri .service-card .service-art.art-tarot-yorumu{background-image:url("../images/services-v258/tarot-yorumu.webp")!important;}
#fal-cesitleri .service-card .service-art.art-katina-ask{background-image:url("../images/services-v258/katina-ask.webp")!important;}
#fal-cesitleri .service-card .service-art.art-iskambil-yorumu{background-image:url("../images/services-v258/iskambil-yorumu.webp")!important;}
#fal-cesitleri .service-card .service-art.art-yildizname-yorumu{background-image:url("../images/services-v258/yildizname-yorumu.webp")!important;}
#fal-cesitleri .service-card .service-art.art-su-yorumu{background-image:url("../images/services-v258/su-yorumu.webp")!important;}
#fal-cesitleri .service-card .service-art.art-melek-yorumu{background-image:url("../images/services-v258/melek-yorumu.webp")!important;}
#fal-cesitleri .service-card .service-art.art-kahve-detayli-tarot{background-image:url("../images/services-v258/kahve-detayli-tarot.webp")!important;}
#fal-cesitleri .service-card .service-art.art-iliski-analizi{background-image:url("../images/services-v258/iliski-analizi.webp")!important;}

  /* Koyu sol panel, referanstaki gibi görselin içine yumuşak geçiş yapar. */
  #fal-cesitleri .service-card .service-art + .top::before{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    top:-12px!important;
    left:-13px!important;
    width:190px!important;
    height:164px!important;
    background:linear-gradient(90deg,
      #031522 0%,
      rgba(3,21,34,.99) 64%,
      rgba(3,21,34,.84) 79%,
      rgba(3,21,34,0) 100%)!important;
    pointer-events:none!important;
  }

  #fal-cesitleri .service-card .top{
    position:absolute!important;
    top:13px!important;
    left:14px!important;
    z-index:4!important;
    margin:0!important;
  }
  #fal-cesitleri .service-card .dur{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:22px!important;
    padding:0 8px!important;
    border-radius:999px!important;
    background:rgba(3,16,27,.74)!important;
    border:1px solid rgba(178,194,205,.54)!important;
    color:rgba(246,248,249,.92)!important;
    font-size:8px!important;
    line-height:1!important;
  }

  #fal-cesitleri .service-card .price{
    position:absolute!important;
    top:13px!important;
    right:13px!important;
    z-index:5!important;
    margin:0!important;
    color:#efbf54!important;
    font-size:22px!important;
    font-weight:700!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-shadow:0 1px 5px rgba(0,0,0,.5)!important;
  }
  #fal-cesitleri .service-card .price span{
    display:block!important;
    margin-top:3px!important;
    color:rgba(245,211,137,.88)!important;
    font-size:6px!important;
    font-weight:600!important;
    text-align:right!important;
  }

  #fal-cesitleri .service-card h3{
    position:absolute!important;
    top:50px!important;
    left:14px!important;
    z-index:4!important;
    width:58%!important;
    max-width:58%!important;
    margin:0!important;
    color:#f6f2eb!important;
    font-size:16px!important;
    line-height:1.06!important;
    font-style:italic!important;
    font-weight:700!important;
    text-shadow:none!important;
  }

  #fal-cesitleri .service-card .desc{
    position:absolute!important;
    top:82px!important;
    left:14px!important;
    z-index:4!important;
    width:60%!important;
    max-width:60%!important;
    height:40px!important;
    max-height:40px!important;
    min-height:0!important;
    margin:0!important;
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    color:rgba(238,241,244,.90)!important;
    font-size:9px!important;
    line-height:1.38!important;
    text-shadow:none!important;
  }

  #fal-cesitleri .service-card .actions{
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    bottom:10px!important;
    z-index:6!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin:0!important;
  }
  #fal-cesitleri .service-card .actions::before,
  #fal-cesitleri .service-card .actions::after{
    content:none!important;
    display:none!important;
  }

  #fal-cesitleri .service-card .actions .btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 7px!important;
    border-radius:8px!important;
    background:rgba(3,13,23,.88)!important;
    box-shadow:none!important;
    backdrop-filter:blur(2px)!important;
    font-size:8px!important;
    font-weight:700!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  #fal-cesitleri .service-card .actions .btn-outline{
    color:#fff!important;
    border:1px solid rgba(91,192,228,.74)!important;
  }
  #fal-cesitleri .service-card .actions .btn-quiet{
    color:#fff!important;
    border:1px solid rgba(224,185,104,.62)!important;
  }
  #fal-cesitleri .service-card .actions .wa-icon{
    width:12px!important;
    height:12px!important;
    margin-right:5px!important;
    color:#20df7a!important;
  }

  #fal-cesitleri .service-card > :not(.service-art){
    z-index:4!important;
  }
}


/* === V262 — MOBILE FAL ÇEŞİTLERİ: onaylanan referansın temiz kart sistemi === */
@media (max-width:760px){
  #fal-cesitleri .grid-3{
    display:flex!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    padding:7px 14px 15px 0!important;
    margin-right:-14px!important;
    align-items:stretch!important;
  }
  #fal-cesitleri .grid-3::-webkit-scrollbar{display:none!important;}

  #fal-cesitleri .service-card,
  #fal-cesitleri .service-card:hover,
  #fal-cesitleri .service-card:active,
  #fal-cesitleri .service-card:focus,
  #fal-cesitleri .service-card.is-targeted{
    position:relative!important;
    isolation:isolate!important;
    box-sizing:border-box!important;
    flex:0 0 302px!important;
    width:302px!important;
    height:188px!important;
    min-height:188px!important;
    max-height:188px!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    scroll-snap-align:start!important;
    border-radius:15px!important;
    border:1.25px solid rgba(241,193,94,.92)!important;
    background:#031522!important;
    box-shadow:
      0 0 0 1px rgba(255,229,168,.055),
      0 0 12px rgba(236,188,88,.16),
      0 8px 18px rgba(0,0,0,.20),
      inset 0 1px 0 rgba(255,240,204,.08)!important;
    transform:none!important;
    translate:none!important;
    scale:none!important;
    animation:none!important;
  }

  #fal-cesitleri .service-card::before,
  #fal-cesitleri .service-card::after{
    content:none!important;
    display:none!important;
  }

  /* Exact-style visual: image occupies right half, no baked-in text at all. */
  #fal-cesitleri .service-card .service-art{
    display:block!important;
    position:absolute!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    width:48%!important;
    height:100%!important;
    z-index:0!important;
    opacity:.88!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    filter:saturate(.94) brightness(.86) contrast(1.04)!important;
    pointer-events:none!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 12%,rgba(0,0,0,.86) 36%,#000 52%,#000 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 12%,rgba(0,0,0,.86) 36%,#000 52%,#000 100%)!important;
  }

  #fal-cesitleri .service-card .service-art.art-kahve-fali{background-image:url("../images/services-v262/kahve-fali.webp")!important;}
#fal-cesitleri .service-card .service-art.art-tarot-yorumu{background-image:url("../images/services-v262/tarot-yorumu.webp")!important;}
#fal-cesitleri .service-card .service-art.art-kahve-detayli-tarot{background-image:url("../images/services-v262/kahve-detayli-tarot.webp")!important;}
#fal-cesitleri .service-card .service-art.art-katina-ask{background-image:url("../images/services-v262/katina-ask.webp")!important;}
#fal-cesitleri .service-card .service-art.art-iskambil-yorumu{background-image:url("../images/services-v262/iskambil-yorumu.webp")!important;}
#fal-cesitleri .service-card .service-art.art-yildizname-yorumu{background-image:url("../images/services-v262/yildizname-yorumu.webp")!important;}
#fal-cesitleri .service-card .service-art.art-su-yorumu{background-image:url("../images/services-v262/su-yorumu.webp")!important;}
#fal-cesitleri .service-card .service-art.art-melek-yorumu{background-image:url("../images/services-v262/melek-yorumu.webp")!important;}
#fal-cesitleri .service-card .service-art.art-iliski-analizi{background-image:url("../images/services-v262/iliski-analizi.webp")!important;}

  /* Left-side matte panel like the approved reference. */
  #fal-cesitleri .service-card .top::before{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    top:-13px!important;
    left:-14px!important;
    width:194px!important;
    height:142px!important;
    background:linear-gradient(90deg,
      #031522 0%,
      rgba(3,21,34,1) 66%,
      rgba(3,21,34,.92) 78%,
      rgba(3,21,34,.38) 91%,
      rgba(3,21,34,0) 100%)!important;
    pointer-events:none!important;
  }

  #fal-cesitleri .service-card .top{
    position:absolute!important;
    top:12px!important;
    left:13px!important;
    z-index:4!important;
    margin:0!important;
  }
  #fal-cesitleri .service-card .dur{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:22px!important;
    padding:0 8px!important;
    border-radius:999px!important;
    background:rgba(3,16,28,.80)!important;
    border:1px solid rgba(205,216,224,.52)!important;
    color:rgba(246,248,250,.93)!important;
    font-size:8px!important;
    line-height:1!important;
  }

  #fal-cesitleri .service-card .price{
    position:absolute!important;
    top:13px!important;
    right:13px!important;
    left:auto!important;
    z-index:5!important;
    margin:0!important;
    color:#f0bd50!important;
    font-size:21px!important;
    font-weight:700!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-shadow:0 1px 5px rgba(0,0,0,.52)!important;
  }
  #fal-cesitleri .service-card .price span{
    display:block!important;
    margin-top:3px!important;
    color:rgba(245,209,129,.86)!important;
    font-size:6px!important;
    font-weight:600!important;
    text-align:right!important;
  }

  #fal-cesitleri .service-card h3{
    position:absolute!important;
    top:49px!important;
    left:13px!important;
    right:auto!important;
    z-index:4!important;
    width:59%!important;
    max-width:59%!important;
    margin:0!important;
    color:#f6f2eb!important;
    font-size:16px!important;
    line-height:1.06!important;
    font-style:italic!important;
    font-weight:700!important;
    text-shadow:none!important;
  }

  #fal-cesitleri .service-card .desc{
    position:absolute!important;
    top:80px!important;
    left:13px!important;
    right:auto!important;
    z-index:4!important;
    width:61%!important;
    max-width:61%!important;
    height:42px!important;
    min-height:0!important;
    max-height:42px!important;
    margin:0!important;
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    color:rgba(240,243,246,.91)!important;
    font-size:9px!important;
    line-height:1.4!important;
    text-shadow:none!important;
  }

  #fal-cesitleri .service-card .actions{
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    bottom:10px!important;
    z-index:6!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin:0!important;
  }
  #fal-cesitleri .service-card .actions::before,
  #fal-cesitleri .service-card .actions::after{
    content:none!important;
    display:none!important;
  }

  #fal-cesitleri .service-card .actions .btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:35px!important;
    min-height:35px!important;
    padding:0 7px!important;
    border-radius:8px!important;
    background:rgba(3,13,23,.92)!important;
    box-shadow:none!important;
    backdrop-filter:blur(2px)!important;
    font-size:8px!important;
    font-weight:700!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  #fal-cesitleri .service-card .actions .btn-outline{
    border:1px solid rgba(91,191,227,.76)!important;
    color:#fff!important;
  }
  #fal-cesitleri .service-card .actions .btn-quiet{
    border:1px solid rgba(224,185,104,.64)!important;
    color:#fff!important;
  }
  #fal-cesitleri .service-card .actions .wa-icon{
    width:12px!important;
    height:12px!important;
    margin-right:5px!important;
    color:#20df7a!important;
  }

  #fal-cesitleri .service-card > :not(.service-art){
    z-index:4!important;
  }
}


/* === V263 — MOBILE FAL KARTLARI: fiyat alanı temizliği === */
@media (max-width:760px){
  /* Görseli sağa/aşağı çek; üst fiyat alanına girmesin. */
  #fal-cesitleri .service-card .service-art{
    top:22px!important;
    right:-5px!important;
    bottom:0!important;
    width:47%!important;
    height:calc(100% - 22px)!important;
    background-position:center 58%!important;
  }

  /* Referanstaki temiz lacivert fiyat cebi. */
  #fal-cesitleri .service-card .price{
    position:absolute!important;
    top:12px!important;
    right:12px!important;
    z-index:20!important;
    min-width:78px!important;
    padding:2px 0 5px 12px!important;
    background:linear-gradient(90deg,
      rgba(3,21,34,0) 0%,
      rgba(3,21,34,.90) 18%,
      #031522 42%,
      #031522 100%)!important;
    border-radius:0 10px 0 12px!important;
    text-align:right!important;
    overflow:visible!important;
  }

  #fal-cesitleri .service-card .price span{
    position:relative!important;
    z-index:21!important;
    white-space:nowrap!important;
  }

  /* Üst sağda görselden gelebilecek parlak/yazılı kalıntıları kapatan lokal maske. */
  #fal-cesitleri .service-card .top::after{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    top:-13px!important;
    left:185px!important;
    width:105px!important;
    height:47px!important;
    background:linear-gradient(90deg,rgba(3,21,34,.18),#031522 35%,#031522 100%)!important;
    pointer-events:none!important;
  }
}


/* === V264 — MOBILE INSTAGRAM: onaylanan tasarım === */
.instagram-approved-mobile{display:none;}

@media (max-width:760px){
  /* Onaylanan tasarım mobilde bölümün ana görünümü olur. */
  .instagram-approved-mobile{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    line-height:0!important;
    position:relative!important;
    z-index:5!important;
  }
  .instagram-approved-mobile img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    margin:0!important;
    border:0!important;
  }

  /* Instagram bölümündeki eski mobil içerik görünümünü kapat; yalnızca onaylanan tasarım kalsın. */
  section:has(.instagram-approved-mobile) > *:not(.instagram-approved-mobile){
    display:none!important;
  }

  section:has(.instagram-approved-mobile){
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    overflow:hidden!important;
  }
}


/* === V265 — INSTAGRAM BÖLÜMÜ: görsel değil, gerçek HTML/CSS premium mobil tasarım === */

/* v264 screenshot yaklaşımını tamamen iptal et */
.instagram-approved-mobile{display:none!important;}

@media (max-width:760px){
  #instagram{
    padding:42px 0 46px!important;
    margin:0!important;
    background:transparent!important;
    overflow:hidden!important;
  }

  /* v264'teki :has ile eski içeriği gizleyen kuralı kesin olarak geçersiz kıl */
  #instagram > .container{
    display:block!important;
  }

  #instagram .ig-section-grid{
    display:block!important;
  }

  #instagram .section-head,
  #instagram .ig-section-grid > div:first-child{
    display:block!important;
  }

  #instagram .eyebrow{
    color:#75dbf3!important;
    letter-spacing:.15em!important;
  }

  #instagram .section-title{
    max-width:340px!important;
    margin-top:9px!important;
    font-size:34px!important;
    line-height:1.03!important;
    letter-spacing:-.035em!important;
  }

  #instagram .section-title em{
    color:#74dff7!important;
  }

  #instagram .section-desc{
    max-width:340px!important;
    margin-top:13px!important;
    color:rgba(234,241,247,.78)!important;
    font-size:13px!important;
    line-height:1.58!important;
  }

  .ig-benefits{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:6px!important;
    margin:18px 0 12px!important;
  }
  .ig-benefits span{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:34px!important;
    padding:6px 5px!important;
    border:1px solid rgba(216,173,96,.20)!important;
    border-radius:11px!important;
    background:rgba(4,18,31,.54)!important;
    color:rgba(237,241,245,.78)!important;
    font-size:8px!important;
    line-height:1.2!important;
    text-align:center!important;
  }
  .ig-benefits span:first-letter{color:#e8bc69!important;}

  #instagram .ig-profile-card.ig-profile-premium{
    display:grid!important;
    grid-template-columns:52px 1fr auto!important;
    align-items:center!important;
    gap:11px!important;
    width:100%!important;
    padding:14px!important;
    margin-top:0!important;
    border-radius:17px!important;
    border:1px solid rgba(219,177,100,.52)!important;
    background:
      linear-gradient(120deg,rgba(4,22,38,.88),rgba(3,16,29,.72))!important;
    box-shadow:
      0 0 12px rgba(220,176,90,.055),
      inset 0 1px 0 rgba(255,255,255,.035)!important;
    backdrop-filter:blur(8px)!important;
  }

  #instagram .ig-profile-card img{
    width:52px!important;
    height:52px!important;
    border-radius:50%!important;
    object-fit:cover!important;
    border:1px solid rgba(116,216,242,.50)!important;
    box-shadow:0 0 11px rgba(69,190,228,.12)!important;
  }

  .ig-profile-copy{min-width:0!important;}
  #instagram .ig-profile-card .handle{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:700!important;
  }
  .ig-verified{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:14px!important;
    height:14px!important;
    border-radius:50%!important;
    background:#28b8e8!important;
    color:#031522!important;
    font-size:9px!important;
  }
  #instagram .ig-profile-card .sub{
    margin-top:2px!important;
    color:rgba(223,232,239,.65)!important;
    font-size:9px!important;
    line-height:1.25!important;
  }

  .ig-stats{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
  }
  .ig-stats div{
    min-width:37px!important;
    padding-left:8px!important;
    border-left:1px solid rgba(255,255,255,.10)!important;
    text-align:center!important;
  }
  .ig-stats strong{
    display:block!important;
    color:#eac06f!important;
    font-size:11px!important;
    line-height:1!important;
  }
  .ig-stats span{
    display:block!important;
    margin-top:4px!important;
    color:rgba(229,236,242,.58)!important;
    font-size:6.5px!important;
    text-transform:uppercase!important;
    letter-spacing:.04em!important;
  }

  #instagram a.btn.btn-primary{
    display:flex!important;
    width:100%!important;
    min-height:46px!important;
    margin-top:12px!important;
    border-radius:13px!important;
    border:1px solid rgba(103,215,245,.74)!important;
    background:
      linear-gradient(90deg,rgba(7,83,127,.92),rgba(21,171,213,.90),rgba(5,86,132,.92))!important;
    box-shadow:
      0 0 15px rgba(55,191,230,.12),
      inset 0 1px 0 rgba(255,255,255,.18)!important;
    color:#fff!important;
    font-size:11px!important;
    letter-spacing:.01em!important;
  }
  #instagram a.btn.btn-primary svg{
    width:16px!important;
    height:16px!important;
  }

  #instagram .ig-mosaic{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:8px!important;
    margin-top:20px!important;
  }

  #instagram .ig-mosaic .cell{
    position:relative!important;
    display:block!important;
    aspect-ratio:1/1.08!important;
    overflow:hidden!important;
    border-radius:13px!important;
    border:1px solid rgba(222,181,104,.52)!important;
    background:#061522!important;
    box-shadow:0 7px 16px rgba(0,0,0,.16)!important;
  }

  #instagram .ig-mosaic .cell img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
    transition:none!important;
  }

  #instagram .ig-mosaic .cell::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(180deg,transparent 50%,rgba(2,10,17,.78) 100%)!important;
    pointer-events:none!important;
    z-index:1!important;
  }

  #instagram .ig-mosaic .play{
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    z-index:3!important;
    width:34px!important;
    height:34px!important;
    transform:translate(-50%,-50%)!important;
    border-radius:50%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:rgba(4,12,20,.62)!important;
    border:1px solid rgba(255,255,255,.68)!important;
    backdrop-filter:blur(4px)!important;
  }
  #instagram .ig-mosaic .play svg{
    width:14px!important;
    height:14px!important;
    margin-left:2px!important;
  }

  .ig-views{
    position:absolute!important;
    left:8px!important;
    bottom:7px!important;
    z-index:3!important;
    color:#fff!important;
    font-size:7.5px!important;
    line-height:1!important;
    text-shadow:0 1px 4px rgba(0,0,0,.8)!important;
  }

  #instagram .ig-mosaic .ig-more-tile{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    background:
      radial-gradient(circle at 50% 25%,rgba(47,102,156,.20),transparent 38%),
      linear-gradient(145deg,#07182a,#04111f)!important;
  }
  #instagram .ig-mosaic .ig-more-tile::before{
    content:""!important;
    position:absolute!important;
    inset:8px!important;
    border:1px solid rgba(222,179,97,.26)!important;
    border-radius:9px!important;
    pointer-events:none!important;
  }
  .ig-more-copy{
    position:relative!important;
    z-index:3!important;
    color:#e9c173!important;
    font-family:var(--f-display)!important;
    font-size:12px!important;
    line-height:1.12!important;
    text-align:center!important;
  }
  .ig-more-icon{
    position:relative!important;
    z-index:3!important;
    color:#e9c173!important;
    font-size:20px!important;
  }
}


/* === V266 — INSTAGRAM: video grid yerine premium Kristal Kedi sosyal vitrini === */
@media (max-width:760px){
  #instagram .ig-mosaic{display:none!important;}

  #instagram .ig-social-showcase{
    position:relative!important;
    isolation:isolate!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    width:100%!important;
    margin-top:20px!important;
    padding:27px 18px 18px!important;
    border:1px solid rgba(220,177,96,.48)!important;
    border-radius:22px!important;
    background:
      radial-gradient(circle at 50% 5%,rgba(47,123,169,.16),transparent 32%),
      radial-gradient(circle at 10% 88%,rgba(43,103,153,.10),transparent 26%),
      linear-gradient(145deg,rgba(4,20,35,.96),rgba(2,12,22,.98))!important;
    box-shadow:
      0 16px 34px rgba(0,0,0,.24),
      0 0 18px rgba(220,176,89,.055),
      inset 0 1px 0 rgba(255,255,255,.045)!important;
    text-align:center!important;
  }

  #instagram .ig-social-showcase::before{
    content:""!important;
    position:absolute!important;
    inset:8px!important;
    z-index:-1!important;
    border:1px solid rgba(222,181,104,.12)!important;
    border-radius:16px!important;
    pointer-events:none!important;
  }

  #instagram .ig-showcase-orbit{
    position:absolute!important;
    z-index:-1!important;
    border:1px solid rgba(91,190,224,.11)!important;
    border-radius:50%!important;
    pointer-events:none!important;
  }
  #instagram .orbit-one{
    width:210px!important;
    height:210px!important;
    top:-105px!important;
    right:-64px!important;
  }
  #instagram .orbit-two{
    width:140px!important;
    height:140px!important;
    left:-74px!important;
    bottom:12px!important;
    border-color:rgba(223,181,100,.10)!important;
  }

  #instagram .ig-showcase-crystal{
    position:absolute!important;
    z-index:-1!important;
    color:rgba(98,205,238,.13)!important;
    font-size:74px!important;
    line-height:1!important;
    transform:rotate(28deg)!important;
    text-shadow:0 0 18px rgba(69,191,229,.10)!important;
  }
  #instagram .crystal-left{left:-18px!important;top:78px!important;}
  #instagram .crystal-right{right:-16px!important;bottom:45px!important;transform:rotate(-22deg)!important;}

  #instagram .ig-showcase-mark{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:70px!important;
    height:70px!important;
    margin-bottom:13px!important;
    border-radius:50%!important;
    border:1px solid rgba(224,184,104,.54)!important;
    background:
      radial-gradient(circle,rgba(24,75,105,.52),rgba(3,18,31,.92) 68%)!important;
    box-shadow:
      0 0 0 6px rgba(221,179,97,.025),
      0 0 20px rgba(73,194,231,.11)!important;
  }
  #instagram .ig-showcase-mark img{
    width:48px!important;
    height:48px!important;
    object-fit:contain!important;
    border:0!important;
    box-shadow:none!important;
  }

  #instagram .ig-showcase-kicker{
    color:#d9ae60!important;
    font-size:7.5px!important;
    font-weight:700!important;
    letter-spacing:.19em!important;
  }

  #instagram .ig-social-showcase h3{
    margin:9px 0 0!important;
    color:#f5f2ec!important;
    font-family:var(--f-display)!important;
    font-size:25px!important;
    line-height:1.03!important;
    letter-spacing:-.02em!important;
  }
  #instagram .ig-social-showcase h3 em{
    color:#75dff6!important;
    font-weight:inherit!important;
  }

  #instagram .ig-social-showcase > p{
    max-width:285px!important;
    margin:11px auto 0!important;
    color:rgba(226,235,241,.68)!important;
    font-size:10.5px!important;
    line-height:1.55!important;
  }

  #instagram .ig-showcase-tags{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    gap:6px!important;
    width:100%!important;
    margin-top:17px!important;
  }
  #instagram .ig-showcase-tags span{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:28px!important;
    padding:0 9px!important;
    border:1px solid rgba(215,176,101,.22)!important;
    border-radius:999px!important;
    background:rgba(4,17,29,.55)!important;
    color:rgba(234,239,243,.76)!important;
    font-size:7.5px!important;
    white-space:nowrap!important;
  }

  #instagram .ig-showcase-cta{
    display:grid!important;
    grid-template-columns:30px 1fr 30px!important;
    align-items:center!important;
    width:100%!important;
    min-height:48px!important;
    margin-top:18px!important;
    padding:0 10px!important;
    border:1px solid rgba(226,184,101,.58)!important;
    border-radius:13px!important;
    background:
      linear-gradient(100deg,rgba(6,31,50,.96),rgba(8,63,86,.84),rgba(5,27,45,.96))!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.06),
      0 8px 18px rgba(0,0,0,.18)!important;
    color:#f3e5c8!important;
    font-size:10px!important;
    font-weight:700!important;
    text-decoration:none!important;
  }
  #instagram .ig-showcase-instagram{
    color:#77def5!important;
    font-size:18px!important;
  }
  #instagram .ig-showcase-arrow{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:27px!important;
    height:27px!important;
    border:1px solid rgba(225,184,103,.42)!important;
    border-radius:50%!important;
    color:#e4ba6c!important;
    font-size:13px!important;
  }
}


/* === V267 — Instagram eski video gridini kesin kaldır === */
@media (max-width:760px){
  #instagram .ig-mosaic,
  #instagram div.ig-mosaic,
  #instagram [class~="ig-mosaic"]{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  #instagram .ig-social-showcase{
    display:flex!important;
    visibility:visible!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
  }
}


/* === V268 — VIP KARTLAR: premium/luxury redesign === */
#vip-secim .vip-card{
  position:relative!important; isolation:isolate!important; overflow:hidden!important;
  padding:30px 28px 24px!important; min-height:330px!important;
  border:1px solid rgba(229,188,105,.48)!important; border-radius:26px!important;
  background:radial-gradient(circle at 88% 15%,rgba(55,135,180,.13),transparent 30%),
             linear-gradient(145deg,rgba(4,19,34,.97),rgba(2,11,21,.98))!important;
  box-shadow:0 18px 46px rgba(0,0,0,.28),0 0 24px rgba(218,174,88,.055),inset 0 1px 0 rgba(255,255,255,.055)!important;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease!important;
}
#vip-secim .vip-card::before{
  content:""!important; position:absolute!important; inset:8px!important; z-index:-2!important;
  border:1px solid rgba(231,190,107,.13)!important; border-radius:19px!important; pointer-events:none!important;
}
#vip-secim .vip-card::after{
  content:""!important; position:absolute!important; left:22px!important; right:22px!important; top:0!important; height:1px!important; z-index:5!important;
  background:linear-gradient(90deg,transparent,rgba(255,220,146,.85),transparent)!important;
  box-shadow:0 0 13px rgba(236,192,101,.45)!important;
}
#vip-secim .vip-card:hover{
  transform:translateY(-5px)!important; border-color:rgba(241,201,119,.74)!important;
  box-shadow:0 24px 52px rgba(0,0,0,.34),0 0 28px rgba(218,174,88,.09),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
#vip-secim .vip-premium-top{
  position:relative!important; z-index:4!important; display:inline-flex!important; align-items:center!important; gap:8px!important;
  height:30px!important; padding:0 13px!important; margin-bottom:17px!important;
  border:1px solid rgba(224,181,94,.52)!important; border-radius:999px!important;
  background:rgba(5,18,30,.64)!important; color:#dcb76e!important; font-size:9px!important; font-weight:700!important; letter-spacing:.18em!important;
}
#vip-secim .vip-crown{color:#efc871!important;font-size:15px!important;line-height:1!important;text-shadow:0 0 12px rgba(237,190,91,.25)!important;}
#vip-secim .vip-card h3{
  position:relative!important; z-index:4!important; max-width:72%!important; margin:0!important;
  color:#f5f0e8!important; font-family:var(--f-display)!important; font-size:29px!important; line-height:1.03!important;
  font-style:italic!important; letter-spacing:-.02em!important; text-shadow:0 2px 14px rgba(0,0,0,.34)!important;
}
#vip-secim .vip-title-rule{
  position:relative!important; z-index:4!important; display:block!important; width:112px!important; height:1px!important; margin:14px 0 12px!important;
  background:linear-gradient(90deg,rgba(232,188,100,.82),rgba(232,188,100,.12),transparent)!important;
}
#vip-secim .vip-card .price{
  position:relative!important; z-index:4!important; margin:0 0 14px!important; color:#e8bd68!important;
  font-size:28px!important; line-height:1!important; font-weight:650!important; letter-spacing:-.03em!important;
}
#vip-secim .vip-card .desc{
  position:relative!important; z-index:4!important; width:68%!important; min-height:68px!important; margin:0 0 22px!important;
  color:rgba(235,240,244,.76)!important; font-size:12px!important; line-height:1.62!important;
}
#vip-secim .vip-card .actions{position:relative!important;z-index:6!important;width:72%!important;margin-top:auto!important;}
#vip-secim .vip-card .actions .btn{
  display:grid!important; grid-template-columns:22px 1fr 27px!important; align-items:center!important; gap:8px!important; width:100%!important; min-height:48px!important;
  padding:0 10px 0 14px!important; border:1px solid rgba(225,184,105,.52)!important; border-radius:15px!important;
  background:linear-gradient(100deg,rgba(8,24,38,.97),rgba(7,41,56,.89),rgba(5,20,33,.97))!important;
  color:#f5ead3!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 18px rgba(0,0,0,.17)!important;
  font-size:12px!important; font-weight:700!important;
}
#vip-secim .vip-card .actions .wa-icon{width:18px!important;height:18px!important;color:#27d980!important;}
#vip-secim .vip-cta-label{text-align:left!important;}
#vip-secim .vip-cta-arrow{
  display:flex!important; align-items:center!important; justify-content:center!important; width:26px!important; height:26px!important;
  border:1px solid rgba(229,187,103,.36)!important; border-radius:50%!important; color:#e5bb6d!important; font-size:13px!important;
}
#vip-secim .vip-premium-decor{
  position:absolute!important; z-index:1!important; top:0!important; right:0!important; width:47%!important; height:100%!important;
  overflow:hidden!important; pointer-events:none!important;
}
#vip-secim .vip-premium-decor::before{
  content:""!important; position:absolute!important; inset:0!important;
  background:radial-gradient(circle at 68% 47%,rgba(232,181,77,.26) 0 2px,transparent 3px),
             radial-gradient(circle at 78% 37%,rgba(112,210,239,.18) 0 1px,transparent 2px),
             radial-gradient(circle at 53% 28%,rgba(247,211,139,.22) 0 1px,transparent 2px),
             radial-gradient(circle at 72% 65%,rgba(247,211,139,.17) 0 1px,transparent 2px)!important;
}
#vip-secim .vip-premium-decor::after{
  content:""!important; position:absolute!important; width:116px!important; height:116px!important; right:12px!important; top:88px!important;
  border-radius:50%!important; border:1px solid rgba(225,181,91,.26)!important;
  background:radial-gradient(circle at 38% 30%,rgba(255,229,171,.24),transparent 14%),
             radial-gradient(circle at 50% 52%,rgba(37,108,150,.30),rgba(3,16,28,.64) 60%,rgba(2,10,17,.88) 72%)!important;
  box-shadow:inset -12px -15px 25px rgba(0,0,0,.42),inset 10px 10px 20px rgba(111,202,233,.08),0 0 28px rgba(230,176,72,.12)!important;
}
#vip-secim .vip-orbit{position:absolute!important;border:1px solid rgba(223,178,89,.22)!important;border-radius:50%!important;}
#vip-secim .vip-orbit-a{width:205px!important;height:205px!important;right:-73px!important;top:28px!important;}
#vip-secim .vip-orbit-b{width:158px!important;height:158px!important;right:-46px!important;top:52px!important;border-color:rgba(107,204,234,.13)!important;}
#vip-secim .vip-gem{position:absolute!important;color:rgba(116,215,242,.31)!important;font-size:40px!important;filter:drop-shadow(0 0 9px rgba(92,202,235,.14))!important;}
#vip-secim .vip-gem-a{right:9px!important;bottom:28px!important;transform:rotate(-18deg)!important;}
#vip-secim .vip-gem-b{right:113px!important;top:61px!important;color:rgba(236,191,101,.42)!important;font-size:20px!important;}
#vip-secim .vip-art-ritual::after{
  border-radius:48% 52% 46% 54%!important;
  background:radial-gradient(circle at 48% 38%,rgba(242,203,130,.21),transparent 15%),linear-gradient(145deg,rgba(91,52,116,.20),rgba(5,28,45,.77) 52%,rgba(2,10,17,.93))!important;
  transform:rotate(-8deg)!important;
}
#vip-secim .vip-art-master::after{
  border-color:rgba(238,190,87,.43)!important;
  background:radial-gradient(circle at 44% 36%,rgba(255,225,160,.35),transparent 13%),radial-gradient(circle at 55% 56%,rgba(91,57,124,.34),rgba(16,49,71,.43) 42%,rgba(3,13,23,.92) 73%)!important;
  box-shadow:inset -12px -15px 25px rgba(0,0,0,.42),0 0 34px rgba(231,177,66,.18)!important;
}
#vip-secim .vip-card.featured{
  border-color:rgba(238,194,101,.66)!important;
  background:radial-gradient(circle at 87% 17%,rgba(93,60,130,.15),transparent 30%),radial-gradient(circle at 74% 52%,rgba(222,164,66,.08),transparent 32%),linear-gradient(145deg,rgba(7,21,37,.98),rgba(3,11,22,.99))!important;
}
#vip-secim .vip-card.featured .badge-top{
  z-index:20!important; border:1px solid rgba(239,195,103,.60)!important; background:#0b1725!important; color:#e8bd6a!important;
  box-shadow:0 6px 18px rgba(0,0,0,.25),0 0 14px rgba(230,181,84,.08)!important;
}

@media (max-width:760px){
  #vip-secim .grid-3{gap:14px!important;padding-top:18px!important;}
  #vip-secim .vip-card{min-height:300px!important;padding:22px 18px 17px!important;border-radius:20px!important;}
  #vip-secim .vip-premium-top{height:27px!important;margin-bottom:13px!important;padding:0 10px!important;font-size:7.5px!important;}
  #vip-secim .vip-card h3{max-width:67%!important;font-size:24px!important;}
  #vip-secim .vip-title-rule{width:88px!important;margin:11px 0 10px!important;}
  #vip-secim .vip-card .price{margin-bottom:12px!important;font-size:24px!important;}
  #vip-secim .vip-card .desc{width:65%!important;min-height:76px!important;margin-bottom:16px!important;font-size:10px!important;line-height:1.55!important;}
  #vip-secim .vip-card .actions{width:72%!important;}
  #vip-secim .vip-card .actions .btn{min-height:43px!important;border-radius:13px!important;font-size:10px!important;}
  #vip-secim .vip-premium-decor{width:50%!important;}
  #vip-secim .vip-premium-decor::after{width:96px!important;height:96px!important;right:3px!important;top:85px!important;}
  #vip-secim .vip-orbit-a{width:164px!important;height:164px!important;right:-62px!important;top:43px!important;}
  #vip-secim .vip-orbit-b{width:124px!important;height:124px!important;right:-38px!important;top:63px!important;}
  #vip-secim .vip-gem-a{font-size:34px!important;right:3px!important;bottom:34px!important;}
  #vip-secim .vip-gem-b{right:77px!important;top:62px!important;}
  #vip-secim .vip-card.featured .badge-top{top:-11px!important;}
}


/* === V269 — VIP: yalnızca mevcut 3 kartın hizalama düzeltmesi === */
#vip-secim .grid-3{
  align-items:stretch!important;
}

#vip-secim .vip-card{
  box-sizing:border-box!important;
  height:100%!important;
  min-height:350px!important;
  display:grid!important;
  grid-template-rows:auto auto auto auto 1fr auto!important;
  align-content:stretch!important;
  overflow:visible!important;
}

#vip-secim .vip-card .vip-premium-top{
  grid-row:1!important;
  align-self:start!important;
  margin-top:0!important;
}

#vip-secim .vip-card h3{
  grid-row:2!important;
  min-height:60px!important;
  display:flex!important;
  align-items:flex-start!important;
}

#vip-secim .vip-card .vip-title-rule{
  grid-row:3!important;
}

#vip-secim .vip-card .price{
  grid-row:4!important;
  min-height:32px!important;
}

#vip-secim .vip-card .desc{
  grid-row:5!important;
  width:68%!important;
  min-height:0!important;
  margin-bottom:18px!important;
  align-self:start!important;
}

#vip-secim .vip-card .actions{
  grid-row:6!important;
  align-self:end!important;
  margin-top:0!important;
}

#vip-secim .vip-card.featured{
  transform:none!important;
  margin-top:0!important;
  top:auto!important;
}

#vip-secim .vip-card.featured:hover{
  transform:translateY(-5px)!important;
}

/* Eski "EN KAPSAMLI" etiketi kartın üstüne taşmasın */
#vip-secim .vip-card.featured .badge-top{
  position:absolute!important;
  top:9px!important;
  right:14px!important;
  left:auto!important;
  transform:none!important;
  margin:0!important;
  z-index:30!important;
  max-width:112px!important;
  min-height:22px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:visible!important;
}

/* Dekor tüm kartlarda aynı koordinattan başlasın */
#vip-secim .vip-premium-decor{
  top:0!important;
  bottom:0!important;
  height:100%!important;
}

@media (max-width:760px){
  #vip-secim .grid-3{
    align-items:stretch!important;
    padding-top:0!important;
  }

  #vip-secim .vip-card{
    min-height:310px!important;
    height:310px!important;
    grid-template-rows:27px 52px 12px 32px 1fr 43px!important;
    padding:20px 18px 16px!important;
    margin:0!important;
    top:auto!important;
    transform:none!important;
  }

  #vip-secim .vip-card .vip-premium-top{
    height:27px!important;
    margin:0!important;
  }

  #vip-secim .vip-card h3{
    min-height:52px!important;
    height:52px!important;
    margin-top:11px!important;
    overflow:visible!important;
  }

  #vip-secim .vip-card .vip-title-rule{
    margin:5px 0 6px!important;
    align-self:center!important;
  }

  #vip-secim .vip-card .price{
    min-height:32px!important;
    margin:5px 0 0!important;
    align-self:start!important;
  }

  #vip-secim .vip-card .desc{
    width:65%!important;
    min-height:0!important;
    margin:8px 0 10px!important;
    align-self:start!important;
  }

  #vip-secim .vip-card .actions{
    width:72%!important;
    height:43px!important;
    margin:0!important;
    align-self:end!important;
  }

  #vip-secim .vip-card .actions .btn{
    height:43px!important;
    min-height:43px!important;
  }

  #vip-secim .vip-card.featured .badge-top{
    top:8px!important;
    right:10px!important;
    left:auto!important;
    max-width:96px!important;
    min-height:19px!important;
    padding:4px 7px!important;
    font-size:6.5px!important;
  }

  #vip-secim .vip-card.featured:hover{
    transform:none!important;
  }
}


/* === V271 — VIP / ONAYLI 3 KART TASARIMI === */
#vip-secim .grid-3{
  align-items:stretch!important;
}

/* three cards only, same geometry */
#vip-secim .vip-card{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-height:420px!important;
  margin:0!important;
  top:auto!important;
  transform:none!important;
  padding:28px 26px 22px!important;
  border:1px solid rgba(232,193,112,.62)!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 84% 21%, rgba(30,81,116,.16), transparent 28%),
    linear-gradient(145deg, rgba(4,17,30,.985), rgba(2,10,19,.995))!important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.30),
    0 0 0 1px rgba(255,255,255,.015),
    inset 0 1px 0 rgba(255,255,255,.05)!important;
}

#vip-secim .vip-card::before{
  content:""!important;
  position:absolute!important;
  inset:8px!important;
  z-index:-2!important;
  border:1px solid rgba(236,197,115,.13)!important;
  border-radius:19px!important;
  pointer-events:none!important;
}

#vip-secim .vip-card::after{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:26px!important;
  right:26px!important;
  height:1px!important;
  background:linear-gradient(90deg, transparent, rgba(255,219,144,.86), transparent)!important;
  box-shadow:0 0 13px rgba(235,190,102,.36)!important;
}

/* one badge per card */
#vip-secim .vip-premium-top{
  position:relative!important;
  z-index:8!important;
  display:inline-flex!important;
  align-items:center!important;
  align-self:flex-start!important;
  gap:8px!important;
  height:34px!important;
  margin:0 0 22px!important;
  padding:0 14px!important;
  border:1px solid rgba(228,184,92,.62)!important;
  border-radius:999px!important;
  background:rgba(3,13,24,.72)!important;
  color:#e1b865!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.20em!important;
  line-height:1!important;
}
#vip-secim .vip-crown{
  color:#f0c65e!important;
  font-size:15px!important;
  line-height:1!important;
  text-shadow:0 0 12px rgba(239,193,84,.18)!important;
}

/* remove the second old featured badge completely */
#vip-secim .vip-card .badge-top{
  display:none!important;
}

/* typography hierarchy */
#vip-secim .vip-card h3{
  position:relative!important;
  z-index:7!important;
  width:70%!important;
  max-width:none!important;
  min-height:68px!important;
  margin:0!important;
  color:#f5f2ec!important;
  font-family:var(--f-display)!important;
  font-size:31px!important;
  line-height:1.02!important;
  font-style:italic!important;
  font-weight:600!important;
  letter-spacing:-.025em!important;
  text-shadow:0 2px 14px rgba(0,0,0,.28)!important;
}
#vip-secim .vip-title-rule{
  position:relative!important;
  z-index:7!important;
  display:block!important;
  width:104px!important;
  height:1px!important;
  flex:0 0 auto!important;
  margin:5px 0 17px!important;
  background:linear-gradient(90deg, rgba(239,191,89,.88), rgba(239,191,89,.15), transparent)!important;
}
#vip-secim .vip-card .price{
  position:relative!important;
  z-index:7!important;
  flex:0 0 auto!important;
  min-height:37px!important;
  margin:0 0 17px!important;
  color:#f0c45f!important;
  font-size:32px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:-.035em!important;
  text-shadow:0 0 14px rgba(224,172,63,.10)!important;
}
#vip-secim .vip-card .desc{
  position:relative!important;
  z-index:7!important;
  width:67%!important;
  min-height:0!important;
  margin:0 0 20px!important;
  color:rgba(239,241,243,.79)!important;
  font-size:12px!important;
  line-height:1.62!important;
}

/* CTA anchored to bottom so all three line up perfectly */
#vip-secim .vip-card .actions{
  position:relative!important;
  z-index:10!important;
  width:100%!important;
  margin:auto 0 0!important;
}
#vip-secim .vip-card .actions .btn{
  display:grid!important;
  grid-template-columns:28px 1fr 34px!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:58px!important;
  height:58px!important;
  padding:0 12px 0 16px!important;
  border:1px solid rgba(234,193,108,.66)!important;
  border-radius:17px!important;
  background:linear-gradient(105deg, rgba(4,20,33,.98), rgba(4,31,45,.92), rgba(3,17,29,.98))!important;
  color:#f4eee4!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 8px 20px rgba(0,0,0,.20)!important;
  font-size:13px!important;
  font-weight:700!important;
}
#vip-secim .vip-card .actions .wa-icon{
  width:23px!important;
  height:23px!important;
  color:#20dd82!important;
}
#vip-secim .vip-cta-label{
  text-align:left!important;
  font-family:var(--f-display)!important;
  font-size:17px!important;
  font-weight:600!important;
}
#vip-secim .vip-cta-arrow{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:32px!important;
  height:32px!important;
  border-left:1px solid rgba(232,190,103,.20)!important;
  border-radius:0!important;
  color:#e9ba59!important;
  font-size:20px!important;
}

/* right-side artwork — pure CSS, no screenshot embedding */
#vip-secim .vip-premium-decor{
  position:absolute!important;
  z-index:2!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:47%!important;
  height:100%!important;
  overflow:hidden!important;
  opacity:1!important;
  pointer-events:none!important;
}
#vip-secim .vip-premium-decor::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 73% 15%, rgba(255,213,126,.22) 0 1px, transparent 2px),
    radial-gradient(circle at 58% 24%, rgba(117,211,238,.19) 0 1px, transparent 2px),
    radial-gradient(circle at 84% 34%, rgba(255,213,126,.16) 0 1px, transparent 2px),
    radial-gradient(circle at 67% 66%, rgba(255,213,126,.14) 0 1px, transparent 2px)!important;
}
#vip-secim .vip-premium-decor::after{
  content:""!important;
  position:absolute!important;
  width:150px!important;
  height:150px!important;
  right:-8px!important;
  top:118px!important;
  border-radius:50%!important;
  border:1px solid rgba(230,181,78,.42)!important;
  background:
    radial-gradient(circle at 33% 30%, rgba(255,230,170,.34), transparent 12%),
    radial-gradient(circle at 48% 50%, rgba(46,106,143,.32), rgba(4,18,30,.67) 55%, rgba(2,9,16,.94) 75%)!important;
  box-shadow:
    inset -18px -18px 28px rgba(0,0,0,.48),
    inset 10px 10px 18px rgba(121,211,236,.06),
    0 0 28px rgba(227,173,57,.11)!important;
}
#vip-secim .vip-orbit{
  position:absolute!important;
  border:1px solid rgba(227,180,83,.28)!important;
  border-radius:50%!important;
}
#vip-secim .vip-orbit-a{
  width:245px!important;
  height:245px!important;
  right:-91px!important;
  top:64px!important;
}
#vip-secim .vip-orbit-b{
  width:190px!important;
  height:190px!important;
  right:-63px!important;
  top:91px!important;
  border-color:rgba(121,206,232,.13)!important;
}
#vip-secim .vip-gem-a{
  right:12px!important;
  bottom:62px!important;
  color:rgba(119,209,237,.34)!important;
  font-size:43px!important;
  transform:rotate(-15deg)!important;
}
#vip-secim .vip-gem-b{
  right:132px!important;
  top:91px!important;
  color:rgba(244,196,97,.48)!important;
  font-size:21px!important;
}

/* individualized artwork language */
#vip-secim .vip-art-ritual::after{
  border-radius:50%!important;
  background:
    radial-gradient(circle at 38% 38%, rgba(255,224,151,.28), transparent 13%),
    radial-gradient(circle at 50% 50%, rgba(34,75,115,.25), rgba(5,18,33,.69) 57%, rgba(2,9,18,.95) 76%)!important;
  box-shadow:
    inset -24px -10px 32px rgba(0,0,0,.54),
    0 0 32px rgba(229,179,73,.10)!important;
}
#vip-secim .vip-art-master::after{
  border-radius:16px!important;
  transform:rotate(-8deg)!important;
  width:118px!important;
  height:154px!important;
  right:14px!important;
  top:108px!important;
  background:
    linear-gradient(155deg, rgba(99,65,31,.35), rgba(5,15,26,.82)),
    radial-gradient(circle at 50% 45%, rgba(238,183,69,.36), transparent 24%)!important;
  border:1px solid rgba(231,181,77,.37)!important;
  box-shadow:0 0 26px rgba(229,171,55,.08)!important;
}

#vip-secim .vip-card.featured{
  margin:0!important;
  top:auto!important;
  transform:none!important;
  border-color:rgba(239,198,111,.68)!important;
  background:
    radial-gradient(circle at 83% 22%, rgba(83,57,108,.15), transparent 29%),
    linear-gradient(145deg, rgba(5,18,31,.99), rgba(2,9,18,.997))!important;
}
#vip-secim .vip-card:hover,
#vip-secim .vip-card.featured:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(242,202,118,.79)!important;
}

/* Mobile: keep the existing horizontal card behavior, but make each card compact and equal */
@media (max-width:760px){
  #vip-secim .grid-3{
    align-items:stretch!important;
    gap:12px!important;
    padding-top:0!important;
  }
  #vip-secim .vip-card{
    flex:0 0 84vw!important;
    width:84vw!important;
    max-width:330px!important;
    height:350px!important;
    min-height:350px!important;
    padding:20px 17px 16px!important;
    border-radius:20px!important;
    margin:0!important;
    top:auto!important;
    transform:none!important;
  }
  #vip-secim .vip-card::before{
    inset:6px!important;
    border-radius:15px!important;
  }
  #vip-secim .vip-premium-top{
    height:25px!important;
    margin-bottom:14px!important;
    padding:0 9px!important;
    font-size:6.8px!important;
  }
  #vip-secim .vip-crown{font-size:11px!important;}
  #vip-secim .vip-card h3{
    width:65%!important;
    min-height:52px!important;
    font-size:23px!important;
    line-height:1.02!important;
  }
  #vip-secim .vip-title-rule{
    width:76px!important;
    margin:2px 0 11px!important;
  }
  #vip-secim .vip-card .price{
    min-height:27px!important;
    margin-bottom:11px!important;
    font-size:24px!important;
  }
  #vip-secim .vip-card .desc{
    width:64%!important;
    margin-bottom:10px!important;
    font-size:9px!important;
    line-height:1.48!important;
  }
  #vip-secim .vip-card .actions{
    width:100%!important;
  }
  #vip-secim .vip-card .actions .btn{
    height:43px!important;
    min-height:43px!important;
    grid-template-columns:20px 1fr 29px!important;
    padding:0 9px 0 12px!important;
    border-radius:12px!important;
  }
  #vip-secim .vip-card .actions .wa-icon{
    width:17px!important;
    height:17px!important;
  }
  #vip-secim .vip-cta-label{
    font-size:10px!important;
  }
  #vip-secim .vip-cta-arrow{
    width:28px!important;
    height:28px!important;
    font-size:14px!important;
  }
  #vip-secim .vip-premium-decor{
    width:45%!important;
  }
  #vip-secim .vip-premium-decor::after{
    width:102px!important;
    height:102px!important;
    right:-3px!important;
    top:94px!important;
  }
  #vip-secim .vip-orbit-a{
    width:164px!important;
    height:164px!important;
    right:-61px!important;
    top:58px!important;
  }
  #vip-secim .vip-orbit-b{
    width:124px!important;
    height:124px!important;
    right:-40px!important;
    top:78px!important;
  }
  #vip-secim .vip-gem-a{
    right:0!important;
    bottom:48px!important;
    font-size:28px!important;
  }
  #vip-secim .vip-gem-b{
    right:80px!important;
    top:72px!important;
    font-size:14px!important;
  }
  #vip-secim .vip-art-master::after{
    width:78px!important;
    height:108px!important;
    right:5px!important;
    top:94px!important;
  }
  #vip-secim .vip-card:hover,
  #vip-secim .vip-card.featured:hover{
    transform:none!important;
  }
}


/* === V272 — VIP: onaylı referansa yakın, gerçek artwork + dengeli kompozisyon === */
#vip-secim .grid-3{
  align-items:stretch!important;
}

#vip-secim .vip-card{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  display:flex!important;
  flex-direction:column!important;
  box-sizing:border-box!important;
  height:100%!important;
  min-height:430px!important;
  padding:28px 26px 22px!important;
  margin:0!important;
  top:auto!important;
  transform:none!important;
  border:1px solid rgba(239,198,112,.68)!important;
  border-radius:24px!important;
  background:
    linear-gradient(90deg,rgba(3,14,25,.985) 0%,rgba(3,14,25,.94) 47%,rgba(3,14,25,.70) 66%,rgba(3,14,25,.34) 100%)!important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.05)!important;
}

#vip-secim .vip-card::before{
  content:""!important;
  position:absolute!important;
  inset:7px!important;
  z-index:-1!important;
  border:1px solid rgba(244,207,130,.16)!important;
  border-radius:18px!important;
  pointer-events:none!important;
}

#vip-secim .vip-card::after{
  content:""!important;
  position:absolute!important;
  left:24px!important;
  right:24px!important;
  top:0!important;
  height:1px!important;
  z-index:8!important;
  background:linear-gradient(90deg,transparent,rgba(255,223,151,.95),transparent)!important;
  box-shadow:0 0 14px rgba(242,195,92,.42)!important;
}

/* real artwork */
#vip-secim .vip-art{
  position:absolute!important;
  z-index:1!important;
  top:0!important;
  right:0!important;
  width:54%!important;
  height:100%!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
#vip-secim .vip-art::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:
    linear-gradient(90deg,rgba(3,14,25,1) 0%,rgba(3,14,25,.78) 15%,rgba(3,14,25,.22) 48%,rgba(3,14,25,.02) 100%),
    linear-gradient(180deg,rgba(3,14,25,.05),rgba(3,14,25,.05) 66%,rgba(3,14,25,.55) 100%)!important;
}
#vip-secim .vip-art img{
  position:absolute!important;
  z-index:1!important;
  top:0!important;
  right:-5%!important;
  width:112%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:saturate(.92) contrast(1.03) brightness(.94)!important;
}
#vip-secim .vip-art-burc img{object-position:52% center!important;}
#vip-secim .vip-art-karma img{object-position:57% center!important;}

/* card content */
#vip-secim .vip-premium-top{
  position:relative!important;
  z-index:6!important;
  display:inline-flex!important;
  align-items:center!important;
  align-self:flex-start!important;
  gap:8px!important;
  height:32px!important;
  margin:0 0 20px!important;
  padding:0 13px!important;
  border:1px solid rgba(233,190,101,.64)!important;
  border-radius:999px!important;
  background:rgba(3,14,25,.58)!important;
  color:#e3b966!important;
  font-size:8.5px!important;
  font-weight:800!important;
  letter-spacing:.18em!important;
  backdrop-filter:blur(7px)!important;
}
#vip-secim .vip-crown{
  color:#f1c960!important;
  font-size:14px!important;
}
#vip-secim .vip-card .badge-top{
  display:none!important;
}

#vip-secim .vip-card h3{
  position:relative!important;
  z-index:6!important;
  width:61%!important;
  max-width:none!important;
  min-height:66px!important;
  margin:0!important;
  color:#f8f3eb!important;
  font-family:var(--f-display)!important;
  font-size:31px!important;
  line-height:1.02!important;
  font-style:italic!important;
  font-weight:600!important;
  letter-spacing:-.025em!important;
  text-shadow:0 2px 15px rgba(0,0,0,.4)!important;
}

#vip-secim .vip-title-rule{
  position:relative!important;
  z-index:6!important;
  display:block!important;
  width:112px!important;
  height:1px!important;
  flex:0 0 auto!important;
  margin:5px 0 18px!important;
  background:linear-gradient(90deg,rgba(242,193,87,.92),rgba(242,193,87,.15),transparent)!important;
}

#vip-secim .vip-card .price{
  position:relative!important;
  z-index:6!important;
  margin:0 0 16px!important;
  color:#f1c45c!important;
  font-size:33px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:-.03em!important;
}

#vip-secim .vip-card .desc{
  position:relative!important;
  z-index:6!important;
  width:58%!important;
  margin:0 0 20px!important;
  color:rgba(241,243,245,.82)!important;
  font-size:12px!important;
  line-height:1.62!important;
}

#vip-secim .vip-card .actions{
  position:relative!important;
  z-index:7!important;
  width:100%!important;
  margin:auto 0 0!important;
}

#vip-secim .vip-card .actions .btn{
  display:grid!important;
  grid-template-columns:28px 1fr 40px!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:58px!important;
  height:58px!important;
  padding:0 12px 0 16px!important;
  border:1px solid rgba(239,197,106,.72)!important;
  border-radius:16px!important;
  background:linear-gradient(100deg,rgba(3,18,30,.95),rgba(5,32,45,.85),rgba(3,18,30,.94))!important;
  color:#f5eee3!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 7px 18px rgba(0,0,0,.18)!important;
}
#vip-secim .vip-card .actions .wa-icon{
  width:23px!important;
  height:23px!important;
  color:#1fdf83!important;
}
#vip-secim .vip-cta-label{
  text-align:left!important;
  font-family:var(--f-display)!important;
  font-size:17px!important;
  font-weight:600!important;
}
#vip-secim .vip-cta-arrow{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:36px!important;
  height:36px!important;
  border-left:1px solid rgba(236,191,99,.22)!important;
  border-radius:0!important;
  color:#efbe58!important;
  font-size:20px!important;
}

#vip-secim .vip-card.featured{
  margin:0!important;
  top:auto!important;
  transform:none!important;
  border-color:rgba(242,201,112,.78)!important;
}

#vip-secim .vip-card:hover,
#vip-secim .vip-card.featured:hover{
  transform:translateY(-3px)!important;
}

/* mobile */
@media (max-width:760px){
  #vip-secim .grid-3{
    align-items:stretch!important;
    gap:12px!important;
    padding-top:0!important;
  }

  #vip-secim .vip-card{
    flex:0 0 84vw!important;
    width:84vw!important;
    max-width:330px!important;
    height:350px!important;
    min-height:350px!important;
    padding:19px 17px 15px!important;
    border-radius:19px!important;
  }

  #vip-secim .vip-card::before{
    inset:6px!important;
    border-radius:14px!important;
  }

  #vip-secim .vip-art{
    width:49%!important;
  }
  #vip-secim .vip-art img{
    right:-8%!important;
    width:116%!important;
  }

  #vip-secim .vip-premium-top{
    height:24px!important;
    margin-bottom:13px!important;
    padding:0 9px!important;
    font-size:6.7px!important;
  }
  #vip-secim .vip-crown{font-size:11px!important;}

  #vip-secim .vip-card h3{
    width:61%!important;
    min-height:50px!important;
    font-size:22px!important;
  }

  #vip-secim .vip-title-rule{
    width:74px!important;
    margin:2px 0 10px!important;
  }

  #vip-secim .vip-card .price{
    margin-bottom:10px!important;
    font-size:24px!important;
  }

  #vip-secim .vip-card .desc{
    width:58%!important;
    margin-bottom:8px!important;
    font-size:8.8px!important;
    line-height:1.5!important;
  }

  #vip-secim .vip-card .actions .btn{
    grid-template-columns:20px 1fr 29px!important;
    height:43px!important;
    min-height:43px!important;
    padding:0 9px 0 12px!important;
    border-radius:12px!important;
  }
  #vip-secim .vip-card .actions .wa-icon{
    width:17px!important;
    height:17px!important;
  }
  #vip-secim .vip-cta-label{
    font-size:10px!important;
  }
  #vip-secim .vip-cta-arrow{
    width:28px!important;
    height:28px!important;
    font-size:14px!important;
  }

  #vip-secim .vip-card:hover,
  #vip-secim .vip-card.featured:hover{
    transform:none!important;
  }
}


/* === V273 — VIP: approved Kader Matrisi reference, much closer match === */
#vip-secim .vip-card{
  min-height:460px!important;
  padding:32px 28px 24px!important;
  border-radius:28px!important;
  border:1px solid rgba(241,201,119,.72)!important;
  background:linear-gradient(90deg,#06111d 0%,#06111d 52%,rgba(6,17,29,.84) 66%,rgba(6,17,29,.55) 100%)!important;
  box-shadow:
    0 18px 44px rgba(0,0,0,.32),
    0 0 20px rgba(231,184,92,.07),
    inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#vip-secim .vip-card::before{
  inset:8px!important;
  border-radius:20px!important;
  border-color:rgba(241,201,119,.16)!important;
}

#vip-secim .vip-premium-top{
  height:36px!important;
  margin-bottom:24px!important;
  padding:0 15px!important;
  border-color:rgba(239,195,104,.70)!important;
  color:#e8be6b!important;
  font-size:10px!important;
  letter-spacing:.20em!important;
}
#vip-secim .vip-crown{font-size:17px!important;}

#vip-secim .vip-card h3{
  width:62%!important;
  min-height:74px!important;
  font-size:38px!important;
  line-height:.98!important;
}
#vip-secim .vip-title-rule{
  width:132px!important;
  margin:4px 0 18px!important;
}
#vip-secim .vip-card .price{
  font-size:40px!important;
  margin-bottom:20px!important;
}
#vip-secim .vip-card .desc{
  width:56%!important;
  font-size:13px!important;
  line-height:1.58!important;
  margin-bottom:18px!important;
}

#vip-secim .vip-card .actions{
  width:62%!important;
}
#vip-secim .vip-card .actions .btn{
  height:62px!important;
  min-height:62px!important;
  border-radius:18px!important;
  border-color:rgba(242,201,116,.80)!important;
}
#vip-secim .vip-cta-label{
  font-size:20px!important;
}

/* exact approved artwork placement */
#vip-secim .vip-art{
  position:absolute!important;
  z-index:2!important;
  top:0!important;
  right:0!important;
  width:49%!important;
  height:100%!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
#vip-secim .vip-art-kader-approved img{
  position:absolute!important;
  top:4%!important;
  right:-4%!important;
  width:118%!important;
  height:92%!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:none!important;
}
#vip-secim .vip-art-kader-approved::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  background:linear-gradient(90deg,#06111d 0%,rgba(6,17,29,.84) 14%,rgba(6,17,29,.20) 44%,transparent 70%)!important;
}

/* Burç card: same visual weight */
#vip-secim .vip-art-burc-css{
  background:
    radial-gradient(circle at 70% 35%,rgba(247,199,103,.16) 0 2px,transparent 3px),
    radial-gradient(circle at 75% 40%,rgba(61,119,157,.12),transparent 35%)!important;
}
#vip-secim .moon-shape{
  position:absolute!important;
  width:150px!important;
  height:150px!important;
  right:16px!important;
  top:120px!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 36% 35%,rgba(255,224,160,.45),transparent 9%),
    radial-gradient(circle at 48% 50%,rgba(18,40,61,.62),rgba(3,15,26,.92) 72%)!important;
  border:1px solid rgba(235,188,90,.38)!important;
  box-shadow:0 0 28px rgba(229,178,73,.10)!important;
}
#vip-secim .moon-shape::after{
  content:""!important;
  position:absolute!important;
  width:120px!important;
  height:120px!important;
  border-radius:50%!important;
  background:#06111d!important;
  left:38px!important;
  top:2px!important;
}
#vip-secim .zodiac-ring{
  position:absolute!important;
  width:230px!important;
  height:230px!important;
  right:-58px!important;
  top:80px!important;
  border:1px solid rgba(233,184,84,.24)!important;
  border-radius:50%!important;
}

/* Karma card: same visual weight */
#vip-secim .tarot-card-shape{
  position:absolute!important;
  width:118px!important;
  height:170px!important;
  right:26px!important;
  top:105px!important;
  border:1px solid rgba(236,188,88,.52)!important;
  border-radius:12px!important;
  transform:rotate(-8deg)!important;
  background:
    radial-gradient(circle at 50% 38%,rgba(235,180,69,.28),transparent 18%),
    linear-gradient(150deg,rgba(43,29,17,.68),rgba(4,14,25,.95))!important;
  box-shadow:0 0 28px rgba(229,173,58,.09)!important;
}
#vip-secim .tarot-card-shape::before{
  content:"☀"!important;
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#d9a94c!important;
  font-size:46px!important;
}
#vip-secim .crystal-shape{
  position:absolute!important;
  width:44px!important;
  height:108px!important;
  right:4px!important;
  top:78px!important;
  clip-path:polygon(50% 0,85% 22%,100% 82%,50% 100%,0 82%,15% 22%)!important;
  background:linear-gradient(135deg,rgba(213,228,237,.72),rgba(95,150,180,.18),rgba(235,191,102,.38))!important;
  filter:drop-shadow(0 0 12px rgba(224,183,98,.12))!important;
}

/* Mobile tuned to the exact approved reference proportions */
@media (max-width:760px){
  #vip-secim .vip-card{
    flex:0 0 88vw!important;
    width:88vw!important;
    max-width:350px!important;
    height:390px!important;
    min-height:390px!important;
    padding:20px 17px 16px!important;
  }
  #vip-secim .vip-premium-top{
    height:25px!important;
    margin-bottom:14px!important;
    font-size:6.8px!important;
    padding:0 9px!important;
  }
  #vip-secim .vip-card h3{
    width:61%!important;
    min-height:54px!important;
    font-size:24px!important;
  }
  #vip-secim .vip-title-rule{
    width:84px!important;
    margin:2px 0 11px!important;
  }
  #vip-secim .vip-card .price{
    font-size:26px!important;
    margin-bottom:12px!important;
  }
  #vip-secim .vip-card .desc{
    width:57%!important;
    font-size:9.2px!important;
    line-height:1.48!important;
  }
  #vip-secim .vip-card .actions{
    width:67%!important;
  }
  #vip-secim .vip-card .actions .btn{
    height:44px!important;
    min-height:44px!important;
  }
  #vip-secim .vip-cta-label{
    font-size:11px!important;
  }
  #vip-secim .vip-art{
    width:48%!important;
  }
  #vip-secim .vip-art-kader-approved img{
    width:122%!important;
    right:-8%!important;
    top:5%!important;
    height:90%!important;
  }
  #vip-secim .moon-shape{
    width:100px!important;height:100px!important;right:6px!important;top:105px!important;
  }
  #vip-secim .moon-shape::after{
    width:80px!important;height:80px!important;left:28px!important;
  }
  #vip-secim .zodiac-ring{
    width:150px!important;height:150px!important;right:-48px!important;top:78px!important;
  }
  #vip-secim .tarot-card-shape{
    width:78px!important;height:112px!important;right:14px!important;top:97px!important;
  }
  #vip-secim .crystal-shape{
    width:30px!important;height:74px!important;right:0!important;top:76px!important;
  }
}


/* === V274 — VIP Master Karma artwork + badge cleanup === */
#vip-secim .badge-top{
  display:none!important;
}

/* remove old karma placeholder art */
#vip-secim .vip-art-karma-css,
#vip-secim .vip-art-karma-css *{
  display:none!important;
}

/* richer tarot/crystal composition for VIP Master Karma */
#vip-secim .vip-art-karma-premium{
  position:absolute!important;
  z-index:2!important;
  top:0!important;
  right:0!important;
  width:50%!important;
  height:100%!important;
  overflow:hidden!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 72% 34%,rgba(229,173,61,.12),transparent 22%),
    radial-gradient(circle at 84% 20%,rgba(113,202,231,.08),transparent 18%)!important;
}

#vip-secim .vip-art-karma-premium::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:
    radial-gradient(circle at 76% 16%,rgba(245,200,107,.28) 0 1px,transparent 2px),
    radial-gradient(circle at 58% 26%,rgba(245,200,107,.18) 0 1px,transparent 2px),
    radial-gradient(circle at 87% 51%,rgba(114,207,235,.17) 0 1px,transparent 2px),
    linear-gradient(90deg,rgba(6,17,29,.95) 0%,rgba(6,17,29,.68) 18%,rgba(6,17,29,.16) 48%,transparent 100%)!important;
}

#vip-secim .karma-card{
  position:absolute!important;
  display:block!important;
  width:110px!important;
  height:164px!important;
  border:1px solid rgba(236,188,88,.55)!important;
  border-radius:13px!important;
  background:
    radial-gradient(circle at 50% 38%,rgba(234,177,63,.18),transparent 22%),
    linear-gradient(155deg,rgba(44,28,15,.78),rgba(6,15,25,.97))!important;
  box-shadow:
    0 18px 30px rgba(0,0,0,.30),
    inset 0 0 0 5px rgba(230,181,80,.05),
    inset 0 0 0 6px rgba(230,181,80,.20)!important;
}
#vip-secim .karma-card::before{
  content:""!important;
  position:absolute!important;
  inset:12px!important;
  border:1px solid rgba(234,184,78,.32)!important;
  border-radius:9px!important;
}
#vip-secim .karma-back{
  right:54px!important;
  top:102px!important;
  transform:rotate(-16deg)!important;
  opacity:.62!important;
}
#vip-secim .karma-front{
  right:20px!important;
  top:113px!important;
  transform:rotate(-6deg)!important;
}
#vip-secim .karma-sun{
  position:absolute!important;
  left:50%!important;
  top:48%!important;
  transform:translate(-50%,-50%)!important;
  color:#e1ad4a!important;
  font-size:46px!important;
  text-shadow:0 0 14px rgba(228,173,61,.16)!important;
}

#vip-secim .karma-crystal{
  position:absolute!important;
  display:block!important;
  clip-path:polygon(50% 0,78% 18%,100% 80%,50% 100%,0 80%,22% 18%)!important;
  background:
    linear-gradient(135deg,rgba(224,237,244,.82),rgba(112,170,199,.20) 48%,rgba(230,190,107,.48))!important;
  filter:drop-shadow(0 0 12px rgba(224,184,105,.12))!important;
}
#vip-secim .crystal-a{
  width:42px!important;
  height:115px!important;
  right:0!important;
  top:75px!important;
  transform:rotate(7deg)!important;
}
#vip-secim .crystal-b{
  width:28px!important;
  height:78px!important;
  right:126px!important;
  top:88px!important;
  transform:rotate(-10deg)!important;
  opacity:.72!important;
}

#vip-secim .karma-spark{
  position:absolute!important;
  color:#eac066!important;
  text-shadow:0 0 12px rgba(234,192,102,.34)!important;
}
#vip-secim .spark-a{
  right:22px!important;
  top:54px!important;
  font-size:22px!important;
}
#vip-secim .spark-b{
  right:144px!important;
  top:64px!important;
  font-size:15px!important;
}

/* keep all three cards geometrically equal */
#vip-secim .grid-3{
  align-items:stretch!important;
}
#vip-secim .vip-card{
  height:100%!important;
  min-height:460px!important;
}
#vip-secim .vip-card.featured{
  margin:0!important;
  top:auto!important;
  transform:none!important;
}
#vip-secim .vip-card .actions{
  margin-top:auto!important;
}

@media (max-width:760px){
  #vip-secim .vip-card{
    height:390px!important;
    min-height:390px!important;
  }

  #vip-secim .vip-art-karma-premium{
    width:49%!important;
  }

  #vip-secim .karma-card{
    width:74px!important;
    height:108px!important;
    border-radius:9px!important;
  }
  #vip-secim .karma-card::before{
    inset:8px!important;
    border-radius:6px!important;
  }
  #vip-secim .karma-back{
    right:34px!important;
    top:92px!important;
  }
  #vip-secim .karma-front{
    right:8px!important;
    top:100px!important;
  }
  #vip-secim .karma-sun{
    font-size:31px!important;
  }
  #vip-secim .crystal-a{
    width:28px!important;
    height:77px!important;
    right:-2px!important;
    top:67px!important;
  }
  #vip-secim .crystal-b{
    width:19px!important;
    height:52px!important;
    right:84px!important;
    top:77px!important;
  }
  #vip-secim .spark-a{
    right:8px!important;
    top:48px!important;
    font-size:15px!important;
  }
  #vip-secim .spark-b{
    right:94px!important;
    top:57px!important;
    font-size:10px!important;
  }
}


/* === V275 — VIP: gerçek artwork + temiz ve eşit 3 kart === */
#vip-secim .grid-3{
  align-items:stretch!important;
}

#vip-secim .vip-card{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-height:430px!important;
  margin:0!important;
  top:auto!important;
  transform:none!important;
  padding:28px 26px 22px!important;
  border:1px solid rgba(238,197,111,.72)!important;
  border-radius:25px!important;
  background:#06111d!important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.30),
    0 0 20px rgba(229,184,91,.06),
    inset 0 1px 0 rgba(255,255,255,.045)!important;
}

#vip-secim .vip-card::before{
  content:""!important;
  position:absolute!important;
  inset:7px!important;
  z-index:0!important;
  border:1px solid rgba(240,200,116,.14)!important;
  border-radius:19px!important;
  pointer-events:none!important;
}

#vip-secim .vip-card::after{
  content:""!important;
  position:absolute!important;
  left:26px!important;
  right:26px!important;
  top:0!important;
  height:1px!important;
  z-index:7!important;
  background:linear-gradient(90deg,transparent,rgba(255,221,145,.92),transparent)!important;
  box-shadow:0 0 13px rgba(240,191,93,.38)!important;
}

/* Real artwork */
#vip-secim .vip-art-real{
  position:absolute!important;
  z-index:1!important;
  top:0!important;
  right:0!important;
  width:53%!important;
  height:100%!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
#vip-secim .vip-art-real::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:
    linear-gradient(90deg,#06111d 0%,rgba(6,17,29,.94) 13%,rgba(6,17,29,.60) 30%,rgba(6,17,29,.16) 54%,transparent 78%),
    linear-gradient(180deg,rgba(6,17,29,.04),transparent 68%,rgba(6,17,29,.42) 100%)!important;
}
#vip-secim .vip-art-real img{
  position:absolute!important;
  z-index:1!important;
  top:0!important;
  right:-3%!important;
  width:112%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:brightness(.93) saturate(.94) contrast(1.02)!important;
}
#vip-secim .vip-art-real-burc img{object-position:54% center!important;}
#vip-secim .vip-art-real-karma img{object-position:58% center!important;}

/* Remove all legacy CSS ornaments */
#vip-secim .vip-premium-decor,
#vip-secim .vip-art-kader-approved,
#vip-secim .vip-art-burc-css,
#vip-secim .vip-art-karma-css,
#vip-secim .vip-art-karma-premium,
#vip-secim .badge-top{
  display:none!important;
}

/* Badge */
#vip-secim .vip-premium-top{
  position:relative!important;
  z-index:6!important;
  display:inline-flex!important;
  align-items:center!important;
  align-self:flex-start!important;
  gap:8px!important;
  height:32px!important;
  margin:0 0 20px!important;
  padding:0 13px!important;
  border:1px solid rgba(234,190,101,.66)!important;
  border-radius:999px!important;
  background:rgba(3,14,25,.66)!important;
  color:#e5bc6a!important;
  font-size:8.5px!important;
  font-weight:800!important;
  letter-spacing:.19em!important;
  backdrop-filter:blur(6px)!important;
}
#vip-secim .vip-crown{
  color:#f1c85f!important;
  font-size:14px!important;
}

/* Text */
#vip-secim .vip-card h3{
  position:relative!important;
  z-index:6!important;
  width:61%!important;
  max-width:none!important;
  min-height:66px!important;
  margin:0!important;
  color:#f8f3eb!important;
  font-family:var(--f-display)!important;
  font-size:31px!important;
  line-height:1.01!important;
  font-style:italic!important;
  font-weight:600!important;
  letter-spacing:-.025em!important;
}
#vip-secim .vip-title-rule{
  position:relative!important;
  z-index:6!important;
  display:block!important;
  width:108px!important;
  height:1px!important;
  margin:4px 0 17px!important;
  background:linear-gradient(90deg,rgba(242,194,91,.92),rgba(242,194,91,.12),transparent)!important;
}
#vip-secim .vip-card .price{
  position:relative!important;
  z-index:6!important;
  margin:0 0 16px!important;
  color:#f1c45c!important;
  font-size:33px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:-.03em!important;
}
#vip-secim .vip-card .desc{
  position:relative!important;
  z-index:6!important;
  width:57%!important;
  margin:0 0 18px!important;
  color:rgba(242,244,246,.82)!important;
  font-size:11.5px!important;
  line-height:1.58!important;
}

/* CTA aligned on all 3 cards */
#vip-secim .vip-card .actions{
  position:relative!important;
  z-index:7!important;
  width:64%!important;
  margin:auto 0 0!important;
}
#vip-secim .vip-card .actions .btn{
  display:grid!important;
  grid-template-columns:25px 1fr 36px!important;
  align-items:center!important;
  gap:9px!important;
  width:100%!important;
  height:56px!important;
  min-height:56px!important;
  padding:0 10px 0 15px!important;
  border:1px solid rgba(239,197,106,.72)!important;
  border-radius:16px!important;
  background:linear-gradient(100deg,rgba(3,18,30,.96),rgba(5,32,45,.86),rgba(3,18,30,.96))!important;
  color:#f5eee4!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
#vip-secim .vip-card .actions .wa-icon{
  width:21px!important;
  height:21px!important;
  color:#21de82!important;
}
#vip-secim .vip-cta-label{
  text-align:left!important;
  font-family:var(--f-display)!important;
  font-size:15px!important;
  font-weight:600!important;
}
#vip-secim .vip-cta-arrow{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:34px!important;
  height:34px!important;
  border-left:1px solid rgba(236,192,101,.20)!important;
  border-radius:0!important;
  color:#efbd59!important;
  font-size:18px!important;
}

#vip-secim .vip-card.featured{
  margin:0!important;
  top:auto!important;
  transform:none!important;
  border-color:rgba(242,201,112,.78)!important;
}

#vip-secim .vip-card:hover,
#vip-secim .vip-card.featured:hover{
  transform:translateY(-3px)!important;
}

/* Mobile */
@media (max-width:760px){
  #vip-secim .grid-3{
    align-items:stretch!important;
    gap:12px!important;
    padding-top:0!important;
  }

  #vip-secim .vip-card{
    flex:0 0 88vw!important;
    width:88vw!important;
    max-width:350px!important;
    height:390px!important;
    min-height:390px!important;
    padding:19px 17px 15px!important;
    border-radius:20px!important;
  }

  #vip-secim .vip-card::before{
    inset:6px!important;
    border-radius:14px!important;
  }

  #vip-secim .vip-art-real{
    width:51%!important;
  }
  #vip-secim .vip-art-real img{
    right:-6%!important;
    width:116%!important;
    filter:brightness(.92) saturate(.92) contrast(1.02)!important;
  }

  #vip-secim .vip-premium-top{
    height:24px!important;
    margin-bottom:13px!important;
    padding:0 9px!important;
    font-size:6.6px!important;
  }
  #vip-secim .vip-crown{font-size:11px!important;}

  #vip-secim .vip-card h3{
    width:60%!important;
    min-height:51px!important;
    font-size:23px!important;
  }

  #vip-secim .vip-title-rule{
    width:76px!important;
    margin:2px 0 10px!important;
  }

  #vip-secim .vip-card .price{
    margin-bottom:10px!important;
    font-size:25px!important;
  }

  #vip-secim .vip-card .desc{
    width:56%!important;
    margin-bottom:8px!important;
    font-size:8.9px!important;
    line-height:1.48!important;
  }

  #vip-secim .vip-card .actions{
    width:68%!important;
  }
  #vip-secim .vip-card .actions .btn{
    grid-template-columns:19px 1fr 29px!important;
    height:43px!important;
    min-height:43px!important;
    padding:0 8px 0 11px!important;
    border-radius:12px!important;
  }
  #vip-secim .vip-card .actions .wa-icon{
    width:17px!important;
    height:17px!important;
  }
  #vip-secim .vip-cta-label{
    font-size:10px!important;
  }
  #vip-secim .vip-cta-arrow{
    width:28px!important;
    height:28px!important;
    font-size:14px!important;
  }

  #vip-secim .vip-card:hover,
  #vip-secim .vip-card.featured:hover{
    transform:none!important;
  }
}


/* === V276 — VIP: sinematik oranlar, daha büyük artwork, daha ferah kompozisyon === */
#vip-secim .grid-3{align-items:stretch!important;gap:18px!important;}

#vip-secim .vip-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:500px!important;
  height:500px!important;
  padding:32px 30px 26px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:#06111d!important;
}

#vip-secim .vip-card h3{
  width:56%!important;
  min-height:82px!important;
  font-size:38px!important;
  line-height:1!important;
  margin:0!important;
}

#vip-secim .vip-card .price{
  font-size:38px!important;
  margin-bottom:18px!important;
}

#vip-secim .vip-card .desc{
  width:53%!important;
  max-width:320px!important;
  font-size:12.5px!important;
  line-height:1.62!important;
  margin-bottom:20px!important;
}

#vip-secim .vip-card .actions{
  width:58%!important;
  margin:auto 0 0!important;
}

#vip-secim .vip-card .actions .btn{
  height:60px!important;
  min-height:60px!important;
  border-radius:17px!important;
}

#vip-secim .vip-cta-label{font-size:17px!important;}

#vip-secim .vip-art-real{
  width:58%!important;
  height:100%!important;
  right:0!important;
}

#vip-secim .vip-art-real img{
  width:122%!important;
  height:100%!important;
  right:-8%!important;
  top:0!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:brightness(.97) saturate(1.02) contrast(1.03)!important;
}

#vip-secim .vip-art-real::before{
  background:
    linear-gradient(90deg,#06111d 0%,rgba(6,17,29,.98) 10%,rgba(6,17,29,.66) 28%,rgba(6,17,29,.22) 52%,transparent 74%),
    linear-gradient(180deg,rgba(6,17,29,.03),transparent 72%,rgba(6,17,29,.28) 100%)!important;
}

#vip-secim .vip-premium-top{
  height:34px!important;
  margin-bottom:24px!important;
  padding:0 14px!important;
  font-size:8.5px!important;
}

#vip-secim .vip-title-rule{
  width:110px!important;
  margin:4px 0 17px!important;
}

@media (max-width:760px){
  #vip-secim .grid-3{
    gap:14px!important;
    align-items:stretch!important;
    padding-top:0!important;
  }

  #vip-secim .vip-card{
    flex:0 0 92vw!important;
    width:92vw!important;
    max-width:370px!important;
    min-width:320px!important;
    height:430px!important;
    min-height:430px!important;
    padding:22px 19px 17px!important;
    border-radius:22px!important;
  }

  #vip-secim .vip-premium-top{
    height:26px!important;
    margin-bottom:16px!important;
    padding:0 10px!important;
    font-size:6.8px!important;
  }

  #vip-secim .vip-card h3{
    width:55%!important;
    min-height:62px!important;
    font-size:27px!important;
    line-height:1!important;
  }

  #vip-secim .vip-title-rule{
    width:84px!important;
    margin:3px 0 12px!important;
  }

  #vip-secim .vip-card .price{
    font-size:29px!important;
    margin-bottom:12px!important;
  }

  #vip-secim .vip-card .desc{
    width:52%!important;
    max-width:185px!important;
    font-size:9.6px!important;
    line-height:1.5!important;
    margin-bottom:10px!important;
  }

  #vip-secim .vip-card .actions{width:64%!important;}

  #vip-secim .vip-card .actions .btn{
    height:46px!important;
    min-height:46px!important;
    grid-template-columns:20px 1fr 31px!important;
    border-radius:13px!important;
  }

  #vip-secim .vip-cta-label{font-size:11px!important;}

  #vip-secim .vip-art-real{width:60%!important;}

  #vip-secim .vip-art-real img{
    width:126%!important;
    right:-11%!important;
    height:100%!important;
    top:0!important;
    filter:brightness(.98) saturate(1.04) contrast(1.03)!important;
  }

  #vip-secim .vip-art-real::before{
    background:
      linear-gradient(90deg,#06111d 0%,rgba(6,17,29,.97) 9%,rgba(6,17,29,.61) 26%,rgba(6,17,29,.19) 50%,transparent 72%),
      linear-gradient(180deg,rgba(6,17,29,.02),transparent 74%,rgba(6,17,29,.24) 100%)!important;
  }

  #vip-secim .vip-card.featured,
  #vip-secim .vip-card:hover,
  #vip-secim .vip-card.featured:hover{
    transform:none!important;
    top:auto!important;
    margin:0!important;
  }
}

/* V277 */
#vip-secim .vip-card{padding-top:30px!important}
#vip-secim .vip-premium-top{
 position:absolute!important;z-index:12!important;top:-13px!important;left:28px!important;
 height:27px!important;margin:0!important;padding:0 11px!important;display:inline-flex!important;
 align-items:center!important;gap:7px!important;border:1px solid rgba(238,195,103,.78)!important;
 border-radius:999px!important;background:#07111d!important;color:#e8bf69!important;
 box-shadow:0 0 0 5px #06111d,0 0 14px rgba(231,184,84,.10)!important;
 font-size:7.8px!important;letter-spacing:.18em!important;line-height:1!important
}
#vip-secim .vip-premium-top .vip-crown{font-size:11px!important;line-height:1!important}
#vip-secim .vip-card.featured .vip-premium-top{
 color:#ffd67f!important;border-color:rgba(249,203,106,.92)!important;
 box-shadow:0 0 0 5px #0d0a05,0 0 16px rgba(235,171,55,.18)!important
}
#vip-secim .vip-art-real{width:57%!important}
#vip-secim .vip-art-real img{
 width:119%!important;right:-8%!important;object-fit:cover!important;object-position:center!important;
 filter:brightness(.96) saturate(.98) contrast(1.02)!important
}
#vip-secim .vip-art-real-karma img{
 opacity:.78!important;filter:brightness(.82) saturate(.90) contrast(1.03)!important
}
#vip-secim .vip-art-real-karma::before{
 background:linear-gradient(90deg,#0a0a08 0%,rgba(10,10,8,.96) 15%,rgba(10,10,8,.68) 35%,rgba(10,10,8,.34) 58%,rgba(10,10,8,.10) 78%),
 linear-gradient(180deg,rgba(10,10,8,.08),transparent 65%,rgba(10,10,8,.44) 100%)!important
}
#vip-secim .vip-card.featured{
 background:radial-gradient(circle at 86% 24%,rgba(193,133,40,.13),transparent 34%),linear-gradient(180deg,#0b0a07,#070b10)!important;
 border-color:rgba(247,199,97,.92)!important;
 box-shadow:0 20px 46px rgba(0,0,0,.32),0 0 22px rgba(228,167,52,.10),inset 0 1px 0 rgba(255,236,187,.07)!important
}
@media(max-width:760px){
 #vip-secim .vip-card{padding-top:25px!important}
 #vip-secim .vip-premium-top{
  top:-10px!important;left:18px!important;height:21px!important;padding:0 8px!important;gap:5px!important;
  font-size:6px!important;box-shadow:0 0 0 4px #06111d,0 0 10px rgba(231,184,84,.08)!important
 }
 #vip-secim .vip-premium-top .vip-crown{font-size:9px!important}
 #vip-secim .vip-card.featured .vip-premium-top{
  box-shadow:0 0 0 4px #0d0a05,0 0 12px rgba(235,171,55,.14)!important
 }
 #vip-secim .vip-art-real{width:58%!important}
 #vip-secim .vip-art-real img{width:122%!important;right:-10%!important}
}


/* === V278 — CLEAN VIP CARDS: no baked text, no clipped badges === */

/* old VIP pills are gone */
#vip-secim .vip-premium-top,
#vip-secim .badge-top{
  display:none!important;
}

/* understated label, no box */
#vip-secim .vip-micro-label{
  position:relative!important;
  z-index:8!important;
  width:max-content!important;
  margin:0 0 12px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#dcb35f!important;
  font-size:8px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
  text-shadow:0 0 10px rgba(220,179,95,.12)!important;
}

/* cards */
#vip-secim .vip-card{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  height:460px!important;
  min-height:460px!important;
  padding:24px 22px 18px!important;
  margin:0!important;
  top:auto!important;
  transform:none!important;
  border:1px solid rgba(231,190,100,.74)!important;
  border-radius:22px!important;
  background:#06111b!important;
  box-shadow:0 18px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.035)!important;
}

/* artwork only */
#vip-secim .vip-art-real{
  position:absolute!important;
  z-index:1!important;
  top:0!important;
  right:0!important;
  width:56%!important;
  height:100%!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
#vip-secim .vip-art-real img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:brightness(.96) saturate(1.00) contrast(1.03)!important;
}
#vip-secim .vip-art-real::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:
    linear-gradient(90deg,#06111b 0%,rgba(6,17,27,.96) 14%,rgba(6,17,27,.64) 34%,rgba(6,17,27,.18) 60%,transparent 82%),
    linear-gradient(180deg,rgba(6,17,27,.05),transparent 70%,rgba(6,17,27,.35) 100%)!important;
}

/* Master artwork should read as atmosphere, not "a tarot-card service" */
#vip-secim .vip-art-real-karma img{
  opacity:.70!important;
  filter:brightness(.82) saturate(.84) contrast(1.02)!important;
}
#vip-secim .vip-art-real-karma::before{
  background:
    linear-gradient(90deg,#0a0906 0%,rgba(10,9,6,.96) 16%,rgba(10,9,6,.70) 38%,rgba(10,9,6,.36) 62%,rgba(10,9,6,.10) 84%),
    linear-gradient(180deg,rgba(10,9,6,.04),transparent 70%,rgba(10,9,6,.42) 100%)!important;
}

/* actual HTML content stays clean and readable */
#vip-secim .vip-card h3{
  position:relative!important;
  z-index:7!important;
  width:55%!important;
  min-height:58px!important;
  margin:0!important;
  font-size:29px!important;
  line-height:1.02!important;
}
#vip-secim .vip-title-rule{
  position:relative!important;
  z-index:7!important;
  width:82px!important;
  margin:5px 0 12px!important;
}
#vip-secim .vip-card .price{
  position:relative!important;
  z-index:7!important;
  margin:0 0 12px!important;
  font-size:29px!important;
}
#vip-secim .vip-card .desc{
  position:relative!important;
  z-index:7!important;
  width:54%!important;
  max-width:230px!important;
  margin:0 0 12px!important;
  font-size:10px!important;
  line-height:1.52!important;
}

/* benefits remain real HTML, not baked into artwork */
#vip-secim .vip-benefits{
  position:relative!important;
  z-index:7!important;
  width:100%!important;
  margin-top:auto!important;
  margin-bottom:12px!important;
}

/* CTA */
#vip-secim .vip-card .actions{
  position:relative!important;
  z-index:8!important;
  width:66%!important;
  margin:0!important;
}
#vip-secim .vip-card .actions .btn{
  height:48px!important;
  min-height:48px!important;
  border-radius:13px!important;
}

/* Master visually distinct but not noisy */
#vip-secim .vip-card.featured{
  background:
    radial-gradient(circle at 88% 20%,rgba(202,145,46,.10),transparent 34%),
    linear-gradient(180deg,#0b0a07,#071018)!important;
  border-color:rgba(241,195,94,.92)!important;
  box-shadow:
    0 20px 44px rgba(0,0,0,.34),
    0 0 18px rgba(225,164,50,.08),
    inset 0 1px 0 rgba(255,235,184,.05)!important;
}

/* mobile */
@media(max-width:760px){
  #vip-secim .vip-card{
    flex:0 0 90vw!important;
    width:90vw!important;
    max-width:350px!important;
    height:392px!important;
    min-height:392px!important;
    padding:18px 16px 14px!important;
    border-radius:18px!important;
  }

  #vip-secim .vip-micro-label{
    margin-bottom:10px!important;
    font-size:6.5px!important;
    letter-spacing:.18em!important;
  }

  #vip-secim .vip-art-real{
    width:55%!important;
  }

  #vip-secim .vip-card h3{
    width:54%!important;
    min-height:46px!important;
    font-size:22px!important;
  }

  #vip-secim .vip-title-rule{
    width:64px!important;
    margin:3px 0 9px!important;
  }

  #vip-secim .vip-card .price{
    margin-bottom:9px!important;
    font-size:24px!important;
  }

  #vip-secim .vip-card .desc{
    width:53%!important;
    max-width:170px!important;
    margin-bottom:8px!important;
    font-size:8.2px!important;
    line-height:1.46!important;
  }

  #vip-secim .vip-benefits{
    margin-bottom:9px!important;
  }

  #vip-secim .vip-card .actions{
    width:65%!important;
  }

  #vip-secim .vip-card .actions .btn{
    height:42px!important;
    min-height:42px!important;
  }
}


/* === V279 — VIP kartlar daha yatay / kompakt === */
#vip-secim .vip-card{
  height:385px!important;
  min-height:385px!important;
  padding:20px 22px 16px!important;
  border-radius:21px!important;
}

#vip-secim .vip-micro-label{
  margin-bottom:8px!important;
}

#vip-secim .vip-card h3{
  min-height:47px!important;
  font-size:25px!important;
  line-height:1!important;
}

#vip-secim .vip-title-rule{
  margin:3px 0 8px!important;
}

#vip-secim .vip-card .price{
  margin-bottom:8px!important;
  font-size:26px!important;
}

#vip-secim .vip-card .desc{
  margin-bottom:7px!important;
  font-size:9.2px!important;
  line-height:1.42!important;
}

#vip-secim .vip-benefits{
  margin-bottom:8px!important;
}

#vip-secim .vip-card .actions .btn{
  height:43px!important;
  min-height:43px!important;
}

#vip-secim .vip-art-real{
  width:58%!important;
}

@media(max-width:760px){
  #vip-secim .vip-card{
    flex:0 0 92vw!important;
    width:92vw!important;
    max-width:365px!important;
    height:320px!important;
    min-height:320px!important;
    padding:14px 15px 11px!important;
    border-radius:17px!important;
  }

  #vip-secim .vip-micro-label{
    margin-bottom:6px!important;
    font-size:5.8px!important;
  }

  #vip-secim .vip-card h3{
    min-height:38px!important;
    font-size:19px!important;
    line-height:.98!important;
  }

  #vip-secim .vip-title-rule{
    width:58px!important;
    margin:2px 0 6px!important;
  }

  #vip-secim .vip-card .price{
    margin-bottom:6px!important;
    font-size:21px!important;
  }

  #vip-secim .vip-card .desc{
    width:52%!important;
    max-width:166px!important;
    margin-bottom:5px!important;
    font-size:7.3px!important;
    line-height:1.38!important;
  }

  #vip-secim .vip-benefits{
    margin-bottom:6px!important;
  }

  #vip-secim .vip-card .actions{
    width:66%!important;
  }

  #vip-secim .vip-card .actions .btn{
    height:37px!important;
    min-height:37px!important;
  }

  #vip-secim .vip-art-real{
    width:59%!important;
  }
}


/* === V280 — yatay VIP kartlarda dengeli gerçek içerik yerleşimi === */
#vip-secim .vip-card{
  height:370px!important;
  min-height:370px!important;
  padding:22px 22px 18px!important;
}

#vip-secim .vip-art-real{
  width:46%!important;
  right:0!important;
}
#vip-secim .vip-art-real img{
  width:100%!important;
  height:100%!important;
  right:0!important;
  object-fit:cover!important;
  object-position:center!important;
}
#vip-secim .vip-art-real::before{
  background:
    linear-gradient(90deg,#06111b 0%,rgba(6,17,27,.90) 10%,rgba(6,17,27,.38) 30%,rgba(6,17,27,.08) 55%,transparent 76%),
    linear-gradient(180deg,rgba(6,17,27,.02),transparent 72%,rgba(6,17,27,.30) 100%)!important;
}

#vip-secim .vip-card h3{
  width:54%!important;
  min-height:45px!important;
  font-size:26px!important;
  line-height:1.02!important;
}
#vip-secim .vip-title-rule{
  width:72px!important;
  margin:3px 0 9px!important;
}
#vip-secim .vip-card .price{
  margin:0 0 10px!important;
  font-size:27px!important;
}
#vip-secim .vip-card .desc{
  width:52%!important;
  max-width:250px!important;
  margin:0!important;
  font-size:10px!important;
  line-height:1.48!important;
}

#vip-secim .vip-benefits{
  position:relative!important;
  z-index:7!important;
  width:52%!important;
  margin:auto 0 10px!important;
}

#vip-secim .vip-card .actions{
  position:relative!important;
  z-index:8!important;
  width:52%!important;
  margin:0!important;
}
#vip-secim .vip-card .actions .btn{
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
}

/* Master remains atmospheric */
#vip-secim .vip-art-real-karma{
  width:48%!important;
}
#vip-secim .vip-art-real-karma img{
  opacity:.68!important;
}

/* Mobile: horizontal banner proportions */
@media(max-width:760px){
  #vip-secim .vip-card{
    flex:0 0 92vw!important;
    width:92vw!important;
    max-width:365px!important;
    height:285px!important;
    min-height:285px!important;
    padding:14px 14px 12px!important;
  }

  #vip-secim .vip-micro-label{
    margin-bottom:7px!important;
    font-size:6px!important;
  }

  #vip-secim .vip-art-real{
    width:45%!important;
  }
  #vip-secim .vip-art-real img{
    width:100%!important;
    right:0!important;
  }

  #vip-secim .vip-card h3{
    width:55%!important;
    min-height:34px!important;
    font-size:19px!important;
    line-height:1!important;
  }

  #vip-secim .vip-title-rule{
    width:54px!important;
    margin:2px 0 6px!important;
  }

  #vip-secim .vip-card .price{
    margin-bottom:6px!important;
    font-size:21px!important;
  }

  #vip-secim .vip-card .desc{
    width:54%!important;
    max-width:180px!important;
    margin:0!important;
    font-size:7.6px!important;
    line-height:1.42!important;
  }

  #vip-secim .vip-benefits{
    width:54%!important;
    margin:auto 0 6px!important;
  }

  #vip-secim .vip-card .actions{
    width:54%!important;
    margin:0!important;
  }

  #vip-secim .vip-card .actions .btn{
    height:38px!important;
    min-height:38px!important;
    padding-left:10px!important;
  }

  #vip-secim .vip-cta-label{
    font-size:9px!important;
  }

  #vip-secim .vip-art-real-karma{
    width:47%!important;
  }
}

/* === V285 — VIP LUXE: approved compact luxury layout === */
#vip-secim .vip-luxe-wrap{position:relative;z-index:2}
#vip-secim .vip-luxe-head{margin-bottom:30px!important}
#vip-secim .vip-luxe-head .section-title{margin-top:5px!important}
#vip-secim .vip-luxe-head .section-desc{max-width:640px!important}
#vip-secim .vip-luxe-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
#vip-secim .vip-luxe-card{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:352px!important;
  border:1px solid rgba(126,171,199,.28)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(7,20,35,.98),rgba(3,12,23,.99))!important;
  box-shadow:0 20px 44px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.03)!important;
}
#vip-secim .vip-luxe-card::before{
  content:"";position:absolute;inset:10px;z-index:5;pointer-events:none;border-radius:15px;
  border:1px solid rgba(255,255,255,.025);
}
#vip-secim .vip-luxe-card::after{
  content:"";position:absolute;left:20px;right:20px;top:0;height:1px;z-index:6;
  background:linear-gradient(90deg,transparent,rgba(223,188,112,.55),transparent);
}
#vip-secim .vip-luxe-art{
  position:absolute!important;inset:0 0 0 42%!important;z-index:0!important;
  background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;
  filter:saturate(.92) contrast(1.03)!important;
}
#vip-secim .vip-luxe-art-kader{background-image:url('../images/vip-luxe-v285/kader.jpg')!important}
#vip-secim .vip-luxe-art-bakim{background-image:url('../images/vip-luxe-v285/bakim.jpg')!important}
#vip-secim .vip-luxe-art-karma{background-image:url('../images/vip-luxe-v285/karma.jpg')!important}
#vip-secim .vip-luxe-shade{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(4,16,29,.99) 0%,rgba(4,16,29,.97) 34%,rgba(4,16,29,.74) 53%,rgba(4,16,29,.14) 76%,rgba(4,16,29,.08) 100%),
    linear-gradient(180deg,rgba(3,12,23,.07),transparent 62%,rgba(3,12,23,.74) 100%);
}
#vip-secim .vip-luxe-content{
  position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;
  width:61%;height:100%;min-height:352px;padding:24px 0 18px 24px;
}
#vip-secim .vip-luxe-kicker{
  display:inline-flex;align-items:center;min-height:27px;padding:0 10px;margin-bottom:12px;
  border:1px solid rgba(218,177,92,.38);border-radius:999px;background:rgba(7,20,32,.58);
  color:#e8bd67;font-size:8px;font-weight:750;letter-spacing:.15em;white-space:nowrap;
}
#vip-secim .vip-luxe-card h3{
  margin:0!important;max-width:100%;color:#f5f1ea!important;font-family:var(--f-display)!important;
  font-size:28px!important;line-height:1.02!important;font-style:italic!important;letter-spacing:-.02em!important;
  text-shadow:0 2px 16px rgba(0,0,0,.35)!important;
}
#vip-secim .vip-luxe-sub{
  margin:7px 0 0!important;color:#e4b65d!important;font-family:var(--f-display)!important;
  font-size:13px!important;line-height:1.2!important;font-style:italic!important;
}
#vip-secim .vip-luxe-rule{
  display:block;width:62px;height:1px;margin:13px 0 12px;
  background:linear-gradient(90deg,#dfb45e,rgba(223,180,94,.18),transparent);
}
#vip-secim .vip-luxe-desc{
  margin:0!important;max-width:225px;color:rgba(235,239,245,.77)!important;
  font-size:11.5px!important;line-height:1.58!important;
}
#vip-secim .vip-luxe-price{
  margin-top:auto;padding-top:15px;color:#efc66f;font-family:var(--f-display);font-size:30px;font-weight:650;line-height:1;
  letter-spacing:-.03em;text-shadow:0 0 16px rgba(226,181,85,.11);
}
#vip-secim .vip-luxe-cta{
  display:grid!important;grid-template-columns:22px 1fr 28px;align-items:center;gap:8px;
  width:100%;min-height:44px;margin-top:13px;padding:0 9px 0 12px;
  border:1px solid rgba(221,181,100,.48);border-radius:13px;background:rgba(4,18,30,.90);
  color:#f2ede3!important;text-decoration:none!important;font-size:11px;font-weight:700;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 9px 20px rgba(0,0,0,.16);
}
#vip-secim .vip-luxe-wa{
  width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;
  background:#19c66d;color:#fff;font-size:9px;box-shadow:0 0 12px rgba(25,198,109,.18);
}
#vip-secim .vip-luxe-arrow{
  height:26px;display:flex;align-items:center;justify-content:center;border-left:1px solid rgba(235,198,122,.25);
  color:#e9bd65;font-size:17px;font-weight:400;
}
#vip-secim .vip-luxe-featured{
  border-color:rgba(232,190,98,.83)!important;
  background:linear-gradient(145deg,rgba(15,21,26,.99),rgba(5,13,22,.99))!important;
  box-shadow:0 22px 48px rgba(0,0,0,.31),0 0 25px rgba(226,181,85,.10),inset 0 1px 0 rgba(255,236,188,.09)!important;
}
#vip-secim .vip-luxe-featured::before{border-color:rgba(236,196,111,.16)}
#vip-secim .vip-luxe-featured::after{
  background:linear-gradient(90deg,transparent,rgba(255,216,132,.95),transparent);
  box-shadow:0 0 16px rgba(236,189,89,.28);
}
#vip-secim .vip-luxe-featured .vip-luxe-shade{
  background:
    linear-gradient(90deg,rgba(8,15,22,.99) 0%,rgba(8,15,22,.97) 34%,rgba(8,15,22,.72) 53%,rgba(8,15,22,.13) 77%,rgba(8,15,22,.07) 100%),
    radial-gradient(circle at 84% 18%,rgba(225,174,69,.13),transparent 32%),
    linear-gradient(180deg,transparent 58%,rgba(5,12,20,.76));
}
#vip-secim .vip-luxe-badge{
  position:absolute;top:-1px;left:28px;z-index:8;padding:6px 14px 5px;border-radius:0 0 10px 10px;
  background:linear-gradient(180deg,#f0d48f,#d8b36c);color:#2d2416;font-size:7px;font-weight:800;letter-spacing:.08em;
  box-shadow:0 7px 16px rgba(0,0,0,.18),0 0 16px rgba(229,184,88,.12);
}
#vip-secim .vip-luxe-featured .vip-luxe-kicker{margin-top:10px}
#vip-secim .vip-luxe-cta-gold{
  border-color:rgba(239,201,118,.75)!important;
  background:linear-gradient(100deg,#e8c97f 0%,#c9a45e 46%,#7b5b2f 100%)!important;
  color:#21180b!important;box-shadow:0 8px 22px rgba(194,146,55,.18),inset 0 1px 0 rgba(255,255,255,.28)!important;
}
#vip-secim .vip-luxe-cta-gold .vip-luxe-arrow{color:#2b1f0e;border-left-color:rgba(43,31,14,.24)}
#vip-secim .vip-luxe-trust{
  display:flex;align-items:center;justify-content:center;gap:19px;margin-top:22px;
  color:rgba(222,205,168,.65);font-size:8px;letter-spacing:.19em;
}
#vip-secim .vip-luxe-trust i{width:1px;height:16px;background:rgba(223,187,110,.30)}

@media (min-width:761px){
  #vip-secim .vip-luxe-card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
  #vip-secim .vip-luxe-card:hover{transform:translateY(-4px);border-color:rgba(221,183,103,.52)!important;box-shadow:0 26px 52px rgba(0,0,0,.31),0 0 18px rgba(218,174,88,.06)!important}
  #vip-secim .vip-luxe-featured:hover{border-color:rgba(244,207,127,.95)!important;box-shadow:0 27px 55px rgba(0,0,0,.34),0 0 28px rgba(224,177,75,.15)!important}
}

@media (max-width:980px) and (min-width:761px){
  #vip-secim .vip-luxe-grid{gap:12px!important}
  #vip-secim .vip-luxe-card{min-height:330px!important}
  #vip-secim .vip-luxe-content{width:65%;min-height:330px;padding:20px 0 16px 18px}
  #vip-secim .vip-luxe-card h3{font-size:23px!important}
  #vip-secim .vip-luxe-sub{font-size:11px!important}
  #vip-secim .vip-luxe-desc{max-width:190px;font-size:10px!important}
  #vip-secim .vip-luxe-price{font-size:26px}
}

@media (max-width:760px){
  #vip-secim{overflow:hidden!important}
  #vip-secim .vip-luxe-head{margin-bottom:20px!important}
  #vip-secim .vip-luxe-head .section-title{font-size:31px!important}
  #vip-secim .vip-luxe-head .section-desc{font-size:12px!important}
  #vip-secim .vip-luxe-grid{
    display:flex!important;gap:12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;margin-right:-18px!important;padding:4px 18px 12px 0!important;
  }
  #vip-secim .vip-luxe-grid::-webkit-scrollbar{display:none!important}
  #vip-secim .vip-luxe-card{
    flex:0 0 78vw!important;width:78vw!important;max-width:310px!important;min-height:258px!important;height:258px!important;
    border-radius:18px!important;scroll-snap-align:start!important;
  }
  #vip-secim .vip-luxe-card::before{inset:7px;border-radius:12px}
  #vip-secim .vip-luxe-art{inset:0 0 0 44%!important}
  #vip-secim .vip-luxe-content{width:62%;min-height:258px!important;padding:16px 0 13px 15px!important}
  #vip-secim .vip-luxe-kicker{min-height:22px;padding:0 8px;margin-bottom:8px;font-size:6.2px;letter-spacing:.12em}
  #vip-secim .vip-luxe-featured .vip-luxe-kicker{margin-top:7px}
  #vip-secim .vip-luxe-card h3{font-size:19px!important;line-height:1!important}
  #vip-secim .vip-luxe-sub{margin-top:5px!important;font-size:9.4px!important;white-space:nowrap}
  #vip-secim .vip-luxe-rule{width:44px;margin:8px 0 7px}
  #vip-secim .vip-luxe-desc{max-width:158px!important;font-size:8.2px!important;line-height:1.43!important}
  #vip-secim .vip-luxe-price{padding-top:9px;font-size:21px!important}
  #vip-secim .vip-luxe-cta{min-height:36px!important;margin-top:8px;padding:0 7px 0 8px;grid-template-columns:18px 1fr 22px;font-size:8.5px;border-radius:10px}
  #vip-secim .vip-luxe-wa{width:18px;height:18px;font-size:7px}
  #vip-secim .vip-luxe-arrow{height:20px;font-size:13px}
  #vip-secim .vip-luxe-badge{left:18px;padding:4px 9px 4px;font-size:5.5px;border-radius:0 0 7px 7px}
  #vip-secim .vip-luxe-trust{gap:10px;margin-top:9px;font-size:5.5px;letter-spacing:.12em;white-space:nowrap}
  #vip-secim .vip-luxe-trust i{height:11px}
}

@media (max-width:390px){
  #vip-secim .vip-luxe-card{flex-basis:80vw!important;width:80vw!important;max-width:292px!important;height:250px!important;min-height:250px!important}
  #vip-secim .vip-luxe-content{min-height:250px!important}
  #vip-secim .vip-luxe-card h3{font-size:18px!important}
}

/* === V286 — VIP final polish: compact CTA, clean edges, badge alignment === */
#vip-secim .vip-luxe-card,
#vip-secim .vip-luxe-featured{
  box-shadow:none!important;
}
#vip-secim .vip-luxe-card::before{
  border-color:rgba(255,255,255,.02)!important;
}
#vip-secim .vip-luxe-card::after{
  box-shadow:none!important;
}
#vip-secim .vip-luxe-kicker.vip-luxe-symbol{
  min-height:0!important;
  padding:0!important;
  margin:0 0 12px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#e7bb61!important;
  font-size:20px!important;
  line-height:1!important;
  letter-spacing:0!important;
}
#vip-secim .vip-luxe-featured .vip-luxe-kicker.vip-luxe-symbol{
  margin-top:10px!important;
}
#vip-secim .vip-luxe-badge{
  left:64px!important;
  top:-1px!important;
  padding:6px 14px 5px!important;
  border-radius:0 0 10px 10px!important;
  box-shadow:none!important;
}
#vip-secim .vip-luxe-cta{
  width:auto!important;
  min-width:178px!important;
  max-width:92%!important;
  min-height:43px!important;
  grid-template-columns:26px auto 34px!important;
  gap:10px!important;
  padding:0 7px 0 10px!important;
  border-radius:12px!important;
  box-shadow:none!important;
  justify-self:start!important;
}
#vip-secim .vip-luxe-wa{
  width:25px!important;
  height:25px!important;
  font-size:0!important;
  box-shadow:none!important;
}
#vip-secim .vip-luxe-wa svg{
  width:15px!important;
  height:15px!important;
  display:block!important;
}
#vip-secim .vip-luxe-arrow{
  width:30px!important;
  height:30px!important;
  border-left:0!important;
  border:1px solid rgba(231,187,97,.75)!important;
  border-radius:50%!important;
  font-size:17px!important;
  line-height:1!important;
}
#vip-secim .vip-luxe-cta-gold{
  min-width:194px!important;
  box-shadow:none!important;
}
#vip-secim .vip-luxe-cta-gold .vip-luxe-arrow{
  background:#091520!important;
  color:#efc970!important;
  border-color:#efc970!important;
}
@media (min-width:761px){
  #vip-secim .vip-luxe-card:hover,
  #vip-secim .vip-luxe-featured:hover{
    box-shadow:none!important;
  }
}
@media (max-width:760px){
  #vip-secim .vip-luxe-badge{
    left:38px!important;
    padding:4px 9px!important;
  }
  #vip-secim .vip-luxe-kicker.vip-luxe-symbol{
    font-size:15px!important;
    margin-bottom:8px!important;
  }
  #vip-secim .vip-luxe-featured .vip-luxe-kicker.vip-luxe-symbol{
    margin-top:7px!important;
  }
  #vip-secim .vip-luxe-cta{
    width:auto!important;
    min-width:146px!important;
    max-width:94%!important;
    min-height:34px!important;
    grid-template-columns:20px auto 26px!important;
    gap:7px!important;
    padding:0 5px 0 7px!important;
    font-size:8.5px!important;
  }
  #vip-secim .vip-luxe-wa{width:19px!important;height:19px!important}
  #vip-secim .vip-luxe-wa svg{width:12px!important;height:12px!important}
  #vip-secim .vip-luxe-arrow{width:23px!important;height:23px!important;font-size:13px!important}
  #vip-secim .vip-luxe-cta-gold{min-width:156px!important}
}

/* === V287 — mobile VIP repair: clean artwork, no ghost text, stable compact layout === */
@media (max-width:760px){
  #vip-secim .vip-luxe-grid{
    gap:14px!important;
    padding-top:8px!important;
    padding-bottom:14px!important;
  }

  #vip-secim .vip-luxe-card{
    flex:0 0 84vw!important;
    width:84vw!important;
    max-width:330px!important;
    height:300px!important;
    min-height:300px!important;
    border-radius:18px!important;
    overflow:hidden!important;
    background:#061321!important;
  }

  /* clean mobile-only artwork crops: generated card text/buttons are removed */
  #vip-secim .vip-luxe-art{
    inset:0 0 0 46%!important;
    background-size:cover!important;
    background-position:center center!important;
    opacity:1!important;
    filter:saturate(.96) contrast(1.04)!important;
  }
  #vip-secim .vip-luxe-art-kader{background-image:url('../images/vip-luxe-v285/kader-mobile-clean.jpg')!important}
  #vip-secim .vip-luxe-art-bakim{background-image:url('../images/vip-luxe-v285/bakim-mobile-clean.jpg')!important}
  #vip-secim .vip-luxe-art-karma{background-image:url('../images/vip-luxe-v285/karma-mobile-clean.jpg')!important}

  #vip-secim .vip-luxe-shade{
    z-index:2!important;
    background:
      linear-gradient(90deg,#061321 0%,#061321 39%,rgba(6,19,33,.96) 49%,rgba(6,19,33,.55) 64%,rgba(6,19,33,.10) 83%,rgba(6,19,33,.02) 100%),
      linear-gradient(180deg,rgba(3,10,18,.03) 55%,rgba(3,10,18,.62) 100%)!important;
  }
  #vip-secim .vip-luxe-featured .vip-luxe-shade{
    background:
      linear-gradient(90deg,#08121d 0%,#08121d 39%,rgba(8,18,29,.96) 49%,rgba(8,18,29,.53) 64%,rgba(8,18,29,.09) 83%,rgba(8,18,29,.02) 100%),
      linear-gradient(180deg,rgba(4,9,15,.02) 55%,rgba(4,9,15,.64) 100%)!important;
  }

  #vip-secim .vip-luxe-content{
    z-index:4!important;
    box-sizing:border-box!important;
    width:64%!important;
    height:300px!important;
    min-height:300px!important;
    padding:20px 0 14px 16px!important;
    overflow:visible!important;
  }
  #vip-secim .vip-luxe-kicker.vip-luxe-symbol{
    font-size:15px!important;
    margin:0 0 10px!important;
  }
  #vip-secim .vip-luxe-featured .vip-luxe-kicker.vip-luxe-symbol{
    margin-top:7px!important;
  }
  #vip-secim .vip-luxe-card h3{
    max-width:190px!important;
    font-size:19px!important;
    line-height:1.06!important;
    white-space:nowrap!important;
  }
  #vip-secim .vip-luxe-sub{
    max-width:185px!important;
    margin-top:5px!important;
    font-size:9px!important;
    line-height:1.22!important;
    white-space:normal!important;
  }
  #vip-secim .vip-luxe-rule{width:40px!important;margin:8px 0 8px!important}
  #vip-secim .vip-luxe-desc{
    max-width:175px!important;
    font-size:8.7px!important;
    line-height:1.45!important;
  }
  #vip-secim .vip-luxe-price{
    padding-top:8px!important;
    font-size:23px!important;
    line-height:1!important;
  }

  #vip-secim .vip-luxe-cta,
  #vip-secim .vip-luxe-cta-gold{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    min-height:35px!important;
    height:35px!important;
    margin-top:8px!important;
    grid-template-columns:20px auto 25px!important;
    gap:7px!important;
    padding:0 5px 0 7px!important;
    border-radius:11px!important;
    font-size:8.5px!important;
    line-height:1!important;
    box-shadow:none!important;
  }
  #vip-secim .vip-luxe-wa{width:19px!important;height:19px!important}
  #vip-secim .vip-luxe-wa svg{width:12px!important;height:12px!important}
  #vip-secim .vip-luxe-arrow{
    width:23px!important;height:23px!important;
    border:1px solid rgba(231,187,97,.72)!important;
    border-radius:50%!important;
    font-size:13px!important;
    overflow:hidden!important;
  }

  #vip-secim .vip-luxe-badge{
    left:36px!important;
    top:-1px!important;
    z-index:9!important;
    padding:4px 10px!important;
    border-radius:0 0 7px 7px!important;
    font-size:5.5px!important;
  }
}

@media (max-width:390px){
  #vip-secim .vip-luxe-card{
    flex-basis:86vw!important;
    width:86vw!important;
    max-width:326px!important;
    height:296px!important;
    min-height:296px!important;
  }
  #vip-secim .vip-luxe-content{height:296px!important;min-height:296px!important}
  #vip-secim .vip-luxe-card h3{font-size:18px!important}
}

/* === V288 — mobile VIP Master badge: centered on top border, slightly left === */
@media (max-width:760px){
  /* Badge must sit half outside / half inside the card border. */
  #vip-secim .vip-luxe-featured{
    overflow:visible!important;
  }
  /* Preserve the rounded artwork even though the featured card allows badge overflow. */
  #vip-secim .vip-luxe-featured .vip-luxe-art,
  #vip-secim .vip-luxe-featured .vip-luxe-shade{
    border-radius:18px!important;
  }
  #vip-secim .vip-luxe-badge{
    top:0!important;
    left:30%!important;
    transform:translate(-50%,-50%)!important;
    padding:4px 10px!important;
    border-radius:8px!important;
    z-index:20!important;
    white-space:nowrap!important;
  }
  #vip-secim .vip-luxe-grid{
    padding-top:16px!important;
  }
}

/* === V289 — MOBILE VIP proportion refinement (approved form preserved) === */
@media (max-width:760px){
  /* Keep the approved card shape, badge and CTA language; rebalance scale. */
  #vip-secim .vip-luxe-card{
    flex:0 0 86vw!important;
    width:86vw!important;
    max-width:344px!important;
    height:318px!important;
    min-height:318px!important;
    border-radius:19px!important;
  }
  #vip-secim .vip-luxe-featured .vip-luxe-art,
  #vip-secim .vip-luxe-featured .vip-luxe-shade{
    border-radius:19px!important;
  }

  /* Give copy more breathing room and stop the artwork from overpowering it. */
  #vip-secim .vip-luxe-art{
    inset:0 0 0 50%!important;
    background-position:center center!important;
  }
  #vip-secim .vip-luxe-shade{
    background:
      linear-gradient(90deg,#061321 0%,#061321 42%,rgba(6,19,33,.97) 51%,rgba(6,19,33,.66) 64%,rgba(6,19,33,.15) 82%,rgba(6,19,33,.02) 100%),
      linear-gradient(180deg,rgba(3,10,18,.02) 54%,rgba(3,10,18,.58) 100%)!important;
  }
  #vip-secim .vip-luxe-featured .vip-luxe-shade{
    background:
      linear-gradient(90deg,#08121d 0%,#08121d 42%,rgba(8,18,29,.97) 51%,rgba(8,18,29,.64) 64%,rgba(8,18,29,.14) 82%,rgba(8,18,29,.02) 100%),
      linear-gradient(180deg,rgba(4,9,15,.02) 54%,rgba(4,9,15,.60) 100%)!important;
  }

  #vip-secim .vip-luxe-content{
    width:66%!important;
    height:318px!important;
    min-height:318px!important;
    padding:22px 0 16px 16px!important;
  }
  #vip-secim .vip-luxe-kicker.vip-luxe-symbol{
    font-size:16px!important;
    margin:0 0 11px!important;
  }
  #vip-secim .vip-luxe-featured .vip-luxe-kicker.vip-luxe-symbol{
    margin-top:7px!important;
  }
  #vip-secim .vip-luxe-card h3{
    max-width:205px!important;
    font-size:21px!important;
    line-height:1.05!important;
  }
  #vip-secim .vip-luxe-sub{
    max-width:198px!important;
    margin-top:6px!important;
    font-size:10.4px!important;
    line-height:1.2!important;
  }
  #vip-secim .vip-luxe-rule{
    width:46px!important;
    margin:10px 0 10px!important;
  }
  #vip-secim .vip-luxe-desc{
    max-width:190px!important;
    font-size:9.5px!important;
    line-height:1.48!important;
  }
  #vip-secim .vip-luxe-price{
    padding-top:10px!important;
    font-size:27px!important;
  }

  /* Slightly larger, still compact CTA so it feels intentional rather than tiny. */
  #vip-secim .vip-luxe-cta,
  #vip-secim .vip-luxe-cta-gold{
    min-height:39px!important;
    height:39px!important;
    margin-top:9px!important;
    grid-template-columns:22px auto 28px!important;
    gap:8px!important;
    padding:0 6px 0 8px!important;
    border-radius:12px!important;
    font-size:9.2px!important;
  }
  #vip-secim .vip-luxe-wa{width:21px!important;height:21px!important}
  #vip-secim .vip-luxe-wa svg{width:13px!important;height:13px!important}
  #vip-secim .vip-luxe-arrow{width:25px!important;height:25px!important;font-size:14px!important}

  /* Keep the badge in the exact approved position: half in / half out, slightly left. */
  #vip-secim .vip-luxe-badge{
    top:0!important;
    left:30%!important;
    transform:translate(-50%,-50%)!important;
  }
}

@media (max-width:390px){
  #vip-secim .vip-luxe-card{
    flex-basis:88vw!important;
    width:88vw!important;
    max-width:334px!important;
    height:308px!important;
    min-height:308px!important;
  }
  #vip-secim .vip-luxe-content{height:308px!important;min-height:308px!important}
  #vip-secim .vip-luxe-card h3{font-size:20px!important}
  #vip-secim .vip-luxe-desc{font-size:9.2px!important}
}

/* === V290 — approved VIP proportions: richer, wider, cleaner mobile card === */
@media (max-width:760px){
  #vip-secim .vip-luxe-grid{padding-top:18px!important;gap:14px!important}
  #vip-secim .vip-luxe-card{
    flex:0 0 88vw!important;width:88vw!important;max-width:356px!important;
    height:296px!important;min-height:296px!important;border-radius:20px!important;
  }
  #vip-secim .vip-luxe-featured .vip-luxe-art,
  #vip-secim .vip-luxe-featured .vip-luxe-shade{border-radius:20px!important}
  #vip-secim .vip-luxe-art{inset:0 0 0 48%!important;background-position:center!important}
  #vip-secim .vip-luxe-shade{
    background:linear-gradient(90deg,#061321 0%,#061321 40%,rgba(6,19,33,.98) 49%,rgba(6,19,33,.70) 62%,rgba(6,19,33,.18) 80%,rgba(6,19,33,.02) 100%),linear-gradient(180deg,rgba(3,10,18,.02) 54%,rgba(3,10,18,.54) 100%)!important;
  }
  #vip-secim .vip-luxe-featured .vip-luxe-shade{
    background:linear-gradient(90deg,#07131f 0%,#07131f 40%,rgba(7,19,31,.98) 49%,rgba(7,19,31,.68) 62%,rgba(7,19,31,.16) 80%,rgba(7,19,31,.02) 100%),linear-gradient(180deg,rgba(4,9,15,.01) 54%,rgba(4,9,15,.55) 100%)!important;
  }
  #vip-secim .vip-luxe-content{
    width:67%!important;height:296px!important;min-height:296px!important;
    padding:22px 0 14px 17px!important;
  }
  #vip-secim .vip-luxe-kicker.vip-luxe-symbol{font-size:16px!important;margin-bottom:9px!important}
  #vip-secim .vip-luxe-featured .vip-luxe-kicker.vip-luxe-symbol{margin-top:6px!important}
  #vip-secim .vip-luxe-card h3{font-size:21px!important;line-height:1.02!important;max-width:205px!important}
  #vip-secim .vip-luxe-sub{font-size:10px!important;line-height:1.18!important;max-width:200px!important;margin-top:5px!important}
  #vip-secim .vip-luxe-rule{width:48px!important;margin:9px 0 9px!important}
  #vip-secim .vip-luxe-desc{font-size:9px!important;line-height:1.42!important;max-width:184px!important}
  #vip-secim .vip-luxe-price{font-size:26px!important;padding-top:8px!important}
  #vip-secim .vip-luxe-cta,#vip-secim .vip-luxe-cta-gold{
    min-height:38px!important;height:38px!important;margin-top:9px!important;
    grid-template-columns:21px auto 27px!important;gap:8px!important;padding:0 6px 0 8px!important;
    border-radius:12px!important;font-size:9px!important;
  }
  #vip-secim .vip-luxe-cta-gold{min-width:174px!important;background:linear-gradient(100deg,#efd58e 0%,#d7b86d 55%,#8b6937 100%)!important}
  #vip-secim .vip-luxe-wa{width:21px!important;height:21px!important}
  #vip-secim .vip-luxe-wa svg{width:13px!important;height:13px!important}
  #vip-secim .vip-luxe-arrow{width:25px!important;height:25px!important;font-size:14px!important}
  #vip-secim .vip-luxe-badge{
    top:0!important;left:30%!important;transform:translate(-50%,-50%)!important;
    padding:5px 12px!important;border-radius:9px!important;font-size:6px!important;letter-spacing:.10em!important;
  }
}
@media (max-width:390px){
  #vip-secim .vip-luxe-card{width:89vw!important;flex-basis:89vw!important;max-width:342px!important;height:288px!important;min-height:288px!important}
  #vip-secim .vip-luxe-content{height:288px!important;min-height:288px!important;padding-top:20px!important}
  #vip-secim .vip-luxe-card h3{font-size:20px!important}
  #vip-secim .vip-luxe-price{font-size:25px!important}
}

/* ============================================================
   V291 — MOBILE FOOTER REFINEMENT
   Compact premium 2-column footer; desktop untouched.
   ============================================================ */
@media (max-width: 767px) {
  .site-footer {
    padding: 42px 14px 92px !important;
    border-top: 1px solid rgba(233, 199, 125, .18) !important;
  }

  .site-footer > .container {
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    padding: 22px 18px 0 !important;
    border: 1px solid rgba(143, 196, 226, .16) !important;
    border-radius: 24px !important;
    background:
      linear-gradient(180deg, rgba(4, 12, 27, .78), rgba(2, 7, 18, .68)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
    backdrop-filter: blur(9px) !important;
    -webkit-backdrop-filter: blur(9px) !important;
    overflow: hidden !important;
  }

  .site-footer .footer-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 28px 18px !important;
    padding-bottom: 26px !important;
    align-items: start !important;
  }

  .site-footer .footer-brand {
    grid-column: 1 / -1 !important;
    padding-bottom: 22px !important;
    border-bottom: 1px solid rgba(143, 196, 226, .12) !important;
  }

  .site-footer .footer-brand .brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 12px !important;
  }

  .site-footer .footer-brand .brand img {
    width: 40px !important;
    height: 40px !important;
    object-fit: contain !important;
  }

  .site-footer .footer-brand .brand-text .name {
    font-size: 18px !important;
    line-height: 1.05 !important;
  }

  .site-footer .footer-brand .brand-text .tag {
    margin-top: 3px !important;
    font-size: 9px !important;
    letter-spacing: .12em !important;
  }

  .site-footer .footer-brand p {
    max-width: 430px !important;
    margin: 0 !important;
    font-size: 12.5px !important;
    line-height: 1.65 !important;
    color: rgba(225, 234, 245, .72) !important;
  }

  .site-footer .footer-social {
    gap: 8px !important;
    margin-top: 16px !important;
  }

  .site-footer .footer-social .icon-btn {
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(233, 199, 125, .25) !important;
    background: rgba(4, 12, 27, .52) !important;
    color: #edf5ff !important;
  }

  .site-footer .footer-social .icon-btn svg {
    width: 17px !important;
    height: 17px !important;
  }

  .site-footer .footer-col {
    min-width: 0 !important;
  }

  .site-footer .footer-col h4 {
    position: relative !important;
    margin: 0 0 13px !important;
    padding-bottom: 9px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    letter-spacing: .13em !important;
    color: #d9b96d !important;
  }

  .site-footer .footer-col h4::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 26px !important;
    height: 1px !important;
    background: linear-gradient(90deg, rgba(226,190,107,.9), rgba(226,190,107,0)) !important;
  }

  .site-footer .footer-col ul {
    margin: 0 !important;
    padding: 0 !important;
  }

  .site-footer .footer-col ul li {
    margin: 0 !important;
  }

  .site-footer .footer-col ul li + li {
    margin-top: 1px !important;
  }

  .site-footer .footer-col ul li a {
    display: block !important;
    width: 100% !important;
    padding: 6px 0 !important;
    font-size: 12px !important;
    line-height: 1.28 !important;
    color: rgba(228, 237, 248, .82) !important;
    white-space: normal !important;
  }

  .site-footer .footer-col ul li a:active {
    color: #f2d994 !important;
  }

  .site-footer .footer-bottom {
    margin: 0 -18px !important;
    padding: 17px 18px 20px !important;
    border-top: 1px solid rgba(143, 196, 226, .12) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    text-align: center !important;
    font-size: 9px !important;
    line-height: 1.55 !important;
    letter-spacing: .02em !important;
    color: rgba(199, 214, 230, .56) !important;
    background: rgba(1, 5, 14, .28) !important;
  }
}

@media (max-width: 360px) {
  .site-footer > .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .site-footer .footer-grid {
    gap: 24px 14px !important;
  }
  .site-footer .footer-col ul li a {
    font-size: 11.5px !important;
  }
}

/* =========================================================
   V292 — PREMIUM NAV DRAWER (DESKTOP + MOBILE)
   ========================================================= */
.main-nav{
  position:fixed !important; top:0 !important; right:0 !important;
  width:min(430px,92vw) !important; height:100dvh !important;
  padding:26px 24px 30px !important; display:flex !important; flex-direction:column !important;
  align-items:stretch !important; gap:0 !important; overflow-y:auto !important; overscroll-behavior:contain;
  color:#f5f0e8;
  background:radial-gradient(circle at 74% 17%,rgba(86,164,221,.10),transparent 26%),radial-gradient(circle at 15% 73%,rgba(220,176,92,.06),transparent 29%),linear-gradient(180deg,rgba(8,20,36,.985),rgba(3,11,22,.995)) !important;
  border-left:1px solid rgba(222,181,98,.72) !important; box-shadow:-28px 0 65px rgba(0,0,0,.55) !important;
  transform:translateX(105%) !important; transition:transform .42s cubic-bezier(.2,.75,.22,1) !important; z-index:1100 !important;
}
.main-nav.open{transform:translateX(0) !important;}
.nav-backdrop{position:fixed;inset:0;z-index:1090;background:rgba(0,5,13,.66);backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease;}
body.nav-open{overflow:hidden;}
body.nav-open .nav-backdrop{opacity:1;visibility:visible;pointer-events:auto;}
.nav-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 2px 20px;}
.nav-panel-brand{display:flex;align-items:center;gap:12px;min-width:0;}
.nav-panel-brand img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 11px rgba(57,185,255,.32));}
.nav-panel-brand>div{display:flex;flex-direction:column;line-height:1.05;}
.nav-panel-brand strong{font-family:var(--f-display);font-size:23px;font-weight:600;color:#f5f2ed;white-space:nowrap;}
.nav-panel-brand span{margin-top:6px;font:600 10px/1 var(--f-mono);letter-spacing:.12em;color:#a7abb3;}
.nav-panel-close{width:46px;height:46px;display:grid;place-items:center;flex:0 0 46px;border-radius:50%;border:1px solid rgba(222,181,98,.72);background:rgba(4,13,25,.4);color:#e1b861;font:300 34px/1 Arial;cursor:pointer;transition:.25s ease;}
.nav-panel-close:hover{background:rgba(222,181,98,.09);transform:rotate(4deg);}
.nav-panel-deco{display:flex;align-items:center;gap:12px;color:#dfb75f;font-size:17px;margin:0 0 8px;}
.nav-panel-deco::before,.nav-panel-deco::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(222,181,98,.8));}
.nav-panel-deco::after{background:linear-gradient(90deg,rgba(222,181,98,.8),transparent);}
.nav-panel-kicker{text-align:center;font:500 10px/1.3 var(--f-mono);letter-spacing:.30em;color:#b2a792;margin:7px 0 24px;}
.nav-panel-list{display:grid;gap:10px;}
.main-nav .nav-panel-list>a{position:relative;display:grid !important;grid-template-columns:54px 1fr 22px;align-items:center;gap:12px;min-height:74px;padding:10px 14px !important;border:1px solid rgba(222,181,98,.30);border-radius:16px;background:linear-gradient(100deg,rgba(9,22,37,.82),rgba(6,17,31,.58));color:#fff !important;text-decoration:none;transition:transform .22s ease,border-color .22s ease,background .22s ease;}
.main-nav .nav-panel-list>a::after{display:none !important;}
.main-nav .nav-panel-list>a:hover,.main-nav .nav-panel-list>a.active{transform:translateX(-3px);border-color:rgba(222,181,98,.75);background:linear-gradient(100deg,rgba(16,34,52,.95),rgba(11,24,38,.72));}
.nav-item-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(222,181,98,.86);color:#e2bb68;background:rgba(2,11,21,.54);}
.nav-item-icon svg{width:21px;height:21px;}
.nav-item-copy{display:flex;flex-direction:column;gap:4px;min-width:0;}
.nav-item-copy strong{font:650 16px/1.05 var(--f-mono);color:#f6f3ef;}
.nav-item-copy small{font:400 12px/1.25 var(--f-mono);color:#aeb4be;}
.nav-item-arrow{font:300 31px/1 Arial;color:#e2bb68;text-align:right;transform:translateY(-1px);}
.nav-social-title{display:flex;align-items:center;gap:10px;margin:24px 0 14px;font:600 9.5px/1 var(--f-mono);letter-spacing:.28em;color:#b5aa95;text-align:center;}
.nav-social-title::before,.nav-social-title::after{content:"";height:1px;flex:1;background:rgba(222,181,98,.35);}
.nav-socials{display:flex;justify-content:center;gap:12px;}
.main-nav .nav-socials>a{width:44px;height:44px;padding:0 !important;display:grid !important;place-items:center;border-radius:50%;border:1px solid rgba(222,181,98,.75);background:rgba(4,13,24,.6);color:#f2eee7 !important;}
.main-nav .nav-socials>a::after{display:none !important;}
.nav-socials svg{width:19px;height:19px;}
.nav-panel-quote{position:relative;z-index:2;margin:18px 0 4px;text-align:center;font:italic 16px/1.35 var(--f-display);color:#d5c9b7;}
.nav-panel-cat{position:relative;min-height:72px;margin-top:auto;opacity:.6;background:radial-gradient(circle at 82% 60%,rgba(113,180,227,.12),transparent 29%);}
.nav-panel-cat::after{content:"";position:absolute;right:-14px;bottom:-20px;width:150px;height:120px;background:url('../images/kristalkedi-cat-exact-v191.png') right bottom/contain no-repeat;opacity:.35;filter:drop-shadow(0 0 14px rgba(82,175,232,.18));}
.nav-toggle{display:inline-flex !important;align-items:center;justify-content:center;position:relative;z-index:1110;border-color:rgba(222,181,98,.28);color:#dfba6a;background:rgba(6,16,29,.4);}
.nav-toggle:hover{border-color:rgba(222,181,98,.78);background:rgba(222,181,98,.06);}
@media (max-width:980px){
  .main-nav{width:min(390px,92vw) !important;padding:20px 18px 24px !important;}
  .nav-panel-brand img{width:42px;height:42px}.nav-panel-brand strong{font-size:20px}.nav-panel-close{width:42px;height:42px;flex-basis:42px;font-size:31px}
  .nav-panel-kicker{margin-bottom:18px;font-size:9px;letter-spacing:.23em}.nav-panel-list{gap:9px}
  .main-nav .nav-panel-list>a{grid-template-columns:48px 1fr 18px;min-height:68px;padding:9px 12px !important;border-radius:15px}
  .nav-item-icon{width:40px;height:40px}.nav-item-copy strong{font-size:15px}.nav-item-copy small{font-size:11px}.nav-item-arrow{font-size:27px}
  .nav-social-title{margin-top:20px}.nav-panel-quote{font-size:15px}
}
@media (max-width:430px){
  .main-nav{width:92vw !important;max-width:none !important;padding:17px 14px calc(18px + env(safe-area-inset-bottom)) !important;}
  .nav-panel-head{padding-bottom:14px}.nav-panel-brand img{width:38px;height:38px}.nav-panel-brand strong{font-size:18px}.nav-panel-brand span{font-size:8.5px}
  .nav-panel-deco{margin-bottom:4px}.nav-panel-kicker{margin:5px 0 15px;font-size:8px;letter-spacing:.20em}.nav-panel-list{gap:7px}
  .main-nav .nav-panel-list>a{min-height:61px;grid-template-columns:42px 1fr 16px;gap:10px;border-radius:13px}
  .nav-item-icon{width:36px;height:36px}.nav-item-icon svg{width:18px;height:18px}.nav-item-copy strong{font-size:14px}.nav-item-copy small{font-size:10.3px}.nav-item-arrow{font-size:24px}
  .nav-social-title{margin:16px 0 11px}.main-nav .nav-socials>a{width:40px;height:40px}.nav-panel-quote{font-size:14px;margin-top:14px}.nav-panel-cat{min-height:50px}
}

/* =========================================================
   V293 — NAV TOGGLE / CLOSE COLLISION FIX
   Açık menüde header hamburgerını gizle; panelin kendi X butonu tek kontrol olsun.
   ========================================================= */
.nav-toggle{
  transition:opacity .2s ease, visibility .2s ease, transform .2s ease, border-color .2s ease, background .2s ease !important;
}
body.nav-open .nav-toggle{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:scale(.82) !important;
}

/* V294 — premium hero WhatsApp CTA */
.hero-ctas .hero-wa-premium{
  grid-column:1 / -1;
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:16px;
  width:100%;
  min-height:76px;
  padding:9px 10px 9px 12px;
  border:1px solid rgba(237,203,120,.92);
  border-radius:26px;
  background:
    radial-gradient(circle at 20% 0%,rgba(255,255,255,.12),transparent 32%),
    linear-gradient(115deg,#0b9348 0%,#08783d 55%,#075d34 100%);
  color:#fff;
  text-decoration:none;
  overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 12px 28px rgba(0,0,0,.25),0 0 0 1px rgba(255,206,98,.1);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.hero-ctas .hero-wa-premium::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(105deg,transparent 0 35%,rgba(255,255,255,.10) 48%,transparent 61%);
  transform:translateX(-70%);
  transition:transform .55s ease;
  pointer-events:none;
}
.hero-ctas .hero-wa-premium:hover{
  transform:translateY(-2px);
  border-color:#f3d88f;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 16px 34px rgba(0,0,0,.3),0 0 20px rgba(229,190,95,.16);
}
.hero-ctas .hero-wa-premium:hover::before{transform:translateX(80%)}
.hero-wa-icon{
  position:relative;
  z-index:1;
  width:54px;
  height:54px;
  flex:0 0 54px;
  border:2px solid rgba(255,255,255,.82);
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(0,0,0,.08);
  box-shadow:0 0 0 4px rgba(255,255,255,.05);
}
.hero-wa-icon svg{width:29px;height:29px;display:block}
.hero-wa-copy{
  position:relative;
  z-index:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  line-height:1.15;
}
.hero-wa-copy strong{font-size:16px;font-weight:700;letter-spacing:.01em}
.hero-wa-copy small{margin-top:5px;font-size:11px;font-weight:500;color:rgba(255,255,255,.76);letter-spacing:.01em}
.hero-wa-arrow{
  position:relative;
  z-index:1;
  width:52px;
  height:52px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:25px;
  line-height:1;
  color:#f0cb72;
  background:#07131d;
  border:1px solid rgba(240,203,114,.9);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
  transition:transform .22s ease,background .22s ease;
}
.hero-wa-premium:hover .hero-wa-arrow{transform:translateX(2px);background:#091a26}
@media (max-width:640px){
  .hero-ctas .hero-wa-premium{
    min-height:64px;
    border-radius:20px;
    gap:11px;
    padding:7px 8px 7px 10px;
  }
  .hero-wa-icon{width:44px;height:44px;flex-basis:44px;border-width:1.5px}
  .hero-wa-icon svg{width:24px;height:24px}
  .hero-wa-copy strong{font-size:13px}
  .hero-wa-copy small{font-size:9.5px;margin-top:3px}
  .hero-wa-arrow{width:43px;height:43px;font-size:21px}
}

/* V295 — sade hero WhatsApp CTA: renk alaninda hafif vinyet + ince cerceve */
.hero-ctas .hero-wa-premium{
  min-height:68px;
  padding:10px 18px;
  gap:14px;
  border:1px solid rgba(90,225,145,.88);
  border-radius:20px;
  background:
    radial-gradient(ellipse at center, rgba(25,154,79,.98) 0%, rgba(13,125,61,.98) 58%, rgba(5,82,45,.99) 100%);
  box-shadow:
    inset 0 0 22px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.08);
  transform:none;
}
.hero-ctas .hero-wa-premium::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(90deg,rgba(0,0,0,.12),transparent 18%,transparent 82%,rgba(0,0,0,.14));
  transform:none;
  transition:none;
  pointer-events:none;
}
.hero-ctas .hero-wa-premium:hover{
  transform:none;
  border-color:rgba(108,235,158,.95);
  box-shadow:inset 0 0 24px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.1);
}
.hero-ctas .hero-wa-premium:hover::before{transform:none}
.hero-wa-icon{
  width:38px;
  height:38px;
  flex:0 0 38px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.hero-wa-icon::after{
  content:"";
  position:absolute;
  right:-8px;
  top:4px;
  bottom:4px;
  width:1px;
  background:rgba(255,255,255,.25);
}
.hero-wa-icon svg{width:27px;height:27px}
.hero-wa-copy strong{font-size:15px;font-weight:700}
.hero-wa-copy small{font-size:10.5px;margin-top:3px;color:rgba(255,255,255,.7)}
.hero-wa-arrow{
  width:auto;
  height:auto;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:rgba(255,255,255,.92);
  font-size:25px;
}
.hero-wa-premium:hover .hero-wa-arrow{transform:translateX(2px);background:transparent}
@media (max-width:640px){
  .hero-ctas .hero-wa-premium{
    min-height:58px;
    padding:8px 14px;
    gap:12px;
    border-radius:16px;
  }
  .hero-wa-icon{width:32px;height:32px;flex-basis:32px}
  .hero-wa-icon svg{width:23px;height:23px}
  .hero-wa-icon::after{right:-7px;top:3px;bottom:3px}
  .hero-wa-copy strong{font-size:12.5px}
  .hero-wa-copy small{font-size:9px;margin-top:2px}
  .hero-wa-arrow{width:auto;height:auto;font-size:20px}
}

/* V296 — desktop hero WhatsApp CTA eski kompakt oran; mobil V295 aynen korunur */
@media (min-width: 761px){
  .hero-ctas .hero-wa-premium{
    width:auto;
    min-height:48px;
    padding:7px 14px;
    gap:10px;
    border-radius:14px;
    flex:0 0 auto;
  }
  .hero-wa-icon{width:28px;height:28px;flex-basis:28px}
  .hero-wa-icon svg{width:20px;height:20px}
  .hero-wa-icon::after{right:-6px;top:3px;bottom:3px}
  .hero-wa-copy strong{font-size:13px}
  .hero-wa-copy small{font-size:9px;margin-top:1px}
  .hero-wa-arrow{font-size:19px}
}

/* === V297 — NASIL ÇALIŞIR PAGE / HOMEPAGE PREMIUM DİLİ === */
.how-page-v297{position:relative;background:#020914;color:#fff;overflow:hidden}
.how-page-v297:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 82% 10%,rgba(73,129,190,.14),transparent 34%),radial-gradient(circle at 12% 38%,rgba(34,169,209,.07),transparent 30%)}
.how-page-v297>section{position:relative;z-index:1}
.how-hero-v297{padding:86px 0 76px;background:linear-gradient(90deg,rgba(2,9,20,.96) 0%,rgba(2,9,20,.82) 47%,rgba(2,9,20,.56) 100%),url('../images/mobile-space-cinematic.jpg') center/cover no-repeat;border-bottom:1px solid rgba(104,211,238,.13)}
.how-hero-inner-v297{max-width:1120px}
.how-breadcrumb-v297{margin-bottom:34px;color:rgba(220,231,241,.6);font-size:13px}.how-breadcrumb-v297 a{color:rgba(220,231,241,.78)}
.how-kicker-v297{display:inline-flex;align-items:center;gap:10px;color:#76dff7;font-size:12px;font-weight:800;letter-spacing:.17em;margin-bottom:16px}.how-kicker-v297 span{color:#dfb766}
.how-hero-v297 h1{font-family:var(--f-display);font-size:clamp(54px,6.2vw,94px);line-height:.92;letter-spacing:-.045em;max-width:780px;margin:0}.how-hero-v297 h1 em{color:#77dff5;font-weight:500}
.how-hero-v297 p{max-width:680px;color:rgba(236,242,249,.76);font-size:17px;line-height:1.75;margin:28px 0 0}
.how-hero-actions-v297{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.how-btn-v297{min-width:220px;height:56px;border-radius:14px;display:inline-flex;align-items:center;justify-content:space-between;padding:0 20px;font-weight:800;font-size:14px;transition:.25s ease}.how-btn-v297 b{font-size:21px;font-weight:400}.how-btn-primary-v297{border:1px solid rgba(83,213,242,.7);background:linear-gradient(100deg,rgba(6,38,60,.82),rgba(3,16,29,.82));color:#eafaff}.how-btn-secondary-v297{border:1px solid rgba(222,179,99,.66);background:rgba(19,16,10,.45);color:#e5bf70}.how-btn-v297:hover{transform:translateY(-2px);filter:brightness(1.1)}
.how-trust-v297{display:flex;align-items:center;gap:14px;margin-top:24px;color:rgba(213,224,234,.68);font-size:11px;letter-spacing:.04em;flex-wrap:wrap}.how-trust-v297 i{width:1px;height:14px;background:rgba(222,179,99,.3)}
.how-flow-v297{padding:82px 0 92px;background:linear-gradient(180deg,#020914 0%,#03101b 48%,#020914 100%)}
.how-section-head-v297{text-align:center;max-width:760px;margin:0 auto 34px}.how-mini-v297{display:inline-block;color:#77dff5;font-size:11px;font-weight:800;letter-spacing:.18em;margin-bottom:12px}.how-section-head-v297 h2{font-family:var(--f-display);font-size:clamp(40px,4vw,62px);line-height:1;letter-spacing:-.035em;margin:0}.how-section-head-v297 h2 em{color:#78dff4}.how-section-head-v297 p{color:rgba(226,236,245,.64);font-size:15px;line-height:1.65;margin:16px auto 0}
.how-steps-v297{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1180px;margin:0 auto}.how-step-v297{position:relative;min-height:430px;border:1px solid rgba(219,176,105,.5);border-radius:24px;overflow:hidden;background:#03101b;box-shadow:0 18px 38px rgba(0,0,0,.22)}.how-step-image-v297{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(1.05) brightness(.8);transform:scale(1.01)}.how-step-1-v297 .how-step-image-v297{background-image:url('../images/steps-v248/step1.webp')}.how-step-2-v297 .how-step-image-v297{background-image:url('../images/steps-v248/step2.webp')}.how-step-3-v297 .how-step-image-v297{background-image:url('../images/steps-v248/step3.webp')}.how-step-v297:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,10,18,.08) 0%,rgba(2,10,18,.42) 39%,rgba(2,10,18,.97) 78%,#020a12 100%)}.how-step-copy-v297{position:absolute;left:26px;right:26px;bottom:26px;z-index:2}.how-num-v297{display:inline-flex;width:48px;height:48px;border:1px solid rgba(221,176,94,.8);border-radius:50%;align-items:center;justify-content:center;color:#e6bc6b;font-family:var(--f-mono);font-size:15px;background:rgba(2,12,20,.65);backdrop-filter:blur(8px);margin-bottom:16px}.how-step-v297 h3{font-size:23px;line-height:1.12;margin:0;color:#fff}.how-step-v297 p{font-size:13.5px;line-height:1.58;color:rgba(236,242,248,.78);margin:10px 0 0}
.how-info-v297{max-width:940px;margin:18px auto 0;padding:18px 20px;border:1px solid rgba(88,206,235,.25);border-radius:18px;background:rgba(6,20,33,.66);display:flex;gap:14px;align-items:flex-start;backdrop-filter:blur(8px)}.how-info-icon-v297{flex:0 0 34px;height:34px;border:1px solid rgba(102,218,244,.5);border-radius:50%;display:grid;place-items:center;color:#78dff4;font-family:serif;font-style:italic}.how-info-v297 strong{display:block;color:#f3f7fb;font-size:14px;margin-bottom:4px}.how-info-v297 p{margin:0;color:rgba(227,236,244,.7);font-size:13px;line-height:1.55}
.how-final-v297{max-width:1040px;margin:48px auto 0;padding:32px;border:1px solid rgba(218,175,97,.42);border-radius:24px;background:linear-gradient(105deg,rgba(6,20,32,.93),rgba(7,16,25,.76));display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 24px 50px rgba(0,0,0,.22)}.how-final-copy-v297>span{color:#dcb56a;font-size:10px;font-weight:800;letter-spacing:.2em}.how-final-copy-v297 h2{font-family:var(--f-display);font-size:42px;line-height:1;margin:8px 0 10px}.how-final-copy-v297 h2 em{color:#78dff4}.how-final-copy-v297 p{margin:0;color:rgba(230,239,246,.65);font-size:13px}.how-wa-v297{width:min(430px,100%);min-height:72px;border:1px solid rgba(98,236,147,.7);border-radius:18px;padding:10px 14px;display:grid;grid-template-columns:48px 1fr 38px;gap:12px;align-items:center;background:linear-gradient(90deg,#0f8b43 0%,#0f9d4d 52%,#0b6f38 100%);box-shadow:inset 0 0 22px rgba(0,0,0,.18);color:#fff}.how-wa-icon-v297{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);font-size:18px}.how-wa-v297 strong{display:block;font-size:15px}.how-wa-v297 small{display:block;font-size:11px;color:rgba(255,255,255,.74);margin-top:2px}.how-wa-v297 b{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.42);font-size:18px;font-weight:400}

@media(max-width:900px){.how-steps-v297{grid-template-columns:1fr}.how-step-v297{min-height:330px}.how-final-v297{flex-direction:column;align-items:stretch}.how-final-copy-v297{text-align:center}.how-wa-v297{margin:0 auto}}
@media(max-width:760px){.how-hero-v297{padding:56px 0 48px;background:linear-gradient(180deg,rgba(2,9,20,.82),rgba(2,9,20,.92)),url('../images/mobile-space-cinematic.jpg') center/cover no-repeat}.how-breadcrumb-v297{margin-bottom:24px;font-size:11px}.how-kicker-v297{font-size:10px}.how-hero-v297 h1{font-size:46px;line-height:.94}.how-hero-v297 p{font-size:13.6px;line-height:1.65;margin-top:20px}.how-hero-actions-v297{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:24px}.how-btn-v297{min-width:0;height:50px;border-radius:13px;padding:0 14px;font-size:11px}.how-trust-v297{gap:8px;font-size:9px}.how-flow-v297{padding:48px 0 62px}.how-section-head-v297{text-align:left;margin-bottom:22px}.how-section-head-v297 h2{font-size:39px;max-width:300px}.how-section-head-v297 p{font-size:12.7px;margin-top:11px}.how-steps-v297{gap:12px}.how-step-v297{min-height:220px;border-radius:20px}.how-step-image-v297{width:49%;left:auto}.how-step-v297:after{background:linear-gradient(90deg,#020b14 0%,rgba(2,11,20,.98) 45%,rgba(2,11,20,.78) 60%,rgba(2,11,20,.08) 100%)}.how-step-copy-v297{left:20px;right:43%;bottom:20px}.how-num-v297{width:38px;height:38px;font-size:12px;margin-bottom:13px}.how-step-v297 h3{font-size:18px}.how-step-v297 p{font-size:11.7px;line-height:1.48;margin-top:7px}.how-info-v297{padding:14px;border-radius:15px}.how-info-icon-v297{flex-basis:30px;height:30px}.how-info-v297 strong{font-size:12.5px}.how-info-v297 p{font-size:11.4px}.how-final-v297{margin-top:30px;padding:22px 16px;border-radius:20px;gap:20px}.how-final-copy-v297 h2{font-size:34px}.how-final-copy-v297 p{font-size:11.8px}.how-wa-v297{min-height:62px;border-radius:16px;grid-template-columns:40px 1fr 34px;padding:8px 10px}.how-wa-icon-v297{width:38px;height:38px}.how-wa-v297 strong{font-size:13px}.how-wa-v297 small{font-size:10px}.how-wa-v297 b{width:32px;height:32px}}

/* === V298 — VIP cards: Detaylı Bilgi + Randevu action pair === */
#vip-secim .vip-luxe-actions{
  display:flex;align-items:center;gap:8px;width:100%;margin-top:13px;
}
#vip-secim .vip-luxe-actions .vip-luxe-cta{margin-top:0!important;width:auto!important;flex:1 1 auto;min-width:0!important}
#vip-secim .vip-luxe-detail{
  display:flex;align-items:center;justify-content:center;gap:7px;
  min-height:44px;padding:0 12px;border:1px solid rgba(104,204,239,.44);border-radius:13px;
  background:linear-gradient(180deg,rgba(4,23,37,.78),rgba(3,14,25,.88));
  color:#d7eff8!important;text-decoration:none!important;font-size:10.5px;font-weight:700;white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
#vip-secim .vip-luxe-detail-icon{
  width:20px;height:20px;border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(112,211,244,.46);color:#7bdcf7;font-family:Georgia,serif;font-size:11px;font-style:italic;
}
#vip-secim .vip-luxe-detail:hover{border-color:rgba(120,219,251,.75);background:linear-gradient(180deg,rgba(6,32,50,.90),rgba(4,19,31,.96))}
#vip-secim .vip-luxe-detail-gold{border-color:rgba(236,196,111,.64);color:#f2d79a!important;background:linear-gradient(180deg,rgba(43,31,14,.54),rgba(17,16,15,.82))}
#vip-secim .vip-luxe-detail-gold .vip-luxe-detail-icon{border-color:rgba(236,196,111,.58);color:#e7c478}
@media (max-width:760px){
  #vip-secim .vip-luxe-actions{gap:6px!important;margin-top:8px!important}
  #vip-secim .vip-luxe-detail{min-height:38px!important;height:38px!important;padding:0 8px!important;border-radius:12px!important;font-size:8px!important;gap:5px!important}
  #vip-secim .vip-luxe-detail-icon{width:18px!important;height:18px!important;font-size:9px!important}
  #vip-secim .vip-luxe-actions .vip-luxe-cta,#vip-secim .vip-luxe-actions .vip-luxe-cta-gold{margin-top:0!important;min-width:0!important}
}


/* ============================================================
   V299 — DESKTOP VIP = MOBILE APPROVED VISUAL LANGUAGE
   - clean mobile artwork also on desktop (no embedded ghost text)
   - same balanced proportions as mobile
   - Detayları Gör + Randevu Al on both desktop/mobile
   ============================================================ */

/* Use the clean artwork everywhere so desktop cannot show baked-in text. */
#vip-secim .vip-luxe-art-kader{background-image:url('../images/vip-luxe-v285/kader-mobile-clean.jpg')!important}
#vip-secim .vip-luxe-art-bakim{background-image:url('../images/vip-luxe-v285/bakim-mobile-clean.jpg')!important}
#vip-secim .vip-luxe-art-karma{background-image:url('../images/vip-luxe-v285/karma-mobile-clean.jpg')!important}

#vip-secim .vip-luxe-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  margin-top:9px!important;
}
#vip-secim .vip-luxe-detail{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 10px!important;
  border:1px solid rgba(88,202,235,.45)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(5,27,43,.80),rgba(4,17,29,.92))!important;
  color:#e9f6fb!important;
  text-decoration:none!important;
  font-size:9px!important;
  font-weight:750!important;
  line-height:1!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
}
#vip-secim .vip-luxe-detail-icon{
  width:18px!important;height:18px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  border:1px solid rgba(107,215,245,.50)!important;
  color:#79dcf4!important;font-size:9px!important;font-weight:800!important;
}
#vip-secim .vip-luxe-detail-gold{
  border-color:rgba(236,196,111,.58)!important;
  color:#f1d48d!important;
  background:linear-gradient(180deg,rgba(44,32,15,.50),rgba(17,16,15,.82))!important;
}
#vip-secim .vip-luxe-detail-gold .vip-luxe-detail-icon{
  border-color:rgba(236,196,111,.55)!important;color:#e8c878!important;
}
#vip-secim .vip-luxe-actions .vip-luxe-cta{
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin-top:0!important;
}

@media (min-width:761px){
  #vip-secim .vip-luxe-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    align-items:stretch!important;
  }
  #vip-secim .vip-luxe-card{
    height:330px!important;
    min-height:330px!important;
    border-radius:20px!important;
    overflow:hidden!important;
  }
  #vip-secim .vip-luxe-featured{overflow:visible!important}
  #vip-secim .vip-luxe-featured .vip-luxe-art,
  #vip-secim .vip-luxe-featured .vip-luxe-shade{border-radius:20px!important}

  /* Copy mobile composition: copy left, clean visual right. */
  #vip-secim .vip-luxe-art{
    inset:0 0 0 48%!important;
    background-position:center center!important;
    background-size:cover!important;
  }
  #vip-secim .vip-luxe-shade{
    background:linear-gradient(90deg,#061321 0%,#061321 40%,rgba(6,19,33,.98) 49%,rgba(6,19,33,.70) 62%,rgba(6,19,33,.18) 80%,rgba(6,19,33,.02) 100%),linear-gradient(180deg,rgba(3,10,18,.02) 54%,rgba(3,10,18,.54) 100%)!important;
  }
  #vip-secim .vip-luxe-featured .vip-luxe-shade{
    background:linear-gradient(90deg,#07131f 0%,#07131f 40%,rgba(7,19,31,.98) 49%,rgba(7,19,31,.68) 62%,rgba(7,19,31,.16) 80%,rgba(7,19,31,.02) 100%),linear-gradient(180deg,rgba(4,9,15,.01) 54%,rgba(4,9,15,.55) 100%)!important;
  }
  #vip-secim .vip-luxe-content{
    width:68%!important;
    height:330px!important;
    min-height:330px!important;
    padding:22px 0 15px 22px!important;
  }
  #vip-secim .vip-luxe-kicker.vip-luxe-symbol{font-size:17px!important;margin:0 0 10px!important}
  #vip-secim .vip-luxe-featured .vip-luxe-kicker.vip-luxe-symbol{margin-top:7px!important}
  #vip-secim .vip-luxe-card h3{font-size:23px!important;line-height:1.02!important;max-width:225px!important}
  #vip-secim .vip-luxe-sub{font-size:10.5px!important;line-height:1.18!important;max-width:215px!important;margin-top:6px!important}
  #vip-secim .vip-luxe-rule{width:48px!important;margin:10px 0 10px!important}
  #vip-secim .vip-luxe-desc{font-size:9.8px!important;line-height:1.46!important;max-width:205px!important}
  #vip-secim .vip-luxe-price{font-size:28px!important;padding-top:9px!important}

  #vip-secim .vip-luxe-actions{max-width:250px!important}
  #vip-secim .vip-luxe-detail{height:38px!important;min-height:38px!important;padding:0 9px!important;font-size:8.7px!important}
  #vip-secim .vip-luxe-actions .vip-luxe-cta,
  #vip-secim .vip-luxe-actions .vip-luxe-cta-gold{
    min-height:38px!important;height:38px!important;
    grid-template-columns:20px 1fr 25px!important;
    gap:6px!important;padding:0 5px 0 7px!important;
    border-radius:12px!important;font-size:8.6px!important;
  }
  #vip-secim .vip-luxe-wa{width:20px!important;height:20px!important}
  #vip-secim .vip-luxe-wa svg{width:12px!important;height:12px!important}
  #vip-secim .vip-luxe-arrow{width:24px!important;height:24px!important;font-size:13px!important}

  /* Same approved badge behavior as mobile: half in / half out, slightly left. */
  #vip-secim .vip-luxe-badge{
    top:0!important;
    left:30%!important;
    transform:translate(-50%,-50%)!important;
    padding:5px 12px!important;
    border-radius:9px!important;
    font-size:6px!important;
    letter-spacing:.10em!important;
    white-space:nowrap!important;
    z-index:20!important;
  }
  #vip-secim .vip-luxe-grid{padding-top:17px!important}
}

/* Mobile: keep approved V290 proportions, just accommodate the second action cleanly. */
@media (max-width:760px){
  #vip-secim .vip-luxe-actions{gap:6px!important;max-width:235px!important}
  #vip-secim .vip-luxe-detail{height:36px!important;min-height:36px!important;padding:0 8px!important;font-size:8px!important;border-radius:11px!important}
  #vip-secim .vip-luxe-detail-icon{width:17px!important;height:17px!important;font-size:8px!important}
  #vip-secim .vip-luxe-actions .vip-luxe-cta,
  #vip-secim .vip-luxe-actions .vip-luxe-cta-gold{
    min-height:36px!important;height:36px!important;margin-top:0!important;
    grid-template-columns:19px 1fr 23px!important;gap:5px!important;
    padding:0 5px 0 6px!important;font-size:8px!important;
  }
  #vip-secim .vip-luxe-wa{width:19px!important;height:19px!important}
  #vip-secim .vip-luxe-arrow{width:23px!important;height:23px!important;font-size:12px!important}
}

/* === V301 — VIP MASTER "EN KAPSAMLI" rozetini daha okunaklı büyüt === */
#vip-secim .vip-luxe-badge{
  padding:6px 15px!important;
  font-size:8px!important;
  line-height:1!important;
  border-radius:10px!important;
  letter-spacing:.10em!important;
}
@media (max-width:760px){
  #vip-secim .vip-luxe-badge{
    padding:6px 14px!important;
    font-size:7.5px!important;
    border-radius:10px!important;
  }
}

/* === V302 — DESKTOP NEDEN KRISTAL KEDI: mobil premium kart dilinin masaüstüne taşınması === */
@media (min-width:701px){
  #neden-kk.why238{
    padding:78px 0 84px!important;
    background:transparent!important;
    overflow:visible!important;
  }
  #neden-kk.why238>.container{
    width:min(1180px,calc(100% - 48px))!important;
    max-width:1180px!important;
    margin:0 auto!important;
    padding:0!important;
  }

  #neden-kk .why238-hero{
    position:relative!important;
    min-height:0!important;
    margin:0 0 34px!important;
    overflow:visible!important;
    background:transparent!important;
  }
  #neden-kk .why238-heroart{
    display:none!important;
    background:none!important;
  }
  #neden-kk .why238-copy{
    position:relative!important;
    inset:auto!important;
    max-width:720px!important;
    margin:0!important;
    text-align:left!important;
  }
  #neden-kk .why238-copy .eyebrow{
    display:inline-flex!important;
    align-items:center!important;
    gap:9px!important;
    color:#72d8f1!important;
    font-size:11px!important;
    line-height:1!important;
    letter-spacing:.18em!important;
  }
  #neden-kk .why238-copy .eyebrow:before{
    content:'◆'!important;
    color:#d7ad65!important;
    font-size:8px!important;
  }
  #neden-kk .why238-copy .section-title{
    margin:15px 0 12px!important;
    max-width:680px!important;
    color:#f7f4ef!important;
    font-size:48px!important;
    line-height:1.02!important;
    text-align:left!important;
  }
  #neden-kk .why238-copy .section-title em{
    color:#69d5ee!important;
  }
  #neden-kk .why238-copy>p{
    display:block!important;
    max-width:570px!important;
    margin:0!important;
    color:rgba(255,255,255,.74)!important;
    font-size:15px!important;
    line-height:1.65!important;
  }

  #neden-kk .why238-grid{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:16px!important;
    background:transparent!important;
  }
  #neden-kk .why238-card{
    position:relative!important;
    overflow:hidden!important;
    grid-column:span 2!important;
    min-width:0!important;
    min-height:278px!important;
    padding:24px 22px 22px!important;
    border:1px solid rgba(220,175,105,.78)!important;
    border-radius:22px!important;
    background:rgba(3,14,24,.76)!important;
    box-shadow:0 16px 36px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04)!important;
    isolation:isolate!important;
  }
  #neden-kk .why238-c4,
  #neden-kk .why238-c5{
    grid-column:span 3!important;
    min-height:248px!important;
  }

  #neden-kk .why238-card:before{
    content:''!important;
    display:block!important;
    position:absolute!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:40%!important;
    z-index:0!important;
    border:0!important;
    border-radius:0!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    background-position:center!important;
    opacity:1!important;
    filter:saturate(1.04) brightness(.96)!important;
    transform:none!important;
  }
  #neden-kk .why238-c1:before{background-image:url('../images/why-v245/c1.webp')!important;}
  #neden-kk .why238-c2:before{background-image:url('../images/why-v245/c2.webp')!important;}
  #neden-kk .why238-c3:before{background-image:url('../images/why-v245/c3.webp')!important;}
  #neden-kk .why238-c4:before{background-image:url('../images/why-v245/c4.webp')!important;left:46%!important;}
  #neden-kk .why238-c5:before{background-image:url('../images/why-v245/c5.webp')!important;left:46%!important;}

  #neden-kk .why238-card:after{
    content:''!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    border:0!important;
    border-radius:inherit!important;
    box-shadow:none!important;
    background:linear-gradient(90deg,
      rgba(2,12,22,1) 0%,
      rgba(2,12,22,.99) 42%,
      rgba(2,12,22,.90) 53%,
      rgba(2,12,22,.52) 68%,
      rgba(2,12,22,.10) 84%,
      rgba(2,12,22,0) 100%)!important;
  }
  #neden-kk .why238-c4:after,
  #neden-kk .why238-c5:after{
    background:linear-gradient(90deg,
      rgba(2,12,22,1) 0%,
      rgba(2,12,22,.99) 37%,
      rgba(2,12,22,.88) 48%,
      rgba(2,12,22,.46) 62%,
      rgba(2,12,22,.08) 78%,
      rgba(2,12,22,0) 100%)!important;
  }

  #neden-kk .why238-no,
  #neden-kk .why238-card h3,
  #neden-kk .why238-card p,
  #neden-kk .why238-arrow{
    display:block!important;
    position:relative!important;
    z-index:2!important;
  }
  #neden-kk .why238-no{
    margin:0 0 34px!important;
    color:#e1b46f!important;
    font:400 22px/1 Georgia,'Times New Roman',serif!important;
    letter-spacing:.02em!important;
  }
  #neden-kk .why238-no:after{
    content:''!important;
    display:block!important;
    width:30px!important;
    height:1px!important;
    margin-top:11px!important;
    background:#c99a5d!important;
  }
  #neden-kk .why238-card h3{
    max-width:205px!important;
    margin:0 0 10px!important;
    color:#fff!important;
    font:600 22px/1.06 Georgia,'Times New Roman',serif!important;
    text-shadow:none!important;
  }
  #neden-kk .why238-card p{
    max-width:205px!important;
    margin:0!important;
    color:rgba(255,255,255,.84)!important;
    font-size:13px!important;
    line-height:1.5!important;
    text-shadow:none!important;
  }
  #neden-kk .why238-c4 h3,
  #neden-kk .why238-c5 h3{max-width:250px!important;}
  #neden-kk .why238-c4 p,
  #neden-kk .why238-c5 p{max-width:255px!important;}
  #neden-kk .why238-arrow{
    display:grid!important;
    place-items:center!important;
    width:34px!important;
    height:34px!important;
    margin-top:20px!important;
    border:1px solid rgba(222,177,105,.86)!important;
    border-radius:50%!important;
    color:#e4b36e!important;
    font-size:17px!important;
    line-height:1!important;
  }
  #neden-kk .why238-card h3:before,
  #neden-kk .why238-card h3:after,
  #neden-kk .why238-card p:before,
  #neden-kk .why238-card p:after{
    content:none!important;
    display:none!important;
  }
}

/* === V303 — PC Falcını Seç: premium Tüm Videoları Gör CTA === */
.desktop-all-videos-cta{display:none;}
@media (min-width:701px){
  #falcilar .desktop-all-videos-cta{
    display:flex;
    align-items:center;
    width:max-content;
    min-width:330px;
    max-width:430px;
    min-height:64px;
    margin:18px auto 26px;
    padding:9px 12px 9px 10px;
    gap:12px;
    text-decoration:none;
    border:1px solid rgba(218,178,94,.72);
    border-radius:18px;
    background:
      radial-gradient(circle at 12% 50%,rgba(58,192,232,.12),transparent 28%),
      linear-gradient(135deg,rgba(4,18,31,.94),rgba(5,30,47,.92));
    box-shadow:0 12px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);
    transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease;
  }
  #falcilar .desktop-all-videos-cta:hover{
    transform:translateY(-2px);
    border-color:rgba(237,201,121,.95);
    box-shadow:0 16px 34px rgba(0,0,0,.28),0 0 20px rgba(218,178,94,.08),inset 0 1px 0 rgba(255,255,255,.06);
  }
  #falcilar .desktop-all-videos-icon{
    width:44px;height:44px;flex:0 0 44px;
    display:grid;place-items:center;
    border:1px solid rgba(76,201,232,.6);
    border-radius:50%;
    color:#6fd8f1;
    background:rgba(4,20,34,.88);
  }
  #falcilar .desktop-all-videos-icon svg{width:19px;height:19px;}
  #falcilar .desktop-all-videos-copy{display:flex;flex-direction:column;gap:3px;min-width:0;text-align:left;}
  #falcilar .desktop-all-videos-copy strong{
    color:#f7f5ef;
    font-size:15px;
    line-height:1.1;
    font-weight:700;
    letter-spacing:.01em;
  }
  #falcilar .desktop-all-videos-copy small{
    color:rgba(204,221,232,.72);
    font-size:10.5px;
    line-height:1.2;
    white-space:nowrap;
  }
  #falcilar .desktop-all-videos-arrow{
    width:34px;height:34px;flex:0 0 34px;
    margin-left:auto;
    display:grid;place-items:center;
    border:1px solid rgba(218,178,94,.68);
    border-radius:50%;
    color:#e6bf69;
    font-size:18px;
    line-height:1;
    transition:transform .25s ease,background .25s ease;
  }
  #falcilar .desktop-all-videos-cta:hover .desktop-all-videos-arrow{
    transform:translateX(2px);
    background:rgba(218,178,94,.08);
  }
}

/* === V305 — HERO KRISTAL KEDI wordmark: biraz daha okunakli, kompozisyon ayni === */
@media (min-width:901px){
  .hero-visual .cat-atmos img{
    opacity:.68!important;
    filter:saturate(.76) brightness(.94) contrast(1.10) drop-shadow(0 0 12px rgba(76,154,220,.08))!important;
  }
}

/* === V306 — HERO KRISTAL KEDI wordmark: alt yaziyi net biçimde görünür yap === */
@media (min-width:901px){
  .hero-visual .cat-atmos{
    -webkit-mask-image:radial-gradient(ellipse 450px 610px at 55% 42%,rgba(0,0,0,1) 0%,rgba(0,0,0,.98) 70%,rgba(0,0,0,.72) 84%,rgba(0,0,0,.28) 94%,transparent 100%)!important;
    mask-image:radial-gradient(ellipse 450px 610px at 55% 42%,rgba(0,0,0,1) 0%,rgba(0,0,0,.98) 70%,rgba(0,0,0,.72) 84%,rgba(0,0,0,.28) 94%,transparent 100%)!important;
  }
  .hero-visual .cat-atmos img{
    opacity:.72!important;
    filter:saturate(.76) brightness(1.02) contrast(1.08) drop-shadow(0 0 12px rgba(76,154,220,.08))!important;
  }
}

/* === V307 — MOBIL HERO illüstrasyon sağ kenarını arka plana yumuşak kaynaştır === */
@media (max-width:900px){
  .hero-visual .cat-atmos{
    -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 64%,rgba(0,0,0,.92) 72%,rgba(0,0,0,.62) 82%,rgba(0,0,0,.24) 93%,transparent 100%)!important;
    mask-image:linear-gradient(90deg,#000 0%,#000 64%,rgba(0,0,0,.92) 72%,rgba(0,0,0,.62) 82%,rgba(0,0,0,.24) 93%,transparent 100%)!important;
  }
  .hero-visual .cat-atmos:after{
    content:"";
    position:absolute;
    top:0;right:-2px;bottom:0;
    width:30%;
    pointer-events:none;
    background:linear-gradient(90deg,transparent 0%,rgba(3,14,32,.10) 42%,rgba(3,14,32,.52) 78%,rgba(3,14,32,.88) 100%);
  }
}

/* === V308 — MOBIL HERO: görselin kendi sağ kenarını alfa ile erit, sert dikey sınırı kaldır === */
@media (max-width:900px){
  .hero-visual .cat-atmos{
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  .hero-visual .cat-atmos:after{display:none!important;content:none!important;}
  .hero-visual .cat-atmos img{
    -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 56%,rgba(0,0,0,.98) 62%,rgba(0,0,0,.86) 69%,rgba(0,0,0,.62) 76%,rgba(0,0,0,.34) 84%,rgba(0,0,0,.12) 92%,transparent 100%)!important;
    mask-image:linear-gradient(90deg,#000 0%,#000 56%,rgba(0,0,0,.98) 62%,rgba(0,0,0,.86) 69%,rgba(0,0,0,.62) 76%,rgba(0,0,0,.34) 84%,rgba(0,0,0,.12) 92%,transparent 100%)!important;
    -webkit-mask-repeat:no-repeat!important;
    mask-repeat:no-repeat!important;
    -webkit-mask-size:100% 100%!important;
    mask-size:100% 100%!important;
  }
}

/* === V309 — MOBIL HERO: dikey görsel sınırını viewport dışına taşı === */
@media (max-width:900px){
  .hero-visual .cat-atmos{
    left:-22vw!important;
    right:-22vw!important;
    width:auto!important;
    max-width:none!important;
    overflow:hidden!important;
  }
  .hero-visual .cat-atmos img{
    width:144vw!important;
    max-width:none!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center bottom!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 7%,#000 16%,#000 84%,rgba(0,0,0,.55) 93%,transparent 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 7%,#000 16%,#000 84%,rgba(0,0,0,.55) 93%,transparent 100%)!important;
  }
}

/* === V312 — HERO: Kristal arka planı koru, yalnızca kedi illüstrasyonunu kendi alanında yumuşat === */
/* Sayfa/hero arka planına dokunulmaz. Sadece .cat-atmos görselinin kenarları alfa ile eritilir. */
@media (min-width:901px){
  .hero-visual{
    background:transparent!important;
  }
  .hero-visual::before,
  .hero-visual::after{
    content:none!important;
    display:none!important;
  }
  .hero-visual .cat-atmos{
    top:-70px!important;
    right:-120px!important;
    width:840px!important;
    height:840px!important;
    left:auto!important;
    overflow:visible!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  .hero-visual .cat-atmos img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    opacity:.62!important;
    filter:saturate(.76) brightness(.92) contrast(1.04)!important;
    -webkit-mask-image:radial-gradient(ellipse 46% 49% at 53% 45%,
      #000 0%,
      #000 50%,
      rgba(0,0,0,.96) 58%,
      rgba(0,0,0,.78) 68%,
      rgba(0,0,0,.48) 78%,
      rgba(0,0,0,.20) 87%,
      transparent 96%)!important;
    mask-image:radial-gradient(ellipse 46% 49% at 53% 45%,
      #000 0%,
      #000 50%,
      rgba(0,0,0,.96) 58%,
      rgba(0,0,0,.78) 68%,
      rgba(0,0,0,.48) 78%,
      rgba(0,0,0,.20) 87%,
      transparent 96%)!important;
    -webkit-mask-repeat:no-repeat!important;
    mask-repeat:no-repeat!important;
    -webkit-mask-size:100% 100%!important;
    mask-size:100% 100%!important;
  }
}

@media (max-width:900px){
  .hero-visual{
    background:transparent!important;
  }
  .hero-visual::before,
  .hero-visual::after{
    content:none!important;
    display:none!important;
  }
  .hero-visual .cat-atmos{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    overflow:visible!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  .hero-visual .cat-atmos img{
    width:118%!important;
    max-width:none!important;
    height:100%!important;
    margin-left:-9%!important;
    object-fit:cover!important;
    object-position:center bottom!important;
    opacity:.68!important;
    filter:saturate(.78) brightness(.91) contrast(1.03)!important;
    -webkit-mask-image:radial-gradient(ellipse 53% 49% at 51% 48%,
      #000 0%,
      #000 48%,
      rgba(0,0,0,.94) 58%,
      rgba(0,0,0,.72) 69%,
      rgba(0,0,0,.42) 79%,
      rgba(0,0,0,.16) 89%,
      transparent 98%)!important;
    mask-image:radial-gradient(ellipse 53% 49% at 51% 48%,
      #000 0%,
      #000 48%,
      rgba(0,0,0,.94) 58%,
      rgba(0,0,0,.72) 69%,
      rgba(0,0,0,.42) 79%,
      rgba(0,0,0,.16) 89%,
      transparent 98%)!important;
    -webkit-mask-repeat:no-repeat!important;
    mask-repeat:no-repeat!important;
    -webkit-mask-size:100% 100%!important;
    mask-size:100% 100%!important;
  }
}

/* === V313 — HERO alternatif: sadece kedi alanında Kristal Kedi logo kompozisyonu === */
/* Kristal/polygon arka plan ve diğer hero öğeleri aynen korunur. */
@media (min-width:901px){
  .hero-visual .cat-atmos{
    top:-24px!important;
    right:-52px!important;
    width:720px!important;
    height:650px!important;
    left:auto!important;
    overflow:visible!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  .hero-visual .cat-atmos img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    opacity:.82!important;
    filter:drop-shadow(0 0 22px rgba(42,170,230,.13))!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    margin:0!important;
  }
}
@media (max-width:900px){
  .hero-visual .cat-atmos{
    inset:-12px -5% 0 -5%!important;
    width:110%!important;
    height:100%!important;
    overflow:visible!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  .hero-visual .cat-atmos img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center bottom!important;
    opacity:.80!important;
    filter:drop-shadow(0 0 16px rgba(42,170,230,.12))!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    margin:0!important;
  }
}

/* === V314 — HERO falcı kartları: 1. kompozisyon / temiz V yerleşimi === */
/* Utku ve Burcu kedinin iki yanında aynı hizada; Ece daha aşağıda ve biraz daha küçük. */
@media (min-width:901px){
  .hero-visual .rcard.c1{
    width:154px!important;
    height:208px!important;
    top:292px!important;
    right:378px!important;
    transform:rotate(-1.2deg)!important;
    z-index:5!important;
  }
  .hero-visual .rcard.c2{
    width:154px!important;
    height:208px!important;
    top:292px!important;
    right:8px!important;
    transform:rotate(1.2deg)!important;
    z-index:5!important;
  }
  .hero-visual .rcard.c3{
    width:128px!important;
    height:172px!important;
    top:438px!important;
    right:191px!important;
    transform:rotate(0deg)!important;
    z-index:7!important;
  }
  .hero-visual .rcard.c3 .body{padding:14px 14px 13px!important;}
  .hero-visual .rcard.c3 .name{font-size:17px!important;}
  .hero-visual .rcard.c3 .role{font-size:8.5px!important;margin-top:6px!important;}
  .hero-visual .rcard.c3 .play{width:31px!important;height:31px!important;right:11px!important;top:11px!important;}
}
@media (max-width:1180px) and (min-width:901px){
  .hero-visual .rcard.c1{right:304px!important;}
  .hero-visual .rcard.c2{right:0!important;}
  .hero-visual .rcard.c3{right:151px!important;}
}

/* === V315 — SADECE gönderilen Kristal Kedi hero logosunu biraz büyüt === */
/* Diğer hero öğeleri ve kart konumları değişmez. */
@media (min-width:901px){
  .hero-visual .cat-atmos img{
    transform:scale(1.10)!important;
    transform-origin:center center!important;
  }
}
@media (max-width:900px){
  .hero-visual .cat-atmos img{
    transform:scale(1.07)!important;
    transform-origin:center bottom!important;
  }
}

/* === V316 — SADECE Kristal Kedi hero logosunu biraz aşağı indir === */
/* V315 büyüklüğü korunur; diğer hero öğeleri ve kart konumları değişmez. */
@media (min-width:901px){
  .hero-visual .cat-atmos img{
    transform:translateY(24px) scale(1.10)!important;
    transform-origin:center center!important;
  }
}
@media (max-width:900px){
  .hero-visual .cat-atmos img{
    transform:translateY(14px) scale(1.07)!important;
    transform-origin:center bottom!important;
  }
}

/* === V317 — Kristal Kedi hero logosu biraz daha aşağı === */
@media (min-width:761px){
  .hero-visual .hero-kristalkedi-logo-alt{
    transform:translateY(48px) scale(1.10)!important;
  }
}
@media (max-width:760px){
  .hero-visual .hero-kristalkedi-logo-alt{
    transform:translateY(28px) scale(1.07)!important;
  }
}

/* === V318 — HERO kart kompozisyonu: Kristal Kedi logosunun önü tamamen açık === */
/* Sadece masaüstü kart yerleşimi değişir. Kedi, arka plan ve diğer hero öğeleri korunur. */
@media (min-width:901px){
  .hero-visual .rcard.c1{
    width:150px!important;
    height:202px!important;
    top:300px!important;
    right:392px!important;
    transform:rotate(-1deg)!important;
    z-index:6!important;
  }
  .hero-visual .rcard.c2{
    width:150px!important;
    height:202px!important;
    top:300px!important;
    right:0!important;
    transform:rotate(1deg)!important;
    z-index:6!important;
  }
  .hero-visual .rcard.c3{
    width:116px!important;
    height:156px!important;
    top:478px!important;
    right:409px!important;
    transform:rotate(-.5deg)!important;
    z-index:7!important;
  }
  .hero-visual .rcard.c3 .body{padding:12px 11px 11px!important;}
  .hero-visual .rcard.c3 .name{font-size:15px!important;}
  .hero-visual .rcard.c3 .role{font-size:7.5px!important;margin-top:5px!important;}
  .hero-visual .rcard.c3 .play{width:29px!important;height:29px!important;right:9px!important;top:9px!important;}
}
@media (max-width:1180px) and (min-width:901px){
  .hero-visual .rcard.c1{right:316px!important;}
  .hero-visual .rcard.c2{right:0!important;}
  .hero-visual .rcard.c3{right:330px!important;}
}

/* === V319 — HERO kart yerleşimi: kedi ve KRİSTAL KEDİ yazısı tamamen açık === */
/* Kartlar logonun merkezinden uzaklaştırıldı; diğer hero öğelerine dokunulmadı. */
@media (min-width:1181px){
  .hero-visual .rcard.c1{
    width:146px!important;height:196px!important;
    top:248px!important;right:430px!important;
    transform:rotate(-1deg)!important;z-index:6!important;
  }
  .hero-visual .rcard.c2{
    width:146px!important;height:196px!important;
    top:248px!important;right:-22px!important;
    transform:rotate(1deg)!important;z-index:6!important;
  }
  .hero-visual .rcard.c3{
    width:108px!important;height:146px!important;
    top:458px!important;right:-8px!important;
    transform:rotate(.5deg)!important;z-index:7!important;
  }
  .hero-visual .rcard.c3 .body{padding:11px 10px 10px!important;}
  .hero-visual .rcard.c3 .name{font-size:14px!important;}
  .hero-visual .rcard.c3 .role{font-size:7px!important;margin-top:4px!important;}
  .hero-visual .rcard.c3 .play{width:27px!important;height:27px!important;right:8px!important;top:8px!important;}
}
@media (max-width:1180px) and (min-width:901px){
  .hero-visual .rcard.c1{width:142px!important;height:192px!important;top:250px!important;right:340px!important;}
  .hero-visual .rcard.c2{width:142px!important;height:192px!important;top:250px!important;right:-12px!important;}
  .hero-visual .rcard.c3{width:104px!important;height:140px!important;top:452px!important;right:-4px!important;}
}

/* === V320 — HERO sıralama: Doğal Taş > Kristal Kedi > 3 falcı kartı === */
/* Masaüstünde yalnızca sağ hero kompozisyonunun sıralaması değişir. */
@media (min-width:901px){
  /* Doğal taş yönlendirme kartı en üstte ve mevcut görünümünde kalır */
  .hero-visual > .shop-panel-float.shop-glass-capsule.shop-capsule-visual{
    top:-18px!important;
    right:14px!important;
    z-index:10!important;
  }

  /* Kedi bannerın hemen altında, merkezde */
  .hero-visual .cat-atmos{
    top:92px!important;
    right:28px!important;
    width:520px!important;
    height:390px!important;
    left:auto!important;
    overflow:visible!important;
    z-index:2!important;
  }
  .hero-visual .cat-atmos img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    opacity:.88!important;
    transform:none!important;
    filter:drop-shadow(0 0 22px rgba(42,170,230,.14))!important;
  }

  /* Üç falcı kartı kedinin altında tek ve dengeli bir sıra */
  .hero-visual .rcard-field{z-index:6!important;}
  .hero-visual .rcard.c1,
  .hero-visual .rcard.c2,
  .hero-visual .rcard.c3{
    top:478px!important;
    width:124px!important;
    height:166px!important;
    transform:none!important;
    z-index:7!important;
  }
  .hero-visual .rcard.c1{right:326px!important;}
  .hero-visual .rcard.c3{right:184px!important;}
  .hero-visual .rcard.c2{right:42px!important;}
  .hero-visual .rcard.c1 .body,
  .hero-visual .rcard.c2 .body,
  .hero-visual .rcard.c3 .body{padding:11px 10px 10px!important;}
  .hero-visual .rcard.c1 .name,
  .hero-visual .rcard.c2 .name,
  .hero-visual .rcard.c3 .name{font-size:15px!important;}
  .hero-visual .rcard.c1 .role,
  .hero-visual .rcard.c2 .role,
  .hero-visual .rcard.c3 .role{font-size:7px!important;margin-top:4px!important;}
  .hero-visual .rcard.c1 .play,
  .hero-visual .rcard.c2 .play,
  .hero-visual .rcard.c3 .play{width:28px!important;height:28px!important;right:8px!important;top:8px!important;}
}
@media (max-width:1180px) and (min-width:901px){
  .hero-visual .cat-atmos{right:2px!important;width:470px!important;height:370px!important;}
  .hero-visual .rcard.c1{right:284px!important;}
  .hero-visual .rcard.c3{right:148px!important;}
  .hero-visual .rcard.c2{right:12px!important;}
}

/* === V321 — V320 kompozisyonunu koru, kedi + 3 falcı kartını biraz büyüt === */
@media (min-width:901px){
  .hero-visual .cat-atmos{
    top:78px!important;
    right:8px!important;
    width:570px!important;
    height:425px!important;
  }
  .hero-visual .rcard.c1,
  .hero-visual .rcard.c2,
  .hero-visual .rcard.c3{
    top:480px!important;
    width:142px!important;
    height:190px!important;
  }
  .hero-visual .rcard.c1{right:354px!important;}
  .hero-visual .rcard.c3{right:192px!important;}
  .hero-visual .rcard.c2{right:30px!important;}
  .hero-visual .rcard.c1 .name,
  .hero-visual .rcard.c2 .name,
  .hero-visual .rcard.c3 .name{font-size:16px!important;}
  .hero-visual .rcard.c1 .role,
  .hero-visual .rcard.c2 .role,
  .hero-visual .rcard.c3 .role{font-size:7.5px!important;}
  .hero-visual .rcard.c1 .play,
  .hero-visual .rcard.c2 .play,
  .hero-visual .rcard.c3 .play{width:30px!important;height:30px!important;}
}
@media (max-width:1180px) and (min-width:901px){
  .hero-visual .cat-atmos{right:-12px!important;width:520px!important;height:405px!important;}
  .hero-visual .rcard.c1{right:310px!important;}
  .hero-visual .rcard.c3{right:160px!important;}
  .hero-visual .rcard.c2{right:10px!important;}
}

/* === V323 — yalnızca Kristal Kedi logosunu büyüt; falcı kartları V321 boyutunda kalsın === */
@media (min-width:1181px){
  .hero-visual .cat-atmos{
    top:60px!important;
    right:-22px!important;
    width:650px!important;
    height:465px!important;
  }
}
@media (max-width:1180px) and (min-width:901px){
  .hero-visual .cat-atmos{
    top:66px!important;
    right:-32px!important;
    width:590px!important;
    height:445px!important;
  }
}

/* V324 — Fal Rehberi: yalnızca başlık arkasındaki koyu gölge kaldırıldı */
#fal-rehberi .section-head::before{
  display:none !important;
  content:none !important;
  background:none !important;
}


/* === V325 — mobile: kedi boşlukta biraz daha yukarı === */
@media (max-width:760px){
  #hero .kk-crystal-cat-v229,
  #hero .hero-crystal-cat,
  #hero .crystal-cat,
  #hero .hero-cat,
  .kk-crystal-cat-v229{
    
  }
}


/* === V326 — MOBİL: Kristal Kedi logosunun tamamını boşlukta göster === */
@media (max-width:760px){
  .hero-visual{
    position:relative!important;
  }

  /* Önceki yanlış intro-kedi override'ını etkisiz bırak; gerçek hero kedisi .cat-atmos */
  .hero-visual .cat-atmos{
    position:absolute!important;
    top:18px!important;
    left:50%!important;
    right:auto!important;
    width:300px!important;
    height:245px!important;
    transform:translateX(-50%)!important;
    overflow:visible!important;
    z-index:3!important;
    inset:auto!important;
  }

  .hero-visual .cat-atmos img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:center center!important;
    opacity:1!important;
    transform:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    filter:drop-shadow(0 0 16px rgba(42,170,230,.16))!important;
  }

  /* Koleksiyon kartı logonun altında kalsın */
  .hero-visual .mobile-stone-card{
    position:relative!important;
    z-index:6!important;
  }
}


/* === V327 — MOBİL: kedi gerçek akışta, ortada ve taş kartının üstünde === */
@media (max-width:760px){
  .hero-visual{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    position:relative!important;
    overflow:visible!important;
  }

  .hero-visual .cat-atmos{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    width:240px!important;
    height:180px!important;
    margin:18px auto 6px!important;
    transform:none!important;
    overflow:visible!important;
    z-index:3!important;
    order:1!important;
  }

  .hero-visual .cat-atmos img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:center center!important;
    opacity:1!important;
    transform:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    filter:drop-shadow(0 0 16px rgba(42,170,230,.16))!important;
  }

  /* Masaüstü taş paneli mobilde görünmesin */
  .hero-visual .shop-panel-float{
    display:none!important;
  }

  .hero-visual .mobile-stone-card{
    position:relative!important;
    z-index:6!important;
    order:2!important;
    margin:0 auto!important;
    width:calc(100% - 28px)!important;
    max-width:360px!important;
    transform:none!important;
  }

  .hero-visual .rcard-field{
    order:3!important;
  }
}


/* === V328 — MOBİL: ortalanmış Kristal Kedi sadece biraz daha büyük === */
@media (max-width:760px){
  .hero-visual .cat-atmos{
    width:275px!important;
    height:205px!important;
    margin:12px auto 4px!important;
  }
}

.kk-intro.kk-intro-ready .kk-crystal-cat.kk-crystal-cat-v229{
   animation:kkCatCrossV229 1.38s linear .01s infinite!important;
 }
}

/* V330 - mobile falci cards: thin premium borders only */
@media (max-width:760px){
 #falcilar .reader-card,
 #falcilar .falci-card,
 #falcilar .reader-mini-card,
 #falcilar [class*="reader-card"],
 #falcilar [class*="falci-card"]{
   border-width:.65px!important;
   border-color:rgba(216,173,78,.58)!important;
   box-shadow:0 8px 20px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.018)!important;
 }
 #falcilar .btn-profile,
 #falcilar .profile-btn,
 #falcilar a[href*="falcilar/"]:not(.play-btn){
   border-width:.65px!important;
   border-color:rgba(225,181,76,.68)!important;
   box-shadow:none!important;
 }
 #falcilar .btn-appointment,
 #falcilar .appointment-btn,
 #falcilar a[href*="wa.me"],
 #falcilar a[href*="whatsapp"]{
   border-width:.65px!important;
   border-color:rgba(34,205,221,.62)!important;
   box-shadow:none!important;
 }
 #falcilar .badge,#falcilar .reader-badge,#falcilar .play-btn{
   border-width:.65px!important;
 }
}


/* === V331 — MOBİL GİRİŞ: koşan kedi iOS düzeltmesi === */
@media (max-width:760px){
  .kk-intro .kk-crystal-cat.kk-crystal-cat-v229{
    animation-name:kkCatCrossV229!important;
    animation-duration:1.38s!important;
    animation-timing-function:linear!important;
    animation-delay:.01s!important;
    animation-iteration-count:infinite!important;
    animation-play-state:running!important;
    will-change:transform,opacity!important;
  }

  .kk-intro.kk-intro-ready .kk-crystal-cat.kk-crystal-cat-v229{
    animation-name:kkCatCrossV229!important;
    animation-duration:1.38s!important;
    animation-timing-function:linear!important;
    animation-iteration-count:infinite!important;
    animation-play-state:running!important;
  }
}

/* === V332 — FALCI PROFİL VİDEOSU / MOBİL MODAL PREMIUM DÜZELTME === */
@media (max-width:760px){
  /* Profil sayfasındaki video önizlemesini daha kompakt tut */
  .profile-video{
    width:min(100%, 330px)!important;
    max-width:330px!important;
    aspect-ratio:4/5!important;
    margin:0 auto!important;
    border:.7px solid rgba(221,181,92,.58)!important;
    border-radius:18px!important;
    box-shadow:0 14px 34px rgba(0,0,0,.28)!important;
    background:#07101d!important;
  }
  .profile-video img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center 24%!important;
  }
  .profile-video::after{
    content:"";
    position:absolute;
    left:0;right:0;bottom:0;
    height:34%;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(3,9,17,0),rgba(3,9,17,.58));
    z-index:1;
  }
  .profile-video .play{
    width:44px!important;
    height:44px!important;
    background:rgba(4,12,23,.62)!important;
    border:.7px solid rgba(229,190,103,.72)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.26)!important;
    z-index:3!important;
  }

  /* Açılan video penceresi: tam ekran gibi uzamasın */
  .modal-overlay{
    padding:18px 16px!important;
    align-items:center!important;
    background:rgba(2,6,12,.82)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
  }
  .modal-box{
    width:min(92vw,360px)!important;
    max-height:88svh!important;
    overflow:auto!important;
    border:.7px solid rgba(219,178,88,.55)!important;
    border-radius:20px!important;
    background:linear-gradient(165deg,rgba(10,22,39,.98),rgba(4,10,19,.99))!important;
    box-shadow:0 24px 70px rgba(0,0,0,.6)!important;
  }
  .modal-media{
    aspect-ratio:4/5!important;
    max-height:56svh!important;
    overflow:hidden!important;
    background:#07101d!important;
    border-bottom:.7px solid rgba(81,191,220,.22)!important;
  }
  .modal-media img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center 22%!important;
  }
  .modal-media::after{
    content:"";
    position:absolute;
    inset:auto 0 0 0;
    height:28%;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(3,8,16,0),rgba(3,8,16,.66));
    z-index:1;
  }
  .modal-media .placeholder-note{
    display:none!important;
  }
  .modal-close{
    top:12px!important;
    right:12px!important;
    width:34px!important;
    height:34px!important;
    background:rgba(3,10,19,.72)!important;
    border:.7px solid rgba(230,191,102,.66)!important;
    box-shadow:0 6px 18px rgba(0,0,0,.28)!important;
  }
  .modal-body{
    padding:15px 18px 18px!important;
    background:linear-gradient(180deg,rgba(6,16,29,.98),rgba(4,10,19,.99))!important;
  }
  .modal-body .n{
    font-size:20px!important;
    line-height:1.1!important;
  }
  .modal-body .s{
    margin-top:5px!important;
    font-size:11.5px!important;
  }
  .modal-body .btn{
    margin-top:13px!important;
    min-height:46px!important;
    border-radius:13px!important;
  }
}


/* === V333 — MOBİL VIDEO MODALI: yatay swipe / sıradaki kart görünümü === */
@media (max-width:760px){
  .modal-overlay{
    display:block!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .modal-carousel-viewport{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    touch-action:pan-x;
    padding:24px 0;
  }
  .modal-carousel-viewport::-webkit-scrollbar{display:none;}
  .modal-carousel-rail{
    display:flex;
    align-items:center;
    gap:12px;
    padding-left:7vw;
    padding-right:14vw;
  }
  .modal-slide{
    flex:0 0 82vw;
    width:82vw;
    max-width:348px;
    scroll-snap-align:start;
    scroll-snap-stop:always;
    opacity:.72;
    transform:scale(.975);
    transition:opacity .22s ease,transform .22s ease;
  }
  .modal-slide:first-child{opacity:1;transform:scale(1);}
  .modal-slide .modal-box{
    width:100%!important;
    max-height:86svh!important;
    margin:0!important;
    overflow:hidden!important;
  }
  .modal-slide .modal-media{
    aspect-ratio:4/5!important;
    max-height:54svh!important;
  }
  .modal-close-floating{
    position:fixed!important;
    top:max(14px,env(safe-area-inset-top))!important;
    right:14px!important;
    z-index:1005!important;
    font-size:24px!important;
    line-height:1!important;
  }
  .modal-swipe-hint{
    position:fixed;
    left:50%;
    bottom:max(14px,env(safe-area-inset-bottom));
    transform:translateX(-50%);
    z-index:1004;
    display:flex;
    gap:5px;
    pointer-events:none;
  }
  .modal-swipe-hint span{
    width:5px;height:5px;border-radius:50%;
    background:rgba(229,190,103,.28);
  }
  .modal-swipe-hint span:first-child{
    width:18px;border-radius:99px;background:rgba(229,190,103,.72);
  }
}


/* === V334 — MOBİL VİDEO CAROUSEL: aktif kart tam ortada === */
@media (max-width:760px){
  .video-swipe-track,
  .video-carousel-track,
  .falcilar-video-track,
  .reader-video-track{
    scroll-padding-left:calc((100vw - min(78vw, 320px))/2)!important;
    scroll-padding-right:calc((100vw - min(78vw, 320px))/2)!important;
  }

  .video-swipe-card,
  .video-carousel-card,
  .falcilar-video-card,
  .reader-video-card{
    scroll-snap-align:center!important;
    scroll-snap-stop:always!important;
    flex:0 0 min(78vw, 320px)!important;
  }
}


/* === V335 — AÇILAN VİDEO MODALINDA AKTİF KART GERÇEKTEN ORTADA === */
@media (max-width:760px){
  .modal-carousel-viewport{
    box-sizing:border-box!important;
    padding-top:24px!important;
    padding-bottom:24px!important;
    padding-left:calc((100vw - min(82vw, 348px))/2)!important;
    padding-right:calc((100vw - min(82vw, 348px))/2)!important;
    scroll-padding-left:calc((100vw - min(82vw, 348px))/2)!important;
    scroll-padding-right:calc((100vw - min(82vw, 348px))/2)!important;
  }

  .modal-carousel-rail{
    gap:12px!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  .modal-slide{
    flex:0 0 min(82vw, 348px)!important;
    width:min(82vw, 348px)!important;
    max-width:348px!important;
    scroll-snap-align:center!important;
    scroll-snap-stop:always!important;
  }
}


/* === V336 — MOBİL VİDEO ALANI: sağdaki dikey scrollbar kaldırıldı === */
@media (max-width:760px){
  .video-rail,
  .videos-rail,
  .video-track,
  .video-carousel,
  .video-list,
  .video-grid,
  .modal-carousel-viewport,
  .modal-carousel-rail{
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }

  .video-rail::-webkit-scrollbar,
  .videos-rail::-webkit-scrollbar,
  .video-track::-webkit-scrollbar,
  .video-carousel::-webkit-scrollbar,
  .video-list::-webkit-scrollbar,
  .video-grid::-webkit-scrollbar,
  .modal-carousel-viewport::-webkit-scrollbar,
  .modal-carousel-rail::-webkit-scrollbar{
    width:0!important;
    height:0!important;
    display:none!important;
    background:transparent!important;
  }
}


/* === V337 — MOBİL VİDEO MODALI: merkezde aktif kart + yandakiler görünür === */
@media (max-width:760px){
  .modal-carousel-viewport{
    position:absolute!important;
    inset:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    display:block!important;
    padding-top:24px!important;
    padding-bottom:24px!important;
    padding-left:12vw!important;
    padding-right:12vw!important;
    scroll-padding-left:12vw!important;
    scroll-padding-right:12vw!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }

  .modal-carousel-viewport::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }

  .modal-carousel-rail{
    display:flex!important;
    align-items:center!important;
    min-height:100%!important;
    gap:12px!important;
    padding:0!important;
    width:max-content!important;
    overflow:visible!important;
  }

  .modal-slide{
    flex:0 0 76vw!important;
    width:76vw!important;
    max-width:330px!important;
    scroll-snap-align:center!important;
    scroll-snap-stop:always!important;
    opacity:.72!important;
    transform:scale(.975)!important;
  }

  .modal-slide:first-child,
  .modal-slide.is-active{
    opacity:1!important;
    transform:scale(1)!important;
  }

  .modal-slide .modal-box{
    width:100%!important;
  }
}


/* === V338 — ANA SAYFADAKİ KOZMİK ARKA PLAN TÜM ALT SAYFALARDA === */
html{
  background:#020711!important;
}

body{
  background:
    linear-gradient(180deg,rgba(2,7,17,.18),rgba(2,7,17,.30)),
    url('../images/mobile-space-reference.png') center top/cover fixed!important;
  background-color:#020711!important;
  background-attachment:fixed!important;
  min-height:100vh;
}

/* Alt sayfalardaki düz/tek renk blokları kaldır; ana sayfadaki arka plan devam etsin. */
body main,
body main > section,
body .page-hero,
body .profile-hero,
body .theme-light,
body .theme-dark,
body .section{
  background-color:transparent!important;
}

/* İç sayfa hero'larında mevcut okunabilirlik katmanını koru, ama görsel arka planı ortak uzay zemini olsun. */
body .page-hero,
body .profile-hero{
  background-image:
    linear-gradient(180deg,rgba(2,9,22,.42),rgba(2,9,22,.20))!important;
}

/* İç sayfalarda kozmosu kapatan eski kristal duvar kağıtlarını kaldır. */
body.premium-page-bg,
body.fal-types-page{
  background:
    linear-gradient(180deg,rgba(2,7,17,.18),rgba(2,7,17,.30)),
    url('../images/mobile-space-reference.png') center top/cover fixed!important;
}

/* Mobilde de ana sayfadaki kesintisiz arka plan dili aynen sürsün. */
@media (max-width:767px){
  html,body{
    background-color:#020711!important;
  }
  body{
    background:
      linear-gradient(180deg,rgba(2,7,17,.16),rgba(2,7,17,.30)),
      url('../images/mobile-space-reference.png') center top/cover fixed!important;
    background-attachment:fixed!important;
  }
  body main,
  body main > section,
  body .page-hero,
  body .profile-hero,
  body .theme-light,
  body .theme-dark,
  body .section{
    background-color:transparent!important;
  }
}


/* === V339 — HEADER / MARKA ŞERİDİ: daha güçlü, premium ve dengeli === */
@media (max-width:767px){
  header,
  .site-header,
  .navbar,
  .nav-wrap{
    min-height:68px!important;
  }

  .site-header,
  header{
    background:
      linear-gradient(90deg,rgba(3,13,29,.97),rgba(3,17,35,.94) 58%,rgba(4,14,29,.97))!important;
    border-bottom:1px solid rgba(104,204,238,.16)!important;
    box-shadow:
      0 8px 24px rgba(0,0,0,.24),
      inset 0 -1px 0 rgba(221,184,93,.035)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
  }

  .brand,
  .site-brand,
  .navbar-brand,
  .logo{
    transform:scale(1.25)!important;
    transform-origin:left center!important;
  }

  .brand img,
  .site-brand img,
  .navbar-brand img,
  header .logo img{
    filter:drop-shadow(0 0 8px rgba(62,196,236,.20))!important;
  }

  .brand-name,
  .site-brand .name,
  .brand .name,
  .logo-text,
  .brand-title{
    letter-spacing:.01em!important;
  }

  .brand-sub,
  .site-brand .sub,
  .brand .sub,
  .logo-subtitle,
  .brand-kicker{
    opacity:.72!important;
    letter-spacing:.09em!important;
  }
}

/* === V340 — SADECE DESKTOP HEADER: premium ana navigasyon + rafine marka şeridi === */
/* Mobil/tablet yapıya dokunmaz. Mevcut slide menü ve fonksiyonları aynen korunur. */
.desktop-primary-nav{display:none;}

@media (min-width:981px){
  .site-header{
    padding:12px 0!important;
    background:
      linear-gradient(180deg,rgba(3,11,24,.91),rgba(3,12,27,.84))!important;
    border-bottom:1px solid rgba(217,178,91,.16)!important;
    box-shadow:0 10px 34px rgba(0,0,0,.22), inset 0 -1px 0 rgba(104,204,238,.045)!important;
    backdrop-filter:blur(20px) saturate(135%)!important;
    -webkit-backdrop-filter:blur(20px) saturate(135%)!important;
  }
  .site-header::after{
    content:"";
    position:absolute;
    left:50%;bottom:-1px;
    width:min(1160px,86vw);height:1px;
    transform:translateX(-50%);
    background:linear-gradient(90deg,transparent,rgba(217,178,91,.12) 18%,rgba(111,210,239,.18) 50%,rgba(217,178,91,.12) 82%,transparent);
    pointer-events:none;
  }
  .site-header.scrolled{
    padding:9px 0!important;
    background:rgba(3,10,22,.94)!important;
  }
  .site-header .container{
    max-width:1380px;
    min-height:58px;
    gap:20px;
  }
  .site-header .brand{
    flex:0 0 auto;
    gap:11px;
    padding-right:20px;
    position:relative;
  }
  .site-header .brand::after{
    content:"";
    position:absolute;
    right:0;top:50%;
    width:1px;height:30px;
    transform:translateY(-50%);
    background:linear-gradient(180deg,transparent,rgba(217,178,91,.28),transparent);
  }
  .site-header .brand img{
    height:43px;
    filter:drop-shadow(0 0 10px rgba(76,190,232,.16));
  }
  .site-header .brand-text .name{
    font-size:18px;
    letter-spacing:.015em;
  }
  .site-header .brand-text .tag{
    margin-top:3px;
    font-size:9.5px;
    letter-spacing:.12em;
    color:rgba(219,210,196,.60);
  }

  .desktop-primary-nav{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:1 1 auto;
    min-width:0;
    gap:clamp(15px,1.55vw,27px);
    padding:0 4px;
  }
  .desktop-primary-nav a{
    position:relative;
    display:inline-flex;
    align-items:center;
    min-height:40px;
    padding:0 2px;
    white-space:nowrap;
    font-family:var(--f-mono);
    font-size:clamp(10.5px,.86vw,12px);
    font-weight:500;
    letter-spacing:.045em;
    color:rgba(230,231,235,.72);
    transition:color .25s ease, transform .25s ease;
  }
  .desktop-primary-nav a::before{
    content:"";
    position:absolute;
    left:50%;bottom:3px;
    width:0;height:1px;
    transform:translateX(-50%);
    background:linear-gradient(90deg,rgba(217,178,91,.12),#ddb85f,rgba(111,210,239,.35));
    box-shadow:0 0 8px rgba(221,184,95,.28);
    transition:width .28s ease;
  }
  .desktop-primary-nav a:hover,
  .desktop-primary-nav a.active{
    color:#f2e8d4;
    transform:translateY(-1px);
  }
  .desktop-primary-nav a:hover::before,
  .desktop-primary-nav a.active::before{width:100%;}
  .desktop-primary-nav a.active::after{
    content:"✦";
    position:absolute;
    top:-4px;left:50%;
    transform:translateX(-50%);
    font-size:6px;
    color:rgba(221,184,95,.72);
  }

  .site-header .header-actions{
    flex:0 0 auto;
    gap:9px;
    padding-left:17px;
    position:relative;
  }
  .site-header .header-actions::before{
    content:"";
    position:absolute;
    left:0;top:50%;
    width:1px;height:30px;
    transform:translateY(-50%);
    background:linear-gradient(180deg,transparent,rgba(217,178,91,.24),transparent);
  }
  .site-header .ig-desktop{
    width:38px;height:38px;
    border-color:rgba(217,178,91,.22);
    color:rgba(237,232,224,.72);
    background:rgba(255,255,255,.018);
  }
  .site-header .ig-desktop:hover{
    border-color:rgba(217,178,91,.55);
    color:#e0bd6a;
    background:rgba(217,178,91,.055);
  }
  .site-header .header-cta{
    min-height:39px;
    padding:9px 15px;
    border-radius:999px;
    background:linear-gradient(135deg,#28c86c,#1eb45d)!important;
    box-shadow:0 7px 18px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.16)!important;
    font-size:11.5px;
    letter-spacing:.02em;
  }
  .site-header .nav-toggle{
    width:39px;height:39px;
    border-radius:50%;
    border-color:rgba(217,178,91,.30)!important;
    color:#d9b45f!important;
    background:rgba(7,17,31,.48)!important;
  }
  .site-header .nav-toggle:hover{
    border-color:rgba(217,178,91,.72)!important;
    background:rgba(217,178,91,.06)!important;
  }
}

/* Daha dar bilgisayar ekranlarında navigasyon yine temiz kalsın; mobil menü davranışı değişmez. */
@media (min-width:981px) and (max-width:1180px){
  .site-header .container{padding-left:18px;padding-right:18px;gap:13px;}
  .site-header .brand{padding-right:13px;}
  .site-header .brand-text .tag{display:none;}
  .site-header .brand img{height:39px;}
  .desktop-primary-nav{gap:12px;}
  .desktop-primary-nav a{font-size:10px;letter-spacing:.02em;}
  .site-header .header-actions{padding-left:12px;gap:7px;}
  .site-header .ig-desktop{display:none;}
  .site-header .header-cta{padding:8px 11px;font-size:10.5px;}
}

@media (max-width:980px){
  .desktop-primary-nav{display:none!important;}
}

/* ========================================================================== */
/* V341 — MOBILE HEADER REFINEMENT ONLY                                      */
/* Desktop (>= 761px) intentionally untouched.                               */
/* ========================================================================== */
@media (max-width: 760px) {
  .site-header {
    padding: 8px 0 !important;
    background:
      linear-gradient(180deg, rgba(4,13,27,.965), rgba(4,11,23,.94)) !important;
    border-bottom: 1px solid rgba(211,177,99,.18) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.22) !important;
    backdrop-filter: blur(18px) saturate(125%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(125%) !important;
  }

  /* thin premium accent, deliberately subtle */
  .site-header::after {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: -1px;
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg,
      transparent 0%,
      rgba(104,205,241,.20) 24%,
      rgba(218,181,96,.42) 50%,
      rgba(104,205,241,.20) 76%,
      transparent 100%);
  }

  .site-header .container {
    width: calc(100% - 28px) !important;
    max-width: none !important;
    min-height: 50px !important;
    padding: 0 !important;
    gap: 10px !important;
  }

  .site-header .brand {
    gap: 10px !important;
    min-width: 0;
    padding: 0 !important;
  }

  .site-header .brand img {
    width: 37px !important;
    height: 37px !important;
    padding: 3px;
    object-fit: contain;
    border-radius: 50%;
    background: rgba(8,21,39,.70);
    border: 1px solid rgba(108,203,236,.24);
    box-shadow:
      0 0 0 3px rgba(108,203,236,.025),
      inset 0 0 12px rgba(61,180,225,.06);
  }

  .site-header .brand-text {
    position: relative;
    padding-left: 0;
    min-width: 0;
  }

  .site-header .brand-text .name {
    font-size: 16px !important;
    line-height: 1.05 !important;
    font-weight: 600;
    letter-spacing: .005em !important;
    color: rgba(248,249,252,.97) !important;
    white-space: nowrap;
    text-shadow: none !important;
  }

  .site-header .brand-text .tag {
    display: block !important;
    margin-top: 4px !important;
    font-size: 7.5px !important;
    line-height: 1 !important;
    letter-spacing: .18em !important;
    color: rgba(210,177,99,.76) !important;
    text-transform: uppercase;
  }

  .site-header .header-actions {
    margin-left: auto;
    gap: 0 !important;
  }

  .site-header .header-cta,
  .site-header .ig-desktop {
    display: none !important;
  }

  .site-header .nav-toggle {
    position: relative;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
    border-radius: 12px !important;
    color: #d7b25d !important;
    background:
      linear-gradient(145deg, rgba(16,31,49,.78), rgba(6,16,30,.82)) !important;
    border: 1px solid rgba(210,176,94,.27) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.045),
      0 7px 18px rgba(0,0,0,.18) !important;
  }

  .site-header .nav-toggle::before {
    content: "";
    position: absolute;
    inset: 4px;
    border-radius: 9px;
    border: 1px solid rgba(96,198,235,.07);
    pointer-events: none;
  }

  .site-header .nav-toggle svg {
    width: 19px !important;
    height: 19px !important;
    stroke-width: 1.55 !important;
  }

  .site-header .nav-toggle:active {
    transform: scale(.97);
  }
}

@media (max-width: 390px) {
  .site-header .container { width: calc(100% - 22px) !important; }
  .site-header .brand { gap: 8px !important; }
  .site-header .brand img { width: 35px !important; height: 35px !important; }
  .site-header .brand-text .name { font-size: 15px !important; }
  .site-header .brand-text .tag { font-size: 7px !important; letter-spacing: .15em !important; }
  .site-header .nav-toggle { width: 40px !important; height: 40px !important; min-width: 40px !important; }
}

/* =========================================================
   V342 — Üyelik / Sadakat / Favoriler / Yorumlar
   Mevcut site tasarımını değiştirmeden ek katman.
   ========================================================= */
.member-entry{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 11px;border:1px solid rgba(210,176,94,.25);border-radius:11px;color:#d8b45e!important;background:rgba(7,20,35,.45);font-size:11px;font-weight:700;text-decoration:none!important}.member-entry-icon{font-size:17px}.member-reader-actions{padding:70px 0;background:linear-gradient(180deg,#f7f5ef,#fff)}.member-reader-actions-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px}.member-favorite-panel,.member-comments-panel,.member-loyalty,.member-referral,.member-stat-grid article,.member-welcome{border:1px solid rgba(178,139,58,.2);border-radius:22px;background:#fff;box-shadow:0 18px 45px rgba(5,18,35,.07);padding:28px}.member-kicker{display:block;font-size:9px;letter-spacing:.19em;font-weight:800;color:#b28b3a;margin-bottom:8px}.member-reader-actions h2,.member-reader-actions h3{color:#0a2237;margin:0 0 10px}.member-reader-actions p{color:#65717b;line-height:1.7}.member-fav-btn,.member-primary,.member-ghost{appearance:none;border:0;cursor:pointer;font:inherit}.member-fav-btn,.member-primary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border-radius:12px;background:linear-gradient(135deg,#cba54d,#e0c16f);color:#071726;font-size:12px;font-weight:800}.member-fav-btn.is-favorite{background:#071726;color:#e0bd68}.member-comment-form textarea{width:100%;min-height:100px;resize:vertical;padding:14px;border-radius:13px;border:1px solid rgba(7,23,38,.14);margin:10px 0;font:inherit}.member-stars{display:flex;gap:3px}.member-stars button{border:0;background:none;color:#c7c7c7;font-size:22px;cursor:pointer;padding:0 2px}.member-stars button.is-on{color:#c99f40}.member-comment-form small{display:block;margin-top:8px;color:#89929a}.member-comments-list{display:grid;gap:10px;margin-top:20px}.member-comment{padding:15px;border-radius:14px;background:#f8f7f3;border:1px solid rgba(178,139,58,.13)}.member-comment-head{display:flex;justify-content:space-between;gap:10px}.member-comment-stars{color:#c99f40}.member-comment p{margin:7px 0 0!important;font-size:13px}.member-auth-overlay{position:fixed;inset:0;z-index:10020;background:rgba(1,8,16,.78);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;padding:18px}.member-auth-overlay.is-open{display:flex}.member-auth-box{position:relative;width:min(440px,100%);border:1px solid rgba(211,177,96,.27);border-radius:24px;padding:30px;background:linear-gradient(145deg,#081c30,#04111f);color:#fff;box-shadow:0 30px 90px rgba(0,0,0,.42)}.member-auth-box h2{margin:5px 0 8px;color:#fff}.member-auth-box p{color:rgba(255,255,255,.62);font-size:13px;line-height:1.6}.member-auth-close{position:absolute;right:15px;top:15px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#fff;cursor:pointer}.member-auth-box input{width:100%;height:48px;border-radius:12px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);color:#fff;padding:0 14px;margin:6px 0}.member-auth-box label{display:block;font-size:11px;color:rgba(255,255,255,.72);margin-top:10px}.member-auth-box .member-primary{width:100%;margin-top:14px}.member-auth-message{min-height:18px;margin-top:10px;font-size:11px!important}.member-auth-message.is-error{color:#ffaaa4}.member-simple-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));background:#061726;border-bottom:1px solid rgba(211,177,96,.18)}.member-simple-header>a:first-child{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.member-simple-header img{width:42px;height:42px;object-fit:contain}.member-simple-header span{display:flex;flex-direction:column}.member-simple-header small{font-size:7px;letter-spacing:.18em;color:#d8b45e}.member-simple-header>a:last-child{color:#d8b45e;text-decoration:none;font-size:12px}.member-account-page{background:#f6f4ee}.member-account-shell{width:min(1120px,calc(100% - 36px));margin:0 auto;padding:58px 0 90px}.member-account-hero{text-align:center;max-width:650px;margin:0 auto 34px}.member-account-hero h1{font-size:48px;color:#071d31;margin:5px 0}.member-account-hero p{color:#68747e}.member-dashboard[hidden]{display:none}.member-welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.member-welcome h2{margin:0;color:#071d31}.member-welcome p{margin:5px 0 0;color:#7b858d}.member-ghost{padding:10px 14px;border-radius:10px;border:1px solid rgba(7,29,49,.14);background:transparent;color:#52616c;font-size:11px;font-weight:700}.member-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.member-stat-grid article span,.member-stat-grid article small{display:block;color:#7d878f;font-size:11px}.member-stat-grid article strong{display:block;color:#092238;font-size:22px;margin:7px 0}.member-dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.member-dashboard-grid h3{font-size:24px;color:#092238;margin:5px 0 10px}.member-stamps{display:flex;align-items:center;gap:8px;margin:18px 0}.member-stamps i{width:44px;height:44px;border-radius:50%;border:1px dashed rgba(178,139,58,.45);background:#faf8f1}.member-stamps i.is-filled{border-style:solid;background:radial-gradient(circle,#e6ca80,#c49b3f);box-shadow:0 0 0 4px rgba(196,155,63,.08)}.member-stamps b{font-size:25px;filter:grayscale(1);opacity:.4}.member-stamps.is-reward b{filter:none;opacity:1}.member-code-entry{display:flex;gap:8px;margin:14px 0}.member-code-entry input{flex:1;min-width:0;height:42px;border:1px solid rgba(7,29,49,.15);border-radius:11px;padding:0 12px;text-transform:uppercase}.member-ref-code{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border:1px dashed rgba(178,139,58,.4);border-radius:12px;margin:15px 0}.member-ref-code strong{letter-spacing:.08em;color:#092238}.member-ref-code button{border:0;background:none;color:#b28b3a;font-weight:800;cursor:pointer}.member-referral p,.member-loyalty p{color:#66737d;line-height:1.65}.member-tabs{display:flex;gap:7px;margin-top:20px}.member-tabs button{border:1px solid rgba(7,29,49,.12);border-radius:11px;background:#fff;padding:11px 15px;color:#66737d;font-weight:700;cursor:pointer}.member-tabs button.active{background:#071d31;color:#e2bf68}.member-tab-content{min-height:120px;margin-top:10px;border:1px solid rgba(7,29,49,.09);border-radius:18px;background:#fff;padding:20px}.member-empty{text-align:center;color:#8a949b;padding:24px}.member-favorite-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.member-favorite-item{padding:14px;border-radius:13px;background:#f8f7f3;color:#092238;text-decoration:none!important}.member-fav-float{position:absolute;right:10px;top:10px;z-index:6;width:36px;height:36px;border-radius:50%;border:1px solid rgba(210,176,94,.45);background:rgba(5,19,32,.8);color:#e2bd65;font-size:19px;cursor:pointer}.video-card{position:relative}.member-confirm{position:fixed;inset:0;z-index:10030;background:rgba(1,8,16,.8);display:flex;align-items:center;justify-content:center;padding:18px}.member-confirm>div{max-width:430px;background:#fff;border-radius:20px;padding:26px}.member-confirm h3{margin-top:0;color:#092238}.member-confirm p{color:#66737d;line-height:1.65}.member-confirm-actions{display:flex;justify-content:flex-end;gap:8px}
@media(max-width:980px){.member-entry-label{display:none}.member-entry{width:40px;height:40px;padding:0;justify-content:center;border-radius:11px}.member-reader-actions-grid,.member-dashboard-grid{grid-template-columns:1fr}.member-stat-grid{grid-template-columns:1fr}.member-favorite-list{grid-template-columns:1fr}.member-account-hero h1{font-size:36px}}
@media(max-width:760px){.member-entry{display:inline-flex!important;margin-right:7px}.member-reader-actions{padding:42px 0}.member-favorite-panel,.member-comments-panel{padding:21px}.member-simple-header{padding:0 16px}.member-account-shell{width:calc(100% - 24px);padding-top:35px}.member-welcome{align-items:flex-start}.member-code-entry{flex-direction:column}.member-tabs{overflow:auto}.member-tabs button{white-space:nowrap}}

/* ===== V346 — ONAYLANAN HESABIM TASARIMI ===== */
.member-account-v346{margin:0;background:#020812;overflow-x:hidden;min-height:100vh}

.member-account-v346{margin:0;background:#020812;overflow-x:hidden}
.member-account-v346 .member-v346-login{position:relative;width:100%;height:100svh;min-height:680px;overflow:hidden;background:#020812;display:flex;align-items:center;justify-content:center}
.member-account-v346 .member-v346-stage{position:relative;flex:none;width:min(100vw,calc(100svh * 1.64044944));aspect-ratio:1606/979;overflow:hidden;background:#020812}
.member-v346-art{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:fill;pointer-events:none;user-select:none}
.member-v346-home,.member-v346-continue,.member-v346-email{position:absolute;z-index:8;border:0;background:transparent;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}
.member-v346-auth-bridge{position:fixed;width:1px;height:1px;left:-10px;top:-10px;opacity:0;border:0;padding:0}
.member-v346-home{left:86.1%;top:1.15%;width:10.2%;height:5.4%}
.member-v346-phone-wrap{position:absolute;z-index:9;left:69.9%;top:44.55%;width:16.9%;height:5.6%;display:flex;align-items:center;margin:0}
.member-v346-phone{box-sizing:border-box;width:100%;height:100%;border:0!important;outline:0!important;background:#071321!important;color:#dbe5ee!important;font:400 clamp(12px,1vw,16px)/1.1 Arial,sans-serif;letter-spacing:.035em;padding:5px 6px 0!important;margin:0!important;border-radius:0!important;box-shadow:none!important;caret-color:#efc56d}
.member-v346-phone::placeholder{color:#758392;opacity:.8}
.member-v346-continue{left:64.15%;top:51.95%;width:25.8%;height:5.95%;border-radius:999px}
.member-v346-email{left:66.2%;top:63.25%;width:22.9%;height:5.1%}
.member-v346-home:hover,.member-v346-continue:hover,.member-v346-email:hover{background:rgba(255,255,255,.025)}
.member-v346-home:focus-visible,.member-v346-continue:focus-visible,.member-v346-email:focus-visible,.member-v346-phone:focus-visible{outline:2px solid rgba(239,197,109,.9)!important;outline-offset:2px}
.member-v346-dashboard-shell{padding-top:38px}
@media (max-aspect-ratio: 1606/979) and (min-width: 721px){
 .member-account-v346 .member-v346-stage{width:100vw;height:auto}
}
@media (max-width:720px){
 .member-account-v346 .member-v346-login{min-height:100svh;display:block;background:radial-gradient(circle at 50% 25%,#12395c 0,#07182a 36%,#020812 78%)}
 .member-account-v346 .member-v346-stage{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;background:transparent;overflow:hidden}
 .member-v346-art{width:auto;height:64%;max-width:none;left:50%;top:0;transform:translateX(-50%);object-fit:contain;opacity:.94}
 .member-v346-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,18,0) 18%,rgba(2,8,18,.14) 40%,#020812 61%);pointer-events:none}
 .member-v346-home{left:auto;right:4%;top:1.2%;width:29%;height:6%;z-index:12}
 .member-v346-phone-wrap{left:8%;top:66%;width:84%;height:56px;border:1px solid rgba(157,181,204,.44);border-radius:999px;background:rgba(4,15,27,.92);padding:0 18px 0 68px;box-sizing:border-box}
 .member-v346-phone-wrap:before{content:'+90';position:absolute;left:22px;top:50%;transform:translateY(-50%);color:#e2e9ef;font:14px Arial,sans-serif}
 .member-v346-phone{font-size:16px!important;background:transparent!important}
 .member-v346-continue{left:8%;top:75%;width:84%;height:58px;border:1px solid #d7ad5f;background:linear-gradient(90deg,#a97d3f,#d8b366,#9c7136);z-index:12}
 .member-v346-continue:after{content:'Devam Et  ›';color:#08111c;font:800 15px Arial,sans-serif}
 .member-v346-email{left:12%;top:84%;width:76%;height:44px;z-index:12}
 .member-v346-email:after{content:'Giriş için SMS doğrulaması kullanılır';color:#dbe5ee;font:12px Arial,sans-serif;text-decoration:underline}
}

/* ===== V349 — telefon metni dikey hizalama düzeltmesi ===== */
@media (min-width:721px){
  .member-v346-phone{
    padding:0 6px!important;
    line-height:normal!important;
    transform:translateY(7px);
  }
}

/* ===== V350 — PC telefon alanı: yalnızca masaüstünde aşağı hizalama ===== */
@media (min-width:721px){
  .member-v346-phone-wrap{
    transform:translateY(11px);
  }
  .member-v346-phone{
    transform:none!important;
    padding:0 6px!important;
    line-height:1.1!important;
  }
}

/* ===== V351 — PC telefon alanı estetik entegrasyon =====
   Dikdörtgen input görünümünü kaldır; alanı görseldeki oval telefon çubuğuna yedir. */
@media (min-width:721px){
  .member-v346-phone-wrap{
    top:44.55%!important;
    transform:translateY(11px)!important;
    height:5.6%!important;
    display:flex!important;
    align-items:center!important;
    overflow:visible!important;
    background:transparent!important;
  }
  .member-v346-phone{
    position:relative!important;
    width:100%!important;
    height:68%!important;
    min-height:0!important;
    align-self:center!important;
    box-sizing:border-box!important;
    border:0!important;
    outline:0!important;
    border-radius:999px!important;
    background:rgba(5,17,30,.92)!important;
    color:#dbe5ee!important;
    padding:0 10px!important;
    margin:0!important;
    line-height:1!important;
    transform:translateY(1px)!important;
    box-shadow:inset 0 0 14px rgba(2,9,18,.18)!important;
    caret-color:#efc56d!important;
  }
  .member-v346-phone::placeholder{color:#758392!important;opacity:.86!important}
  .member-v346-phone:focus{background:rgba(5,17,30,.95)!important;box-shadow:inset 0 0 14px rgba(2,9,18,.18),0 0 0 1px rgba(109,154,195,.08)!important}
}

/* ===== V352 — ülke kodu + telefon alanı tamamen düzenlenebilir ===== */
@media (min-width:721px){
  .member-v346-phone-wrap{
    left:64.15%!important; top:44.55%!important; width:25.8%!important; height:5.6%!important;
    transform:translateY(11px)!important; display:flex!important; align-items:center!important;
    padding:0 14px!important; box-sizing:border-box!important; overflow:hidden!important;
    border:1px solid rgba(148,170,194,.48)!important; border-radius:999px!important;
    background:#071321!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.012)!important;
  }
  .member-v346-country{
    flex:0 0 auto; width:92px; height:100%; border:0; outline:0; background:transparent;
    color:#dbe5ee; font:400 clamp(12px,.92vw,15px)/1 Arial,sans-serif; cursor:pointer;
    padding:0 8px 0 2px; appearance:auto; color-scheme:dark;
  }
  .member-v346-country option{background:#071321;color:#e4edf5}
  .member-v346-phone-sep{width:1px;height:42%;background:rgba(151,174,197,.28);flex:0 0 1px;margin:0 13px 0 4px}
  .member-v346-phone{
    flex:1 1 auto!important; min-width:0!important; width:auto!important; height:100%!important;
    padding:0!important; margin:0!important; transform:none!important; background:transparent!important;
    border:0!important; border-radius:0!important; line-height:normal!important;
  }
}
@media (max-width:720px){
  .member-v346-phone-wrap{padding:0 18px!important;display:flex!important;align-items:center!important;gap:10px!important}
  .member-v346-phone-wrap:before{content:none!important}
  .member-v346-country{width:94px;height:100%;border:0;outline:0;background:transparent;color:#e2e9ef;font:14px Arial,sans-serif;color-scheme:dark}
  .member-v346-country option{background:#071321;color:#e4edf5}
  .member-v346-phone-sep{width:1px;height:42%;background:rgba(151,174,197,.28);flex:0 0 1px}
  .member-v346-phone{flex:1;min-width:0;padding:0!important}
}
\n\n/* ===== V353 — Türkiye bayrağı +90 sabit ===== */
@media (min-width:721px){
  .member-v346-country{display:none!important}
  .member-v346-country-fixed{
    flex:0 0 auto; height:100%; display:flex; align-items:center; gap:8px;
    color:#dbe5ee; font:400 clamp(12px,.92vw,15px)/1 Arial,sans-serif;
    white-space:nowrap; padding:0 3px 0 2px; user-select:none;
  }
  .member-v346-country-fixed b{font:inherit;color:#dbe5ee;font-weight:400}
}
@media (max-width:720px){
  .member-v346-country{display:none!important}
  .member-v346-country-fixed{
    flex:0 0 auto;height:100%;display:flex;align-items:center;gap:7px;
    color:#e2e9ef;font:400 14px/1 Arial,sans-serif;white-space:nowrap;user-select:none;
  }
  .member-v346-country-fixed b{font:inherit;color:inherit;font-weight:400}
}


/* ===== V354 — TR bayrağı görünür +90 sabit ===== */
.member-v346-country-fixed{display:flex!important;align-items:center!important;}
.member-v346-tr-flag{display:inline-block!important;font-size:18px!important;line-height:1!important;filter:none!important;opacity:1!important;transform:none!important;}
@media (max-width:720px){.member-v346-tr-flag{font-size:19px!important;}}


/* ===== V356 — gerçek UI: yuvarlak Türk bayrağı + sabit +90 ===== */
.member-v346-tr-flag{
  position:relative!important;display:inline-block!important;flex:0 0 auto!important;
  width:23px!important;height:23px!important;border-radius:50%!important;
  background:#e30a17!important;overflow:hidden!important;font-size:0!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.14),0 2px 8px rgba(0,0,0,.24)!important;
  transform:none!important;opacity:1!important;filter:none!important;
}
.member-v346-tr-flag .tr-crescent{
  position:absolute;left:5px;top:5px;width:12px;height:12px;border-radius:50%;background:#fff;
}
.member-v346-tr-flag .tr-crescent:after{
  content:'';position:absolute;left:3.5px;top:1.7px;width:9px;height:9px;border-radius:50%;background:#e30a17;
}
.member-v346-tr-flag .tr-star{
  position:absolute;left:13.6px;top:7.1px;color:#fff;font:700 6.8px/1 Arial,sans-serif!important;
  transform:rotate(12deg)!important;transform-origin:center!important;
}
.member-v346-country-fixed{gap:8px!important;padding-left:0!important}
.member-v346-country-fixed b{font-weight:600!important;color:#e5edf5!important}
@media(max-width:720px){.member-v346-tr-flag{width:23px!important;height:23px!important}}


/* ===== V357 — gerçek Türk bayrağı SVG, yuvarlak maske ===== */
.member-v346-tr-flag{
  position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:24px!important;height:24px!important;min-width:24px!important;border-radius:50%!important;
  overflow:hidden!important;background:#e30a17!important;box-shadow:0 0 0 1px rgba(255,255,255,.16)!important;
}
.member-v346-tr-flag img{
  display:block!important;width:36px!important;height:24px!important;max-width:none!important;object-fit:cover!important;
  object-position:center!important;transform:none!important;filter:none!important;opacity:1!important;
}
.member-v346-tr-flag .tr-crescent,.member-v346-tr-flag .tr-star{display:none!important}
@media(max-width:720px){.member-v346-tr-flag{width:24px!important;height:24px!important;min-width:24px!important}.member-v346-tr-flag img{width:36px!important;height:24px!important}}


/* ===== V358 — telefon alanı final: tek parça, temiz focus, gerçek bayrak ===== */
.member-v346-phone-wrap{
  box-sizing:border-box!important;
  display:flex!important;align-items:center!important;
  overflow:hidden!important;
  border:1px solid rgba(142,166,190,.58)!important;
  border-radius:999px!important;
  background:#061321!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 24px rgba(0,0,0,.12)!important;
}
.member-v346-country-fixed{height:100%!important;display:flex!important;align-items:center!important;gap:9px!important;flex:0 0 auto!important;margin:0!important;padding:0!important;color:#edf4fb!important;}
.member-v346-country-fixed b{font-family:Arial,sans-serif!important;font-weight:700!important;line-height:1!important;color:#edf4fb!important;margin:0!important;}
.member-v346-tr-flag{width:24px!important;height:24px!important;min-width:24px!important;border-radius:50%!important;overflow:hidden!important;background:#e30a17!important;box-shadow:0 0 0 1px rgba(255,255,255,.18)!important;}
.member-v346-tr-flag img{width:36px!important;height:24px!important;max-width:none!important;object-fit:cover!important;object-position:center!important;display:block!important;}
.member-v346-phone-sep{display:block!important;flex:0 0 1px!important;width:1px!important;height:34%!important;margin:0 13px!important;background:rgba(163,183,202,.32)!important;}
.member-v346-phone{flex:1 1 auto!important;min-width:0!important;width:auto!important;height:100%!important;margin:0!important;padding:0 8px 0 0!important;border:0!important;outline:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;line-height:1!important;color:#dce6ef!important;caret-color:#d8b46a!important;}
.member-v346-phone:focus,.member-v346-phone:focus-visible{outline:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
.member-v346-phone-wrap:focus-within{border-color:rgba(188,207,225,.72)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 0 0 2px rgba(107,155,197,.07)!important;}
@media (min-width:721px){
 .member-v346-phone-wrap{left:64.15%!important;top:44.55%!important;width:25.8%!important;height:5.6%!important;transform:translateY(11px)!important;padding:0 15px!important;}
 .member-v346-country-fixed b{font-size:clamp(12px,.92vw,15px)!important;}
 .member-v346-phone{font-size:clamp(12px,1vw,16px)!important;}
}
@media (max-width:720px){
 .member-account-v346 .member-v346-stage{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important;}
 .member-v346-art{width:100%!important;height:58%!important;left:0!important;top:0!important;transform:none!important;object-fit:cover!important;object-position:27% center!important;opacity:.96!important;}
 .member-v346-stage:after{background:linear-gradient(180deg,rgba(2,8,18,0) 25%,rgba(2,8,18,.18) 43%,#020812 58%)!important;}
 .member-v346-phone-wrap{left:8%!important;top:66%!important;width:84%!important;height:56px!important;transform:none!important;padding:0 15px!important;gap:0!important;z-index:12!important;}
 .member-v346-country-fixed b{font-size:14px!important;}
 .member-v346-tr-flag{width:24px!important;height:24px!important;min-width:24px!important;}
 .member-v346-phone{font-size:16px!important;}
 .member-v346-phone-sep{margin:0 12px!important;height:32%!important;}
}


/* =========================================================
   V359 — Hesabım responsive final pass
   PC: tek parça telefon satırı. Mobil: desktop yazı/panel kırpıntısı yok,
   kristal kedi sahnesi + gerçek mobil giriş kompozisyonu.
   ========================================================= */
.member-v359-mobile-copy{display:none}

@media (min-width:721px){
  .member-account-v346 .member-v346-stage{
    overflow:hidden!important;
  }
  .member-v346-phone-wrap{
    left:64.15%!important;
    top:45.15%!important;
    width:25.8%!important;
    height:5.55%!important;
    transform:none!important;
    padding:0 18px!important;
    gap:0!important;
    overflow:hidden!important;
    border:1px solid rgba(146,169,192,.64)!important;
    background:#061321!important;
  }
  .member-v346-country-fixed{gap:9px!important}
  .member-v346-phone-sep{margin:0 12px!important;height:36%!important;background:rgba(171,190,208,.30)!important}
  .member-v346-phone{
    display:block!important;flex:1 1 0!important;min-width:0!important;width:0!important;
    height:100%!important;padding:0!important;margin:0!important;
    background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;
    font-family:Arial,sans-serif!important;font-size:clamp(12px,1vw,16px)!important;line-height:normal!important;
  }
  .member-v346-phone:focus,.member-v346-phone:focus-visible{outline:none!important;box-shadow:none!important;border:0!important}
  .member-v346-phone-wrap:focus-within{border-color:rgba(146,169,192,.64)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 24px rgba(0,0,0,.12)!important}
}

@media (max-width:720px){
  .member-account-v346 .member-v346-login{
    min-height:100svh!important;height:auto!important;
    background:#020812!important;overflow:hidden!important;
  }
  .member-account-v346 .member-v346-stage{
    position:relative!important;inset:auto!important;width:100%!important;height:100svh!important;min-height:720px!important;
    overflow:hidden!important;background:#020812!important;
  }
  /* Sadece kedi ve ay sahnesini göster; masaüstü sol metin ve sağ panel kadraj dışında. */
  .member-v346-art{
    position:absolute!important;left:0!important;top:0!important;
    width:100%!important;height:52%!important;max-width:none!important;
    transform:none!important;object-fit:cover!important;object-position:45% 48%!important;
    opacity:1!important;
  }
  .member-v346-stage:after{
    content:''!important;position:absolute!important;inset:0!important;z-index:2!important;
    background:linear-gradient(180deg,rgba(2,8,18,0) 0%,rgba(2,8,18,.04) 37%,#020812 52%,#020812 100%)!important;
    pointer-events:none!important;
  }
  .member-v346-home{right:4%!important;left:auto!important;top:1.5%!important;width:30%!important;height:6%!important;z-index:15!important}
  .member-v359-mobile-copy{
    display:block!important;position:absolute!important;z-index:12!important;
    left:7%!important;top:50.5%!important;width:86%!important;text-align:center!important;color:#eef4f9!important;
  }
  .member-v359-mobile-copy span{display:block;color:#d7b15d;font:700 9px/1.2 Arial,sans-serif;letter-spacing:.22em;margin-bottom:8px}
  .member-v359-mobile-copy h1{margin:0;color:#f3f5f7;font:400 34px/1.05 Georgia,'Times New Roman',serif;letter-spacing:.01em}
  .member-v359-mobile-copy p{margin:10px auto 0;max-width:310px;color:#aebbc8;font:400 13px/1.5 Arial,sans-serif}
  .member-v346-phone-wrap{
    position:absolute!important;z-index:13!important;
    left:7%!important;top:64%!important;width:86%!important;height:54px!important;
    transform:none!important;padding:0 16px!important;gap:0!important;
    overflow:hidden!important;border:1px solid rgba(146,169,192,.62)!important;border-radius:999px!important;
    background:#061321!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  }
  .member-v346-country-fixed{height:100%!important;gap:8px!important;flex:0 0 auto!important}
  .member-v346-country-fixed b{font-size:14px!important}
  .member-v346-tr-flag{width:23px!important;height:23px!important;min-width:23px!important}
  .member-v346-tr-flag img{width:35px!important;height:23px!important}
  .member-v346-phone-sep{height:32%!important;margin:0 11px!important;background:rgba(171,190,208,.30)!important}
  .member-v346-phone{
    display:block!important;flex:1 1 0!important;min-width:0!important;width:0!important;height:100%!important;
    padding:0!important;margin:0!important;background:transparent!important;border:0!important;outline:0!important;
    box-shadow:none!important;font:400 15px/normal Arial,sans-serif!important;color:#dce6ef!important;
  }
  .member-v346-phone:focus,.member-v346-phone:focus-visible{outline:none!important;border:0!important;box-shadow:none!important}
  .member-v346-phone-wrap:focus-within{border-color:rgba(146,169,192,.62)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}
  .member-v346-continue{
    left:7%!important;top:72.5%!important;width:86%!important;height:54px!important;z-index:13!important;
    border-radius:999px!important;border:1px solid #d7ad5f!important;
    background:linear-gradient(90deg,#a97d3f,#d8b366,#9c7136)!important;
  }
  .member-v346-continue:after{content:'Devam Et  ›'!important;color:#08111c!important;font:800 15px Arial,sans-serif!important}
  .member-v346-email{left:12%!important;top:82%!important;width:76%!important;height:42px!important;z-index:13!important}
  .member-v346-email:after{content:'Giriş için SMS doğrulaması kullanılır'!important;color:#dbe5ee!important;font:12px Arial,sans-serif!important;text-decoration:underline!important}
}

@media (max-width:390px){
  .member-v359-mobile-copy{top:49.5%!important}
  .member-v359-mobile-copy h1{font-size:31px!important}
  .member-v346-phone-wrap{left:6%!important;width:88%!important;top:63.5%!important}
  .member-v346-continue{left:6%!important;width:88%!important;top:72%!important}
}

/* =========================================================
   V360 — HARD RESET: Hesabım phone row + real mobile layout
   Previous V346–V359 positioning is intentionally overridden here.
   ========================================================= */
.member-v346-phone-wrap,
.member-v346-phone-wrap *{box-sizing:border-box!important}

@media (min-width:721px){
  .member-account-v346 .member-v346-login{height:100svh!important;min-height:680px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
  .member-account-v346 .member-v346-stage{position:relative!important;inset:auto!important;flex:none!important;width:min(100vw,calc(100svh * 1.64044944))!important;height:auto!important;aspect-ratio:1606/979!important;overflow:hidden!important}
  .member-v346-art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:fill!important;transform:none!important}
  .member-v359-mobile-copy{display:none!important}

  .member-v346-phone-wrap{
    position:absolute!important;z-index:30!important;
    left:64.15%!important;top:45.05%!important;width:25.8%!important;height:5.75%!important;
    transform:none!important;margin:0!important;padding:0 18px!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;
    overflow:hidden!important;border:1px solid rgba(135,158,181,.72)!important;border-radius:999px!important;
    background:#061321!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  }
  .member-v346-country-fixed{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;height:100%!important;flex:0 0 auto!important;margin:0!important;padding:0!important}
  .member-v346-tr-flag{display:block!important;width:24px!important;height:24px!important;min-width:24px!important;border-radius:50%!important;overflow:hidden!important;background:#e30a17!important;box-shadow:0 0 0 1px rgba(255,255,255,.18)!important}
  .member-v346-tr-flag img{display:block!important;width:36px!important;height:24px!important;max-width:none!important;object-fit:cover!important;object-position:center!important;margin:0!important}
  .member-v346-country-fixed b{font:700 clamp(12px,.92vw,15px)/1 Arial,sans-serif!important;color:#edf4fb!important;margin:0!important;padding:0!important}
  .member-v346-phone-sep{display:block!important;flex:0 0 1px!important;width:1px!important;height:36%!important;margin:0 12px!important;background:rgba(171,190,208,.34)!important}
  .member-v346-phone{
    position:static!important;display:block!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;height:100%!important;
    margin:0!important;padding:0!important;transform:none!important;
    border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;
    color:#dce6ef!important;caret-color:#d8b46a!important;font:400 clamp(12px,1vw,16px)/1 Arial,sans-serif!important;letter-spacing:.02em!important;
  }
  .member-v346-phone::placeholder{color:#758392!important;opacity:.86!important}
  .member-v346-phone:focus,.member-v346-phone:focus-visible{outline:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  .member-v346-phone-wrap:focus-within{border-color:rgba(135,158,181,.82)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 0 0 2px rgba(102,151,194,.06)!important}
}

@media (max-width:720px){
  html,body.member-account-v346{width:100%!important;max-width:100%!important;overflow-x:hidden!important;background:#020812!important}
  .member-account-v346 .member-v346-login{position:relative!important;width:100%!important;height:auto!important;min-height:100svh!important;display:block!important;overflow:hidden!important;background:#020812!important}
  .member-account-v346 .member-v346-stage{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:100svh!important;aspect-ratio:auto!important;overflow:hidden!important;background:#020812!important;padding:0 0 54px!important}

  /* Hide desktop composite; use a clean crop containing only moon + crystal cat. */
  .member-v346-art{display:block!important;position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;max-width:none!important;aspect-ratio:610/860!important;object-fit:cover!important;object-position:center top!important;transform:none!important;opacity:1!important;content:url('../images/member-v346/hesabim-mobile-cat.png')!important}
  .member-v346-stage:after{content:''!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:58vw!important;min-height:300px!important;z-index:3!important;pointer-events:none!important;background:linear-gradient(180deg,rgba(2,8,18,0) 55%,#020812 100%)!important}
  .member-v346-home{position:absolute!important;right:16px!important;left:auto!important;top:14px!important;width:110px!important;height:42px!important;z-index:40!important}

  .member-v359-mobile-copy{display:block!important;position:relative!important;z-index:20!important;left:auto!important;top:auto!important;width:calc(100% - 40px)!important;margin:-74px auto 22px!important;text-align:center!important;color:#eef4f9!important}
  .member-v359-mobile-copy span{display:block!important;color:#d7b15d!important;font:700 9px/1.2 Arial,sans-serif!important;letter-spacing:.22em!important;margin:0 0 8px!important}
  .member-v359-mobile-copy h1{margin:0!important;color:#f3f5f7!important;font:400 34px/1.05 Georgia,'Times New Roman',serif!important}
  .member-v359-mobile-copy p{margin:10px auto 0!important;max-width:315px!important;color:#aebbc8!important;font:400 13px/1.5 Arial,sans-serif!important}

  .member-v346-phone-wrap{
    position:relative!important;z-index:20!important;left:auto!important;top:auto!important;width:calc(100% - 40px)!important;height:56px!important;
    margin:0 auto!important;padding:0 16px!important;transform:none!important;
    display:flex!important;align-items:center!important;gap:0!important;overflow:hidden!important;
    border:1px solid rgba(135,158,181,.68)!important;border-radius:999px!important;background:#061321!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  }
  .member-v346-country-fixed{display:flex!important;align-items:center!important;gap:8px!important;height:100%!important;flex:0 0 auto!important;margin:0!important;padding:0!important}
  .member-v346-tr-flag{display:block!important;width:24px!important;height:24px!important;min-width:24px!important;border-radius:50%!important;overflow:hidden!important;background:#e30a17!important}
  .member-v346-tr-flag img{display:block!important;width:36px!important;height:24px!important;max-width:none!important;object-fit:cover!important;object-position:center!important}
  .member-v346-country-fixed b{font:700 14px/1 Arial,sans-serif!important;color:#edf4fb!important}
  .member-v346-phone-sep{display:block!important;flex:0 0 1px!important;width:1px!important;height:32%!important;margin:0 11px!important;background:rgba(171,190,208,.34)!important}
  .member-v346-phone{position:static!important;display:block!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;height:100%!important;margin:0!important;padding:0!important;transform:none!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#dce6ef!important;caret-color:#d8b46a!important;font:400 15px/1 Arial,sans-serif!important}
  .member-v346-phone:focus,.member-v346-phone:focus-visible{outline:0!important;border:0!important;background:transparent!important;box-shadow:none!important}

  .member-v346-continue{position:relative!important;z-index:20!important;display:flex!important;align-items:center!important;justify-content:center!important;left:auto!important;top:auto!important;width:calc(100% - 40px)!important;height:56px!important;margin:18px auto 0!important;border-radius:999px!important;border:1px solid #d7ad5f!important;background:linear-gradient(90deg,#a97d3f,#d8b366,#9c7136)!important}
  .member-v346-continue:after{content:'Devam Et  ›'!important;color:#08111c!important;font:800 15px/1 Arial,sans-serif!important}
  .member-v346-email{position:relative!important;z-index:20!important;display:flex!important;align-items:center!important;justify-content:center!important;left:auto!important;top:auto!important;width:calc(100% - 60px)!important;height:42px!important;margin:20px auto 0!important}
  .member-v346-email:after{content:'Giriş için SMS doğrulaması kullanılır'!important;color:#dbe5ee!important;font:12px/1.2 Arial,sans-serif!important;text-decoration:underline!important}
}

/* =========================================================
   V361 — FINAL CLEAN OVERRIDE
   PC: baked phone artwork is fully covered, one real control is drawn.
   Mobile: clean cat crop, no desktop text fragments, normal document flow.
   ========================================================= */
@media (min-width:721px){
  .member-v346-phone-wrap{
    left:64.05%!important; top:44.25%!important; width:26.15%!important; height:6.25%!important;
    padding:0 18px!important; transform:none!important;
    border:0!important; background:#071522!important; box-shadow:none!important;
    overflow:visible!important;
  }
  .member-v346-phone-wrap:before{
    content:''!important; position:absolute!important; inset:5px 0!important; z-index:-1!important;
    border:1px solid rgba(145,168,191,.72)!important; border-radius:999px!important;
    background:#061321!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  }
  .member-v346-phone-wrap:focus-within{border:0!important;box-shadow:none!important}
  .member-v346-country-fixed,.member-v346-phone-sep,.member-v346-phone{position:relative!important;z-index:2!important}
  .member-v346-phone{width:auto!important;flex:1 1 auto!important;min-width:0!important}
}

@media (max-width:720px){
  .member-account-v346 .member-v346-login{min-height:100svh!important;height:auto!important;overflow-x:hidden!important;background:#020812!important}
  .member-account-v346 .member-v346-stage{position:relative!important;width:100%!important;height:auto!important;min-height:100svh!important;padding-bottom:56px!important;overflow:hidden!important;background:#020812!important}
  .member-v346-art{display:block!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:610/860!important;object-fit:cover!important;object-position:center top!important;content:url('../images/member-v346/hesabim-mobile-cat.png')!important;transform:none!important}
  .member-v346-stage:after{content:''!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:min(132vw,650px)!important;background:linear-gradient(180deg,transparent 68%,#020812 100%)!important;z-index:3!important;pointer-events:none!important}
  .member-v359-mobile-copy{position:relative!important;left:auto!important;top:auto!important;width:calc(100% - 40px)!important;margin:-86px auto 20px!important;z-index:10!important}
  .member-v346-phone-wrap{position:relative!important;left:auto!important;top:auto!important;width:calc(100% - 40px)!important;height:54px!important;margin:0 auto!important;padding:0 15px!important;transform:none!important;z-index:10!important;overflow:hidden!important}
  .member-v346-continue{position:relative!important;left:auto!important;top:auto!important;width:calc(100% - 40px)!important;height:54px!important;margin:16px auto 0!important;z-index:10!important}
  .member-v346-email{position:relative!important;left:auto!important;top:auto!important;width:calc(100% - 60px)!important;height:42px!important;margin:18px auto 0!important;z-index:10!important}
  .member-v346-home{display:none!important}
}

/* V362 — HESABIM: giriş sonrası panel yeniden kuruldu */
.member-account-v346 .member-v346-dashboard-shell{
  width:min(1180px,calc(100% - 40px))!important;margin:0 auto!important;padding:48px 0 90px!important;
}
.member-account-v346 .member-v346-dashboard-shell[hidden]{display:none!important}
.member-account-v346:has(.member-dashboard:not([hidden])){background:#020812!important;min-height:100vh!important}
.member-account-v346 .member-dashboard{position:relative!important;color:#eaf1f7!important}
.member-account-v346 .member-dashboard:before{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 50% -10%,rgba(31,78,115,.34),transparent 38%),radial-gradient(circle at 88% 24%,rgba(190,145,60,.08),transparent 25%),linear-gradient(180deg,#061421 0%,#020812 58%,#02070d 100%)}
.member-account-v346 .member-welcome,.member-account-v346 .member-stat-grid article,.member-account-v346 .member-loyalty,.member-account-v346 .member-referral,.member-account-v346 .member-tab-content{
  border:1px solid rgba(211,177,96,.17)!important;background:linear-gradient(145deg,rgba(12,31,49,.92),rgba(5,16,28,.94))!important;box-shadow:0 24px 70px rgba(0,0,0,.28)!important;color:#edf3f7!important
}
.member-account-v346 .member-welcome{padding:25px 28px!important;border-radius:20px!important;margin-bottom:14px!important}
.member-account-v346 .member-welcome h2,.member-account-v346 .member-dashboard-grid h3{color:#f2f5f7!important}
.member-account-v346 .member-welcome p,.member-account-v346 .member-stat-grid article span,.member-account-v346 .member-stat-grid article small,.member-account-v346 .member-referral p,.member-account-v346 .member-loyalty p{color:#93a5b5!important}
.member-account-v346 .member-kicker{color:#d7b15d!important}
.member-account-v346 .member-stat-grid{gap:14px!important;margin-bottom:14px!important}
.member-account-v346 .member-stat-grid article{padding:23px 24px!important;border-radius:18px!important;min-height:126px!important}
.member-account-v346 .member-stat-grid article strong{color:#f0d084!important;font-size:23px!important}
.member-account-v346 .member-dashboard-grid{gap:14px!important}
.member-account-v346 .member-loyalty,.member-account-v346 .member-referral{padding:27px!important;border-radius:20px!important}
.member-account-v346 .member-stamps i{background:rgba(255,255,255,.035)!important;border-color:rgba(215,177,93,.45)!important}
.member-account-v346 .member-code-entry input{height:46px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important}
.member-account-v346 .member-ref-code{background:rgba(255,255,255,.025)!important;border-color:rgba(215,177,93,.35)!important}
.member-account-v346 .member-ref-code strong{color:#f0d084!important}
.member-account-v346 .member-ghost{border-color:rgba(215,177,93,.28)!important;color:#d9bd79!important;background:rgba(255,255,255,.025)!important}
.member-account-v346 .member-tabs{gap:8px!important;margin-top:18px!important;padding:5px!important;width:max-content;max-width:100%;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.025)}
.member-account-v346 .member-tabs button{border:0!important;background:transparent!important;color:#91a2b0!important;border-radius:10px!important;padding:11px 17px!important}
.member-account-v346 .member-tabs button.active{background:linear-gradient(135deg,#c9a04c,#e0c371)!important;color:#071421!important;box-shadow:0 8px 24px rgba(201,160,76,.16)!important}
.member-account-v346 .member-tab-content{border-radius:18px!important;margin-top:12px!important;min-height:150px!important}
.member-account-v346 .member-empty{color:#8497a7!important}
.member-account-v346 .member-favorite-item,.member-account-v346 .member-comment{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.07)!important;color:#edf3f7!important}
@media(max-width:760px){
 .member-account-v346 .member-v346-dashboard-shell{width:calc(100% - 24px)!important;padding:18px 0 55px!important}
 .member-account-v346 .member-welcome{padding:20px!important;gap:14px!important}
 .member-account-v346 .member-welcome h2{font-size:24px!important}
 .member-account-v346 .member-stat-grid{grid-template-columns:1fr!important;gap:10px!important}
 .member-account-v346 .member-stat-grid article{min-height:0!important;padding:18px 20px!important}
 .member-account-v346 .member-dashboard-grid{grid-template-columns:1fr!important;gap:10px!important}
 .member-account-v346 .member-loyalty,.member-account-v346 .member-referral{padding:21px!important}
 .member-account-v346 .member-dashboard-grid h3{font-size:21px!important}
 .member-account-v346 .member-stamps{gap:6px!important}.member-account-v346 .member-stamps i{width:38px!important;height:38px!important}.member-account-v346 .member-stamps b{font-size:22px!important}
 .member-account-v346 .member-tabs{width:100%!important;overflow-x:auto!important}.member-account-v346 .member-tabs button{flex:1 0 auto!important}
 .member-account-v346 .member-tab-content{padding:16px!important}
}

/* =========================================================
   V363 — HESABIM / AUTH CLEANUP
   Desktop uses the approved artwork as the visual source of truth.
   The real control only occupies the number text area, preventing
   duplicated flag/+90/borders. Auth/OTP modal rebuilt responsively.
   ========================================================= */
@media (min-width:721px){
  .member-v346-phone-wrap{
    left:70.55%!important;top:45.05%!important;width:17.25%!important;height:5.35%!important;
    padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
    overflow:hidden!important;z-index:35!important;
  }
  .member-v346-phone-wrap:before,.member-v346-country-fixed,.member-v346-phone-sep{display:none!important;content:none!important}
  .member-v346-phone{
    display:block!important;width:100%!important;height:100%!important;flex:1 1 100%!important;
    padding:0 8px!important;background:#071522!important;border:0!important;border-radius:0!important;
    color:#dce6ef!important;font:400 clamp(13px,1.05vw,17px)/1 Arial,sans-serif!important;letter-spacing:.015em!important;
  }
  .member-v346-phone::placeholder{color:#758392!important;opacity:1!important}
  .member-v346-phone-wrap:focus-within{border:0!important;box-shadow:none!important}
  .member-v346-continue{left:64.25%!important;top:52.45%!important;width:25.75%!important;height:5.8%!important;background:transparent!important;border:0!important}
  .member-v346-continue:after{display:none!important;content:none!important}
  .member-v346-email{left:65.6%!important;top:63.3%!important;width:23.1%!important;height:4.5%!important;background:transparent!important}
  .member-v346-email:after{display:none!important;content:none!important}
}

.member-auth-overlay{padding:22px!important;background:rgba(1,7,14,.86)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
.member-auth-box{width:min(470px,100%)!important;padding:38px 36px 32px!important;border-radius:26px!important;border:1px solid rgba(214,176,92,.34)!important;background:radial-gradient(circle at 50% -20%,rgba(36,85,124,.35),transparent 45%),linear-gradient(155deg,#0a2034 0%,#061523 55%,#030c16 100%)!important;box-shadow:0 34px 100px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.035)!important}
.member-auth-box:before{content:'✦';display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin:0 auto 14px;border:1px solid rgba(216,177,91,.38);border-radius:50%;color:#e0bd68;font-size:17px;background:rgba(216,177,91,.06)}
.member-auth-box .member-kicker{text-align:center!important;margin-bottom:7px!important;color:#d8b45e!important}
.member-auth-box h2{text-align:center!important;font:400 31px/1.15 Georgia,'Times New Roman',serif!important;letter-spacing:.01em!important;margin:0 0 10px!important}
.member-auth-box>p:not(.member-auth-message){max-width:350px;margin:0 auto 22px!important;text-align:center!important;color:#91a3b2!important}
.member-auth-close{right:14px!important;top:14px!important;width:36px!important;height:36px!important;font-size:22px!important;background:rgba(255,255,255,.035)!important;color:#aebbc6!important}
.member-auth-box label{margin:13px 0 6px!important;color:#b7c3cd!important;font-size:11px!important;font-weight:700!important;letter-spacing:.02em!important}
.member-auth-box label small{font-weight:400!important;color:#718493!important}
.member-auth-box input{box-sizing:border-box!important;height:52px!important;margin:0!important;padding:0 15px!important;border-radius:14px!important;border:1px solid rgba(142,166,190,.22)!important;background:rgba(255,255,255,.045)!important;color:#f0f5f8!important;outline:none!important;font-size:14px!important;transition:border-color .18s ease,box-shadow .18s ease!important}
.member-auth-box input:focus{border-color:rgba(214,176,92,.55)!important;box-shadow:0 0 0 3px rgba(214,176,92,.07)!important}
.member-auth-box input::placeholder{color:#667989!important}
.member-auth-box .member-primary{height:52px!important;margin-top:20px!important;border-radius:14px!important;background:linear-gradient(100deg,#b98d43,#e1c371,#b5873e)!important;color:#07131f!important;font-size:13px!important;letter-spacing:.02em!important;box-shadow:0 12px 28px rgba(190,145,60,.13)!important}
.member-auth-message{text-align:center!important;margin:13px 0 0!important;min-height:18px!important;color:#9fb0be!important}
.member-auth-message.is-error{color:#ffaaa4!important}
[data-auth-step="otp"]{padding-top:4px}
@media(max-width:560px){
  .member-auth-overlay{padding:12px!important;align-items:flex-end!important}
  .member-auth-box{width:100%!important;padding:32px 20px calc(24px + env(safe-area-inset-bottom))!important;border-radius:24px 24px 18px 18px!important}
  .member-auth-box:before{width:38px;height:38px;margin-bottom:11px}
  .member-auth-box h2{font-size:27px!important}
  .member-auth-box>p:not(.member-auth-message){font-size:12px!important;margin-bottom:18px!important}
  .member-auth-box input{height:50px!important}
  .member-auth-box .member-primary{height:50px!important;margin-top:17px!important}
}

/* =========================================================
   V364 — HESABIM FINAL INPUT + MOBILE REBUILD
   One real phone control. No baked/duplicated number layer.
   ========================================================= */
@media (min-width:721px){
  .member-v346-phone-wrap{
    position:absolute!important;left:64.15%!important;top:45.05%!important;width:25.8%!important;height:5.75%!important;
    display:flex!important;align-items:center!important;z-index:60!important;margin:0!important;padding:0 18px!important;
    border:1px solid #66798c!important;border-radius:999px!important;background:#071522!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;overflow:hidden!important;
  }
  .member-v346-phone-wrap:before{display:none!important}
  .member-v346-country-fixed{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;height:100%!important}
  .member-v346-tr-flag{display:flex!important;width:23px!important;height:23px!important;min-width:23px!important;border-radius:50%!important;overflow:hidden!important;background:#e30a17!important}
  .member-v346-tr-flag img{display:block!important;width:35px!important;height:23px!important;max-width:none!important;object-fit:cover!important;object-position:center!important}
  .member-v346-country-fixed b{display:block!important;color:#e7eef5!important;font:600 14px/1 Arial,sans-serif!important}
  .member-v346-phone-sep{display:block!important;width:1px!important;height:20px!important;flex:0 0 1px!important;margin:0 12px!important;background:rgba(154,174,192,.35)!important}
  .member-v346-phone{position:static!important;display:block!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;height:100%!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;color:#e5edf4!important;caret-color:#d8b46a!important;font:400 15px/1 Arial,sans-serif!important;letter-spacing:.02em!important}
  .member-v346-phone::placeholder{color:#758595!important;opacity:1!important}
  .member-v346-phone-wrap:focus-within{border-color:#9aabbb!important;box-shadow:0 0 0 2px rgba(115,157,194,.08),inset 0 1px 0 rgba(255,255,255,.04)!important}
}

@media (max-width:720px){
  body.member-account-v346{min-height:100svh!important;background:#020812!important}
  .member-account-v346 .member-v346-login{min-height:100svh!important;height:auto!important;overflow:hidden!important;background:#020812!important}
  .member-account-v346 .member-v346-stage{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;min-height:100svh!important;height:auto!important;padding:0 20px calc(34px + env(safe-area-inset-bottom))!important;background:radial-gradient(circle at 50% 18%,rgba(31,84,127,.22),transparent 38%),#020812!important;overflow:hidden!important}
  .member-v346-art{position:relative!important;inset:auto!important;display:block!important;width:calc(100% + 40px)!important;height:43svh!important;min-height:300px!important;max-height:430px!important;flex:0 0 auto!important;margin:0 -20px!important;content:url('../images/member-v346/hesabim-mobile-cat.png')!important;object-fit:cover!important;object-position:center 45%!important;opacity:1!important}
  .member-v346-stage:after{content:''!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:47svh!important;min-height:330px!important;z-index:3!important;pointer-events:none!important;background:linear-gradient(180deg,transparent 57%,#020812 96%)!important}
  .member-v346-home{display:block!important;position:absolute!important;right:15px!important;top:calc(12px + env(safe-area-inset-top))!important;left:auto!important;width:auto!important;height:auto!important;z-index:70!important;color:#e0bd68!important;text-decoration:none!important}
  .member-v346-home:after{content:'‹  Siteye Dön'!important;display:block!important;padding:10px 12px!important;border-radius:999px!important;background:rgba(2,8,18,.54)!important;border:1px solid rgba(216,177,91,.22)!important;backdrop-filter:blur(8px)!important;font:600 12px/1 Arial,sans-serif!important}
  .member-v359-mobile-copy{position:relative!important;inset:auto!important;display:block!important;width:100%!important;z-index:20!important;margin:-38px auto 22px!important;text-align:center!important}
  .member-v359-mobile-copy span{margin:0 0 8px!important;color:#d8b45e!important;font:700 9px/1.2 Arial,sans-serif!important;letter-spacing:.22em!important}
  .member-v359-mobile-copy h1{margin:0!important;color:#f5f6f7!important;font:400 34px/1.08 Georgia,'Times New Roman',serif!important}
  .member-v359-mobile-copy p{max-width:330px!important;margin:10px auto 0!important;color:#9eafbd!important;font:400 13px/1.55 Arial,sans-serif!important}
  .member-v346-phone-wrap{position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;width:100%!important;height:56px!important;flex:0 0 56px!important;z-index:20!important;margin:0!important;padding:0 16px!important;border:1px solid rgba(125,149,170,.58)!important;border-radius:16px!important;background:rgba(7,21,34,.96)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 35px rgba(0,0,0,.18)!important;overflow:hidden!important}
  .member-v346-phone-wrap:before{display:none!important}
  .member-v346-country-fixed{display:flex!important;align-items:center!important;gap:8px!important;height:100%!important;flex:0 0 auto!important}
  .member-v346-tr-flag{display:flex!important;width:24px!important;height:24px!important;min-width:24px!important;border-radius:50%!important;overflow:hidden!important;background:#e30a17!important}
  .member-v346-tr-flag img{display:block!important;width:36px!important;height:24px!important;max-width:none!important;object-fit:cover!important;object-position:center!important}
  .member-v346-country-fixed b{display:block!important;color:#edf4fb!important;font:600 14px/1 Arial,sans-serif!important}
  .member-v346-phone-sep{display:block!important;width:1px!important;height:21px!important;flex:0 0 1px!important;margin:0 12px!important;background:rgba(171,190,208,.30)!important}
  .member-v346-phone{position:static!important;display:block!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;height:100%!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;color:#e3ebf2!important;caret-color:#d8b46a!important;font:400 16px/1 Arial,sans-serif!important;letter-spacing:.01em!important}
  .member-v346-phone::placeholder{color:#718392!important;opacity:1!important}
  .member-v346-phone-wrap:focus-within{border-color:rgba(215,177,93,.66)!important;box-shadow:0 0 0 3px rgba(215,177,93,.06)!important}
  .member-v346-continue{position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:56px!important;flex:0 0 56px!important;z-index:20!important;margin:14px 0 0!important;border:1px solid #d8b465!important;border-radius:16px!important;background:linear-gradient(100deg,#aa7d3d,#dfbd6b,#a87938)!important;box-shadow:0 14px 34px rgba(186,139,55,.16)!important}
  .member-v346-continue:after{display:block!important;content:'Devam Et  ›'!important;color:#07131f!important;font:800 15px/1 Arial,sans-serif!important}
  .member-v346-email{position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:40px!important;z-index:20!important;margin:10px 0 0!important;background:transparent!important;border:0!important}
  .member-v346-email:after{display:block!important;content:'Giriş için SMS doğrulaması kullanılır'!important;color:#9baab7!important;font:12px/1.2 Arial,sans-serif!important;text-decoration:none!important}
}

/* =========================================================
   V365 — HESABIM MOBILE POLISH
   Compact premium composition; no stretched hero / dead lower space.
   ========================================================= */
@media (max-width:720px){
  body.member-account-v346{margin:0!important;min-height:100svh!important;background:#020914!important}
  .member-account-v346 .member-v346-login{min-height:100svh!important;display:flex!important;justify-content:center!important;align-items:flex-start!important;padding:0!important;background:radial-gradient(circle at 50% 8%,#123451 0%,#061421 35%,#020914 72%)!important}
  .member-account-v346 .member-v346-stage{position:relative!important;display:block!important;width:100%!important;max-width:430px!important;min-height:0!important;height:auto!important;padding:0 18px 30px!important;margin:0 auto!important;background:transparent!important;overflow:visible!important}
  .member-v346-art{display:block!important;position:relative!important;width:calc(100% + 36px)!important;height:315px!important;min-height:0!important;max-height:none!important;margin:0 -18px!important;object-fit:cover!important;object-position:center 38%!important;content:url('../images/member-v346/hesabim-mobile-cat.png')!important;border-radius:0 0 30px 30px!important;filter:saturate(.92) contrast(1.03)!important}
  .member-v346-stage:after{content:''!important;display:block!important;position:absolute!important;z-index:4!important;left:0!important;right:0!important;top:190px!important;height:128px!important;min-height:0!important;background:linear-gradient(180deg,rgba(2,9,20,0),#020914 94%)!important;pointer-events:none!important}
  .member-v346-home{position:absolute!important;z-index:80!important;top:14px!important;right:16px!important;width:auto!important;height:auto!important;color:#e5c46f!important;text-decoration:none!important}
  .member-v346-home:after{content:'‹  Siteye Dön'!important;display:block!important;padding:9px 12px!important;border:1px solid rgba(226,190,99,.35)!important;border-radius:999px!important;background:rgba(2,10,20,.68)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;font:700 11px/1 Arial,sans-serif!important;box-shadow:0 8px 24px rgba(0,0,0,.24)!important}
  .member-v359-mobile-copy{display:block!important;position:relative!important;z-index:20!important;width:100%!important;margin:-24px auto 20px!important;text-align:center!important}
  .member-v359-mobile-copy span{display:block!important;margin:0 0 8px!important;color:#d8b45e!important;font:700 8px/1.2 Arial,sans-serif!important;letter-spacing:.28em!important}
  .member-v359-mobile-copy h1{margin:0!important;color:#f7f5f1!important;font:400 33px/1.08 Georgia,'Times New Roman',serif!important;text-shadow:0 3px 18px rgba(0,0,0,.3)!important}
  .member-v359-mobile-copy p{max-width:310px!important;margin:9px auto 0!important;color:#b7c5d1!important;font:400 12.5px/1.5 Arial,sans-serif!important}
  .member-v346-phone-wrap{box-sizing:border-box!important;position:relative!important;z-index:20!important;display:flex!important;align-items:center!important;width:100%!important;height:54px!important;min-height:54px!important;padding:0 14px!important;margin:0!important;border:1px solid rgba(128,158,183,.52)!important;border-radius:15px!important;background:#071522!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 28px rgba(0,0,0,.18)!important;overflow:hidden!important}
  .member-v346-country-fixed{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;height:100%!important}
  .member-v346-tr-flag{display:grid!important;place-items:center!important;width:23px!important;height:23px!important;min-width:23px!important;border-radius:50%!important;overflow:hidden!important;background:#e30a17!important}
  .member-v346-tr-flag img{width:31px!important;height:21px!important;max-width:none!important;object-fit:cover!important;object-position:center!important}
  .member-v346-country-fixed b{color:#eef4f8!important;font:700 13px/1 Arial,sans-serif!important}
  .member-v346-phone-sep{width:1px!important;height:20px!important;margin:0 11px!important;background:rgba(161,184,203,.25)!important;flex:0 0 1px!important}
  .member-v346-phone{position:static!important;display:block!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;height:52px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;color:#f0f5f8!important;font:500 15px/52px Arial,sans-serif!important;letter-spacing:.02em!important}
  .member-v346-phone::placeholder{color:#647b8e!important;opacity:1!important}
  .member-v346-phone-wrap:focus-within{border-color:rgba(221,184,96,.7)!important;box-shadow:0 0 0 3px rgba(221,184,96,.07)!important}
  .member-v346-continue{position:relative!important;z-index:20!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:54px!important;margin:12px 0 0!important;border:1px solid rgba(238,204,124,.72)!important;border-radius:15px!important;background:linear-gradient(100deg,#a77a39 0%,#d8b45e 50%,#b28543 100%)!important;box-shadow:0 12px 28px rgba(182,136,55,.18)!important}
  .member-v346-continue:after{content:'Devam Et  ›'!important;display:block!important;color:#07111a!important;font:800 14px/1 Arial,sans-serif!important}
  .member-v346-email{position:relative!important;z-index:20!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:34px!important;margin:7px 0 0!important;border:0!important;background:transparent!important}
  .member-v346-email:after{content:'SMS ile güvenli giriş'!important;display:block!important;color:#72879a!important;font:500 11px/1 Arial,sans-serif!important;text-decoration:none!important}
}

/* V365 desktop phone field: single clean control over the baked artwork */
@media (min-width:721px){
  .member-v346-phone-wrap{box-sizing:border-box!important;padding:0 16px!important;background:#071522!important}
  .member-v346-phone{font-variant-numeric:tabular-nums!important;line-height:normal!important}
}

/* =========================================================
   V366 — Mobile Hesabım rebuilt as real HTML controls.
   Reference image is used only as decorative cat/crystal art.
   ========================================================= */
.member-v366-mobile-ui{display:none}
@media (max-width:720px){
  body.member-account-v346{background:#020b14!important}
  .member-account-v346 .member-v346-login{height:auto!important;min-height:1460px!important;background:radial-gradient(circle at 52% 19%,#0c2a43 0,#061625 32%,#020a13 70%,#01070d 100%)!important;overflow:hidden!important}
  .member-account-v346 .member-v346-stage{height:1460px!important;min-height:1460px!important;position:relative!important;background:transparent!important}
  .member-v346-art,.member-v359-mobile-copy{display:none!important}
  .member-v346-stage:after{content:''!important;position:absolute!important;inset:0!important;z-index:1!important;background:radial-gradient(circle at 15% 42%,rgba(42,116,170,.12),transparent 26%),radial-gradient(circle at 88% 8%,rgba(41,108,156,.11),transparent 18%),linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.08) 62%,rgba(0,0,0,.28))!important;pointer-events:none!important}
  .member-v366-mobile-ui{display:block!important;position:absolute!important;inset:0!important;z-index:5!important;color:#eef2f6!important;font-family:Georgia,'Times New Roman',serif!important}
  .member-v366-brand{position:absolute;left:7%;top:3.2%;letter-spacing:.34em;color:#e8bd72}
  .member-v366-brand strong{display:block;font:500 17px/1.1 Arial,sans-serif;letter-spacing:.35em}
  .member-v366-brand span{display:block;margin-top:7px;color:#b5bac1;font:500 9px/1 Arial,sans-serif;letter-spacing:.46em}
  .member-v346-home{display:flex!important;align-items:center!important;justify-content:flex-end!important;right:7%!important;top:2.7%!important;width:33%!important;height:42px!important;z-index:30!important;color:#eee!important;text-decoration:none!important}
  .member-v346-home:before{content:'←  Siteye Dön';font:400 16px/1 Georgia,'Times New Roman',serif;color:#eee;white-space:nowrap}
  .member-v366-quote{position:absolute;left:10%;top:13.5%;z-index:8;color:#aeb6c0;font:400 16px/1.55 Georgia,'Times New Roman',serif;text-align:left}
  .member-v366-quote i{display:block;width:42px;height:1px;margin-top:22px;background:#e6b96b}
  .member-v366-art{position:absolute;z-index:4;right:-3%;top:8.5%;width:69%;height:34%;object-fit:cover;object-position:center;border-radius:0;mix-blend-mode:screen;filter:saturate(.95) contrast(1.05);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 82%,transparent 100%)}
  .member-v366-copy{position:absolute;z-index:8;left:6%;top:39.2%;width:88%;text-align:center}
  .member-v366-copy>span{display:block;color:#d9ad65;font:500 10px/1 Arial,sans-serif;letter-spacing:.32em}
  .member-v366-copy h1{margin:12px 0 5px;font:400 47px/.95 Georgia,'Times New Roman',serif;background:linear-gradient(90deg,#f4f5f5 25%,#d5a65c 72%);-webkit-background-clip:text;background-clip:text;color:transparent}
  .member-v366-copy i{display:block;width:74px;height:1px;margin:10px auto 12px;background:#d7aa61}
  .member-v366-copy p{margin:0;color:#b7bec7;font:400 15px/1.45 Georgia,'Times New Roman',serif}
  .member-v366-benefits{position:absolute;z-index:8;left:8%;top:51.2%;width:84%;display:grid;grid-template-columns:1fr 1px 1fr 1px 1.15fr;align-items:center;text-align:center;color:#e7edf2}
  .member-v366-benefits div b{display:block;color:#e9bd72;font:400 30px/1 Georgia,serif;margin-bottom:8px}
  .member-v366-benefits div span{font:500 9px/1.35 Arial,sans-serif;letter-spacing:.08em}
  .member-v366-benefits em{display:block;width:1px;height:45px;background:rgba(223,184,113,.5)}
  .member-v346-phone-wrap{left:7%!important;top:60.1%!important;width:86%!important;height:70px!important;z-index:20!important;border-radius:28px!important;padding:0 20px!important;background:rgba(5,20,34,.78)!important;border:1px solid rgba(127,170,203,.58)!important;box-shadow:0 12px 30px rgba(0,0,0,.22)!important}
  .member-v346-tr-flag{width:34px!important;height:34px!important;min-width:34px!important}.member-v346-tr-flag img{width:51px!important;height:34px!important}
  .member-v346-country-fixed{gap:10px!important}.member-v346-country-fixed b{font-size:18px!important;font-weight:400!important}.member-v346-country-fixed:after{content:'⌄';font:18px Arial;color:#c8d0d7;margin-left:2px}
  .member-v346-phone-sep{height:38%!important;margin:0 16px!important;background:rgba(198,213,225,.55)!important}
  .member-v346-phone{font:400 19px/1 Arial,sans-serif!important;letter-spacing:.03em!important;color:#e6edf3!important}.member-v346-phone::placeholder{color:#657789!important;opacity:.8!important}
  .member-v346-continue{left:7%!important;top:66.4%!important;width:86%!important;height:66px!important;z-index:20!important;border-radius:34px!important;border:1px solid #f0c875!important;background:linear-gradient(105deg,#efc66d 0%,#f6d789 48%,#e7b958 100%)!important;box-shadow:0 0 28px rgba(226,175,78,.35)!important}
  .member-v346-continue:after{content:'Devam Et   →'!important;color:#17202a!important;font:400 22px/1 Georgia,'Times New Roman',serif!important}
  .member-v346-email{display:none!important}
  .member-v366-or{position:absolute;z-index:9;left:18%;top:72.8%;width:64%;display:flex;align-items:center;gap:12px;color:#aeb6bf}.member-v366-or i{height:1px;flex:1;background:rgba(174,182,191,.38)}.member-v366-or span{font:400 14px Georgia,serif}
  .member-v366-signup{position:absolute;z-index:20;left:18%;top:76%;width:64%;height:58px;border-radius:30px;border:1px solid rgba(225,190,136,.75);background:rgba(2,10,18,.2);color:#f0f2f4;font:400 19px Georgia,'Times New Roman',serif;cursor:pointer}
  .member-v366-secure{position:absolute;z-index:8;left:10%;top:82.5%;width:80%;text-align:center;color:#7f8b97;font:400 12px Arial,sans-serif;letter-spacing:.02em}
  .member-v366-more{position:absolute;z-index:8;left:28%;top:88.5%;width:44%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;text-align:center;color:#d8ab62}.member-v366-more i{height:1px;background:#c79d5b}.member-v366-more b{font:400 20px Arial}.member-v366-more span{grid-column:1/-1;color:#89939d;font:500 9px Arial;letter-spacing:.38em;margin-top:9px}
}
@media (max-width:390px){
  .member-account-v346 .member-v346-login,.member-account-v346 .member-v346-stage{min-height:1320px!important;height:1320px!important}
  .member-v366-brand strong{font-size:15px}.member-v346-home:before{font-size:14px}.member-v366-quote{font-size:14px}.member-v366-copy h1{font-size:42px}.member-v366-copy p{font-size:14px}
}
/* V367 — mobile Hesabım reference-proportion rebuild */
@media (max-width:720px){
  html,body.member-account-v346{margin:0!important;width:100%!important;max-width:none!important;overflow-x:hidden!important;background:#020a13!important}
  .member-account-v346 .member-v346-login{width:100%!important;min-height:100svh!important;height:auto!important;display:block!important;background:#020a13!important;overflow:hidden!important}
  .member-account-v346 .member-v346-stage{box-sizing:border-box!important;position:relative!important;display:block!important;width:100vw!important;max-width:none!important;height:auto!important;min-height:0!important;aspect-ratio:836/1881!important;margin:0!important;padding:0!important;overflow:hidden!important;background:radial-gradient(circle at 53% 18%,#0d2b44 0,#061827 28%,#020b15 67%,#01070d 100%)!important}
  .member-v346-stage:after{content:''!important;position:absolute!important;inset:0!important;z-index:2!important;min-height:0!important;height:auto!important;background:radial-gradient(circle at 9% 38%,rgba(44,118,170,.13),transparent 22%),linear-gradient(180deg,transparent 45%,rgba(1,7,13,.12) 70%,rgba(1,7,13,.5))!important;pointer-events:none!important}
  .member-v366-mobile-ui{position:absolute!important;inset:0!important;display:block!important;z-index:5!important}
  .member-v366-brand{left:7%!important;top:3.1%!important}.member-v366-brand strong{font-size:15px!important}.member-v366-brand span{font-size:7px!important;margin-top:5px!important}
  .member-v346-home{display:flex!important;position:absolute!important;left:auto!important;right:7%!important;top:2.5%!important;width:auto!important;height:28px!important;align-items:center!important;z-index:50!important;background:transparent!important;border:0!important}
  .member-v346-home:before{content:'←  Siteye Dön'!important;display:block!important;color:#f1f0ed!important;font:400 14px/1 Georgia,'Times New Roman',serif!important;white-space:nowrap!important}
  .member-v346-home:after{display:none!important;content:none!important}
  .member-v366-quote{left:10%!important;top:13.2%!important;font-size:13px!important;line-height:1.52!important}.member-v366-quote i{width:30px!important;margin-top:16px!important}
  .member-v366-art{display:block!important;position:absolute!important;z-index:4!important;right:-5%!important;top:8.8%!important;width:70%!important;height:31.5%!important;object-fit:contain!important;object-position:center center!important;mix-blend-mode:normal!important;filter:none!important;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 7%,#000 88%,transparent 100%)!important;mask-image:linear-gradient(180deg,transparent 0,#000 7%,#000 88%,transparent 100%)!important}
  .member-v366-copy{left:7%!important;top:40.5%!important;width:86%!important}.member-v366-copy>span{font-size:7px!important}.member-v366-copy h1{font-size:38px!important;margin:8px 0 3px!important}.member-v366-copy i{width:50px!important;margin:8px auto 9px!important}.member-v366-copy p{font-size:12px!important;line-height:1.35!important}
  .member-v366-benefits{left:8%!important;top:52.7%!important;width:84%!important}.member-v366-benefits div b{font-size:22px!important;margin-bottom:6px!important}.member-v366-benefits div span{font-size:7px!important;line-height:1.35!important}.member-v366-benefits em{height:30px!important}
  .member-v346-phone-wrap{box-sizing:border-box!important;position:absolute!important;left:7%!important;top:61.2%!important;width:86%!important;height:61px!important;min-height:0!important;margin:0!important;padding:0 15px!important;border-radius:18px!important;background:rgba(5,20,34,.88)!important;border:1px solid rgba(132,163,188,.62)!important;z-index:30!important}
  .member-v346-tr-flag{width:31px!important;height:31px!important;min-width:31px!important}.member-v346-tr-flag img{width:46px!important;height:31px!important}.member-v346-country-fixed b{font-size:15px!important}.member-v346-country-fixed:after{font-size:14px!important}.member-v346-phone-sep{margin:0 11px!important;height:24px!important}.member-v346-phone{height:59px!important;font-size:16px!important;line-height:normal!important}
  .member-v346-continue{display:flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;left:7%!important;top:69.1%!important;width:86%!important;height:57px!important;border-radius:29px!important;z-index:30!important}.member-v346-continue:after{font-size:18px!important}
  .member-v366-or{left:18%!important;top:76.7%!important;width:64%!important;font-size:12px!important}.member-v366-or span{font-size:12px!important}
  .member-v366-signup{left:18%!important;top:79.4%!important;width:64%!important;height:47px!important;border-radius:25px!important;font-size:16px!important}
  .member-v366-secure{left:10%!important;top:85.7%!important;width:80%!important;font-size:9px!important}
  .member-v366-more{left:28%!important;top:91%!important;width:44%!important;gap:8px!important}.member-v366-more b{font-size:16px!important}.member-v366-more span{font-size:7px!important;margin-top:6px!important}
}
@media (max-width:390px){.member-account-v346 .member-v346-login,.member-account-v346 .member-v346-stage{min-height:0!important;height:auto!important}.member-v366-copy h1{font-size:36px!important}}

/* V368 — mobile composition rebuilt to the supplied 836×1881 reference proportions */
@media (max-width:600px){
  .member-account-v346 .member-v346-stage{aspect-ratio:836/1881!important;}
  .member-v366-brand{left:7%!important;top:3.05%!important;}
  .member-v366-brand strong{font-size:3.05vw!important;letter-spacing:.39em!important;}
  .member-v366-brand span{font-size:1.35vw!important;letter-spacing:.48em!important;margin-top:1.05vw!important;}
  .member-v346-home{right:7%!important;top:2.55%!important;height:5.2vw!important;}
  .member-v346-home:before{font-size:3.05vw!important;}
  .member-v366-quote{left:10%!important;top:13.15%!important;font-size:2.85vw!important;line-height:1.5!important;color:#aeb7c1!important;}
  .member-v366-quote i{width:7.4vw!important;margin-top:4.4vw!important;}
  .member-v366-art{right:-1.5%!important;top:7.0%!important;width:69%!important;height:34.7%!important;object-fit:cover!important;object-position:center bottom!important;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 5%,#000 91%,transparent 100%)!important;mask-image:linear-gradient(180deg,transparent 0,#000 5%,#000 91%,transparent 100%)!important;}
  .member-v366-copy{left:8%!important;top:40.2%!important;width:84%!important;}
  .member-v366-copy>span{font-size:1.65vw!important;letter-spacing:.38em!important;}
  .member-v366-copy h1{font-size:7.6vw!important;line-height:1!important;margin:2.2vw 0 .8vw!important;}
  .member-v366-copy i{width:12.5vw!important;margin:2vw auto 2.3vw!important;}
  .member-v366-copy p{font-size:2.75vw!important;line-height:1.42!important;}
  .member-v366-benefits{left:9%!important;top:52.0%!important;width:82%!important;}
  .member-v366-benefits div b{font-size:5.5vw!important;margin-bottom:1.6vw!important;}
  .member-v366-benefits div span{font-size:1.75vw!important;line-height:1.45!important;letter-spacing:.07em!important;}
  .member-v366-benefits em{height:7.3vw!important;}
  .member-v346-phone-wrap{left:7%!important;top:60.3%!important;width:86%!important;height:14.2vw!important;min-height:0!important;padding:0 4.1vw!important;border-radius:5.5vw!important;}
  .member-v346-tr-flag{width:7vw!important;height:7vw!important;min-width:7vw!important}.member-v346-tr-flag img{width:10.5vw!important;height:7vw!important}
  .member-v346-country-fixed{gap:2.4vw!important}.member-v346-country-fixed b{font-size:3.65vw!important}.member-v346-country-fixed:after{font-size:3.3vw!important}
  .member-v346-phone-sep{margin:0 3.6vw!important;height:7vw!important}.member-v346-phone{height:14vw!important;font-size:4.1vw!important}
  .member-v346-continue{left:7%!important;top:68.15%!important;width:86%!important;height:11.7vw!important;border-radius:6vw!important;}
  .member-v346-continue:after{font-size:4.3vw!important;}
  .member-v366-or{left:18%!important;top:74.95%!important;width:64%!important;gap:3vw!important}.member-v366-or span{font-size:3.05vw!important}
  .member-v366-signup{left:18%!important;top:77.75%!important;width:64%!important;height:9.6vw!important;border-radius:5vw!important;font-size:4vw!important;}
  .member-v366-secure{left:10%!important;top:83.65%!important;width:80%!important;font-size:2.15vw!important;}
  .member-v366-more{left:28%!important;top:89.2%!important;width:44%!important;gap:2.3vw!important}.member-v366-more b{font-size:4vw!important}.member-v366-more span{font-size:1.65vw!important;margin-top:1.8vw!important;letter-spacing:.42em!important}
}

/* V369 — mobile composition rebuilt against the supplied 836x1881 reference */
@media (max-width:600px){
  .member-account-v346 .member-v346-stage{aspect-ratio:836/1881!important;min-height:100svh!important;height:auto!important;}
  .member-v366-brand{left:7%!important;top:3.0%!important}
  .member-v366-brand strong{font-size:3.45vw!important;letter-spacing:.38em!important}
  .member-v366-brand span{font-size:1.6vw!important;margin-top:1.2vw!important}
  .member-v346-home{right:7%!important;top:2.75%!important}
  .member-v346-home:before{font-size:3.45vw!important}

  .member-v366-quote{left:10%!important;top:13.1%!important;font-size:3.25vw!important;line-height:1.48!important}
  .member-v366-quote i{width:7.5vw!important;margin-top:4.8vw!important}

  .member-v366-art{right:-1%!important;top:8.0%!important;width:72%!important;height:34.8%!important;object-fit:cover!important;object-position:center 54%!important;}

  .member-v366-copy{left:7%!important;top:40.3%!important;width:86%!important}
  .member-v366-copy>span{font-size:1.9vw!important;letter-spacing:.38em!important}
  .member-v366-copy h1{font-size:9.1vw!important;line-height:.98!important;margin:2.4vw 0 1vw!important}
  .member-v366-copy i{width:12.5vw!important;margin:2.2vw auto 2.6vw!important}
  .member-v366-copy p{font-size:3.25vw!important;line-height:1.42!important}

  .member-v366-benefits{left:8%!important;top:52.3%!important;width:84%!important}
  .member-v366-benefits div b{font-size:6.4vw!important;margin-bottom:2vw!important}
  .member-v366-benefits div span{font-size:2.05vw!important;line-height:1.45!important;letter-spacing:.07em!important}
  .member-v366-benefits em{height:8.2vw!important}

  .member-v346-phone-wrap{left:7%!important;top:60.55%!important;width:86%!important;height:14.7vw!important;padding:0 4.2vw!important;border-radius:5.8vw!important}
  .member-v346-tr-flag{width:7.6vw!important;height:7.6vw!important;min-width:7.6vw!important}.member-v346-tr-flag img{width:11.4vw!important;height:7.6vw!important}
  .member-v346-country-fixed{gap:2.5vw!important}.member-v346-country-fixed b{font-size:4vw!important}.member-v346-country-fixed:after{font-size:3.5vw!important}
  .member-v346-phone-sep{margin:0 3.8vw!important;height:7.4vw!important}.member-v346-phone{height:14.5vw!important;font-size:4.4vw!important}

  .member-v346-continue{left:7%!important;top:68.0%!important;width:86%!important;height:12.5vw!important;border-radius:6.5vw!important}
  .member-v346-continue:after{font-size:4.7vw!important}
  .member-v366-or{left:18%!important;top:74.95%!important;width:64%!important}.member-v366-or span{font-size:3.45vw!important}
  .member-v366-signup{left:18%!important;top:77.7%!important;width:64%!important;height:10.7vw!important;border-radius:5.5vw!important;font-size:4.5vw!important}
  .member-v366-secure{left:10%!important;top:84.05%!important;width:80%!important;font-size:2.45vw!important}
  .member-v366-more{left:28%!important;top:89.7%!important;width:44%!important}.member-v366-more b{font-size:4.6vw!important}.member-v366-more span{font-size:1.9vw!important;margin-top:2vw!important}
}

/* V370 — mobile account screen: exact supplied reference + live interaction layer */
@media (max-width:767px){
  html,body.member-account-v346{margin:0!important;padding:0!important;width:100%!important;min-height:100%!important;background:#020a13!important;overflow-x:hidden!important}
  .member-account-v346 .member-v346-login{display:block!important;width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;background:#020a13!important}
  .member-account-v346 .member-v346-stage{position:relative!important;display:block!important;width:100vw!important;max-width:none!important;height:auto!important;min-height:0!important;aspect-ratio:836/1881!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#020a13 url('../images/member-v346/hesabim-mobile-reference-exact.png') center top/100% 100% no-repeat!important}
  .member-v346-stage:after,.member-v346-art,.member-v366-mobile-ui{display:none!important;content:none!important}

  /* The supplied artwork remains visually exact; these are real clickable controls above it. */
  .member-v346-home{display:block!important;position:absolute!important;z-index:50!important;left:70.5%!important;top:2.1%!important;width:23%!important;height:4.2%!important;background:transparent!important;border:0!important;box-shadow:none!important}
  .member-v346-home:before,.member-v346-home:after{display:none!important;content:none!important}

  .member-v346-phone-wrap{box-sizing:border-box!important;display:block!important;position:absolute!important;z-index:60!important;left:34.6%!important;top:60.72%!important;width:51.2%!important;height:5.45%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
  .member-v346-phone-wrap:before,.member-v346-country-fixed,.member-v346-phone-sep{display:none!important;content:none!important}
  .member-v346-phone{box-sizing:border-box!important;display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0 2vw!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#d8e1e8!important;caret-color:#e5bd72!important;font:400 4.05vw/1 Georgia,'Times New Roman',serif!important;letter-spacing:.015em!important}
  .member-v346-phone::placeholder{color:transparent!important}
  .member-v346-phone:focus{background:rgba(5,20,33,.96)!important;border-radius:0 4vw 4vw 0!important}

  .member-v346-continue{display:block!important;position:absolute!important;z-index:60!important;left:7%!important;top:67.93%!important;width:86%!important;height:5.35%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;cursor:pointer!important}
  .member-v346-continue:after{display:none!important;content:none!important}

  .member-v366-signup{display:block!important;position:absolute!important;z-index:60!important;left:18.1%!important;top:77.12%!important;width:63.8%!important;height:4.15%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:transparent!important;box-shadow:none!important;cursor:pointer!important}
  .member-v366-signup:focus{outline:1px solid rgba(230,188,110,.35)!important;outline-offset:2px!important}
  .member-v366-or,.member-v366-secure,.member-v366-more,.member-v366-brand,.member-v366-quote,.member-v366-art,.member-v366-copy,.member-v366-benefits{display:none!important}
  .member-v346-email{display:none!important}
}