/* FerizZ Canlı Destek: musteri.css (fz-mu-* müşteri ekranı: ferizz.com mobil sayfası ve site sohbeti) */

#gor-musteri .fz-telefon { width: 380px; }
.fz-mu { --fz-mu-wa: #25d366; background: var(--fz-yuzey); }
.fz-mu-ikon { width: 40px; height: 40px; flex: none; border-radius: 50%; display: inline-grid; place-items: center; background: transparent; color: inherit; position: relative; }
.fz-mu-link { background: none; border: 0; padding: 0; color: var(--fz-vurgu-yazi); font-weight: 650; font-size: 13px; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }

.fz-mu-tarayici { flex: none; display: flex; align-items: center; gap: 4px; padding: 2px 8px 6px 12px; background: var(--fz-yuzey); }
.fz-mu-url { flex: 1; min-width: 0; height: 34px; border-radius: var(--fz-r-tam); background: var(--fz-yuzey-3); display: inline-flex; align-items: center; gap: 7px; padding: 0 14px; font-size: 13px; color: var(--fz-yazi-2); }
.fz-mu-icerik { flex: 1; min-height: 0; position: relative; display: flex; flex-direction: column; }
.fz-mu-kay { flex: 1; min-height: 0; background: var(--fz-zemin); padding-bottom: 96px; }

.fz-mu-site-ust { display: flex; align-items: center; justify-content: space-between; padding: 6px 8px; background: var(--fz-yuzey); border-bottom: 1px solid var(--fz-cizgi); position: sticky; top: 0; z-index: 3; }
.fz-mu-logo { font-family: Georgia, "Times New Roman", serif; font-style: italic; font-size: 25px; letter-spacing: -0.01em; }
.fz-mu-logo b { color: var(--fz-altin-500); font-style: normal; }
.fz-mu-site-sag { display: inline-flex; }
.fz-mu-sepet-say { position: absolute; top: 2px; right: 0; min-width: 17px; height: 17px; border-radius: 9px; background: var(--fz-vurgu); color: var(--fz-vurgu-ustu); font-size: 10.5px; font-weight: 800; display: grid; place-items: center; padding: 0 4px; }
.fz-mu-zipla { animation: fz-mu-zipla 420ms var(--fz-egri); }
@keyframes fz-mu-zipla { 40% { transform: scale(1.5); } }
.fz-mu-yol { padding: 10px 14px 8px; font-size: 12px; color: var(--fz-yazi-3); }
.fz-mu-yol span { margin: 0 3px; opacity: 0.6; }
.fz-mu-galeri { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; background: var(--fz-yuzey); }
.fz-mu-galeri::-webkit-scrollbar { display: none; }
.fz-mu-slayt { flex: 0 0 100%; scroll-snap-align: center; padding: 14px 40px 6px; display: grid; place-items: center; }
.fz-mu-slayt svg { width: 100%; max-width: 300px; height: auto; filter: drop-shadow(0 10px 18px rgba(80, 60, 20, 0.18)); }
.fz-mu-noktalar { display: flex; justify-content: center; gap: 6px; padding: 6px 0 12px; background: var(--fz-yuzey); }
.fz-mu-noktalar i { width: 6px; height: 6px; border-radius: 50%; background: var(--fz-cizgi-guclu); transition: width var(--fz-sure) var(--fz-egri), background var(--fz-sure); }
.fz-mu-noktalar i.fz-aktif { width: 18px; border-radius: 4px; background: var(--fz-vurgu); }
.fz-mu-urun { padding: 16px 16px 8px; display: flex; flex-direction: column; gap: 12px; }
.fz-mu-baslik-satir { display: flex; justify-content: space-between; gap: 8px; }
.fz-mu-marka { font-size: 12px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--fz-vurgu-yazi); }
.fz-mu-urun h2 { font-size: 21px; font-weight: 750; line-height: 1.2; margin-top: 3px; letter-spacing: -0.01em; }
.fz-mu-fav { width: 44px; height: 44px; flex: none; border-radius: 50%; background: var(--fz-yuzey); border: 1px solid var(--fz-cizgi); display: grid; place-items: center; color: var(--fz-yazi-2); }
.fz-mu-fav[aria-pressed="true"] { color: var(--fz-altin-500); background: var(--fz-vurgu-zemin); border-color: var(--fz-vurgu); }
.fz-mu-fav[aria-pressed="true"] svg { fill: currentColor; }
.fz-mu-puan { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--fz-yazi-2); }
.fz-mu-yildizlar { color: var(--fz-altin-500); letter-spacing: 1px; }
.fz-mu-fiyat { display: flex; align-items: baseline; gap: 10px; }
.fz-mu-fiyat strong { font-size: 27px; font-weight: 800; letter-spacing: -0.02em; }
.fz-mu-fiyat s { color: var(--fz-yazi-3); }
.fz-mu-indirim { font-size: 12px; font-weight: 750; padding: 3px 8px; border-radius: 6px; background: var(--fz-hata-zemin); color: var(--fz-hata); }
.fz-mu-bolum-ad { display: flex; justify-content: space-between; align-items: center; font-weight: 700; font-size: 14px; }
.fz-mu-bedenler { display: flex; gap: 8px; }
.fz-mu-beden { min-width: 72px; height: 44px; border-radius: 12px; background: var(--fz-yuzey); border: 1.5px solid var(--fz-cizgi-guclu); font-weight: 650; font-size: 14.5px; }
.fz-mu-beden[aria-checked="true"] { border-color: var(--fz-vurgu); background: var(--fz-vurgu-zemin); color: var(--fz-vurgu-yazi); box-shadow: 0 0 0 1px var(--fz-vurgu); }
.fz-mu-sepete { height: 52px; }
.fz-mu-ozellik { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; font-size: 13.5px; color: var(--fz-yazi-2); }
.fz-mu-ozellik li { display: flex; gap: 10px; align-items: center; }
.fz-mu-ozellik svg { color: var(--fz-yardimci); }
.fz-mu-akor { border-top: 1px solid var(--fz-cizgi); }
.fz-mu-akor-ust { width: 100%; display: flex; align-items: center; justify-content: space-between; height: 52px; background: transparent; font-size: 15px; text-align: left; }
.fz-mu-akor-ust[aria-expanded="true"] svg { transform: rotate(180deg); }
.fz-mu-akor-ic { padding: 0 0 14px; color: var(--fz-yazi-2); font-size: 14px; line-height: 1.5; }

.fz-mu-alt { flex: none; display: flex; height: 58px; background: var(--fz-yuzey); border-top: 1px solid var(--fz-cizgi); z-index: 4; position: relative; }
.fz-mu-alt-oge { flex: 1; min-width: 0; white-space: nowrap; letter-spacing: -0.01em; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; background: transparent; font-size: 10.5px; font-weight: 600; color: var(--fz-yazi-3); }
.fz-mu-alt-oge[aria-current="page"] { color: var(--fz-yazi); }
.fz-mu-alt-oge[aria-current="page"] svg { color: var(--fz-altin-600); }

/* Yeşil düğme: sitenin alt menüsünün ÜSTÜNDE, içerik alanının sağ alt köşesinde durur */
.fz-mu-fab-kat { position: absolute; right: 14px; bottom: 14px; z-index: 5; display: flex; flex-direction: column; align-items: flex-end; gap: 12px; pointer-events: none; }
.fz-mu-fab-kat > * { pointer-events: auto; }
.fz-mu-fab { width: 60px; height: 60px; border-radius: 50%; border: 0; padding: 0; background: var(--fz-mu-wa); color: #fff; display: grid; place-items: center; position: relative; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3); transition: transform 160ms var(--fz-egri); }
.fz-mu-fab:active { transform: scale(0.94); }
.fz-mu-fab::before { content: ""; position: absolute; inset: 0; border-radius: 50%; background: var(--fz-mu-wa); opacity: 0.45; animation: fz-mu-nabiz 2.4s ease-out infinite; z-index: -1; }
.fz-mu-acik .fz-mu-fab::before { animation: none; opacity: 0; }
@keyframes fz-mu-nabiz { 0% { transform: scale(1); opacity: 0.45; } 70%, 100% { transform: scale(1.55); opacity: 0; } }
.fz-mu-fab svg { width: 30px; height: 30px; }
.fz-mu-fab-balon, .fz-mu-fab-x { grid-area: 1 / 1; display: grid; place-items: center; transition: transform 240ms var(--fz-egri), opacity 160ms; }
.fz-mu-fab-x { opacity: 0; transform: rotate(-90deg) scale(0.6); }
.fz-mu-acik .fz-mu-fab-balon { opacity: 0; transform: rotate(90deg) scale(0.6); }
.fz-mu-acik .fz-mu-fab-x { opacity: 1; transform: none; }
.fz-mu-fab-rozet { position: absolute; top: -3px; right: -3px; min-width: 22px; height: 22px; border-radius: 11px; background: #e53935; color: #fff; font-size: 12px; font-weight: 800; display: grid; place-items: center; border: 2px solid var(--fz-yuzey); }
.fz-mu-ipucu { position: absolute; right: 72px; bottom: 12px; white-space: nowrap; padding: 10px 14px; border: 0; border-radius: 14px; background: var(--fz-yuzey); color: var(--fz-yazi); font-size: 13.5px; font-weight: 600; box-shadow: var(--fz-golge-2); animation: fz-mu-ipucu 400ms var(--fz-egri); cursor: pointer; }
@keyframes fz-mu-ipucu { from { opacity: 0; transform: translateX(10px) scale(0.94); } }
.fz-mu-menu { width: 230px; padding: 8px; border-radius: 16px; background: var(--fz-yuzey); box-shadow: var(--fz-golge-3); border: 1px solid var(--fz-cizgi); transform-origin: bottom right; visibility: hidden; opacity: 0; transform: translateY(10px) scale(0.85); transition: opacity 180ms, transform 260ms var(--fz-egri), visibility 0s 260ms; }
.fz-mu-acik .fz-mu-menu { visibility: visible; opacity: 1; transform: none; transition-delay: 0s; }
.fz-mu-menu-oge { width: 100%; display: flex; align-items: center; gap: 12px; padding: 11px 12px; border: 0; border-radius: 10px; background: transparent; font-size: 16px; color: var(--fz-yazi); text-align: left; opacity: 0; transform: translateY(8px); transition: opacity 200ms, transform 260ms var(--fz-egri), background var(--fz-sure-hizli); cursor: pointer; }
.fz-mu-acik .fz-mu-menu-oge { opacity: 1; transform: none; }
.fz-mu-acik .fz-mu-menu-oge:nth-child(3) { transition-delay: 40ms; }
.fz-mu-acik .fz-mu-menu-oge:nth-child(2) { transition-delay: 80ms; }
.fz-mu-acik .fz-mu-menu-oge:nth-child(1) { transition-delay: 120ms; }
.fz-mu-menu-oge:hover, .fz-mu-menu-oge:active { background: var(--fz-yuzey-3); }
.fz-mu-menu-oge svg { width: 28px; height: 28px; }

.fz-mu-yon { position: absolute; inset: 38px 0 0; z-index: 12; background: var(--fz-yuzey); display: grid; place-items: center; padding: 24px; animation: fz-sol 200ms; }
.fz-mu-yon-ic { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; width: 100%; }
.fz-mu-yon-ikon svg { width: 76px; height: 76px; }
.fz-mu-yon-ic h3 { font-size: 20px; font-weight: 780; }
.fz-mu-yon-ic p { color: var(--fz-yazi-3); }
.fz-mu-yon-ic code { background: var(--fz-yuzey-3); padding: 6px 12px; border-radius: 8px; font-size: 13px; margin-bottom: 14px; }

.fz-mu-snack { position: absolute; left: 16px; right: 16px; bottom: 90px; z-index: 14; padding: 11px 16px; border-radius: 12px; background: var(--fz-toast-zemin); color: var(--fz-toast-yazi); font-size: 13.5px; font-weight: 600; text-align: center; opacity: 0; transform: translateY(10px); pointer-events: none; }
.fz-mu-snack--goster { animation: fz-mu-snack 2200ms var(--fz-egri) forwards; }
@keyframes fz-mu-snack { 8%, 80% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translateY(6px); } }

/* ---------- Site sohbeti penceresi ---------- */
.fz-mu-sohbet { position: absolute; inset: 38px 0 0; z-index: 10; display: flex; flex-direction: column; background: var(--fz-yuzey); transform: translateY(100%); opacity: 0.4; transition: transform 320ms var(--fz-egri), opacity 220ms; }
.fz-mu-sohbet--acik { transform: none; opacity: 1; }
.fz-mu-s-ust { flex: none; display: flex; align-items: center; gap: 12px; padding: 10px 8px 10px 14px; background: var(--fz-orman-800); color: #fff; }
.fz-mu-s-logo { width: 40px; height: 40px; flex: none; border-radius: 13px; display: grid; place-items: center; background: var(--fz-orman-900); color: var(--fz-altin-400); font-weight: 800; font-style: italic; font-size: 22px; box-shadow: inset 0 0 0 1px rgba(221, 182, 80, 0.4); }
.fz-mu-s-logo--buyuk { width: 56px; height: 56px; border-radius: 18px; font-size: 31px; background: var(--fz-orman-800); }
.fz-mu-s-baslik { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.fz-mu-s-baslik b { font-size: 17px; font-weight: 800; letter-spacing: -0.005em; }
.fz-mu-s-baslik small { font-size: 12.5px; opacity: 0.85; display: flex; align-items: center; gap: 6px; }
.fz-mu-s-baslik small i { width: 8px; height: 8px; border-radius: 50%; background: #4ee08e; flex: none; }
.fz-mu-s-kucult { color: #fff; width: 44px; height: 44px; }
.fz-mu-s-govde { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; background: var(--fz-zemin); scrollbar-width: none; }
.fz-mu-s-govde::-webkit-scrollbar { display: none; }
.fz-mu-s-alt { flex: none; background: var(--fz-yuzey); border-top: 1px solid var(--fz-cizgi); padding: 8px 10px 6px; }
.fz-mu-form { padding: 22px 20px 30px; display: flex; flex-direction: column; gap: 14px; }
.fz-mu-form-giris { display: flex; flex-direction: column; gap: 6px; padding-bottom: 6px; }
.fz-mu-form-giris h3 { font-size: 21px; font-weight: 800; margin-top: 8px; }
.fz-mu-form-giris p { color: var(--fz-yazi-2); }
.fz-mu-form .fz-girdi { height: 46px; font-size: 15px; }
.fz-mu-form-not { text-align: center; }

.fz-mu-iz { padding: 12px 12px 18px; display: flex; flex-direction: column; gap: 10px; }
.fz-mu-durum-hap { align-self: center; display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: var(--fz-r-tam); background: var(--fz-vurgu-zemin-2); color: var(--fz-vurgu-yazi); font-size: 13px; font-weight: 650; }
.fz-mu-durum-hap--tamam { background: var(--fz-bende-zemin); color: var(--fz-bende-yazi); }
.fz-mu-nokta { width: 8px; height: 8px; border-radius: 50%; background: var(--fz-bende); }
.fz-mu-donme { width: 14px; height: 14px; border-radius: 50%; border: 2px solid currentColor; border-right-color: transparent; display: inline-block; animation: fz-mu-don 0.8s linear infinite; flex: none; }
.fz-mu-donme--buyuk { width: 40px; height: 40px; border-width: 4px; color: var(--fz-vurgu); }
@keyframes fz-mu-don { to { transform: rotate(360deg); } }
.fz-mu-sistem { align-self: center; font-size: 12px; color: var(--fz-yazi-3); padding: 4px 12px; background: var(--fz-yuzey-3); border-radius: var(--fz-r-tam); display: inline-flex; align-items: center; gap: 7px; }
.fz-mu-mesaj { display: flex; gap: 8px; align-items: flex-end; max-width: 94%; }
.fz-mu-mesaj--ben { align-self: flex-end; justify-content: flex-end; }
.fz-mu-mesaj--o { align-self: flex-start; }
.fz-mu-satir-genis { max-width: 100%; width: 100%; }
.fz-mu-satir-genis .fz-mu-mesaj-ic { min-width: 0; width: 100%; }
.fz-mu-mesaj-ic { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.fz-mu-mesaj--ben .fz-mu-mesaj-ic { align-items: flex-end; }
.fz-mu-av { width: 30px; height: 30px; border-radius: 50%; flex: none; display: grid; place-items: center; background: var(--fz-orman-600); color: #fff; font-size: 11.5px; font-weight: 750; }
.fz-mu-av--bot { background: var(--fz-asistanda); }
.fz-mu-kim { font-size: 11.5px; font-weight: 700; color: var(--fz-yazi-3); padding-left: 4px; }
.fz-mu-balon { padding: 8px 12px 5px; border-radius: 16px; font-size: 14.5px; line-height: 1.4; box-shadow: var(--fz-golge-1); word-break: break-word; max-width: 100%; user-select: text; -webkit-user-select: text; }
.fz-mu-balon time { display: block; text-align: right; font-size: 10.5px; opacity: 0.65; margin-top: 2px; }
.fz-mu-balon--ben { background: var(--fz-yardimci); color: #fff; border-bottom-right-radius: 5px; }
.fz-mu-balon--asistan { background: var(--fz-balon-asistan); border-bottom-left-radius: 5px; }
.fz-mu-balon--temsilci { background: var(--fz-yuzey); border: 1px solid var(--fz-cizgi); border-bottom-left-radius: 5px; }
.fz-mu-foto { margin: 3px 0; line-height: 0; border-radius: 10px; overflow: hidden; }
.fz-mu-dosya { display: flex; gap: 10px; align-items: center; margin: 3px 0; padding: 8px 10px; border-radius: 10px; background: rgba(127, 127, 127, 0.16); min-width: 0; }
.fz-mu-dosya span { display: flex; flex-direction: column; min-width: 0; }
.fz-mu-dosya small { opacity: 0.75; font-size: 11.5px; }
.fz-mu-nokta-balon { display: inline-flex; gap: 4px; padding: 12px 14px; }
.fz-mu-nokta-balon i { width: 7px; height: 7px; border-radius: 50%; background: var(--fz-yazi-3); animation: fz-m-nokta 1.2s infinite ease-in-out; }
.fz-mu-nokta-balon i:nth-child(2) { animation-delay: 0.15s; }
.fz-mu-nokta-balon i:nth-child(3) { animation-delay: 0.3s; }
.fz-mu-cipler { display: flex; flex-wrap: wrap; gap: 8px; padding-left: 38px; }
.fz-mu-cip { height: 38px; padding: 0 14px; border-radius: var(--fz-r-tam); border: 1.5px solid var(--fz-yardimci); background: var(--fz-yuzey); color: var(--fz-yardimci); font-weight: 650; font-size: 13.5px; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; transition: background var(--fz-sure-hizli), transform var(--fz-sure-hizli); }
.fz-mu-cip:hover, .fz-mu-cip:active { background: var(--fz-yardimci-zemin); }
.fz-mu-cip--vurgu { background: var(--fz-vurgu); border-color: var(--fz-vurgu); color: var(--fz-vurgu-ustu); }
.fz-mu-cip--vurgu:hover, .fz-mu-cip--vurgu:active { background: var(--fz-vurgu-hover); }
.fz-mu-bitir { align-self: center; margin-top: 6px; }

.fz-mu-yaz { display: flex; align-items: center; gap: 4px; }
.fz-mu-girdi { flex: 1; min-width: 0; height: 44px; padding: 0 16px; border-radius: var(--fz-r-tam); border: 1px solid var(--fz-cizgi-guclu); background: var(--fz-yuzey); font-size: 15px; color: var(--fz-yazi); }
.fz-mu-girdi:focus { outline: none; border-color: var(--fz-yardimci); box-shadow: 0 0 0 3px var(--fz-yardimci-zemin); }
.fz-mu-gonder { width: 44px; height: 44px; flex: none; border-radius: 50%; border: 0; background: var(--fz-yardimci); color: #fff; display: grid; place-items: center; cursor: pointer; }
.fz-mu-gonder:disabled { background: var(--fz-yuzey-3); color: var(--fz-yazi-3); cursor: default; }
.fz-mu-temsilci-cagir { display: inline-flex; align-items: center; gap: 6px; height: 28px; margin: 0 0 6px 6px; padding: 0 12px; border-radius: var(--fz-r-tam); border: 0; background: var(--fz-yuzey-3); color: var(--fz-yazi-2); font-size: 12.5px; font-weight: 650; cursor: pointer; }

/* ---------- Sipariş kartları ---------- */
.fz-mu-kartlar { display: flex; flex-direction: column; gap: 8px; min-width: 0; width: 100%; }
.fz-mu-kart { padding: 12px 14px; border-radius: 14px; background: var(--fz-yuzey); border: 1px solid var(--fz-cizgi); display: flex; flex-direction: column; gap: 8px; font-size: 13.5px; box-shadow: var(--fz-golge-1); }
.fz-mu-kart-b { display: flex; align-items: center; gap: 7px; font-weight: 750; font-size: 14px; }
.fz-mu-kart--soluk { flex-direction: row; align-items: center; gap: 7px; color: var(--fz-yazi-3); background: var(--fz-yuzey-3); box-shadow: none; padding: 8px 12px; font-size: 12.5px; }
.fz-mu-kart--yan { flex-direction: row; align-items: center; gap: 10px; }
.fz-mu-kart--yan div { display: flex; flex-direction: column; min-width: 0; }
.fz-mu-kart--yan span { color: var(--fz-yazi-3); font-size: 12.5px; }
.fz-mu-kart--basari { border-color: var(--fz-bende); background: var(--fz-bende-zemin); }
.fz-mu-kart--basari .fz-mu-kart-b { color: var(--fz-bende-yazi); font-size: 15px; }
.fz-mu-satir { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.fz-mu-toplam { border-top: 1px dashed var(--fz-cizgi-guclu); padding-top: 8px; font-size: 15px; font-weight: 800; }
.fz-mu-ucretsiz { color: var(--fz-bende-yazi); font-weight: 750; }
.fz-mu-kargo-ipucu { font-size: 12px; color: var(--fz-vurgu-yazi); background: var(--fz-vurgu-zemin); padding: 6px 10px; border-radius: 8px; }
.fz-mu-bos { color: var(--fz-yazi-3); }
.fz-mu-kalem { display: flex; align-items: center; gap: 10px; }
.fz-mu-kalem svg { border-radius: 8px; flex: none; }
.fz-mu-kalem-ad { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.fz-mu-kalem-ad small { color: var(--fz-yazi-3); font-size: 12px; }
.fz-mu-adet { display: inline-flex; align-items: center; gap: 2px; background: var(--fz-yuzey-3); border-radius: var(--fz-r-tam); padding: 2px; }
.fz-mu-adet button { width: 30px; height: 30px; border-radius: 50%; border: 0; background: var(--fz-yuzey); display: grid; place-items: center; cursor: pointer; color: var(--fz-yazi); }
.fz-mu-adet b { min-width: 22px; text-align: center; }
.fz-mu-adet-yaz { color: var(--fz-yazi-3); font-size: 12.5px; }
.fz-mu-eylemler { display: flex; gap: 8px; flex-wrap: wrap; }
.fz-mu-eylemler .fz-btn { flex: 1; height: 40px; }
.fz-mu-urunler { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x proximity; padding: 2px 2px 8px; margin: 0 -12px; padding-inline: 12px; scrollbar-width: thin; }
.fz-mu-ukart { flex: 0 0 162px; scroll-snap-align: start; padding: 10px; border-radius: 16px; background: var(--fz-yuzey); border: 1px solid var(--fz-cizgi); display: flex; flex-direction: column; gap: 6px; box-shadow: var(--fz-golge-1); }
.fz-mu-ukart svg { width: 100%; height: auto; border-radius: 10px; }
.fz-mu-ukart h4 { font-size: 13px; font-weight: 700; line-height: 1.25; min-height: 33px; }
.fz-mu-ufiyat { font-weight: 800; font-size: 15px; }
.fz-mu-ubeden { display: flex; flex-wrap: wrap; gap: 5px; }
.fz-mu-ub { height: 30px; min-width: 46px; padding: 0 8px; border-radius: 8px; border: 1.5px solid var(--fz-cizgi-guclu); background: var(--fz-yuzey); font-size: 12px; font-weight: 650; cursor: pointer; color: var(--fz-yazi); }
.fz-mu-ub[aria-checked="true"] { border-color: var(--fz-vurgu); background: var(--fz-vurgu-zemin); color: var(--fz-vurgu-yazi); }
.fz-mu-teslimat { gap: 10px; }
.fz-mu-teslimat .fz-girdi { height: 42px; }
.fz-mu-teslimat textarea.fz-girdi { height: auto; min-height: 64px; }
.fz-mu-iki { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.fz-mu-adres { color: var(--fz-yazi-2); line-height: 1.5; }
.fz-mu-onay { height: 54px; }
.fz-mu-odeme { display: flex; flex-direction: column; gap: 8px; }
.fz-mu-odeme-sec { display: flex; align-items: center; gap: 12px; padding: 12px; text-align: left; border-radius: 14px; background: var(--fz-yuzey); border: 1.5px solid var(--fz-cizgi-guclu); }
.fz-mu-odeme-sec:hover { border-color: var(--fz-vurgu); }
.fz-mu-odeme-sec > span:last-child { display: flex; flex-direction: column; }
.fz-mu-odeme-sec small { color: var(--fz-yazi-3); font-size: 12px; }
.fz-mu-odeme-ikon { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: var(--fz-vurgu-zemin-2); color: var(--fz-vurgu-yazi); flex: none; }
.fz-mu-odeme-not { color: var(--fz-yazi-3); font-size: 12.5px; line-height: 1.45; margin: 0; }
.fz-mu-hv { gap: 6px; }
.fz-mu-hv-satir { display: grid; grid-template-columns: 82px 1fr auto; align-items: center; gap: 8px; min-height: 30px; }
.fz-mu-hv-satir > span { color: var(--fz-yazi-3); font-size: 12px; }
.fz-mu-hv-satir > b { font-size: 13.5px; overflow-wrap: anywhere; }
.fz-mu-hv-satir--kopya { grid-template-columns: 1fr auto; grid-template-areas: "ad btn" "deger btn"; row-gap: 1px; padding: 4px 0; border-top: 1px solid var(--fz-cizgi); }
.fz-mu-hv-satir--kopya > span { grid-area: ad; }
.fz-mu-hv-satir--kopya > b { grid-area: deger; font-size: 14px; }
.fz-mu-hv-satir--kopya > .fz-mu-hv-kopya { grid-area: btn; }
.fz-mu-hv-mono { font-family: ui-monospace, Consolas, monospace; letter-spacing: 0.02em; }
.fz-mu-hv-kopya { display: inline-flex; align-items: center; gap: 4px; height: 30px; padding: 0 9px; border-radius: 8px; border: 1px solid var(--fz-cizgi-guclu); background: var(--fz-yuzey); color: var(--fz-vurgu-yazi); font-size: 12px; font-weight: 650; }
.fz-mu-hv-kopya:hover { border-color: var(--fz-vurgu); }
.fz-mu-hv-uyari { display: flex; gap: 8px; align-items: flex-start; padding: 9px 10px; border-radius: 10px; background: var(--fz-uyari-zemin); color: var(--fz-uyari); font-size: 12.5px; line-height: 1.4; }
.fz-mu-hv-uyari svg { flex: none; margin-top: 1px; }
.fz-mu-hv-demo { color: var(--fz-yazi-3); font-size: 11.5px; text-align: center; }
.fz-mu-hv-link { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; width: 100%; padding: 9px 11px; border-radius: 10px; border: 1px solid var(--fz-cizgi-guclu); background: var(--fz-yuzey); text-align: left; }
.fz-mu-hv-link span { color: var(--fz-yazi-3); font-size: 12px; }
.fz-mu-hv-link b { color: var(--fz-vurgu-yazi); font-size: 13.5px; }
.fz-mu-iban { font-family: ui-monospace, Consolas, monospace; font-size: 14px; font-weight: 700; letter-spacing: 0.02em; background: var(--fz-yuzey-3); padding: 8px 10px; border-radius: 8px; overflow-wrap: anywhere; }
.fz-mu-puan-kart { align-items: center; text-align: center; padding: 18px 14px; gap: 6px; }
.fz-mu-puan-kart b { font-size: 16px; }
.fz-mu-puan-kart p { color: var(--fz-yazi-2); }
.fz-mu-yildiz-sec { display: flex; gap: 2px; margin: 6px 0 2px; }
.fz-mu-yildiz { width: 46px; height: 46px; background: transparent; border: 0; color: var(--fz-cizgi-guclu); cursor: pointer; display: grid; place-items: center; transition: transform var(--fz-sure-hizli), color var(--fz-sure-hizli); }
.fz-mu-yildiz:hover { transform: scale(1.12); }
.fz-mu-yildiz-sec:hover .fz-mu-yildiz { color: var(--fz-altin-500); }
.fz-mu-yildiz-sec .fz-mu-yildiz:hover ~ .fz-mu-yildiz { color: var(--fz-cizgi-guclu); }
.fz-mu-yildiz:hover svg, .fz-mu-yildiz-sec:hover .fz-mu-yildiz svg { fill: currentColor; }
.fz-mu-yildiz-sec .fz-mu-yildiz:hover ~ .fz-mu-yildiz svg { fill: none; }
.fz-mu-tesekkur { flex-direction: row; align-items: center; }
.fz-mu-tesekkur div { display: flex; flex-direction: column; }
.fz-mu-tesekkur small { color: var(--fz-yazi-2); }
.fz-mu-yeni-sohbet { margin-top: 2px; }


/* Proaktif davet balonu: yeşil düğmenin üstünde, kapatılabilir */
.fz-mu-davet { position: absolute; right: 0; bottom: 74px; width: min(292px, calc(100vw - 56px)); border-radius: 16px; background: var(--fz-yuzey); border: 1px solid var(--fz-cizgi); box-shadow: var(--fz-golge-3); }
.fz-mu-davet[hidden], .fz-mu-acik .fz-mu-davet { display: none; }
.fz-mu-davet::after { content: ""; position: absolute; right: 22px; bottom: -6px; width: 12px; height: 12px; background: var(--fz-yuzey); border-right: 1px solid var(--fz-cizgi); border-bottom: 1px solid var(--fz-cizgi); transform: rotate(45deg); }
.fz-mu-davet--gir { animation: fz-mu-davet-gir 380ms var(--fz-egri); transform-origin: 90% 100%; }
@keyframes fz-mu-davet-gir { from { opacity: 0; transform: translateY(10px) scale(0.94); } }
.fz-mu-davet-ic { display: flex; align-items: flex-start; gap: 10px; width: 100%; padding: 12px 14px; border: 0; border-radius: 16px; background: transparent; color: var(--fz-yazi); text-align: left; cursor: pointer; }
.fz-mu-davet-yazi { display: flex; flex-direction: column; gap: 2px; min-width: 0; font-size: 14px; line-height: 1.4; }
.fz-mu-davet-yazi b { font-size: 12.5px; color: var(--fz-yazi-2); }
.fz-mu-davet-yazi span { overflow-wrap: anywhere; }
.fz-mu-davet-x { position: absolute; top: -9px; left: -9px; width: 24px; height: 24px; border-radius: 50%; border: 1px solid var(--fz-cizgi-guclu); background: var(--fz-yuzey); color: var(--fz-yazi-2); display: grid; place-items: center; padding: 0; box-shadow: var(--fz-golge-1); }
.fz-mu-davet-x:hover { color: var(--fz-yazi); border-color: var(--fz-yazi-3); }
.fz-mu-iz--davet { padding-bottom: 4px; }