:root{
  --cream:#fbf7ee;
  --paper:#fffdf7;
  --green:#52685f;
  --green-dark:#263f35;
  --yellow:#f3d681;
  --gold:#c7a853;
  --soft-yellow:#fff1bf;
  --line:rgba(199,168,83,.45);
  --shadow:0 24px 80px rgba(38,63,53,.14);
  --serif:'Cormorant Garamond',serif;
  --script:'Great Vibes',cursive;
  --sans:'Inter',system-ui,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--green-dark);font-family:var(--serif);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 12%,rgba(243,214,129,.35),transparent 28%),radial-gradient(circle at 85% 7%,rgba(243,214,129,.25),transparent 24%),linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,.2));z-index:-2}body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E");z-index:-1}.page-loader{position:fixed;inset:0;background:var(--paper);z-index:99;display:grid;place-items:center;transition:.7s ease}.page-loader.hide{opacity:0;visibility:hidden}.page-loader span{width:42px;height:42px;border:1px solid var(--gold);border-top-color:var(--green-dark);border-radius:50%;animation:spin 1s linear infinite}.page-loader p{position:absolute;margin-top:90px;font-family:var(--sans);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--green)}@keyframes spin{to{transform:rotate(360deg)}}.music-button{position:fixed;top:18px;left:18px;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--green-dark);color:var(--yellow);z-index:20;font-size:20px;box-shadow:0 12px 30px rgba(38,63,53,.2)}.music-button.playing{animation:pulse 1.8s infinite}@keyframes pulse{50%{transform:scale(1.06)}}.floating-nav{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:4px;padding:8px;background:rgba(255,253,247,.78);backdrop-filter:blur(18px);border:1px solid rgba(199,168,83,.25);border-radius:999px;z-index:30;box-shadow:0 12px 35px rgba(38,63,53,.1)}.floating-nav a{font-family:var(--sans);font-size:11px;text-decoration:none;color:var(--green-dark);padding:8px 11px;border-radius:999px}.floating-nav a:hover{background:var(--soft-yellow)}.section{min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px 24px;text-align:center;overflow:hidden}.small-label{display:inline-block;background:rgba(243,214,129,.42);padding:7px 18px;border-radius:3px;font-size:28px;line-height:1;color:var(--green);letter-spacing:.02em}.section-head span{display:inline-block;background:rgba(243,214,129,.35);padding:7px 18px;border-radius:3px;font-size:24px;color:var(--green)}.section-head h2{font-size:clamp(54px,11vw,104px);font-weight:500;line-height:.92;margin:28px 0 16px;color:var(--green);letter-spacing:.01em}.section-head p{font-size:24px;max-width:760px;line-height:1.55;color:var(--green);margin:0 auto}.hero{padding-top:90px}.hero-image-wrap{width:min(620px,88vw);border-radius:44% 44% 8px 8px;overflow:hidden;position:relative;margin-top:28px;box-shadow:var(--shadow);border:1px solid rgba(199,168,83,.45)}.hero-image-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(255,253,247,.75),transparent 40%)}.hero-img{width:100%;display:block}.hero-copy{max-width:820px;margin-top:-42px;position:relative;z-index:2}.hero h1{font-size:clamp(74px,15vw,150px);font-family:var(--script);font-weight:400;line-height:.78;color:var(--green);margin:0}.hero h2{font-size:clamp(44px,9vw,88px);font-weight:500;line-height:1;margin:15px 0;color:var(--green)}.hero p{font-size:24px;line-height:1.5;max-width:720px;margin:0 auto 28px;color:var(--green)}.date-line{display:flex;align-items:center;justify-content:center;gap:20px;margin:24px auto 26px;font-family:var(--serif);letter-spacing:.12em;text-transform:uppercase;color:var(--green)}.date-line strong{font-size:34px;font-weight:500;letter-spacing:.16em;border-left:1px solid var(--line);border-right:1px solid var(--line);padding:0 22px}.primary-btn,.action-grid a,.final-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;background:var(--green-dark);color:#fffaf0;text-decoration:none;border-radius:999px;border:1px solid var(--gold);font-family:var(--sans);font-size:14px;letter-spacing:.04em;box-shadow:0 16px 32px rgba(38,63,53,.18)}.scroll-hint{position:absolute;bottom:22px;font-family:var(--sans);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--green);opacity:.75}.floral,.flower{position:absolute;pointer-events:none}.floral:before,.floral:after,.flower:before{content:"✿";font-family:serif;color:var(--yellow);opacity:.7}.floral-left{left:-16px;top:70px;font-size:90px;transform:rotate(-25deg)}.floral-right{right:10px;top:40px;font-size:120px;transform:rotate(20deg)}.flower.big.top-right{right:8%;top:6%;font-size:120px}.flower.small.bottom-left{left:6%;bottom:8%;font-size:90px}.invite .card-paper{width:min(860px,92vw);padding:90px 44px;background:rgba(255,253,247,.72);border:1px solid rgba(199,168,83,.35);border-radius:34px;box-shadow:var(--shadow);position:relative}.card-paper:before,.card-paper:after{content:"";position:absolute;width:120px;height:120px;border:1px solid var(--line)}.card-paper:before{left:18px;top:18px;border-right:0;border-bottom:0}.card-paper:after{right:18px;bottom:18px;border-left:0;border-top:0}.invite h2{font-size:clamp(66px,12vw,128px);font-weight:500;line-height:.9;margin:34px 0;color:var(--green)}.invite p{font-size:28px;line-height:1.55;max-width:650px;margin:0 auto;color:var(--green)}.signature{margin-top:45px!important}.signature span{font-family:var(--script);font-size:78px;color:var(--green)}.timer{width:min(920px,94vw);display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:28px;background:rgba(255,253,247,.55);box-shadow:var(--shadow);overflow:hidden}.timer div{padding:34px 12px;border-right:1px solid var(--line)}.timer div:last-child{border-right:0}.timer b{display:block;font-size:clamp(54px,10vw,98px);font-weight:400;color:var(--green);line-height:.9}.timer span{display:block;margin-top:13px;font-size:24px;color:var(--green)}.date-note{font-size:28px;color:var(--green);margin-top:46px}.detail-list{width:min(820px,94vw);display:grid;gap:18px}.detail-list article{display:grid;grid-template-columns:90px 1fr;gap:22px;text-align:left;align-items:center;background:rgba(255,253,247,.62);border:1px solid var(--line);border-radius:22px;padding:22px 26px;box-shadow:0 18px 50px rgba(38,63,53,.08)}.detail-list i{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:rgba(243,214,129,.35);font-size:28px;color:var(--gold);font-style:normal}.detail-list h3{font-size:42px;font-weight:500;margin:0;color:var(--green)}.detail-list p{font-size:24px;line-height:1.25;margin:6px 0 0;color:var(--green)}.map-card{width:min(760px,92vw);height:280px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(35deg,rgba(243,214,129,.18),rgba(255,255,255,.8)),repeating-linear-gradient(35deg,transparent 0 28px,rgba(82,104,95,.08) 29px 30px),repeating-linear-gradient(125deg,transparent 0 34px,rgba(199,168,83,.09) 35px 36px);display:grid;place-items:center;box-shadow:var(--shadow);margin:28px 0}.map-pin{font-size:74px;color:var(--green-dark)}.map-card span{font-size:22px;background:rgba(255,253,247,.75);padding:8px 20px;border-radius:999px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:min(760px,92vw)}.action-grid a{background:transparent;color:var(--green-dark)}.action-grid a:first-child{background:var(--green-dark);color:#fffaf0}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:min(820px,94vw)}.gallery-grid img{width:100%;height:360px;object-fit:cover;border-radius:26px;border:1px solid var(--line);box-shadow:0 12px 40px rgba(38,63,53,.1)}.rsvp-form{width:min(780px,94vw);display:grid;gap:18px;text-align:left}.rsvp-form label{font-family:var(--sans);font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--green-dark)}.rsvp-form input,.rsvp-form select,.rsvp-form textarea{width:100%;margin-top:9px;border:1px solid var(--line);background:rgba(255,253,247,.75);border-radius:16px;min-height:58px;padding:0 18px;font-family:var(--serif);font-size:24px;color:var(--green-dark);outline:none}.rsvp-form textarea{min-height:130px;padding-top:18px;resize:vertical}.rsvp-form button{border:1px solid var(--gold);background:var(--green-dark);color:#fffaf0;border-radius:999px;min-height:62px;font-family:var(--serif);font-size:32px;cursor:pointer}.rsvp-form p{text-align:center;font-size:20px;color:var(--green);margin:0}.form-result{font-family:var(--sans);text-align:center;font-size:14px;color:var(--green-dark);min-height:24px}.final-img{width:min(640px,90vw);border-radius:42px;box-shadow:var(--shadow);border:1px solid var(--line);mask-image:linear-gradient(to bottom,#000 70%,transparent 100%)}.final-copy{margin-top:-30px;position:relative}.final-copy p{font-size:34px;line-height:1.3;color:var(--green);max-width:720px;margin:0 auto 20px}.final-copy span{font-size:30px;color:var(--gold);font-style:italic}.final-copy h2{font-family:var(--script);font-size:clamp(70px,13vw,130px);font-weight:400;color:var(--green);line-height:.85;margin:16px 0 30px}.final-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}.final-actions a:last-child{background:transparent;color:var(--green-dark)}.final-copy small{font-family:var(--sans);text-transform:uppercase;letter-spacing:.22em;color:var(--green)}.reveal{opacity:0;transform:translateY(28px);transition:opacity 1s ease, transform 1s ease}.reveal.show{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}@media (max-width:720px){.floating-nav{display:none}.section{padding:58px 18px}.small-label{font-size:22px}.hero-image-wrap{width:94vw;border-radius:36% 36% 8px 8px}.hero-copy{margin-top:-26px}.hero p,.section-head p{font-size:20px}.date-line{gap:8px;font-size:12px}.date-line strong{font-size:22px;padding:0 10px}.timer{grid-template-columns:repeat(2,1fr)}.timer div:nth-child(2){border-right:0}.timer div:nth-child(1),.timer div:nth-child(2){border-bottom:1px solid var(--line)}.detail-list article{grid-template-columns:64px 1fr;padding:18px}.detail-list i{width:54px;height:54px}.detail-list h3{font-size:34px}.gallery-grid{grid-template-columns:1fr}.gallery-grid img{height:330px}.action-grid{grid-template-columns:1fr}.invite .card-paper{padding:68px 26px}.signature span{font-size:56px}.rsvp-form input,.rsvp-form select,.rsvp-form textarea{font-size:20px}.floral-left,.floral-right{opacity:.28}}

/* =========================================================
   GÜNCELLEME: Sabit arkaplan + sağ üst albüm/müzik butonları
   ========================================================= */

body{
  background:#fffdf7 !important;
}

body::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-3 !important;
  pointer-events:none !important;
  background:url('../img/background-fixed.png') center top / cover no-repeat !important;
  opacity:1 !important;
}

body::after{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-2 !important;
  pointer-events:none !important;
  background:rgba(255,253,247,.04) !important;
  opacity:1 !important;
}

.section{
  background:transparent !important;
  isolation:isolate;
}

.section::before,
.section::after{
  display:none !important;
}

.floral,
.flower{
  display:none !important;
}

.card-paper,
.detail-list article,
.map-card,
.rsvp-form input,
.rsvp-form select,
.rsvp-form textarea{
  backdrop-filter:blur(1.5px);
}

/* Albüm butonu: sağ en üstte, yeşil arkaplanlı, yazılı */
.album-floating{
  position:fixed !important;
  top:18px !important;
  right:18px !important;
  left:auto !important;
  transform:none !important;
  z-index:60 !important;

  width:auto !important;
  min-width:92px !important;
  height:48px !important;
  min-height:48px !important;

  padding:0 15px !important;
  margin:0 !important;
  border-radius:999px !important;

  background:var(--green-dark) !important;
  border:1px solid var(--line) !important;
  box-shadow:0 12px 30px rgba(38,63,53,.2) !important;
  color:var(--yellow) !important;
  text-decoration:none !important;

  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;

  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.album-floating .album-icon,
.album-floating span{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  height:auto !important;

  font-size:19px !important;
  line-height:1 !important;
  color:var(--yellow) !important;

  margin:0 !important;
  padding:0 !important;
}

.album-floating small{
  display:block !important;
  font-family:var(--sans) !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:.02em !important;
  color:#fffaf0 !important;

  margin:0 !important;
  padding:0 !important;
}

/* Müzik butonu: albümün solunda, ikon tam ortalı */
.music-button{
  position:fixed !important;
  top:18px !important;
  right:122px !important;
  left:auto !important;

  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  min-height:48px !important;

  padding:0 !important;
  margin:0 !important;
  border-radius:50% !important;

  border:1px solid var(--line) !important;
  background:var(--green-dark) !important;
  color:var(--yellow) !important;

  z-index:60 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  text-align:center !important;
  line-height:1 !important;
  font-size:22px !important;
  font-family:Arial, sans-serif !important;
  font-weight:400 !important;

  box-shadow:0 12px 30px rgba(38,63,53,.2) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);

  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
}

.music-button.playing{
  animation:pulse 1.8s infinite;
  background:var(--green-dark) !important;
  color:var(--yellow) !important;
}

.album-floating:hover,
.music-button:hover{
  background:#31483d !important;
  color:var(--yellow) !important;
}

/* Final section boşluk */
.final{
  padding-bottom:120px;
}

/* Mobil uyum */
@media (max-width:720px){
  body::before{
    background-image:url('../img/background-fixed.png') !important;
    background-size:cover !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
  }

  .section{
    min-height:100svh;
  }

  .album-floating{
    top:14px !important;
    right:14px !important;

    min-width:82px !important;
    height:44px !important;
    min-height:44px !important;

    padding:0 12px !important;
    gap:6px !important;
  }

  .album-floating .album-icon,
  .album-floating span{
    font-size:18px !important;
  }

  .album-floating small{
    font-size:11px !important;
  }

  .music-button{
    top:14px !important;
    right:106px !important;

    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;

    font-size:21px !important;
  }
}

@media (max-width:390px){
  .album-floating{
    min-width:76px !important;
    padding:0 10px !important;
  }

  .album-floating small{
    font-size:10px !important;
  }

  .music-button{
    right:98px !important;
  }
}

/* =========================================================
   MOBİL BUTON / HERO FOTOĞRAF FİNAL DÜZELTME
   Bunu style.css dosyasının en altına ekle.
   ========================================================= */

/* Arkaplan sabit kalsın */
html,
body{
  background:#fffdf7 !important;
  overflow-x:hidden !important;
}

body::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-3 !important;
  pointer-events:none !important;
  background:url('../img/background-fixed.png') center top / cover no-repeat !important;
  opacity:1 !important;
}

body::after{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-2 !important;
  pointer-events:none !important;
  background:rgba(255,253,247,.04) !important;
  opacity:1 !important;
}

.section{
  background:transparent !important;
}

.section::before,
.section::after{
  display:none !important;
}

/* Eski çiçek sembollerini kapat */
.floral,
.flower{
  display:none !important;
}

/* Müzik butonu: ikon tam ortalı */
#musicButton.music-button,
.music-button{
  position:fixed !important;
  top:18px !important;
  left:18px !important;
  right:auto !important;

  width:50px !important;
  height:50px !important;
  min-width:50px !important;
  min-height:50px !important;

  padding:0 !important;
  margin:0 !important;

  border-radius:50% !important;
  border:1px solid rgba(199,168,83,.45) !important;

  background:var(--green-dark) !important;
  color:var(--yellow) !important;

  z-index:9999 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  text-align:center !important;
  line-height:1 !important;

  font-size:0 !important;
  font-family:Arial, sans-serif !important;

  box-shadow:0 12px 30px rgba(38,63,53,.2) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;

  appearance:none !important;
  -webkit-appearance:none !important;
  cursor:pointer !important;
}

.music-button .music-icon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:100% !important;
  height:100% !important;

  margin:0 !important;
  padding:0 !important;

  font-size:23px !important;
  line-height:1 !important;
  color:var(--yellow) !important;

  transform:translateY(-1px) !important;
}

.music-button.playing{
  animation:pulse 1.8s infinite !important;
}

/* Albüm butonu: sağ en üstte, yeşil, yazılı */
a.album-floating,
.album-floating{
  position:fixed !important;
  top:18px !important;
  right:18px !important;
  left:auto !important;
  bottom:auto !important;
  transform:none !important;

  z-index:9999 !important;

  width:auto !important;
  min-width:96px !important;
  height:50px !important;
  min-height:50px !important;

  padding:0 15px !important;
  margin:0 !important;

  border-radius:999px !important;
  border:1px solid rgba(199,168,83,.45) !important;

  background:var(--green-dark) !important;
  color:var(--yellow) !important;
  text-decoration:none !important;

  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;

  box-shadow:0 12px 30px rgba(38,63,53,.2) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
}

.album-floating .album-icon,
.album-floating span{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:auto !important;
  height:auto !important;

  margin:0 !important;
  padding:0 !important;

  font-size:19px !important;
  line-height:1 !important;
  color:var(--yellow) !important;
}

.album-floating small{
  display:block !important;

  margin:0 !important;
  padding:0 !important;

  font-family:var(--sans) !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:.02em !important;

  color:#fffaf0 !important;
}

.album-floating:hover,
.music-button:hover{
  background:#31483d !important;
}

/* Hero fotoğrafı küçültme */
.hero-image-wrap{
  width:min(520px, 78vw) !important;
  margin-top:24px !important;
}

.hero-copy{
  margin-top:-28px !important;
}

.hero h1{
  font-size:clamp(64px, 13vw, 120px) !important;
}

.hero p{
  max-width:640px !important;
}

/* Mobil özel */
@media (max-width:720px){
  body::before{
    background:url('../img/background-fixed.png') center top / cover no-repeat !important;
  }

  .section{
    min-height:100svh !important;
    padding:74px 18px 58px !important;
  }

  #musicButton.music-button,
  .music-button{
    top:14px !important;
    left:14px !important;

    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
  }

  .music-button .music-icon{
    font-size:21px !important;
    transform:translateY(-1px) !important;
  }

  a.album-floating,
  .album-floating{
    top:14px !important;
    right:14px !important;

    min-width:86px !important;
    height:44px !important;
    min-height:44px !important;

    padding:0 12px !important;
    gap:6px !important;
  }

  .album-floating .album-icon,
  .album-floating span{
    font-size:17px !important;
  }

  .album-floating small{
    font-size:11px !important;
  }

  .hero-image-wrap{
    width:78vw !important;
    max-width:360px !important;
    margin-top:20px !important;
    border-radius:38% 38% 8px 8px !important;
  }

  .hero-copy{
    margin-top:-20px !important;
  }

  .hero h1{
    font-size:clamp(58px, 16vw, 82px) !important;
    line-height:.82 !important;
  }

  .hero p{
    font-size:19px !important;
    line-height:1.45 !important;
    max-height:none !important;
  }

  .small-label{
    font-size:22px !important;
  }

  .date-line{
    gap:7px !important;
    margin:20px auto 22px !important;
  }

  .date-line strong{
    font-size:20px !important;
    padding:0 8px !important;
    letter-spacing:.08em !important;
  }

  .primary-btn{
    min-height:48px !important;
    padding:0 22px !important;
  }
}

/* Çok küçük ekran */
@media (max-width:390px){
  .hero-image-wrap{
    width:74vw !important;
    max-width:330px !important;
  }

  a.album-floating,
  .album-floating{
    min-width:80px !important;
    padding:0 10px !important;
  }

  .album-floating small{
    font-size:10px !important;
  }
}