:root {
  --ink: #1d1b18;
  --ink-2: #2b2823;
  --gri: #6a645b;
  --kagit: #f5f0e7;
  --kagit-2: #ece4d6;
  --beyaz: #fff;
  --kraft: #c39a68;
  --kraft-2: #a47a4b;
  --kraft-3: #7d5a33;
  --yesil: #80cc28;
  --yesil-k: #4c8a10;
  --yesil-a: #e8f5d6;
  --cizgi: rgba(29, 27, 24, .12);
  --golge: 0 1px 2px rgba(29,27,24,.06), 0 12px 32px -12px rgba(29,27,24,.22);
  --golge-b: 0 2px 4px rgba(29,27,24,.06), 0 28px 60px -20px rgba(29,27,24,.35);
  --r: 14px;
  --kap: 1240px;
  --ust-h: 76px;
  --f-b: "Archivo", "Inter", system-ui, sans-serif;
  --f-m: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-k: "JetBrains Mono", ui-monospace, monospace;
  --ease: cubic-bezier(.22, .61, .36, 1);
}
[dir="rtl"] { --f-b: "IBM Plex Sans Arabic", "Archivo", sans-serif; --f-m: "IBM Plex Sans Arabic", "Inter", sans-serif; }

*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--ust-h) + 12px); }
body { margin: 0; background: var(--kagit); color: var(--ink); font: 400 17px/1.65 var(--f-m); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
img, svg { display: block; max-width: 100%; }
picture { display: contents; }
a { color: inherit; }
h1, h2, h3, h4 { font-family: var(--f-b); font-stretch: 108%; font-weight: 750; line-height: 1.08; letter-spacing: -.01em; margin: 0 0 .5em; text-wrap: balance; }
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4 { font-weight: 700; letter-spacing: 0; line-height: 1.3; }
h1 { font-size: clamp(2.2rem, 1.4rem + 3.4vw, 4.4rem); }
h2 { font-size: clamp(1.8rem, 1.3rem + 2vw, 3rem); }
h3 { font-size: clamp(1.15rem, 1rem + .5vw, 1.4rem); }
p { margin: 0 0 1em; }
.kap { width: 100%; max-width: var(--kap); margin-inline: auto; padding-inline: 16px; }
@media (min-width: 700px) { .kap { padding-inline: 28px; } }
.gorunmez { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.atla { position: absolute; inset-inline-start: 12px; top: -60px; z-index: 200; background: var(--ink); color: #fff; padding: 10px 16px; border-radius: 8px; }
.atla:focus { top: 12px; }
:focus-visible { outline: 3px solid var(--yesil); outline-offset: 3px; }
.ico { width: 22px; height: 22px; flex: none; }
[dir="rtl"] .ico-yon, [dir="rtl"] .dug .ico:last-child:not(:first-child), [dir="rtl"] .kart-ok .ico { transform: scaleX(-1); }

.dug { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 22px; border-radius: 999px; font: 650 15px/1 var(--f-m);
  text-decoration: none; border: 1.5px solid transparent; cursor: pointer; transition: transform .25s var(--ease), background-color .25s, color .25s, box-shadow .25s; }
.dug:hover { transform: translateY(-2px); }
.dug .ico { width: 20px; height: 20px; transition: transform .3s var(--ease); }
.dug:hover .ico:last-child:not(:first-child) { transform: translateX(4px); }
[dir="rtl"] .dug:hover .ico:last-child:not(:first-child) { transform: scaleX(-1) translateX(4px); }
.dug--yesil { background: var(--yesil); color: var(--ink); box-shadow: 0 10px 24px -12px rgba(76,138,16,.7); }
.dug--yesil:hover { background: #8fd93a; }
.dug--koyu { background: var(--ink); color: #fff; }
.dug--koyu:hover { background: #000; }
.dug--cam { background: rgba(255,255,255,.12); color: #fff; border-color: rgba(255,255,255,.4); backdrop-filter: blur(6px); }
.dug--cam:hover { background: rgba(255,255,255,.22); }
.dug--cizgi { background: transparent; color: var(--ink); border-color: var(--ink); }
.dug--cizgi:hover { background: var(--ink); color: #fff; }
.ust-etiket { display: inline-flex; align-items: center; gap: 10px; font: 650 13px/1 var(--f-m); letter-spacing: .14em; text-transform: uppercase; color: var(--yesil-k); margin: 0 0 16px; }
[dir="rtl"] .ust-etiket { letter-spacing: 0; font-size: 15px; }
.ust-etiket::before { content: ""; width: 26px; height: 8px; flex: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 8'%3E%3Cpath d='M1 4c2-4 4-4 6 0s4 4 6 0 4-4 6 0 4 4 6 0' fill='none' stroke='%2380cc28' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat; }
.bolum { padding-block: clamp(64px, 8vw, 120px); position: relative; }
.bolum-bas { max-width: 760px; margin-bottom: clamp(32px, 4vw, 56px); }
.bolum-bas > p:last-child { color: var(--gri); font-size: 1.08rem; }
.bolum-bas--acik > p:last-child { color: rgba(255,255,255,.78); }
.koyu { background: var(--ink); color: #fff; isolation: isolate; }
.bolum-zemin { position: absolute; inset: 0; z-index: -2; overflow: hidden; }
.bolum-zemin img, .sayfa-bas-zemin img { position: absolute; inset-inline: 0; top: -12%; width: 100%; height: 124%; object-fit: cover; translate: 0 var(--py, 0px); }
.koyu::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(20,18,15,.88), rgba(20,18,15,.78)); }
.cipler { display: flex; flex-wrap: wrap; gap: 8px; }
.cip { position: relative; display: inline-flex; }
.cip input { position: absolute; opacity: 0; inset: 0; cursor: pointer; }
.cip span, button.cip { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border-radius: 999px; border: 1.5px solid var(--cizgi); background: #fff;
  font: 650 14px/1 var(--f-k); color: var(--ink); cursor: pointer; transition: background-color .2s, border-color .2s, color .2s, transform .2s; }
button.cip:hover, .cip:hover span { border-color: var(--ink); }
.cip input:checked + span, button.cip.is-on { background: var(--ink); border-color: var(--ink); color: var(--yesil); }
.cip input:focus-visible + span { outline: 3px solid var(--yesil); outline-offset: 2px; }

.js .bel { opacity: 0; translate: 0 26px;
  transition: opacity .7s var(--ease), translate .8s var(--ease), transform .4s var(--ease), box-shadow .4s, border-color .3s, background-color .3s;
  transition-delay: calc(var(--i, 0) * .28s), calc(var(--i, 0) * .28s), 0s, 0s, 0s, 0s; }
.js .bel.is-gorundu { opacity: 1; translate: 0 0; }
.js .bel.is-bitti { transition-delay: 0s; }

.ust { position: sticky; top: 0; z-index: 100; height: var(--ust-h); background: rgba(245,240,231,.94); backdrop-filter: saturate(1.3) blur(12px);
  border-bottom: 1px solid transparent; transition: border-color .3s, box-shadow .3s, background-color .3s; }
.ust.is-kaydi { border-color: var(--cizgi); box-shadow: 0 10px 30px -22px rgba(29,27,24,.5); background: rgba(245,240,231,.98); }
.ust-ic { height: 100%; display: flex; align-items: center; gap: 20px; }
.marka { position: relative; z-index: 2; flex: none; display: block; }
.marka-logo { --lg-yon: 1; height: 58px; width: auto; overflow: visible; }
[dir="rtl"] .marka-logo { --lg-yon: -1; }
.gez { margin-inline-start: auto; }
.gez > ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 4px; }
.gez > ul > li { position: relative; }
.gez > ul > li > a { display: inline-flex; align-items: center; gap: 6px; height: 44px; padding: 0 14px; border-radius: 999px; font: 600 15px/1 var(--f-m);
  text-decoration: none; color: var(--ink-2); transition: background-color .2s, color .2s; }
.gez > ul > li > a:hover, .gez-acilir:focus-within > a { background: rgba(29,27,24,.06); }
.gez > ul > li > a.is-active { color: var(--ink); box-shadow: inset 0 -2px 0 var(--yesil); border-radius: 6px; }
.ok { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.8; transition: transform .25s; }
.gez-acilir:hover .ok, .gez-acilir:focus-within .ok { transform: rotate(180deg); }
.gez-alt { list-style: none; margin: 0; padding: 8px; position: absolute; top: calc(100% + 18px); inset-inline-start: -8px; min-width: 250px;
  background: #fff; border-radius: 14px; box-shadow: var(--golge-b); border-bottom: 3px solid var(--yesil);
  opacity: 0; visibility: hidden; translate: 0 -8px; transition: opacity .25s, translate .3s var(--ease), visibility 0s .3s; }
.gez-alt::before { content: ""; position: absolute; inset-inline: 0; top: -20px; height: 20px; }
.gez-acilir:hover .gez-alt, .gez-acilir:focus-within .gez-alt { opacity: 1; visibility: visible; translate: 0 0; transition-delay: 0s; }
.gez-alt a { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 10px; text-decoration: none; font: 600 15px/1.2 var(--f-m); transition: background-color .2s, padding .25s var(--ease); }
.gez-alt a .ico { color: var(--kraft-2); transition: color .2s, transform .3s var(--ease); }
.gez-alt a:hover, .gez-alt a.is-active { background: var(--kagit); padding-inline-start: 18px; }
.gez-alt a:hover .ico, .gez-alt a.is-active .ico { color: var(--yesil-k); transform: rotate(-8deg) scale(1.08); }
.dil { display: flex; gap: 2px; padding: 3px; border-radius: 999px; background: rgba(29,27,24,.06); }
.dil a { min-width: 36px; height: 32px; display: grid; place-items: center; border-radius: 999px; font: 700 12.5px/1 var(--f-m); text-decoration: none; color: var(--gri); transition: background-color .2s, color .2s; }
.dil a:hover { color: var(--ink); }
.dil a.is-on { background: var(--yesil); color: var(--ink); }
.ust-teklif { min-height: 44px; padding: 0 18px; font-size: 14.5px; }
.ara-dug { width: 44px; height: 44px; flex: none; display: grid; place-items: center; border-radius: 50%; color: var(--ink); text-decoration: none; transition: background-color .2s, transform .3s var(--ease); }
.ara-dug:hover { background: rgba(29,27,24,.06); transform: rotate(-8deg); }
.ara-dug .ico { width: 21px; height: 21px; }
.menu-dug { display: none; width: 46px; height: 46px; border-radius: 12px; border: 1.5px solid var(--cizgi); background: #fff; color: var(--ink); place-items: center; cursor: pointer; }
.menu-dug .ico:last-child { display: none; }
.gez-mobil { display: none; }
@media (max-width: 1080px) {
  .gez, .ust-teklif { display: none; }
  .menu-dug { display: grid; }
  .ara-dug { margin-inline-start: auto; }
  .marka-logo { height: 48px; }
  .menu-acik .menu-dug .ico:first-of-type { display: none; }
  .menu-acik .menu-dug .ico:last-child { display: block; animation: don .35s var(--ease); }
  .gez-mobil { display: block; position: absolute; inset-inline: 12px; top: calc(var(--ust-h) - 6px); background: #fff; border-radius: 0 0 22px 22px;
    padding: 10px 14px 18px; box-shadow: inset 0 -3px 0 var(--yesil), var(--golge-b);
    opacity: 0; translate: 0 -10px; pointer-events: none; transition: opacity .25s, translate .35s var(--ease); }
  .menu-acik .gez-mobil { opacity: 1; translate: 0 0; pointer-events: auto; }
  .gez-mobil ul { list-style: none; margin: 0; padding: 0; }
  .gez-mobil li { opacity: 0; translate: 16px 0; transition: opacity .3s, translate .35s var(--ease); transition-delay: calc(var(--i) * .05s); }
  [dir="rtl"] .gez-mobil li { translate: -16px 0; }
  .menu-acik .gez-mobil li { opacity: 1; translate: 0 0; }
  .gez-mobil a { display: flex; align-items: center; justify-content: space-between; min-height: 52px; padding: 0 12px; border-radius: 12px; text-decoration: none; font: 650 17px/1 var(--f-m); }
  .gez-mobil a.is-active { background: var(--yesil-a); color: var(--yesil-k); }
  [dir="rtl"] .gez-mobil a .ico { transform: scaleX(-1); }
  .gez-mobil .gez-mobil-teklif { margin-top: 12px; width: 100%; justify-content: center; gap: 10px; font-size: 16px; }
}
@keyframes don { from { transform: rotate(-90deg); } to { transform: none; } }
@media (max-width: 560px) { .ust-ic { gap: 8px; } .dil a { min-width: 32px; } }

.kahraman { position: relative; height: clamp(560px, 56.25vw, calc(100svh - var(--ust-h))); background: var(--ink); overflow: hidden; isolation: isolate; color: #fff; touch-action: pan-y; user-select: none; }
.kare { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity 1s var(--ease), visibility 0s 1s; }
.kare.is-on { opacity: 1; visibility: visible; transition: opacity 1s var(--ease); }
.kare-foto { position: absolute; inset: 0; overflow: hidden; }
.kare-foto img { width: 100%; height: 100%; object-fit: cover; object-position: var(--odak); transform: scale(1); }
.kahraman.hazir .kare.is-on .kare-foto img { animation: yakin 9s linear forwards; }
@keyframes yakin { from { transform: scale(1); } to { transform: scale(1.07); } }
.kare::after { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(ellipse 90% 105% at 0% 100%, rgba(18,16,13,.9) 0%, rgba(18,16,13,.72) 42%, rgba(18,16,13,0) 80%), linear-gradient(0deg, rgba(18,16,13,.4), rgba(18,16,13,0) 30%); }
[dir="rtl"] .kare::after { background: radial-gradient(ellipse 90% 105% at 100% 100%, rgba(18,16,13,.9) 0%, rgba(18,16,13,.72) 42%, rgba(18,16,13,0) 80%), linear-gradient(0deg, rgba(18,16,13,.4), rgba(18,16,13,0) 30%); }
.kare-yazi { position: absolute; inset-inline: 0; bottom: clamp(96px, 12vw, 150px); z-index: 2; }
.kare-yazi > * { max-width: 660px; }
.kare-yazi .ust-etiket { color: var(--yesil); }
.kare-yazi h1, .kare-yazi h2 { font-size: clamp(2.2rem, 1.3rem + 3.6vw, 4.6rem); font-stretch: 112%; margin-bottom: 18px; }
.kare-yazi p { font-size: clamp(1rem, .95rem + .3vw, 1.2rem); color: rgba(255,255,255,.86); max-width: 540px; }
.kare-dug { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.js .kare-yazi > * { opacity: 0; translate: 0 22px; }
.js .kahraman.hazir .kare.is-on .kare-yazi > * { opacity: 1; translate: 0 0; transition: opacity .8s var(--ease), translate .9s var(--ease); }
.js .kahraman.hazir .kare.is-on .kare-yazi > :nth-child(2) { transition-delay: .12s; }
.js .kahraman.hazir .kare.is-on .kare-yazi > :nth-child(3) { transition-delay: .24s; }
.js .kahraman.hazir .kare.is-on .kare-yazi > :nth-child(4) { transition-delay: .36s; }
.kahraman-alt { position: absolute; inset-inline: 0; bottom: 28px; z-index: 3; display: flex; align-items: center; gap: 18px; }
.gosterge { display: flex; gap: 14px; flex: 1; }
.gosterge-dug { display: flex; flex-direction: column; gap: 6px; background: none; border: 0; padding: 4px 0; color: rgba(255,255,255,.7); cursor: pointer; font: 600 12.5px/1.2 var(--f-m); text-align: start; flex: 1; max-width: 170px; }
.gosterge-dug svg { width: 100%; height: 14px; overflow: visible; }
.gosterge-dug path { fill: none; stroke-width: 2.2; stroke-linecap: round; }
.g-iz { stroke: rgba(255,255,255,.3); }
.g-dol { stroke: var(--yesil); stroke-dasharray: 100; stroke-dashoffset: 100; }
.gosterge-dug.is-gecti .g-dol { stroke-dashoffset: 0; }
.kahraman.hazir .gosterge-dug.is-on .g-dol { animation: dalgaDol 7s linear forwards; }
.kahraman.durdu .gosterge-dug.is-on .g-dol, .kahraman.durdu .kare.is-on .kare-foto img { animation-play-state: paused; }
.gosterge-dug.is-on { color: #fff; }
@keyframes dalgaDol { from { stroke-dashoffset: 100; } to { stroke-dashoffset: 0; } }
.dur-dug { width: 44px; height: 44px; border-radius: 50%; border: 1.5px solid rgba(255,255,255,.45); background: rgba(255,255,255,.08); color: #fff; display: grid; place-items: center; cursor: pointer; backdrop-filter: blur(6px); }
.dur-dug .ico { width: 18px; height: 18px; }
.dur-dug .ico:last-child, .kahraman.durdu .dur-dug .ico:first-child { display: none; }
.kahraman.durdu .dur-dug .ico:last-child { display: block; }
@media (max-width: 760px) {
  .kahraman { height: auto; min-height: 0; }
  .kare { position: relative; display: none; }
  .kare.is-on { display: block; }
  .kare-foto { position: relative; height: 46svh; }
  .kare-foto img { object-position: var(--odakM); }
  .kare::after { display: none; }
  .kare-yazi { position: relative; bottom: auto; padding-block: 26px 92px; background: var(--ink); }
  .gosterge-dug span { display: none; }
  .kahraman-alt { bottom: 24px; }
}

.sayfa-bas { position: relative; color: #fff; padding-block: clamp(70px, 9vw, 130px) clamp(90px, 10vw, 140px); isolation: isolate; overflow: hidden; background: var(--ink); }
.sayfa-bas-zemin { position: absolute; inset: 0; z-index: -2; }
.sayfa-bas-zemin img { animation: yakin 14s linear forwards; }
.sayfa-bas::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(18,16,13,.9) 0%, rgba(18,16,13,.65) 55%, rgba(18,16,13,.25) 100%); }
[dir="rtl"] .sayfa-bas::before { background: linear-gradient(270deg, rgba(18,16,13,.9) 0%, rgba(18,16,13,.65) 55%, rgba(18,16,13,.25) 100%); }
.sayfa-bas-ic > * { max-width: 760px; }
.sayfa-bas .ust-etiket { color: var(--yesil); }
.sayfa-bas-p { font-size: 1.15rem; color: rgba(255,255,255,.84); }
.yol ol { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 28px; padding: 0; font: 500 14px/1 var(--f-m); color: rgba(255,255,255,.7); }
.yol li + li::before { content: "/"; margin-inline-end: 8px; opacity: .5; }
.yol a { text-decoration: none; }
.yol a:hover { color: #fff; }
.sayfa-bas::after { content: ""; position: absolute; inset-inline: 0; bottom: -1px; height: 12px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 12'%3E%3Cpath d='M0 12V6c8-6.7 16-6.7 24 0s16 6.7 24 0 16-6.7 24 0 16 6.7 24 0v6z' fill='%23f5f0e7'/%3E%3C/svg%3E") 0 0 / 96px 12px repeat-x; }

.hakkinda-ic { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(32px, 5vw, 80px); align-items: center; }
.hakkinda-yazi p { color: #3d3933; }
.hakkinda-foto { border-radius: 22px; overflow: hidden; box-shadow: var(--golge-b); aspect-ratio: 4 / 3; }
.hakkinda-foto img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease); }
.hakkinda-foto:hover img { transform: scale(1.04); }
.rakamlar { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; margin-top: clamp(40px, 6vw, 80px); }
.rakamlar .rakam-n { font-size: clamp(1.8rem, .9rem + 1.5vw, 2.5rem); }
.rakam { background: #fff; border-radius: 18px; padding: 26px 24px 22px; box-shadow: var(--golge); position: relative; overflow: hidden; transition: transform .35s var(--ease), box-shadow .35s; }
.rakam:hover { transform: translateY(-6px); box-shadow: var(--golge-b); }
.rakam-n { font: 800 clamp(2rem, 1.6rem + 1.6vw, 3rem)/1 var(--f-b); font-stretch: 115%; margin: 0 0 10px; display: flex; align-items: baseline; gap: 6px; }
.rakam-n small { font-size: .45em; font-weight: 700; color: var(--kraft-2); }
.rakam-ad { color: var(--gri); font-size: 14.5px; margin: 0; }
.rakam-oluk { position: absolute; inset-inline: 0; bottom: 0; width: 100%; height: 10px; fill: none; stroke: var(--yesil); stroke-width: 2.4; stroke-dasharray: 220; stroke-dashoffset: 220; transition: stroke-dashoffset 1.6s var(--ease) .3s; }
.rakam.is-gorundu .rakam-oluk { stroke-dashoffset: 0; }
.kartlar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.kart { position: relative; display: flex; flex-direction: column; background: #fff; border-radius: 20px; overflow: hidden; text-decoration: none; box-shadow: var(--golge); transition: transform .4s var(--ease), box-shadow .4s, opacity .7s var(--ease), translate .8s var(--ease); }
.kart:hover { transform: translateY(-8px); box-shadow: var(--golge-b); }
.kart-foto { aspect-ratio: 3 / 2; overflow: hidden; display: block; }
.kart-foto img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--ease); }
.kart:hover .kart-foto img { transform: scale(1.06); }
.kart-ik { position: absolute; top: calc(66.6% * 1 - 30px); }
.kart-ik { top: auto; margin: -28px 20px 0; width: 56px; height: 56px; border-radius: 16px; background: var(--ink); color: var(--yesil); display: grid; place-items: center; position: relative; transition: transform .4s var(--ease); }
.kart:hover .kart-ik { transform: rotate(-8deg) scale(1.06); }
.kart-ad { font: 750 1.3rem/1.2 var(--f-b); font-stretch: 108%; margin: 16px 20px 6px; }
.kart-p { color: var(--gri); font-size: 15px; margin: 0 20px 24px; flex: 1; }
.kart-ok { position: absolute; top: 16px; inset-inline-end: 16px; width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,.92); display: grid; place-items: center; transition: transform .35s var(--ease), background-color .3s; }
.kart:hover .kart-ok { background: var(--yesil); transform: rotate(-45deg); }
[dir="rtl"] .kart:hover .kart-ok { transform: rotate(45deg); }
.kart::after { content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 4px; background: linear-gradient(90deg, var(--kraft), var(--yesil), var(--kraft)); background-size: 200% 100%; transform: scaleX(0); transform-origin: left; transition: transform .5s var(--ease); }
.kart:hover::after { transform: scaleX(1); animation: akisCizgi 2.4s linear infinite; }
@keyframes akisCizgi { to { background-position: -200% 0; } }

.tasarlayici-tanitim { background: linear-gradient(180deg, var(--kagit) 0%, var(--kagit-2) 100%); overflow: hidden; }
.tt-ic { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 80px); align-items: center; }
.tt-sahne { position: relative; height: clamp(320px, 34vw, 460px); perspective: 1400px; cursor: grab; touch-action: pan-y; }
.tt-sahne:active, .tas-3b:active { cursor: grabbing; }
.sertifikalar { background: #fff; }
.sert-ic { display: grid; grid-template-columns: .9fr 1.1fr; gap: 40px; align-items: center; }
.sert-ic p { color: var(--gri); }
.sert-liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.sert { position: relative; padding: 22px 20px; border-radius: 16px; background: var(--kagit); border: 1px solid var(--cizgi); display: flex; flex-direction: column; gap: 4px; transition: transform .35s var(--ease), border-color .3s, opacity .7s var(--ease), translate .8s var(--ease); }
.sert:hover { transform: translateY(-5px); border-color: var(--yesil); }
.sert-yil { font: 600 13px/1 var(--f-k); color: var(--kraft-2); }
.sert-ad { font: 800 1.6rem/1.1 var(--f-b); font-stretch: 112%; }
.sert-tur { color: var(--gri); font-size: 14px; }
.sert .ico { position: absolute; top: 18px; inset-inline-end: 18px; color: var(--yesil-k); }

.urunler-ozet, .tasarlayici-tanitim, .sertifikalar--ana, .akis { --dalga-h: 12px; }
.urunler-ozet::after, .tasarlayici-tanitim::after, .sertifikalar--ana::after, .akis::after { content: ""; position: absolute; inset-inline: 0; top: -1px; height: var(--dalga-h); z-index: 1; pointer-events: none; }
.urunler-ozet::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 12'%3E%3Cpath d='M0 0h96v6c-8-6.7-16-6.7-24 0s-16 6.7-24 0-16-6.7-24 0-16 6.7-24 0z' fill='%23f5f0e7'/%3E%3C/svg%3E") 0 0/96px 12px repeat-x; }
.tasarlayici-tanitim::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 12'%3E%3Cpath d='M0 0h96v6c-8-6.7-16-6.7-24 0s-16 6.7-24 0-16-6.7-24 0-16 6.7-24 0z' fill='%23b98e5c'/%3E%3C/svg%3E") 0 0/96px 12px repeat-x; }
.sertifikalar--ana::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 12'%3E%3Cpath d='M0 0h96v6c-8-6.7-16-6.7-24 0s-16 6.7-24 0-16-6.7-24 0-16 6.7-24 0z' fill='%231f360b'/%3E%3C/svg%3E") 0 0/96px 12px repeat-x; }
.akis::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 12'%3E%3Cpath d='M0 0h96v6c-8-6.7-16-6.7-24 0s-16 6.7-24 0-16-6.7-24 0-16 6.7-24 0z' fill='%23ffffff'/%3E%3C/svg%3E") 0 0/96px 12px repeat-x; }

.hakkinda .rakam { background: none; color: #fff; box-shadow: none; isolation: isolate; border-radius: 18px 18px 0 0; filter: drop-shadow(0 18px 22px rgba(29,27,24,.3)); }
.hakkinda .rakam:hover { box-shadow: none; }
.hakkinda .rakam::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: 18px 18px 0 0; background: var(--ink); transition: background-color .35s; -webkit-mask: linear-gradient(#000 0 0) 0 0 / 100% calc(100% - 9px) no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 10' preserveAspectRatio='none'%3E%3Cpath d='M0 0V5c5-6 10-6 15 0s10 6 15 0 10-6 15 0 10 6 15 0 10-6 15 0 10 6 15 0 10-6 15 0 10 6 15 0V0z'/%3E%3Cpath d='M0 5c5-6 10-6 15 0s10 6 15 0 10-6 15 0 10 6 15 0 10-6 15 0 10 6 15 0 10-6 15 0 10 6 15 0' fill='none' stroke='%23000' stroke-width='2.4'/%3E%3C/svg%3E") 0 100% / 100% 10px no-repeat; mask: linear-gradient(#000 0 0) 0 0 / 100% calc(100% - 9px) no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 10' preserveAspectRatio='none'%3E%3Cpath d='M0 0V5c5-6 10-6 15 0s10 6 15 0 10-6 15 0 10 6 15 0 10-6 15 0 10 6 15 0 10-6 15 0 10 6 15 0V0z'/%3E%3Cpath d='M0 5c5-6 10-6 15 0s10 6 15 0 10-6 15 0 10 6 15 0 10-6 15 0 10 6 15 0 10-6 15 0 10 6 15 0' fill='none' stroke='%23000' stroke-width='2.4'/%3E%3C/svg%3E") 0 100% / 100% 10px no-repeat; }
.hakkinda .rakam:hover::before { background: var(--yesil); }
.hakkinda .rakam-n, .hakkinda .rakam-ad { transition: color .35s; }
.hakkinda .rakam-n small { color: var(--yesil); }
.hakkinda .rakam-ad { color: rgba(255,255,255,.72); }
.hakkinda .rakam:hover .rakam-n { color: var(--ink); }
.hakkinda .rakam:hover .rakam-ad { color: rgba(29,27,24,.8); }
.hakkinda .rakam-oluk { transition: stroke-dashoffset 1.6s var(--ease) .3s, stroke .35s; }
.hakkinda .rakam:hover .rakam-oluk { stroke: var(--ink); }

.urunler-ozet { background: repeating-linear-gradient(90deg, rgba(92,62,28,.07) 0 2px, transparent 2px 8px), linear-gradient(180deg, #c29a68 0%, #b98e5c 100%); }
.urunler-ozet .ust-etiket { color: var(--ink); }
.urunler-ozet .ust-etiket::before { filter: brightness(.35); }
.urunler-ozet .bolum-bas > p:last-child { color: #2f2415; }
.urunler-ozet .kart { box-shadow: 0 2px 4px rgba(61,41,18,.16), 0 24px 44px -22px rgba(61,41,18,.6); }

.tasarlayici-tanitim { color: #fff; background: radial-gradient(circle at 74% 52%, rgba(128,204,40,.24), rgba(128,204,40,0) 46%), linear-gradient(180deg, #2d4d10 0%, #1f360b 100%); }
[dir="rtl"] .tasarlayici-tanitim { background: radial-gradient(circle at 26% 52%, rgba(128,204,40,.24), rgba(128,204,40,0) 46%), linear-gradient(180deg, #2d4d10 0%, #1f360b 100%); }
.tasarlayici-tanitim .ust-etiket { color: var(--yesil); }
.tasarlayici-tanitim .tt-yazi p:not(.ust-etiket) { color: rgba(255,255,255,.82); }
.tasarlayici-tanitim .kutu-golge { background: radial-gradient(closest-side, rgba(6,14,2,.62), rgba(6,14,2,0)); }

.duraklar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; position: relative; }
.durak-ray { position: absolute; top: 40px; inset-inline: 12.5%; height: 2px; background: rgba(255,255,255,.18); z-index: 1; }
.durak-isik { position: absolute; top: -3px; width: 90px; height: 8px; border-radius: 8px; inset-inline-start: -45px; background: radial-gradient(closest-side, var(--yesil), rgba(128,204,40,0)); opacity: 0; }
.is-akiyor .durak-isik { animation: isikAk 8s linear infinite; }
@keyframes isikAk { 0% { inset-inline-start: -45px; opacity: 0; } 4% { opacity: 1; } 75% { inset-inline-start: calc(100% - 45px); opacity: 1; } 82%, 100% { inset-inline-start: calc(100% - 45px); opacity: 0; } }
.durak { position: relative; z-index: 2; padding: 0 6px; text-align: center; }
.durak-ik { width: 80px; height: 80px; margin: 0 auto 18px; border-radius: 50%; background: rgba(29,27,24,.9); border: 2px solid rgba(255,255,255,.22); display: grid; place-items: center; color: #fff; transition: border-color .5s, color .5s, box-shadow .5s, transform .5s var(--ease); }
.durak-ik .ico { width: 30px; height: 30px; }
.is-akiyor .durak-ik { animation: durakYan 8s linear infinite; animation-delay: calc(var(--i, 0) * 2s); }
@keyframes durakYan {
  0%, 26%, 100% { border-color: rgba(255,255,255,.22); color: #fff; box-shadow: none; transform: none; }
  3%, 14% { border-color: var(--yesil); color: var(--yesil); box-shadow: 0 0 0 8px rgba(128,204,40,.14), 0 0 40px rgba(128,204,40,.45); transform: scale(1.06); }
}
.durak-no { font: 600 13px/1 var(--f-k); color: var(--yesil); }
.durak h3 { margin: 8px 0 6px; color: #fff; }
.durak p { color: rgba(255,255,255,.72); font-size: 15px; margin: 0; }
.akis-dug { margin: 40px 0 0; text-align: center; }

.galeri-izgara { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.galeri-kare--buyuk { grid-column: span 2; grid-row: span 2; }
.galeri-kare button { position: relative; display: block; width: 100%; padding: 0; border: 0; border-radius: 16px; overflow: hidden; cursor: zoom-in; aspect-ratio: 3 / 2; background: var(--kagit-2); }
.galeri-kare--buyuk button { height: 100%; aspect-ratio: auto; }
.galeri-kare img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--ease), filter .5s; }
.galeri-kare button:hover img { transform: scale(1.06); }
.galeri-slogan { position: absolute; inset-inline: 0; bottom: 0; padding: 40px 18px 16px; text-align: start; color: #fff; font: 650 15px/1.3 var(--f-m); background: linear-gradient(0deg, rgba(18,16,13,.82), rgba(18,16,13,0)); opacity: 0; translate: 0 10px; transition: opacity .35s, translate .4s var(--ease); }
.galeri-kare button:hover .galeri-slogan, .galeri-kare button:focus-visible .galeri-slogan { opacity: 1; translate: 0 0; }
.galeri-buyut { position: absolute; top: 12px; inset-inline-end: 12px; width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,.9); display: grid; place-items: center; opacity: 0; transition: opacity .3s; }
.galeri-kare button:hover .galeri-buyut { opacity: 1; }
.buyutec { position: fixed; inset: 0; z-index: 300; background: rgba(14,12,10,.94); display: grid; grid-template-rows: 1fr auto; place-items: center; padding: 64px 16px 24px; opacity: 0; transition: opacity .3s; }
.buyutec.is-acik { opacity: 1; }
.buyutec figure { margin: 0; display: grid; gap: 14px; justify-items: center; max-width: min(1400px, 100%); }
.buyutec img { max-height: calc(100svh - 170px); width: auto; border-radius: 10px; }
.buyutec figcaption { color: #fff; font: 600 16px/1.4 var(--f-m); text-align: center; }
.buyutec-sayac { color: rgba(255,255,255,.6); font: 600 13px/1 var(--f-k); }
.buyutec button { position: absolute; width: 52px; height: 52px; border-radius: 50%; border: 1.5px solid rgba(255,255,255,.35); background: rgba(255,255,255,.08); color: #fff; display: grid; place-items: center; cursor: pointer; }
.buyutec button:hover { background: rgba(255,255,255,.2); }
.bt-kapat { top: 16px; inset-inline-end: 16px; }
.bt-onceki { inset-inline-start: 16px; top: 50%; translate: 0 -50%; }
.bt-sonraki { inset-inline-end: 16px; top: 50%; translate: 0 -50%; }
.bt-onceki .ico { transform: scaleX(-1); }
[dir="rtl"] .bt-onceki .ico { transform: none; }
[dir="rtl"] .bt-sonraki .ico { transform: scaleX(-1); }

.tasarlayici { background: linear-gradient(180deg, var(--kagit), var(--kagit-2)); }
.tas-ic { display: grid; grid-template-columns: minmax(280px, 330px) 1fr minmax(300px, 380px); gap: 22px; align-items: start; }
.tas-ayar, .tas-acilim { background: #fff; border-radius: 22px; padding: 22px; box-shadow: var(--golge); }
.tas-ayar fieldset { border: 0; margin: 0 0 22px; padding: 0; }
.tas-ayar legend { font: 700 13px/1 var(--f-m); letter-spacing: .1em; text-transform: uppercase; color: var(--gri); margin-bottom: 12px; }
[dir="rtl"] .tas-ayar legend { letter-spacing: 0; }
.tas-tipler { display: grid; gap: 8px; }
.tas-tip { position: relative; display: grid; grid-template-columns: 58px 1fr; gap: 10px; align-items: center; padding: 10px 12px; border-radius: 12px; border: 1.5px solid var(--cizgi); cursor: pointer; transition: border-color .2s, background-color .2s, transform .2s; }
.tas-tip:hover { border-color: var(--ink); }
.tas-tip input { position: absolute; opacity: 0; }
.tas-tip:has(input:checked) { border-color: var(--ink); background: var(--ink); color: #fff; }
.tas-tip:has(input:focus-visible) { outline: 3px solid var(--yesil); outline-offset: 2px; }
.tas-tip-kod { font: 700 13px/1.1 var(--f-k); color: var(--kraft-2); }
.tas-tip:has(input:checked) .tas-tip-kod { color: var(--yesil); }
.tas-tip-ad { font: 600 14px/1.25 var(--f-m); }
.tas-olcu { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.tas-olcu label { display: grid; gap: 6px; font: 600 12.5px/1.2 var(--f-m); color: var(--gri); }
.tas-olcu input { width: 100%; height: 46px; border-radius: 10px; border: 1.5px solid var(--cizgi); padding: 0 10px; font: 700 16px/1 var(--f-k); color: var(--ink); background: var(--kagit); }
.tas-olcu input:focus { outline: none; border-color: var(--yesil-k); background: #fff; }
.tas-sahne { position: sticky; top: calc(var(--ust-h) + 16px); background: radial-gradient(ellipse at 50% 40%, #fff 0%, var(--kagit-2) 75%); border-radius: 26px; box-shadow: inset 0 0 0 1px var(--cizgi); overflow: hidden; }
.tas-3b { position: relative; height: clamp(380px, 40vw, 520px); perspective: 1600px; cursor: grab; touch-action: pan-y; }
.tas-3b:active { cursor: grabbing; }
.tas-nojs { position: absolute; inset: 0; display: grid; place-items: center; text-align: center; padding: 24px; color: var(--gri); }
.tas-kontrol { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 18px; border-top: 1px solid var(--cizgi); background: rgba(255,255,255,.7); }
.tas-ipucu { display: inline-flex; align-items: center; gap: 8px; color: var(--gri); font-size: 14px; }
.tas-katla { display: flex; align-items: center; gap: 10px; font: 600 13px/1 var(--f-m); color: var(--gri); }
.tas-katla input { width: 160px; accent-color: var(--yesil-k); }
.tas-acilim-bas { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.tas-acilim h3 { font-size: 1.05rem; margin: 0 0 12px; }
.tas-lejant { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--gri); margin: 0; }
.lj { display: inline-block; width: 18px; height: 0; border-top: 2px solid var(--ink); margin-inline-start: 8px; }
.lj--ril { border-top: 2px dashed var(--yesil-k); }
.tas-svg { background: var(--kagit); border-radius: 14px; padding: 12px; min-height: 200px; display: grid; place-items: center; }
.tas-svg svg { width: 100%; height: auto; max-height: 340px; }
.acilim path, .acilim rect { vector-effect: non-scaling-stroke; }
.acilim text { font-family: var(--f-k); font-weight: 600; }
.tas-bilgi { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 14px 0 8px; }
.tas-bilgi div { background: var(--kagit); border-radius: 12px; padding: 10px 12px; }
.tas-bilgi dt { font-size: 12.5px; color: var(--gri); }
.tas-bilgi dd { margin: 4px 0 0; font: 700 15px/1.2 var(--f-k); }
.tas-not { font-size: 13px; color: var(--gri); }
.tas-gonder { width: 100%; justify-content: center; }
@media (max-width: 1180px) { .tas-ic { grid-template-columns: 1fr 1fr; } .tas-sahne { grid-column: 1 / -1; grid-row: 1; position: relative; top: auto; } }
@media (max-width: 760px) { .tas-ic { grid-template-columns: 1fr; } .tas-3b { height: 340px; } }

.kutu-kok, .kutu-model { position: absolute; left: 50%; top: 50%; width: 0; height: 0; transform-style: preserve-3d; transform-origin: 0 0; }
.kutu-model { left: 0; top: 0; }
.kyuz { position: absolute; transform-style: preserve-3d; backface-visibility: visible;
  background-color: #c99f6c;
  background-image: linear-gradient(rgba(34,22,8,var(--g, .1)), rgba(34,22,8,var(--g, .1))), repeating-linear-gradient(90deg, rgba(110,72,34,.09) 0 1px, transparent 1px var(--adim, 7px));
  box-shadow: inset 0 0 0 1px rgba(110,74,38,.45); }
.kyuz-baski { position: absolute; display: grid; place-items: center; backface-visibility: hidden; pointer-events: none; }
.kyuz-baski img { width: 100%; height: auto; }
.kyuz-delik { position: absolute; background: #2a1d10; border-radius: 999px; }
.kutu-golge { position: absolute; left: 50%; top: 80%; width: 60%; height: 14%; translate: -50% 0; border-radius: 50%; background: radial-gradient(closest-side, rgba(29,27,24,.3), rgba(29,27,24,0)); transition: opacity .4s; pointer-events: none; }
.tt-sahne .kutu-golge { top: 82%; }

.katalog-izgara { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.kutu-kart { display: grid; grid-template-columns: 220px 1fr; gap: 22px; background: #fff; border-radius: 22px; padding: 22px; box-shadow: var(--golge); scroll-margin-top: calc(var(--ust-h) + 20px); transition: transform .4s var(--ease), box-shadow .4s, opacity .7s var(--ease), translate .8s var(--ease); }
.kutu-kart:hover { transform: translateY(-6px); box-shadow: var(--golge-b); }
.kutu-kart:target { box-shadow: 0 0 0 3px var(--yesil), var(--golge-b); }
.kutu-kart-cizim { background: var(--kagit); border-radius: 16px; display: grid; place-items: center; padding: 14px; min-height: 180px; align-self: start; aspect-ratio: 1; }
.kutu-kart-cizim svg { width: 100%; height: auto; max-height: 240px; }
.kutu-kart h3 { margin-bottom: 8px; }
.kutu-kart p { color: #3d3933; font-size: 15.5px; }
.fefco-etiket { display: inline-flex; align-items: center; gap: 8px; font: 700 14px/1 var(--f-k); margin: 0 0 10px !important; color: var(--ink) !important; }
.fefco-etiket span { background: var(--ink); color: var(--yesil); padding: 5px 8px; border-radius: 6px; font-size: 11.5px; letter-spacing: .08em; }
.etiketler { list-style: none; margin: 0 0 14px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.etiketler li { font-size: 12.5px; font-weight: 600; padding: 5px 10px; border-radius: 999px; background: var(--yesil-a); color: var(--yesil-k); }
.kutu-kart-dug { display: inline-flex; align-items: center; gap: 8px; font: 650 14.5px/1 var(--f-m); text-decoration: none; color: var(--ink); border-bottom: 2px solid var(--yesil); padding-bottom: 4px; }
.kutu-kart-dug:hover .ico { transform: rotate(-15deg); }
.kutu-kart-dug .ico { transition: transform .3s var(--ease); }
.ozel-cozum { padding-top: 0; }
.ozel-ic { background: var(--ink); color: #fff; border-radius: 26px; padding: clamp(28px, 4vw, 48px); display: grid; grid-template-columns: 1fr auto; gap: 8px 28px; align-items: center; }
.ozel-ic h2 { margin: 0; font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2.2rem); }
.ozel-ic p { margin: 0; color: rgba(255,255,255,.75); grid-column: 1; }
.ozel-ic .dug { grid-row: 1 / span 2; grid-column: 2; background: var(--yesil); color: var(--ink); }
@media (max-width: 900px) { .katalog-izgara { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .kutu-kart { grid-template-columns: 1fr; } .ozel-ic { grid-template-columns: 1fr; } .ozel-ic .dug { grid-row: auto; grid-column: 1; justify-self: start; } }

.kesit-ic { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(28px, 5vw, 70px); align-items: center; }
.kesit-yazi > p { color: var(--gri); }
.katmanlar { list-style: none; margin: 22px 0 0; padding: 0; display: grid; gap: 8px; counter-reset: k; }
.katmanlar li { display: grid; gap: 2px; padding: 12px 14px 12px 16px; border-radius: 12px; border: 1.5px solid var(--cizgi); background: #fff; cursor: pointer; transition: border-color .25s, background-color .25s, transform .25s var(--ease); }
.katmanlar li b { font: 700 15px/1.3 var(--f-m); }
.katmanlar li span { font-size: 14px; color: var(--gri); display: none; }
.katmanlar li.is-on { border-color: var(--yesil-k); background: var(--yesil-a); transform: translateX(6px); }
[dir="rtl"] .katmanlar li.is-on { transform: translateX(-6px); }
.katmanlar li.is-on span { display: block; }
.katmanlar li[hidden] { display: none; }
.kesit-cizim { margin: 0; background: #fff; border-radius: 24px; padding: clamp(14px, 2vw, 26px); box-shadow: var(--golge-b); }
.kesit-cizim svg { width: 100%; height: auto; overflow: visible; }
.kesit-cizim figcaption { margin-top: 10px; font: 600 14px/1.4 var(--f-m); color: var(--gri); }
.kesit-cizim figcaption em { font-style: normal; color: var(--yesil-k); margin-inline-start: 8px; }
.kat { cursor: pointer; transition: opacity .3s, filter .3s; }
.kat-liner { fill: #d8b688; stroke: #8a6236; stroke-width: 1; }
.kat-oluk { fill: none; stroke: #b88a55; stroke-width: 4; stroke-linejoin: round; }
.kat-oluk-golge { fill: none; stroke: rgba(80,50,20,.25); stroke-width: 7; }
[data-kesit-svg].is-secili .kat { opacity: .3; }
[data-kesit-svg].is-secili .kat.is-on { opacity: 1; filter: drop-shadow(0 0 6px rgba(128,204,40,.75)); }
.kat-yazi { font: 600 12px/1 var(--f-m); fill: var(--gri); pointer-events: none; }
.dalga-izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.dopel-bas { grid-column: 1 / -1; margin-top: 40px; max-width: 760px; }
.dopel-bas p { color: var(--gri); }
.dalga-kart { background: #fff; border-radius: 20px; padding: 22px; box-shadow: var(--golge); scroll-margin-top: calc(var(--ust-h) + 20px); transition: transform .4s var(--ease), box-shadow .4s, opacity .7s var(--ease), translate .8s var(--ease); }
.dalga-kart:hover { transform: translateY(-6px); box-shadow: var(--golge-b); }
.dalga-kart-ust { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.dalga-harf { width: 56px; height: 56px; flex: none; border-radius: 14px; background: var(--ink); color: var(--yesil); display: grid; place-items: center; font: 800 1.4rem/1 var(--f-k); }
.dalga-mini { flex: 1; height: 40px; }
.dalga-mini .m-liner { fill: #d8b688; }
.dalga-mini .m-oluk { fill: none; stroke: #b88a55; stroke-width: 2.2; }
.dalga-kart:hover .m-oluk { animation: oluKay 1.4s linear infinite; }
@keyframes oluKay { to { transform: translateX(calc(var(--adim) * -1px)); } }
.kesit-yeni .kat-oluk { animation: olukCiz 1.1s var(--ease) both; }
.kesit-yeni .kat-oluk-golge { animation: belir .6s .5s both; }
.kesit-yeni .kat-liner { animation: linerGel .6s var(--ease) both; transform-box: fill-box; transform-origin: left center; }
@keyframes olukCiz { from { stroke-dasharray: 1; stroke-dashoffset: 1; } to { stroke-dasharray: 1; stroke-dashoffset: 0; } }
@keyframes linerGel { from { transform: scaleX(0); } to { transform: none; } }
@keyframes belir { from { opacity: 0; } to { opacity: 1; } }
.dalga-olcu { display: grid; grid-template-columns: 1fr 1fr auto; gap: 8px; margin: 0 0 14px; }
.dalga-olcu div { background: var(--kagit); border-radius: 10px; padding: 8px 10px; }
.dalga-olcu dt { font-size: 11.5px; color: var(--gri); line-height: 1.25; }
.dalga-olcu dd { margin: 4px 0 0; font: 700 14px/1.2 var(--f-k); }
.dalga-kart > p { color: #3d3933; font-size: 15px; margin: 0; }
@media (max-width: 980px) { .kesit-ic { grid-template-columns: 1fr; } .dalga-izgara { grid-template-columns: 1fr 1fr; } }
@media (max-width: 620px) { .dalga-izgara { grid-template-columns: 1fr; } }

.baski-ic { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 5vw, 70px); align-items: center; }
.baski-yazi p { font-size: 1.1rem; color: #3d3933; }
.baski-sema { margin: 0; background: var(--ink); color: #fff; border-radius: 24px; padding: 26px; }
.baski-sema figcaption { font: 650 13px/1 var(--f-m); letter-spacing: .12em; text-transform: uppercase; color: var(--yesil); margin-bottom: 20px; }
.baski-sema ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.baski-sema li { display: grid; gap: 12px; justify-items: center; text-align: center; font-size: 13.5px; }
.merdane { width: 64px; height: 64px; border-radius: 50%; position: relative; background: repeating-conic-gradient(from 0deg, #3a362f 0 10deg, #2a2722 10deg 20deg); box-shadow: inset 0 0 0 3px rgba(255,255,255,.12); animation: don2 6s linear infinite; animation-delay: calc(var(--i) * -.6s); }
.baski-sema li:nth-child(3) .merdane { background: radial-gradient(circle, var(--yesil) 0 30%, #2f5d0b 31% 100%); }
.baski-sema li:nth-child(4) .merdane { border-radius: 8px; animation: none; background: repeating-linear-gradient(90deg, #c39a68 0 6px, #a47a4b 6px 8px); }
@keyframes don2 { to { transform: rotate(360deg); } }
.avantaj-izgara { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.avantaj { background: #fff; border-radius: 20px; padding: 24px; box-shadow: var(--golge); position: relative; overflow: hidden; transition: transform .4s var(--ease), box-shadow .4s, opacity .7s var(--ease), translate .8s var(--ease); }
.avantaj:hover { transform: translateY(-6px); box-shadow: var(--golge-b); }
.avantaj::after, .test::after, .diger-kart::after { content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, var(--kraft), var(--yesil), var(--kraft)); background-size: 200% 100%; transform: scaleX(0); transform-origin: left; transition: transform .5s var(--ease); }
.avantaj:hover::after, .test:hover::after, .diger-kart:hover::after { transform: scaleX(1); animation: akisCizgi 2.4s linear infinite; }
.avantaj-ik, .test-ik, .diger-ik, .misyon-ik, .il-ik { width: 50px; height: 50px; border-radius: 14px; background: var(--yesil-a); color: var(--yesil-k); display: grid; place-items: center; margin-bottom: 14px; transition: transform .4s var(--ease); }
.avantaj:hover .avantaj-ik, .test:hover .test-ik, .diger-kart:hover .diger-ik { transform: rotate(-8deg) scale(1.08); }
.avantaj p, .test p { color: #3d3933; font-size: 15px; margin: 0; }
.diger-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.diger-kart { position: relative; overflow: hidden; background: #fff; border-radius: 22px; box-shadow: var(--golge); display: grid; grid-template-columns: 200px 1fr; transition: transform .4s var(--ease), box-shadow .4s, opacity .7s var(--ease), translate .8s var(--ease); }
.diger-kart:hover { transform: translateY(-6px); box-shadow: var(--golge-b); }
.diger-gorsel { background: var(--kagit); display: grid; place-items: center; padding: 18px; }
.diger-gorsel img { width: 100%; height: auto; mix-blend-mode: multiply; }
.diger-yazi { padding: 22px; }
.diger-yazi h2 { font-size: 1.3rem; }
.diger-yazi p { color: #3d3933; font-size: 15px; margin: 0; }
.politika-liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.politika-liste li { display: flex; gap: 18px; align-items: flex-start; background: #fff; border-radius: 20px; padding: 24px; box-shadow: var(--golge); }
.politika-no { font: 800 1.6rem/1 var(--f-k); color: var(--yesil-k); flex: none; }
.politika-liste p { margin: 0; color: #3d3933; }
.testler { padding-top: 0; }
.test-grup { margin: 40px 0 16px; font-size: 1.2rem; }
.test-izgara { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.test { position: relative; overflow: hidden; background: #fff; border-radius: 20px; padding: 22px; box-shadow: var(--golge); display: flex; flex-direction: column; transition: transform .4s var(--ease), box-shadow .4s, opacity .7s var(--ease), translate .8s var(--ease); }
.test:hover { transform: translateY(-6px); box-shadow: var(--golge-b); }
.test-ust { display: flex; justify-content: space-between; align-items: flex-start; }
.test-kisa { font: 800 14px/1 var(--f-k); background: var(--ink); color: var(--yesil); padding: 6px 9px; border-radius: 8px; }
.test h4 { font-size: 1.1rem; margin: 2px 0 8px; }
.test p { flex: 1; }
.test-birim { margin-top: 14px !important; padding-top: 12px; border-top: 1px dashed var(--cizgi); font-size: 13px !important; color: var(--gri) !important; flex: none !important; }
.test-birim b { font: 700 14px/1 var(--f-k); color: var(--ink); }
.misyon-ic { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.misyon-kart { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16); backdrop-filter: blur(10px); border-radius: 24px; padding: clamp(24px, 3vw, 40px); }
.misyon-kart .misyon-ik { background: rgba(128,204,40,.18); color: var(--yesil); }
.misyon-kart ul { margin: 0 0 16px; padding-inline-start: 20px; color: rgba(255,255,255,.85); }
.misyon-kart li { margin-bottom: 6px; }
.misyon-kart li::marker { color: var(--yesil); }
.misyon-son, .misyon-kart > p { color: #fff; font-size: 1.1rem; font-weight: 600; }
.iletisim-ic { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px, 4vw, 56px); align-items: start; }
.iletisim-kartlar { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.iletisim-kartlar li { display: flex; gap: 16px; background: #fff; border-radius: 20px; padding: 20px 22px; box-shadow: var(--golge); }
.iletisim-kartlar .il-ik { margin: 0; flex: none; }
.iletisim-kartlar h2 { font-size: 1rem; margin: 2px 0 6px; color: var(--gri); font-weight: 650; }
.iletisim-kartlar a { font-weight: 650; text-decoration: none; display: block; }
.iletisim-kartlar a:hover { color: var(--yesil-k); }
.iletisim-kartlar p { margin: 0; }
.il-harita { display: inline-flex !important; align-items: center; gap: 6px; margin-top: 8px; font-size: 14px; color: var(--yesil-k); }
.il-harita .ico { width: 16px; height: 16px; }
.il-alt { font-size: 14px; color: var(--gri); margin-top: 4px !important; }
.iletisim-foto { border-radius: 24px; overflow: hidden; box-shadow: var(--golge-b); aspect-ratio: 4 / 3; }
.iletisim-foto img { width: 100%; height: 100%; object-fit: cover; }
.harita { position: relative; height: clamp(440px, 62vh, 640px); margin-block: 30px clamp(84px, 9vw, 130px); }
.harita-cerceve { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; background: var(--kagit-2); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 14'%3E%3Cpath d='M0 14V7c8-6.7 16-6.7 24 0s16 6.7 24 0 16-6.7 24 0 16 6.7 24 0v7z'/%3E%3C/svg%3E") 0 0 / 96px 14px repeat-x, linear-gradient(#000 0 0) 0 13px / 100% calc(100% - 13px) no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 14'%3E%3Cpath d='M0 14V7c8-6.7 16-6.7 24 0s16 6.7 24 0 16-6.7 24 0 16 6.7 24 0v7z'/%3E%3C/svg%3E") 0 0 / 96px 14px repeat-x, linear-gradient(#000 0 0) 0 13px / 100% calc(100% - 13px) no-repeat; }
.harita::before, .harita::after { content: ""; position: absolute; inset-inline: 0; height: 14px; z-index: 2; pointer-events: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 14'%3E%3Cpath d='M0 7c8-6.7 16-6.7 24 0s16 6.7 24 0 16-6.7 24 0 16 6.7 24 0' fill='none' stroke='%2380cc28' stroke-width='2.6'/%3E%3C/svg%3E") 0 0 / 96px 14px repeat-x; }
.harita::before { top: 0; }
.harita::after { top: calc(100% + 8px); }
.harita-kap { position: relative; z-index: 3; height: 100%; display: flex; align-items: flex-end; justify-content: flex-end; padding-block: 64px; pointer-events: none; }
[dir="rtl"] .harita-kap { justify-content: flex-start; }
.harita-kart { pointer-events: auto; max-width: 420px; background: #fff; border-radius: 22px; padding: 24px; box-shadow: var(--golge-b); border-bottom: 3px solid var(--yesil); }
.harita-kart .il-ik { margin-bottom: 12px; }
.harita-ad { font: 750 1.15rem/1.25 var(--f-b); font-stretch: 105%; margin: 0 0 6px; }
.harita-adres { color: #3d3933; margin: 0 0 18px; }
.harita-dug { display: flex; flex-wrap: wrap; gap: 10px; }
.harita-dug .dug { min-height: 44px; padding: 0 18px; font-size: 14.5px; }
@media (max-width: 700px) {
  .harita { height: auto; background: none; }
  .harita-cerceve { position: relative; height: 380px; }
  .harita::after { top: 388px; }
  .harita-kap { height: auto; padding-block: 40px 0; }
  .harita-kart { max-width: none; width: 100%; }
}
.ap { position: fixed; inset: 0; z-index: 250; }
.ap-perde { position: absolute; inset: 0; background: rgba(20,18,15,.55); backdrop-filter: blur(3px); opacity: 0; transition: opacity .25s; }
.ap-sayfa { position: relative; background: var(--kagit); padding: 22px 0 26px; max-height: 88svh; overflow-y: auto; translate: 0 -24px; opacity: 0;
  transition: translate .3s var(--ease), opacity .25s; box-shadow: 0 24px 60px -20px rgba(20,18,15,.5); border-bottom: 3px solid var(--yesil); }
.ap.is-acik .ap-perde { opacity: 1; }
.ap.is-acik .ap-sayfa { translate: 0 0; opacity: 1; }
.kilit { overflow: hidden; }
.ap-form, .arama-form { position: relative; display: flex; align-items: center; gap: 10px; }
.ap-ik, .arama-form-ik { position: absolute; inset-inline-start: 18px; color: var(--gri); pointer-events: none; display: grid; }
.ap-form input, .arama-form input { flex: 1; min-width: 0; height: 58px; border-radius: 999px; border: 1.5px solid var(--cizgi); background: #fff;
  padding-inline: 52px 20px; font: 500 17px/1 var(--f-m); color: var(--ink); -webkit-appearance: none; appearance: none; }
.ap-form input:focus, .arama-form input:focus { outline: none; border-color: var(--yesil-k); box-shadow: 0 0 0 4px rgba(128,204,40,.22); }
.ap-form input::-webkit-search-cancel-button, .arama-form input::-webkit-search-cancel-button { -webkit-appearance: none; }
.ap-kapat { width: 52px; height: 52px; flex: none; border-radius: 50%; border: 1.5px solid var(--cizgi); background: #fff; color: var(--ink); display: grid; place-items: center; cursor: pointer; transition: transform .3s var(--ease), border-color .2s; }
.ap-kapat:hover { transform: rotate(90deg); border-color: var(--ink); }
.ap-govde { max-width: 860px; margin-top: 14px; }
.arama-oneri { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 14px; color: var(--gri); font-size: 14px; }
.arama-oneri .cip { min-height: 34px; padding: 0 14px; font-size: 13px; text-decoration: none; }
.ap.yaziyor .ap-oneri { display: none; }
.ap-durum { color: var(--gri); font-size: 14px; margin: 10px 4px 6px; min-height: 1em; }
.ap-durum:empty { margin: 0; }
.ap-sonuc, .arama-sonuclar { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.ap-sonuc a, .arama-sonuclar a { display: grid; gap: 3px; padding: 12px 16px; border-radius: 14px; text-decoration: none; transition: background-color .2s, padding .25s var(--ease); }
.ap-sonuc a:hover, .ap-sonuc [aria-selected="true"] a { background: #fff; padding-inline-start: 22px; box-shadow: inset 3px 0 0 var(--yesil); }
[dir="rtl"] .ap-sonuc a:hover, [dir="rtl"] .ap-sonuc [aria-selected="true"] a { box-shadow: inset -3px 0 0 var(--yesil); }
.arama-tur { font: 650 11.5px/1 var(--f-m); letter-spacing: .1em; text-transform: uppercase; color: var(--yesil-k); }
[dir="rtl"] .arama-tur { letter-spacing: 0; font-size: 13px; }
.arama-baslik { font: 700 1.05rem/1.3 var(--f-b); font-stretch: 104%; color: var(--ink); }
.arama-alinti { font-size: 14.5px; color: #4a443c; line-height: 1.55; }
mark { background: rgba(128,204,40,.32); color: inherit; border-radius: 3px; padding: 0 1px; }
.ap-hepsi { display: inline-flex; align-items: center; gap: 8px; margin: 10px 16px 0; font: 650 14.5px/1 var(--f-m); color: var(--ink); text-decoration: none; border-bottom: 2px solid var(--yesil); padding-bottom: 4px; }
.arama-sayfa .kap { max-width: 920px; }
.arama-form .dug { height: 58px; padding: 0 28px; }
.arama-sayi { margin: 26px 0 12px; color: var(--gri); }
.arama-sonuclar { gap: 12px; }
.arama-sonuclar a { background: #fff; padding: 20px 22px; border-radius: 18px; box-shadow: var(--golge); }
.arama-sonuclar a:hover { transform: translateY(-3px); box-shadow: var(--golge-b); }
.arama-sonuclar .arama-baslik { font-size: 1.2rem; }
.test:target, .dalga-kart:target, .diger-kart:target { box-shadow: 0 0 0 3px var(--yesil), var(--golge-b); }
@media (max-width: 560px) {
  .ap-form input, .arama-form input { height: 52px; font-size: 16px; }
  .ap-kapat { width: 48px; height: 48px; }
  .arama-form { flex-wrap: wrap; }
  .arama-form .dug { width: 100%; justify-content: center; height: 50px; }
  .arama-form-ik { top: 16px; }
}
.hata { min-height: 60svh; display: grid; place-items: center; padding-block: 80px; text-align: center; }
.hata-kod { font: 800 clamp(5rem, 14vw, 10rem)/1 var(--f-b); font-stretch: 120%; color: var(--kraft); margin: 0; }
.hata p { color: var(--gri); }

@media (max-width: 1080px) {
  .kartlar, .avantaj-izgara, .test-izgara { grid-template-columns: repeat(2, 1fr); }
  .rakamlar { grid-template-columns: repeat(2, 1fr); }
  .rakamlar .rakam-n { font-size: clamp(2rem, 1.6rem + 1.6vw, 3rem); }
  .rakamlar .rakam:last-child { grid-column: 1 / -1; }
  .duraklar { grid-template-columns: repeat(2, 1fr); row-gap: 36px; }
  .durak-ray { display: none; }
  .galeri-izgara { grid-template-columns: repeat(2, 1fr); }
  .sert-ic, .tt-ic { grid-template-columns: 1fr; }
}
@media (max-width: 860px) {
  .hakkinda-ic, .baski-ic, .misyon-ic, .iletisim-ic, .politika-liste, .diger-izgara { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  body { font-size: 16px; }
  .kartlar, .avantaj-izgara, .test-izgara, .sert-liste { grid-template-columns: 1fr; }
  .rakamlar { grid-template-columns: 1fr 1fr; gap: 10px; }
  .rakam { padding: 20px 16px 18px; }
  .duraklar { grid-template-columns: 1fr; }
  .galeri-kare--buyuk { grid-column: span 2; grid-row: auto; }
  .galeri-kare--buyuk button { aspect-ratio: 3 / 2; }
  .diger-kart { grid-template-columns: 1fr; }
  .baski-sema ol { grid-template-columns: repeat(2, 1fr); row-gap: 20px; }
}

.teklif-bant { background: #fff; padding-block: clamp(48px, 6vw, 84px) clamp(64px, 8vw, 110px); }
.sertifikalar + .teklif-bant { padding-top: 0; }
.teklif-bant-ic { position: relative; overflow: hidden; background: var(--yesil); color: var(--ink); border-radius: 28px; padding: clamp(28px, 4vw, 54px); display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: center; isolation: isolate; box-shadow: 0 30px 54px -18px rgba(29,27,24,.45), 0 12px 22px -12px rgba(29,27,24,.3); }
.teklif-bant-ic::before { content: ""; position: absolute; inset: 0 0 0 -160px; z-index: -1; opacity: .25; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 20'%3E%3Cpath d='M0 10c10-12 20-12 30 0s20 12 30 0 20-12 30 0' fill='none' stroke='%231d1b18' stroke-width='1.2'/%3E%3C/svg%3E") 0 0 / 80px 20px; animation: desenKay 30s linear infinite; }
@keyframes desenKay { to { transform: translateX(160px); } }
.teklif-bant h2 { margin: 0 0 8px; font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.6rem); }
.teklif-bant p { margin: 0; max-width: 620px; color: #26331a; }
.teklif-bant-dug { display: flex; flex-wrap: wrap; gap: 10px; }
.teklif-bant .dug--yesil { background: var(--ink); color: #fff; box-shadow: none; }
.teklif-bant .dug--cizgi { background: #fff; color: var(--ink); border-color: #fff; }
.teklif-bant .dug--cizgi:hover { background: var(--ink); border-color: var(--ink); color: var(--yesil); }
@media (max-width: 860px) { .teklif-bant-ic { grid-template-columns: 1fr; } }

.alt { position: relative; overflow-x: clip; background: linear-gradient(to top, #cfae82 0%, #efe5d4 36%, #fff 82%); color: var(--ink); }
.alt::before { content: ""; position: absolute; top: -8px; left: 0; width: calc(100% + 960px); height: 16px; background: repeating-linear-gradient(90deg, var(--yesil) 0, var(--kraft) 480px, var(--yesil) 960px); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 16'%3E%3Cpath d='M-60 8c10-8 20-8 30 0s20 8 30 0 20-8 30 0 20 8 30 0 20-8 30 0 20 8 30 0 20-8 30 0 20 8 30 0' fill='none' stroke='%23000' stroke-width='2.2'/%3E%3C/svg%3E") 0 0 / 120px 16px repeat-x; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 16'%3E%3Cpath d='M-60 8c10-8 20-8 30 0s20 8 30 0 20-8 30 0 20 8 30 0 20-8 30 0 20 8 30 0 20-8 30 0 20 8 30 0' fill='none' stroke='%23000' stroke-width='2.2'/%3E%3C/svg%3E") 0 0 / 120px 16px repeat-x; animation: altDalga 70s linear infinite; }
@keyframes altDalga { to { transform: translateX(-960px); } }
.alt-ic { display: grid; grid-template-columns: 1.35fr .75fr .75fr 1.35fr; gap: 36px clamp(24px, 3vw, 44px); padding-block: 64px 44px; }
.alt-logo { height: 54px; width: auto; margin-bottom: 14px; }
.alt-tag { color: #4a443c; max-width: 340px; font-size: 15px; }
.alt-sert { list-style: none; margin: 18px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.alt-sert li { display: inline-flex; align-items: center; gap: 6px; padding-block: 6px; padding-inline: 9px 12px; border-radius: 999px; background: #fff; border: 1px solid var(--cizgi); font: 650 13px/1 var(--f-m); }
.alt-sert .ico { width: 15px; height: 15px; color: var(--yesil-k); }
.alt-sert small { font-size: 12px; font-weight: 500; color: var(--gri); }
[dir="rtl"] .alt-sert span, [dir="rtl"] .sert-ad { direction: ltr; unicode-bidi: isolate; text-align: right; }
.alt-baslik { font: 700 12.5px/1 var(--f-m); letter-spacing: .14em; text-transform: uppercase; color: var(--kraft-3); margin-bottom: 14px; }
[dir="rtl"] .alt-baslik { letter-spacing: 0; font-size: 14px; }
.alt-menu ul, .alt-iletisim { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.alt-menu a { text-decoration: none; font-size: 15px; color: #3d3933; }
.alt-menu a:hover { color: var(--yesil-k); }
.alt-menu a.is-active { color: var(--yesil-k); font-weight: 650; box-shadow: inset 0 -2px 0 var(--yesil); }
.alt-iletisim li { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; }
.alt-iletisim .ico { width: 18px; height: 18px; margin-top: 3px; color: var(--kraft-2); }
.alt-iletisim a { text-decoration: none; }
.alt-iletisim a:hover { color: var(--yesil-k); }
.alt-son { position: relative; display: flex; align-items: center; min-height: 74px; padding-block: 16px; padding-inline-end: 168px; border-top: 1px solid rgba(29,27,24,.16); font-size: 13.5px; color: #3b3225; }
.alt-son p { margin: 0; }
.alt-grup { position: absolute; bottom: 0; inset-inline-end: 28px; display: block; padding: 14px 22px 10px; background: #fff; border-radius: 18px 18px 0 0; box-shadow: 0 -12px 28px -16px rgba(29,27,24,.42); }
.alt-grup-logo { display: block; height: 68px; width: auto; }
.alt > .kelebek { --kb: clamp(52px, 5vw, 72px); top: calc(var(--kb) * -.74); inset-inline-end: auto; inset-inline-start: max(16px, calc((100% - var(--kap)) / 2 + 28px)); }
@media (max-width: 1040px) { .alt-ic { grid-template-columns: 1fr 1fr 1.3fr; } .alt-marka { grid-column: 1 / -1; } }
@media (max-width: 699px) { .alt-son { padding-inline-end: 152px; } .alt-grup { inset-inline-end: 16px; } }
@media (max-width: 620px) { .alt-ic { grid-template-columns: 1fr 1fr; } .alt-iletisim-blok { grid-column: 1 / -1; } }

.yukari { position: fixed; inset-inline-end: 18px; bottom: 18px; z-index: 90; width: 58px; height: 58px; border-radius: 50%; background: #fff; box-shadow: var(--golge-b); display: grid; place-items: center; opacity: 0; translate: 0 16px; transition: opacity .35s, translate .35s var(--ease); }
.yukari.is-gor { opacity: 1; translate: 0 0; }
.yukari-svg { width: 58px; height: 58px; }
.yukari-iz { fill: none; stroke: rgba(29,27,24,.1); stroke-width: 3; }
.yukari-halka { fill: none; stroke: var(--yesil); stroke-width: 3; stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: calc(100 - var(--ilerleme, 0) * 100); transform: rotate(-90deg); transform-origin: 32px 32px; }
.yukari-govde { fill: none; stroke: var(--kraft-3); stroke-width: 1.8; stroke-linejoin: round; }
.yukari-dolu { fill: var(--kraft); transform-origin: 32px 45px; transform: scaleY(var(--ilerleme, 0)); }
.yukari-kapak { fill: none; stroke: var(--kraft-3); stroke-width: 1.8; stroke-linejoin: round; transition: transform .35s var(--ease); }
.yukari-kapak--sol { transform-origin: 21px 30px; }
.yukari-kapak--sag { transform-origin: 43px 30px; }
.yukari:hover .yukari-kapak--sol { transform: rotate(-25deg); }
.yukari:hover .yukari-kapak--sag { transform: rotate(25deg); }
.yukari-ok { fill: none; stroke: var(--ink); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .35s var(--ease); }
.yukari:hover .yukari-ok { transform: translateY(-4px); }

.kelebek { --kb: clamp(58px, 8.4vw, 124px); --don: 11.3deg; --yon: 1; position: absolute; z-index: 1; top: clamp(14px, 1.6vw, 26px); inset-inline-end: clamp(8px, 3vw, 64px); width: var(--kb); aspect-ratio: 299 / 173; pointer-events: none; }
[dir="rtl"] .kelebek { --yon: -1; }
.kelebek--bas { inset-inline-end: auto; inset-inline-start: clamp(8px, 3vw, 64px); --yon: -1; --don: -11.3deg; }
[dir="rtl"] .kelebek--bas { --yon: 1; }
.bolum[data-kelebek] { overflow-x: clip; }
.kelebek i { position: absolute; inset: 0; rotate: var(--don); perspective: 520px; opacity: 0; }
.kelebek i::before, .kelebek i::after { content: ""; position: absolute; top: 0; bottom: 0; width: 50%; background: url("../img/logo/kelebek.svg") no-repeat; background-size: 200% 100%; }
.kelebek i::before { left: 0; background-position: left center; transform-origin: right center; }
.kelebek i::after { right: 0; background-position: right center; transform-origin: left center; }
.kelebek.is-geldi i { opacity: 1; animation: kelebekGel 1.8s cubic-bezier(.3, .7, .3, 1) both; }
.kelebek.is-geldi i::before { animation: kanatSolHizli .18s ease-in-out 10 alternate, kanatSol 4.6s ease-in-out 1.8s infinite; }
.kelebek.is-geldi i::after { animation: kanatSagHizli .18s ease-in-out 10 alternate, kanatSag 4.6s ease-in-out 1.8s infinite; }
.kelebek.is-gitti i { animation: kelebekGit 1.1s cubic-bezier(.5, 0, .8, .4) both; }
.kelebek.is-gitti i::before { animation: kanatSolHizli .16s ease-in-out 7 alternate; }
.kelebek.is-gitti i::after { animation: kanatSagHizli .16s ease-in-out 7 alternate; }
@keyframes kelebekGel {
  0% { translate: calc(var(--yon) * 40vw) -90px; rotate: calc(var(--don) + var(--yon) * -24deg); }
  45% { translate: calc(var(--yon) * 13vw) 36px; }
  78% { translate: calc(var(--yon) * -14px) -14px; }
  100% { translate: 0 0; rotate: var(--don); }
}
@keyframes kelebekGit {
  0% { translate: 0 0; rotate: var(--don); opacity: 1; }
  35% { translate: calc(var(--yon) * 4vw) -34px; opacity: 1; }
  100% { translate: calc(var(--yon) * 34vw) -180px; rotate: calc(var(--don) + var(--yon) * 26deg); opacity: 0; }
}
@keyframes kanatSolHizli { to { transform: rotateY(62deg); } }
@keyframes kanatSagHizli { to { transform: rotateY(-62deg); } }
@keyframes kanatSol { 0%, 14%, 58%, 100% { transform: rotateY(0); } 24% { transform: rotateY(54deg); } 34% { transform: rotateY(8deg); } 46% { transform: rotateY(46deg); } }
@keyframes kanatSag { 0%, 14%, 58%, 100% { transform: rotateY(0); } 24% { transform: rotateY(-54deg); } 34% { transform: rotateY(-8deg); } 46% { transform: rotateY(-46deg); } }

.lg-k, .lg-o, .lg-nokta, .lg-r, .lg-u, .lg-p, .lg-a, .lg-kk { transform-box: fill-box; transform-origin: 50% 100%; }
.lg-k { animation: lgDus .55s cubic-bezier(.3, 1.45, .5, 1) .1s both; }
.lg-o { animation: lgDamla .85s .22s both, lgKonus .5s ease-out 2.3s; }
.lg-nokta { transform-origin: 50% 50%; animation: lgNokta .5s cubic-bezier(.3, 1.45, .5, 1) .8s both; }
.lg-r { animation: lgDus .55s cubic-bezier(.3, 1.45, .5, 1) .42s both; }
.lg-u { animation: lgDus .55s cubic-bezier(.3, 1.45, .5, 1) .52s both; }
.lg-p { animation: lgCik .55s cubic-bezier(.3, 1.45, .5, 1) .68s both; }
.lg-a { animation: lgCik .55s cubic-bezier(.3, 1.45, .5, 1) .78s both; }
.lg-kk { animation: lgCik .55s cubic-bezier(.3, 1.45, .5, 1) .88s both; }
.lg-alt { animation: lgSil .7s cubic-bezier(.65, 0, .35, 1) 1s both; }
.lg-kelebek { transform-origin: 60px 15px; animation: lgUc 1.5s cubic-bezier(.4, .1, .3, 1) .8s both; }
.lg-kanat { animation: lgCirp .15s ease-in-out .8s 10 alternate, lgDinlen 1s ease-in-out 2.3s; }
@keyframes lgDus { from { transform: translateY(-30px); opacity: 0; } 55% { opacity: 1; } }
@keyframes lgCik { from { transform: translateY(24px); opacity: 0; } 55% { opacity: 1; } }
@keyframes lgDamla {
  0% { transform: translateY(-30px) scale(.55, 1.25); opacity: 0; animation-timing-function: cubic-bezier(.55, 0, 1, .45); }
  50% { transform: translateY(0) scale(.92, 1.1); opacity: 1; animation-timing-function: ease-out; }
  68% { transform: scale(1.16, .82); }
  84% { transform: scale(.97, 1.05); }
  100% { transform: none; }
}
@keyframes lgNokta { from { transform: scale(0); } }
@keyframes lgKonus { 35% { transform: translateY(1.4px) scale(1.03, .97); } }
@keyframes lgSil { from { clip-path: inset(-2px 100% -2px 0); } to { clip-path: inset(-2px 0 -2px 0); } }
@keyframes lgUc {
  0% { transform: translate(calc(var(--lg-yon) * 225px), 22px) rotate(calc(var(--lg-yon) * -24deg)) scale(1.9); opacity: 0; }
  10% { opacity: 1; }
  34% { transform: translate(calc(var(--lg-yon) * 150px), -9px) rotate(calc(var(--lg-yon) * -30deg)) scale(1.7); }
  60% { transform: translate(calc(var(--lg-yon) * 84px), -3px) rotate(calc(var(--lg-yon) * -14deg)) scale(1.45); }
  84% { transform: translate(calc(var(--lg-yon) * 22px), -10px) rotate(calc(var(--lg-yon) * 6deg)) scale(1.15); }
  100% { transform: translate(0, 0) rotate(0) scale(1); opacity: 1; }
}
@keyframes lgCirp { to { transform: scaleX(.22); } }
@keyframes lgDinlen { 30% { transform: scaleX(.4); } 55% { transform: scaleX(.96); } 78% { transform: scaleX(.6); } }

@media (prefers-reduced-motion: reduce) {
  .marka-logo * { animation: none !important; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; transition-delay: 0s !important; scroll-behavior: auto !important; }
  .js .bel { opacity: 1; translate: none; }
  .kare-yazi > * { opacity: 1; translate: none; }
}