/; на тоже можно —
position там НЕ переопределяется (иначе ломается sticky и fixed cookie).
========================================================================== */
.pt-petek-z,.pt-mum-z,.pt-kovan-z,.pt-bal-z,.pt-cayir-z,.pt-duman-z,.pt-propolis-z{isolation:isolate}
:where(.pt-petek-z,.pt-mum-z,.pt-kovan-z,.pt-bal-z,.pt-cayir-z,.pt-duman-z,.pt-propolis-z):not(header,.site-header,.header,[class*="drawer"]){position:relative;overflow:clip}
header.pt-petek-z,header.pt-mum-z,header.pt-kovan-z,header.pt-bal-z,header.pt-cayir-z,header.pt-duman-z,header.pt-propolis-z{overflow:visible}
.pt-petek-z::before,.pt-mum-z::before,.pt-kovan-z::before,.pt-bal-z::before,.pt-cayir-z::before,.pt-duman-z::before,.pt-propolis-z::before{
content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
background-image:var(--pt-doku);background-size:180px 180px;opacity:.14}
/* сота на просвет: ряды ячеек, часть запечатана воском */
.pt-petek-z.pt-petek-z.pt-petek-z{background:
var(--pt-petek-ag),
radial-gradient(circle at 24% 30%,color-mix(in srgb,var(--pt-bal) 26%,transparent) 0 12px,transparent 15px),
radial-gradient(circle at 71% 64%,color-mix(in srgb,var(--pt-bal) 20%,transparent) 0 10px,transparent 13px),
radial-gradient(135% 85% at 20% 6%,rgba(255,255,255,.88),transparent 64%),
color-mix(in srgb,var(--pt-mum) 88%,var(--pt-bal) 10%);
background-size:56px 96px,224px 288px,196px 256px,auto,auto}
/* восковой лист: матовая отливка, еле заметный оттиск сот и слой свежего воска */
.pt-mum-z.pt-mum-z.pt-mum-z{background:
repeating-linear-gradient(0deg,rgba(255,255,255,.5) 0 1px,transparent 1px 9px),
radial-gradient(ellipse 180px 70px at 28% 22%,rgba(255,255,255,.75),transparent 72%),
radial-gradient(ellipse 150px 60px at 76% 72%,color-mix(in srgb,var(--pt-polen) 14%,transparent),transparent 74%),
linear-gradient(rgba(255,255,255,.6),transparent 58%),
var(--pt-mum)}
/* корпус улья: вертикальные доски, стыки, облупившаяся краска */
.pt-kovan-z.pt-kovan-z.pt-kovan-z{background:
/* стык двух досок: тень + светлая фаска */
repeating-linear-gradient(90deg,rgba(0,0,0,.3) 0 3px,rgba(0,0,0,.1) 3px 5px,rgba(255,255,255,.22) 5px 7px,transparent 7px 164px),
/* волокна: длинные тонкие прожилки вдоль доски */
repeating-linear-gradient(91deg,rgba(0,0,0,.07) 0 1px,transparent 1px 5px,rgba(255,255,255,.07) 5px 6px,transparent 6px 17px),
/* годовые кольца, выходящие на пласть */
repeating-radial-gradient(ellipse 150px 620px at 24% 50%,rgba(0,0,0,.05) 0 2px,transparent 2px 34px),
radial-gradient(140% 90% at 16% 8%,rgba(255,255,255,.42),transparent 68%),
var(--pt-kovan);
background-size:164px 100%,auto,auto,auto,auto}
/* мёд в банке на свету: тягучий янтарь, медленные блики, пузырьки */
.pt-bal-z.pt-bal-z.pt-bal-z{background:
radial-gradient(circle at 34% 26%,rgba(255,255,255,.2) 0 2.6px,transparent 3.6px),
radial-gradient(circle at 76% 58%,rgba(255,255,255,.16) 0 2px,transparent 3px),
radial-gradient(ellipse 220px 120px at 22% 18%,rgba(255,255,255,.4),transparent 72%),
linear-gradient(122deg,color-mix(in srgb,var(--pt-bal) 82%,#fff 12%),color-mix(in srgb,var(--pt-bal) 72%,var(--pt-koyu-bal) 26%));
background-size:117px 103px,143px 127px,auto,auto}
/* луг на цветении: травяная земля, пыльца в воздухе, светлые венчики */
.pt-cayir-z.pt-cayir-z.pt-cayir-z{background:
var(--pt-polen-toz),
radial-gradient(circle at 18% 72%,color-mix(in srgb,var(--pt-polen) 52%,transparent) 0 2.4px,transparent 3.4px),
radial-gradient(circle at 62% 34%,color-mix(in srgb,var(--pt-mum) 42%,transparent) 0 2px,transparent 3px),
repeating-linear-gradient(84deg,rgba(0,0,0,.08) 0 1px,transparent 1px 15px),
radial-gradient(130% 90% at 24% 4%,rgba(255,255,255,.1),transparent 64%),
color-mix(in srgb,var(--pt-cayir) 88%,var(--pt-propolis) 16%);
background-size:170px 170px,131px 119px,157px 141px,auto,auto,auto;
background-blend-mode:overlay,normal,normal,normal,normal,normal}
/* дым дымаря: тёмная земля, в которой плывут слои дыма */
.pt-duman-z.pt-duman-z.pt-duman-z{background:
radial-gradient(ellipse 320px 90px at 22% 26%,rgba(255,255,255,.12),transparent 74%),
radial-gradient(ellipse 280px 70px at 74% 58%,rgba(255,255,255,.09),transparent 76%),
radial-gradient(ellipse 240px 60px at 46% 86%,rgba(255,255,255,.07),transparent 78%),
linear-gradient(rgba(255,255,255,.05),transparent 52%),
color-mix(in srgb,var(--pt-duman) 86%,var(--pt-propolis) 22%)}
/* пропольн: тёмная смола, в которой застыли сотовые линии */
.pt-propolis-z.pt-propolis-z.pt-propolis-z{background:
var(--pt-petek-ag-i),
radial-gradient(circle at 28% 34%,color-mix(in srgb,var(--pt-koyu-bal) 46%,transparent) 0,transparent 62%),
radial-gradient(circle at 72% 70%,color-mix(in srgb,var(--pt-koyu-bal) 32%,transparent) 0,transparent 58%),
linear-gradient(rgba(255,255,255,.04),transparent 44%),
var(--pt-propolis);
background-size:56px 96px,340px 280px,300px 260px,auto,auto}
/* ==========================================================================
2. КРОМКИ СЕКЦИЙ — зубчатый край сот, стекающий мёд, планка рамки
========================================================================== */
/* край отстроенной соты: ряд шестигранных зубьев (высоты строго в px) */
.pt-petek-top{clip-path:polygon(0 15px,0.0% 15px,1.0% 4px,3.0% 4px,4.0% 15px,6.0% 15px,7.0% 4px,9.0% 4px,10.0% 15px,12.0% 15px,13.0% 4px,15.0% 4px,16.0% 15px,18.0% 15px,19.0% 4px,21.0% 4px,22.0% 15px,24.0% 15px,25.0% 4px,27.0% 4px,28.0% 15px,30.0% 15px,31.0% 4px,33.0% 4px,34.0% 15px,36.0% 15px,37.0% 4px,39.0% 4px,40.0% 15px,42.0% 15px,43.0% 4px,45.0% 4px,46.0% 15px,48.0% 15px,49.0% 4px,51.0% 4px,52.0% 15px,54.0% 15px,55.0% 4px,57.0% 4px,58.0% 15px,60.0% 15px,61.0% 4px,63.0% 4px,64.0% 15px,66.0% 15px,67.0% 4px,69.0% 4px,70.0% 15px,72.0% 15px,73.0% 4px,75.0% 4px,76.0% 15px,78.0% 15px,79.0% 4px,81.0% 4px,82.0% 15px,84.0% 15px,85.0% 4px,87.0% 4px,88.0% 15px,90.0% 15px,91.0% 4px,93.0% 4px,94.0% 15px,96.0% 15px,97.0% 4px,99.0% 4px,100.0% 15px,100% 15px,100% 100%,0 100%);margin-top:-.7rem}
/* мёд стекает с верхней кромки: тягучие капли разной длины */
.pt-akma-top{position:relative;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.pt-akma-top::before{content:"";position:absolute;left:0;right:0;top:0;height:22px;z-index:3;pointer-events:none;
background:
radial-gradient(circle at 12% 0,color-mix(in srgb,var(--pt-koyu-bal) 62%,var(--pt-bal)) 0 11px,transparent 12px),
radial-gradient(circle at 31% 0,color-mix(in srgb,var(--pt-koyu-bal) 62%,var(--pt-bal)) 0 7px,transparent 8px),
radial-gradient(circle at 54% 0,color-mix(in srgb,var(--pt-koyu-bal) 62%,var(--pt-bal)) 0 13px,transparent 14px),
radial-gradient(circle at 72% 0,color-mix(in srgb,var(--pt-koyu-bal) 62%,var(--pt-bal)) 0 8px,transparent 9px),
radial-gradient(circle at 89% 0,color-mix(in srgb,var(--pt-koyu-bal) 62%,var(--pt-bal)) 0 10px,transparent 11px),
linear-gradient(color-mix(in srgb,var(--pt-koyu-bal) 62%,var(--pt-bal)) 0 5px,transparent 5px);
filter:drop-shadow(0 1px 1px rgba(0,0,0,.28))}
/* планка рамки: деревянный брусок по верхнему краю с двумя гвоздями */
.pt-tarak-top{position:relative}
/* планка лежит ВНУТРИ верхнего края: у земли секции overflow:clip, всё, что
выше top:0, просто срезается */
.pt-tarak-top::before{content:"";position:absolute;left:3%;right:3%;top:0;height:16px;z-index:3;pointer-events:none;
border-radius:3px;
background:repeating-linear-gradient(90deg,rgba(255,255,255,.38) 0 1px,transparent 1px 13px),
linear-gradient(color-mix(in srgb,var(--pt-kovan) 82%,#fff 14%),color-mix(in srgb,var(--pt-kovan) 56%,#000 18%));
box-shadow:0 2px 5px -2px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.55)}
/* проволока рамки — разделитель внутри секции: «5 çerçeve · 24 kg · 18% nem» */
hr.pt-tel{border:0;height:0;overflow:visible;position:relative;margin:2.3rem 0;
border-top:1.5px solid color-mix(in srgb,var(--pt-ink) 30%,transparent)}
hr.pt-tel::before{content:"";position:absolute;left:0;right:0;top:-3px;height:7px;pointer-events:none;
background:repeating-linear-gradient(90deg,transparent 0 46px,color-mix(in srgb,var(--pt-ink) 34%,transparent) 46px 48px,transparent 48px 94px)}
hr.pt-tel::after{content:attr(data-tel);position:absolute;left:50%;top:-13px;transform:translateX(-50%);
padding:0 .8rem;font-weight:700;font-size:.64rem;line-height:1.6;letter-spacing:.2em;text-transform:uppercase;
font-family:var(--pt-bas-font,inherit);color:color-mix(in srgb,var(--pt-ink) 76%,transparent);
background:var(--pt-tel-bg,var(--pt-mum))}
/* на тёмной земле подпись проволоки обязана быть светлой — иначе её не видно */
.pt-cayir-z hr.pt-tel,.pt-duman-z hr.pt-tel,.pt-propolis-z hr.pt-tel{
border-top-color:color-mix(in srgb,var(--pt-mum) 38%,transparent)}
.pt-cayir-z hr.pt-tel::before,.pt-duman-z hr.pt-tel::before,.pt-propolis-z hr.pt-tel::before{
background:repeating-linear-gradient(90deg,transparent 0 46px,color-mix(in srgb,var(--pt-mum) 46%,transparent) 46px 48px,transparent 48px 94px)}
.pt-cayir-z hr.pt-tel::after,.pt-duman-z hr.pt-tel::after,.pt-propolis-z hr.pt-tel::after{
color:color-mix(in srgb,var(--pt-mum) 94%,transparent)}
/* ==========================================================================
3. НОСИТЕЛИ — ячейка соты и рамка, вынутая из корпуса.
Носители рисуют свою деталь ТОЛЬКО через ::before (см. канон выше).
========================================================================== */
/* ЯЧЕЙКА СОТЫ — основная карточка. Шестигранник с остриями по бокам;
боковой padding держим ≥2.2rem, иначе срез откусит текст */
.pt-petek{position:relative;padding:1.6rem 2.7rem 1.8rem;color:var(--pt-ink);
clip-path:polygon(32px 0,calc(100% - 32px) 0,100% 50%,calc(100% - 32px) 100%,32px 100%,0 50%);
background:
linear-gradient(146deg,rgba(255,255,255,.78) 0 22%,transparent 54%),
radial-gradient(120% 90% at 50% 112%,color-mix(in srgb,var(--pt-bal) 32%,var(--pt-mum)),transparent 66%),
color-mix(in srgb,var(--pt-mum) 94%,var(--pt-bal) 6%);
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}
.pt-petek: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}
/* стенка ячейки: восковой валик по нижнему краю */
.pt-petek::before{content:"";position:absolute;left:32px;right:32px;bottom:0;height:9px;pointer-events:none;
background:linear-gradient(color-mix(in srgb,var(--pt-bal) 52%,var(--pt-mum)),color-mix(in srgb,var(--pt-koyu-bal) 34%,var(--pt-mum)));
box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
/* РАМКА — деревянные планки по краям, внутри натянута проволока: наборы, таблицы */
.pt-cerceve{position:relative;padding:1.3rem 1.5rem;color:var(--pt-ink);border-radius:3px;
background:
repeating-linear-gradient(0deg,transparent 0 26px,color-mix(in srgb,var(--pt-ink) 12%,transparent) 26px 27px,transparent 27px 53px),
linear-gradient(rgba(255,255,255,.55),color-mix(in srgb,var(--pt-bal) 7%,transparent)),
color-mix(in srgb,var(--pt-mum) 96%,var(--pt-kovan) 8%);
border:7px solid color-mix(in srgb,var(--pt-kovan) 72%,#000 10%);
box-shadow:0 0 0 1px rgba(0,0,0,.2) inset,0 12px 20px -14px rgba(0,0,0,.5)}
.pt-cerceve::before{content:"";position:absolute;left:-7px;right:-7px;top:-7px;height:7px;pointer-events:none;
background:linear-gradient(90deg,rgba(255,255,255,.5) 0 8%,transparent 24%,rgba(255,255,255,.3) 52%,transparent 74%,rgba(255,255,255,.4))}
/* ЗАПЕЧАТАННАЯ СОТА — восковая печатка: матовая отливка со скошенными углами */
.pt-mumlu{position:relative;padding:1.4rem 1.5rem;color:var(--pt-ink);
clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px);
background:
linear-gradient(108deg,rgba(255,255,255,.72) 0 16%,transparent 42%),
repeating-linear-gradient(0deg,rgba(255,255,255,.3) 0 1px,transparent 1px 7px),
color-mix(in srgb,var(--pt-mum) 98%,#fff 4%);
box-shadow:0 0 0 1px color-mix(in srgb,var(--pt-kovan) 36%,transparent) inset,0 12px 20px -16px rgba(0,0,0,.5)}
.pt-mumlu::before{content:"";position:absolute;left:12px;right:12px;top:7px;height:4px;pointer-events:none;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.85) 26%,transparent 50%,rgba(255,255,255,.6) 78%,transparent)}
/* КОЛОДА (karakovan) — бревно-улей: кора по левому краю, тёплое дупло: важные блоки */
.pt-kutuk{position:relative;padding:1.35rem 1.45rem 1.35rem calc(1.45rem + 26px);color:var(--pt-ink);
background:linear-gradient(rgba(255,255,255,.6),rgba(255,255,255,0) 58%),color-mix(in srgb,var(--pt-mum) 92%,var(--pt-kovan) 12%);
box-shadow:0 10px 18px -14px rgba(0,0,0,.5)}
.pt-kutuk::before{content:"";position:absolute;left:0;top:0;bottom:0;width:24px;pointer-events:none;
background:
repeating-linear-gradient(94deg,color-mix(in srgb,var(--pt-koyu-bal) 72%,#000 10%) 0 2px,color-mix(in srgb,var(--pt-kovan) 60%,#000 20%) 2px 5px,color-mix(in srgb,var(--pt-koyu-bal) 50%,#000 6%) 5px 7px),
var(--pt-koyu-bal);
box-shadow:1px 0 0 rgba(0,0,0,.3),inset -1px 0 0 rgba(0,0,0,.18)}
/* КАПЛЯ МЁДА — для чисел, цен, коротких фактов в ряду */
.pt-damla{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;
padding:2.05rem 2.3rem 1.35rem;color:var(--pt-ink);min-width:124px;
max-width:max-content;margin-inline:auto;
border-radius:48% 52% 48% 52%/40% 40% 60% 60%;
background:
radial-gradient(ellipse 34% 22% at 32% 30%,rgba(255,255,255,.85),transparent 72%),
linear-gradient(170deg,color-mix(in srgb,var(--pt-bal) 44%,var(--pt-mum)) 0 18%,color-mix(in srgb,var(--pt-bal) 78%,var(--pt-koyu-bal) 14%));
box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 10px 18px -14px rgba(0,0,0,.55)}
/* носик капли: сужение к точке отрыва сверху */
.pt-damla::before{content:"";position:absolute;left:50%;top:-11px;width:26px;height:22px;pointer-events:none;
transform:translateX(-50%);
clip-path:polygon(50% 0,100% 100%,0 100%);
background:linear-gradient(color-mix(in srgb,var(--pt-bal) 36%,var(--pt-mum)),color-mix(in srgb,var(--pt-bal) 48%,var(--pt-mum)))}
/* ПРИЛЁТОЧНАЯ ДОСКА — плоский носитель с летком: контакты, часы, мелкие плитки */
.pt-tabla{position:relative;padding:1.25rem 1.4rem 1.5rem;color:var(--pt-ink);border-radius:2px;
background:
repeating-linear-gradient(0deg,rgba(255,255,255,.1) 0 1px,transparent 1px 8px),
linear-gradient(rgba(255,255,255,.5),color-mix(in srgb,var(--pt-kovan) 14%,transparent)),
color-mix(in srgb,var(--pt-mum) 90%,var(--pt-kovan) 14%);
box-shadow:0 0 0 1px color-mix(in srgb,var(--pt-ink) 14%,transparent) inset,0 11px 18px -15px rgba(0,0,0,.5)}
/* леток: щель у нижнего края доски */
.pt-tabla::before{content:"";position:absolute;left:18%;right:18%;bottom:7px;height:7px;border-radius:4px;pointer-events:none;
background:linear-gradient(color-mix(in srgb,var(--pt-propolis) 82%,transparent),color-mix(in srgb,var(--pt-propolis) 54%,transparent));
box-shadow:0 1px 0 rgba(255,255,255,.5)}
/* Отступы, которые ЗАЩИЩАЮТ содержимое от собственной детали носителя (кора
колоды, скосы шестигранника, леток доски), обязаны пережить правила сайта
вида `.story blockquote{padding-left:1.2rem}` — одного класса для этого мало
(у них специфичность выше), поэтому дублируем класс. */
.pt-kutuk.pt-kutuk{padding-left:calc(1.45rem + 26px)}
.pt-petek.pt-petek{padding-inline:2.7rem}
.pt-tabla.pt-tabla{padding-bottom:1.5rem}
/* ==========================================================================
4. РАСКЛАДКА — сотовая кладка, корпус с рамками, стекание мёда
========================================================================== */
/* СОТОВАЯ КЛАДКА: ячейки лежат рядами со смещением, между ними — восковые стенки */
/* дефолтные колонки с НУЛЕВОЙ специфичностью: без них кладка вырождается в одну
колонку и карточка с фото растягивается на всю ширину (каталог-простыня);
любое правило сайта его перебивает */
:where(.pt-petek-dizi){grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.pt-petek-dizi{display:grid;gap:16px;padding:18px;
background:
var(--pt-petek-ag),
linear-gradient(rgba(255,255,255,.3),color-mix(in srgb,var(--pt-bal) 12%,transparent)),
color-mix(in srgb,var(--pt-kovan) 28%,var(--pt-mum));
background-size:56px 96px,auto,auto;
border:5px solid color-mix(in srgb,var(--pt-kovan) 66%,#000 14%);border-radius:3px;
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)}
/* ряды сот сдвинуты друг относительно друга — кладка, а не ровная таблица */
.pt-petek-dizi>*{position:relative;box-shadow:0 0 0 1px color-mix(in srgb,var(--pt-ink) 14%,transparent),0 10px 16px -14px rgba(0,0,0,.5)}
@media (min-width:860px){
.pt-petek-dizi>*:nth-child(even){transform:translateY(16px)}
.pt-petek-dizi>*:nth-child(even):hover{transform:translateY(12px)}
}
/* КОРПУС С РАМКАМИ: каждая строка — рамка, вставленная в паз */
.pt-cerceve-sira{display:grid;gap:0}
.pt-cerceve-sira>*{position:relative;padding-block:clamp(14px,2vw,22px)}
.pt-cerceve-sira>*:not(.pt-petek,.pt-cerceve,.pt-mumlu,.pt-kutuk,.pt-damla,.pt-tabla){padding-inline:clamp(12px,1.8vw,20px)}
.pt-cerceve-sira>*+*{border-top:1px solid color-mix(in srgb,var(--pt-ink) 18%,transparent);
box-shadow:0 -2px 0 rgba(255,255,255,.7) inset}
.pt-cerceve-sira>*::before{content:"";position:absolute;left:0;top:10%;bottom:10%;width:5px;border-radius:3px;pointer-events:none;
background:linear-gradient(color-mix(in srgb,var(--pt-kovan) 84%,#fff 10%),color-mix(in srgb,var(--pt-kovan) 52%,#000 18%))}
.pt-cerceve-sira>*:nth-child(odd):not(.pt-petek,.pt-cerceve,.pt-mumlu,.pt-kutuk,.pt-damla,.pt-tabla){background:linear-gradient(90deg,color-mix(in srgb,var(--pt-bal) 9%,transparent),transparent 60%)}
.pt-cerceve-sira>*:nth-child(even):not(.pt-petek,.pt-cerceve,.pt-mumlu,.pt-kutuk,.pt-damla,.pt-tabla){background:linear-gradient(90deg,color-mix(in srgb,var(--pt-cayir) 7%,transparent),transparent 60%)}
/* СТЕКАНИЕ: шаги нанизаны на струйку мёда, стекающую слева */
.pt-akis{position:relative;display:grid;gap:clamp(18px,2.6vw,30px);padding-left:36px}
.pt-akis::before{content:"";position:absolute;left:11px;top:2px;bottom:2px;width:11px;border-radius:6px;
background:
/* сгустки, сползающие по струйке */
repeating-linear-gradient(180deg,transparent 0 64px,color-mix(in srgb,var(--pt-koyu-bal) 46%,transparent) 76px 96px,transparent 108px 150px),
linear-gradient(90deg,color-mix(in srgb,var(--pt-bal) 60%,#fff 22%),color-mix(in srgb,var(--pt-bal) 86%,var(--pt-koyu-bal) 18%));
box-shadow:0 2px 6px -3px rgba(0,0,0,.5),inset 1px 0 0 rgba(255,255,255,.55)}
/* шаги просто лежат справа от струйки: каплю-маркер на ребёнке рисовать нельзя —
clip-path носителя (pt-petek/pt-mumlu) срезает всё, что торчит наружу */
.pt-akis>*{position:relative}
/* партия: один носитель, но пропорции в ряду разные */
.pt-parti>*:nth-child(4n+2){--pt-ar:1/1}
.pt-parti>*:nth-child(4n+3){--pt-ar:3/4}
/* ==========================================================================
5. МЕТКИ — восковая печать, ярлык, номер рамки, пыльца, дымок, шнур
========================================================================== */
/* пыльцевая гранула с подписью сорта (цвет через --pt-pl) */
.pt-polen{position:relative;display:inline-flex;align-items:center;gap:.5rem;
padding:.3rem .85rem .3rem 1.6rem;border-radius:999px;color:var(--pt-ink);
font-weight:700;font-size:.68rem;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;
font-family:var(--pt-bas-font,inherit);
background:linear-gradient(color-mix(in srgb,var(--pt-polen) 54%,#fff 32%),color-mix(in srgb,var(--pt-polen) 88%,#000 4%));
box-shadow:0 2px 6px -3px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.12) inset}
.pt-polen::before{content:"";position:absolute;left:.5rem;top:50%;transform:translateY(-50%);
width:11px;height:11px;border-radius:50%;
background:radial-gradient(circle at 36% 32%,rgba(255,255,255,.9),var(--pt-pl,var(--pt-acc)) 70%);
box-shadow:0 0 0 1px rgba(0,0,0,.2)}
/* мазок прополиса/воска под надписью — обязан облегать текст, иначе станет полосой */
.pt-etiket{display:inline-block;width:fit-content;max-width:max-content;align-self:start;
padding:.32rem .95rem;color:var(--pt-ink);
font-weight:700;font-size:.69rem;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;
font-family:var(--pt-bas-font,inherit);
clip-path:polygon(8px 0,100% 0,100% 100%,8px 100%,0 50%);
background:linear-gradient(color-mix(in srgb,var(--pt-mum) 96%,#fff),color-mix(in srgb,var(--pt-kovan) 30%,var(--pt-mum)));
box-shadow:0 2px 5px -3px rgba(0,0,0,.5)}
/* номер рамки: штамп по дереву */
.pt-no{display:inline-block;padding:.3rem .8rem;color:var(--pt-mum);
font-weight:700;font-size:.66rem;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;
font-variant-numeric:tabular-nums;font-family:var(--pt-bas-font,inherit);
background:color-mix(in srgb,var(--pt-koyu-bal) 86%,#000 10%);
box-shadow:0 2px 5px -3px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.18);
text-shadow:0 1px 0 rgba(0,0,0,.45)}
/* дымок рядом с текстом: завиток из дымаря */
.pt-duman-m{position:relative;display:inline-block;margin-left:19px;padding:.3rem .85rem;
color:var(--pt-ink);font-weight:700;font-size:.68rem;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;
font-family:var(--pt-bas-font,inherit);
background:linear-gradient(color-mix(in srgb,var(--pt-mum) 94%,#fff),color-mix(in srgb,var(--pt-duman) 12%,var(--pt-mum)));
box-shadow:0 2px 5px -3px rgba(0,0,0,.5),0 0 0 1px color-mix(in srgb,var(--pt-duman) 30%,transparent) inset}
.pt-duman-m::before{content:"";position:absolute;left:-17px;top:50%;transform:translateY(-50%);
width:15px;height:15px;border-radius:60% 40% 70% 30%/50% 60% 40% 50%;
background:radial-gradient(circle at 40% 36%,rgba(255,255,255,.9),color-mix(in srgb,var(--pt-duman) 40%,#fff) 72%);
box-shadow:0 1px 2px rgba(0,0,0,.28)}
/* ВОСКОВАЯ ПЕЧАТЬ на углу носителя — ::after с полным сбросом (см. канон).
Печать лежит ВНУТРИ носителя: clip-path сот и overflow:hidden у карточек с
фото срезают всё, что торчит наружу */
.pt-muhur-m{position:relative}
.pt-muhur-m[data-muhur]{padding-top:2.8rem}
/* печать повесили на строчный span с текстом — освобождаем ей строку над текстом */
:where(span,a,em,strong,b,small,label).pt-muhur-m[data-muhur]{display:inline-block;padding-top:2.1rem;margin-top:.35rem}
/* текст такого span'а исключён из общего правила цвета (carve-out по [class*=pt-muhur]),
на светлом носителе он оставался светлым — возвращаем чернила */
:where(.pt-petek,.pt-cerceve,.pt-mumlu,.pt-kutuk,.pt-damla,.pt-tabla)
:where(span,a,em,strong,b,small,label).pt-muhur-m[data-muhur]{color:var(--pt-ink)}
.pt-muhur-m[data-muhur]::after{content:attr(data-muhur);position:absolute;top:11px;right:14px;
left:auto;bottom:auto;transform:rotate(-2deg);opacity:1;animation:none;transition:none;z-index:4;
width:auto;height:auto;display:inline-block;padding:.34rem .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(--pt-bas-font,inherit);color:color-mix(in srgb,#fff 94%,var(--pt-acc));
background:linear-gradient(color-mix(in srgb,var(--pt-acc) 92%,#000 4%),color-mix(in srgb,var(--pt-acc) 62%,#000));
clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 50%,calc(100% - 7px) 100%,7px 100%,0 50%);
box-shadow:0 4px 8px -4px rgba(0,0,0,.6);text-shadow:0 1px 0 rgba(0,0,0,.4)}
/* в шестигранной ячейке правый верхний угол срезан — печать отодвигаем от скоса,
иначе её край уезжает под clip-path (проверено на демо-прогоне) */
.pt-petek.pt-muhur-m[data-muhur]::after{right:38px}
/* шнур-бандероль поперёк носителя — ::after с полным сбросом (см. канон) */
.pt-serit{position:relative}
/* Бандероль лежит В ПОТОКЕ последней строкой носителя: прежняя абсолютная
плита во всю ширину держалась на угаданном padding-bottom и при росте
содержимого ложилась на нижнюю строку или кнопку карточки. */
.pt-serit[data-serit]::after{content:attr(data-serit);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(--pt-sy,0px);
grid-column:1/-1;
/* flex-basis задаёт ГЛАВНУЮ ось: в колоночном flex-носителе (карточка
каталога) 100% превращались в высоту и лента становилась плитой во всю
карточку. Носителей-строк среди лент нет — ширину держит width:max-content */
flex:0 0 auto;
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(--pt-bas-font,inherit);
color:color-mix(in srgb,#fff 92%,var(--pt-polen));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(--pt-cayir) 88%,#000 8%),var(--pt-cayir) 58%,color-mix(in srgb,var(--pt-cayir) 70%,#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 диагональный угол топит первое слово в фоне) */
.pt-dokme{position:relative;display:inline-block;
background:linear-gradient(180deg,
color-mix(in srgb,var(--pt-bal) 72%,#fff 20%) 0 20%,
var(--pt-bal) 20% 42%,
color-mix(in srgb,var(--pt-koyu-bal) 60%,var(--pt-bal)) 42% 66%,
var(--pt-koyu-bal) 66% 86%,
color-mix(in srgb,var(--pt-koyu-bal) 82%,#000 16%));
-webkit-background-clip:text;background-clip:text;color:transparent;
filter:drop-shadow(0 1px 0 rgba(255,255,255,.42))}
/* на тёмной земле светлая часть должна преобладать, иначе слово утонет в фоне */
.pt-cayir-z .pt-dokme,.pt-duman-z .pt-dokme,.pt-propolis-z .pt-dokme{
background:linear-gradient(180deg,#FFF6E0 0 42%,
color-mix(in srgb,var(--pt-polen) 70%,#fff 28%) 42% 72%,
color-mix(in srgb,var(--pt-polen) 88%,#fff 12%));
-webkit-background-clip:text;background-clip:text;color:transparent;
filter:drop-shadow(0 2px 5px rgba(0,0,0,.75)) drop-shadow(0 0 1px rgba(0,0,0,.6))}
/* на янтарной земле мёда градиент обязан быть ТЁМНЫМ: светлая отливка на
медовом фоне исчезала целиком (грабли демо-прогона) */
.pt-bal-z .pt-dokme{background:linear-gradient(180deg,
color-mix(in srgb,var(--pt-koyu-bal) 86%,#000 6%) 0 42%,
color-mix(in srgb,var(--pt-propolis) 70%,var(--pt-koyu-bal)) 42% 74%,
var(--pt-propolis));
-webkit-background-clip:text;background-clip:text;color:transparent;
filter:drop-shadow(0 1px 0 rgba(255,255,255,.3))}
/* и остальная типографика на мёде — тёмная смола, а не воск */
.pt-bal-z .pt-kazima{color:color-mix(in srgb,var(--pt-propolis) 92%,#000);
text-shadow:0 1px 0 rgba(255,255,255,.45)}
.pt-bal-z .pt-kunye{color:color-mix(in srgb,var(--pt-propolis) 90%,transparent)}
.pt-bal-z .pt-el{color:color-mix(in srgb,var(--pt-propolis) 88%,#000)}
/* капсы, выцарапанные по воску (eyebrow) */
.pt-kazima{font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pt-ink);
text-shadow:0 1px 0 rgba(255,255,255,.9),0 -1px 0 rgba(255,255,255,.5),1px 0 0 rgba(255,255,255,.4)}
.pt-cayir-z .pt-kazima,.pt-duman-z .pt-kazima,.pt-propolis-z .pt-kazima{
color:var(--pt-mum);text-shadow:0 1px 0 rgba(0,0,0,.5),0 0 6px rgba(255,255,255,.28)}
/* мелкое «hasat / çiçek / nem / rakım / saklama» */
.pt-kunye{display:block;font-size:.74rem;line-height:1.5;letter-spacing:.02em;
color:color-mix(in srgb,var(--pt-ink) 84%,transparent)}
.pt-cayir-z .pt-kunye,.pt-duman-z .pt-kunye,.pt-propolis-z .pt-kunye{
color:color-mix(in srgb,var(--pt-mum) 94%,transparent)}
/* светлый носитель внутри тёмной земли: правило носителя идёт ПОСЛЕ земли,
иначе подпись в ячейке остаётся «воск по воску» */
.pt-petek .pt-kunye,.pt-cerceve .pt-kunye,.pt-mumlu .pt-kunye,
.pt-kutuk .pt-kunye,.pt-damla .pt-kunye,.pt-tabla .pt-kunye{
color:color-mix(in srgb,var(--pt-ink) 84%,transparent)}
.pt-damla .pt-kunye{font-size:.64rem;line-height:1.3;text-align:center}
/* нетто/объём — табличные цифры */
.pt-gram{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(--pt-ink);background:color-mix(in srgb,var(--pt-mum) 86%,var(--pt-bal) 14%);
box-shadow:0 0 0 1px color-mix(in srgb,var(--pt-ink) 18%,transparent) inset}
/* рука пасечника: пометка карандашом на корпусе */
.pt-el{font-family:var(--pt-el-font,inherit);font-weight:600;font-size:1.02rem;line-height:1.35;
color:color-mix(in srgb,var(--pt-acc) 86%,#000 8%);transform:rotate(-1.2deg);display:inline-block}
.pt-el.pt-buyuk{font-size:clamp(1.35rem,2.4vw,2rem)}
/* в подписи-плашке наклон выносил последнее слово за тёмную подложку */
:where(figcaption,.cap,.caption,[class*="-cap"],[class*="cap-"]) .pt-el{transform:none}
.pt-cayir-z .pt-el,.pt-duman-z .pt-el,.pt-propolis-z .pt-el{
color:color-mix(in srgb,var(--pt-polen) 88%,#fff 12%)}
/* ...но внутри СВЕТЛОГО носителя на тёмной земле пометка остаётся чернильной
(правило идёт после «тёмной земли», иначе светлое по светлому) */
.pt-petek:not(:has(> img)) .pt-el,.pt-cerceve:not(:has(> img)) .pt-el,
.pt-mumlu:not(:has(> img)) .pt-el,.pt-kutuk:not(:has(> img)) .pt-el,
.pt-damla:not(:has(> img)) .pt-el,.pt-tabla:not(:has(> img)) .pt-el{
color:color-mix(in srgb,var(--pt-acc) 86%,#000 8%)}
/* клеймо-логотип: оттиск по воску в шестиграннике */
.pt-damga{position:relative;display:inline-grid;place-items:center;padding:.6rem 1.1rem;
color:var(--pt-ink);
clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);
background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.7),transparent 62%),
color-mix(in srgb,var(--pt-bal) 26%,var(--pt-mum));
box-shadow:0 0 0 1px color-mix(in srgb,var(--pt-ink) 30%,transparent) inset,
0 1px 0 rgba(255,255,255,.7) inset}
/* ==========================================================================
7. ДЕКОР — пыльца, восковая стружка, капля, пчела (3–5 на секцию)
========================================================================== */
.pt-zerre{position:absolute;z-index:1;pointer-events:none;user-select:none}
/* в хедере/футере пылинка обязана лежать ПОД ссылками: на z-index:1 она садилась
поверх пункта меню и перекрывала букву (ссылки в навигации — static) */
:where(header,.site-header,.header,footer,.site-footer) .pt-zerre{z-index:-1}
/* комок пыльцы в корзинке */
.pt-zerre--polen{width:9px;height:9px;border-radius:50%;
background:radial-gradient(circle at 34% 30%,color-mix(in srgb,var(--pt-polen) 60%,#fff 34%),var(--pt-polen) 72%);
box-shadow:0 1px 2px rgba(0,0,0,.3)}
/* восковая стружка */
.pt-zerre--mum{width:16px;height:8px;border-radius:60% 40% 50% 50%/100% 100% 60% 60%;transform:rotate(-13deg);
background:linear-gradient(130deg,#fff,color-mix(in srgb,var(--pt-mum) 80%,var(--pt-bal) 22%));
box-shadow:0 1px 2px rgba(0,0,0,.28)}
/* капля мёда */
.pt-zerre--bal{width:11px;height:14px;border-radius:50% 50% 46% 54%/62% 62% 38% 38%;
background:radial-gradient(ellipse at 36% 30%,rgba(255,255,255,.8),var(--pt-bal) 64%);
box-shadow:0 1px 2px rgba(0,0,0,.3)}
/* шестигранная ячейка-крошка */
.pt-zerre--goz{width:14px;height:12px;
clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
background:linear-gradient(160deg,color-mix(in srgb,var(--pt-mum) 92%,#fff),color-mix(in srgb,var(--pt-bal) 40%,var(--pt-mum)));
filter:drop-shadow(0 1px 1px rgba(0,0,0,.32))}
/* пчела: полосатое тельце и крыло */
.pt-zerre--ari{width:15px;height:9px;border-radius:52% 48% 50% 50%/60% 60% 40% 40%;transform:rotate(-12deg);
background:repeating-linear-gradient(74deg,
color-mix(in srgb,var(--pt-propolis) 86%,transparent) 0 2.6px,
color-mix(in srgb,var(--pt-polen) 90%,#fff 6%) 2.6px 5.2px);
box-shadow:0 1px 2px rgba(0,0,0,.34)}
.pt-zerre--ari::before{content:"";position:absolute;left:3px;top:-5px;width:10px;height:7px;
border-radius:60% 40% 50% 50%/100% 100% 40% 40%;transform:rotate(-18deg);
background:rgba(255,255,255,.62);box-shadow:0 0 0 1px rgba(0,0,0,.1)}
/* проволока рамки */
.pt-zerre--tel{width:56px;height:0;border-top:1.5px solid color-mix(in srgb,var(--pt-ink) 40%,transparent);
transform:rotate(-3deg);opacity:.8}
/* завиток дыма */
.pt-zerre--duman{width:20px;height:20px;border-radius:60% 40% 70% 30%/50% 60% 40% 50%;
background:radial-gradient(circle at 42% 38%,rgba(255,255,255,.6),transparent 72%);opacity:.85}
/* пометка рукой пасечника */
.pt-zerre--not{position:absolute;padding:.28rem .55rem;font-family:var(--pt-el-font,inherit);
font-weight:600;font-size:.72rem;line-height:1.2;color:var(--pt-ink);
transform:rotate(var(--pt-nr,-4deg));
background:color-mix(in srgb,var(--pt-mum) 94%,var(--pt-bal) 8%);
box-shadow:0 2px 5px -3px rgba(0,0,0,.5)}
.pt-cayir-z .pt-zerre--not,.pt-duman-z .pt-zerre--not,.pt-propolis-z .pt-zerre--not{color:var(--pt-propolis)}
/* ==========================================================================
8. ЭФФЕКТЫ — глянец мёда, тепло улья, стекание, дымок
========================================================================== */
/* тягучий глянец по носителю при наведении (::after — не ставить вместе с
pt-muhur-m / pt-serit на одном элементе) */
.pt-balli{position:relative;overflow:hidden}
.pt-balli::after{content:"";position:absolute;top:-60%;left:-40%;width:42%;height:220%;pointer-events:none;z-index:3;
transform:rotate(14deg);opacity:0;transition:opacity .35s ease,left .8s ease;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent)}
.pt-balli:hover::after{opacity:1;left:108%}
/* тепло улья за курсором (--pt-mx/--pt-my в %) — эффект секции */
.pt-kovan-isi{position:relative}
.pt-kovan-isi::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
background:radial-gradient(280px 210px at var(--pt-mx,50%) var(--pt-my,40%),
color-mix(in srgb,var(--pt-bal) 28%,transparent),transparent 72%);
transition:background .2s ease}
/* мёд стекает от скролла (--pt-ak-y: 0..100) — эффект блока с фото.
Фото держим выше слоя, иначе по кадру идёт полоса */
.pt-akma{position:relative}
.pt-akma>img,.pt-akma>picture,.pt-akma>figure{position:relative;z-index:1}
.pt-akma::after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:0;pointer-events:none;
height:calc(12px + var(--pt-ak-y,10) * .2px);
background:
radial-gradient(circle at 18% 0,color-mix(in srgb,var(--pt-bal) 82%,transparent) 0 9px,transparent 10px),
radial-gradient(circle at 52% 0,color-mix(in srgb,var(--pt-bal) 82%,transparent) 0 12px,transparent 13px),
radial-gradient(circle at 81% 0,color-mix(in srgb,var(--pt-bal) 82%,transparent) 0 8px,transparent 9px),
linear-gradient(color-mix(in srgb,var(--pt-bal) 82%,transparent) 0 4px,transparent 4px);
transition:height .25s linear}
/* дымок у нижнего края секции */
.pt-duman-fx{position:relative}
.pt-duman-fx::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34px;z-index:1;pointer-events:none;
background:radial-gradient(circle at 16% 100%,rgba(255,255,255,.4) 0 9px,transparent 12px),
radial-gradient(circle at 38% 100%,rgba(255,255,255,.3) 0 13px,transparent 16px),
radial-gradient(circle at 61% 100%,rgba(255,255,255,.34) 0 10px,transparent 13px),
radial-gradient(circle at 82% 100%,rgba(255,255,255,.26) 0 14px,transparent 17px);
animation:pt-duman 6s ease-in-out infinite}
@keyframes pt-duman{0%,100%{transform:translateY(5px);opacity:.4}50%{transform:translateY(-6px);opacity:.82}}
/* ==========================================================================
9. КОНТРАСТ ВНУТРИ СВЕТЛЫХ НОСИТЕЛЕЙ (точечно, без blanket-правил).
Подпись поверх фото сама себе фон — её НЕ перекрашиваем.
========================================================================== */
.pt-petek h2,.pt-petek h3,.pt-petek h4,.pt-petek p,.pt-petek li,.pt-petek dt,.pt-petek dd,
.pt-cerceve h2,.pt-cerceve h3,.pt-cerceve h4,.pt-cerceve p,.pt-cerceve li,
.pt-mumlu h3,.pt-mumlu h4,.pt-mumlu p,.pt-mumlu li,
.pt-kutuk h3,.pt-kutuk h4,.pt-kutuk p,.pt-kutuk li,
.pt-tabla h2,.pt-tabla h3,.pt-tabla h4,.pt-tabla p,.pt-tabla li,
/* метки со своей тёмной землёй (muhur/serit/no) и декор красить нельзя */
.pt-petek span:not([class*="pt-zerre"]):not([class*="pt-muhur"]):not([class*="pt-serit"]):not([class*="pt-no"]):not([class*="pt-duman"]):not([class*="tag"]):not([class*="badge"]):not([class*="rozet"]):not([class*="chip"]):not([class*="pill"]):not(:where(:has(> img) > span,:has(> picture) > span)),
.pt-cerceve span:not([class*="pt-zerre"]):not([class*="pt-muhur"]):not([class*="pt-serit"]):not([class*="pt-no"]):not([class*="pt-duman"]):not([class*="tag"]):not([class*="badge"]):not([class*="rozet"]):not([class*="chip"]):not([class*="pill"]):not(:where(:has(> img) > span,:has(> picture) > span)),
.pt-tabla span:not([class*="pt-zerre"]):not([class*="pt-muhur"]):not([class*="pt-serit"]):not([class*="pt-no"]):not([class*="pt-duman"]):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(--pt-ink)}
.pt-petek a:not([class*="btn"]):not([class*="buton"]),.pt-cerceve a:not([class*="btn"]):not([class*="buton"]),
.pt-mumlu a:not([class*="btn"]):not([class*="buton"]),.pt-tabla a:not([class*="btn"]):not([class*="buton"]),
.pt-kutuk a:not([class*="btn"]):not([class*="buton"]){
color:color-mix(in srgb,var(--pt-acc) 64%,#000)}
/* фото внутри носителя: ровный кадр, слой носителя его не перекрывает */
.pt-petek>img,.pt-cerceve>img,.pt-mumlu>img,.pt-kutuk>img,.pt-tabla>img,
.pt-petek figure>img,.pt-cerceve figure>img,.pt-mumlu figure>img,.pt-tabla figure>img{
display:block;width:100%;height:auto;aspect-ratio:var(--pt-ar,4/3);object-fit:cover;border-radius:2px;position:relative;z-index:1}
/* подпись-оверлей на фото: фото поднято на z-index:1, значит подпись выше него,
иначе текст уходит ПОД снимок (невидимая подпись) */
:where(.pt-petek,.pt-cerceve,.pt-mumlu,.pt-kutuk,.pt-damla,.pt-tabla,.pt-akma)
:where(figcaption,.cap,.caption,[class*="-cap"],[class*="cap-"]){z-index:2}
/* подпись поверх снимка: одной тени мало — на светлом кадре рукопись тонула
(контраст падал до 1.3), поэтому у неё своя тёмная подложка и светлые чернила */
:where(.pt-petek,.pt-cerceve,.pt-mumlu,.pt-kutuk,.pt-damla,.pt-tabla,.pt-akma):has(img) figcaption,
:where(.pt-petek,.pt-cerceve,.pt-mumlu,.pt-kutuk,.pt-damla,.pt-tabla,.pt-akma):has(img) .cap,
:where(.pt-petek,.pt-cerceve,.pt-mumlu,.pt-kutuk,.pt-damla,.pt-tabla,.pt-akma):has(img) .caption,
:where(.pt-petek,.pt-cerceve,.pt-mumlu,.pt-kutuk,.pt-damla,.pt-tabla,.pt-akma):has(img) [class*="-cap"],
:where(.pt-petek,.pt-cerceve,.pt-mumlu,.pt-kutuk,.pt-damla,.pt-tabla,.pt-akma):has(img) [class*="cap-"]{color:#FFF6E4;padding:.55rem .75rem;background:rgba(20,13,6,.86);border-radius:2px;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.5)}
/* рукописная пометка внутри такой подписи тоже светлая. ВАЖНО: селектор не
должен целиком лежать в :where() — нулевая специфичность проигрывает .pt-el,
и подпись оставалась коричневой на собственной тёмной плашке */
:where(.pt-petek,.pt-cerceve,.pt-mumlu,.pt-kutuk,.pt-damla,.pt-tabla,.pt-akma):has(img) figcaption,
:where(.pt-petek,.pt-cerceve,.pt-mumlu,.pt-kutuk,.pt-damla,.pt-tabla,.pt-akma):has(img) figcaption.pt-el,
:where(.pt-petek,.pt-cerceve,.pt-mumlu,.pt-kutuk,.pt-damla,.pt-tabla,.pt-akma):has(img) figcaption .pt-el,
:where(.pt-petek,.pt-cerceve,.pt-mumlu,.pt-kutuk,.pt-damla,.pt-tabla,.pt-akma):has(img) .cap.pt-el,
:where(.pt-petek,.pt-cerceve,.pt-mumlu,.pt-kutuk,.pt-damla,.pt-tabla,.pt-akma):has(img) .caption.pt-el{color:#FFF6E4}
/* ==========================================================================
10. АДАПТИВ И ДОСТУПНОСТЬ
========================================================================== */
@media (max-width:760px){
.pt-muhur-m[data-muhur]::after{font-size:.58rem;padding:.28rem .62rem;top:9px;right:9px;left:auto;bottom:auto}
.pt-muhur-m[data-muhur]{padding-top:2.45rem}
.pt-petek.pt-muhur-m[data-muhur]::after{right:22px}
.pt-petek,.pt-petek.pt-petek{padding:1.3rem 1.7rem 1.5rem;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,16px 100%,0 50%)}
.pt-petek::before{left:16px;right:16px}
.pt-cerceve{border-width:5px}
.pt-akis{padding-left:28px}
.pt-akis::before{left:7px;width:9px}
.pt-petek-dizi{padding:12px;gap:12px}
.pt-damla{min-width:108px;padding:1.75rem 1.7rem 1.05rem}
.pt-zerre--tel{width:34px}
}
@media (prefers-reduced-motion:reduce){
.pt-duman-fx::after{animation:none}
.pt-petek,.pt-petek:hover{transition:none;transform:none}
.pt-petek-dizi>*:nth-child(even),.pt-petek-dizi>*:nth-child(even):hover{transform:none}
.pt-balli::after{display:none}
.pt-akma::after{transition:none}
}