:root{
  --bg: #05040a;
  --bg-soft: #090815;
  --bg-elevated: rgba(14, 12, 25, 0.96);
  --bg-glass: rgba(7, 7, 15, 0.85);

  --text: #f5f2eb;
  --muted: rgba(214, 208, 200, 0.78);
  --muted-soft: rgba(196, 188, 178, 0.6);

  --gold: #f0c57a;
  --gold2: #ffe4a6;
  --accent: #ff9f6a;

  --line: rgba(255,255,255,0.12);
  --radius: 22px;
  --radius-sm: 16px;

  --shadow: 0 26px 80px rgba(0,0,0,0.75);
  --shadow-soft: 0 16px 45px rgba(0,0,0,0.55);

  --serif: "Playfair Display", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --sans: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* RESET / BASE */
*,
*::before,
*::after{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  font-family:var(--sans);
  color:var(--text);
  background:
    radial-gradient(circle at 10% -10%, rgba(255,255,255,0.04), transparent 55%),
    radial-gradient(circle at 120% 120%, rgba(255,184,116,0.10), transparent 60%),
    linear-gradient(135deg, #05040a 0%, #060712 45%, #05040a 100%);
  min-height:100vh;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

img{
  max-width:100%;
  height:auto;
  display:block;
}

a{
  color:inherit;
  text-decoration:none;
}

button,
input,
select,
textarea{
  font:inherit;
  color:inherit;
}

/* LAYOUT */
.container{
  width:100%;
  max-width:1120px;
  margin:0 auto;
  padding:0 20px;
}

/* PRELOADER */
.preloader{
  position:fixed;
  inset:0;
  display:grid;
  place-items:center;
  background:radial-gradient(circle at 15% 0, rgba(255,255,255,0.08), transparent 55%), #05040a;
  z-index:9999;
  transition:opacity .45s ease, visibility .45s ease;
}
.preloader.is-hidden{
  opacity:0;
  visibility:hidden;
}
.preloader__inner{
  text-align:center;
  text-transform:uppercase;
  letter-spacing:0.45em;
}
.preloader__inner .brand-mark{
  font-family:var(--serif);
  font-size:31px;
  color:var(--gold2);
}
.preloader__sub{
  font-size:11px;
  margin-top:8px;
  color:var(--muted-soft);
}
.preloader__line{
  margin:18px auto 0;
  width:120px;
  height:2px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,0.08);
  position:relative;
}
.preloader__line::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, transparent, var(--gold2), transparent);
  transform:translateX(-100%);
  animation:preloader-line 1.4s ease-in-out infinite;
}
@keyframes preloader-line{
  0%{transform:translateX(-100%);}
  50%{transform:translateX(10%);}
  100%{transform:translateX(120%);}
}

/* HEADER */


/* TOP TICKER – KAYAN DUYURU ŞERİDİ */
/* Ortak temel stil */
.top-ticker{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:1400;
  height:30px;
  display:flex;
  align-items:center;
  overflow:hidden;
  font-size:11px;
  letter-spacing:0.18em;
  text-transform:uppercase;
}

/* Normal (günlük) mod */
.top-ticker.normal{
  background:linear-gradient(90deg,
    rgba(5,4,10,0.98),
    rgba(15,12,30,0.98),
    rgba(5,4,10,0.98)
  );
  border-bottom:1px solid rgba(255,255,255,0.06);
  color:rgba(255,236,205,0.92);
}

/* Kampanya modu – daha sıcak ve dikkat çekici */
.top-ticker.campaign{
  background:linear-gradient(90deg,
    rgba(120,16,32,0.98),
    rgba(196,52,18,0.98),
    rgba(120,16,32,0.98)
  );
  border-bottom:1px solid rgba(255,255,255,0.16);
  color:#ffece0;
  box-shadow:0 10px 40px rgba(0,0,0,0.7);
}

.top-ticker__inner{
  display:inline-flex;
  align-items:center;
  gap:40px;
  white-space:nowrap;
  padding-left:100%;
  animation:ticker-move 26s linear infinite;
}

/* Kampanyada biraz daha hızlı aksın */
.top-ticker.campaign .top-ticker__inner{
  animation-duration:18s;
}

@keyframes ticker-move{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-100%); }
}

.top-ticker span{
  opacity:0.9;
}

@media (max-width: 768px){
  .top-ticker{
    height:26px;
    font-size:9px;
    letter-spacing:0.16em;
  }
  .top-ticker__inner{
    gap:24px;
  }
}
.header{
  position:fixed;
  top:30px;
  left:0;
  right:0;
  z-index:1000;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  background:linear-gradient(to bottom, rgba(5,4,10,0.98), rgba(5,4,10,0.7), transparent);
  border-bottom:1px solid rgba(255,255,255,0.04);
}
.header__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 0;
}
.logo__mark{
  font-family:var(--serif);
  letter-spacing:0.6em;
  font-size:18px;
  color:var(--gold2);
}
.nav{
  display:flex;
  align-items:center;
  gap:24px;
}
.nav a{
  font-size:11px;
  letter-spacing:0.36em;
  text-transform:uppercase;
  color:rgba(233,230,223,0.78);
  position:relative;
  padding:8px 0;
  transition:color .18s ease, opacity .18s ease;
}
.nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-6px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,0.75), transparent);
  box-shadow:0 8px 20px rgba(0,0,0,0.55);
  transform:scaleX(0);
  transform-origin:center;
  opacity:0;
  transition:transform .22s ease, opacity .22s ease;
}
.nav a:hover{
  color:var(--text);
}
.nav a.is-active{
  color:#fff;
}
.nav a.is-active::after{
  transform:scaleX(1);
  opacity:1;
}
.nav__cta{
  padding:10px 16px !important;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.12);
  background:radial-gradient(circle at 10% 0, rgba(255,255,255,0.26), transparent 60%), rgba(9,9,13,0.92);
  color:var(--gold2) !important;
  box-shadow:0 14px 40px rgba(0,0,0,0.65);
}
.nav__cta:hover{
  border-color:var(--gold2);
}

/* HERO */
.hero{
  position:relative;
  min-height:100vh;
  display:grid;
  align-items:flex-end;
  padding-top:96px;
  overflow:hidden;
}
.hero__bg{
  position:absolute;
  inset:-8%;
  background-image:var(--hero);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  filter:saturate(1.02) contrast(1.08) brightness(0.9);
  transform:translate3d(0,0,0);
}
.hero__overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 520px at 64% 12%, rgba(255,255,255,0.18), transparent 55%),
    radial-gradient(circle at 10% 90%, rgba(255,159,106,0.16), transparent 60%),
    linear-gradient(to bottom, rgba(5,4,10,0.95), rgba(5,4,10,0.80), rgba(5,4,10,0.9));
}
.hero__content{
  position:relative;
  padding:110px 0 88px;
  max-width:780px;
}
.hero__kicker{
  font-size:11px;
  letter-spacing:0.38em;
  text-transform:uppercase;
  margin:0 0 14px;
  color:rgba(233,230,223,0.78);
}
.hero__title{
  font-family:var(--serif);
  font-size:clamp(42px, 6vw, 74px);
  letter-spacing:0.16em;
  margin:0 0 16px;
  color:var(--gold2);
  text-shadow:0 32px 80px rgba(0,0,0,0.75);
}
.hero__lead{
  margin:0 0 26px;
  font-size:15.5px;
  line-height:1.8;
  color:var(--muted);
  max-width:62ch;
}
.hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 20px;
  border-radius:999px;
  border:1px solid transparent;
  font-size:11px;
  letter-spacing:0.32em;
  text-transform:uppercase;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}
.btn:active{
  transform:translateY(1px);
}
.btn--primary{
  color:#131217;
  background:linear-gradient(180deg, var(--gold2), var(--gold));
  box-shadow:0 22px 60px rgba(201,162,77,0.55);
}
.btn--primary:hover{
  background:linear-gradient(180deg, #ffe9b8, #f0c57a);
}
.btn--ghost{
  color:var(--text);
  background:rgba(6,6,16,0.85);
  border-color:rgba(255,255,255,0.18);
}
.btn--ghost:hover{
  border-color:var(--accent);
  background:rgba(10,10,24,0.96);
}
.hero__meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}
.meta-pill{
  padding:7px 13px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.16);
  background:rgba(7,7,16,0.9);
  font-size:11px;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:rgba(233,230,223,0.84);
}

.scroll-hint{
  position:absolute;
  left:50%;
  bottom:96px;
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  color:rgba(233,230,223,0.7);
}
.scroll-hint__dot{
  width:8px;
  height:8px;
  border-radius:999px;
  background:var(--gold2);
  box-shadow:0 0 0 8px rgba(240,197,122,0.18);
  animation:pulse 1.9s ease-in-out infinite;
}
.scroll-hint__text{
  font-size:11px;
  letter-spacing:0.32em;
  text-transform:uppercase;
}
@keyframes pulse{
  0%,100%{transform:scale(1);}
  50%{transform:scale(1.25);}
}

/* SECTIONS */
.section{
  padding:86px 0;
  opacity:0;
  transform:translateY(26px);
  animation:sectionIn .9s ease-out forwards;
}
.section:nth-of-type(2){ animation-delay:.08s; }
.section:nth-of-type(3){ animation-delay:.14s; }
.section:nth-of-type(4){ animation-delay:.20s; }
.section:nth-of-type(5){ animation-delay:.26s; }
.section:nth-of-type(6){ animation-delay:.32s; }

@keyframes sectionIn{
  0%{ opacity:0; transform:translateY(30px); filter:blur(6px); }
  100%{ opacity:1; transform:translateY(0); filter:blur(0); }
}

.section--alt{
  background:linear-gradient(180deg, rgba(255,255,255,0.04), transparent 60%, rgba(255,255,255,0.02));
  border-block:1px solid rgba(255,255,255,0.06);
}
.section__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
  margin-bottom:26px;
}
.section__kicker{
  margin:0 0 10px;
  font-size:11px;
  letter-spacing:0.36em;
  text-transform:uppercase;
  color:rgba(233,230,223,0.78);
}
.section__title{
  margin:0;
  font-family:var(--serif);
  font-size:32px;
  letter-spacing:0.06em;
  color:var(--gold2);
}
.section__note{
  margin:0;
  max-width:40ch;
  font-size:14px;
  line-height:1.7;
  color:var(--muted);
}

/* FILTERS / GALLERY */
.filters{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-end;
}
.chip{
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.12);
  background:rgba(6,6,16,0.9);
  color:rgba(233,230,223,0.84);
  padding:9px 13px;
  font-size:11px;
  letter-spacing:0.26em;
  text-transform:uppercase;
  cursor:pointer;
  transition:border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
}
.chip:hover{
  border-color:rgba(240,197,122,0.45);
  transform:translateY(-1px);
}
.chip.is-active{
  background:radial-gradient(circle at 10% 0, rgba(255,255,255,0.18), transparent 60%), rgba(8,7,18,0.96);
  border-color:rgba(240,197,122,0.65);
  color:var(--gold2);
}

.masonry{
  columns:3 260px;
  column-gap:18px;
}
.card{
  break-inside:avoid;
  margin:0 0 18px;
  border-radius:var(--radius);
  background:var(--bg-elevated);
  box-shadow:var(--shadow-soft);
  border:1px solid rgba(255,255,255,0.06);
  transform:translateY(18px);
  opacity:0;
  animation:cardIn .85s ease-out forwards;
}
.card:nth-child(1){ animation-delay:.12s; }
.card:nth-child(2){ animation-delay:.18s; }
.card:nth-child(3){ animation-delay:.24s; }
.card:nth-child(4){ animation-delay:.30s; }
.card:nth-child(5){ animation-delay:.36s; }
.card:nth-child(6){ animation-delay:.42s; }

@keyframes cardIn{
  0%{ opacity:0; transform:translateY(24px) scale(.98); filter:blur(4px); }
  100%{ opacity:1; transform:translateY(0) scale(1); filter:blur(0); }
}

.card__btn{
  all:unset;
  display:block;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  border-radius:var(--radius);
}
.card img{
  width:100%;
  transform:scale(1.03);
  filter:saturate(1.02) contrast(1.06);
  transition:transform .55s ease, filter .55s ease;
}
.card figcaption{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:14px 16px;
  background:linear-gradient(to top, rgba(5,4,10,0.96), transparent);
  display:flex;
  flex-direction:column;
  gap:4px;
  transform:translateY(4px);
  opacity:0.96;
  transition:transform .35s ease, opacity .35s ease;
}
.card__title{
  font-size:13px;
  letter-spacing:0.32em;
  text-transform:uppercase;
}
.card__sub{
  font-size:12px;
  color:var(--muted);
}

/* ekstra sinematik highlight */
.card__btn::after{
  content:"";
  position:absolute;
  inset:-60% -80%;
  background:linear-gradient(120deg, transparent 35%, rgba(255,255,255,0.24) 50%, transparent 65%);
  transform:rotate(12deg) translateX(-40%);
  opacity:0;
  pointer-events:none;
  mix-blend-mode:screen;
  transition:transform .75s ease, opacity .35s ease;
}
.card__btn:hover::after{
  opacity:1;
  transform:rotate(12deg) translateX(35%);
}
.card__btn:hover img{
  transform:scale(1.06);
  filter:contrast(1.09) saturate(1.06);
}
.card__btn:hover figcaption{
  transform:translateY(0);
}


/* LIGHTBOX */
.lightbox{
  position:fixed;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(3,3,8,0.82);
  opacity:0;
  visibility:hidden;
  transition:opacity .22s ease, visibility .22s ease;
  z-index:2000;
}
.lightbox.is-open{
  opacity:1;
  visibility:visible;
}

/* Bulanık arka plan görüntüsü */
.lightbox__bg-wrap{
  position:absolute;
  inset:0;
  overflow:hidden;
  z-index:0;
}
.lightbox__bg{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:blur(26px) brightness(0.46);
  transform:scale(1.08);
  transform-origin:center;
  transition:opacity .25s ease, transform .6s ease;
  opacity:0;
}
.lightbox__bg.is-loaded{
  opacity:1;
}

/* Ön taraftaki kısım */
.lightbox__inner{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
}

/* Büyük fotoğraf – yumuşak geçiş */
.lightbox__img{
  width:min(1100px, calc(100% - 40px));
  max-height:80vh;
  object-fit:contain;
  border-radius:20px;
  border:1px solid rgba(255,255,255,0.14);
  box-shadow:0 28px 90px rgba(0,0,0,0.9);
  opacity:0;
  transform:scale(.97);
  transition:opacity .25s ease, transform .25s ease;
}
.lightbox__img.is-loaded{
  opacity:1;
  transform:scale(1);
}

/* Kapat butonu */
.lightbox__close{
  position:fixed;
  top:18px;
  left:22px;
  padding:9px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.24);
  background:rgba(7,7,16,0.95);
  font-size:11px;
  letter-spacing:0.26em;
  text-transform:uppercase;
  cursor:pointer;
}

/* İleri / geri butonları */
.lightbox__nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:40px;
  height:40px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.28);
  background:rgba(5,5,14,0.9);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  font-size:22px;
  line-height:1;
  box-shadow:0 18px 60px rgba(0,0,0,0.8);
}
.lightbox__prev{ left:22px; }
.lightbox__next{ left:22px; }

.lightbox__nav:hover{
  background:rgba(10,10,26,0.98);
}

/* Mobil uyum */
@media (max-width: 640px){
  .lightbox__nav{
    width:32px;
    height:32px;
    font-size:18px;
  }
  .lightbox__prev{ left:10px; }
  .lightbox__next{ left:22px; }
}
/* SPLIT / ABOUT */
.split{
  display:grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr);
  gap:32px;
  align-items:center;
}
.frame{
  position:relative;
  min-height:420px;
  border-radius:26px;
  overflow:hidden;
  background:radial-gradient(circle at 10% 0, rgba(255,255,255,0.16), transparent 55%), #05040a;
  box-shadow:var(--shadow);
}
.frame::before{
  content:"";
  position:absolute;
  inset:-12%;
  background-image:var(--img);
  background-size:cover;
  background-position:center;
  filter:saturate(1.02) contrast(1.08);
  opacity:0.96;
}
.split__content .text{
  margin:18px 0;
  font-size:14.5px;
  line-height:1.8;
  color:var(--muted);
}
.bullets{
  list-style:none;
  padding:0;
  margin:0 0 22px;
}
.bullets li{
  position:relative;
  padding-left:18px;
  font-size:14px;
  color:var(--muted);
  margin-bottom:6px;
}
.bullets li::before{
  content:"";
  position:absolute;
  left:0;
  top:8px;
  width:6px;
  height:6px;
  border-radius:999px;
  background:var(--gold2);
}

/* SERVICES */
.cards{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:16px;
}
.service{
  padding:20px 18px;
  border-radius:var(--radius-sm);
  border:1px solid rgba(255,255,255,0.10);
  background:rgba(6,6,16,0.96);
  box-shadow:var(--shadow-soft);
  opacity:0;
  transform:translateY(18px);
  animation:serviceIn .9s ease-out forwards;
}
.service:nth-child(1){ animation-delay:.12s; }
.service:nth-child(2){ animation-delay:.18s; }
.service:nth-child(3){ animation-delay:.24s; }

@keyframes serviceIn{
  0%{ opacity:0; transform:translateY(22px) scale(.98); filter:blur(4px); }
  100%{ opacity:1; transform:translateY(0) scale(1); filter:blur(0); }
}

.service h3{
  margin:0 0 8px;
  font-family:var(--serif);
  font-size:18px;
}
.service p{
  margin:0 0 12px;
  font-size:14px;
  color:var(--muted);
}
.service__meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  font-size:11px;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:rgba(233,230,223,0.78);
}

/* PRICING */
.pricing{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:16px;
  margin-top:16px;
}
.price-card{
  padding:20px 18px 18px;
  border-radius:var(--radius);
  border:1px solid rgba(255,255,255,0.12);
  background:radial-gradient(circle at 0 0, rgba(255,255,255,0.08), transparent 55%), rgba(6,6,16,0.96);
  box-shadow:var(--shadow-soft);
  position:relative;
  overflow:hidden;
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
  opacity:0;
  transform:translateY(20px);
  animation:priceIn .9s ease-out forwards;
}
.price-card:nth-child(1){ animation-delay:.14s; }
.price-card:nth-child(2){ animation-delay:.20s; }
.price-card:nth-child(3){ animation-delay:.26s; }

@keyframes priceIn{
  0%{ opacity:0; transform:translateY(26px) scale(.98); filter:blur(4px); }
  100%{ opacity:1; transform:translateY(0) scale(1); filter:blur(0); }
}

.price-card .tag{
  position:absolute;
  top:16px;
  left:22px;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.24);
  background:rgba(8,8,18,0.95);
  font-size:11px;
  letter-spacing:0.18em;
  text-transform:uppercase;
}
.price-title{
  margin:6px 0 6px;
  font-family:var(--serif);
  font-size:19px;
}
.price-desc{
  margin:0 0 10px;
  font-size:14px;
  color:var(--muted);
}
.price-list{
  margin:0 0 14px;
  padding-left:18px;
  font-size:13.5px;
  color:var(--muted);
}
.price-cta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}


/* REVIEWS – generic testimonial style */
.reviews-wrap{
  margin-top:32px;
  display:grid;
  grid-template-columns:minmax(0, 1.2fr) minmax(0, 1.2fr);
  gap:22px;
  align-items:flex-start;
}
.review-form{
  padding:20px 20px 18px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.16);
  background:
    radial-gradient(circle at 0 0, rgba(255,255,255,.08), transparent 55%),
    rgba(5,5,14,.96);
  box-shadow:var(--shadow-soft);
}
.review-form h3{
  margin:0 0 6px;
  font-size:15px;
  letter-spacing:.22em;
  text-transform:uppercase;
  opacity:.96;
}
.review-form p{
  margin:0 0 14px;
  font-size:13px;
  color:rgba(235,232,226,.8);
}
.review-form .row{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) 150px;
  gap:10px;
}
.review-form label span{
  display:block;
  margin-bottom:6px;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(233,230,223,.85);
}
.review-form input,
.review-form select,
.review-form textarea{
  width:100%;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(8,8,18,.96);
  padding:9px 11px;
  font-size:14px;
  color:var(--text);
  outline:none;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.review-form input::placeholder,
.review-form textarea::placeholder{
  color:rgba(210,205,195,.75);
}
.review-form input:focus,
.review-form select:focus,
.review-form textarea:focus{
  border-color:rgba(255,184,116,.85);
  box-shadow:0 0 0 1px rgba(255,255,255,.2);
  background:rgba(10,10,26,.98);
}
.review-form textarea{
  resize:vertical;
  min-height:110px;
}
.review-form .field-error{
  display:block;
  min-height:16px;
  margin-top:4px;
  font-size:12px;
  color:#ff9f6a;
}

.review-list{
  padding:16px 0 0;
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.review-list-title{
  margin:0 0 6px;
  font-size:12px;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:rgba(233,230,223,.8);
}
.review-empty{
  padding:13px 14px;
  border-radius:18px;
  border:1px dashed rgba(255,255,255,.25);
  background:rgba(6,6,16,.96);
  font-size:13px;
  color:rgba(235,232,226,.9);
  text-align:center;
}

.review-card{
  padding:14px 14px 13px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.14);
  background:
    radial-gradient(circle at 120% 0, rgba(255,159,106,.08), transparent 55%),
    rgba(5,6,16,.98);
  box-shadow:0 16px 40px rgba(0,0,0,.75);
  position:relative;
}
.review-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,.04);
  pointer-events:none;
}
.review-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.review-avatar{
  width:32px;
  height:32px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  display:grid;
  place-items:center;
  font-size:13px;
  font-weight:600;
  letter-spacing:.08em;
}
.review-name{
  font-weight:600;
  font-size:14px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.review-stars{
  font-size:12px;
  letter-spacing:.12em;
  opacity:.9;
}
.review-card p{
  margin:9px 0 0;
  font-size:13.5px;
  line-height:1.6;
  color:rgba(235,232,226,.9);
}
.review-meta{
  margin-top:6px;
  font-size:12px;
  color:rgba(210,205,195,.8);
}

@media (max-width: 900px){
  .reviews-wrap{
    grid-template-columns:1fr;
  }
  .review-form .row{
    grid-template-columns:1fr;
  }
}
/* CONTACT + FORM */
.contact{
  display:grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap:18px;
  align-items:flex-start;
}
.contact__items{
  display:grid;
  gap:10px;
  margin-top:18px;
}
.contact__item{
  padding:12px 14px;
  border-radius:var(--radius-sm);
  border:1px solid rgba(255,255,255,0.10);
  background:rgba(6,6,16,0.96);
  color:rgba(233,230,223,0.88);
  transition:border-color .18s ease, background .18s ease, transform .18s ease;
}
.contact__item:hover{
  border-color:rgba(240,197,122,0.65);
  background:rgba(10,10,24,0.98);
  transform:translateY(-1px);
}

.form{
  display:block;
}
.form__row{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
}
.form label span{
  display:block;
  margin-bottom:6px;
  font-size:13px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:rgba(233,230,223,0.78);
}
input[type="text"],
input[type="email"],
input[type="tel"],
select,
textarea{
  width:100%;
  border-radius:14px;
  border:1px solid rgba(255,255,255,0.16);
  background:rgba(7,7,16,0.92);
  padding:11px 12px;
  color:var(--text);
  font-size:14px;
  outline:none;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
input::placeholder,
textarea::placeholder{
  color:rgba(180,174,166,0.7);
}
textarea{
  resize:vertical;
  min-height:110px;
}
input:focus,
select:focus,
textarea:focus{
  border-color:var(--accent);
  box-shadow:0 0 0 1px rgba(255,255,255,0.18), 0 18px 50px rgba(0,0,0,0.75);
  background:rgba(10,10,22,0.98);
}
.form__status{
  margin-top:10px;
  font-size:13px;
  color:var(--muted);
}

/* FLOATING WHATSAPP BUTTON */
.fab{
  position:fixed;
  left:22px;
  bottom:20px;
  z-index:1500;
  padding:11px 18px;
  border-radius:999px;
  background:linear-gradient(180deg, var(--gold2), var(--gold));
  color:#111018;
  font-size:11px;
  letter-spacing:0.30em;
  text-transform:uppercase;
  border:none;
  box-shadow:0 20px 60px rgba(201,162,77,0.38);
}

/* FOOTER */
.footer{
  padding:28px 0 40px;
  border-top:1px solid rgba(255,255,255,0.06);
}
.footer__inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
}
.footer__brand{
  font-family:var(--serif);
  letter-spacing:0.24em;
  color:var(--gold2);
}
.footer__sub{
  margin-top:4px;
  font-size:13px;
  color:var(--muted-soft);
}
.footer__right{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
}
.footer__right a{
  font-size:11px;
  letter-spacing:0.26em;
  text-transform:uppercase;
  color:rgba(233,230,223,0.78);
}
.footer__right a:hover{
  color:var(--gold2);
}

/* RESPONSIVE */
@media (max-width: 960px){
  .nav{
    gap:14px;
    flex-wrap:wrap;
    justify-content:flex-end;
  }
  .hero{
    align-items:flex-end;
  }
  .hero__content{
    padding-top:120px;
    padding-bottom:80px;
  }
  .section__head{
    flex-direction:column;
    align-items:flex-start;
  }
  .masonry{
    columns:2 220px;
  }
  .split{
    grid-template-columns:1fr;
  }
  .frame{
    min-height:360px;
  }
  .cards,
  .pricing,
  .review-list,
  .contact{
    grid-template-columns:1fr;
  }
}

@media (max-width: 560px){
  .header__inner{
    padding-inline:4px;
  }
  .nav{
    justify-content:flex-start;
  }
  .hero__title{
    font-size:clamp(36px, 10vw, 50px);
  }
  .section{
    padding:70px 0;
  }
  .masonry{
    columns:1;
  }
  .form__row{
    grid-template-columns:1fr;
  }
  .frame{
    min-height:280px;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  *{
    scroll-behavior:auto !important;
    transition:none !important;
    animation:none !important;
  }
}



/* SMOKE EFFECT */
.preloader::before,
.preloader::after{
  content:"";
  position:absolute;
  inset:-20%;
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.06), transparent 50%),
    radial-gradient(circle at 80% 30%, rgba(255,255,255,.05), transparent 55%),
    radial-gradient(circle at 40% 80%, rgba(255,255,255,.07), transparent 50%);
  filter: blur(18px);
  opacity:.55;
  animation: smokeMove 6s linear infinite;
}
.preloader::after{
  animation-direction: reverse;
  opacity:.35;
}

@keyframes smokeMove{
  0%{ transform: translate3d(0,0,0) scale(1); }
  50%{ transform: translate3d(-25px,-15px,0) scale(1.08); }
  100%{ transform: translate3d(0,0,0) scale(1); }
}


.hero-daily-line{
  margin:0 0 10px 2px;
  letter-spacing:.15em;
  text-transform:uppercase;
  font-size:12px;
  color:rgba(255,255,255,.82);
  opacity:.0;
  animation:heroDailyFade .9s ease forwards .6s;
}
@keyframes heroDailyFade{
  to{opacity:1;transform:translateY(0);}
}




/* === Mobile Fix Pack by ChatGPT === */
@media (max-width: 768px){
  *{box-sizing:border-box;}
  body{overflow-x:hidden;}

  img, video{
    max-width:100%;
    height:auto;
  }

  section, .container, .wrapper{
    width:100% !important;
    max-width:100% !important;
    padding-left:16px !important;
    padding-left:22px !important;
  }

  .grid, .gallery, .cards, .list, [class*="grid"], [class*="row"]{
    display:block !important;
  }

  [class*="grid"]{
    grid-template-columns:1fr !important;
  }

  h1{font-size:28px !important; line-height:1.2;}
  h2{font-size:22px !important;}
  h3{font-size:18px !important;}
}

/* === SUPER COOL UPGRADES (ChatGPT) === */

/* Scroll progress bar */
.scroll-progress{
  position: fixed;
  top: 30px;
  left: 0;
  width: 100%;
  height: 3px;
  z-index: 1200;
  background: linear-gradient(to right, rgba(0,0,0,0.7), transparent);
  pointer-events: none;
}
.scroll-progress__bar{
  width: 0%;
  height: 100%;
  background: linear-gradient(90deg, var(--gold), var(--accent));
  box-shadow: 0 0 14px rgba(240,197,122,0.85);
  transform-origin: left center;
}

/* Premium cursor orb */
.cursor-orb{
  position: fixed;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  pointer-events: none;
  z-index: 1300;
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,0.95), rgba(240,197,122,0.55), transparent 70%);
  box-shadow: 0 0 26px rgba(240,197,122,0.8);
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.7);
  transition: opacity .18s ease;
}

/* Show cursor orb when the user moves the mouse */
body.is-pointer-active .cursor-orb{
  opacity: 0.95;
}

/* Refined nav underline - centered & longer */
.nav a{
  position: relative;
}
.nav a::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: -6px;
  width: 32px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, #f6c65c, #ffe8a1);
  box-shadow: 0 0 16px rgba(255,218,128,0.75);
  transform: translateX(-50%) scaleX(0);
  transform-origin: center;
  opacity: 0;
  transition: transform .22s ease, opacity .22s ease;
}
.nav a.is-active{
  color: #ffe8a6;
}
.nav a.is-active::after{
  transform: translateX(-50%) scaleX(1);
  opacity: 1;
}

/* Slight upgrade on floating action button */
.fab{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  animation: fabFloat 3.2s ease-in-out infinite alternate;
}
.fab::before{
  content: "●";
  font-size: 8px;
}
@keyframes fabFloat{
  0%{ transform: translateY(0); box-shadow: 0 20px 60px rgba(201,162,77,0.35); }
  100%{ transform: translateY(-4px); box-shadow: 0 26px 70px rgba(201,162,77,0.5); }
}


/* === Custom gold cursor (ChatGPT) === */
body, a, button, input, textarea{
  cursor: url('cursor-gold.png') 16 16, auto;
}

/* === PRESTIGE STATS STRIP (ChatGPT) === */
.section--stats{
  padding-top:40px;
  padding-bottom:40px;
  border-block:1px solid rgba(255,255,255,0.06);
  background: radial-gradient(circle at 0 0, rgba(255,255,255,0.04), transparent 55%),
              radial-gradient(circle at 100% 100%, rgba(255,184,116,0.08), transparent 55%),
              rgba(5,4,10,0.96);
}
.stats{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
.stat{
  padding:18px 18px 16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,0.10);
  background:rgba(8,8,18,0.96);
  box-shadow:0 18px 50px rgba(0,0,0,0.85);
  position:relative;
  overflow:hidden;
}
.stat::before{
  content:"";
  position:absolute;
  inset:-40%;
  background:radial-gradient(circle at 0 0, rgba(255,255,255,0.16), transparent 55%);
  opacity:0.35;
  mix-blend-mode:screen;
}
.stat__label{
  margin:0 0 6px;
  font-size:11px;
  letter-spacing:0.32em;
  text-transform:uppercase;
  color:rgba(233,230,223,0.78);
}
.stat__value{
  margin:0 0 6px;
  font-family:var(--serif);
  font-size:30px;
  letter-spacing:0.10em;
  color:var(--gold2);
}
.stat__note{
  margin:0;
  font-size:13px;
  color:var(--muted);
}
@media (max-width: 768px){
  .section--stats{
    padding-top:32px;
    padding-bottom:32px;
  }
  .stats{
    grid-template-columns:1fr;
  }
}

/* === MEGA ANIMATION PACK (ChatGPT) === */

/* Subtle moving light over background */
body::before{
  content:"";
  position:fixed;
  inset:-40%;
  pointer-events:none;
  background:
    radial-gradient(circle at 0 0, rgba(255,255,255,0.06), transparent 55%),
    radial-gradient(circle at 100% 100%, rgba(255,184,116,0.16), transparent 55%);
  opacity:0.22;
  mix-blend-mode:screen;
  animation:bgDrift 26s ease-in-out infinite alternate;
  z-index:-1;
}
@keyframes bgDrift{
  0%{ transform:translate3d(0,0,0) scale(1); opacity:0.16; }
  100%{ transform:translate3d(-40px,20px,0) scale(1.05); opacity:0.32; }
}

/* Hero arka plan hafif hareket */
.hero__bg{
  animation:heroDrift 22s ease-in-out infinite alternate;
  transform-origin:center;
}
@keyframes heroDrift{
  0%{ transform:scale(1.02) translate3d(0,0,0); }
  100%{ transform:scale(1.06) translate3d(0,-12px,0); }
}

/* About frame float */
.frame{
  animation:frameFloat 16s ease-in-out infinite alternate;
}
@keyframes frameFloat{
  0%{ transform:translateY(0) rotate(-1deg); box-shadow:0 16px 45px rgba(0,0,0,0.75); }
  100%{ transform:translateY(-8px) rotate(-2deg); box-shadow:0 26px 70px rgba(0,0,0,0.9); }
}

/* Cards slight hover boost */
.card:hover,
.service:hover,
.price-card:hover,
.review:hover,
.contact__item:hover{
  transform:translateY(-6px) scale(1.01);
  box-shadow:0 26px 70px rgba(0,0,0,0.95);
}

/* Section titles shimmer on hover */
.section__title{
  position:relative;
  overflow:hidden;
}
.section__title::after{
  content:"";
  position:absolute;
  top:0;
  left:-40%;
  width:40%;
  height:100%;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,0.4), transparent);
  opacity:0;
  transform:skewX(-18deg);
}
.section__title:hover::after{
  opacity:1;
  animation:titleShine 0.9s ease-out;
}
@keyframes titleShine{
  0%{ transform:translateX(0) skewX(-18deg); opacity:0; }
  50%{ opacity:1; }
  100%{ transform:translateX(220%) skewX(-18deg); opacity:0; }
}


/* === LOOPED AMBIENT ANIMATIONS – LOOP PACK (ChatGPT) === */

/* Logo glow loop */
@keyframes logoGlow{
  0%{
    text-shadow:0 0 0 rgba(240,197,122,0);
    opacity:.90;
  }
  50%{
    text-shadow:0 0 20px rgba(240,197,122,0.85), 0 0 40px rgba(240,197,122,0.60);
    opacity:1;
  }
  100%{
    text-shadow:0 0 4px rgba(240,197,122,0.4);
    opacity:.92;
  }
}
.logo__mark{
  animation:logoGlow 7s ease-in-out infinite alternate;
}

/* Hero background subtle pan */
@keyframes heroPan{
  0%{ background-position:center 0%; }
  50%{ background-position:center 18%; }
  100%{ background-position:center 10%; }
}
.hero__bg{
  animation:heroPan 26s ease-in-out infinite alternate;
}

/* Hero meta pills soft float */
@keyframes pillFloat{
  0%{ transform:translateY(0); }
  50%{ transform:translateY(-4px); }
  100%{ transform:translateY(0); }
}
.hero__meta .meta-pill{
  animation:pillFloat 5.5s ease-in-out infinite;
}

/* Prestige stat cards floating */
@keyframes statFloat{
  0%{ transform:translateY(0); box-shadow:0 18px 50px rgba(0,0,0,0.75); }
  50%{ transform:translateY(-6px); box-shadow:0 26px 70px rgba(0,0,0,0.9); }
  100%{ transform:translateY(0); box-shadow:0 18px 50px rgba(0,0,0,0.75); }
}
.section--stats .stat{
  animation:statFloat 11s ease-in-out infinite;
}

/* Footer ambient glow */
@keyframes footerGlow{
  0%{ box-shadow:0 -10px 40px rgba(0,0,0,0.6); }
  50%{ box-shadow:0 -16px 55px rgba(240,197,122,0.45); }
  100%{ box-shadow:0 -10px 40px rgba(0,0,0,0.6); }
}
.footer{
  animation:footerGlow 12s ease-in-out infinite;
}

/* === LOGO VISIBILITY FIX (ChatGPT) === */
.header{
  z-index: 1500;
}
.logo{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.logo__mark{
  color: var(--gold2);
  text-shadow: 0 0 14px rgba(0,0,0,0.85);
}
.hero__content{
  position: relative;
  z-index: 10;
}

/* === PORTFÖY IŞIK ANİMASYONU (ChatGPT) === */
.card{
  position: relative;
  overflow: hidden;
}
.card::before{
  content:"";
  position:absolute;
  inset:-40%;
  background: linear-gradient(120deg,
    rgba(255,255,255,0.00) 0%,
    rgba(255,255,255,0.05) 30%,
    rgba(255,255,255,0.18) 50%,
    rgba(255,255,255,0.05) 70%,
    rgba(255,255,255,0.00) 100%);
  transform: translateX(-60%);
  opacity:0;
  pointer-events:none;
}
.card:hover::before{
  animation: cardShine 1.4s ease-out;
  opacity:1;
}
@keyframes cardShine{
  0%{ transform: translateX(-60%); opacity:0; }
  10%{ opacity:1; }
  100%{ transform: translateX(60%); opacity:0; }
}

/* === SHOWREEL DAHA SİNEMATİK (ChatGPT) === */
.showreel__video{
  position: relative;
  isolation:isolate;
  box-shadow: 0 26px 80px rgba(0,0,0,0.9);
}
.showreel__video::before{
  content:"";
  position:absolute;
  inset:-10%;
  background:
    radial-gradient(circle at 0 0, rgba(255,255,255,0.12), transparent 55%),
    radial-gradient(circle at 100% 100%, rgba(255,184,116,0.16), transparent 60%),
    radial-gradient(circle at 50% 120%, rgba(0,0,0,0.85), transparent 70%);
  mix-blend-mode:soft-light;
  opacity:0.85;
  pointer-events:none;
}
.showreel__video.is-playing::before{
  opacity:0.4;
}
.showreel__video video{
  filter: contrast(1.06) saturate(1.08);
}
.showreel__play{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
}
.showreel__play button{
  position:relative;
  overflow:hidden;
}
.showreel__play button::before{
  content:"";
  position:absolute;
  inset:-30%;
  border-radius:999px;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.45), transparent 60%);
  opacity:0;
  transform:scale(0.7);
}
.showreel__play button.is-pulsing::before{
  animation: reelPulse 1.8s ease-out infinite;
}
@keyframes reelPulse{
  0%{ opacity:0.3; transform:scale(0.7); }
  100%{ opacity:0; transform:scale(1.25); }
}

/* Mini rozetlere shine */
.mini-badges span{
  position:relative;
  overflow:hidden;
}
.mini-badges span::after{
  content:"";
  position:absolute;
  top:0;
  left:-40%;
  width:60%;
  height:100%;
  background: linear-gradient(90deg, rgba(255,255,255,0.00), rgba(255,255,255,0.25), rgba(255,255,255,0.00));
  opacity:0;
}
.mini-badges span:hover::after{
  animation: miniShine 1.1s ease-out;
}
@keyframes miniShine{
  0%{ transform:translateX(0); opacity:0; }
  10%{ opacity:1; }
  100%{ transform:translateX(160%); opacity:0; }
}

/* === MOBILE NAV (HAMBURGER) – DNC PRO === */
.nav-toggle{
  display:none;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.16);
  background:rgba(5,4,10,0.92);
  cursor:pointer;
  transition:background .18s ease, border-color .18s ease, transform .18s ease;
}
.nav-toggle__line{
  width:16px;
  height:2px;
  border-radius:999px;
  background:rgba(250,250,250,0.86);
  transition:transform .18s ease, opacity .18s ease;
}
.nav-toggle:active{
  transform:scale(.96);
}

.nav-overlay{
  display:none;
}

.nav-drawer{
  display:none;
}

body.nav-open .nav-toggle__line:nth-child(1){
  transform:translateY(4px) rotate(38deg);
}
body.nav-open .nav-toggle__line:nth-child(2){
  opacity:0;
}
body.nav-open .nav-toggle__line:nth-child(3){
  transform:translateY(-4px) rotate(-38deg);
}

@media (max-width: 768px){
  .header__inner{
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .nav{
    display:none;
  }
  .nav-toggle{
    display:inline-flex;
  }

  .nav-overlay{
    display:block;
    position:fixed;
    inset:0;
    background:rgba(5,4,10,0.82);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    opacity:0;
    pointer-events:none;
    transition:opacity .18s ease;
    z-index:900;
  }

  .nav-drawer{
    display:flex;
    flex-direction:column;
    gap:10px;
    position:fixed;
    top:0;
    right:0;
    left:0;
    padding:80px 20px 20px;
    background:linear-gradient(to bottom, rgba(5,4,10,0.98), rgba(5,4,10,0.96), rgba(5,4,10,0.92));
    border-bottom:1px solid rgba(255,255,255,0.12);
    box-shadow:0 20px 60px rgba(0,0,0,0.9);
    transform:translateY(-12px);
    opacity:0;
    pointer-events:none;
    z-index:1000;
  }
  .nav-drawer__nav{
    display:flex;
    flex-direction:column;
    gap:12px;
  }
  .nav-drawer__nav a{
    font-size:13px;
    letter-spacing:0.24em;
    text-transform:uppercase;
    color:rgba(248,248,248,0.94);
    text-decoration:none;
    padding:8px 0;
  }
  .nav-drawer__nav a.nav__cta{
    margin-top:4px;
  }

  body.nav-open .nav-overlay{
    opacity:1;
    pointer-events:auto;
  }
  body.nav-open .nav-drawer{
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
  }
}


/* === MOBILE PERFORMANCE TUNE (ChatGPT) === */
@media (max-width: 768px){
  /* Ağır sürekli animasyonları mobilde kapat */
  body::before,
  .hero__bg,
  .frame,
  .hero__meta .meta-pill,
  .section--stats .stat,
  .footer,
  .fab,
  .logo__mark{
    animation: none !important;
  }
}


/* === Floating Music Toggle === */
.music-toggle{
  position:fixed;
  left:22px;
  bottom:96px;
  z-index:1200;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.18);
  background:radial-gradient(circle at 0 0, rgba(255,255,255,0.20), transparent 55%), rgba(6,6,16,0.96);
  box-shadow:0 18px 60px rgba(0,0,0,0.85);
  font-size:10px;
  letter-spacing:0.26em;
  text-transform:uppercase;
  color:rgba(245,242,235,0.96);
  cursor:pointer;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, opacity .18s ease;
}
.music-toggle:hover{
  transform:translateY(-1px);
  box-shadow:0 22px 70px rgba(0,0,0,0.9);
}
.music-toggle:active{
  transform:translateY(0);
  box-shadow:0 16px 46px rgba(0,0,0,0.75);
}
.music-toggle__icon{
  display:inline-flex;
  align-items:flex-end;
  gap:2px;
}
.music-toggle__bar{
  width:2px;
  height:10px;
  border-radius:999px;
  background:var(--gold2);
  animation:musicBar 1s ease-in-out infinite;
}
.music-toggle__bar--1{ animation-delay:0s; }
.music-toggle__bar--2{ animation-delay:.18s; }
.music-toggle__bar--3{ animation-delay:.32s; }

@keyframes musicBar{
  0%,100%{ transform:scaleY(0.4); opacity:0.7; }
  50%{ transform:scaleY(1); opacity:1; }
}

.music-toggle.is-off{
  opacity:0.6;
  border-color:rgba(255,255,255,0.12);
}
.music-toggle.is-off .music-toggle__bar{
  animation:none;
  transform:scaleY(0.4);
  opacity:0.4;
}

@media (max-width: 640px){
  .music-toggle{
    left:22px;
    bottom:80px;
    padding:8px 11px;
    gap:6px;
    font-size:9px;
    letter-spacing:0.22em;
  }
  /* label mobile visible */
}



/* === AUTO HIDE MUSIC + CONTACT FLOATERS WHEN CONTACT SECTION VISIBLE === */
.music-toggle,
.fab{
  transition: opacity .25s ease, transform .25s ease;
}
.music-toggle.is-hidden,
.fab.is-hidden{
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px);
}


/* Yorum formu – yıldızlı puanlama */
.review-form .rating-field{
  display:block;
}
.review-form .rating-stars{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.16);
  background:rgba(6,6,16,0.96);
  box-shadow:0 18px 46px rgba(0,0,0,0.7);
  color:var(--gold2);
}
.review-form .rating-star{
  border:none;
  background:transparent;
  padding:0;
  font-size:20px;
  line-height:1;
  cursor:pointer;
  opacity:0.45;
  transform:translateY(0) scale(1);
  transition:opacity .16s ease, transform .16s ease, text-shadow .16s ease;
}
.review-form .rating-star.is-hover,
.review-form .rating-star.is-active{
  opacity:1;
  transform:translateY(-1px) scale(1.05);
  text-shadow:0 0 14px rgba(255,210,140,0.8);
}
.review-form .rating-star:active{
  transform:translateY(0) scale(0.94);
  text-shadow:none;
}



/* === New Year Snow Effect – DNC PRODUCTION === */
#snow{
  pointer-events:none;
  position:fixed;
  inset:0;
  z-index:5000;
  overflow:hidden;
}

.snowflake{
  position:absolute;
  top:-40px;
  color:#fff;
  text-shadow:0 0 8px rgba(255,255,255,0.7);
  animation:snowFall linear forwards;
}

@keyframes snowFall{
  to{
    transform:translate3d(-20px, 110vh, 0);
    opacity:0;
  }
}