/* Gençler Mobilya · Banyo. Motor (scrollcraft.css) tokenlarla temalanır, kendisi düzenlenmez. */
:root {
  --yesil: #17352B;
  --yesil-2: #1F4537;
  --yesil-3: #0F251E;
  --krem: #F4EEE3;
  --kagit: #FBF8F2;
  --kum: #E9E1D3;
  --kehribar: #F2A93B;
  --kehribar-2: #E09424;
  --murekkep: #13261F;
  --wa: #1FA855;

  --sc-canvas: var(--krem);
  --sc-surface: #FFFFFF;
  --sc-ink: var(--murekkep);
  --sc-ink-soft: #4D5E55;
  --sc-accent: var(--kehribar);
  --sc-accent-ink: var(--murekkep);
  --sc-font-display: "Archivo", system-ui, sans-serif;
  --sc-font-text: "Archivo", system-ui, sans-serif;
  --sc-shadow-color: 152 40% 8%;
  --bar-h: 4.5rem;
}

html { scroll-padding-top: var(--bar-h); }
body { font-stretch: 100%; }
:focus-visible { outline-color: var(--yesil); }
.gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------------------------------------------------------- tipografi -- */
.baslik { font-family: var(--sc-font-display); font-weight: 900; font-stretch: 78%; line-height: 0.92; letter-spacing: -0.02em; margin: 0; text-wrap: balance; }
.baslik--xl { font-size: clamp(3.4rem, 1.6rem + 7vw, 8.4rem); }
.baslik--lg { font-size: clamp(2.6rem, 1.5rem + 4.4vw, 5.6rem); }
.baslik--md { font-size: clamp(2rem, 1.4rem + 2.4vw, 3.4rem); }
.baslik--sm { font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2.2rem); }
.etiket {
  display: inline-block; margin: 0 0 1.1rem; padding: .42rem .8rem .38rem; border-radius: 8px;
  background: var(--kehribar); color: var(--murekkep);
  font-size: .78rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase;
}

/* ------------------------------------------------------------ düğmeler -- */
.dugme {
  --b: var(--yesil); --y: var(--krem);
  display: inline-flex; align-items: center; gap: .7rem; min-height: 3rem;
  padding: .55rem .6rem .55rem 1.25rem; border-radius: 12px; border: 0;
  background: var(--b); color: var(--y); text-decoration: none; cursor: pointer;
  font-weight: 800; font-stretch: 92%; font-size: 1rem; letter-spacing: .01em;
  transition: transform var(--sc-d-fast) var(--sc-ease-out), background-color var(--sc-d-base) var(--sc-ease-out);
}
.dugme .ok {
  display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 8px;
  background: var(--kehribar); color: var(--murekkep); font-weight: 900;
  transition: transform var(--sc-d-base) var(--sc-ease-out);
}
.dugme:hover .ok { transform: translateX(3px); }
.dugme:active { transform: scale(.97); }
.dugme--buyuk { min-height: 3.6rem; font-size: 1.12rem; padding-left: 1.5rem; }
.dugme--bar { min-height: 2.6rem; padding: .35rem .4rem .35rem 1rem; font-size: .95rem; }
.dugme--bar .ok { width: 1.8rem; height: 1.8rem; }
.dugme--cizgi { background: transparent; color: var(--murekkep); box-shadow: inset 0 0 0 1.5px currentColor; padding-right: .6rem; }
.dugme--cizgi .ok { background: transparent; color: inherit; width: auto; }
.dugme--acik { color: var(--krem); }
.dugme--wa { --b: var(--wa); --y: #fff; padding: .7rem 1.4rem; justify-content: center; font-size: 1.08rem; }
.dugme--wa svg { width: 1.4rem; height: 1.4rem; }
.dugme--wa:hover { background: #17924A; }

/* --------------------------------------------------------------- bar -- */
.bar {
  position: fixed; inset: 0 0 auto; z-index: var(--sc-z-chrome); height: var(--bar-h);
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  padding: 0 var(--sc-gutter);
  transition: background-color var(--sc-d-slow) var(--sc-ease-out), color var(--sc-d-slow) var(--sc-ease-out), box-shadow var(--sc-d-slow);
}
.bar--dolu { background: color-mix(in oklab, var(--krem) 88%, transparent); backdrop-filter: blur(12px); box-shadow: 0 1px 0 var(--sc-hairline); }
.bar--koyu { background: color-mix(in oklab, var(--yesil) 92%, transparent); color: var(--krem); box-shadow: none; }
.bar--koyu .dugme--bar { --b: var(--krem); --y: var(--murekkep); }
.marka { display: flex; align-items: center; gap: .7rem; text-decoration: none; color: inherit; }
.marka__isaret {
  position: relative; display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border-radius: 10px;
  background: var(--yesil); color: var(--krem); font-weight: 900; font-size: 1.6rem; line-height: 1; padding-right: .3rem;
}
.marka__isaret i { position: absolute; right: .42rem; top: .8rem; width: 3px; height: .9rem; border-radius: 2px; background: var(--kehribar); }
.bar--koyu .marka__isaret { background: var(--krem); color: var(--yesil); }
.marka__ad b { display: block; font-size: 1.3rem; font-weight: 900; font-stretch: 85%; line-height: 1; letter-spacing: .01em; }
.marka__ad small { display: block; font-size: .62rem; font-weight: 700; letter-spacing: .42em; margin-top: .2rem; }
.bar__nav { display: flex; gap: 2rem; margin-left: auto; margin-right: 1.4rem; }
.bar__nav a { text-decoration: none; font-weight: 700; font-size: .95rem; opacity: .8; }
.bar__nav a:hover { opacity: 1; text-decoration: underline; }

/* =========================================================== 1 · KURULUM */
.kur__sahne { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); }
.kur__metin {
  grid-column: 1; grid-row: 1; align-self: center; z-index: 3;
  padding: calc(var(--bar-h) + 2rem) clamp(1rem, 3vw, 3rem) 3rem var(--sc-gutter);
}
.kur__alt { max-width: 34ch; font-size: clamp(1.05rem, .95rem + .4vw, 1.3rem); line-height: 1.5; color: var(--sc-ink-soft); margin: 1.4rem 0 0; }
.kur__fiyat { display: flex; align-items: baseline; gap: .45rem; margin: 1.6rem 0 0; font-weight: 800; font-size: 1.15rem; }
.kur__fiyat b { font-size: clamp(2.4rem, 1.8rem + 2vw, 3.6rem); font-weight: 900; font-stretch: 75%; color: var(--yesil); letter-spacing: -0.02em; line-height: 1; }
.kur__eylem { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.4rem; margin-top: 1.8rem; }
.renk-sec { display: inline-flex; padding: .3rem; border-radius: 14px; background: color-mix(in oklab, var(--yesil) 8%, transparent); box-shadow: inset 0 0 0 1px var(--sc-hairline); }
.renk-sec button {
  display: inline-flex; align-items: center; gap: .5rem; min-height: 2.8rem; padding: .4rem 1rem; border: 0; border-radius: 10px;
  background: transparent; cursor: pointer; font-weight: 800; font-size: .98rem;
  transition: background-color var(--sc-d-base) var(--sc-ease-out), box-shadow var(--sc-d-base);
}
.renk-sec button[aria-checked="true"] { background: #fff; box-shadow: var(--sc-e1); }
.nokta { display: inline-block; width: 1rem; height: 1rem; border-radius: 50%; flex: none; box-shadow: inset 0 0 0 1px rgba(0,0,0,.18); }
.nokta--b { background: #F7F7F5; }
.nokta--a { background: #4A4C4E; }

.kur__film {
  grid-column: 2; grid-row: 1; position: relative; overflow: hidden; background: #E9E9E7;
  margin: calc(var(--bar-h) + .25rem) var(--sc-gutter) 1.25rem 0; border-radius: 20px;
  box-shadow: var(--sc-e2);
}
.kur__film canvas, .kur__poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.kur__poster { z-index: 0; }
.kur__film canvas { z-index: 1; }
.kur__adimlar { list-style: none; margin: 0; padding: 0; position: absolute; left: 1.2rem; bottom: 1.2rem; z-index: 2; }
.kur__adimlar li {
  position: absolute; left: 0; bottom: 0; white-space: nowrap;
  padding: .6rem 1rem; border-radius: 10px; background: var(--yesil); color: var(--krem);
  font-weight: 900; font-stretch: 85%; font-size: 1.25rem; box-shadow: var(--sc-e2);
}
.kur__adimlar small { font-weight: 700; font-size: .8rem; color: var(--kehribar); margin-left: .3rem; letter-spacing: .04em; }
.kur__rozet {
  position: absolute; z-index: 4; left: calc(52.5% - 4.5rem); top: 58%;
  width: 9rem; height: 9rem; border-radius: 50%; background: var(--kehribar); color: var(--murekkep);
  display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;
  rotate: -9deg; box-shadow: 0 14px 30px -8px rgba(19, 38, 31, .45);
}
.kur__rozet::before { content: ""; position: absolute; inset: 7px; border-radius: 50%; border: 1.5px dashed rgba(19, 38, 31, .45); }
.kur__rozet b { font-size: 2rem; font-weight: 900; font-stretch: 78%; line-height: .9; }
.kur__rozet small { font-size: .58rem; font-weight: 900; letter-spacing: .14em; margin-top: .35rem; }

/* ============================================================ 2 · GERÇEK */
.gercek__izgara { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(2rem, 6vw, 6rem); align-items: center; }
.gercek__kare { position: relative; aspect-ratio: 4 / 5; border-radius: 20px; overflow: hidden; box-shadow: var(--sc-e3); background: #E9E9E7; }
.gercek__kare > img, .gercek__kare figure, .gercek__kare figure img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; margin: 0; }
.gercek__foto { object-position: 32% 50%; }
.gercek__kare figure.yukleniyor { visibility: hidden; }
.gercek__not { position: absolute; left: 1rem; top: 1rem; padding: .35rem .7rem; border-radius: 8px; background: rgba(255,255,255,.88); font-weight: 800; font-size: .82rem; }
.gercek__kare figure::after {
  content: "Gerçek fotoğraf"; position: absolute; right: 1rem; bottom: 1rem; padding: .35rem .7rem; border-radius: 8px;
  background: var(--kehribar); color: var(--murekkep); font-weight: 900; font-size: .82rem;
}
.gercek__kucuk { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin-top: 2rem !important; max-width: 19rem; }
.gercek__kucuk img { width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 14px; background: #E9E9E7; }

/* ============================================================= 3 · TAKIM */
.takim { color: var(--krem); background: var(--yesil); }
.takim__sahne { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: center; padding: calc(var(--bar-h) + 1rem) var(--sc-gutter) 2rem; }
.takim__foto { position: relative; border-radius: 18px; overflow: hidden; max-height: calc(100svh - var(--bar-h) - 3rem); aspect-ratio: 1600 / 1342; justify-self: center; width: 100%; }
.takim__foto img { width: 100%; height: 100%; object-fit: cover; }
.pin {
  position: absolute; left: var(--x); top: var(--y); translate: -50% -50%;
  display: grid; place-items: center; width: 2.8rem; height: 2.8rem; border-radius: 50%;
  background: var(--kehribar); color: var(--murekkep); font-weight: 900; font-size: 1.3rem;
  box-shadow: 0 0 0 6px rgba(242, 169, 59, .3), 0 8px 18px -4px rgba(0,0,0,.4);
}
.pin--ops { background: var(--krem); box-shadow: 0 0 0 6px rgba(244, 238, 227, .3), 0 8px 18px -4px rgba(0,0,0,.4); }
.takim__liste { list-style: none; counter-reset: s; margin: 2rem 0 0; padding: 0; }
.takim__liste li { counter-increment: s; display: grid; grid-template-columns: 2.4rem 1fr; column-gap: 1rem; padding: 1rem 0; border-top: 1px solid rgba(244,238,227,.18); }
.takim__liste li::before {
  content: counter(s); grid-row: span 2; display: grid; place-items: center; width: 2.2rem; height: 2.2rem; border-radius: 50%;
  background: var(--kehribar); color: var(--murekkep); font-weight: 900;
}
.takim__liste li.ops::before { background: var(--krem); }
.takim__liste b { font-size: 1.35rem; font-weight: 900; font-stretch: 85%; }
.takim__liste em { font-style: normal; font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--kehribar); margin-left: .4rem; }
.takim__liste span { color: rgba(244,238,227,.75); font-size: 1rem; }

/* =========================================================== 4 · SİPARİŞ */
.siparis__bas { display: grid; grid-template-columns: auto minmax(0, 30rem); justify-content: space-between; align-items: end; gap: 1.5rem 3rem; margin-bottom: clamp(2rem, 4vw, 3.5rem); }
.kurucu { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: start; }
.kurucu__gorsel { position: sticky; top: calc(var(--bar-h) + 1rem); display: grid; gap: 1rem; }
.kurucu__foto { position: relative; aspect-ratio: 1600 / 1342; border-radius: 20px; overflow: hidden; background: #E9E9E7; box-shadow: var(--sc-e2); }
.kurucu__foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 420ms var(--sc-ease-out); }
.kurucu__foto img.aktif { opacity: 1; }
.kurucu__cizim { margin: 0; padding: 1rem 1.2rem .8rem; border-radius: 16px; background: #fff; box-shadow: inset 0 0 0 1px var(--sc-hairline); }
.kurucu__cizim svg { width: 100%; height: auto; max-height: 15rem; color: var(--murekkep); }
.kurucu__cizim figcaption { font-size: .82rem; color: var(--sc-ink-soft); margin-top: .4rem; }
.kurucu__cizim .govde { transition: x 420ms var(--sc-ease-out), width 420ms var(--sc-ease-out), fill 300ms; }

.kurucu__secim { display: grid; gap: 1.4rem; }
.secim { border: 0; margin: 0; padding: 0; min-width: 0; }
.secim legend { font-weight: 900; font-size: 1.05rem; margin-bottom: .7rem; padding: 0; }
.secim__dugmeler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
.secim__dugmeler--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.secim__dugmeler label { position: relative; cursor: pointer; }
.secim__dugmeler input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.secim__dugmeler span {
  display: flex; flex-wrap: wrap; align-items: center; gap: .15rem .55rem; min-height: 3.6rem; height: 100%;
  padding: .7rem .9rem; border-radius: 12px; background: #fff; box-shadow: inset 0 0 0 1.5px var(--sc-hairline-strong);
  transition: box-shadow var(--sc-d-base) var(--sc-ease-out), background-color var(--sc-d-base);
}
.secim__dugmeler--4 span { flex-direction: column; align-items: flex-start; justify-content: center; }
.secim__dugmeler b { font-weight: 900; font-size: 1.05rem; line-height: 1.15; }
.secim__dugmeler small { font-size: .8rem; color: var(--sc-ink-soft); font-weight: 600; line-height: 1.2; }
.secim__dugmeler label:hover span { box-shadow: inset 0 0 0 1.5px var(--yesil); }
.secim__dugmeler input:checked + span { background: var(--yesil); color: var(--krem); box-shadow: inset 0 0 0 1.5px var(--yesil); }
.secim__dugmeler input:checked + span small { color: var(--kehribar); }
.secim__dugmeler input:focus-visible + span { outline: 2px solid var(--kehribar); outline-offset: 2px; }
.secim__not { margin: .55rem 0 0; font-size: .88rem; color: var(--sc-ink-soft); }
.secim__not a { color: var(--yesil); font-weight: 800; }
.secim--satir { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 1rem; align-items: end; }

.adet__etiket, .alan > span { display: block; font-weight: 900; font-size: 1.05rem; margin-bottom: .5rem; }
.alan small { font-weight: 600; color: var(--sc-ink-soft); font-size: .82rem; }
.adet__kutu { display: flex; align-items: stretch; height: 3.2rem; border-radius: 12px; background: #fff; box-shadow: inset 0 0 0 1.5px var(--sc-hairline-strong); overflow: hidden; }
.adet__kutu button { width: 3rem; border: 0; background: transparent; font-size: 1.4rem; font-weight: 800; cursor: pointer; }
.adet__kutu button:hover { background: var(--kum); }
.adet__kutu input { width: 3rem; border: 0; background: transparent; text-align: center; font-weight: 900; font-size: 1.15rem; -moz-appearance: textfield; }
.adet__kutu input::-webkit-inner-spin-button, .adet__kutu input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.alan { display: block; }
.alan input, .alan select, .alan textarea {
  width: 100%; min-height: 3.2rem; padding: .7rem .9rem; border: 0; border-radius: 12px; background: #fff;
  box-shadow: inset 0 0 0 1.5px var(--sc-hairline-strong); font-size: 1rem;
}
.alan textarea { resize: vertical; min-height: 4.4rem; }
.alan :is(input, select, textarea):focus { outline: none; box-shadow: inset 0 0 0 2px var(--yesil); }

.ozet { padding: 1.2rem 1.3rem; border-radius: 16px; background: var(--yesil); color: var(--krem); }
.ozet__satirlar { list-style: none; margin: 0; padding: 0; display: grid; gap: .45rem; font-size: .95rem; }
.ozet__satirlar li { display: flex; justify-content: space-between; gap: 1rem; }
.ozet__satirlar li span:last-child { white-space: nowrap; font-weight: 800; }
.ozet__satirlar li.bos { color: var(--kehribar); }
.ozet__toplam { display: flex; justify-content: space-between; align-items: baseline; margin: .9rem 0 0; padding-top: .8rem; border-top: 1px solid rgba(244,238,227,.2); }
.ozet__toplam span { font-weight: 800; }
.ozet__toplam b { font-size: clamp(2.4rem, 1.8rem + 2vw, 3.4rem); font-weight: 900; font-stretch: 75%; color: var(--kehribar); line-height: 1; font-variant-numeric: tabular-nums; }
.ozet__toplam b.vurgu { animation: vurgu 420ms var(--sc-ease-out); }
@keyframes vurgu { from { transform: translateY(6px); opacity: .4; } }
#wa-siparis { width: 100%; min-height: 3.8rem; }
#wa-siparis[aria-disabled="true"] { opacity: .45; pointer-events: none; }
.kurucu__dip { margin: -.4rem 0 0; font-size: .85rem; color: var(--sc-ink-soft); }

.liste { margin-top: clamp(3rem, 6vw, 5rem); max-width: 46rem; }
.liste__tablo { width: 100%; border-collapse: collapse; margin-top: 1rem; font-size: 1.05rem; }
.liste__tablo th, .liste__tablo td { text-align: left; padding: .8rem .4rem; border-bottom: 1px solid var(--sc-hairline-strong); }
.liste__tablo th { font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; color: var(--sc-ink-soft); }
.liste__tablo td { font-weight: 700; }
.liste__tablo td + td { font-weight: 900; }
.liste__not { font-size: .88rem; color: var(--sc-ink-soft); margin-top: .8rem; }

/* ========================================================= 5 · INSTAGRAM */
.insta [data-sc-stage] { display: flex; align-items: center; }
.ray { gap: clamp(1rem, 2.4vw, 2rem); padding: calc(var(--bar-h) + 1rem) var(--sc-gutter) 1.5rem; align-items: center; }
.ray__bas { flex: 0 0 min(26rem, 80vw); display: grid; gap: 1rem; justify-items: start; padding-right: 2rem; }
.reel { flex: 0 0 auto; margin: 0; position: relative; cursor: pointer; }
.reel video { height: min(64svh, 38rem); width: auto; aspect-ratio: 9 / 16; object-fit: contain; border-radius: 18px; background: var(--yesil); box-shadow: var(--sc-e3); }
.reel figcaption { margin-top: .7rem; font-weight: 800; font-size: .95rem; color: var(--murekkep); }
.reel::after {
  content: ""; position: absolute; left: 50%; top: calc(min(64svh, 38rem) / 2); translate: -50% -50%;
  width: 4rem; height: 4rem; border-radius: 50%; pointer-events: none;
  background: rgba(15, 37, 30, .72) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23F4EEE3' d='M8 5v14l11-7z'/%3E%3C/svg%3E") center / 1.8rem no-repeat;
  transition: opacity var(--sc-d-base) var(--sc-ease-out);
}
.reel--oynuyor::after { opacity: 0; }

/* ========================================================== 6 · KAPANIŞ */
.kapanis { color: var(--krem); background: var(--yesil); }
.kapanis__izgara { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: start; }
.sss details { border-top: 1px solid rgba(244,238,227,.2); padding: .2rem 0; }
.sss details:last-child { border-bottom: 1px solid rgba(244,238,227,.2); }
.sss summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 1rem; padding: 1rem 0; font-weight: 800; font-size: 1.1rem; }
.sss summary::-webkit-details-marker { display: none; }
.sss summary::after { content: "+"; color: var(--kehribar); font-size: 1.5rem; line-height: 1; transition: rotate var(--sc-d-base) var(--sc-ease-out); }
.sss details[open] summary::after { rotate: 45deg; }
.sss details p { margin: 0 0 1.1rem; color: rgba(244,238,227,.78); max-width: 46ch; }
.kapanis__slogan { color: var(--krem); }
.kapanis__tel { display: block; margin-top: 1.4rem; font-size: clamp(2.2rem, 1.6rem + 2.6vw, 4rem); font-weight: 900; font-stretch: 78%; color: var(--kehribar); text-decoration: none; letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
.kapanis__eylem { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.4rem; }
.harita { margin-top: 2rem; border-radius: 16px; overflow: hidden; aspect-ratio: 16 / 9; background: var(--yesil-2); }
.harita iframe { width: 100%; height: 100%; border: 0; display: block; filter: saturate(.8); }
.kapanis__adres { font-style: normal; margin-top: 1.2rem; color: rgba(244,238,227,.78); line-height: 1.7; }
.kapanis__adres a { color: var(--krem); }
.dip { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .5rem 2rem; padding-block: 1.6rem 6rem; border-top: 1px solid rgba(244,238,227,.15); font-size: .85rem; color: rgba(244,238,227,.6); }

/* ============================================================ ASİSTAN */
.asistan { position: fixed; right: clamp(.9rem, 2vw, 1.6rem); bottom: clamp(.9rem, 2vw, 1.6rem); z-index: 80; }
.asistan__ac {
  display: inline-flex; align-items: center; gap: .6rem; min-height: 3.4rem; padding: .5rem 1.2rem .5rem .55rem; border: 0; border-radius: 999px;
  background: var(--yesil); color: var(--krem); font-weight: 900; font-size: 1rem; cursor: pointer;
  box-shadow: 0 12px 28px -8px rgba(15, 37, 30, .55);
  transition: transform var(--sc-d-fast) var(--sc-ease-out);
}
.asistan__ac:active { transform: scale(.96); }
.asistan__ikon { display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: 50%; background: var(--kehribar); color: var(--murekkep); font-size: 1.2rem; }
.asistan--acik .asistan__ac { display: none; }
.asistan__panel {
  width: min(24rem, calc(100vw - 1.8rem)); height: min(36rem, calc(100svh - 6rem));
  display: flex; flex-direction: column; border-radius: 20px; overflow: hidden; background: var(--kagit);
  box-shadow: 0 24px 60px -12px rgba(15, 37, 30, .45), 0 0 0 1px var(--sc-hairline);
  transform-origin: bottom right; animation: panel-ac 260ms var(--sc-ease-out);
}
.asistan__panel[hidden] { display: none; }
@keyframes panel-ac { from { opacity: 0; transform: scale(.94) translateY(8px); } }
.asistan__ust { display: flex; align-items: center; gap: .7rem; padding: .8rem .9rem; background: var(--yesil); color: var(--krem); }
.marka__isaret--kucuk { width: 2.2rem; height: 2.2rem; font-size: 1.3rem; background: var(--krem); color: var(--yesil); border-radius: 9px; }
.marka__isaret--kucuk i { top: .66rem; right: .34rem; height: .75rem; }
.asistan__ust b { display: block; font-weight: 900; }
.asistan__ust small { display: block; font-size: .78rem; opacity: .75; }
.asistan__kapat { margin-left: auto; width: 2.4rem; height: 2.4rem; border: 0; border-radius: 10px; background: rgba(244,238,227,.12); color: inherit; font-size: 1.4rem; cursor: pointer; }
.asistan__akis { flex: 1; overflow-y: auto; padding: 1rem; display: flex; flex-direction: column; gap: .6rem; overscroll-behavior: contain; }
.msj { max-width: 88%; padding: .65rem .85rem; border-radius: 14px; font-size: .95rem; line-height: 1.45; white-space: pre-line; animation: msj 240ms var(--sc-ease-out); }
@keyframes msj { from { opacity: 0; transform: translateY(6px); } }
.msj--bot { align-self: flex-start; background: #fff; box-shadow: inset 0 0 0 1px var(--sc-hairline); border-bottom-left-radius: 4px; }
.msj--sen { align-self: flex-end; background: var(--yesil); color: var(--krem); border-bottom-right-radius: 4px; }
.msj b { font-weight: 900; }
.msj a.msj__wa, .msj a.msj__git {
  display: inline-flex; align-items: center; gap: .4rem; margin-top: .55rem; padding: .45rem .8rem; border-radius: 9px;
  background: var(--wa); color: #fff; text-decoration: none; font-weight: 800; font-size: .88rem; white-space: nowrap;
}
.msj a.msj__git { background: var(--yesil); margin-left: .3rem; }
.msj--yaziyor { color: var(--sc-ink-soft); }
.asistan__oneriler { display: flex; gap: .4rem; overflow-x: auto; padding: 0 .8rem .6rem; scrollbar-width: none; }
.asistan__oneriler button {
  flex: none; padding: .45rem .8rem; border: 0; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1px var(--sc-hairline-strong);
  font-weight: 700; font-size: .85rem; cursor: pointer; white-space: nowrap;
}
.asistan__oneriler button:hover { box-shadow: inset 0 0 0 1.5px var(--yesil); }
.asistan__yaz { display: flex; gap: .5rem; padding: .7rem; border-top: 1px solid var(--sc-hairline); background: #fff; }
.asistan__yaz input { flex: 1; min-width: 0; min-height: 2.8rem; padding: .5rem .9rem; border: 0; border-radius: 12px; background: var(--kagit); box-shadow: inset 0 0 0 1px var(--sc-hairline-strong); font-size: 1rem; }
.asistan__yaz input:focus { outline: none; box-shadow: inset 0 0 0 2px var(--yesil); }
.asistan__yaz button { width: 2.8rem; border: 0; border-radius: 12px; background: var(--kehribar); color: var(--murekkep); font-weight: 900; font-size: 1.2rem; cursor: pointer; }

/* ============================================================== MOBİL */
@media (max-width: 860px) {
  :root { --bar-h: 4rem; }
  .bar__nav { display: none; }
  .marka__isaret { width: 2.3rem; height: 2.3rem; font-size: 1.4rem; }
  .marka__ad b { font-size: 1.15rem; }

  .kur__sahne { display: block; }
  .kur__film { position: absolute; inset: 0; margin: 0; border-radius: 0; box-shadow: none; background: var(--krem); }
  .kur__poster { display: none; }
  .kur__film::after { content: ""; position: absolute; inset: auto 0 0; height: 62%; z-index: 1; background: linear-gradient(to top, var(--krem) 34%, color-mix(in oklab, var(--krem) 70%, transparent) 62%, transparent); pointer-events: none; }
  .kur__adimlar { left: auto; right: 1rem; top: calc(var(--bar-h) + .6rem); bottom: auto; }
  .kur__adimlar li { left: auto; right: 0; top: 0; bottom: auto; font-size: 1rem; padding: .45rem .75rem; }
  .kur__metin { position: absolute; inset: auto 0 0; padding: 0 1rem 1.2rem; }
  .kur__metin .etiket { margin-bottom: .6rem; font-size: .68rem; }
  .baslik--xl { font-size: clamp(3rem, 13vw, 4.4rem); }
  .kur__alt { font-size: 1rem; margin-top: .7rem; }
  .kur__fiyat { margin-top: .8rem; }
  .kur__fiyat b { font-size: 2.3rem; }
  .kur__eylem { margin-top: 1rem; gap: .7rem; }
  .kur__eylem .dugme--buyuk { flex: 1 1 100%; justify-content: space-between; }
  .renk-sec { flex: 1 1 auto; margin-right: 3.8rem; }
  .renk-sec button { flex: 1; justify-content: center; }
  .kur__rozet { left: 1rem; top: calc(var(--bar-h) + .8rem); width: 6.2rem; height: 6.2rem; }
  .kur__rozet b { font-size: 1.4rem; }
  .kur__rozet small { font-size: .44rem; }

  .gercek__izgara { grid-template-columns: 1fr; }
  .gercek__kare { aspect-ratio: 4 / 4.6; }

  .takim__sahne { grid-template-columns: 1fr; align-content: center; gap: 1rem; padding-bottom: 1rem; }
  .takim__metin .baslik { font-size: 2.4rem; }
  .takim__liste { margin-top: .8rem; }
  .takim__liste li { padding: .5rem 0; }
  .takim__liste b { font-size: 1.1rem; }
  .takim__liste span { font-size: .88rem; }
  .pin { width: 2.2rem; height: 2.2rem; font-size: 1rem; }

  .siparis__bas { grid-template-columns: 1fr; }
  .kurucu { grid-template-columns: 1fr; }
  .kurucu__gorsel { position: relative; top: 0; }
  .kurucu__cizim svg { max-height: 11rem; }
  .secim__dugmeler--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .secim--satir { grid-template-columns: 1fr; }

  .reel video { height: min(58svh, 32rem); }
  .reel::after { top: calc(min(58svh, 32rem) / 2); }
  .ray__bas { flex-basis: 78vw; }

  .kapanis__izgara { grid-template-columns: 1fr; }
  .asistan__ac span:last-child { display: none; }
  .asistan__ac { padding: .5rem; }
  .asistan { right: .8rem; bottom: .8rem; }
}
@media (max-width: 860px) and (max-height: 700px) {
  .kur__alt { display: none; }
}