/* UBtedyy — sade sahne, marka paleti ve ölçülü hareket. */
.gorunum-oyuncu { --yazi-tipi: 'Trebuchet MS', 'Segoe UI', sans-serif; --yazi-2: #7c6555; --kenar: rgba(115,82,58,.13); --golge: 0 10px 30px rgba(115,82,58,.06); color: #49382c; }
.gorunum-oyuncu h1,.gorunum-oyuncu h2,.gorunum-oyuncu h3 { font-weight: 500; letter-spacing: -.035em; }
.gorunum-oyuncu .duyuru { font-size: 11px; letter-spacing: .06em; background: #f6e8ce; color: #74513a; }
.gorunum-oyuncu .serit { font-size: 11px; border-bottom: 1px solid var(--kenar); }
.gorunum-oyuncu .ust { border-bottom: 1px solid var(--kenar); }
.gorunum-oyuncu .menu-alt { background: var(--ust-zemin); }
.gorunum-oyuncu .arama-kutusu .arama { background: #f7f3eb; border: 0; }
.gorunum-oyuncu .ana-menu > ul > li > a { font-weight: 400; }
.gorunum-oyuncu .ana-menu > ul > li:hover > a { color: #b75140; }
.gorunum-oyuncu .dugme-dolu { background: #b95143; color: #fff; border: 0; box-shadow: none; border-radius: 999px; font-weight: 500; }
.gorunum-oyuncu .dugme:hover { background: #984335; color: #fff; }
.gorunum-oyuncu .urun-sahnesi { padding: 20px 0 10px; }
.sahne { position: relative; overflow: clip; background: #fbf2df; border-radius: 22px; text-align: center; isolation: isolate; }
.sahne-baslik { position: relative; z-index: 2; padding: 18px 24px 0; }
.sahne-baslik h2 { font-size: clamp(30px,3.4vw,48px); line-height: 1.12; color: #b95143; margin: 0 auto 12px; max-width: 650px; }
.sahne-baslik > p:last-child { font-size: 14px; line-height: 1.7; color: #806350; margin-bottom: 0; }
.sahne-podyum { position: relative; height: 365px; max-width: 760px; margin: 16px auto 0; }
.sahne-cark { position: absolute; width: 510px; height: 510px; border-radius: 50%; background: repeating-conic-gradient(from 0deg,#e8a899 0deg 30deg,#f3cbb7 30deg 60deg); bottom: -280px; left: calc(50% - 255px); transform: rotate(var(--cark-aci,0deg)); transition: transform .8s cubic-bezier(.22,.7,.25,1); opacity: .55; z-index: -1; }
.sahne-slayt { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; }
.sahne-urun-gorsel { width: 310px; height: 270px; mix-blend-mode: multiply; animation: sahne-giris .65s ease both; }
.sahne-urun-gorsel img { width: 100%; height: 100%; object-fit: contain; }
.sahne-urun-yazi { position: relative; z-index: 2; padding-bottom: 3px; }
.sahne-urun-yazi p { margin: 0 0 3px; text-transform: uppercase; font-size: 9px; letter-spacing: .16em; color: #85543f; }
.sahne-urun-yazi h3 { font-size: 20px; margin: 0 0 12px; }
.sahne-urun-yazi .dugme { min-height: 40px; font-size: 12px; padding: 0 25px; }
.sahne-dekor { position: absolute; width: 135px; color: #aa7954; top: 48%; pointer-events: none; opacity: .85; }
.sahne-dekor svg { width: 100%; height: auto; }
.sahne-dekor-sol { left: 7%; transform: rotate(-9deg); }
.sahne-dekor-sag { right: 7%; transform: scaleX(-1) rotate(-9deg); }
.sahne::before,.sahne::after { content: ''; position: absolute; width: 140px; height: 290px; top: -150px; border-radius: 50%; background: #edacad; opacity: .25; pointer-events: none; }
.sahne::before { left: -75px; transform: rotate(-25deg); }
.sahne::after { right: -75px; transform: rotate(25deg); }
.sahne-kontrol { position: relative; display: flex; justify-content: center; align-items: center; gap: 14px; z-index: 3; padding: 18px 12px 20px; }
.sahne-kontrol .simge-dugme { width: 30px; height: 30px; color: #996d51; }
.sahne-kontrol [data-sahne-once] svg { transform: rotate(180deg); }
.sahne-noktalar { display: flex; align-items: center; gap: 9px; }
.sahne-noktalar button { border: 0; width: 24px; height: 24px; padding: 8px; background: transparent; position: relative; }
.sahne-noktalar button::after { content: ''; position: absolute; inset: 9px; border-radius: 50%; background: #d3b5a1; }
.sahne-noktalar button[aria-pressed=true]::after { background: #b95143; inset: 8px; }
.sahne-duraklat { border: 0; background: transparent; color: #76513d; font-size: 11px; padding: 8px; }
.sahne button:focus-visible,.sahne a:focus-visible { outline: 2px solid #4176be; outline-offset: 4px; }
.gorunum-oyuncu .izgara-blok { padding: 14px 0 6px; }
.gorunum-oyuncu .izgara { gap: 16px; }
.gorunum-oyuncu .izgara-oge { border: 0; box-shadow: none; background: #f5e6d8; border-radius: 16px; }
.gorunum-oyuncu .izgara-oge:nth-child(2) { background: #e5eee8; }
.gorunum-oyuncu .izgara-oge:nth-child(3) { background: #f4e1df; }
.gorunum-oyuncu .izgara-gorsel { inset: 10% 52% 5% 0; mix-blend-mode: multiply; }
.gorunum-oyuncu .izgara-gorsel img { object-fit: contain; }
.gorunum-oyuncu .izgara-icerik { inset: 0 0 0 48%; padding: 20px; justify-content: center; gap: 9px; }
.gorunum-oyuncu .izgara-ust { font-size: 9px; font-weight: 400; letter-spacing: .09em; color: #816852; }
.gorunum-oyuncu .izgara-baslik { font-size: clamp(18px,1.9vw,27px); font-weight: 500; }
.gorunum-oyuncu .izgara-dugme { background: none; color: #8e5140; padding: 0; min-height: 24px; font-size: 11px; }
.gorunum-oyuncu .anasayfa-h1 { padding: 14px 20px 0; }
.gorunum-oyuncu .anasayfa-h1 h1 { font-size: 13px; color: var(--yazi-2); font-weight: 400; line-height: 1.5; }
.gorunum-oyuncu .hikayeler { padding: 24px 0; }
.gorunum-oyuncu .hikaye-gorsel { background: #f6eee3; padding: 5px; border: 0; box-shadow: none; }
.gorunum-oyuncu .hikaye-gorsel img { mix-blend-mode: multiply; border-radius: 50%; }
.gorunum-oyuncu .hikaye-ad { font-size: 12px; font-weight: 400; }
.gorunum-oyuncu .blok-baslik h2 { font-size: clamp(26px,3vw,38px); }
.gorunum-oyuncu .blok-baslik p { font-size: 13px; }
.gorunum-oyuncu .urun-kart { border: 0; background: #fff; border-radius: 16px; box-shadow: none; padding: 8px; }
.gorunum-oyuncu .urun-gorsel { border-radius: 11px; }
.gorunum-oyuncu .urun-bilgi { padding: 13px 6px 6px; }
.gorunum-oyuncu .urun-bilgi h3 { font-size: 14px; line-height: 1.45; font-weight: 400; letter-spacing: 0; }
.gorunum-oyuncu .guven-kutu { background: none; border: 0; box-shadow: none; padding: 20px 0; }
.gorunum-oyuncu .guven-simge { background: #f6e8ce; color: #9c6950; border: 0; border-radius: 50%; }
.gorunum-oyuncu .guven-oge h3 { font-size: 14px; }
.gorunum-oyuncu .guven-oge p { font-size: 12px; }
.gorunum-oyuncu .alt { border-top: 1px solid var(--kenar); border-radius: 24px 24px 0 0; }
@keyframes sahne-giris { from { opacity: 0; transform: translateY(12px) rotate(-4deg) scale(.96); } to { opacity: 1; transform: none; } }
@media(min-width:768px) { .gorunum-oyuncu .izgara-3 > .izgara-oge { aspect-ratio: 2.1; } }
@media(max-width:767px) {
 .sahne-baslik { padding: 16px 20px 0; }
 .sahne-baslik h2 { font-size: 32px; }
 .sahne-baslik > p:last-child { font-size: 12px; max-width: 260px; margin: auto; }
 .sahne-podyum { height: 350px; }
 .sahne-urun-gorsel { width: 250px; height: 245px; }
 .sahne-cark { width: 380px; height: 380px; left: calc(50% - 190px); bottom: -170px; }
 .sahne-dekor { width: 63px; top: 49%; opacity: .55; }
 .sahne-dekor-sol { left: 0; } .sahne-dekor-sag { right: 0; }
 .sahne-urun-yazi h3 { font-size: 18px; }
 .gorunum-oyuncu .izgara.mobil-tek > .izgara-oge { aspect-ratio: 2.5; }
 .gorunum-oyuncu .izgara-icerik { padding: 15px; }
 .gorunum-oyuncu .izgara-baslik { font-size: 22px; }
 .gorunum-oyuncu .guven-kutu { padding: 10px; }
}
@media(prefers-reduced-motion:reduce) { .sahne-cark { transition: none; } .sahne-urun-gorsel { animation: none; } }
@media(min-width:768px) {
 .sahne-baslik { padding-top: 14px; }
 .sahne-podyum { height: 335px; }
 .sahne-urun-gorsel { height: 220px; width: 285px; }
 .sahne-kontrol { padding-top: 12px; padding-bottom: 14px; }
 .sahne-dekor { top: 46%; width: 120px; }
}

@font-face { font-family: 'Fredoka'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fonts/fredoka-medium.ttf') format('truetype'); }
@font-face { font-family: 'Fredoka'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/fredoka-semibold.ttf') format('truetype'); }
/* Yuvarlak, hafif oyuncu başlıklar; ürün açıklamalarında mevcut okunaklı yazı. */
.gorunum-oyuncu .sahne-baslik h2,
.gorunum-oyuncu .sahne-urun-yazi h3,
.gorunum-oyuncu .izgara-baslik,
.gorunum-oyuncu .blok-baslik h2,
.gorunum-oyuncu .guven-oge h3 { font-family: 'Fredoka', 'Trebuchet MS', sans-serif; font-weight: 500; letter-spacing: -.015em; }
.gorunum-oyuncu .sahne-baslik h2 { font-size: clamp(34px,3.7vw,52px); line-height: 1.08; }
.gorunum-oyuncu .sahne-urun-yazi h3 { font-size: 23px; }
.gorunum-oyuncu .izgara-baslik { font-size: clamp(22px,2.1vw,30px); }
.gorunum-oyuncu .blok-baslik h2 { font-weight: 500; }
@media(max-width:767px) { .gorunum-oyuncu .sahne-baslik h2 { font-size: 35px; } .gorunum-oyuncu .sahne-urun-yazi h3 { font-size: 21px; } }

/* Hikâyelerin altında mevcut gönderim bölgesi seçicisi. */
.gorunum-oyuncu .bolge-blok { padding: 10px 0 28px; }
.gorunum-oyuncu .bolge-kutu { background: #f6e8ce; border: 0; border-radius: 20px; padding: 26px 32px; gap: 22px; position: relative; }
.gorunum-oyuncu .bolge-etiket { display: flex; align-items: center; gap: 14px; padding: 0; background: none; color: #a95545; font-family: 'Fredoka',sans-serif; font-size: 26px; line-height: 1.2; font-weight: 500; letter-spacing: -.015em; text-transform: none; flex: 1 1 310px; }
.gorunum-oyuncu .bolge-etiket::before { content: '♡'; display: grid; place-items: center; width: 52px; height: 52px; flex: 0 0 52px; border-radius: 48% 52% 43% 57%; color: #b95143; background: #edacad66; font: 36px/1 'Trebuchet MS',sans-serif; transform: rotate(-9deg); }
.gorunum-oyuncu .bolge-kutu > .bolge-secici { flex: 1 1 350px; max-width: 520px; }
.gorunum-oyuncu .bolge-kutu .bolge-dugme { background: #fffdf8; border: 1px solid transparent; height: 54px; padding: 0 20px; }
.gorunum-oyuncu .bolge-kutu .bolge-dugme:hover,.gorunum-oyuncu .bolge-kutu .bolge-dugme:focus-visible { border-color: #b95143; }
@media(max-width:767px) {
 .gorunum-oyuncu .bolge-kutu { padding: 22px 20px; gap: 16px; }
 .gorunum-oyuncu .bolge-etiket { font-size: 23px; flex-basis: 100%; }
 .gorunum-oyuncu .bolge-kutu > .bolge-secici { max-width: none; flex-basis: 100%; }
}
/* Çark dekoru ürünün arkasında kalır; ürün rengi zeminle karışmaz. */
.sahne-podyum { isolation: isolate; }
.sahne-cark { z-index: 0; }
.sahne-slayt { z-index: 1; }
.sahne-urun-gorsel { position: relative; z-index: 2; mix-blend-mode: normal; }




/* Canlı vurgu noktaları; açık zemin ve logoyla uyumlu koyu metinler. */
.gorunum-oyuncu { --yazi-2: #665d56; color: #292724; }
.gorunum-oyuncu .duyuru { background: #efbd44; color: #292724; }
.gorunum-oyuncu .serit { background: #fff; }
.gorunum-oyuncu .sahne { background: #fffaf2; }
.gorunum-oyuncu .sahne-baslik h2 { color: #c7483c; }
.gorunum-oyuncu .sahne::before,.gorunum-oyuncu .sahne::after { background: #73cddc; opacity: .45; }
.gorunum-oyuncu .sahne-cark { background: repeating-conic-gradient(from 0deg,#e46c5e 0deg 30deg,#efbd44 30deg 60deg); opacity: .8; }
.gorunum-oyuncu .sahne-dekor { color: #8f5a35; opacity: 1; }
.gorunum-oyuncu .dugme-dolu { background: #e46c5e; color: #292724; font-weight: 600; }
.gorunum-oyuncu .dugme-dolu:hover { background: #d85c4e; color: #201d1b; }
.gorunum-oyuncu .arama button { background: #e46c5e; color: #292724; }
.gorunum-oyuncu .sahne-noktalar button[aria-pressed=true]::after { background: #c7483c; }
.gorunum-oyuncu .izgara-oge { background: #f9d6cf; }
.gorunum-oyuncu .izgara-oge:nth-child(2) { background: #bce7ed; }
.gorunum-oyuncu .izgara-oge:nth-child(3) { background: #f8dfa0; }
.gorunum-oyuncu .izgara-baslik { color: #292724; }
.gorunum-oyuncu .izgara-ust { color: #5c5149; }
.gorunum-oyuncu .izgara-dugme { color: #292724; }
.gorunum-oyuncu .hikaye-gorsel { background: #f9d6cf; }
.gorunum-oyuncu .hikaye:nth-child(3n+2) .hikaye-gorsel { background: #bce7ed; }
.gorunum-oyuncu .hikaye:nth-child(3n) .hikaye-gorsel { background: #f8dfa0; }
.gorunum-oyuncu .bolge-kutu { background: #73cddc; }
.gorunum-oyuncu .bolge-etiket { color: #23464b; }
.gorunum-oyuncu .bolge-etiket::before { background: #efbd44; color: #292724; }
.gorunum-oyuncu .blok-baslik h2 { color: #32681c; }
.gorunum-oyuncu .urunler.zemin-renkli { background: #f5f8f4; }

/* Ürün renkleri korunur; marka rengi yalnız hikâye halkasında. */
.gorunum-oyuncu .hikaye-gorsel,
.gorunum-oyuncu .hikaye:nth-child(3n+2) .hikaye-gorsel,
.gorunum-oyuncu .hikaye:nth-child(3n) .hikaye-gorsel { background: transparent; border: 2px solid #e46c5e; padding: 5px; overflow: visible; }
.gorunum-oyuncu .hikaye:nth-child(3n+2) .hikaye-gorsel { border-color: #73cddc; }
.gorunum-oyuncu .hikaye:nth-child(3n) .hikaye-gorsel { border-color: #efbd44; }
.gorunum-oyuncu .hikaye-gorsel img { mix-blend-mode: normal; opacity: 1; filter: none; border-radius: 0; object-fit: contain; }
.gorunum-oyuncu .sahne-baslik h2 { max-width: none; white-space: nowrap; font-size: clamp(18px,3.7vw,52px); }
.gorunum-oyuncu .urunler.zemin-renkli { background: #fbf6f3; }
.gorunum-oyuncu .blok-baslik h2 { color: #80686d; }
.gorunum-oyuncu .sahne-urun-yazi .dugme-dolu { background: #4176be; color: #fff; box-shadow: 0 4px 12px rgba(37,71,118,.16); }
.gorunum-oyuncu .sahne-urun-yazi .dugme-dolu:hover { background: #315d98; color: #fff; }
@media(max-width:767px) { .gorunum-oyuncu .sahne-baslik { padding-left: 10px; padding-right: 10px; } .gorunum-oyuncu .sahne-baslik h2 { font-size: clamp(15px,4.05vw,31px); letter-spacing: -.025em; } }
/* Halka ayrı arka katman, şeffaf ürün ayrı ön katman. */
.gorunum-oyuncu .hikaye-gorsel,
.gorunum-oyuncu .hikaye:nth-child(3n+2) .hikaye-gorsel,
.gorunum-oyuncu .hikaye:nth-child(3n) .hikaye-gorsel { position: relative; isolation: isolate; border: 0; padding: 0; background: transparent; }
.gorunum-oyuncu .hikaye-gorsel::before { content: ''; position: absolute; inset: 7%; border: 2px solid #e46c5e; border-radius: 50%; z-index: 0; pointer-events: none; }
.gorunum-oyuncu .hikaye:nth-child(3n+2) .hikaye-gorsel::before { border-color: #73cddc; }
.gorunum-oyuncu .hikaye:nth-child(3n) .hikaye-gorsel::before { border-color: #efbd44; }
.gorunum-oyuncu .hikaye-gorsel img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: normal; }
.gorunum-oyuncu .ana-menu > ul > li > a:hover { text-decoration: none; }
.gorunum-oyuncu .ust .alt-menu a.gorselli,.gorunum-oyuncu .cekmece-menu .alt-menu a.gorselli { gap: 9px; }
.gorunum-oyuncu .alt-menu .menu-kucuk { width: 28px; height: 28px; flex: 0 0 28px; object-fit: contain; background: transparent; }
.bolge-gez-baslik { display: flex; align-items: center; gap: 7px; margin: 4px 0 12px; font-size: 17px; color: #635b55; }
.bolge-gez-baslik .simge { width: 23px; height: 23px; }
.bolge-secenekler > li > button { min-height: 44px; font-size: 15px; }
.bolge-secenekler > li > button > span { flex: 1; }
.bolge-secenekler > li > button > .simge { width: 17px; height: 17px; color: #665d56; }
[data-bolge-tumunu-ac] { margin-top: 6px; font-weight: 600; }

/* Başlık araçları: yazısız, yumuşak renkli küçük ikon düğmeleri. */
.gorunum-oyuncu .ust-simgeler { gap: 10px; margin-right: 0; }
.gorunum-oyuncu .ust-simgeler .simge-link { width: 44px; min-width: 44px; height: 44px; padding: 0; border-radius: 48% 52% 45% 55%; color: #49382c; background: #f9ddd6; transition: transform .2s,background .2s; }
.gorunum-oyuncu .ust-simgeler .simge-link:nth-child(2) { background: #d8eff1; border-radius: 52% 48% 56% 44%; }
.gorunum-oyuncu .ust-simgeler .simge-link:nth-child(3) { background: #f6e0e6; }
.gorunum-oyuncu .ust-simgeler .simge-link:nth-child(4) { background: #f9e9b5; border-radius: 48% 52% 58% 42%; }
.gorunum-oyuncu .ust-simgeler .simge-link .simge { width: 24px; height: 24px; stroke-width: 1.8; }
.gorunum-oyuncu .ust-simgeler .simge-link > span:last-child { display: none !important; }
.gorunum-oyuncu .ust-simgeler .simge-link:focus-visible { outline: 2px solid #4176be; outline-offset: 4px; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 .gorunum-oyuncu .ust-simgeler .simge-link:hover { transform: translateY(-3px) rotate(-7deg); }
 .gorunum-oyuncu .ust-simgeler .simge-link:nth-child(even):hover { transform: translateY(-3px) rotate(7deg); }
 .gorunum-oyuncu .ust-simgeler .simge-link:hover .simge { animation: ub-header-pop .4s ease; }
}
@keyframes ub-header-pop { 50% { transform: scale(1.15); } }
@media(max-width:767px) { .gorunum-oyuncu .ust-simgeler { gap: 6px; } .gorunum-oyuncu .ust-simgeler .simge-link { width: 40px; min-width: 40px; height: 40px; } }
/* Markanın kendi SVG figürü, iki yanda orijinal renkleriyle. */
.sahne-dekor img { width: 100%; height: auto; display: block; }
.sahne-dekor-sol { transform: rotate(-5deg); }
.sahne-dekor-sag { transform: rotate(5deg); }
@media(min-width:768px) { .sahne-dekor { width: 160px; top: 41%; } }
@media(max-width:767px) { .sahne-dekor { width: 75px; } }
/* Haftanın fırsatında slider ile aynı marka ayıcığı. */
.gorunum-oyuncu .popup-balon-marka { width: 100px; height: 110px; padding: 0; background: transparent; border-radius: 0; box-shadow: none; }
.gorunum-oyuncu .popup-balon-marka img { width: 100%; height: 100%; object-fit: contain; background: transparent; border: 0; border-radius: 0; }