/* Bekleme listesi ve boş saat doldurma (bk-; gorunum/bekleme.js, gorunum/bekleme-kart.js). Renkler yalnız belirteçlerden (Gündüz; kurum rengi --vurgu).
   "Saat bileti": boşalan saat iri rakamla, sol kenarda durum rengi, altta teklif süresi çizgisi; durum her zaman metinle de yazılır.
   Dar ekran (375 px): bilet şeridi yatay kayar (kendi kabında; sayfa taşmaz), liste satırı iki sütuna iner, çekmece tam ekran yaprak, birincil düğme
   alt şeritte en üstte ve tam genişlik, dokunma hedefi ≥ 44 px. Hareket azaltılmışsa ya da efekt "sade"yse nabız ve kalkış yok. */

/* ---------------- başlık ölçüsü ---------------- */
.bk-olcu { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 0 4px; }
.bk-olcu > .ikon { color: var(--iyi); }
.bk-olcu .rakam { font-family: var(--f-sayi); font-size: 1.05em; color: var(--metin); }

/* ---------------- boşalan saatler panosu ---------------- */
.bk-pano { margin: 0 0 22px; min-width: 0; }
.bk-pano-bas { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; margin-bottom: 10px; }
.bk-pano-bas h2 { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 650; }
.bk-pano-bas h2 .ikon { color: var(--vurgu); }
.bk-pano-bas p { font-size: 12.5px; overflow-wrap: anywhere; }
.bk-pano-bos { padding: 14px 16px; border: 1px dashed var(--cizgi2); border-radius: var(--r); color: var(--metin2); font-size: 13.5px; overflow-wrap: anywhere; }
.bk-pano-not { margin-top: 8px; display: flex; align-items: center; gap: 6px; font-size: 12.5px; }
.bk-pano > .uyari-kutu { margin-top: 10px; }

.bk-biletler { list-style: none; margin: 0; padding: 2px 2px 6px; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 208px), 1fr)); gap: 10px; }
.bk-biletler > li { min-width: 0; display: flex; }
.bk-bilet { --bk-ton: var(--cizgi2); --bk-yazi: var(--metin2);
  position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 3px; width: 100%; min-width: 0; min-height: 132px;
  padding: 12px 14px 16px 16px; text-align: left; color: var(--metin); background: var(--yuzey); border: 1px solid var(--cizgi); border-left: 4px solid var(--bk-ton);
  border-radius: var(--r-uzam, 14px); overflow: hidden; cursor: pointer;
  transition: border-color var(--t-hizli), box-shadow var(--t-orta), transform var(--t-orta) var(--egri); }
.bk-bilet[data-ton="vurgu"] { --bk-ton: var(--vurgu); --bk-yazi: var(--vurgu); }
.bk-bilet[data-ton="uyari"] { --bk-ton: var(--uyari); --bk-yazi: var(--uyari); }
.bk-bilet[data-ton="iyi"] { --bk-ton: var(--iyi); --bk-yazi: var(--iyi); }
.bk-bilet:hover { border-color: var(--cizgi2); border-left-color: var(--bk-ton); box-shadow: var(--golge); transform: translateY(-2px); }
.bk-bilet:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 2px; }
/* kapanan bilet: gri ton (saydamlık değil; metin AA kalır) */
.bk-bilet[data-kapali] { background: var(--yuzey2); }
.bk-bilet[data-kapali] .bk-bilet-saat { color: var(--metin2); }
.bk-bilet-ust { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 2px 8px; width: 100%; font-size: 12.5px; color: var(--metin3); }
.bk-bilet-gun { overflow-wrap: anywhere; }
.bk-bilet-neden { font-size: 11.5px; text-transform: none; }
.bk-bilet-saat { font-family: var(--f-sayi); font-size: 32px; font-weight: 600; line-height: 1.05; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.bk-bilet-kaynak { font-size: 13px; color: var(--metin2); overflow-wrap: anywhere; }
.bk-bilet-durum { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 4px; font-size: 13px; font-weight: 620; color: var(--bk-yazi); overflow-wrap: anywhere; }
.bk-bilet-durum > span:last-child { min-width: 0; }
.bk-bilet-cubuk { position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: var(--yuzey3); }
.bk-bilet-cubuk > span { display: block; height: 100%; background: var(--bk-ton); border-radius: 0 4px 4px 0; }

/* canlı teklif nabzı (renk + metin; hareket yalnız süs) */
.bk-nabiz { flex: none; width: 8px; height: 8px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 0 currentColor; animation: bk-nabiz 1.8s ease-out infinite; }
@keyframes bk-nabiz { 0% { box-shadow: 0 0 0 0 color-mix(in oklab, currentColor 55%, transparent); } 70%, 100% { box-shadow: 0 0 0 7px color-mix(in oklab, currentColor 0%, transparent); } }

@media (max-width: 759px) {
  /* bilet şeridi yatay kayar: kendi kabında (sayfa yatay taşmaz), başparmakla */
  .bk-biletler { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(188px, 74%); overflow-x: auto; overscroll-behavior-x: contain;
    scroll-snap-type: x proximity; padding: 4px 4px 10px; margin: 0 -4px; scrollbar-width: thin; }
  .bk-biletler > li { scroll-snap-align: start; }
  .bk-bilet-saat { font-size: 30px; }
}

/* ---------------- araç çubuğu ---------------- */
.bk-arac .bolumlu { flex: 0 1 auto; }
.bk-kaynak-sec { flex: 0 1 260px; min-width: 0; max-width: 100%; }
.bk-kaynak-sec .secim { width: 100%; }

/* ---------------- liste ---------------- */
.bk-liste-kap { min-width: 0; }
.bk-liste { list-style: none; margin: 0; padding: 0 6px; display: flex; flex-direction: column; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--r-uzam, 14px); }
.bk-kayit { display: grid; grid-template-columns: 54px minmax(0, 1fr) auto; gap: 4px 14px; align-items: start; padding: 14px 8px; border-top: 1px solid var(--cizgi); min-width: 0; }
.bk-kayit:first-child { border-top: 0; }
.bk-kayit-gun { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 52px; border-radius: 12px; background: var(--yuzey2); color: var(--metin2); }
.bk-kayit-gun strong { font-family: var(--f-sayi); font-size: 21px; font-weight: 600; line-height: 1; color: var(--metin); font-variant-numeric: tabular-nums; }
.bk-kayit-gun small { font-size: 11.5px; color: var(--metin3); }
.bk-kayit[data-oncelik] .bk-kayit-gun { background: var(--vurgu-zemin); }
.bk-kayit[data-oncelik] .bk-kayit-gun strong { color: var(--vurgu); }
.bk-kayit[data-teklifte] .bk-kayit-gun { box-shadow: inset 0 0 0 2px var(--vurgu); }
.bk-kayit-gun[data-kapali] { background: var(--yuzey3); }
.bk-kayit[data-durum="randevu_verildi"] .bk-kayit-gun { background: var(--iyi-zemin); color: var(--iyi); }
.bk-kayit-govde { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.bk-kayit-bas { margin: 0; overflow-wrap: anywhere; }
.bk-kayit-ad { font-weight: 650; color: var(--metin); text-decoration: none; }
.bk-kayit-ad:hover { color: var(--vurgu); text-decoration: underline; text-underline-offset: 3px; }
.bk-kayit-ozet { margin: 0; font-size: 13px; color: var(--metin2); overflow-wrap: anywhere; }
.bk-kayit-not { margin: 4px 0 0; display: flex; align-items: flex-start; gap: 6px; font-size: 13px; color: var(--metin2); white-space: pre-line; overflow-wrap: anywhere; }
.bk-kayit-not .ikon { margin-top: 2px; color: var(--metin3); }
.bk-kayit-kapanis { margin: 6px 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 12.5px; }
.bk-kayit-eylem { display: flex; align-items: center; }
@media (max-width: 560px) {
  .bk-liste { padding: 0 2px; }
  .bk-kayit { grid-template-columns: 44px minmax(0, 1fr); gap: 4px 12px; padding: 12px 6px; }
  .bk-kayit-gun { min-height: 44px; }
  .bk-kayit-gun strong { font-size: 18px; }
  .bk-kayit-eylem { grid-column: 2; }
  .bk-kayit-eylem .dugme { min-height: 44px; }
}

/* ---------------- çipler ---------------- */
.bk-cipler { list-style: none; margin: 6px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 6px; min-width: 0; }
.bk-cip { display: inline-flex; align-items: center; gap: 4px; max-width: 100%; padding: 2px 9px; border-radius: var(--r-tam); background: var(--yuzey3); color: var(--metin2);
  font-size: 12.5px; line-height: 1.5; overflow-wrap: anywhere; }
.bk-cip > span { min-width: 0; }
.bk-cip[data-ton="vurgu"] { background: var(--vurgu-zemin); color: var(--vurgu); }
.bk-cip[data-ton="uyari"] { background: var(--uyari-zemin); color: var(--uyari); }
.bk-cip[data-ton="iyi"] { background: var(--iyi-zemin); color: var(--iyi); }
.bk-cip[data-ton="bilgi"] { background: var(--info-soft); color: var(--info); }
.bk-cip[data-ton="sampanya"] { background: var(--champagne-soft); color: var(--champagne-text); }

/* ---------------- teklif kanalı önizlemesi ---------------- */
.bk-kanal { display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; border-radius: var(--r-k); border: 1px solid var(--cizgi); background: var(--yuzey2); font-size: 13.5px; min-width: 0; }
.bk-kanal p { margin: 0; overflow-wrap: anywhere; }
.bk-kanal > .ikon { margin-top: 1px; }
.bk-kanal[data-ton="iyi"] > .ikon { color: var(--iyi); }
.bk-kanal[data-ton="uyari"] { background: var(--uyari-zemin); border-color: color-mix(in oklab, var(--uyari) 30%, var(--cizgi)); }
.bk-kanal[data-ton="uyari"] > .ikon { color: var(--uyari); }
.bk-kanal[data-kucuk] { padding: 8px 10px; font-size: 13px; }

/* ---------------- ekleme / düzenleme kipi ---------------- */
.bk-form { min-width: 0; }
.bk-form .bolumlu[data-tur="hap"] .bolumlu-oge { height: auto; min-height: 32px; padding-block: 4px; white-space: normal; }
.bk-pencere-ozet { margin: 0; font-size: 12.5px; }
.bk-ozel[hidden] { display: none; }
/* .alan { display: flex } (bilesen.css) tarayıcının [hidden] kuralını ezer: kaynak seçilince "Şube" alanı gerçekten gizlensin (alerji / diş kalıbı) */
.bk-form .alan[hidden] { display: none; }
.bk-gunler { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.bk-gun { min-width: 48px; justify-content: center; min-height: 34px; }
.bk-gun-hizli { display: inline-flex; flex-wrap: wrap; gap: 2px 8px; margin-left: 4px; }
.bk-izin { margin: 0; padding: 12px 14px 14px; display: flex; flex-direction: column; gap: 12px; min-width: 0; border: 1px solid var(--cizgi2); border-radius: var(--r); background: var(--yuzey2); }
.bk-izin-baslik { padding: 0 6px; font-weight: 650; font-size: 13.5px; }
.bk-izin-bilgi { display: flex; align-items: center; gap: 6px; font-size: 12.5px; overflow-wrap: anywhere; }
.bk-form-bilgi:empty { display: none; }
@media (max-width: 640px), (pointer: coarse) {
  .bk-gun { min-height: 44px; min-width: 52px; }
  .bk-form .bolumlu[data-tur="hap"] .bolumlu-oge { min-height: 44px; }
}

/* ---------------- kapasite önerisi (randevu kipi) ---------------- */
.bk-oneri { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 8px; padding-top: 8px; border-top: 1px solid color-mix(in oklab, var(--uyari) 25%, transparent); font-size: 13px; }
.bk-oneri p { margin: 0; flex: 1 1 220px; min-width: 0; overflow-wrap: anywhere; }
.bk-oneri .ikon { vertical-align: -3px; color: var(--vurgu); }

/* ---------------- "Boş saati doldur" çekmecesi ---------------- */
.bk-cekmece .cekmece-govde { gap: 18px; }
.bk-cek { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.bk-cek-bilet { --bk-ton: var(--vurgu); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px 18px; padding: 16px 18px; border-radius: var(--r-uzam, 14px);
  background: var(--vurgu-zemin); min-width: 0; }
.bk-cek-bilet[data-ton="uyari"] { --bk-ton: var(--uyari); }
.bk-cek-bilet[data-ton="iyi"] { --bk-ton: var(--iyi); background: var(--iyi-zemin); }
.bk-cek-bilet[data-ton="notr"] { --bk-ton: var(--metin3); background: var(--yuzey2); }
.bk-cek-zaman { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.bk-cek-zaman p { margin: 0; overflow-wrap: anywhere; }
.bk-cek-gun { font-size: 14px; color: var(--metin2); }
.bk-cek-saat { font-family: var(--f-sayi); font-size: 44px; font-weight: 600; line-height: 1; letter-spacing: -.03em; color: var(--metin); font-variant-numeric: tabular-nums; }
.bk-cek-kaynak { font-size: 13px; color: var(--metin2); }
.bk-cek-bilgi { margin: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 12px; align-content: start; font-size: 13px; }
.bk-cek-bilgi > div { display: contents; }
.bk-cek-bilgi dt { color: var(--metin3); }
.bk-cek-bilgi dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.bk-cek-durum { display: inline-flex; align-items: center; gap: 6px; color: var(--metin); }
.bk-cek-durum[data-ton="vurgu"] { color: var(--vurgu); }
.bk-cek-durum[data-ton="uyari"] { color: var(--uyari); }
.bk-cek-durum[data-ton="iyi"] { color: var(--iyi); }
.bk-sure { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 6px; }
.bk-sure-cubuk { height: 6px; border-radius: 6px; background: color-mix(in oklab, var(--yuzey) 70%, transparent); overflow: hidden; }
.bk-sure-cubuk > span { display: block; height: 100%; width: 100%; border-radius: inherit; background: var(--bk-ton); }
.bk-sure-metin { margin: 0; font-size: 13px; color: var(--metin2); font-variant-numeric: tabular-nums; }
@media (max-width: 480px) {
  .bk-cek-bilet { grid-template-columns: minmax(0, 1fr); padding: 14px; }
  .bk-cek-saat { font-size: 40px; }
}

.bk-cek-bolum { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.bk-cek-baslik { margin: 0; font-size: 15px; font-weight: 650; }
.bk-cek-baslik .metin-3 { font-weight: 450; font-size: 13px; }
.bk-sira-notu { margin: -4px 0 0; font-size: 12.5px; overflow-wrap: anywhere; }
.bk-dalga { display: flex; flex-direction: column; gap: 6px; }
.bk-dalga-ad { margin: 4px 0 0; font-size: 12px; font-weight: 650; color: var(--metin3); }

.bk-teklifler { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.bk-teklif { --bk-ton: var(--metin3); display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 4px 10px; padding: 9px 12px;
  border: 1px solid var(--cizgi); border-radius: var(--r); background: var(--yuzey); min-width: 0; }
.bk-teklif[data-ton="vurgu"] { --bk-ton: var(--vurgu); }
.bk-teklif[data-ton="iyi"] { --bk-ton: var(--iyi); background: var(--iyi-zemin); border-color: color-mix(in oklab, var(--iyi) 30%, var(--cizgi)); }
.bk-teklif[data-ton="uyari"] { --bk-ton: var(--uyari); }
.bk-teklif-isaret { color: var(--bk-ton); display: grid; place-items: center; }
.bk-teklif-govde { min-width: 0; }
.bk-teklif-govde p { margin: 0; overflow-wrap: anywhere; }
.bk-teklif-ad { font-weight: 620; font-size: 13.5px; }
.bk-teklif-govde .metin-3 { font-size: 12.5px; }
.bk-teklif-metin { font-size: 12.5px; font-weight: 620; color: var(--bk-ton); text-align: right; overflow-wrap: anywhere; max-width: 14em; }
.bk-teklif[data-ton="notr"] .bk-teklif-metin { color: var(--metin2); }
@media (max-width: 480px) {
  .bk-teklif { grid-template-columns: auto minmax(0, 1fr); }
  .bk-teklif-metin { grid-column: 2; text-align: left; max-width: none; }
}

.bk-adaylar { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.bk-aday { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; border: 1px solid var(--cizgi); border-radius: var(--r); background: var(--yuzey); min-width: 0; }
.bk-aday[data-siradaki] { border-color: color-mix(in oklab, var(--vurgu) 45%, var(--cizgi)); box-shadow: inset 3px 0 0 var(--vurgu); }
.bk-aday-bas { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 6px 10px; min-width: 0; }
.bk-aday-sira { flex: none; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--yuzey3); color: var(--metin2);
  font-family: var(--f-sayi); font-size: 13px; font-weight: 600; }
.bk-aday[data-siradaki] .bk-aday-sira { background: var(--vurgu); color: var(--vurgu-ustu); }
.bk-aday-kim { flex: 1 1 160px; min-width: 0; display: flex; flex-direction: column; }
.bk-aday-ad { font-weight: 650; color: var(--metin); text-decoration: none; overflow-wrap: anywhere; }
.bk-aday-ad:hover { color: var(--vurgu); text-decoration: underline; text-underline-offset: 3px; }
.bk-aday-kim .metin-3 { font-size: 12.5px; overflow-wrap: anywhere; }
.bk-aday-kanal { margin: 0; display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--metin2); overflow-wrap: anywhere; }
.bk-aday-kanal > span { min-width: 0; }
.bk-aday-kanal[data-ton="iyi"] > .ikon { color: var(--iyi); }
.bk-aday-kanal[data-ton="uyari"] { color: var(--uyari); font-weight: 600; }
.bk-aday-eylem { display: flex; flex-wrap: wrap; gap: 6px; }

/* alt şerit: not solda, birincil en sağda; telefonda birincil üstte, tam genişlik */
.bk-cek-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; width: 100%; }
.bk-cek-alt-not { margin: 0 auto 0 0; font-size: 12.5px; color: var(--metin2); flex: 1 1 180px; min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 759px) {
  .bk-cek-alt > .dugme[data-tur="birincil"] { order: -2; flex: 1 1 100%; min-height: 48px; }
  .bk-cek-alt-not { order: -1; flex-basis: 100%; }
  .bk-cek-alt .dugme { min-height: 44px; }
  .bk-aday-eylem .dugme { min-height: 44px; }
}

/* ---------------- hasta kartı bölümü ---------------- */
.bk-hk { min-width: 0; }
.bk-hk-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.bk-hk-kayit { display: flex; flex-direction: column; gap: 4px; padding: 10px 12px; border: 1px solid var(--cizgi); border-radius: var(--r); background: var(--yuzey); min-width: 0; }
.bk-hk-kayit[data-oncelik] { box-shadow: inset 3px 0 0 var(--vurgu); }
.bk-hk-kayit[data-durum]:not([data-durum="aktif"]) { background: var(--yuzey2); }
.bk-hk-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; min-width: 0; }
.bk-hk-ozet { margin: 0; flex: 1 1 200px; min-width: 0; font-weight: 600; font-size: 13.5px; overflow-wrap: anywhere; }
.bk-hk-not { margin: 0; font-size: 13px; color: var(--metin2); overflow-wrap: anywhere; }
.bk-hk-eylem { margin-top: 2px; gap: 6px; }
@media (max-width: 640px), (pointer: coarse) { .bk-hk-eylem .dugme { min-height: 44px; } }

/* ---------------- Bugün kartı ---------------- */
.bk-bugun-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.bk-bugun-oge { --bk-ton: var(--uyari); display: flex; align-items: center; gap: 12px; padding: 8px 0; border-top: 1px solid var(--cizgi); min-width: 0; }
.bk-bugun-oge:first-child { border-top: 0; padding-top: 0; }
.bk-bugun-oge[data-ton="vurgu"] { --bk-ton: var(--vurgu); }
.bk-bugun-oge p { margin: 0; overflow-wrap: anywhere; }
.bk-bugun-oge > .esnek { min-width: 0; }
.bk-bugun-oge > .dugme { flex: none; white-space: nowrap; }   /* dar ekranda düğme sıkışıp harf harf kırılmasın */
.bk-bugun-saat { flex: none; min-width: 3.4em; font-family: var(--f-sayi); font-size: 20px; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--metin);
  padding-left: 8px; border-left: 3px solid var(--bk-ton); }
.bk-bugun-durum { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; color: var(--bk-ton); }
.bk-bugun-olcu { margin: 0; display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--metin2); }
.bk-bugun-olcu .ikon { color: var(--iyi); }
@media (max-width: 640px), (pointer: coarse) { .bk-bugun-oge .dugme { min-height: 44px; } }

/* ---------------- hareket ve efekt tercihi ---------------- */
@media (prefers-reduced-motion: reduce) {
  .bk-nabiz { animation: none; }
  .bk-bilet:hover { transform: none; }
}
:root[data-efekt="sade"] .bk-nabiz { animation: none; }
:root[data-efekt="sade"] .bk-bilet:hover { transform: none; box-shadow: none; }
:root:not([data-efekt="sade"]) .bk-liste { background: var(--cam, var(--yuzey)); backdrop-filter: var(--cam-bulanik); -webkit-backdrop-filter: var(--cam-bulanik);
  border-color: var(--cam-kenar, var(--cizgi)); box-shadow: var(--golge-uzam); }
:root:not([data-efekt="sade"]) .bk-bilet:not([data-kapali]) { background: var(--cam-yogun, var(--yuzey)); backdrop-filter: var(--cam-bulanik); -webkit-backdrop-filter: var(--cam-bulanik); }
@media (forced-colors: active) {
  .bk-bilet { border-left-width: 6px; }
  .bk-nabiz { forced-color-adjust: none; background: CanvasText; animation: none; }
}