/* Kina Gecesi Konsept | styles.css */

:root{
  --c-bg: #fbf6ef;
  --c-bg-alt: #f4ebde;
  --c-ink: #2a1a14;
  --c-ink-soft: #5a4339;
  --c-muted: #7b6659;
  --c-line: #e1d2bd;
  --c-accent: #8c1f2a;
  --c-accent-deep: #6d1520;
  --c-accent-2: #b24a3a;
  --c-accent-3: #c9a24b;
  --c-card: #ffffff;
  --c-focus: #2a1a14;
  --c-ok-bg: #eaf5ed;
  --c-ok-ink: #1f5d2c;
  --c-ok-line: #3f8a54;
  --c-err-bg: #fbe9eb;
  --c-err-ink: #7f1a24;
  --c-err-line: #b22a36;
  --c-neutral-bg: #f4ebde;
  --c-neutral-ink: #5a4339;

  --ease-smooth: cubic-bezier(.2, .7, .2, 1);
  --ease-warm:   cubic-bezier(.33, 1.2, .3, 1);
  --ease-out:    cubic-bezier(.22, .61, .36, 1);

  --radius-sm: 6px;
  --radius: 12px;
  --radius-lg: 20px;

  --shadow-sm: 0 1px 2px rgba(70,30,15,.06), 0 2px 8px rgba(70,30,15,.05);
  --shadow-md: 0 4px 12px rgba(70,30,15,.08), 0 12px 28px rgba(70,30,15,.08);

  --fs-1: clamp(2rem, 1.3rem + 2.4vw, 3rem);
  --fs-2: clamp(1.4rem, 1rem + 1.3vw, 2rem);
  --fs-3: 1.25rem;
  --fs-body: 1rem;

  --container: 1140px;
  --header-h: 72px;
  --scrollbar-w: 0px;

  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;

  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

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

html{
  scroll-behavior: smooth;
  max-width: 100%;
}
body{
  margin:0;
  background: var(--c-bg);
  color: var(--c-ink);
  font-size: var(--fs-body);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: clip;
  max-width: 100%;
  background-image:
    radial-gradient(1200px 600px at 90% -20%, rgba(201,162,75,.08), transparent 60%),
    radial-gradient(900px 500px at -10% 10%, rgba(140,31,42,.07), transparent 60%);
  background-attachment: fixed;
}
body.scroll-locked{
  overflow: hidden;
  padding-right: var(--scrollbar-w, 0);
}

img, svg, video, iframe{
  max-width: 100%;
  height: auto;
  display: block;
}

h1,h2,h3,h4{ color: var(--c-ink); font-weight: 700; line-height:1.2; margin: 0 0 .6em; }
h1{ font-size: var(--fs-1); letter-spacing:-.01em; }
h2{ font-size: var(--fs-2); }
h3{ font-size: var(--fs-3); }
p{ margin: 0 0 1em; }
a{ color: var(--c-accent); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
a:hover{ color: var(--c-accent-2); }

:focus{ outline: none; }
:focus-visible{
  outline: 3px solid var(--c-focus);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

section[id], [id^="bolum-"], [data-spy]{
  scroll-margin-top: calc(var(--header-h) + 16px);
}

fieldset{ margin: 0; padding: 0; border: 0; min-inline-size: 0; }
legend{ padding: 0; }

.container{
  width: 100%;
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 1.25rem;
}

.skip-link{
  position: absolute;
  top: var(--s-4); left: var(--s-4);
  transform: translateY(calc(-100% - 24px));
  opacity: 0; pointer-events: none;
  background: var(--c-ink); color: #fff;
  padding: .6rem 1rem; border-radius: 0 0 var(--radius-sm) 0;
  text-decoration: none; z-index: 100;
  transition: transform 220ms var(--ease-smooth), opacity 200ms var(--ease-smooth);
}
.skip-link:focus, .skip-link:focus-visible{
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

/* Header */
.site-header{
  position: sticky; top: 0; z-index: 50;
  background: transparent;
  border-bottom: 1px solid var(--c-line);
  isolation: isolate;
}
.site-header::before{
  content: "";
  position: absolute; inset: 0;
  background: rgba(251, 246, 239, 0.88);
  backdrop-filter: saturate(140%) blur(10px);
  -webkit-backdrop-filter: saturate(140%) blur(10px);
  z-index: -1;
  pointer-events: none;
}

.nav-row{
  display:flex; align-items:center; justify-content:space-between;
  min-height: var(--header-h); gap: 1rem;
}

/* Brand */
.brand{
  display: inline-flex; align-items: center; gap: .65rem;
  color: var(--c-ink); text-decoration: none;
  font-weight: 800; letter-spacing: .01em;
  transition: transform 220ms var(--ease-smooth);
}
.brand:hover{ color: var(--c-ink); transform: translateY(-1px); }
.brand-text{ font-size: 1.05rem; }
.brand-mark{
  width: 32px; height: 32px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 50%, var(--c-accent-3) 0 22%, transparent 23%),
    conic-gradient(from 0deg, var(--c-accent) 0 25%, var(--c-accent-2) 25% 50%, var(--c-accent) 50% 75%, var(--c-accent-2) 75% 100%);
  box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px var(--c-line);
  transition: transform 360ms var(--ease-warm), box-shadow 360ms var(--ease-smooth), border-color 360ms var(--ease-smooth);
  position: relative;
  flex: 0 0 32px;
}
.brand:hover .brand-mark{
  transform: rotate(18deg) scale(1.06);
  box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px var(--c-accent-3), 0 0 0 6px rgba(201,162,75,.16);
}

/* Nav */
.main-nav{ display: flex; align-items: center; }
.nav-list{
  display: flex; gap: .2rem;
  margin: 0; padding: 0; list-style: none; align-items: center;
}
.main-nav a:not(.btn){
  display: inline-flex; align-items: center;
  padding: .6rem .85rem;
  color: var(--c-ink-soft);
  text-decoration: none;
  border-radius: var(--radius-sm);
  position: relative;
  transition: color 220ms var(--ease-smooth), background-color 220ms var(--ease-smooth);
}
.main-nav a:not(.btn):hover{
  color: var(--c-ink);
  background: var(--c-bg-alt);
}
.main-nav a:not(.btn)::after{
  content: "";
  position: absolute;
  left: 50%; right: 50%; bottom: 4px;
  height: 2px;
  background: var(--c-accent);
  border-radius: 2px;
  transition: left 260ms var(--ease-smooth), right 260ms var(--ease-smooth);
}
.main-nav a:not(.btn).is-active::after,
.main-nav a:not(.btn)[aria-current="page"]::after{
  left: .85rem; right: .85rem;
}
.main-nav a:not(.btn).is-active,
.main-nav a:not(.btn)[aria-current="page"]{
  color: var(--c-ink);
}

/* Hamburger */
.nav-toggle{
  display: none;
  position: relative;
  width: 48px; height: 48px;
  padding: 12px 10px;
  background: transparent;
  border: 1px solid var(--c-line);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: background-color 220ms var(--ease-smooth), border-color 220ms var(--ease-smooth), box-shadow 220ms var(--ease-smooth);
}
.nav-toggle .bar{
  display: block;
  width: 24px; height: 2px;
  background: var(--c-ink);
  border-radius: 1px;
  margin: 0 auto;
  transition: transform 260ms var(--ease-smooth), opacity 220ms var(--ease-smooth), background-color 220ms var(--ease-smooth);
}
.nav-toggle .bar + .bar{ margin-top: 6px; }
.nav-toggle[aria-expanded="true"]{
  background: var(--c-card);
  border-color: var(--c-accent);
  box-shadow: 0 2px 8px rgba(140,31,42,.18);
}
.nav-toggle[aria-expanded="true"] .bar{ background: var(--c-accent-deep); }
.nav-toggle[aria-expanded="true"] .bar:nth-child(1){ transform: translateY(8px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] .bar:nth-child(2){ opacity: 0; transform: scaleX(0); }
.nav-toggle[aria-expanded="true"] .bar:nth-child(3){ transform: translateY(-8px) rotate(-45deg); }

/* Buttons */
.btn{
  display: inline-flex;
  align-items: center; justify-content: center;
  min-height: 48px;
  padding: 0 1.5rem;
  line-height: 1;
  border-radius: var(--radius-sm);
  border: 1px solid transparent;
  text-decoration: none;
  font-weight: 600; font-size: .98rem;
  cursor: pointer;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: transparent;
  transition: transform 220ms var(--ease-smooth), box-shadow 260ms var(--ease-smooth), color 220ms var(--ease-smooth), border-color 220ms var(--ease-smooth);
}
.btn:hover{ transform: translateY(-1px); }
.btn[disabled], .btn.is-loading{ opacity: .7; cursor: not-allowed; transform: none; }

.btn.btn-primary,
a.btn.btn-primary{
  background-color: var(--c-accent);
  background-image: linear-gradient(180deg, var(--c-accent) 0%, var(--c-accent-deep) 100%);
  color: #fff;
  box-shadow: var(--shadow-sm);
}
.btn.btn-primary::before,
a.btn.btn-primary::before{
  content: "";
  position: absolute; inset: 0;
  border-radius: inherit;
  background-image: linear-gradient(180deg, #a3263a 0%, #842030 100%);
  opacity: 0;
  transition: opacity 320ms var(--ease-smooth);
  pointer-events: none;
  z-index: -1;
}
.btn.btn-primary:hover::before,
a.btn.btn-primary:hover::before,
.btn.btn-primary:focus-visible::before,
a.btn.btn-primary:focus-visible::before{ opacity: 1; }
.btn.btn-primary:hover,
a.btn.btn-primary:hover{
  color: #fff;
  box-shadow:
    0 0 0 4px rgba(140,31,42,.22),
    0 14px 30px rgba(140,31,42,.34),
    inset 0 1px 0 rgba(255,255,255,.22);
}

.btn.btn-strong,
a.btn.btn-strong{
  background-color: var(--c-ink);
  background-image: linear-gradient(180deg, #3a251c 0%, var(--c-ink) 100%);
  color: #fff;
}
.btn.btn-strong:hover,
a.btn.btn-strong:hover{
  color: #fff;
  box-shadow: 0 0 0 4px rgba(42,26,20,.18), 0 10px 22px rgba(42,26,20,.28);
}

.btn.btn-ghost,
a.btn.btn-ghost{
  background-color: transparent;
  border-color: var(--c-line);
  color: var(--c-ink);
}
.btn.btn-ghost:hover,
a.btn.btn-ghost:hover{
  background-color: var(--c-bg-alt);
  color: var(--c-ink);
  border-color: var(--c-accent-3);
}

.btn.btn-secondary,
a.btn.btn-secondary{
  background-color: var(--c-bg-alt);
  color: var(--c-ink);
  border-color: var(--c-line);
}
.btn.btn-secondary:hover,
a.btn.btn-secondary:hover{
  background-color: #ead9bf;
  color: var(--c-ink);
}

.btn-link{
  display: inline-flex; align-items: center; gap: .25rem;
  color: var(--c-accent); font-weight: 600; text-decoration: none;
  padding: .5rem 0;
}
.btn-link:hover{ color: var(--c-accent-2); }

/* Hero */
.hero{
  position: relative;
  padding: clamp(3rem, 4vw + 2rem, 6rem) 0 3rem;
  overflow: hidden;
}
.hero-inner{ position: relative; z-index: 1; }
.hero::before{
  content:"";
  position:absolute; inset: -10% -20% auto auto; width: 520px; height: 520px;
  background:
    radial-gradient(closest-side, rgba(201,162,75,.18), transparent 70%);
  opacity: .7;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}
.hero-grid{
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .9fr);
  gap: 3rem;
  align-items: start;
}
.eyebrow{
  color: var(--c-accent-2);
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 700; font-size: .78rem;
  margin: 0 0 .8rem;
}
.lead{ font-size: 1.1rem; color: var(--c-ink-soft); max-width: 56ch; }
.hero-cta{ display: flex; align-items: center; gap: 1rem; margin-top: 1.2rem; flex-wrap: wrap; }
.hero-facts{
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin: 2.2rem 0 0; padding: 0; list-style: none;
}
.hero-facts li{
  background: #fff; border: 1px solid var(--c-line);
  border-radius: var(--radius); padding: 1rem 1.1rem;
  box-shadow: var(--shadow-sm);
  min-width: 0;
}
.hero-facts strong{ display: block; font-size: .98rem; }
.hero-facts span{ display: block; color: var(--c-muted); font-size: .9rem; }

.hero-card{
  background: var(--c-card); border: 1px solid var(--c-line);
  border-radius: var(--radius-lg);
  padding: 1.75rem; box-shadow: var(--shadow-md);
  position: relative; overflow: hidden;
  min-width: 0;
}
.hero-card::after{
  content: "";
  position: absolute; inset: auto -30% -40% auto;
  width: 240px; height: 240px;
  background: radial-gradient(closest-side, rgba(140,31,42,.12), transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.hero-card h2{ font-size: 1.1rem; }
.hero-card ol{ padding-left: 1.1rem; margin: 0 0 1rem; }
.hero-card li{ margin-bottom: .5rem; }
.muted{ color: var(--c-muted); font-size: .92rem; }
.center{ text-align: center; }

/* Sections */
.section{ padding: clamp(3rem, 3vw + 2rem, 5rem) 0; position: relative; }
.section-alt{
  background: var(--c-bg-alt);
  border-top: 1px solid var(--c-line);
  border-bottom: 1px solid var(--c-line);
  position: relative;
  overflow: hidden;
}
.section-alt::before{
  content: "";
  position: absolute; inset: 0;
  pointer-events: none; opacity: .35;
  background-image: repeating-linear-gradient(45deg, transparent 0 22px, rgba(140,31,42,.05) 22px 23px);
}
.section-head{ max-width: 780px; margin: 0 auto 2rem; text-align: center; position: relative; z-index: 1; }
.section-head.align-left{ text-align: left; margin-left: 0; }
.section-head h2{ margin-bottom: .4rem; }
.section-head p{ color: var(--c-ink-soft); }
.mt-6{ margin-top: 2rem; }
.section > .container{ position: relative; z-index: 1; }

/* Cards */
.cards{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.25rem;
}
.card{
  background: var(--c-card); border: 1px solid var(--c-line);
  border-radius: var(--radius); padding: 1.4rem;
  box-shadow: var(--shadow-sm);
  transition: transform 320ms var(--ease-smooth), box-shadow 320ms var(--ease-smooth);
  position: relative; overflow: hidden;
  min-width: 0;
}
.card::before{
  content: "";
  position: absolute; top: 0; left: 0; right: 0; height: 4px;
  background: linear-gradient(90deg, var(--c-accent), var(--c-accent-3), var(--c-accent-2));
}
.card:hover{ transform: translateY(-2px); box-shadow: var(--shadow-md); }
.card h3{ margin-bottom: .3rem; }
.card ul{ margin: .6rem 0 0; padding-left: 0; list-style: none; color: var(--c-ink-soft); }
.card ul li{
  position: relative;
  padding-left: 1.8rem;
  margin-bottom: .35rem;
}
.card ul li::before{
  content: "";
  position: absolute; left: 0; top: .5rem;
  width: 14px; height: 14px;
  border-radius: 4px 14px 4px 14px;
  background: linear-gradient(135deg, var(--c-accent-3), var(--c-accent));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 2px 4px rgba(140,31,42,.2);
  transform: rotate(-12deg);
  transition: transform 260ms var(--ease-warm), filter 260ms var(--ease-smooth);
}
.card ul li:hover::before{ transform: rotate(0) scale(1.1); filter: saturate(1.2); }

/* Concepts */
.concept-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.25rem;
}
.concept{
  background: #fff;
  border: 1px solid var(--c-line);
  border-radius: var(--radius);
  padding: 1.4rem; box-shadow: var(--shadow-sm);
  position: relative; overflow: hidden;
  min-width: 0;
  transition: transform 320ms var(--ease-smooth), box-shadow 320ms var(--ease-smooth);
}
.concept:hover{ transform: translateY(-2px); box-shadow: var(--shadow-md); }
.concept::after{
  content: "";
  position: absolute; right: -30px; bottom: -30px;
  width: 140px; height: 140px; border-radius: 50%;
  background: radial-gradient(closest-side, rgba(201,162,75,.12), transparent 70%);
  pointer-events: none;
}
.concept-meta{ color: var(--c-muted); font-size: .92rem; margin-top: .4rem; }
.concept-meta span{ color: var(--c-ink-soft); font-weight: 600; }

/* Timeline */
.timeline{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem; padding: 0; margin: 0; list-style: none;
  counter-reset: step;
}
.timeline li{
  position: relative;
  background: #fff;
  border: 1px solid var(--c-line);
  border-radius: var(--radius);
  padding: 1.2rem 1.2rem 1.2rem 3.4rem;
  box-shadow: var(--shadow-sm);
  min-width: 0;
}
.timeline li::before{
  counter-increment: step;
  content: counter(step);
  position: absolute;
  left: 1rem; top: 1.1rem;
  width: 34px; height: 34px;
  border-radius: 50%;
  background-image: linear-gradient(180deg, var(--c-accent) 0%, var(--c-accent-deep) 100%);
  color: #fff; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), var(--shadow-sm);
}
.t-meta{ display: inline-block; margin-top: .4rem; font-size: .82rem; color: var(--c-muted); }

/* Price */
.price-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 1.1rem;
}
.price{
  background: #fff; border: 1px solid var(--c-line);
  border-radius: var(--radius); padding: 1.25rem;
  box-shadow: var(--shadow-sm);
  min-width: 0;
  transition: transform 260ms var(--ease-smooth), box-shadow 260ms var(--ease-smooth);
}
.price:hover{ transform: translateY(-2px); box-shadow: var(--shadow-md); }
.price.highlight{
  border-color: var(--c-accent-3);
  box-shadow: 0 0 0 3px rgba(201,162,75,.15), var(--shadow-sm);
}
.price-range{
  font-weight: 800; font-size: 1.1rem;
  color: var(--c-accent); margin: .2rem 0 .8rem;
}
.price ul{ padding-left: 0; list-style: none; color: var(--c-ink-soft); }
.price ul li{
  position: relative; padding-left: 1.5rem; margin-bottom: .3rem;
}
.price ul li::before{
  content: "";
  position: absolute; left: 0; top: .55rem;
  width: 10px; height: 10px;
  background: var(--c-accent-3);
  border-radius: 50% 0 50% 50%;
  transform: rotate(45deg);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
}

/* Concept selector */
.selector{
  margin-top: 2.4rem;
  background: #fff;
  border: 1px solid var(--c-line);
  border-radius: var(--radius);
  padding: 1.4rem;
  box-shadow: var(--shadow-sm);
}
.selector-form{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}
.selector-form fieldset{
  border: 1px dashed var(--c-line);
  border-radius: var(--radius-sm);
  padding: .85rem 1rem;
}
.selector-form legend{
  font-weight: 700; padding: 0 .25rem;
  color: var(--c-ink-soft); font-size: .92rem;
}
.selector-form label{
  display: flex; gap: .5rem; align-items: center;
  padding: .3rem 0; min-height: 28px;
}
.selector-output{
  grid-column: 1 / -1;
  background: var(--c-bg-alt);
  border: 1px solid var(--c-line);
  border-radius: var(--radius-sm);
  padding: .9rem 1rem;
  font-weight: 600;
}

/* FAQ, grid rows */
.faq{ display: grid; gap: .6rem; max-width: 880px; margin: 0 auto; }
.faq-item{
  background: #fff; border: 1px solid var(--c-line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}
.faq-q{
  display: flex; align-items: center; justify-content: space-between;
  width: 100%; min-height: 48px;
  padding: .9rem 1.1rem;
  background: transparent; border: 0;
  font-weight: 600; text-align: left; color: var(--c-ink);
  cursor: pointer;
  font: inherit;
  font-weight: 600;
}
.faq-q:hover{ background: var(--c-bg-alt); }
.faq-icon{
  position: relative;
  width: 16px; height: 16px;
  flex: 0 0 16px;
  margin-left: 1rem;
}
.faq-icon::before, .faq-icon::after{
  content: "";
  position: absolute; left: 0; top: 50%;
  width: 16px; height: 2px;
  background: var(--c-accent);
  border-radius: 2px;
  transform: translateY(-50%);
  transition: transform 280ms var(--ease-smooth);
}
.faq-icon::after{ transform: translateY(-50%) rotate(90deg); }
.faq-item.is-open .faq-icon::after{ transform: translateY(-50%) scaleY(0); }
.faq-a{
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 380ms var(--ease-smooth);
}
.faq-a-inner{
  overflow: hidden;
  min-height: 0;
}
.faq-item.is-open .faq-a{ grid-template-rows: 1fr; }
.faq-a-inner > p{
  margin: 0;
  padding: 0 1.1rem 1rem;
  color: var(--c-ink-soft);
}

/* CTA band */
.cta-band{ background: linear-gradient(180deg, var(--c-bg-alt), var(--c-bg)); }
.cta-inner{
  display: flex; gap: 1.4rem;
  align-items: center; justify-content: space-between;
  background: #fff; border: 1px solid var(--c-line);
  border-radius: var(--radius-lg);
  padding: 1.8rem;
  box-shadow: var(--shadow-sm);
}
.cta-inner h2{ margin: 0 0 .3rem; }

/* Two col */
.two-col{
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, .9fr);
  gap: 2rem;
  align-items: start;
}
.info-card{
  background: #fff; border: 1px solid var(--c-line);
  border-radius: var(--radius);
  padding: 1.4rem; box-shadow: var(--shadow-sm);
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.info-card h2{ font-size: 1.05rem; margin-top: 1.4em; }
.info-card h2:first-of-type{ margin-top: 0; }
ul.plain{ list-style: none; padding: 0; margin: 0 0 1rem; }
ul.plain li{ padding: .4rem 0; border-bottom: 1px dashed var(--c-line); }
ul.plain li:last-child{ border: 0; }

/* Page hero */
.page-hero{ padding: clamp(2.4rem, 3vw + 1rem, 4rem) 0 1.2rem; position: relative; overflow: hidden; }
.page-hero::before{
  content: "";
  position: absolute; inset: -20% -15% auto auto;
  width: 420px; height: 420px;
  background: radial-gradient(closest-side, rgba(201,162,75,.14), transparent 70%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}
.page-hero > .container{ position: relative; z-index: 1; }

/* Prose */
.prose h2{ margin-top: 1.8em; }
.prose h2:first-of-type{ margin-top: 0; }
.prose ul, .prose ol{ padding-left: 1.2rem; }
.prose li{ margin-bottom: .35em; }
.policy-table{
  background: #fff; border: 1px solid var(--c-line);
  border-radius: var(--radius);
  padding: 1.1rem 1.2rem;
  box-shadow: var(--shadow-sm);
  margin: .8rem 0;
}
.policy-table dl{
  display: grid; grid-template-columns: max-content 1fr;
  gap: .3rem .8rem; margin: .4rem 0 0;
}
.policy-table dt{ font-weight: 600; color: var(--c-ink-soft); }

/* Inline links in prose/cards, not .btn */
.prose p a:not(.btn),
.card p a:not(.btn),
.info-card a:not(.btn),
.contact-card a:not(.btn){
  background-image: linear-gradient(var(--c-accent), var(--c-accent));
  background-position: 50% 100%;
  background-size: 0% 1.5px;
  background-repeat: no-repeat;
  text-decoration: none;
  padding-bottom: 2px;
  transition: background-size 320ms var(--ease-smooth), background-position 320ms var(--ease-smooth), color 220ms var(--ease-smooth);
}
.prose p a:not(.btn):hover,
.card p a:not(.btn):hover,
.info-card a:not(.btn):hover,
.contact-card a:not(.btn):hover{
  background-size: 100% 1.5px;
  background-position: 0% 100%;
  color: var(--c-accent-2);
}

/* Contact */
.contact-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}
.contact-card{
  background: #fff; border: 1px solid var(--c-line);
  border-radius: var(--radius);
  padding: 1.2rem; box-shadow: var(--shadow-sm);
  min-width: 0;
  display: flex; flex-direction: column; gap: .5rem;
  overflow-wrap: anywhere; word-break: break-word;
}
.contact-card h3{
  margin: 0; font-size: 1rem;
  display: inline-flex; align-items: center; gap: .5rem;
  color: var(--c-ink-soft);
}
.contact-card .ico{
  width: 28px; height: 28px; flex: 0 0 28px;
  border-radius: 50%;
  background: var(--c-bg-alt);
  display: inline-flex; align-items: center; justify-content: center;
  color: var(--c-accent);
}
.contact-card p,
.contact-card a{ margin: 0; max-width: 100%; }
.contact-card a{
  color: var(--c-ink);
  overflow-wrap: anywhere;
}

/* Form */
.form-section{ padding: clamp(2rem, 3vw + 1rem, 4rem) 0; }
.form-section .container{ display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, .9fr); gap: 2rem; align-items: start; }

.form{ display: grid; gap: 1rem; background: #fff; border: 1px solid var(--c-line); border-radius: var(--radius-lg); padding: 1.6rem; box-shadow: var(--shadow-sm); }
.form .field{ display: grid; gap: .35rem; }
.form .field:not(.check):not(.honey) > label{ font-weight: 600; display: block; }
.req{ color: var(--c-accent); margin-left: .15rem; }
.opt{ color: var(--c-muted); margin-left: .15rem; font-weight: 400; font-size: .85em; }
.hint{ color: var(--c-muted); font-size: .88rem; margin: .15rem 0 0; }
.field input,
.field textarea{
  width: 100%;
  padding: .75rem .9rem;
  background: #fff;
  border: 1px solid var(--c-line);
  border-radius: var(--radius-sm);
  font: inherit; color: var(--c-ink);
  transition: border-color 220ms var(--ease-smooth), box-shadow 220ms var(--ease-smooth);
}
.field textarea{ resize: vertical; min-height: 140px; }
.form .field input:focus,
.form .field textarea:focus,
.form .field input:focus-visible,
.form .field textarea:focus-visible{
  outline: none;
  border-color: var(--c-accent);
  box-shadow: 0 0 0 1px var(--c-accent);
}
.field.check label{
  display: flex; gap: .6rem; align-items: flex-start;
  font-weight: 500;
  padding: .4rem 0;
  min-height: 44px;
  cursor: pointer;
}
.field.check input[type="checkbox"]{
  margin-top: .25rem;
  width: 20px; height: 20px;
  accent-color: var(--c-accent);
  flex: 0 0 20px;
}
.field.honey{ position: absolute; left: -9999px; top: -9999px; width: 1px; height: 1px; overflow: hidden; }

.form-status{
  max-height: 0; opacity: 0; padding: 0;
  overflow: hidden; transform: translateY(-4px);
  border-left: 3px solid transparent;
  border-radius: var(--radius-sm);
  transition:
    max-height 320ms var(--ease-smooth),
    opacity 240ms var(--ease-smooth),
    transform 240ms var(--ease-smooth),
    padding 240ms var(--ease-smooth),
    color 220ms, background-color 220ms, border-color 220ms;
}
.form-status:not(:empty){
  max-height: 10em; opacity: 1; transform: none;
  padding: .8rem 1rem;
  background: var(--c-neutral-bg);
  color: var(--c-neutral-ink);
  border-left-color: var(--c-accent-3);
}
.form-status.ok{
  background: var(--c-ok-bg);
  color: var(--c-ok-ink);
  border-left-color: var(--c-ok-line);
}
.form-status.err{
  background: var(--c-err-bg);
  color: var(--c-err-ink);
  border-left-color: var(--c-err-line);
}

/* Footer */
.site-footer{
  background: #ffffff;
  border-top: 1px solid var(--c-line);
  margin-top: 0;
}
.footer-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1.5rem;
  padding: 2.5rem 1.25rem 1rem;
  max-width: var(--container);
  margin: 0 auto;
}
.site-footer h2{ font-size: .95rem; text-transform: uppercase; letter-spacing: .12em; color: var(--c-ink-soft); }
.site-footer ul{ list-style: none; padding: 0; margin: 0; }
.site-footer li{ padding: .2rem 0; }
.site-footer .foot-col{ min-width: 0; }
.foot-bottom{
  padding: 1rem 1.25rem 2rem;
  color: var(--c-muted);
  border-top: 1px solid var(--c-line);
  text-align: center;
  max-width: var(--container);
  margin: 0 auto;
}
.foot-bottom p{ margin: 0; }
.foot-legal{
  display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap;
  margin-top: .4rem;
}
.foot-legal button{
  background: none; border: 0; padding: 0;
  color: var(--c-accent); cursor: pointer;
  font: inherit; text-decoration: underline;
  text-underline-offset: 3px;
  min-height: 44px;
}
.foot-legal button:hover{ color: var(--c-accent-2); }

/* Cookie banner */
.cookie-banner,
.cookie-banner[hidden],
.cookie-settings[hidden]{ display: none !important; }
.cookie-banner.is-mounted{
  display: block !important;
  position: fixed; inset: auto 0 0 0; z-index: 60;
  background: #fff; border-top: 1px solid var(--c-line);
  box-shadow: 0 -12px 30px rgba(0,0,0,.06);
  opacity: 0;
  transform: translateY(10px) scale(.98);
  transition: opacity 280ms var(--ease-smooth), transform 280ms var(--ease-smooth);
}
.cookie-banner.is-mounted.is-visible{
  opacity: 1; transform: none;
}
.cookie-inner{
  display: flex; gap: 1.25rem;
  align-items: center; justify-content: space-between;
  padding: 1rem 1.25rem;
  max-width: var(--container);
  margin: 0 auto;
}
.cookie-text{ max-width: 700px; min-width: 0; }
.cookie-text h2{ font-size: 1rem; margin: 0 0 .25rem; }
.cookie-text p{ margin: 0; color: var(--c-ink-soft); font-size: .95rem; }
.cookie-actions{
  display: flex; gap: .5rem; flex-wrap: wrap; justify-content: flex-end;
}
.cookie-actions .btn{
  min-height: 44px; padding: 0 1.1rem;
  font-size: .95rem;
}
.cookie-settings{
  border-top: 1px solid var(--c-line);
  padding: 1rem 1.25rem;
  max-width: var(--container); margin: 0 auto;
}
.cookie-settings-grid{ display: grid; gap: .6rem; margin-bottom: .8rem; }

/* Switch */
.switch{
  --sw-w: 48px;
  --sw-h: 28px;
  --sw-pad: 3px;
  --sw-knob: calc(var(--sw-h) - var(--sw-pad) * 2);
  display: inline-flex; align-items: center; gap: .8rem;
  cursor: pointer;
  min-height: 44px;
  padding: .3rem 0;
}
.switch-wrap{
  position: relative;
  display: inline-block;
  width: var(--sw-w); height: var(--sw-h);
  flex: 0 0 var(--sw-w);
}
.switch-wrap input{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  opacity: 0; margin: 0; cursor: pointer; z-index: 2;
}
.switch-track{
  position: absolute; inset: 0;
  border-radius: 999px;
  background: #cdc3b2;
  transition: background-color 320ms var(--ease-smooth);
}
.switch-track::after{
  content: "";
  position: absolute;
  top: var(--sw-pad); left: var(--sw-pad);
  width: var(--sw-knob); height: var(--sw-knob);
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
  transition: transform 360ms var(--ease-warm);
  pointer-events: none;
}
.switch-wrap input:checked ~ .switch-track{
  background: var(--c-accent);
}
.switch-wrap input:checked ~ .switch-track::after{
  transform: translateX(calc(var(--sw-w) - var(--sw-knob) - var(--sw-pad) * 2));
}
.switch-wrap input:disabled ~ .switch-track{
  background: var(--c-accent-3);
  opacity: .7;
}
.switch-wrap input:focus-visible ~ .switch-track{
  box-shadow: 0 0 0 3px rgba(140,31,42,.24);
}
.switch-text{ display: block; font-weight: 600; color: var(--c-ink); }
.switch-desc{ display: block; color: var(--c-muted); font-size: .88rem; }

/* Site map cards */
.sitemap-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1rem;
}
.sitemap-card{
  background: #fff; border: 1px solid var(--c-line);
  border-radius: var(--radius); padding: 1.2rem;
  box-shadow: var(--shadow-sm);
  transition: transform 260ms var(--ease-smooth), box-shadow 260ms var(--ease-smooth);
  min-width: 0;
}
.sitemap-card:hover{ transform: translateY(-2px); box-shadow: var(--shadow-md); }
.sitemap-card h2{ font-size: 1rem; margin: 0 0 .6rem; }
.sitemap-card ul{ list-style: none; padding: 0; margin: 0; }
.sitemap-card li{ padding: .25rem 0; }

/* Reveal */
[data-reveal]{
  opacity: 0;
  transform: translateY(18px);
  transition:
    opacity 480ms var(--ease-out),
    transform 480ms var(--ease-out),
    filter 480ms var(--ease-out);
}
[data-reveal="zoom"]{ transform: scale(.96); }
[data-reveal="right"]{ transform: translateX(-18px); }
[data-reveal].is-visible{
  opacity: 1;
  transform: none;
  filter: none;
}

/* Hero intro (only when body.is-loaded) */
@keyframes kinaBloom {
  from { opacity: 0; transform: translateY(14px) scale(.985); filter: saturate(80%); }
  to   { opacity: 1; transform: none; filter: none; }
}
body:not(.is-loaded) [data-intro]{ opacity: 0; }
body.is-loaded [data-intro]{
  animation: kinaBloom 780ms var(--ease-warm) both;
}
body.is-loaded [data-intro="1"]{ animation-delay: 40ms; }
body.is-loaded [data-intro="2"]{ animation-delay: 120ms; }
body.is-loaded [data-intro="3"]{ animation-delay: 220ms; }
body.is-loaded [data-intro="4"]{ animation-delay: 320ms; }
body.is-loaded [data-intro="5"]{ animation-delay: 420ms; }
body.is-loaded [data-intro="6"]{ animation-delay: 520ms; }

/* Mobile: overlay nav */
@media (max-width: 960px){
  .site-header .container{ padding-inline: 1.25rem; }
  .nav-toggle{ display: inline-block; }
  .brand, .nav-toggle{ position: relative; z-index: 45; }

  .main-nav{
    position: fixed;
    inset: 0;
    min-height: 100vh;
    min-height: 100dvh;
    background: rgba(251, 246, 239, 0.98);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    padding: calc(var(--header-h) + var(--s-5)) var(--s-5) var(--s-6);
    overflow-y: auto;
    overscroll-behavior: contain;
    z-index: 40;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-8px);
    transition: opacity 260ms var(--ease-smooth), transform 260ms var(--ease-smooth);
  }
  body.nav-open .main-nav{
    opacity: 1;
    pointer-events: auto;
    transform: none;
  }
  .nav-list{
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: .25rem;
    margin: 0; padding: 0;
    width: 100%;
  }
  .nav-list li{ width: 100%; }
  .main-nav a:not(.btn){
    padding: .9rem 1rem;
    font-size: 1.05rem;
    min-height: 48px;
    justify-content: flex-start;
    border-radius: var(--radius-sm);
  }
  .main-nav a.btn{
    margin-top: .5rem;
    justify-content: center;
  }
  .main-nav a:not(.btn)::after{
    bottom: 10px;
    left: 1rem; right: auto;
    width: 0;
    background: var(--c-accent);
    height: 2px;
    transition: width 260ms var(--ease-smooth);
  }
  .main-nav a:not(.btn).is-active::after,
  .main-nav a:not(.btn)[aria-current="page"]::after{
    width: 28px;
    right: auto;
    left: 1rem;
  }

  .hero-grid{ grid-template-columns: minmax(0, 1fr); gap: 1.8rem; }
  .hero-facts{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .two-col, .form-section .container{ grid-template-columns: minmax(0, 1fr); }
  .cta-inner{ flex-direction: column; align-items: flex-start; }
}

@media (max-width: 640px){
  .hero-facts{ grid-template-columns: minmax(0, 1fr); }
  .cookie-inner{ flex-direction: column; align-items: stretch; }
  .cookie-actions{ justify-content: flex-start; }
  .cta-inner{ padding: 1.4rem; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  [data-reveal]{ opacity: 1 !important; transform: none !important; filter: none !important; }
  body:not(.is-loaded) [data-intro]{ opacity: 1 !important; }
}

/* ================================================================
   KINA GECESI KONSEPT — ORNAMENTAL & MOTION LAYER
   Tema: hna, mum ışığı, altın yaldız, Osmanlı-Anadolu motifleri
   ================================================================ */

:root{
  --kina-gold-bright: #e9c77a;
  --kina-gold-soft:   #f5d98b;
  --kina-gold-deep:   #9a7429;
  --kina-ember:       #d85a2b;
  --kina-ring:        rgba(201,162,75,.22);
  --ease-bloom: cubic-bezier(.2, 1.45, .32, 1);
}

/* ---------- Keyframes ---------- */
@keyframes kinaFlameFlicker{
  0%,100%{ filter: brightness(1) saturate(1); transform: rotate(0); }
  17%    { filter: brightness(1.09) saturate(1.08); transform: rotate(.35deg); }
  38%    { filter: brightness(.93) saturate(.94); transform: rotate(-.3deg); }
  61%    { filter: brightness(1.06) saturate(1.05); transform: rotate(.22deg); }
  82%    { filter: brightness(.98) saturate(1); transform: rotate(-.15deg); }
}
@keyframes kinaHennaBloom{
  0%  { transform: scale(.3) rotate(-14deg); opacity: 0; filter: blur(1.4px); }
  55% { transform: scale(1.14) rotate(4deg); opacity: 1; filter: blur(0); }
  100%{ transform: scale(1) rotate(0); opacity: 1; }
}
@keyframes kinaGoldGlow{
  0%,100%{ opacity: .55; transform: scale(1); }
  50%    { opacity: 1;   transform: scale(1.08); }
}
@keyframes kinaRosetteSpin{
  to{ transform: rotate(360deg); }
}
@keyframes kinaShimmerSweep{
  0%   { transform: translateX(-40%) skewX(-18deg); opacity: 0; }
  15%  { opacity: 1; }
  100% { transform: translateX(260%) skewX(-18deg); opacity: 0; }
}
@keyframes kinaDustDrift{
  0%  { transform: translate3d(0, 0, 0); opacity: 0; }
  12% { opacity: 1; }
  88% { opacity: .7; }
  100%{ transform: translate3d(-9vw, -72vh, 0); opacity: 0; }
}
@keyframes kinaEmberPulse{
  0%,100%{ box-shadow:
      inset 0 1px 0 rgba(255,255,255,.22),
      0 0 0 3px rgba(140,31,42,.18),
      0 6px 14px rgba(140,31,42,.28),
      0 0 10px rgba(232,187,93,.35); }
  50%    { box-shadow:
      inset 0 1px 0 rgba(255,255,255,.22),
      0 0 0 3px rgba(140,31,42,.22),
      0 6px 14px rgba(140,31,42,.28),
      0 0 22px rgba(232,187,93,.7); }
}
@keyframes kinaFiligreeBreath{
  0%,100%{ opacity: .78; }
  50%    { opacity: 1; }
}
@keyframes kinaCandleHalo{
  0%,100%{ opacity: .55; transform: translate(-50%, -50%) scale(1); }
  50%    { opacity: .95; transform: translate(-50%, -50%) scale(1.12); }
}

/* ---------- BRAND MARK — mum alevi titreşimi + altın hare ---------- */
.brand-mark{
  animation: kinaFlameFlicker 5.4s ease-in-out infinite;
  transform-origin: 50% 60%;
}
.brand-mark::before{
  content:"";
  position:absolute; inset:-10px;
  border-radius:50%;
  background: radial-gradient(circle, rgba(232,187,93,.4) 0%, rgba(216,90,43,.15) 38%, transparent 68%);
  opacity:0;
  pointer-events:none;
  transition: opacity 420ms var(--ease-smooth);
  z-index:-1;
}
.brand:hover .brand-mark::before{ opacity:1; }

/* ---------- HERO — sürüklenen altın tozu ---------- */
.hero{ isolation: isolate; }
.hero::after{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  background-image:
    radial-gradient(1.8px 1.8px at 12% 94%, rgba(232,187,93,.9), transparent 60%),
    radial-gradient(1.3px 1.3px at 24% 82%, rgba(232,187,93,.7), transparent 60%),
    radial-gradient(2.2px 2.2px at 38% 96%, rgba(216,90,43,.55), transparent 60%),
    radial-gradient(1.4px 1.4px at 52% 86%, rgba(232,187,93,.75), transparent 60%),
    radial-gradient(1.6px 1.6px at 68% 92%, rgba(245,217,139,.7), transparent 60%),
    radial-gradient(1.1px 1.1px at 80% 78%, rgba(216,90,43,.5), transparent 60%),
    radial-gradient(1.9px 1.9px at 92% 90%, rgba(232,187,93,.65), transparent 60%);
  animation: kinaDustDrift 22s linear infinite;
  mix-blend-mode: screen;
  z-index:0;
  opacity:.85;
}
.hero-inner{ z-index: 1; }

/* ---------- HERO CARD — köşede dönen rozet motifi + numaralı ornate adımlar ---------- */
.hero-card{ position: relative; isolation: isolate; }
.hero-card > *{ position: relative; z-index: 1; }
.hero-card::before{
  content:"";
  position:absolute;
  bottom: 14px; left: 14px;
  width: 44px; height: 44px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72' fill='none'><g stroke='%23c9a24b' stroke-linecap='round'><circle cx='36' cy='36' r='22' stroke-width='1' stroke-dasharray='2 4' opacity='.8'/><circle cx='36' cy='36' r='13' stroke-width='.9' opacity='.85'/><path d='M36 16 L38 34 L56 36 L38 38 L36 56 L34 38 L16 36 L34 34 Z' fill='%238c1f2a' fill-opacity='.12' stroke='%238c1f2a' stroke-width='.8'/><circle cx='36' cy='36' r='2.4' fill='%238c1f2a' stroke='none'/></g></svg>");
  background-repeat:no-repeat;
  background-size:contain;
  opacity: .55;
  pointer-events:none;
  animation: kinaRosetteSpin 42s linear infinite;
  z-index: 0;
}
.hero-card ol{
  list-style: none;
  counter-reset: hcstep;
  padding-left: 0;
  margin: .4rem 0 1rem;
}
.hero-card ol li{
  position: relative;
  counter-increment: hcstep;
  padding: .15rem 0 .15rem 2.9rem;
  margin-bottom: .7rem;
  min-height: 34px;
}
.hero-card ol li::before{
  content: counter(hcstep);
  position: absolute; left: 0; top: 0;
  width: 32px; height: 32px;
  display: grid; place-items: center;
  font-weight: 800; font-size: .92rem;
  color: #fff;
  background:
    radial-gradient(circle at 32% 28%, #c96055 0%, var(--c-accent) 55%, var(--c-accent-deep) 100%);
  border-radius: 50%;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    0 0 0 2px #fff,
    0 0 0 3px var(--c-accent-3),
    0 0 0 4px rgba(201,162,75,.25),
    0 5px 12px rgba(140,31,42,.3);
  transition: transform 420ms var(--ease-bloom), box-shadow 320ms var(--ease-smooth);
}
.hero-card ol li:hover::before{
  transform: rotate(-10deg) scale(1.08);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    0 0 0 2px #fff,
    0 0 0 4px var(--c-accent-3),
    0 0 0 6px rgba(201,162,75,.3),
    0 8px 18px rgba(140,31,42,.4);
}

/* ---------- SECTION HEAD — arabesk yaldız ayracı ---------- */
.section-head{ padding-bottom: .6rem; }
.section-head::after{
  content:"";
  display:block;
  width: 210px; height: 16px;
  margin: 14px auto 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 210 16' fill='none'><g stroke='%238c1f2a' stroke-linecap='round'><path d='M4 8 Q 28 0, 54 8 T 104 8' stroke-width='1.1' fill='none'/><path d='M206 8 Q 182 0, 156 8 T 106 8' stroke-width='1.1' fill='none'/></g><g><circle cx='105' cy='8' r='4.2' fill='%23c9a24b' stroke='%238c1f2a' stroke-width='.9'/><circle cx='105' cy='8' r='1.3' fill='%238c1f2a'/><circle cx='72' cy='8' r='1.4' fill='%238c1f2a'/><circle cx='138' cy='8' r='1.4' fill='%238c1f2a'/></g><path d='M14 8 L6 8 M196 8 L204 8' stroke='%23c9a24b' stroke-width='1.1' stroke-linecap='round'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  opacity: .9;
}
.section-head.align-left::after{ margin-left: 0; margin-right: auto; }

/* ---------- CARD LİSTE — Osmanlı 8 köşeli rozet ---------- */
.card ul{ padding-left: 0; margin-top: .8rem; }
.card ul li{
  padding-left: 2.2rem;
  margin-bottom: .45rem;
  position: relative;
  transition: transform 260ms var(--ease-smooth), color 220ms var(--ease-smooth);
}
.card ul li::before{
  content:"";
  position:absolute;
  left: .1rem;
  top: .28rem;
  width: 20px; height: 20px;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><defs><linearGradient id='g1' x1='0' y1='0' x2='1' y2='1'><stop offset='0%25' stop-color='%23f5d98b'/><stop offset='55%25' stop-color='%23c9a24b'/><stop offset='100%25' stop-color='%238c1f2a'/></linearGradient><radialGradient id='g2' cx='.35' cy='.3' r='.7'><stop offset='0%25' stop-color='%23fff' stop-opacity='.9'/><stop offset='100%25' stop-color='%23fff' stop-opacity='0'/></radialGradient></defs><g><path d='M12 1.2 L13.9 8 L20.8 6.1 L16.9 12 L20.8 17.9 L13.9 16 L12 22.8 L10.1 16 L3.2 17.9 L7.1 12 L3.2 6.1 L10.1 8 Z' fill='url(%23g1)' stroke='%236d1520' stroke-width='.7' stroke-linejoin='round'/><circle cx='12' cy='12' r='2' fill='url(%23g2)'/></g></svg>");
  background-repeat:no-repeat;
  background-size: contain;
  transition: transform 520ms var(--ease-bloom), filter 300ms var(--ease-smooth);
}
.card ul li:hover{ color: var(--c-ink); }
.card ul li:hover::before{
  transform: rotate(22.5deg) scale(1.14);
  filter: drop-shadow(0 2px 6px rgba(140,31,42,.35));
}

/* ---------- CARDS — hover altın parıltı süpürmesi ---------- */
.card{ isolation: isolate; }
.card::after{
  content:"";
  position:absolute;
  top: 0; bottom: 0;
  left: -55%; width: 48%;
  background: linear-gradient(108deg,
    transparent 0%,
    rgba(255,248,224,.0) 18%,
    rgba(245,217,139,.55) 48%,
    rgba(255,248,224,.25) 56%,
    transparent 82%);
  transform: skewX(-18deg) translateX(0);
  pointer-events:none;
  z-index: 2;
  opacity: 0;
}
.card:hover::after{
  animation: kinaShimmerSweep 950ms var(--ease-smooth);
  opacity: 1;
}
.card:hover{ transform: translateY(-3px); }

/* ---------- CONCEPT — hover parıltı süpürmesi (::before kullanılmamış) ---------- */
.concept{ isolation: isolate; }
.concept::before{
  content:"";
  position:absolute;
  top: 0; bottom: 0;
  left: -55%; width: 48%;
  background: linear-gradient(108deg,
    transparent 0%,
    rgba(245,217,139,.5) 48%,
    rgba(255,255,255,.2) 58%,
    transparent 82%);
  transform: skewX(-18deg);
  pointer-events:none;
  z-index: 1;
  opacity: 0;
}
.concept:hover::before{
  animation: kinaShimmerSweep 1000ms var(--ease-smooth);
  opacity: 1;
}

/* ---------- PRICE LİSTE — hna damla + iç yansıma ---------- */
.price ul{ padding-left: 0; margin-top: .6rem; }
.price ul li{
  padding-left: 1.9rem;
  margin-bottom: .4rem;
  position: relative;
}
.price ul li::before{
  content:"";
  position:absolute;
  left: .2rem; top: .3rem;
  width: 15px; height: 20px;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 22'><defs><linearGradient id='h1' x1='.3' y1='0' x2='.7' y2='1'><stop offset='0%25' stop-color='%23f5d98b'/><stop offset='38%25' stop-color='%23b24a3a'/><stop offset='100%25' stop-color='%236d1520'/></linearGradient></defs><path d='M8 1 C 14 9, 14 17, 8 21 C 2 17, 2 9, 8 1 Z' fill='url(%23h1)' stroke='%236d1520' stroke-width='.7'/><path d='M6 5 Q 5 9, 6.3 13' stroke='rgba(255,255,255,.6)' stroke-width='1' fill='none' stroke-linecap='round'/><circle cx='8.5' cy='17' r='1.2' fill='rgba(255,255,255,.35)'/></svg>");
  background-repeat:no-repeat;
  background-size: contain;
  transition: transform 460ms var(--ease-bloom), filter 280ms var(--ease-smooth);
}
.price ul li:hover::before{
  transform: translateY(-3px) rotate(-8deg) scale(1.08);
  filter: drop-shadow(0 3px 5px rgba(140,31,42,.35));
}

/* ---------- PRICE HIGHLIGHT — dönen altın hale + köşe pergel motifi ---------- */
.price.highlight{
  isolation: isolate;
  overflow: hidden;
  position: relative;
}
.price.highlight::before{
  content:"";
  position:absolute;
  inset: -45%;
  background: conic-gradient(from 0deg,
    transparent 0 48%,
    rgba(201,162,75,.22) 56%,
    rgba(245,217,139,.3) 60%,
    rgba(201,162,75,.22) 64%,
    transparent 72%);
  animation: kinaRosetteSpin 14s linear infinite;
  pointer-events:none;
  z-index: -1;
}
.price.highlight::after{
  content:"";
  position:absolute;
  top: 10px; right: 10px;
  width: 34px; height: 34px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34' fill='none'><g stroke='%23c9a24b' stroke-linecap='round'><circle cx='17' cy='17' r='7.5' stroke-width='1.3' fill='none'/><circle cx='17' cy='17' r='2.2' fill='%238c1f2a' stroke='none'/><path d='M17 4 V10 M17 24 V30 M4 17 H10 M24 17 H30' stroke-width='1.3'/><path d='M7.8 7.8 L11.3 11.3 M22.7 22.7 L26.2 26.2 M26.2 7.8 L22.7 11.3 M11.3 22.7 L7.8 26.2' stroke-width='1.2'/></g></svg>");
  background-repeat:no-repeat;
  opacity: .9;
  pointer-events:none;
  animation: kinaRosetteSpin 28s linear infinite reverse;
}

/* ---------- PLAIN LİSTE — altın 8-köşe yıldız, kesik altın ayraç ---------- */
ul.plain{ margin: 0 0 1rem; padding-left: 0; list-style: none; }
ul.plain li{
  position: relative;
  padding: .5rem 0 .5rem 1.7rem;
  border-bottom: 1px dashed var(--c-line);
  transition: background-color 220ms var(--ease-smooth);
}
ul.plain li:last-child{ border: 0; }
ul.plain li::before{
  content:"";
  position:absolute;
  left: 0; top: .95rem;
  width: 12px; height: 12px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><defs><linearGradient id='p1' x1='0' y1='0' x2='1' y2='1'><stop offset='0%25' stop-color='%23f5d98b'/><stop offset='100%25' stop-color='%238c1f2a'/></linearGradient></defs><path d='M7 1 L8.6 5.4 L13 7 L8.6 8.6 L7 13 L5.4 8.6 L1 7 L5.4 5.4 Z' fill='url(%23p1)' stroke='%236d1520' stroke-width='.55'/></svg>");
  background-repeat:no-repeat;
  transition: transform 420ms var(--ease-bloom);
}
ul.plain li:hover::before{ transform: rotate(90deg) scale(1.1); }

/* ---------- PROSE LİSTELERİ (politika sayfaları ve hakkında) ---------- */
.prose ul, .two-col article > ul{
  list-style: none;
  padding-left: 0;
  margin: .5rem 0 1.2rem;
}
.prose ul > li, .two-col article > ul > li{
  position: relative;
  padding-left: 1.7rem;
  margin-bottom: .45em;
}
.prose ul > li::before, .two-col article > ul > li::before{
  content:"";
  position:absolute;
  left: .2rem; top: .5rem;
  width: 12px; height: 16px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16'><defs><linearGradient id='p2' x1='.3' y1='0' x2='.7' y2='1'><stop offset='0%25' stop-color='%23f5d98b'/><stop offset='40%25' stop-color='%23b24a3a'/><stop offset='100%25' stop-color='%238c1f2a'/></linearGradient></defs><path d='M6 1 C 10 6, 10 12, 6 15 C 2 12, 2 6, 6 1 Z' fill='url(%23p2)' stroke='%236d1520' stroke-width='.5'/></svg>");
  background-repeat:no-repeat;
  transition: transform 360ms var(--ease-bloom);
}
.prose ul > li:hover::before, .two-col article > ul > li:hover::before{
  transform: translateY(-2px) rotate(-8deg);
}
.prose ol{
  list-style: none;
  counter-reset: prose-ord;
  padding-left: 0;
  margin: .5rem 0 1rem;
}
.prose ol > li{
  position: relative;
  padding-left: 2.3rem;
  counter-increment: prose-ord;
  margin-bottom: .5em;
  min-height: 26px;
}
.prose ol > li::before{
  content: counter(prose-ord);
  position:absolute;
  left: 0; top: .1em;
  width: 24px; height: 24px;
  display: grid; place-items: center;
  font-size: .72rem; font-weight: 800;
  color: #fff;
  background: linear-gradient(135deg, var(--c-accent-2), var(--c-accent), var(--c-accent-deep));
  border-radius: 50%;
  box-shadow:
    0 0 0 2px #fff,
    0 0 0 3px var(--c-accent-3),
    0 2px 6px rgba(140,31,42,.28);
}

/* ---------- SITEMAP + FOOTER LİSTELERİ — közlü nokta ---------- */
.sitemap-card ul{ list-style: none; padding-left: 0; }
.sitemap-card ul li{
  position: relative;
  padding: .3rem 0 .3rem 1.2rem;
}
.sitemap-card ul li::before{
  content:"";
  position:absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  margin-top: -4px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, var(--kina-gold-soft) 0%, var(--c-accent-3) 50%, var(--c-accent) 100%);
  box-shadow: 0 0 8px rgba(232,187,93,.45), inset 0 1px 0 rgba(255,255,255,.4);
  transition: box-shadow 260ms var(--ease-smooth), transform 260ms var(--ease-smooth);
}
.sitemap-card ul li:hover::before{
  box-shadow: 0 0 14px rgba(232,187,93,.75), 0 0 0 3px rgba(201,162,75,.2), inset 0 1px 0 rgba(255,255,255,.4);
  transform: scale(1.2);
}
.site-footer ul li{
  position: relative;
  padding-left: 1.05rem;
}
.site-footer ul li::before{
  content:"";
  position:absolute;
  left: 0; top: 50%;
  width: 6px; height: 6px;
  margin-top: -3px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, var(--kina-gold-soft) 0%, var(--c-accent-3) 50%, var(--c-accent) 100%);
  box-shadow: 0 0 6px rgba(232,187,93,.4), inset 0 1px 0 rgba(255,255,255,.3);
  transition: box-shadow 220ms var(--ease-smooth);
}
.site-footer ul li:hover::before{
  box-shadow: 0 0 12px rgba(232,187,93,.7), 0 0 0 3px rgba(201,162,75,.18);
}

/* ---------- TIMELINE — döner köz halesi ---------- */
.timeline li{ isolation: isolate; }
.timeline li::after{
  content:"";
  position:absolute;
  left: calc(1rem - 6px); top: calc(1.1rem - 6px);
  width: 46px; height: 46px;
  border-radius: 50%;
  background: conic-gradient(from 0deg,
    rgba(201,162,75,0) 0deg,
    rgba(201,162,75,.6) 120deg,
    rgba(216,90,43,.3) 180deg,
    rgba(201,162,75,0) 270deg);
  opacity: 0;
  pointer-events: none;
  z-index: 0;
  filter: blur(.4px);
  transition: opacity 320ms var(--ease-smooth);
}
.timeline li:hover::after{
  opacity: 1;
  animation: kinaRosetteSpin 3.4s linear infinite;
}
.timeline li::before{
  z-index: 2;
  transition: transform 360ms var(--ease-bloom), box-shadow 320ms var(--ease-smooth);
}
.timeline li:hover::before{
  transform: scale(1.08) rotate(-6deg);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.3),
    0 0 0 2px #fff,
    0 0 0 3px var(--c-accent-3),
    0 6px 14px rgba(140,31,42,.35);
}

/* ---------- CTA BAND — iç kart parıltısı ---------- */
.cta-band .cta-inner{ isolation: isolate; position: relative; overflow: hidden; }
.cta-band .cta-inner::before{
  content:"";
  position:absolute;
  inset: -50% auto auto -50%;
  width: 320px; height: 320px;
  background: radial-gradient(closest-side, rgba(201,162,75,.22), transparent 70%);
  pointer-events:none;
  z-index: -1;
  animation: kinaGoldGlow 6s ease-in-out infinite;
}
.cta-band .cta-inner::after{
  content:"";
  position:absolute;
  inset: auto -40% -70% auto;
  width: 360px; height: 360px;
  background: radial-gradient(closest-side, rgba(140,31,42,.14), transparent 70%);
  pointer-events:none;
  z-index: -1;
}

/* ================================================================
   FORM KONTROLLERİ — Osmanlı rozeti radyo, hna mührü chexbox
   ================================================================ */

/* ---------- Ortak: radyo + onay kutusu baz ---------- */
.selector-form input[type="radio"],
.selector-form input[type="checkbox"],
.field.check input[type="checkbox"]{
  -webkit-appearance: none;
  appearance: none;
  width: 22px; height: 22px;
  min-width: 22px;
  flex: 0 0 22px;
  margin: 0;
  border: 1.5px solid var(--c-line);
  background: radial-gradient(circle at 30% 28%, #fff 0%, #faf2e3 100%);
  cursor: pointer;
  position: relative;
  transition:
    border-color 280ms var(--ease-smooth),
    background 320ms var(--ease-smooth),
    box-shadow 280ms var(--ease-smooth),
    transform 280ms var(--ease-bloom);
  background-repeat: no-repeat;
  background-position: center;
}
.field.check input[type="checkbox"]{
  margin-top: 2px;
  accent-color: auto;
}

/* ---------- Kutular ---------- */
.selector-form input[type="checkbox"],
.field.check input[type="checkbox"]{
  border-radius: 6px;
}
.selector-form input[type="checkbox"]:hover,
.field.check input[type="checkbox"]:hover{
  border-color: var(--c-accent-3);
  box-shadow: 0 0 0 4px rgba(201,162,75,.14);
  transform: translateY(-1px);
}
.selector-form input[type="checkbox"]:focus-visible,
.field.check input[type="checkbox"]:focus-visible{
  outline: none;
  border-color: var(--c-accent);
  box-shadow: 0 0 0 3px rgba(140,31,42,.28);
}
.selector-form input[type="checkbox"]:checked,
.field.check input[type="checkbox"]:checked{
  border-color: var(--c-accent-deep);
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5d98b' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 L9 17 L4 12'/></svg>"),
    radial-gradient(circle at 32% 22%, #b24a3a 0%, var(--c-accent) 55%, var(--c-accent-deep) 100%);
  background-size: 72% 72%, 100% 100%;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25),
    0 0 0 3px rgba(140,31,42,.18),
    0 6px 14px rgba(140,31,42,.28);
  animation: kinaHennaBloom 460ms var(--ease-bloom);
}
.selector-form input[type="checkbox"]:checked:focus-visible,
.field.check input[type="checkbox"]:checked:focus-visible{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25),
    0 0 0 3px rgba(140,31,42,.35),
    0 6px 14px rgba(140,31,42,.28);
}

/* ---------- Radyolar ---------- */
.selector-form input[type="radio"]{
  border-radius: 50%;
}
.selector-form input[type="radio"]:hover{
  border-color: var(--c-accent-3);
  box-shadow: 0 0 0 4px rgba(201,162,75,.14);
  transform: translateY(-1px);
}
.selector-form input[type="radio"]:focus-visible{
  outline: none;
  border-color: var(--c-accent);
  box-shadow: 0 0 0 3px rgba(140,31,42,.28);
}
.selector-form input[type="radio"]:checked{
  border-color: var(--c-accent-deep);
  background:
    radial-gradient(circle at 50% 50%,
      var(--kina-gold-soft) 0% 18%,
      var(--c-accent-3) 20% 30%,
      rgba(0,0,0,0) 34%),
    conic-gradient(from 0deg,
      var(--c-accent-deep) 0 12.5%,
      var(--c-accent) 12.5% 25%,
      var(--c-accent-deep) 25% 37.5%,
      var(--c-accent) 37.5% 50%,
      var(--c-accent-deep) 50% 62.5%,
      var(--c-accent) 62.5% 75%,
      var(--c-accent-deep) 75% 87.5%,
      var(--c-accent) 87.5% 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 0 0 3px rgba(140,31,42,.18),
    0 6px 14px rgba(140,31,42,.28),
    0 0 10px rgba(232,187,93,.35);
  animation:
    kinaHennaBloom 460ms var(--ease-bloom),
    kinaEmberPulse 2.6s ease-in-out 460ms infinite;
}

/* ---------- Selektör etiketleri: seçili durum için gövde vurgusu ---------- */
.selector-form label{
  display: flex;
  gap: .6rem;
  align-items: center;
  padding: .5rem .65rem;
  margin: 0 -.4rem;
  border-radius: 10px;
  cursor: pointer;
  min-height: 32px;
  transition:
    background-color 240ms var(--ease-smooth),
    color 220ms var(--ease-smooth),
    transform 240ms var(--ease-smooth);
  font-weight: 500;
  color: var(--c-ink-soft);
}
.selector-form label:hover{
  background: rgba(201,162,75,.1);
  color: var(--c-ink);
}
.selector-form label:has(input:checked){
  background: linear-gradient(90deg, rgba(140,31,42,.08), rgba(201,162,75,.08));
  color: var(--c-ink);
  font-weight: 600;
  box-shadow: inset 3px 0 0 var(--c-accent);
}
.selector-form fieldset{
  border: 1px dashed rgba(201,162,75,.5);
  background: linear-gradient(180deg, #fff 0%, #fbf6ef 100%);
  border-radius: 10px;
  padding: .85rem 1.1rem .9rem;
  transition: border-color 280ms var(--ease-smooth), box-shadow 280ms var(--ease-smooth);
}
.selector-form fieldset:focus-within{
  border-color: var(--c-accent-3);
  box-shadow: 0 0 0 4px rgba(201,162,75,.14);
}
.selector-form legend{
  padding: 0 .5rem;
  background: linear-gradient(90deg, var(--c-accent), var(--c-accent-deep));
  color: #fff;
  border-radius: 999px;
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .02em;
  box-shadow: 0 2px 6px rgba(140,31,42,.22);
}
.selector-output{
  border-radius: 10px;
  background:
    linear-gradient(135deg, rgba(245,217,139,.22), rgba(140,31,42,.08));
  border: 1px dashed rgba(201,162,75,.6);
  position: relative;
  padding-left: 2.4rem;
}
.selector-output::before{
  content:"";
  position:absolute;
  left: .8rem; top: 50%;
  width: 18px; height: 18px;
  margin-top: -9px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238c1f2a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9' stroke='%23c9a24b'/><path d='M12 7 v5 l3 2'/></svg>");
  background-repeat:no-repeat;
}

/* ---------- Form onay alanı — ornate hover haresi ---------- */
.field.check label{
  border-radius: 10px;
  padding: .5rem .7rem;
  margin: 0 -.5rem;
  transition: background-color 220ms var(--ease-smooth);
}
.field.check label:hover{
  background: rgba(201,162,75,.08);
}
.field.check label:has(input:checked){
  background: linear-gradient(90deg, rgba(140,31,42,.05), rgba(201,162,75,.08));
}

/* ---------- SWITCH (çerez) — yanan altın şerit + parıltı ---------- */
.switch-wrap input:checked ~ .switch-track{
  background: linear-gradient(135deg, #b24a3a 0%, var(--c-accent) 45%, var(--c-accent-deep) 100%);
  box-shadow:
    0 0 0 1px rgba(201,162,75,.55),
    0 0 14px rgba(216,90,43,.32),
    inset 0 1px 0 rgba(255,255,255,.18);
}
.switch-wrap input:checked ~ .switch-track::after{
  background:
    radial-gradient(circle at 32% 28%, #fff 0%, #faf2e3 45%, var(--kina-gold-soft) 100%);
  box-shadow:
    0 1px 3px rgba(0,0,0,.25),
    0 0 0 1px rgba(201,162,75,.5),
    0 0 10px rgba(232,187,93,.55);
}
.switch-wrap input:disabled ~ .switch-track{
  background: linear-gradient(135deg, rgba(201,162,75,.6), rgba(140,31,42,.55));
}

/* ---------- PRICE kart hover — artırılmış derinlik ---------- */
.price:hover{ transform: translateY(-3px); }

/* ---------- BUTTON PRIMARY — altın parıltı süpürmesi (hover) ---------- */
.btn.btn-primary{ isolation: isolate; }
.btn.btn-primary::after{
  content:"";
  position:absolute;
  top:0; bottom:0;
  left: -60%; width: 45%;
  background: linear-gradient(110deg,
    transparent 0%,
    rgba(245,217,139,.55) 50%,
    transparent 100%);
  transform: skewX(-20deg);
  pointer-events: none;
  opacity: 0;
  z-index: 0;
}
.btn.btn-primary:hover::after,
.btn.btn-primary:focus-visible::after{
  animation: kinaShimmerSweep 900ms var(--ease-smooth);
  opacity: 1;
}

/* ---------- FAQ — açık durumda köz vurgusu ---------- */
.faq-item{ transition: box-shadow 320ms var(--ease-smooth), border-color 320ms var(--ease-smooth); }
.faq-item.is-open{
  border-color: var(--c-accent-3);
  box-shadow: 0 0 0 3px rgba(201,162,75,.14), var(--shadow-sm);
}
.faq-item.is-open .faq-q{ background: linear-gradient(90deg, rgba(201,162,75,.1), rgba(140,31,42,.04)); }
.faq-icon::before,
.faq-icon::after{ transition: transform 320ms var(--ease-bloom), background-color 260ms var(--ease-smooth); }
.faq-item.is-open .faq-icon::before,
.faq-item.is-open .faq-icon::after{
  background: var(--c-accent-deep);
}

/* ---------- CONTACT CARD — ikon üzerinde hafif halka ---------- */
.contact-card .ico{
  position: relative;
  background: radial-gradient(circle at 30% 30%, #fff 0%, var(--c-bg-alt) 100%);
  box-shadow: inset 0 0 0 1px rgba(201,162,75,.35);
  transition: transform 320ms var(--ease-bloom), box-shadow 320ms var(--ease-smooth);
}
.contact-card:hover .ico{
  transform: rotate(-6deg) scale(1.08);
  box-shadow: inset 0 0 0 1px rgba(201,162,75,.6), 0 0 0 4px rgba(201,162,75,.14);
}

/* ---------- EYEBROW — harf aralığı nefesi ---------- */
.eyebrow{
  position: relative;
  display: inline-flex; align-items: center; gap: .6rem;
  animation: kinaFiligreeBreath 6s ease-in-out infinite;
}
.eyebrow::before,
.eyebrow::after{
  content:"";
  width: 22px; height: 1px;
  background: linear-gradient(90deg, transparent, var(--c-accent-3), transparent);
}

/* ---------- Responsive ayarlamalar ---------- */
@media (max-width: 640px){
  .section-head::after{ width: 150px; }
  .hero-card::before{
    width: 38px; height: 38px;
    top: 10px; right: 10px;
  }
  .selector-form label{ padding: .5rem .5rem; }
  .eyebrow::before, .eyebrow::after{ width: 14px; }
}

/* ================================================================
   LİNKLER — arabesque hna akışı, altın parıltı, köz halesi
   ================================================================ */

/* Ortak, zengin iç-metin linkleri (politika, kart içi, info, iletişim, SSS, cookie) */
.prose a:not(.btn),
.prose p a:not(.btn),
.prose li a:not(.btn),
.card p a:not(.btn),
.info-card a:not(.btn),
.contact-card a:not(.btn),
.faq-a-inner a:not(.btn),
.two-col article p a:not(.btn),
.two-col article li a:not(.btn),
.cookie-text a:not(.btn),
.hero-card p a:not(.btn){
  position: relative;
  display: inline;
  color: var(--c-accent);
  font-weight: 600;
  text-decoration: none;
  padding: 0 .05em 4px;
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 6' preserveAspectRatio='none' fill='none'><defs><linearGradient id='lnk' x1='0' y1='0' x2='1' y2='0'><stop offset='0%25' stop-color='%238c1f2a'/><stop offset='50%25' stop-color='%23c9a24b'/><stop offset='100%25' stop-color='%238c1f2a'/></linearGradient></defs><path d='M0 3 Q 7.5 0, 15 3 T 30 3 T 45 3 T 60 3' stroke='url(%23lnk)' stroke-width='1.2' stroke-linecap='round'/></svg>");
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0% 5px;
  transition:
    color 280ms var(--ease-smooth),
    background-size 620ms var(--ease-bloom),
    text-shadow 300ms var(--ease-smooth),
    letter-spacing 320ms var(--ease-smooth);
  background-clip: border-box;
}
.prose a:not(.btn):hover,
.prose p a:not(.btn):hover,
.prose li a:not(.btn):hover,
.card p a:not(.btn):hover,
.info-card a:not(.btn):hover,
.contact-card a:not(.btn):hover,
.faq-a-inner a:not(.btn):hover,
.two-col article p a:not(.btn):hover,
.two-col article li a:not(.btn):hover,
.cookie-text a:not(.btn):hover,
.hero-card p a:not(.btn):hover{
  color: var(--c-accent-deep);
  background-size: 100% 5px;
  text-shadow: 0 0 14px rgba(201,162,75,.45);
}
.prose a:not(.btn):focus-visible,
.card p a:not(.btn):focus-visible,
.info-card a:not(.btn):focus-visible,
.contact-card a:not(.btn):focus-visible,
.faq-a-inner a:not(.btn):focus-visible,
.two-col article a:not(.btn):focus-visible,
.cookie-text a:not(.btn):focus-visible{
  outline: 2px solid var(--c-accent-3);
  outline-offset: 3px;
  border-radius: 3px;
  background-size: 100% 5px;
}

/* Lede-içi jenerik linkler (örn. .lead içindeki) — aynı arabesque yaklaşım */
.lead a:not(.btn),
.section-head p a:not(.btn){
  color: var(--c-accent);
  font-weight: 600;
  text-decoration: none;
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 6' preserveAspectRatio='none' fill='none'><defs><linearGradient id='lnk2' x1='0' y1='0' x2='1' y2='0'><stop offset='0%25' stop-color='%238c1f2a'/><stop offset='50%25' stop-color='%23c9a24b'/><stop offset='100%25' stop-color='%238c1f2a'/></linearGradient></defs><path d='M0 3 Q 7.5 0, 15 3 T 30 3 T 45 3 T 60 3' stroke='url(%23lnk2)' stroke-width='1.2' stroke-linecap='round'/></svg>");
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0% 5px;
  padding-bottom: 4px;
  transition: color 280ms, background-size 620ms var(--ease-bloom), text-shadow 300ms;
}
.lead a:not(.btn):hover,
.section-head p a:not(.btn):hover{
  color: var(--c-accent-deep);
  background-size: 100% 5px;
  text-shadow: 0 0 14px rgba(201,162,75,.45);
}


/* ---------- BTN-LINK — arabeks ok + altın gezinme ---------- */
.btn-link{
  position: relative;
  padding-right: 1.6rem;
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 12' fill='none'><path d='M1 6 Q 7 1, 13 6 T 25 6' stroke='%238c1f2a' stroke-width='1.4' stroke-linecap='round'/><path d='M25 6 L20 3 M25 6 L20 9' stroke='%238c1f2a' stroke-width='1.4' stroke-linecap='round'/></svg>");
  background-repeat: no-repeat;
  background-position: right .15rem center;
  background-size: 18px 10px;
  transition: color 260ms, background-position 360ms var(--ease-bloom), background-image 220ms;
}
.btn-link:hover,
.btn-link:focus-visible{
  color: var(--c-accent-2);
  background-position: right 0 center;
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 12' fill='none'><path d='M1 6 Q 7 1, 13 6 T 25 6' stroke='%23b24a3a' stroke-width='1.4' stroke-linecap='round'/><path d='M25 6 L20 3 M25 6 L20 9' stroke='%23b24a3a' stroke-width='1.4' stroke-linecap='round'/></svg>");
}

/* ---------- FOOTER — yumuşak sıcak hover ---------- */
.site-footer a{
  text-decoration: none;
  color: var(--c-ink);
  position: relative;
  transition: color 240ms var(--ease-smooth), text-shadow 240ms var(--ease-smooth), letter-spacing 240ms var(--ease-smooth);
}
.site-footer a:hover{
  color: var(--c-accent);
  text-shadow: 0 0 10px rgba(232,187,93,.35);
}
.foot-legal button{
  transition: color 240ms, text-shadow 240ms;
}
.foot-legal button:hover{
  color: var(--c-accent-deep);
  text-shadow: 0 0 12px rgba(232,187,93,.5);
}

/* ---------- SITEMAP linkleri ---------- */
.sitemap-card ul li a{
  text-decoration: none;
  color: var(--c-ink);
  font-weight: 500;
  padding-bottom: 2px;
  background-image: linear-gradient(90deg, var(--c-accent), var(--c-accent-3));
  background-position: 0 100%;
  background-size: 0 1.5px;
  background-repeat: no-repeat;
  transition: color 240ms, background-size 420ms var(--ease-bloom);
}
.sitemap-card ul li a:hover{
  color: var(--c-accent-deep);
  background-size: 100% 1.5px;
}

/* ================================================================
   BAŞLIK ANIMASYONLARI — altın parıltı süpürmesi + fırça açılımı
   ================================================================ */

/* --- HERO H1 — yavaş, sürekli altın parıltı (background-clip:text) --- */
.hero h1,
.page-hero h1{
  background-image: linear-gradient(
    100deg,
    var(--c-ink) 0%,
    var(--c-ink) 40%,
    var(--c-accent-3) 48%,
    var(--kina-gold-soft) 50%,
    var(--c-accent-3) 52%,
    var(--c-ink) 60%,
    var(--c-ink) 100%);
  background-size: 300% 100%;
  background-repeat: no-repeat;
  background-position: 0% 0;
  color: var(--c-ink);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
          text-fill-color: transparent;
  animation: kinaGoldSweep 9s ease-in-out infinite;
  animation-delay: 1.2s;
}
.page-hero h1{
  animation-duration: 11s;
  animation-delay: .8s;
}

@keyframes kinaGoldSweep{
  0%, 15%   { background-position: 0% 0; }
  55%, 100% { background-position: 100% 0; }
}

/* --- SECTION-HEAD H2 — görünüme geldikten sonra fırça açılımı --- */
.section-head h2{
  background-image: linear-gradient(
    100deg,
    var(--c-ink) 0%,
    var(--c-ink) 42%,
    var(--c-accent-3) 48%,
    var(--kina-gold-soft) 50%,
    var(--c-accent-3) 52%,
    var(--c-ink) 58%,
    var(--c-ink) 100%);
  background-size: 300% 100%;
  background-repeat: no-repeat;
  background-position: 0% 0;
  color: var(--c-ink);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
          text-fill-color: transparent;
}
.section-head.is-visible h2{
  animation: kinaBrushOnce 1.8s var(--ease-smooth) 250ms 1 both;
}
@keyframes kinaBrushOnce{
  0%   { background-position: 0% 0; }
  100% { background-position: 100% 0; }
}

/* Arabeks ayraç — kaydırma ile sağa doğru "çizilir" */
.section-head::after{
  clip-path: inset(0 100% 0 0);
  transition: clip-path 1.2s var(--ease-smooth) 500ms;
}
.section-head.is-visible::after{
  clip-path: inset(0 0 0 0);
}

/* ---------- BUTON BASIM HALESİ (btn-primary active) ---------- */
.btn.btn-primary:active,
a.btn.btn-primary:active{
  transform: translateY(1px) scale(.985);
  box-shadow:
    0 0 0 6px rgba(245,217,139,.35),
    0 8px 20px rgba(140,31,42,.38),
    inset 0 1px 0 rgba(255,255,255,.22);
  transition: transform 80ms, box-shadow 260ms;
}
.btn.btn-strong:active{
  transform: translateY(1px) scale(.985);
  box-shadow:
    0 0 0 5px rgba(245,217,139,.3),
    0 6px 14px rgba(42,26,20,.4);
}
.btn.btn-ghost:active,
.btn.btn-secondary:active{
  transform: translateY(1px) scale(.99);
  box-shadow: 0 0 0 4px rgba(201,162,75,.22);
}

/* Form gönder butonu ziyadesiyle thematic focus ring */
.form .btn.btn-primary:focus-visible{
  box-shadow:
    0 0 0 3px #fff,
    0 0 0 6px var(--c-accent-3),
    0 8px 18px rgba(140,31,42,.35);
  outline: none;
}

/* ---------- HERO-CARD içi ol > linkler (eğer eklenirse) olumlu davransın ---------- */
.hero-card ol li a:not(.btn){
  color: var(--c-accent);
  text-decoration: none;
  font-weight: 600;
}

/* ---------- FAQ SORU başlığı — hover'da ince altın yayılım ---------- */
.faq-q{
  transition: background-color 240ms var(--ease-smooth), letter-spacing 240ms var(--ease-smooth), color 220ms;
}
.faq-q:hover{ color: var(--c-accent-deep); }

/* ---------- INPUT / TEXTAREA focus — altın halka yerine iki-katlı sıcak hare ---------- */
.form .field input:focus,
.form .field textarea:focus,
.form .field input:focus-visible,
.form .field textarea:focus-visible{
  border-color: var(--c-accent);
  box-shadow:
    0 0 0 1px var(--c-accent),
    0 0 0 4px rgba(201,162,75,.22),
    0 0 18px rgba(232,187,93,.18);
}

/* ---------- HAMBURGER icon aktifken hafif titreme ---------- */
.nav-toggle[aria-expanded="true"]{
  animation: kinaHennaBloom 340ms var(--ease-bloom);
}

/* ---------- SKIP-LINK — kına vurgusu ---------- */
.skip-link{
  background: linear-gradient(180deg, var(--c-ink) 0%, var(--c-accent-deep) 100%);
  box-shadow: 0 4px 14px rgba(140,31,42,.3);
}

/* ================================================================
   Reduced motion — yeni animasyonları durdur
   ================================================================ */
@media (prefers-reduced-motion: reduce){
  .brand-mark,
  .hero::after,
  .hero-card::before,
  .price.highlight::before,
  .price.highlight::after,
  .cta-band .cta-inner::before,
  .selector-form input[type="radio"]:checked,
  .selector-form input[type="checkbox"]:checked,
  .field.check input[type="checkbox"]:checked,
  .timeline li:hover::after,
  .eyebrow,
  .hero h1,
  .page-hero h1,
  .section-head.is-visible h2,
  .nav-toggle[aria-expanded="true"]{
    animation: none !important;
  }
  .hero::after{ opacity: .5 !important; }
  .hero h1,
  .page-hero h1,
  .section-head h2{
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
    color: var(--c-ink) !important;
  }
  .section-head::after{
    clip-path: inset(0 0 0 0) !important;
    transition: none !important;
  }
}

/* ================================================================
   ★ KINA TEMATİK KATMAN v3 — Premium hareketli doku ★
   Gül yaprağı yağmuru • Mum alevi • Arabeks mandala • 3D tilt
   Manyetik CTA • Köpük (hamam) • Timeline kandil izi
   Kına mürekkebi damlası • Altın kıvılcım izi • Fiyat parıltısı
   ================================================================ */

:root{
  --kina-copper: #b37651;
  --kina-ember:  #ff8a3d;
  --kina-wax:    #f5e6c6;
}

/* --- 1. HERO — gül yaprağı yağmuru (bordo, altın, bakır) --- */
.kina-petals{
  position: absolute; inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 0;
}
.petal{
  position: absolute; top: -8%;
  width: 16px; height: 16px;
  opacity: 0;
  will-change: transform, opacity;
  border-radius: 0 100% 0 100%;
  background:
    radial-gradient(120% 90% at 28% 28%,
      #c13246 0%, #8c1f2a 55%, #4b0f16 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 2px 5px rgba(70,15,22,.28);
  filter: drop-shadow(0 2px 4px rgba(140,31,42,.22));
  animation: kinaPetalFall var(--dur, 14s) linear var(--delay, 0s) infinite;
}
.petal.gold{
  background:
    radial-gradient(120% 90% at 28% 28%,
      #faecb8 0%, #c9a24b 55%, #8c6a1e 100%);
}
.petal.copper{
  background:
    radial-gradient(120% 90% at 28% 28%,
      #eebb95 0%, #b37651 55%, #6b3f28 100%);
}
.petal.tiny{ width: 10px; height: 10px; }
.petal.big { width: 22px; height: 22px; }
@keyframes kinaPetalFall{
  0%   { transform: translate3d(0,-12vh,0) rotate(0deg); opacity: 0; }
  6%   { opacity: var(--peak, .85); }
  96%  { opacity: var(--peak, .85); }
  100% { transform: translate3d(var(--drift, 40px), 118vh, 0) rotate(var(--spin, 900deg)); opacity: 0; }
}

/* --- 2. HERO-CARD — mum & kandil alevi --- */
.hero-card .kandil{
  position: absolute;
  top: 14px; right: 18px;
  width: 28px; height: 46px;
  pointer-events: none;
  z-index: 2;
}
.hero-card .kandil .stick{
  position: absolute; left: 50%; bottom: 0;
  transform: translateX(-50%);
  width: 9px; height: 16px;
  background: linear-gradient(180deg, var(--kina-wax), #c9a24b);
  border-radius: 2px 2px 3px 3px;
  box-shadow: inset -2px 0 0 rgba(0,0,0,.12), inset 0 -2px 0 rgba(0,0,0,.18);
}
.hero-card .kandil .wick{
  position: absolute; left: 50%; bottom: 14px;
  transform: translateX(-50%);
  width: 1.5px; height: 4px;
  background: #2a1a14;
}
.hero-card .kandil .flame{
  position: absolute; left: 50%; bottom: 14px;
  transform: translateX(-50%) scale(1,1);
  transform-origin: 50% 100%;
  width: 12px; height: 20px;
  background: radial-gradient(55% 80% at 50% 78%,
    #fff 0%, #ffd87a 32%, var(--kina-ember) 65%, rgba(140,31,42,0) 100%);
  border-radius: 50% 50% 45% 45% / 68% 68% 32% 32%;
  filter: blur(.4px);
  mix-blend-mode: screen;
  animation: kinaFlameFlick 1.6s ease-in-out infinite;
}
.hero-card .kandil .halo{
  position: absolute; left: 50%; bottom: 10px;
  transform: translateX(-50%);
  width: 64px; height: 64px;
  border-radius: 50%;
  background: radial-gradient(closest-side,
    rgba(255,196,96,.38) 0%,
    rgba(255,138,61,.18) 45%,
    transparent 72%);
  filter: blur(1.2px);
  mix-blend-mode: screen;
  animation: kinaHaloBreathe 3.4s ease-in-out infinite;
}
@keyframes kinaFlameFlick{
  0%,100% { transform: translateX(-50%) scale(1, 1)   skewX(0); }
  28%     { transform: translateX(-52%) scale(1.04, .94) skewX(4deg); }
  52%     { transform: translateX(-48%) scale(.96, 1.06) skewX(-4deg); }
  76%     { transform: translateX(-51%) scale(1.02, .97) skewX(2deg); }
}
@keyframes kinaHaloBreathe{
  0%,100% { opacity: .8; transform: translateX(-50%) scale(1); }
  50%     { opacity: 1;  transform: translateX(-50%) scale(1.14); }
}

/* --- 3. SECTION-ALT — dönen arabeks mandala arka plan --- */
.section-alt::after{
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 920px; height: 920px;
  transform: translate(-50%, -50%) rotate(0deg);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none' stroke='%238c1f2a' stroke-width='.55'><g opacity='.9'><circle cx='200' cy='200' r='52'/><circle cx='200' cy='200' r='96'/><circle cx='200' cy='200' r='140'/><circle cx='200' cy='200' r='184'/><g><path d='M200 40 Q214 94 258 116 Q214 138 200 192 Q186 138 142 116 Q186 94 200 40Z'/></g><g transform='rotate(30 200 200)'><path d='M200 40 Q214 94 258 116 Q214 138 200 192 Q186 138 142 116 Q186 94 200 40Z'/></g><g transform='rotate(60 200 200)'><path d='M200 40 Q214 94 258 116 Q214 138 200 192 Q186 138 142 116 Q186 94 200 40Z'/></g><g transform='rotate(90 200 200)'><path d='M200 40 Q214 94 258 116 Q214 138 200 192 Q186 138 142 116 Q186 94 200 40Z'/></g><g transform='rotate(120 200 200)'><path d='M200 40 Q214 94 258 116 Q214 138 200 192 Q186 138 142 116 Q186 94 200 40Z'/></g><g transform='rotate(150 200 200)'><path d='M200 40 Q214 94 258 116 Q214 138 200 192 Q186 138 142 116 Q186 94 200 40Z'/></g><g stroke='%23c9a24b' stroke-width='.42'><circle cx='200' cy='200' r='28'/><circle cx='200' cy='200' r='72'/><circle cx='200' cy='200' r='118'/><circle cx='200' cy='200' r='162'/></g></g></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: .16;
  pointer-events: none;
  z-index: 0;
  animation: kinaMandalaSpin 140s linear infinite;
  mix-blend-mode: multiply;
}
@keyframes kinaMandalaSpin{
  to { transform: translate(-50%, -50%) rotate(360deg); }
}

/* --- 4. KART 3D TİLT + altın ribbon imleç takibi --- */
.card, .concept, .price, .hero-card, .info-card, .contact-card, .sitemap-card{
  transform-style: preserve-3d;
  perspective: 1000px;
}
.kina-shine{
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  overflow: hidden;
  z-index: 2;
  opacity: 0;
  transition: opacity 420ms var(--ease-smooth);
}
[data-tilt]:hover > .kina-shine,
[data-tilt].is-tilting > .kina-shine{ opacity: 1; }
.kina-shine::before{
  content: "";
  position: absolute;
  top: var(--py, 50%);
  left: var(--px, 50%);
  width: 420px; height: 420px;
  transform: translate(-50%, -50%);
  background: radial-gradient(closest-side,
    rgba(245,217,139,.38) 0%,
    rgba(201,162,75,.18) 38%,
    rgba(140,31,42,.06) 58%,
    transparent 72%);
  mix-blend-mode: soft-light;
  transition: top 120ms linear, left 120ms linear;
}
/* Metin ögelerini tilt shine üstünde tut */
[data-tilt] > :not(.kina-shine){
  position: relative;
  z-index: 3;
}
/* Var olan .card > *, .concept > * içeriğini tilt üstünde tut */
.card, .concept, .price, .hero-card, .info-card, .contact-card, .sitemap-card{
  transition: transform 260ms var(--ease-smooth), box-shadow 320ms var(--ease-smooth);
}
[data-tilt].is-tilting{
  transition: transform 80ms linear, box-shadow 260ms var(--ease-smooth);
  z-index: 1;
}

/* --- 5. Manyetik CTA (btn-primary) --- */
.btn.btn-primary[data-magnetic],
a.btn.btn-primary[data-magnetic]{
  transition:
    transform 520ms var(--ease-warm),
    box-shadow 260ms var(--ease-smooth),
    color 220ms var(--ease-smooth);
  will-change: transform;
}

/* --- 6. KÖPÜK KABARCIKLARI — gelin hamamı kartı --- */
.bubble-host{ position: relative; overflow: hidden; }
.bubble{
  position: absolute;
  bottom: -24px;
  left: var(--lx, 50%);
  width: var(--bs, 14px);
  height: var(--bs, 14px);
  border-radius: 50%;
  background:
    radial-gradient(circle at 32% 30%, rgba(255,255,255,.92), rgba(255,255,255,.08) 55%, transparent 70%),
    radial-gradient(circle at 68% 72%, rgba(201,162,75,.32), transparent 62%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.5), 0 2px 8px rgba(201,162,75,.18);
  opacity: 0;
  pointer-events: none;
  animation: kinaBubbleRise var(--dur, 5.5s) ease-in-out var(--delay, 0s) infinite;
  filter: saturate(1.2);
  z-index: 0;
}
@keyframes kinaBubbleRise{
  0%   { transform: translate3d(0, 0, 0) scale(.5); opacity: 0; }
  12%  { opacity: .78; }
  50%  { transform: translate3d(var(--drift, 12px), -70%, 0) scale(1); }
  90%  { opacity: .55; }
  100% { transform: translate3d(calc(var(--drift, 12px) * 2), -160%, 0) scale(.8); opacity: 0; }
}
.bubble-host > *:not(.bubble){ position: relative; z-index: 1; }

/* --- 7. TIMELINE — kandil izi (dikey kolonda) --- */
.timeline{ position: relative; }
.timeline::before{
  content: "";
  position: absolute;
  left: 1.9rem; top: 1.8rem; bottom: 1.8rem;
  width: 2px;
  background: linear-gradient(180deg,
    rgba(201,162,75,0) 0%,
    rgba(201,162,75,.55) 10%,
    rgba(140,31,42,.6) 50%,
    rgba(201,162,75,.55) 90%,
    rgba(201,162,75,0) 100%);
  border-radius: 2px;
  filter: drop-shadow(0 0 8px rgba(245,217,139,.45));
  pointer-events: none;
  opacity: 0;
  transform: scaleY(.18);
  transform-origin: top;
  transition: opacity 700ms var(--ease-smooth), transform 1200ms var(--ease-smooth);
  z-index: 0;
}
.timeline.is-lit::before{ opacity: .85; transform: scaleY(1); }
.timeline li{ position: relative; overflow: hidden; z-index: 1; }
.timeline li::after{
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(180px 120px at 14% 18%,
    rgba(245,217,139,.22) 0%, transparent 72%);
  opacity: 0;
  transition: opacity 420ms var(--ease-smooth);
  pointer-events: none;
}
.timeline li:hover::after{ opacity: 1; }

/* --- 8. SECTION-HEAD — kına mürekkebi damlası (arka plan damla) --- */
.section-head{ position: relative; }
.section-head .kina-ink{
  position: absolute;
  left: 50%; top: 48%;
  width: 280px; height: 280px;
  transform: translate(-50%, -55%) scale(.35);
  opacity: 0;
  pointer-events: none;
  z-index: 0;
  transition:
    transform 1500ms var(--ease-bloom) 180ms,
    opacity 900ms var(--ease-smooth) 180ms;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='%238c1f2a'><path d='M100 12 C131 30 168 42 178 82 C188 120 162 156 125 172 C102 182 76 188 55 174 C26 156 14 118 27 82 C40 48 70 30 100 12 Z M60 90 C72 72 90 72 100 85 C110 98 108 114 96 120 C82 128 64 116 60 90 Z'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  mix-blend-mode: multiply;
  filter: blur(.6px);
}
.section-head.is-inked .kina-ink{
  transform: translate(-50%, -55%) scale(1);
  opacity: .13;
}
.section-head > *:not(.kina-ink){ position: relative; z-index: 1; }

/* --- 9. FİYAT vurgulu kart — sürekli altın parıltı (ayrı eleman ile) --- */
.price.highlight{ position: relative; }
.price.highlight .kina-gleam{
  position: absolute; inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(110deg,
    transparent 0%,
    transparent 40%,
    rgba(245,217,139,.32) 48%,
    rgba(255,255,255,.45) 50%,
    rgba(245,217,139,.32) 52%,
    transparent 60%,
    transparent 100%);
  background-size: 260% 100%;
  background-position: 160% 0;
  animation: kinaGleamLoop 5.8s ease-in-out infinite;
  mix-blend-mode: screen;
  z-index: 1;
}
@keyframes kinaGleamLoop{
  0%   { background-position: 160% 0; }
  45%  { background-position: -60% 0; }
  100% { background-position: -60% 0; }
}
.price.highlight > *:not(.kina-gleam){ position: relative; z-index: 2; }

/* --- 10. İMLEÇ ALTIN KIVILCIM İZİ --- */
.kina-spark{
  position: fixed;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: radial-gradient(circle,
    rgba(255,246,220,.95) 0%,
    rgba(245,217,139,.7) 35%,
    rgba(201,162,75,.0) 72%);
  pointer-events: none;
  z-index: 9998;
  mix-blend-mode: screen;
  filter: blur(.4px);
  opacity: 0;
  transform: translate(-50%, -50%);
  animation: kinaSparkFade 900ms ease-out forwards;
}
@keyframes kinaSparkFade{
  0%   { opacity: .95; transform: translate(-50%, -50%) scale(1); }
  70%  { opacity: .5; }
  100% { opacity: 0;   transform: translate(-50%, -110%) scale(.15); }
}

/* --- 11. HERO ÜZERİNDEKİ ÇEKİRGE AYRACI — başlık altına ince altın "hüsn-ü hat" ayracı --- */
.hero h1{ position: relative; }
.hero h1::after{
  content: "";
  display: block;
  margin: .65rem 0 0;
  width: 168px; height: 10px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 10' fill='none'><path d='M2 5 Q 14 0, 26 5 T 50 5 T 74 5 T 98 5 T 122 5 T 146 5 T 178 5' stroke='url(%23g)' stroke-width='1.4' stroke-linecap='round'/><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='0'><stop offset='0%25' stop-color='%238c1f2a'/><stop offset='50%25' stop-color='%23f5d98b'/><stop offset='100%25' stop-color='%238c1f2a'/></linearGradient></defs></svg>");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 0 50%;
  clip-path: inset(0 100% 0 0);
  transform: translateY(4px);
  opacity: 0;
  transition: clip-path 1.6s var(--ease-smooth) 800ms, opacity 600ms 800ms;
}
body.is-loaded .hero h1::after{
  clip-path: inset(0 0 0 0);
  opacity: 1;
}

/* --- 12. CTA-BAND — altın parlaklık bantı döndürme --- */
.cta-band{ position: relative; overflow: hidden; }
.cta-band::after{
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 160%; aspect-ratio: 1 / 1;
  transform: translate(-50%, -50%);
  background: conic-gradient(from 0deg,
    transparent 0deg,
    rgba(245,217,139,.0) 30deg,
    rgba(245,217,139,.18) 55deg,
    rgba(245,217,139,.0) 80deg,
    transparent 180deg,
    rgba(140,31,42,.0) 220deg,
    rgba(140,31,42,.16) 240deg,
    rgba(140,31,42,.0) 260deg,
    transparent 360deg);
  pointer-events: none;
  animation: kinaCtaSheen 18s linear infinite;
  z-index: 0;
  mix-blend-mode: screen;
  opacity: .9;
}
.cta-band .container{ position: relative; z-index: 1; }
@keyframes kinaCtaSheen{
  to { transform: translate(-50%, -50%) rotate(360deg); }
}

/* --- 13. NAV LINK — altı çizili hover altın kemer kıvrımı --- */
.main-nav a:not(.btn){
  background-image: linear-gradient(90deg, var(--c-accent-3), var(--c-accent), var(--c-accent-3));
  background-size: 0 2px;
  background-position: 50% calc(100% - 6px);
  background-repeat: no-repeat;
  transition:
    color 220ms var(--ease-smooth),
    background-color 220ms var(--ease-smooth),
    background-size 380ms var(--ease-bloom);
}
.main-nav a:not(.btn):hover{ background-size: 72% 2px; }
.main-nav a:not(.btn).is-active,
.main-nav a:not(.btn)[aria-current="page"]{
  background-size: 72% 2px;
}

/* --- 14. BRAND — yaklaşınca altın halka pulse (ek) --- */
.brand:hover .brand-mark{
  box-shadow:
    inset 0 0 0 2px #fff,
    0 0 0 1px var(--c-accent-3),
    0 0 0 6px rgba(201,162,75,.18),
    0 0 24px rgba(245,217,139,.45);
}

/* --- 15. FAQ SORU — açıldığında hafif altın nabız --- */
.faq-item.is-open{
  animation: kinaFaqPulse 1100ms var(--ease-bloom);
}
@keyframes kinaFaqPulse{
  0%   { box-shadow: 0 0 0 0 rgba(201,162,75,.45), var(--shadow-sm); }
  55%  { box-shadow: 0 0 0 10px rgba(201,162,75,0), 0 10px 22px rgba(140,31,42,.14); }
  100% { box-shadow: 0 0 0 3px rgba(201,162,75,.14), var(--shadow-sm); }
}

/* --- 16. REDUCED MOTION — yeni katmanları durdur --- */
@media (prefers-reduced-motion: reduce){
  .petal,
  .bubble,
  .kina-spark,
  .hero-card .kandil .flame,
  .hero-card .kandil .halo,
  .section-alt::after,
  .cta-band::after,
  .price.highlight .kina-gleam,
  .hero h1::after,
  .timeline.is-lit::before,
  .faq-item.is-open{
    animation: none !important;
  }
  .kina-petals, .kina-spark, .bubble, .hero-card .kandil{ display: none !important; }
  .section-alt::after{ opacity: .08 !important; }
  .section-head .kina-ink{ display: none !important; }
  [data-tilt]{ transform: none !important; }
  .kina-shine{ display: none !important; }
  .cta-band::after{ opacity: .22 !important; }
  .hero h1::after{ clip-path: inset(0 0 0 0) !important; opacity: 1 !important; transition: none !important; }
}

/* --- 17. Küçük ekran uyumu: mandala ve yaprak boyutu --- */
@media (max-width: 720px){
  .section-alt::after{ width: 620px; height: 620px; opacity: .11; }
  .petal{ transform: scale(.85); }
  .hero-card .kandil{ top: 10px; right: 10px; width: 22px; height: 36px; }
  .hero-card .kandil .stick{ width: 7px; height: 12px; }
  .hero-card .kandil .flame{ width: 10px; height: 16px; bottom: 10px; }
  .hero-card .kandil .halo{ width: 48px; height: 48px; }
}