/* V501 — Fal rulosu, Fal Odam menü durumu, bildirim zili ve izin kartı */
:root{--kk-gold1:#f6dfa3;--kk-gold2:#c99a45;--kk-gold3:#7d5a1e;--kk-cream:#fff3dc}

/* ---- menü: Fal Odam (mor) ---- */
.desktop-primary-nav a.nav-free.is-odam{color:#cdb1ff!important}
.desktop-primary-nav a.nav-free.is-odam::before{color:#cdb1ff}
a.nav-free-item.is-odam .nav-item-icon{color:#cdb1ff!important;border-color:rgba(205,177,255,.5)!important}
a.nav-free-item.is-odam strong{color:#e2d2ff!important}

/* ---- ana sayfa kadife rulosu ---- */
/* ---- kadife rulo: ince altın dikişe asılı, yuvarlanarak açılan kadife; ortasında altın püskül ---- */
.kr-host{position:absolute;top:100%;left:0;right:0;height:min(760px,calc(100vh - 80px));overflow:hidden;pointer-events:none}
.kr{--w:296px;--wo:350px;--roll:18px;--v0:#1c040b;--v1:#2e0712;--v2:#4a0d1e;--v3:#6e1a30;--sheen:rgba(255,190,200,.16);
 position:absolute;top:0;left:50%;width:var(--w);transform:translate(-50%,0);pointer-events:auto;
 transition:left .4s ease,width .7s cubic-bezier(.3,.7,.2,1),transform .5s cubic-bezier(.5,0,.2,1)}
.kr[data-mode="odam"]{--v0:#0e0620;--v1:#180a33;--v2:#2a1456;--v3:#432483;--sheen:rgba(215,195,255,.16)}
.kr[data-state="open"]{width:var(--wo)}
.kr.hide{transform:translate(-50%,calc(-100% - 70px));pointer-events:none}
/* menü çizgisiyle birleşen saç teli inceliğinde altın dikiş */
.kr-hem{position:relative;height:1px;margin:0 6px;background:linear-gradient(90deg,rgba(246,223,163,0),var(--gold1) 18%,#fff4d6 50%,var(--gold1) 82%,rgba(246,223,163,0));box-shadow:0 0 8px rgba(246,223,163,.35);z-index:3}
.kr-cloth{position:relative;height:0;overflow:hidden;
 background:
  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.6' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),
  radial-gradient(120% 70% at 50% 0%,var(--sheen),transparent 60%),
  linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,0) 14%,rgba(0,0,0,0) 86%,rgba(0,0,0,.5)),
  linear-gradient(180deg,var(--v2),var(--v1) 55%,var(--v1));
 box-shadow:inset 0 12px 14px -10px rgba(0,0,0,.7)}
/* ince çift altın çerçeve ve köşe süsleri */
.kr-frame{position:absolute;inset:9px 10px 0;border:1px solid rgba(246,223,163,.55);border-bottom:0;pointer-events:none}
.kr-frame::before{content:"";position:absolute;inset:3px 3px 0;border:.5px solid rgba(246,223,163,.28);border-bottom:0}
.kr-frame i{position:absolute;top:-4px;width:7px;height:7px;background:var(--gold1);transform:rotate(45deg);box-shadow:0 0 6px rgba(246,223,163,.5)}
.kr-frame i:first-child{left:-4px}.kr-frame i:last-child{right:-4px}
.kr-in{position:relative;z-index:1}
.kr-head{all:unset;box-sizing:border-box;cursor:pointer;display:grid;justify-items:center;align-content:center;gap:5px;width:100%;height:66px;padding:6px 22px 0;color:var(--cream);text-align:center}
.kr-head:focus-visible{outline:1px solid var(--gold1);outline-offset:-12px}
.kr-title{display:flex;align-items:center;gap:10px;font:700 13.5px/1 "Cormorant Garamond",Georgia,serif;letter-spacing:.3em;text-transform:none;white-space:nowrap;
 background:linear-gradient(180deg,#fff7df 10%,var(--gold1) 50%,#c9963e 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.kr-title::before,.kr-title::after{content:"";width:18px;height:1px;background:linear-gradient(90deg,transparent,var(--gold1))}
.kr-title::after{transform:scaleX(-1)}
.kr-sub{font:italic 500 14px/1 "Cormorant Garamond",Georgia,serif;color:rgba(255,236,214,.78);letter-spacing:.02em}
.kr-chev{display:none}
.kr-body{padding:4px 30px 26px;text-align:center;color:var(--cream);display:grid;gap:14px}
.kr-rule{height:1px;margin:2px auto 0;width:60%;background:linear-gradient(90deg,transparent,rgba(246,223,163,.6),transparent)}
.kr-lead{margin:0;font:italic 500 17px/1.45 "Cormorant Garamond",Georgia,serif;color:#fbeedd}
.kr-steps{list-style:none;margin:0;padding:0;display:grid;gap:0;text-align:left}
.kr-steps li{display:grid;grid-template-columns:28px 1fr;align-items:baseline;gap:8px;padding:9px 2px;border-bottom:1px solid rgba(246,223,163,.14);font:500 13px/1.45 Manrope,Arial,sans-serif;color:#f3e6d8}
.kr-steps li:last-child{border-bottom:0}
.kr-steps li b{font:600 15px/1 "Cormorant Garamond",Georgia,serif;color:var(--gold1);letter-spacing:.06em}
.kr-go{justify-self:center;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 26px;border:1px solid var(--gold1);color:var(--gold1);font:700 12px/1 Manrope,Arial,sans-serif;letter-spacing:.22em;text-decoration:none;background:linear-gradient(180deg,rgba(246,223,163,.12),rgba(246,223,163,.02));transition:background .25s,color .25s}
.kr-go:hover,.kr-go:focus-visible{background:var(--gold1);color:var(--v0);outline:none}
.kr-note{margin:0;font:500 11px/1.5 Manrope,Arial,sans-serif;color:rgba(255,236,214,.6);letter-spacing:.02em}
.kr-gift{margin:0;font:600 12px/1.4 Manrope,Arial,sans-serif;letter-spacing:.06em;color:var(--gold1)}
/* rulo: aynı kadifeden sarılmış ince silindir, kenarlarında altın biye */
.kr-roll{position:relative;height:var(--roll);margin:-1px -3px 0;z-index:2;filter:drop-shadow(0 8px 9px rgba(0,0,0,.6))}
.kr-tube{position:absolute;inset:0;border-radius:6px/50%;overflow:hidden;
 background:
  repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 3px),
  linear-gradient(180deg,var(--v0) 0%,var(--v2) 24%,var(--v3) 42%,var(--v2) 60%,var(--v1) 84%,var(--v0) 100%);
 background-size:100% 6px,100% 100%}
.kr-tube::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,0))}
.kr-tube::after{content:"";position:absolute;left:10px;right:10px;top:42%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22) 20%,rgba(255,255,255,.22) 80%,transparent)}
.kr-layers{position:absolute;inset:0;border-radius:6px/50%;pointer-events:none;
 background:linear-gradient(90deg,var(--gold2),var(--gold1) 1.5px,transparent 2.5px,transparent calc(100% - 2.5px),var(--gold1) calc(100% - 1.5px),var(--gold2));
 box-shadow:inset 7px 0 6px -5px rgba(0,0,0,.6),inset -7px 0 6px -5px rgba(0,0,0,.6)}
/* altın püskül */
.kr-tassel{position:absolute;left:50%;top:calc(100% - 4px);width:22px;height:46px;margin-left:-11px;transform-origin:50% 0;pointer-events:none;z-index:1}
.kr-tassel svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 4px 4px rgba(0,0,0,.5))}
.kr.sway .kr-tassel{animation:tassel 2.2s cubic-bezier(.3,.6,.3,1)}
@keyframes tassel{0%{transform:rotate(0)}18%{transform:rotate(9deg)}42%{transform:rotate(-6deg)}66%{transform:rotate(3deg)}84%{transform:rotate(-1deg)}100%{transform:rotate(0)}}
@media (max-width:560px){.kr{--w:min(280px,calc(100vw - 56px));--wo:calc(100vw - 40px)}.kr-title{font-size:12.5px;letter-spacing:.24em}}
@media (prefers-reduced-motion:reduce){.kr{transition:none}.kr.sway .kr-tassel{animation:none}}


.kr-link{justify-self:center;font:600 12px/1 Manrope,Arial,sans-serif;letter-spacing:.14em;color:rgba(255,236,214,.75)!important;text-decoration:underline;text-underline-offset:4px}
/* ---- bildirim zili ---- */
.kk-bell{position:relative;display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(210,176,94,.25);border-radius:11px;background:rgba(7,20,35,.45);color:#d8b45e;cursor:pointer;flex:none}
.kk-bell:hover{border-color:rgba(210,176,94,.5)}
.kk-bell:focus-visible{outline:2px solid #f1c48a;outline-offset:2px}
.kk-bell-n{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#d23a53;color:#fff;font:800 10px/18px Manrope,Arial,sans-serif;text-align:center;box-shadow:0 0 0 2px #06101d}
@media(max-width:980px){.kk-bell{width:40px;height:40px}}
@media(max-width:760px){.kk-bell{margin-right:2px}}
.kk-notif{position:fixed;z-index:3000;max-height:min(520px,calc(100vh - 110px));display:flex;flex-direction:column;border-radius:18px;border:1px solid rgba(210,176,94,.32);background:linear-gradient(180deg,#0b1830,#060f1f);box-shadow:0 24px 60px rgba(0,0,0,.6);color:#e9eef8;overflow:hidden;font-family:Manrope,Arial,sans-serif}
.kk-notif-h{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.07)}
.kk-notif-h strong{font:600 20px/1 "Cormorant Garamond",Georgia,serif;color:#fbf1d6}
.kk-notif-x{all:unset;cursor:pointer;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#b9c3d6}
.kk-notif-x:hover{background:rgba(255,255,255,.06)}
.kk-notif-list{overflow:auto;padding:6px 8px}
.kk-notif-empty{margin:18px 10px;color:#a9b4c8;font-size:13.5px;line-height:1.5;text-align:center}
.kk-n{padding:11px 10px;border-radius:12px;border-bottom:1px solid rgba(255,255,255,.05)}
.kk-n.new{background:rgba(241,196,138,.07)}
.kk-n a{display:grid;gap:4px;color:inherit!important;text-decoration:none!important}
.kk-n strong{font-size:14px;color:#fbf1d6}
.kk-n.new strong::before{content:"";display:inline-block;width:7px;height:7px;margin:0 7px 1px 0;border-radius:50%;background:#d23a53;vertical-align:middle}
.kk-n span{font-size:13px;line-height:1.5;color:#c8d1e1}
.kk-n time{font-size:11px;color:#8794ab}
.kk-gift-btn{margin-top:9px;width:100%;min-height:40px;border:1px solid #f1c48a;border-radius:999px;background:radial-gradient(120% 140% at 30% 20%,#d23a53,#9b1a32 60%,#6d0f22);color:#fff4e3;font:800 13px/1 Manrope,Arial,sans-serif;cursor:pointer}
.kk-gift-btn:disabled{opacity:.7}
.kk-gift-d{display:block;margin-top:5px;font-size:11px;color:#c7b18a;text-align:center}
.kk-gift-ok{display:block;margin-top:8px;font-size:12.5px;font-weight:700;color:#8fe0a8}
.kk-gift-old{display:block;margin-top:8px;font-size:12px;color:#8794ab}
.kk-gift-err{display:block;margin-top:6px;font-size:12px;color:#ffb3bf}
.kk-notif-f{padding:10px 14px 12px;border-top:1px solid rgba(255,255,255,.07);font-size:12px;color:#a9b4c8;line-height:1.5}
.kk-push-btn{width:100%;min-height:38px;border-radius:999px;border:1px solid rgba(210,176,94,.45);background:rgba(210,176,94,.1);color:#f1d9a0;font:700 12.5px/1 Manrope,Arial,sans-serif;cursor:pointer}

/* ---- bildirim izni kartı ---- */
.kk-push-card{position:fixed;z-index:2900;left:16px;bottom:16px;width:min(380px,calc(100vw - 32px));padding:16px;border-radius:18px;border:1px solid rgba(210,176,94,.35);background:linear-gradient(180deg,#0d1b35,#071225);box-shadow:0 20px 50px rgba(0,0,0,.55);color:#e9eef8;font-family:Manrope,Arial,sans-serif;transform:translateY(20px);opacity:0;transition:transform .3s,opacity .3s}
.kk-push-card.in{transform:none;opacity:1}
.kk-push-card p{margin:0;display:grid;gap:5px}
.kk-push-card strong{font-size:15px;color:#fbf1d6}
.kk-push-card span{font-size:13px;line-height:1.5;color:#c8d1e1}
.kk-push-card div{display:flex;gap:8px;margin-top:12px}
.kk-push-card button{flex:1;min-height:40px;border-radius:999px;font:800 13px/1 Manrope,Arial,sans-serif;cursor:pointer;border:1px solid rgba(210,176,94,.45);background:transparent;color:#e9d5a4}
.kk-push-card .kk-pc-yes{background:linear-gradient(180deg,#f6dfa3,#c99a45);color:#2a1a05;border-color:transparent}
@media(max-width:560px){.kk-push-card{left:12px;right:12px;bottom:84px;width:auto}}

/* ---- Fal Odam sayfası ---- */
.kk-odam{display:grid;gap:16px;margin:8px 0 26px}
.kk-odam-card{padding:22px;border-radius:20px;border:1px solid rgba(123,69,199,.35);background:linear-gradient(135deg,rgba(90,47,163,.12),rgba(255,255,255,.6))}
.kk-odam-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}
.kk-odam-stat{flex:1 1 150px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid rgba(90,47,163,.18)}
.kk-odam-stat small{display:block;font-size:12px;color:#6b5b86;font-weight:700;letter-spacing:.04em}
.kk-odam-stat strong{display:block;margin-top:4px;font-size:26px;color:#2c1458}
.kk-odam-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.kk-odam-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:999px;font-weight:800;font-size:14px;text-decoration:none!important;background:linear-gradient(180deg,#7b45c7,#4b2a86);color:#fff!important}
.kk-odam-btn.sec{background:#fff;color:#4b2a86!important;border:1px solid rgba(75,42,134,.35)}
.kk-odam-gift{margin-top:12px;padding:10px 14px;border-radius:12px;background:#fff6e0;border:1px solid #f1c48a;color:#6a4b10;font-weight:700;font-size:14px}

/* V502 — test sitesi şeridi */
.kk-test-ribbon{position:fixed;z-index:4000;left:50%;transform:translateX(-50%);bottom:calc(8px + env(safe-area-inset-bottom,0px));padding:6px 14px;border-radius:999px;background:#ffd166;color:#3a2600;font:800 11px/1 Manrope,Arial,sans-serif;letter-spacing:.12em;box-shadow:0 6px 18px rgba(0,0,0,.4);pointer-events:none}

/* site başlığındaki genel bağlantı/düğme stilleri ruloyu ezmesin */
.site-header .kr-host .kr-title{background:none!important;-webkit-text-fill-color:#f6dfa3!important;color:#f6dfa3!important;text-shadow:0 1px 0 rgba(0,0,0,.6),0 0 12px rgba(246,223,163,.25)}
.site-header .kr-host .kr-go{border:1px solid #f6dfa3!important;color:#f6dfa3!important;background:linear-gradient(180deg,rgba(246,223,163,.12),rgba(246,223,163,.02))!important;border-radius:0!important;box-shadow:none!important;text-decoration:none!important}
.site-header .kr-host .kr-go:hover,.site-header .kr-host .kr-go:focus-visible{background:#f6dfa3!important;color:#1c040b!important}
.site-header .kr-host .kr-head{background:none!important;border:0!important;box-shadow:none!important;min-height:0!important}
.site-header .kr-host .kr-steps li b{color:#f6dfa3!important}.site-header .kr-host .kr-lead{color:#fbeedd!important}