/* ==========================================================================
   YUFKA KIT (yf-*) — baklava/kadayıf/güllaç/katmer: интерфейс сделан из
   СЛОЁНОГО ТЕСТА и НАРЕЗКИ. Не упаковка (ambalaj), не коллаж и НЕ варка
   сиропа (serbet): здесь всё сухое, тонкое и слоистое — просвечивающие листы
   юфки, мука на доске, след оклавы, топлёное масло кистью, печёная корка,
   ореховая крупка, жесть противня, расчерченного под ромб.
   Карточка — это КУСОК, вынутый из противня: ромбовидный срез, квадрат,
   стопка слоёв, гнездо кадайыфа, рулет, сам противень.
   Palette hooks (override in :root of the site):
   --yf-yufka, --yf-un, --yf-yag, --yf-kizarmis, --yf-firin, --yf-fistik,
   --yf-ceviz, --yf-tahta, --yf-sini, --yf-ink, --yf-acc, --yf-acc-2,
   --yf-el-font, --yf-bas-font

   КАНОН ПСЕВДОЭЛЕМЕНТОВ (чтобы ничего не наезжало друг на друга):
   * земля секции    → ::before (мучная крупа, z-index:-1)
   * эффект секции   → ::after  (yf-firin-isik | yf-toz-fx — НЕ вместе)
   * носитель        → только ::before (слои/надрез/блик)
   * метка-на-носителе (yf-bicak-m, yf-bant) и глянец yf-yagli → ::after,
     поэтому на одном носителе из них допустим только ОДИН; метки имеют
     селектор с [data-…] и полный сброс top/right/bottom/left/transform/
     animation, иначе уезжают на заголовок (грабли прошлой партии).
   ========================================================================== */
:where(:root){
  --yf-yufka:#F2E7D0; --yf-un:#FBF7EF;
  --yf-yag:#E0A63A; --yf-kizarmis:#B4702A;
  --yf-firin:#2E1C10; --yf-fistik:#5E7A32;
  --yf-ceviz:#7A4B23; --yf-tahta:#C9A574;
  --yf-sini:#3A2A1C; --yf-ink:#2A1C12;
  --yf-acc:#9A2C24; --yf-acc-2:#4E6B2C;
  --yf-krupka:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='190'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='3' seed='7'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='190' height='190' filter='url(%23k)' opacity='.38'/%3E%3C/svg%3E");
  --yf-el-font:"Segoe Script","Bradley Hand","Comic Sans MS",cursive;
  --yf-bas-font:Georgia,"Times New Roman",serif;
  --yf-toz:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='170' height='170'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .4 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}

/* ==========================================================================
   1. ЗЕМЛЯ СЕКЦИИ — поверхность, на которой раскатывают и режут.
   Класс на <section>/<main>/<footer>/<div>; на <header> тоже можно —
   position там НЕ переопределяется (иначе ломается sticky и fixed cookie).
   ========================================================================== */
.yf-yufka-z,.yf-un-z,.yf-tahta-z,.yf-yag-z,.yf-firin-z,.yf-fistik-z,.yf-sini-z{isolation:isolate}
:where(.yf-yufka-z,.yf-un-z,.yf-tahta-z,.yf-yag-z,.yf-firin-z,.yf-fistik-z,.yf-sini-z):not(header,.site-header,.header,[class*="drawer"]){position:relative;overflow:clip}
header.yf-yufka-z,header.yf-un-z,header.yf-tahta-z,header.yf-yag-z,header.yf-firin-z,header.yf-fistik-z,header.yf-sini-z{overflow:visible}
.yf-yufka-z::before,.yf-un-z::before,.yf-tahta-z::before,.yf-yag-z::before,.yf-firin-z::before,.yf-fistik-z::before,.yf-sini-z::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:var(--yf-toz);background-size:170px 170px;opacity:.13}

/* листы юфки друг на друге: просвет, тонкие кромки листов, лёгкий разворот */
.yf-yufka-z.yf-yufka-z.yf-yufka-z{background:
  linear-gradient(97deg,transparent 0 18%,rgba(255,255,255,.55) 18% 18.4%,rgba(0,0,0,.035) 18.4% 44%,transparent 44%),
  linear-gradient(-93deg,transparent 0 26%,rgba(255,255,255,.5) 26% 26.4%,rgba(0,0,0,.03) 26.4% 58%,transparent 58%),
  linear-gradient(91deg,transparent 0 62%,rgba(255,255,255,.45) 62% 62.3%,rgba(0,0,0,.025) 62.3% 88%,transparent 88%),
  radial-gradient(130% 80% at 22% 8%,rgba(255,255,255,.9),transparent 62%),
  var(--yf-yufka)}
/* мучная доска: пыль и дуги от оклавы */
.yf-un-z.yf-un-z.yf-un-z{background:
  radial-gradient(circle at 18% 26%,rgba(255,255,255,.95) 0 2.4px,transparent 2.8px),
  radial-gradient(circle at 63% 58%,rgba(255,255,255,.85) 0 1.9px,transparent 2.3px),
  radial-gradient(circle at 41% 84%,rgba(255,255,255,.75) 0 1.5px,transparent 1.9px),
  repeating-radial-gradient(ellipse 420px 120px at 50% -30%,rgba(0,0,0,.022) 0 1px,transparent 1px 26px),
  linear-gradient(rgba(255,255,255,.55),transparent 54%),
  var(--yf-un);
  background-size:121px 107px,147px 131px,99px 113px,auto,auto,auto}
/* доска для раскатки: волокна дерева и мучные полосы от листа */
.yf-tahta-z.yf-tahta-z.yf-tahta-z{background:
  repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0 2px,transparent 2px 13px),
  repeating-linear-gradient(88deg,rgba(0,0,0,.09) 0 1px,transparent 1px 7px,rgba(0,0,0,.05) 7px 8px,transparent 8px 34px),
  radial-gradient(140% 90% at 14% 6%,rgba(255,255,255,.5),transparent 66%),
  var(--yf-tahta)}
/* топлёное масло: лужицы и мазки кисти, тёплый глянец */
.yf-yag-z.yf-yag-z.yf-yag-z{background:
  radial-gradient(ellipse 170px 70px at 24% 32%,rgba(255,255,255,.6),transparent 70%),
  radial-gradient(ellipse 130px 54px at 72% 68%,rgba(255,255,255,.45),transparent 72%),
  repeating-linear-gradient(104deg,rgba(255,255,255,.14) 0 4px,transparent 4px 17px),
  linear-gradient(118deg,color-mix(in srgb,var(--yf-yag) 46%,var(--yf-un)),color-mix(in srgb,var(--yf-yag) 74%,var(--yf-kizarmis) 10%))}
/* печёная корка: тёмная земля с пятнами румянца и пузырьками теста */
.yf-firin-z.yf-firin-z.yf-firin-z{background:
  radial-gradient(circle at 16% 24%,color-mix(in srgb,var(--yf-kizarmis) 34%,transparent) 0,color-mix(in srgb,var(--yf-kizarmis) 12%,transparent) 46%,transparent 78%),
  radial-gradient(circle at 68% 62%,color-mix(in srgb,var(--yf-kizarmis) 26%,transparent) 0,color-mix(in srgb,var(--yf-kizarmis) 9%,transparent) 44%,transparent 76%),
  radial-gradient(circle at 44% 88%,rgba(255,255,255,.1) 0 2px,transparent 3px),
  radial-gradient(circle at 82% 18%,rgba(255,255,255,.08) 0 2.4px,transparent 3.4px),
  linear-gradient(rgba(255,255,255,.05),transparent 46%),
  var(--yf-firin);
  background-size:300px 240px,360px 280px,88px 76px,113px 97px,auto,auto}
/* ореховая крупка: плотная посыпка фисташки и грецкого */
.yf-fistik-z.yf-fistik-z.yf-fistik-z{background:
  /* крупка: зерно, а не горох в клетку — турбулентность поверх зелёной базы */
  var(--yf-krupka),
  /* редкие зёрна — чуть светлее/темнее основы, без «гороха в клетку» */
  radial-gradient(ellipse 5px 3.4px at 12% 22%,color-mix(in srgb,var(--yf-fistik) 40%,#fff 7%) 0 86%,transparent),
  radial-gradient(ellipse 4px 2.6px at 73% 61%,color-mix(in srgb,var(--yf-ceviz) 36%,#000 10%) 0 86%,transparent),
  radial-gradient(130% 90% at 22% 0%,rgba(255,255,255,.08),transparent 62%),
  color-mix(in srgb,var(--yf-fistik) 50%,var(--yf-firin));
  background-size:190px 190px,151px 127px,173px 139px,auto,auto;
  background-blend-mode:overlay,normal,normal,normal,normal}
/* жесть противня, расчерченная под ромб (главная геометрия партии) */
.yf-sini-z.yf-sini-z.yf-sini-z{background:
  repeating-linear-gradient(58deg,rgba(255,255,255,.1) 0 1px,transparent 1px 54px),
  repeating-linear-gradient(-58deg,rgba(255,255,255,.1) 0 1px,transparent 1px 54px),
  repeating-linear-gradient(58deg,rgba(0,0,0,.26) 0 2px,transparent 2px 54px),
  repeating-linear-gradient(-58deg,rgba(0,0,0,.26) 0 2px,transparent 2px 54px),
  radial-gradient(120% 80% at 50% -10%,rgba(255,255,255,.12),transparent 62%),
  var(--yf-sini)}

/* ==========================================================================
   2. КРОМКИ СЕКЦИЙ — надрез ножом, слоёный скол, след оклавы
   ========================================================================== */
/* один длинный надрез ножом через весь верх + блик по срезу */
/* высоты кромок — в px: при процентах на длинной секции надрез вырастал
   до 70-80px и наезжал на заголовок (мобильный экран) */
.yf-bicak-top{clip-path:polygon(0 19px,100% 2px,100% 100%,0 100%);margin-top:-.9rem;position:relative}
.yf-bicak-top::after{content:"";position:absolute;left:0;right:0;top:0;height:20px;z-index:2;pointer-events:none;
  background:linear-gradient(97deg,rgba(255,255,255,.55),rgba(255,255,255,.08) 62%,transparent)}
/* слоёный скол: тесто отламывается тонкими пластинами */
.yf-citir-top{clip-path:polygon(0 24px,5% 11px,9% 28px,14% 9px,19% 25px,24% 13px,29% 30px,35% 10px,40% 26px,46% 12px,51% 29px,57% 11px,62% 24px,68% 13px,73% 28px,79% 10px,84% 25px,90% 12px,95% 27px,100% 11px,100% 100%,0 100%);margin-top:-.8rem}
/* след оклавы: вдавленная полоса с мучными бороздами по верхнему краю */
.yf-oklava-top{position:relative}
/* полоса лежит ВНУТРИ верхнего края: у земли секции overflow:clip, и всё,
   что выше top:0, просто срезается */
.yf-oklava-top::before{content:"";position:absolute;left:4%;right:4%;top:0;height:15px;z-index:3;pointer-events:none;
  border-radius:9px;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 2px,transparent 2px 11px),
             linear-gradient(color-mix(in srgb,var(--yf-tahta) 76%,#fff 10%),color-mix(in srgb,var(--yf-tahta) 58%,#000 14%));
  box-shadow:0 2px 5px -2px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.5)}
/* линейка слоёв — разделитель внутри секции: «40 kat · 7 fıstık · 3 tereyağı» */
hr.yf-cetvel{border:0;height:0;overflow:visible;position:relative;margin:2.3rem 0;
  border-top:2px solid color-mix(in srgb,var(--yf-ink) 24%,transparent)}
hr.yf-cetvel::before{content:"";position:absolute;left:0;right:0;top:-4px;height:9px;pointer-events:none;
  background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--yf-ink) 30%,transparent) 0 1px,transparent 1px 11px)}
hr.yf-cetvel::after{content:attr(data-kat);position:absolute;left:50%;top:-13px;transform:translateX(-50%);
  padding:0 .75rem;font-weight:700;font-size:.64rem;line-height:1.6;letter-spacing:.2em;text-transform:uppercase;
  font-family:var(--yf-bas-font,inherit);color:color-mix(in srgb,var(--yf-ink) 74%,transparent);
  background:var(--yf-cetvel-bg,var(--yf-un))}
/* на тёмной земле подпись линейки обязана быть светлой — иначе её не видно */
.yf-firin-z hr.yf-cetvel,.yf-sini-z hr.yf-cetvel,.yf-fistik-z hr.yf-cetvel{
  border-top-color:color-mix(in srgb,var(--yf-un) 34%,transparent)}
.yf-firin-z hr.yf-cetvel::before,.yf-sini-z hr.yf-cetvel::before,.yf-fistik-z hr.yf-cetvel::before{
  background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--yf-un) 42%,transparent) 0 1px,transparent 1px 11px)}
.yf-firin-z hr.yf-cetvel::after,.yf-sini-z hr.yf-cetvel::after,.yf-fistik-z hr.yf-cetvel::after{
  color:color-mix(in srgb,var(--yf-un) 92%,transparent)}

/* ==========================================================================
   3. НОСИТЕЛИ — кусок, вынутый из противня. Каждая карточка/цена/отзыв.
   Носители рисуют свою деталь ТОЛЬКО через ::before (см. канон выше).
   ========================================================================== */
/* ромбовидный кусок: углы срезаны ножом, печёный верх, слои по нижней кромке */
.yf-elmas{position:relative;padding:1.7rem 1.6rem 2rem;color:var(--yf-ink);
  clip-path:polygon(26px 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%,0 26px);
  background:
   linear-gradient(142deg,rgba(255,255,255,.75) 0 24%,transparent 52%),
   /* румянец печёного верха сходит на нет, а не обрывается полосой */
   linear-gradient(color-mix(in srgb,var(--yf-kizarmis) 26%,var(--yf-yufka)) 0 4%,color-mix(in srgb,var(--yf-kizarmis) 9%,var(--yf-yufka)) 22%,var(--yf-yufka) 46%),
   var(--yf-yufka);
  box-shadow:0 1px 0 rgba(255,255,255,.85) inset,0 14px 22px -17px rgba(0,0,0,.55);
  transition:transform .35s ease,box-shadow .35s ease}
.yf-elmas:hover{transform:translateY(-4px);box-shadow:0 1px 0 rgba(255,255,255,.85) inset,0 22px 28px -18px rgba(0,0,0,.5);z-index:5}
/* слои теста, видные по нижнему краю куска */
.yf-elmas::before{content:"";position:absolute;left:0;right:0;bottom:0;height:13px;pointer-events:none;
  background:repeating-linear-gradient(
    color-mix(in srgb,var(--yf-kizarmis) 52%,var(--yf-yufka)) 0 1.5px,
    color-mix(in srgb,var(--yf-un) 92%,#000 2%) 1.5px 3px)}
/* квадратный кусок: надрезы по двум сторонам, масляный глянец сверху */
.yf-kare{position:relative;padding:1.4rem 1.5rem;color:var(--yf-ink);
  background:
   linear-gradient(104deg,rgba(255,255,255,.6) 0 14%,transparent 38%),
   linear-gradient(rgba(255,255,255,.45),color-mix(in srgb,var(--yf-yag) 12%,transparent)),
   color-mix(in srgb,var(--yf-yufka) 92%,var(--yf-un));
  box-shadow:
   inset 2px 0 0 color-mix(in srgb,var(--yf-kizarmis) 34%,transparent),
   inset 0 -2px 0 color-mix(in srgb,var(--yf-kizarmis) 34%,transparent),
   0 12px 20px -16px rgba(0,0,0,.5)}
.yf-kare::before{content:"";position:absolute;left:10px;right:10px;top:6px;height:5px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.8) 24%,transparent 48%,rgba(255,255,255,.55) 76%,transparent)}
/* стопка слоёв: по левому краю видны все кат, кромки листов разной толщины */
.yf-katli{position:relative;padding:1.35rem 1.45rem 1.35rem calc(1.45rem + 24px);color:var(--yf-ink);
  background:linear-gradient(rgba(255,255,255,.6),rgba(255,255,255,0) 56%),var(--yf-un);
  box-shadow:0 10px 18px -14px rgba(0,0,0,.5)}
.yf-katli::before{content:"";position:absolute;left:0;top:0;bottom:0;width:22px;pointer-events:none;
  background:repeating-linear-gradient(
    color-mix(in srgb,var(--yf-yufka) 96%,#000 2%) 0 2px,
    color-mix(in srgb,var(--yf-kizarmis) 40%,var(--yf-un)) 2px 3.4px,
    color-mix(in srgb,var(--yf-fistik) 30%,var(--yf-un)) 3.4px 4.2px);
  box-shadow:1px 0 0 rgba(0,0,0,.26),inset -1px 0 0 rgba(0,0,0,.14)}
/* гнездо кадайыфа: завитые нити теста, вмятина в центре */
.yf-yuva{position:relative;padding:1.5rem 1.5rem;color:var(--yf-ink);border-radius:999px/96px;
  background:
   repeating-radial-gradient(ellipse 60% 48% at 50% 50%,color-mix(in srgb,var(--yf-yag) 30%,var(--yf-un)) 0 1.4px,transparent 1.4px 5px),
   radial-gradient(70% 55% at 50% 50%,color-mix(in srgb,var(--yf-kizarmis) 22%,var(--yf-un)),var(--yf-un) 72%),
   var(--yf-un);
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 -8px 16px -14px rgba(0,0,0,.5) inset,0 12px 20px -16px rgba(0,0,0,.5)}
.yf-yuva::before{content:"";position:absolute;inset:7px;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--yf-kizarmis) 26%,transparent)}
/* рулет (sarma/burma): свёрнутый лист, виден спиральный торец — для чисел/цен */
.yf-rulo{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:.1rem;
  padding:.95rem 1.2rem .9rem 2.5rem;color:var(--yf-ink);min-width:148px;border-radius:12px;
  background:
   repeating-linear-gradient(90deg,rgba(255,255,255,.4) 0 1px,transparent 1px 9px),
   linear-gradient(color-mix(in srgb,var(--yf-kizarmis) 30%,var(--yf-yufka)) 0 14%,var(--yf-yufka) 36% 70%,color-mix(in srgb,var(--yf-kizarmis) 24%,var(--yf-yufka)));
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 10px 18px -14px rgba(0,0,0,.55)}
.yf-rulo::before{content:"";position:absolute;left:9px;top:50%;transform:translateY(-50%);
  width:26px;height:26px;border-radius:50%;pointer-events:none;
  background:repeating-radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--yf-kizarmis) 46%,var(--yf-un)) 0 1.4px,var(--yf-un) 1.4px 3.2px);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--yf-ink) 24%,transparent),0 2px 4px -2px rgba(0,0,0,.5)}
/* противень: загнутый бортик, дно расчерчено под нарезку — для наборов/таблиц */
.yf-tepsi{position:relative;padding:1.3rem 1.4rem;color:var(--yf-ink);border-radius:4px;
  background:
   repeating-linear-gradient(58deg,color-mix(in srgb,var(--yf-kizarmis) 12%,transparent) 0 1px,transparent 1px 42px),
   repeating-linear-gradient(-58deg,color-mix(in srgb,var(--yf-kizarmis) 12%,transparent) 0 1px,transparent 1px 42px),
   linear-gradient(rgba(255,255,255,.5),color-mix(in srgb,var(--yf-yag) 8%,transparent)),
   var(--yf-un);
  border:3px solid color-mix(in srgb,var(--yf-sini) 46%,#D9C7A8 24%);
  box-shadow:0 0 0 1px rgba(0,0,0,.16) inset,0 12px 20px -14px rgba(0,0,0,.5)}
.yf-tepsi::before{content:"";position:absolute;left:-3px;right:-3px;top:-3px;height:7px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.5) 30%,transparent 62%,rgba(255,255,255,.35) 86%,transparent)}

/* ==========================================================================
   4. РАСКЛАДКА — противень, расчерченный под нарезку, и стопка листов
   ========================================================================== */
/* нарезка: ячейки лежат на расчерченном противне, между ними — линии ножа */
.yf-kesim{display:grid;gap:14px;padding:16px;border-radius:5px;
  background:
   repeating-linear-gradient(58deg,rgba(0,0,0,.14) 0 2px,transparent 2px 46px),
   repeating-linear-gradient(-58deg,rgba(0,0,0,.14) 0 2px,transparent 2px 46px),
   linear-gradient(rgba(255,255,255,.3),color-mix(in srgb,var(--yf-yag) 14%,transparent)),
   color-mix(in srgb,var(--yf-tahta) 34%,var(--yf-un));
  border:4px solid color-mix(in srgb,var(--yf-sini) 42%,#D9C7A8 26%);
  box-shadow:0 2px 0 rgba(255,255,255,.4) inset,0 -6px 14px rgba(0,0,0,.14) inset,0 16px 28px -20px rgba(0,0,0,.55)}
/* ячейки «вынуты» из противня: без ::after, чтобы не ссориться с метками */
.yf-kesim>*{position:relative;box-shadow:0 0 0 1px color-mix(in srgb,var(--yf-ink) 14%,transparent),0 10px 16px -14px rgba(0,0,0,.5)}
/* стопка листов: каждая строка — лист со своей кромкой, листы чуть сдвинуты */
.yf-kat-dizi{display:grid;gap:0}
.yf-kat-dizi>*{position:relative;padding-block:clamp(14px,2vw,22px)}
.yf-kat-dizi>*:not(.yf-elmas,.yf-kare,.yf-katli,.yf-tepsi,.yf-yuva,.yf-rulo){padding-inline:clamp(12px,1.8vw,20px)}
.yf-kat-dizi>*+*{border-top:1px solid color-mix(in srgb,var(--yf-ink) 16%,transparent);
  box-shadow:0 -2px 0 rgba(255,255,255,.75) inset}
.yf-kat-dizi>*:nth-child(odd):not(.yf-elmas,.yf-kare,.yf-katli,.yf-tepsi,.yf-yuva,.yf-rulo){background:linear-gradient(90deg,color-mix(in srgb,var(--yf-yag) 9%,transparent),transparent 58%)}
.yf-kat-dizi>*:nth-child(even):not(.yf-elmas,.yf-kare,.yf-katli,.yf-tepsi,.yf-yuva,.yf-rulo){background:linear-gradient(270deg,color-mix(in srgb,var(--yf-fistik) 8%,transparent),transparent 58%)}
.yf-kat-dizi>*:nth-child(3n+2):not(.yf-elmas,.yf-kare,.yf-katli,.yf-tepsi,.yf-yuva,.yf-rulo){padding-left:calc(clamp(12px,1.8vw,20px) + clamp(10px,1.6vw,22px))}
/* процесс вдоль оклавы: слева лежит скалка, шаги нанизаны на неё */
.yf-akis{position:relative;display:grid;gap:clamp(18px,2.6vw,30px);padding-left:34px}
.yf-akis::before{content:"";position:absolute;left:10px;top:2px;bottom:2px;width:14px;border-radius:7px;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.5) 0 2px,transparent 2px 10px),
             linear-gradient(90deg,color-mix(in srgb,var(--yf-tahta) 80%,#fff 12%),color-mix(in srgb,var(--yf-tahta) 54%,#000 16%));
  box-shadow:0 2px 6px -3px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.5)}
/* партия: один десерт, но пропорции в ряду разные */
.yf-parti>*:nth-child(4n+2){--yf-ar:1/1}
.yf-parti>*:nth-child(4n+3){--yf-ar:3/4}

/* ==========================================================================
   5. МЕТКИ — счётчик слоёв, кисть с маслом, мучной отпечаток, надрез
   ========================================================================== */
/* счётчик слоёв: «40 KAT» со стопкой полос */
.yf-kat-rozet{position:relative;display:inline-flex;align-items:center;gap:.5rem;
  padding:.3rem .8rem .3rem 1.5rem;border-radius:2px;color:var(--yf-ink);
  font-weight:700;font-size:.68rem;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;
  font-family:var(--yf-bas-font,inherit);
  background:linear-gradient(color-mix(in srgb,var(--yf-yag) 60%,#fff 26%),var(--yf-yag));
  box-shadow:0 2px 6px -3px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.14) inset}
.yf-kat-rozet::before{content:"";position:absolute;left:.5rem;top:50%;transform:translateY(-50%);
  width:11px;height:13px;
  background:repeating-linear-gradient(color-mix(in srgb,var(--yf-ink) 76%,transparent) 0 1.4px,transparent 1.4px 3px)}
/* мазок кисти с топлёным маслом */
/* мазок кисти обязан облегать надпись: в flex/grid-колонке его растягивало
   на всю ширину карточки и он превращался в полосу */
.yf-firca{display:inline-block;width:fit-content;max-width:max-content;align-self:start;
  padding:.34rem 1rem;color:var(--yf-ink);
  font-weight:700;font-size:.69rem;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;
  font-family:var(--yf-bas-font,inherit);
  border-radius:60% 40% 55% 45%/100% 100% 100% 100%;
  background:repeating-linear-gradient(94deg,color-mix(in srgb,var(--yf-yag) 86%,#fff 10%) 0 3px,color-mix(in srgb,var(--yf-yag) 62%,#fff 24%) 3px 7px);
  box-shadow:0 2px 5px -3px rgba(0,0,0,.5)}
/* мучной отпечаток ладони под подписью */
.yf-un-izi{display:inline-block;padding:.34rem .9rem;color:var(--yf-ink);
  font-weight:600;font-size:.7rem;line-height:1.5;letter-spacing:.06em;
  background:
   radial-gradient(circle at 18% 36%,rgba(255,255,255,.95) 0 3px,transparent 4px),
   radial-gradient(circle at 46% 64%,rgba(255,255,255,.85) 0 2.4px,transparent 3.4px),
   radial-gradient(circle at 76% 32%,rgba(255,255,255,.8) 0 2px,transparent 3px),
   radial-gradient(70% 120% at 50% 50%,rgba(255,255,255,.75),transparent 78%)}
/* надрез ножом на углу носителя — ::after с полным сбросом (см. канон) */
.yf-bicak-m{position:relative}
/* шильдик лежит ВНУТРИ носителя: clip-path у yf-elmas и overflow:hidden у
   карточек с фото срезали его, когда он торчал наружу (top:-11px) */
.yf-bicak-m[data-bicak]{padding-top:2.75rem}
/* шильдик повесили на строчный span с текстом — освобождаем ему строку над текстом */
:where(span,a,em,strong,b,small,label).yf-bicak-m[data-bicak]{display:inline-block;padding-top:2.1rem;margin-top:.35rem}
/* текст такого span'а исключён из общего правила цвета (carve-out по [class*=yf-bicak]),
   на светлом носителе он оставался светлым — возвращаем чернила */
:where(.yf-elmas,.yf-kare,.yf-katli,.yf-tepsi,.yf-yuva,.yf-rulo)
 :where(span,a,em,strong,b,small,label).yf-bicak-m[data-bicak]{color:var(--yf-ink)}
.yf-bicak-m[data-bicak]::after{content:attr(data-bicak);position:absolute;top:11px;right:12px;
  left:auto;bottom:auto;transform:rotate(-2deg);opacity:1;animation:none;transition:none;z-index:4;
  width:auto;height:auto;display:inline-block;padding:.3rem .85rem;text-align:center;pointer-events:none;
  font-weight:700;font-size:.63rem;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;
  font-family:var(--yf-bas-font,inherit);color:color-mix(in srgb,#fff 92%,var(--yf-acc));
  background:linear-gradient(color-mix(in srgb,var(--yf-acc) 90%,#000 6%),color-mix(in srgb,var(--yf-acc) 64%,#000));
  clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);
  box-shadow:0 4px 8px -4px rgba(0,0,0,.6);text-shadow:0 1px 0 rgba(0,0,0,.4)}
/* «çıtır» — хрустящая пластина теста рядом с текстом */
.yf-citir-m{position:relative;display:inline-block;margin-left:17px;padding:.3rem .85rem;
  color:var(--yf-ink);font-weight:700;font-size:.68rem;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;
  font-family:var(--yf-bas-font,inherit);
  background:linear-gradient(color-mix(in srgb,var(--yf-un) 94%,#fff),color-mix(in srgb,var(--yf-yufka) 90%,#fff 6%));
  box-shadow:0 2px 5px -3px rgba(0,0,0,.5),0 0 0 1px color-mix(in srgb,var(--yf-kizarmis) 26%,transparent) inset}
.yf-citir-m::before{content:"";position:absolute;left:-15px;top:50%;transform:translateY(-50%) rotate(-14deg);
  width:17px;height:13px;clip-path:polygon(0 38%,38% 0,100% 18%,72% 100%,16% 82%);
  background:linear-gradient(140deg,#fff,color-mix(in srgb,var(--yf-kizarmis) 40%,#fff));
  box-shadow:0 1px 2px rgba(0,0,0,.35)}
/* бандероль поперёк носителя — ::after с полным сбросом (см. канон) */
.yf-bant{position:relative}
/* Бандероль лежит В ПОТОКЕ последней строкой носителя: прежняя абсолютная
   плита во всю ширину держалась на угаданном padding-bottom и, когда
   содержимое подрастало, ложилась на кнопку («EN ÇOK TERCİH» поверх
   «Setini planla»). Заодно плита читалась как вторая кнопка. */
.yf-bant[data-bant]::after{content:attr(data-bant);position:static;inset:auto;display:block;z-index:3;
  width:max-content;max-width:min(100%,34ch);
  margin:clamp(16px,2.2vw,22px) auto var(--yf-by,0px);
  grid-column:1/-1;flex-basis:100%;
  height:auto;min-height:0;max-height:none;transform:none;animation:none;transition:none;opacity:1;
  padding:.52rem 1.6rem;text-align:center;pointer-events:none;
  font-weight:700;font-size:.7rem;line-height:1.25;letter-spacing:.2em;text-transform:uppercase;
  font-family:var(--yf-bas-font,inherit);
  color:color-mix(in srgb,#fff 92%,var(--yf-yag));text-shadow:0 1px 1px rgba(0,0,0,.45);
  background:
    linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,0) 44%),
    linear-gradient(color-mix(in srgb,var(--yf-ceviz) 90%,#000 8%),var(--yf-ceviz) 58%,color-mix(in srgb,var(--yf-ceviz) 72%,#000));
  clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%,12px 50%);
  box-shadow:none;filter:drop-shadow(0 3px 6px rgba(0,0,0,.32))}

/* ==========================================================================
   6. ТИПОГРАФИКА СЛОЁНОГО ТЕСТА
   ========================================================================== */
/* заголовок-срез: буквы набраны слоями теста (строго 180deg — на широком
   span диагональный угол топил первое слово в фоне) */
.yf-katman{position:relative;display:inline-block;
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--yf-kizarmis) 70%,var(--yf-yag)) 0 18%,
    var(--yf-kizarmis) 18% 34%,
    color-mix(in srgb,var(--yf-ceviz) 72%,var(--yf-kizarmis)) 34% 58%,
    var(--yf-ceviz) 58% 78%,
    color-mix(in srgb,var(--yf-ceviz) 80%,#000 14%));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.4))}
/* на тёмной земле слои светлее */
/* на тёмной земле светлая часть должна преобладать: если сайт переопределил
   --yf-yag в густой тон, прежние стопы топили слово в фоне */
.yf-firin-z .yf-katman,.yf-sini-z .yf-katman,.yf-fistik-z .yf-katman{
  background:linear-gradient(180deg,#FFF3DC 0 40%,
    color-mix(in srgb,var(--yf-yag) 72%,#fff 26%) 40% 70%,
    color-mix(in srgb,var(--yf-yag) 88%,#fff 12%));
  -webkit-background-clip:text;background-clip:text;color:transparent}
/* капсы, присыпанные сахарной пудрой */
.yf-tozlu{font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--yf-ink);
  text-shadow:0 1px 0 rgba(255,255,255,.9),0 -1px 0 rgba(255,255,255,.55),1px 0 0 rgba(255,255,255,.4)}
.yf-firin-z .yf-tozlu,.yf-sini-z .yf-tozlu,.yf-fistik-z .yf-tozlu{color:var(--yf-un);
  text-shadow:0 1px 0 rgba(0,0,0,.5),0 0 6px rgba(255,255,255,.3)}
/* мелкое «kat / pişirme / saklama / alerjen» */
.yf-tarif{display:block;font-size:.74rem;line-height:1.5;letter-spacing:.02em;
  color:color-mix(in srgb,var(--yf-ink) 84%,transparent)}
.yf-firin-z .yf-tarif,.yf-sini-z .yf-tarif,.yf-fistik-z .yf-tarif{color:color-mix(in srgb,var(--yf-un) 94%,transparent)}
/* светлый носитель внутри тёмной земли: правило носителя идёт ПОСЛЕ земли,
   иначе подпись в куске остаётся «сливки по сливкам» */
.yf-elmas .yf-tarif,.yf-kare .yf-tarif,.yf-katli .yf-tarif,
.yf-yuva .yf-tarif,.yf-rulo .yf-tarif,.yf-tepsi .yf-tarif{
  color:color-mix(in srgb,var(--yf-ink) 84%,transparent)}
.yf-rulo .yf-tarif{font-size:.64rem;line-height:1.3;text-align:center}
/* граммаж/штуки — табличные цифры */
.yf-gramaj{display:inline-block;padding:.12rem .5rem;border-radius:2px;
  font-weight:700;font-size:.72rem;line-height:1.5;letter-spacing:.06em;font-variant-numeric:tabular-nums;
  color:var(--yf-ink);background:color-mix(in srgb,var(--yf-un) 86%,var(--yf-yag) 12%);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--yf-ink) 18%,transparent) inset}
/* рука мастера: пометка мукой на полях */
.yf-el{font-family:var(--yf-el-font,inherit);font-weight:600;font-size:1.02rem;line-height:1.35;
  color:color-mix(in srgb,var(--yf-acc) 86%,#000 6%);transform:rotate(-1.3deg);display:inline-block}
.yf-el.yf-buyuk{font-size:clamp(1.35rem,2.4vw,2rem)}
/* рукописная пометка внутри светлого носителя обязана быть чернильной:
   на тёмной земле она наследовала сливочный цвет и пропадала на бумаге */
.yf-elmas:not(:has(> img)) .yf-el,.yf-kare:not(:has(> img)) .yf-el,
.yf-katli:not(:has(> img)) .yf-el,.yf-tepsi:not(:has(> img)) .yf-el,
.yf-yuva:not(:has(> img)) .yf-el,.yf-rulo:not(:has(> img)) .yf-el{
  color:color-mix(in srgb,var(--yf-acc) 86%,#000 6%)}
/* в подписи-плашке наклон выносил последнее слово за тёмную подложку */
:where(figcaption,.cap,.caption,[class*="-cap"],[class*="cap-"]) .yf-el{transform:none}
.yf-firin-z .yf-el,.yf-sini-z .yf-el,.yf-fistik-z .yf-el{color:color-mix(in srgb,var(--yf-yag) 88%,#fff 10%)}
/* ...но внутри СВЕТЛОГО носителя на тёмной земле пометка остаётся чернильной
   (правило идёт после «тёмной земли», иначе светлое по светлому) */
.yf-elmas:not(:has(> img)) .yf-el,.yf-kare:not(:has(> img)) .yf-el,
.yf-katli:not(:has(> img)) .yf-el,.yf-tepsi:not(:has(> img)) .yf-el,
.yf-yuva:not(:has(> img)) .yf-el,.yf-rulo:not(:has(> img)) .yf-el{
  color:color-mix(in srgb,var(--yf-acc) 86%,#000 6%)}
/* клеймо-логотип: оттиск на тесте */
.yf-muhur{position:relative;display:inline-grid;place-items:center;padding:.55rem 1rem;border-radius:3px;
  color:var(--yf-ink);
  background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.65),transparent 60%),
             color-mix(in srgb,var(--yf-yag) 22%,var(--yf-un));
  box-shadow:0 0 0 1px color-mix(in srgb,var(--yf-ink) 34%,transparent),
             0 0 0 4px color-mix(in srgb,var(--yf-un) 88%,transparent),
             0 0 0 5px color-mix(in srgb,var(--yf-ink) 20%,transparent),
             0 1px 0 rgba(255,255,255,.7) inset}

/* ==========================================================================
   7. ДЕКОР — крошка, мука, пластины теста (3–5 на секцию)
   ========================================================================== */
.yf-kirinti{position:absolute;z-index:1;pointer-events:none;user-select:none}
/* фисташковая крупка */
.yf-kirinti--fistik{width:8px;height:5px;border-radius:46% 54% 50% 50%;transform:rotate(-16deg);
  background:linear-gradient(120deg,color-mix(in srgb,var(--yf-fistik) 78%,#fff 16%),var(--yf-fistik));
  box-shadow:0 1px 2px rgba(0,0,0,.3)}
/* грецкий орех */
.yf-kirinti--ceviz{width:9px;height:7px;border-radius:50% 44% 52% 48%;transform:rotate(12deg);
  background:radial-gradient(circle at 38% 32%,color-mix(in srgb,var(--yf-ceviz) 64%,#fff 22%),var(--yf-ceviz) 72%);
  box-shadow:0 1px 2px rgba(0,0,0,.32)}
/* мучная точка */
.yf-kirinti--un{width:7px;height:7px;border-radius:50%;
  background:radial-gradient(circle at 36% 32%,#fff,rgba(255,255,255,.35) 68%,transparent 76%)}
/* пластина теста */
.yf-kirinti--pul{width:17px;height:12px;clip-path:polygon(0 36%,36% 0,100% 20%,74% 100%,14% 84%);
  background:linear-gradient(140deg,color-mix(in srgb,var(--yf-un) 96%,#fff),color-mix(in srgb,var(--yf-kizarmis) 36%,#fff));
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
/* нить кадайыфа */
.yf-kirinti--tel{width:58px;height:9px;
  border-top:2px solid color-mix(in srgb,var(--yf-yag) 76%,#fff 14%);
  border-radius:0 0 50% 50%/0 0 100% 100%;opacity:.8}
/* метка надреза */
.yf-kirinti--kesik{width:22px;height:3px;transform:rotate(58deg);border-radius:2px;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--yf-ink) 46%,transparent),transparent)}
/* капля топлёного масла */
.yf-kirinti--yag{width:13px;height:9px;border-radius:52% 48% 46% 54%/58% 56% 44% 42%;
  background:radial-gradient(ellipse at 36% 32%,color-mix(in srgb,var(--yf-yag) 74%,#fff 18%),var(--yf-yag) 72%);
  opacity:.8}
/* пометка рукой мастера */
.yf-kirinti--not{position:absolute;padding:.28rem .55rem;font-family:var(--yf-el-font,inherit);
  font-weight:600;font-size:.72rem;line-height:1.2;color:var(--yf-ink);
  transform:rotate(var(--yf-nr,-4deg));
  background:color-mix(in srgb,var(--yf-un) 94%,var(--yf-yag) 6%);
  box-shadow:0 2px 5px -3px rgba(0,0,0,.5)}
.yf-firin-z .yf-kirinti--not,.yf-sini-z .yf-kirinti--not,.yf-fistik-z .yf-kirinti--not{color:var(--yf-firin)}

/* ==========================================================================
   8. ЭФФЕКТЫ — масляный глянец, жар печи, расхождение слоёв, мучная пыль
   ========================================================================== */
/* глянец масла по носителю при наведении (::after — не ставить вместе с
   yf-bicak-m / yf-bant на одном элементе) */
.yf-yagli{position:relative;overflow:hidden}
.yf-yagli::after{content:"";position:absolute;top:-60%;left:-40%;width:40%;height:220%;pointer-events:none;z-index:3;
  transform:rotate(14deg);opacity:0;transition:opacity .35s ease,left .75s ease;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}
.yf-yagli:hover::after{opacity:1;left:108%}
/* жар печи за курсором (--yf-mx/--yf-my в %) — эффект секции */
.yf-firin-isik{position:relative}
.yf-firin-isik::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(280px 210px at var(--yf-mx,50%) var(--yf-my,40%),
             color-mix(in srgb,var(--yf-yag) 30%,transparent),transparent 72%);
  transition:background .2s ease}
/* слои расходятся от скролла (--yf-ac-y: 0..100) — эффект блока с фото.
   Фото держим выше слоя, иначе по кадру идёт полоса (грабли прошлой партии) */
.yf-acilma{position:relative}
.yf-acilma>img,.yf-acilma>picture,.yf-acilma>figure{position:relative;z-index:1}
.yf-acilma::after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:0;pointer-events:none;
  height:calc(14px + var(--yf-ac-y,10) * .22px);
  background:repeating-linear-gradient(
    color-mix(in srgb,var(--yf-kizarmis) 40%,transparent) 0 1.5px,
    color-mix(in srgb,var(--yf-un) 86%,transparent) 1.5px 3.2px);
  transition:height .25s linear}
/* облачко муки у нижнего края секции */
.yf-toz-fx{position:relative}
.yf-toz-fx::after{content:"";position:absolute;left:0;right:0;bottom:0;height:30px;z-index:1;pointer-events:none;
  background:radial-gradient(circle at 14% 100%,rgba(255,255,255,.5) 0 7px,transparent 9px),
             radial-gradient(circle at 36% 100%,rgba(255,255,255,.38) 0 11px,transparent 13px),
             radial-gradient(circle at 58% 100%,rgba(255,255,255,.42) 0 8px,transparent 10px),
             radial-gradient(circle at 79% 100%,rgba(255,255,255,.32) 0 12px,transparent 14px);
  animation:yf-toz 5.4s ease-in-out infinite}
@keyframes yf-toz{0%,100%{transform:translateY(4px);opacity:.45}50%{transform:translateY(-5px);opacity:.85}}

/* ==========================================================================
   9. КОНТРАСТ ВНУТРИ СВЕТЛЫХ НОСИТЕЛЕЙ (точечно, без blanket-правил).
   Подпись поверх фото сама себе фон — её НЕ перекрашиваем.
   ========================================================================== */
.yf-elmas h2,.yf-elmas h3,.yf-elmas h4,.yf-elmas p,.yf-elmas li,.yf-elmas dt,.yf-elmas dd,
.yf-kare h2,.yf-kare h3,.yf-kare h4,.yf-kare p,.yf-kare li,
.yf-katli h3,.yf-katli h4,.yf-katli p,.yf-katli li,
.yf-yuva h3,.yf-yuva h4,.yf-yuva p,.yf-yuva li,
.yf-tepsi h2,.yf-tepsi h3,.yf-tepsi h4,.yf-tepsi p,.yf-tepsi li,
/* метки со своей тёмной землёй (bicak/bant) и декор красить нельзя */
.yf-elmas span:not([class*="yf-kirinti"]):not([class*="yf-bicak"]):not([class*="yf-bant"]):not([class*="yf-citir"]):not([class*="tag"]):not([class*="badge"]):not([class*="rozet"]):not([class*="chip"]):not([class*="pill"]):not(:where(:has(> img) > span,:has(> picture) > span)),
.yf-kare span:not([class*="yf-kirinti"]):not([class*="yf-bicak"]):not([class*="yf-bant"]):not([class*="yf-citir"]):not([class*="tag"]):not([class*="badge"]):not([class*="rozet"]):not([class*="chip"]):not([class*="pill"]):not(:where(:has(> img) > span,:has(> picture) > span)),
.yf-tepsi span:not([class*="yf-kirinti"]):not([class*="yf-bicak"]):not([class*="yf-bant"]):not([class*="yf-citir"]):not([class*="tag"]):not([class*="badge"]):not([class*="rozet"]):not([class*="chip"]):not([class*="pill"]):not(:where(:has(> img) > span,:has(> picture) > span)){color:var(--yf-ink)}
.yf-elmas a:not([class*="btn"]):not([class*="buton"]),.yf-kare a:not([class*="btn"]):not([class*="buton"]),
.yf-katli a:not([class*="btn"]):not([class*="buton"]),.yf-tepsi a:not([class*="btn"]):not([class*="buton"]){
  color:color-mix(in srgb,var(--yf-acc) 82%,#000)}
/* фото внутри носителя: ровный кадр, слой носителя его не перекрывает */
.yf-elmas>img,.yf-kare>img,.yf-katli>img,.yf-tepsi>img,.yf-yuva>img,
.yf-elmas figure>img,.yf-kare figure>img,.yf-katli figure>img,.yf-tepsi figure>img{
  display:block;width:100%;height:auto;aspect-ratio:var(--yf-ar,4/3);object-fit:cover;border-radius:2px;position:relative;z-index:1}
/* подпись-оверлей на фото: фото подняли на z-index:1, значит подпись выше него,
   иначе текст уходит ПОД снимок (невидимая подпись) */
:where(.yf-elmas,.yf-kare,.yf-katli,.yf-tepsi,.yf-yuva,.yf-rulo,.yf-acilma)
 :where(figcaption,.cap,.caption,[class*="-cap"],[class*="cap-"]){z-index:2}
/* светлая подпись поверх снимка: на светлом участке кадра она тонула — тень-скрим */
:where(.yf-elmas,.yf-kare,.yf-katli,.yf-tepsi,.yf-yuva,.yf-rulo,.yf-acilma):has(img)
 :where(figcaption,.cap,.caption,[class*="-cap"],[class*="cap-"]){
  text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 10px rgba(0,0,0,.45)}

/* ==========================================================================
   10. АДАПТИВ И ДОСТУПНОСТЬ
   ========================================================================== */
@media (max-width:760px){
  .yf-bicak-m[data-bicak]::after{font-size:.58rem;padding:.26rem .6rem;top:9px;right:8px;left:auto;bottom:auto}
  .yf-bicak-m[data-bicak]{padding-top:2.4rem}
  .yf-akis{padding-left:26px}
  .yf-akis::before{left:6px;width:11px}
  .yf-kirinti--tel{width:36px}
  .yf-rulo{min-width:124px;padding:.8rem 1rem .8rem 2.2rem}
  .yf-rulo::before{left:7px;width:21px;height:21px}
  .yf-kesim{padding:11px;gap:11px}
  .yf-elmas{padding:1.3rem 1.2rem 1.6rem;clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px)}
  .yf-yuva{border-radius:999px/70px}
}
@media (prefers-reduced-motion:reduce){
  .yf-toz-fx::after{animation:none}
  .yf-elmas,.yf-elmas:hover{transition:none;transform:none}
  .yf-yagli::after{display:none}
  .yf-acilma::after{transition:none}
}