/* =====================================================================
   ÖRNEK DÜZENİ — yerleşim, font ve renk kodları örnek davetiyeyle aynı
   (süsler, kapı, saten ve çerçeveler kendi çizimimiz). stil.css'ten sonra yüklenir.
   ===================================================================== */
:root{
  --o-baslik:#6e5748; --o-altin:#c6a477; --o-altin-koyu:#9f7c3e; --o-sayi:#80624d; --o-etiket:#a79384;
  --o-etk:#493923; --o-etk-tarih:#69563a; --o-etk-yer:#78694f; --o-etk-mekan:#5a4528; --o-etk-not:#806f54; --o-yazi:#4a4a4a;
  --f-isim:"Great Vibes", cursive; --f-el:"Tangerine", "Great Vibes", cursive; --f-sacra:"Sacramento", cursive;
  --f-bodoni:"Bodoni Moda", "Didot", serif; --f-cinzel:"Cinzel Decorative", "Cormorant Garamond", serif;
  --f-inter:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif; --f-playfair:"Playfair Display", serif;
}
body{background:#fff}

/* ---------- açılış kapısı: dokunmadan önce hafif kararır, yazı beyaz ---------- */
.kapi-sahne::after{content:"";position:absolute;inset:0;background:rgba(40,30,20,.22);pointer-events:none;transition:opacity .6s ease}
#kapi.aciliyor .kapi-sahne::after{opacity:0}
.kapi-cagri{font:500 13.5px/1.75 var(--f-bodoni);letter-spacing:.04em;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.25);animation:none}
.kapi-hitap{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.25)}
.muzik{background:var(--o-altin);box-shadow:0 0 0 10px rgba(198,164,119,.18),0 8px 20px -8px rgba(110,78,36,.5)}

/* ---------- giriş ---------- */
.giris{padding:70px 18px 120px}
.giris::before{content:"";position:absolute;inset:0;background:rgba(92,66,38,.12);z-index:1;pointer-events:none}
.giris .kose{z-index:2;opacity:1}
.giris #isiltilar{z-index:2}
.giris-ic{z-index:3;width:100%;max-width:420px}
.ust-yazi{font:400 12px var(--f-playfair);letter-spacing:.34em;color:#fff;margin-bottom:6px}
.isimler{font:400 clamp(52px,15.2vw,74px)/1.15 var(--f-isim);background:none;-webkit-text-fill-color:#fff;color:#fff;white-space:nowrap;text-shadow:0 2px 14px rgba(0,0,0,.12);padding:0}
.tarih-satir{grid-template-columns:1fr auto 1fr;gap:14px;margin:22px auto 0;max-width:300px}
.tarih-satir .yan{font:400 19px var(--f-cinzel);letter-spacing:.02em;text-transform:none;color:#fff;padding:6px 0;border-top:1px solid rgba(255,255,255,.85);border-bottom:1px solid rgba(255,255,255,.85)}
.tarih-satir .gun{font:400 74px/1 var(--f-cinzel);color:#fff;min-width:0}
.tarih-satir .yil{font:400 21px var(--f-bodoni);letter-spacing:.32em;color:#fff;margin-top:14px;padding-left:.32em}
.aileler{grid-template-columns:1fr 1fr;gap:12px;margin:34px 0 0;max-width:none}
.aile{font:400 15px/1.4 var(--f-cinzel);font-style:normal;color:#fff}
.aile b{font:400 15px var(--f-cinzel);letter-spacing:0;text-transform:none;color:#fff;margin-top:2px}
.aile.sol{text-align:left}
.aile.sag{text-align:right}
.hatirlatici{display:inline-flex;align-items:center;gap:8px;margin-top:64px;padding:12px 24px;border:0;border-radius:999px;background:rgba(255,255,255,.26);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font:500 13.5px var(--f-inter);animation:camParilti 3.4s ease-in-out infinite}
.hatirlatici svg{width:14px;height:14px}
@keyframes camParilti{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}50%{box-shadow:0 0 22px 2px rgba(255,255,255,.35)}}
.kaydir{color:#fff;font:500 12.5px var(--f-inter);letter-spacing:0;text-transform:none;gap:10px;padding:0;bottom:max(26px, env(safe-area-inset-bottom))}
.kaydir svg{width:24px;height:24px}

/* ---------- bölüm zeminleri (opak; saten yalnız girişte görünür) ---------- */
.bolum::before{display:none}
html.saten-canli .bolum,.bolum{background:linear-gradient(180deg,#f1f1f1 0%,#ffffff 100%)}
html.saten-canli .bolum.koyu,.bolum.koyu{background:linear-gradient(180deg,#ffffff 0%,#f1f1f1 100%)}
html.saten-canli #galeri,#galeri,html.saten-canli #lcv,#lcv{background:linear-gradient(0deg,#ffffff 0%,#f1f1f1 100%)}
html.saten-canli .bolum.son,.bolum.son{background:linear-gradient(180deg,#ffffff 0%,#f1f1f1 100%)}
.bolum{padding:64px 18px}

/* ---------- geri sayım ---------- */
#sayac{padding:70px 18px 46px}
.sayac-baslik{margin:0;font:400 clamp(40px,11.5vw,50px)/1.1 "Cormorant Garamond",serif;color:var(--o-baslik)}
.sayac-alt{margin:6px 0 24px;font:400 13px var(--f-bodoni);letter-spacing:.1em;text-transform:uppercase;color:var(--o-altin)}
.sayac{max-width:330px}
.hucre b{font:400 23px/1.2 var(--f-bodoni);color:var(--o-sayi)}
.hucre span{font:400 10.5px var(--f-bodoni);letter-spacing:.04em;color:var(--o-etiket);margin-top:4px}
.hucre + .hucre::before{top:22%;bottom:30%;background:#d9cfc4}

/* ---------- el yazısı başlıklar ---------- */
.el-baslik{margin:0 0 22px;font:700 clamp(46px,13.5vw,58px)/1.1 var(--f-el);color:var(--o-baslik)}

/* ---------- süslü kartuş (etkinlik + harita) ---------- */
.kartus{position:relative;margin:0 auto}
.kartus-resim{position:absolute;left:0;top:0;overflow:visible}
.kartus-ic{position:relative;text-align:center}
.etkinlik-kart{width:min(100%,336px);padding:112px 40px 110px}
.etk-baslik{margin:0;font:400 40px/1.2 var(--f-isim);color:var(--o-etk)}
.etk-mekan{margin:16px 0 0;font:500 17px/1.35 var(--f-bodoni);color:var(--o-etk-mekan)}
.etk-tarih{margin:12px 0 0;font:500 22px/1.42 var(--f-bodoni);color:var(--o-etk-tarih);white-space:pre-line}
.etk-adres{margin:14px 0 0;font:500 12px/1.55 var(--f-bodoni);color:var(--o-etk-yer)}
.etk-not{margin:14px 0 0;font:italic 400 15px/1.45 Arial,sans-serif;color:var(--o-etk-not)}
.harita-kart{width:min(100%,318px);height:350px;margin-top:34px}
.harita-kart .harita{position:absolute;inset:0;height:auto;border-radius:0;background:#efe9e0}
.harita-kart .harita iframe{filter:none}
.levha{position:relative;z-index:2;display:grid;place-items:center;width:220px;height:64px;margin:-30px auto 0;text-decoration:none}
.levha-resim{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.levha span{position:relative;font:600 12px var(--f-bodoni);letter-spacing:.2em;text-transform:uppercase;color:var(--o-altin-koyu)}

/* ---------- galeri: tek kare, oklar üstünde ---------- */
.galeri{margin:0 6px}
.galeri-serit{gap:0;padding:6px 0 14px}
.kare{flex:0 0 100%;aspect-ratio:1/1;border-radius:12px;box-shadow:0 18px 40px -26px rgba(0,0,0,.45)}
.kare img{object-position:50% 58%}
.kare::after{display:none}
.galeri-ok{display:grid !important;top:calc(50% - 28px);width:40px;height:40px;border:0;background:none;color:#fff;font:400 34px/1 Arial,sans-serif;text-shadow:0 1px 6px rgba(0,0,0,.45)}
.galeri-ok.sol{left:6px}
.galeri-ok.sag{right:6px}
.galeri-noktalar{margin-top:-34px;position:relative;z-index:2;gap:6px}
.galeri-noktalar button{width:18px;height:3px;border-radius:3px;background:rgba(255,255,255,.55)}
.galeri-noktalar button.secili{background:#fff;transform:none}

/* ---------- anı albümü ---------- */
.panel{background:#fff;border-radius:16px;box-shadow:0 18px 44px -30px rgba(0,0,0,.28),inset 0 0 0 1px #f1ece6}
.panel::before{display:none}
.album{padding:30px 20px 22px}
.yuvarlak-simge{background:#f7f3ee;color:var(--o-altin);box-shadow:none;width:54px;height:54px}
.yuvarlak-simge svg{width:22px;height:22px}
.album-baslik{margin-top:8px;font:400 36px/1.2 var(--f-sacra);color:var(--o-baslik)}
.album-alt{margin-top:6px;font:400 14.5px/1.4 "Cormorant Garamond",serif;font-style:normal;color:#6a6f57}
.album-cagri{display:flex;align-items:center;gap:12px;margin-top:12px;padding-top:0;border-top:0;font:500 10.5px var(--f-bodoni);letter-spacing:.2em;color:var(--o-altin)}
.album-cagri i{flex:1;height:1px;background:#ebe3d8}
.album-ok{background:#f7f3ee;color:var(--o-altin)}
.sekmeler{background:#f6f3ef}
.sekme{font:600 11px var(--f-inter);letter-spacing:.06em;color:#7a7a7a}
.sekme.secili{color:var(--o-altin-koyu)}
.birak{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 16px;border-radius:16px;border:1.5px dashed #e4dccf;background:#fdfcfa;cursor:pointer;text-align:center}
.birak input,.yukle-dugme input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.birak-simge{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#f6f1ea;color:var(--o-altin)}
.birak-simge svg{width:24px;height:24px}
.birak b{font:600 17px "Cormorant Garamond",serif;color:#6a6f57}
.birak small{font:400 13px "Cormorant Garamond",serif;color:#8f8f80}
.veya{display:flex;align-items:center;gap:12px;margin:14px 0;font:600 10.5px var(--f-inter);letter-spacing:.24em;text-transform:uppercase;color:#a9a9a9}
.veya i{flex:1;height:1px;background:#eee}
.yukle-dugme{position:relative;display:block;padding:13px;border-radius:999px;border:1px solid var(--o-altin);text-align:center;font:600 12px var(--f-inter);letter-spacing:.14em;text-transform:uppercase;color:var(--o-altin-koyu);cursor:pointer;background:#fff}
.gonder-dugme{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:20px;padding:15px;border:0;border-radius:999px;background:var(--o-altin);color:#fff;font:600 13px var(--f-inter);letter-spacing:.16em;text-transform:uppercase;box-shadow:0 12px 24px -14px rgba(160,120,60,.8)}
.gonder-dugme svg{width:17px;height:17px}
.gonder-dugme:disabled{opacity:.5}
.alan label,.alan .etiket{margin:0 0 8px 2px;font:600 11px var(--f-inter);letter-spacing:.14em;color:var(--o-yazi)}
.alan input,.alan textarea{font:400 15px/1.45 var(--f-inter);color:#333;border:1px solid #e6e1da;border-radius:14px;padding:13px 15px;background:#fff}
.alan input::placeholder,.alan textarea::placeholder{font-style:normal;color:#a8a8a8}
.alan input:focus,.alan textarea:focus{border-color:var(--o-altin);box-shadow:0 0 0 3px rgba(198,164,119,.16)}

/* ---------- hava ---------- */
.hava{background:#fffbf5;box-shadow:0 18px 44px -32px rgba(0,0,0,.25),inset 0 0 0 1px #f2e8d8}
.hava .el-baslik{margin:8px 0 2px;font-size:46px}
.hava-tarih{font:400 12px var(--f-bodoni);letter-spacing:.2em;color:var(--o-altin)}
.hava-yer{font:500 14px "Cormorant Garamond",serif;color:#5a4a3e}
.hava-durum{font:400 19px "Cormorant Garamond",serif;font-style:normal;color:#5a4a3e}
.hava-derece{font:500 52px "Cormorant Garamond",serif;color:var(--o-altin-koyu)}
.hava-ayrinti{background:#fff;border-radius:14px;box-shadow:inset 0 0 0 1px #efe4d2;font:400 14px "Cormorant Garamond",serif;color:#7a6a5c}
.hava-not{font:400 13px "Cormorant Garamond",serif;font-style:normal;color:#a39484}

/* ---------- katılım ---------- */
.lcv-baslik{font:400 clamp(30px,8.8vw,37px)/1.22 "Cormorant Garamond",serif;color:var(--o-baslik)}
.lcv-alt{margin:12px auto 24px;max-width:330px;font:italic 400 13px/1.5 "Cormorant Garamond",serif;color:var(--o-altin)}
.lcv-form{background:#fff;border-radius:24px;padding:24px 20px 22px;box-shadow:0 24px 54px -34px rgba(0,0,0,.3),inset 0 0 0 1px #f1ece6;text-align:left}
.lcv-form .alan:first-child{margin-top:0}
.durumlar{grid-template-columns:repeat(3,1fr);gap:8px}
.durumlar button{flex-direction:column;gap:8px;min-height:84px;padding:12px 6px;border-radius:14px;border:1px solid #ebe6df;background:#fafafa;font:600 9.5px/1.25 var(--f-inter);letter-spacing:.06em;color:#555}
.durumlar button::before{display:none}
.durumlar button svg{width:24px;height:24px;flex:none}
.durumlar button[aria-checked="true"]{background:#fbf6ee;border-color:var(--o-altin);color:var(--o-altin-koyu);box-shadow:none}
.sayici{justify-content:space-between;padding:10px;border-radius:16px;border:1px solid #e9e4dd;background:#f4f4f4;box-shadow:inset 0 2px 6px rgba(0,0,0,.07)}
.sayici button{width:46px;height:46px;border-radius:10px;border:1px dashed #d6cfc5;background:transparent;font:300 24px/1 var(--f-inter);color:#999}
.sayici-orta{display:flex;align-items:baseline;gap:6px}
.sayici output{font:600 28px/1 var(--f-inter);color:#3a3a3a;min-width:0}
.sayici-birim{margin:0;font:600 10px var(--f-inter);letter-spacing:.14em;color:#666}
.sayac-yazi{font:500 10px var(--f-inter);color:#aaa}
.form-hata{font:500 14px var(--f-inter)}
.lcv-tesekkur .tesekkur-baslik{font:400 36px/1.2 var(--f-isim);color:var(--o-baslik)}
.lcv-tesekkur .tesekkur-metin{font:400 16px/1.5 "Cormorant Garamond",serif;font-style:normal;color:#6a5a4e}

/* ---------- hatıra defteri ---------- */
.defter{margin-top:40px}
.defter-baslik{font:500 11px var(--f-inter);letter-spacing:.3em;color:#9a9a9a}
.defter-baslik::before,.defter-baslik::after{background:#e5e5e5}
.defter-liste{gap:14px}
.not-kart{padding:16px;border-radius:16px;background:#fff;box-shadow:0 10px 26px -20px rgba(0,0,0,.28),inset 0 0 0 1px #efefef}
.not-kart::before{display:none}
.not-ust{align-items:center}
.not-ad{display:inline-flex;align-items:center;gap:7px;font:600 14.5px var(--f-inter);color:#333}
.not-durum{display:inline-grid;width:17px;height:17px}
.not-durum svg{width:100%;height:100%}
.not-durum.katilacak{color:#3fae5a}
.not-durum.belirsiz{color:#f0c419}
.not-durum.katilmayacak{color:#e5534b}
.not-zaman{font:500 10px var(--f-inter);letter-spacing:.14em;color:#a3a3a3}
.not-metin{margin:12px 0 0;padding:12px 14px;border-radius:12px;background:#f8f8f8;font:400 14.5px/1.55 var(--f-inter);color:#444}
.defter-bos{font:400 15px "Cormorant Garamond",serif;font-style:normal;color:#9a9a9a}
#defterDaha{font:600 11px var(--f-inter);letter-spacing:.14em}

/* ---------- kapanış ---------- */
.son{padding:40px 18px 50px}
.son-kutu{padding:26px 0 10px;text-align:center}
.son-isim{margin:0;font:400 40px/1.2 var(--f-isim);color:var(--o-baslik)}
.son-tarih{margin:18px 0 0;font:400 30px/1 "League Gothic",sans-serif;letter-spacing:.02em;color:var(--o-baslik);padding:0}
.imza{margin-top:30px;font:400 10.5px var(--f-inter);letter-spacing:.06em;text-transform:none;color:#b8afa4}

/* ---------- gerçek görüntüler (Pexels, bkz kaynak/LISANS-GORSELLER.txt) ---------- */
.giris-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}
.kanat.foto{background-color:#e8e0d4;background-repeat:no-repeat}
.kanat.foto::before{display:none}
.kanat.foto .kanat-resim{display:none}
.kapi-sahne::after{background:rgba(40,30,20,.16)}
.kapi-cagri{text-shadow:0 1px 3px rgba(0,0,0,.45),0 0 18px rgba(0,0,0,.35)}
/* müzik düğmesi: tarayıcının varsayılan iç boşluğu simgeyi ve halkayı merkezden kaydırıyordu */
.muzik{padding:0}
.muzik-halka{position:absolute;inset:0;width:auto;height:auto}
/* giriş köşelerinde gerçek gül fotoğrafı: satenle "multiply" birleşir (beyaz zemin kaybolur, fildişi kabartma kalır) */
.kose-foto{position:absolute;z-index:1;width:min(60vw,310px);height:auto;pointer-events:none;mix-blend-mode:multiply;opacity:.96;
  -webkit-mask-image:radial-gradient(115% 95% at 100% 100%,#000 42%,rgba(0,0,0,0) 76%);mask-image:radial-gradient(115% 95% at 100% 100%,#000 42%,rgba(0,0,0,0) 76%)}
.kose-foto.alt{right:-6%;bottom:-3%;transform-origin:100% 100%;animation:gulAlt 11s ease-in-out infinite alternate}
.kose-foto.ust{left:-6%;top:-3%;transform-origin:50% 50%;transform:rotate(180deg);animation:gulUst 12s ease-in-out -4s infinite alternate}
@keyframes gulAlt{from{transform:rotate(-1deg)}to{transform:rotate(1.2deg)}}
@keyframes gulUst{from{transform:rotate(181deg)}to{transform:rotate(178.8deg)}}
.giris .kose .cicek{display:none}
/* akıcılık: video üstünde her karede yeniden boyanan şeyleri kapat */
.kose-foto.alt,.kose-foto.ust{animation:none}
.kose-foto.ust{transform:rotate(180deg)}
.hatirlatici{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.3)}
.giris .kose{will-change:transform}
.giris-video{transform:translateZ(0)}
/* kullanıcının kapı görseli: mühür resmin içinde (muhurlu); "dokunun" yazısı da içindeyse (yazili) bizimki gizlenir */
#kapi.muhurlu .muhur-yari{display:none}
#kapi.muhurlu .kapi-sahne::after{opacity:0}
#kapi.muhurlu .muhur-dalga{top:var(--muhur-y)}
#kapi.muhurlu .kapi-yazi{top:var(--hitap-y)}
#kapi.muhurlu .kapi-hitap{color:#8d6a39;text-shadow:0 0 12px rgba(255,250,240,.95),0 0 4px rgba(255,250,240,.9)}
#kapi.yazili .kapi-cagri{display:none}
/* canlı "dokunun" yazısı: altın harflerin üstünden ışık geçer */
#kapi.muhurlu .kapi-cagri{font:600 clamp(19px,5.4vw,23px)/1.35 "Cinzel Decorative","Cormorant Garamond",serif;letter-spacing:.05em;text-transform:uppercase;
  background:linear-gradient(100deg,#9c7740 0%,#9c7740 38%,#f7e3b6 50%,#9c7740 62%,#9c7740 100%);background-size:250% 100%;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#9c7740;text-shadow:none;
  filter:drop-shadow(0 0 10px rgba(255,248,232,.95));animation:yaziIsik 4.8s ease-in-out infinite}
@keyframes yaziIsik{0%,30%{background-position:120% 0}100%{background-position:-20% 0}}
/* ---------- kapı canlı: yavaş yaklaşma, nefes alan fener/mum ışıkları, mühürden geçen ışık ---------- */
.kanat-foto{position:absolute;inset:0;background-repeat:no-repeat;will-change:transform;animation:kapiNefes 15s ease-in-out infinite alternate}
@keyframes kapiNefes{from{transform:scale(1)}to{transform:scale(1.045)}}
.kanat.foto{background-image:none !important}
.isik{position:absolute;border-radius:50%;pointer-events:none;mix-blend-mode:screen;opacity:.55;
  background:radial-gradient(circle,rgba(255,226,170,.95) 0%,rgba(255,200,120,.45) 32%,rgba(255,190,110,0) 70%);
  animation:isikNefes var(--sure,4.4s) ease-in-out var(--gec,0s) infinite alternate}
.isik.mum{animation-name:mumAlev}
@keyframes isikNefes{from{opacity:.35;transform:scale(.9)}to{opacity:.85;transform:scale(1.08)}}
@keyframes mumAlev{0%{opacity:.45;transform:scale(.92)}35%{opacity:.8;transform:scale(1.05)}60%{opacity:.6;transform:scale(.97)}100%{opacity:.9;transform:scale(1.08)}}
.muhur-parilti{position:absolute;left:50%;top:var(--muhur-y,60%);width:var(--muhur);height:var(--muhur);margin:calc(var(--muhur) / -2) 0 0 calc(var(--muhur) / -2);
  border-radius:50%;overflow:hidden;pointer-events:none;mix-blend-mode:screen;opacity:.85}
.muhur-parilti::after{content:"";position:absolute;inset:-30%;background:linear-gradient(115deg,rgba(255,255,255,0) 38%,rgba(255,246,220,.7) 50%,rgba(255,255,255,0) 62%);
  transform:translateX(-120%);animation:muhurIsik 5.5s ease-in-out 1.2s infinite}
@keyframes muhurIsik{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
#kapi.aciliyor .muhur-parilti{opacity:0;transition:opacity .4s}
#kapi:not(.muhurlu) .muhur-parilti{display:none}
/* ---------- şarkımız ---------- */
.sarki-baslik{font-family:"Great Vibes",cursive;font-weight:400;font-size:clamp(42px,12vw,52px)}
.sarki-kart{padding:12px}
.sarki-oynatici{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:linear-gradient(150deg,#3c2f24,#1f1813)}
.sarki-oynatici iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.sarki-bas{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:0;background:none;color:#f6ead6}
.plak{position:relative;width:74px;height:74px;border-radius:50%;background:repeating-radial-gradient(circle,#1a1410 0 2px,#2a2119 2px 4px);box-shadow:0 8px 22px -8px rgba(0,0,0,.6);animation:plakDon 9s linear infinite}
.plak i{position:absolute;inset:26px;border-radius:50%;background:radial-gradient(circle,#f3e6cf 0 3px,#c6a477 3px)}
@keyframes plakDon{to{transform:rotate(360deg)}}
.sarki-ad{font:500 20px "Cormorant Garamond",serif;letter-spacing:.02em}
.sarki-cagri{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;background:var(--o-altin);color:#fff;font:600 11.5px var(--f-inter);letter-spacing:.12em;text-transform:uppercase}
.sarki-cagri svg{width:14px;height:14px}
/* ---------- giriş: kullanıcının tasarımı — gül altını yazılar, köşelerde gül altını güller + inciler, altın pırıltı ---------- */
.giris::before{display:none}
.giris .kose,.giris .kose-foto{display:none}
.gul-kose{position:absolute;z-index:1;pointer-events:none;height:auto}
.gul-kose.ust{left:0;top:0;width:min(68vw,300px);-webkit-mask-image:radial-gradient(120% 110% at 0 0,#000 52%,rgba(0,0,0,0) 80%);mask-image:radial-gradient(120% 110% at 0 0,#000 52%,rgba(0,0,0,0) 80%)}
.gul-kose.alt{right:0;bottom:0;width:min(58vw,257px);-webkit-mask-image:radial-gradient(120% 110% at 100% 100%,#000 52%,rgba(0,0,0,0) 80%);mask-image:radial-gradient(120% 110% at 100% 100%,#000 52%,rgba(0,0,0,0) 80%)}
.ust-yazi{color:#8e5f52;text-shadow:none}
.isimler{background:linear-gradient(176deg,#9e5f52 8%,#d9a490 42%,#b07364 62%,#93584b 92%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#a8685a;text-shadow:none;filter:drop-shadow(0 1px 0 rgba(255,250,244,.8))}
.tarih-satir .yan{color:#9a6457;border-color:rgba(168,104,90,.7)}
.tarih-satir .gun{background:linear-gradient(176deg,#9e5f52 10%,#d29a87 50%,#93584b 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.tarih-satir .yil{color:#9a6457}
.aile,.aile b{color:#8e5f52}
.hatirlatici{background:rgba(250,226,219,.78);border:1.5px solid #c48a7c;color:#8a5548;padding:11px 22px;animation:gulParilti 3.6s ease-in-out infinite}
@keyframes gulParilti{0%,100%{box-shadow:0 0 0 0 rgba(212,150,130,0)}50%{box-shadow:0 0 18px 1px rgba(212,150,130,.45)}}
.kaydir{color:#6e5048}
.muzik{background:#c9a088;box-shadow:0 0 0 10px rgba(201,160,136,.2),0 8px 20px -8px rgba(110,60,40,.45)}

/* ---------- kapı daha dijital: yukarıdan süzülen ışık huzmeleri + belirgin parıltı ---------- */
.kapi-huzme{position:absolute;inset:-10% -20% 0;pointer-events:none;mix-blend-mode:screen;opacity:.55;transition:opacity .6s}
.kapi-huzme i{position:absolute;top:-10%;width:22%;height:120%;transform-origin:50% 0;
  background:linear-gradient(180deg,rgba(255,236,196,.55) 0%,rgba(255,236,196,.12) 55%,rgba(255,236,196,0) 85%);filter:blur(10px)}
.kapi-huzme i:nth-child(1){left:24%;animation:huzme 11s ease-in-out infinite alternate}
.kapi-huzme i:nth-child(2){left:46%;width:16%;animation:huzme 14s ease-in-out -5s infinite alternate-reverse;opacity:.8}
.kapi-huzme i:nth-child(3){left:64%;animation:huzme 12s ease-in-out -2s infinite alternate}
@keyframes huzme{from{transform:rotate(-9deg);opacity:.35}to{transform:rotate(7deg);opacity:.9}}
#kapi.aciliyor .kapi-huzme{opacity:0}
#kapi.muhurlu .kapi-kusak{background:linear-gradient(112deg,rgba(255,244,220,0) 40%,rgba(255,244,220,.42) 50%,rgba(255,244,220,0) 60%);background-size:270% 100%;mix-blend-mode:screen;animation-duration:7s}
/* kapı yazısı daha okunur: koyu altın, ince kontur gölgesi, arkasında yumuşak fildişi ışık */
#kapi.muhurlu .kapi-yazi{padding:18px 22px}
#kapi.muhurlu .kapi-yazi::before{content:"";position:absolute;left:4%;right:4%;top:-6px;bottom:-14px;z-index:-1;border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,251,243,.92),rgba(255,251,243,.7) 55%,rgba(255,251,243,0) 100%)}
#kapi.muhurlu .kapi-hitap{font:400 31px/1.25 "Great Vibes","Parisienne",cursive;color:#5e3f1f;
  text-shadow:0 1px 0 rgba(255,255,255,.9),0 0 10px rgba(255,251,243,1)}
#kapi.muhurlu .kapi-cagri{font-weight:700;font-size:clamp(20px,5.7vw,25px);letter-spacing:.06em;
  background:linear-gradient(100deg,#6d4a1d 0%,#6d4a1d 40%,#b8904f 50%,#6d4a1d 60%,#6d4a1d 100%);background-size:250% 100%;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.95)) drop-shadow(0 1px 2px rgba(80,50,20,.28))}