/* ==========================================================================
   AMBALAJ KIT (am-*) — şekerci/pastane: интерфейс из материалов кондитерской
   упаковки и витрины. Не коллаж (ничего не «наклеено криво») — аккуратная
   упаковка: вафельный картон, восковка, фольга, плиссе-капсюли, лотки-ассорти,
   сургучные пломбы, ленты, гильош-этикетки, стеклянные ярусы витрины.
   Palette hooks (override in :root of the site):
   --am-kagit, --am-kagit-2, --am-kraft, --am-folyo, --am-folyo-2, --am-ink,
   --am-acc, --am-acc-2, --am-kurdele, --am-cam, --am-kadife,
   --am-el-font, --am-gravur-font
   ========================================================================== */
:where(:root){
  --am-kagit:#fbf3e6; --am-kagit-2:#f2e4cf; --am-kraft:#d8bb93;
  --am-folyo:#d8ab52; --am-folyo-2:#f5e3b0;
  --am-ink:#2a1a16; --am-acc:#b4442f; --am-acc-2:#7e9a56;
  --am-kurdele:#9b2f3c; --am-cam:#e8f0f1; --am-kadife:#30131f;
  --am-el-font:"Segoe Script","Bradley Hand","Comic Sans MS",cursive;
  --am-gravur-font:Georgia,"Times New Roman",serif;
  --am-lif:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 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).
   ========================================================================== */
.am-vafli,.am-pelur,.am-oluklu,.am-folyo-z,.am-sira,.am-pudra,.am-cam-z,.am-kadife-z{isolation:isolate}
:where(.am-vafli,.am-pelur,.am-oluklu,.am-folyo-z,.am-sira,.am-pudra,.am-cam-z,.am-kadife-z):not(header,.site-header,.header,[class*="drawer"]){position:relative;overflow:clip}
header.am-vafli,header.am-pelur,header.am-oluklu,header.am-folyo-z,header.am-sira,header.am-pudra,header.am-cam-z,header.am-kadife-z{overflow:visible}
.am-vafli::before,.am-pelur::before,.am-oluklu::before,.am-folyo-z::before,.am-sira::before,.am-pudra::before,.am-cam-z::before,.am-kadife-z::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:var(--am-lif);background-size:180px 180px;opacity:.22;mix-blend-mode:multiply}

/* вафельный лист / тиснёный картон коробки */
.am-vafli.am-vafli.am-vafli{background:
  linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),
  linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px),
  radial-gradient(circle at 35% 30%,rgba(255,255,255,.55),transparent 62%),
  var(--am-kagit);
  background-size:15px 15px,15px 15px,auto,auto}
/* восковка / пергамент — тёплый просвет и волокно */
.am-pelur.am-pelur.am-pelur{background:
  repeating-linear-gradient(114deg,rgba(255,255,255,.5) 0 2px,transparent 2px 8px),
  radial-gradient(130% 80% at 50% -12%,rgba(255,255,255,.78),transparent 72%),
  var(--am-kagit-2)}
/* гофрокартон упаковочной коробки */
.am-oluklu.am-oluklu.am-oluklu{background:
  repeating-linear-gradient(90deg,rgba(0,0,0,.09) 0 1px,rgba(255,255,255,.12) 1px 5px,transparent 5px 12px),
  radial-gradient(ellipse at 50% 0,rgba(255,255,255,.22),transparent 60%),
  var(--am-kraft)}
/* фольга-обёртка: муар + перламутр */
.am-folyo-z.am-folyo-z.am-folyo-z{background:
  repeating-linear-gradient(68deg,rgba(255,255,255,.45) 0 2px,rgba(0,0,0,.07) 2px 5px,transparent 5px 10px),
  linear-gradient(112deg,rgba(255,255,255,.6),transparent 30%,rgba(0,0,0,.14) 64%,rgba(255,255,255,.45)),
  var(--am-folyo)}
/* полосатая конфетная обёртка */
.am-sira.am-sira.am-sira{background:
  repeating-linear-gradient(135deg,var(--am-sira-renk,rgba(180,68,47,.16)) 0 16px,transparent 16px 32px),
  radial-gradient(ellipse at 20% 0,rgba(255,255,255,.6),transparent 58%),
  var(--am-kagit)}
/* сахарная пудра на тёмной поверхности */
.am-pudra.am-pudra.am-pudra{background:
  radial-gradient(circle at 12% 18%,rgba(255,255,255,.5) 0 1.3px,transparent 1.6px),
  radial-gradient(circle at 64% 42%,rgba(255,255,255,.4) 0 1.1px,transparent 1.4px),
  radial-gradient(circle at 38% 78%,rgba(255,255,255,.34) 0 1.5px,transparent 1.8px),
  radial-gradient(circle at 86% 88%,rgba(255,255,255,.28) 0 1px,transparent 1.3px),
  var(--am-kadife);
  background-size:97px 83px,131px 117px,79px 91px,113px 101px,auto}
/* витринное стекло */
.am-cam-z.am-cam-z.am-cam-z{background:
  linear-gradient(100deg,rgba(255,255,255,.6) 0 16%,transparent 28% 60%,rgba(255,255,255,.4) 72%,transparent 88%),
  linear-gradient(rgba(255,255,255,.35),rgba(0,0,0,.06)),
  var(--am-cam)}
/* бархат подарочной коробки */
.am-kadife-z.am-kadife-z.am-kadife-z{background:
  radial-gradient(120% 70% at 50% 0,rgba(255,255,255,.14),transparent 72%),
  repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 2px,transparent 2px 6px),
  var(--am-kadife)}

/* ==========================================================================
   2. КРОМКИ СЕКЦИЙ — край упаковки вместо прямой линии
   ========================================================================== */
/* зубчатый край ножниц (pinked edge бумажной формочки) */
.am-zigzag-top{clip-path:polygon(0 1.4%,2% 0,4% 1.4%,6% 0,8% 1.4%,10% 0,12% 1.4%,14% 0,16% 1.4%,18% 0,20% 1.4%,22% 0,24% 1.4%,26% 0,28% 1.4%,30% 0,32% 1.4%,34% 0,36% 1.4%,38% 0,40% 1.4%,42% 0,44% 1.4%,46% 0,48% 1.4%,50% 0,52% 1.4%,54% 0,56% 1.4%,58% 0,60% 1.4%,62% 0,64% 1.4%,66% 0,68% 1.4%,70% 0,72% 1.4%,74% 0,76% 1.4%,78% 0,80% 1.4%,82% 0,84% 1.4%,86% 0,88% 1.4%,90% 0,92% 1.4%,94% 0,96% 1.4%,98% 0,100% 1.4%,100% 100%,0 100%);margin-top:-.6rem}
/* плиссе капсюля: мелкая волна по верхнему краю */
.am-plise-top{clip-path:polygon(0 1.2%,2.5% .1%,5% 1.2%,7.5% .1%,10% 1.2%,12.5% .1%,15% 1.2%,17.5% .1%,20% 1.2%,22.5% .1%,25% 1.2%,27.5% .1%,30% 1.2%,32.5% .1%,35% 1.2%,37.5% .1%,40% 1.2%,42.5% .1%,45% 1.2%,47.5% .1%,50% 1.2%,52.5% .1%,55% 1.2%,57.5% .1%,60% 1.2%,62.5% .1%,65% 1.2%,67.5% .1%,70% 1.2%,72.5% .1%,75% 1.2%,77.5% .1%,80% 1.2%,82.5% .1%,85% 1.2%,87.5% .1%,90% 1.2%,92.5% .1%,95% 1.2%,97.5% .1%,100% 1.2%,100% 100%,0 100%);margin-top:-.55rem}
/* стекающая глазурь — капли свисают в секцию ниже */
.am-sir-top{position:relative}
.am-sir-top::after{content:"";position:absolute;left:0;right:0;bottom:-18px;height:20px;z-index:3;pointer-events:none;
  background:radial-gradient(14px 20px at 8% 0,var(--am-sir,var(--am-kagit)) 0 97%,transparent 100%),
             radial-gradient(10px 15px at 21% 0,var(--am-sir,var(--am-kagit)) 0 97%,transparent 100%),
             radial-gradient(17px 24px at 37% 0,var(--am-sir,var(--am-kagit)) 0 97%,transparent 100%),
             radial-gradient(9px 13px at 52% 0,var(--am-sir,var(--am-kagit)) 0 97%,transparent 100%),
             radial-gradient(15px 21px at 68% 0,var(--am-sir,var(--am-kagit)) 0 97%,transparent 100%),
             radial-gradient(11px 17px at 84% 0,var(--am-sir,var(--am-kagit)) 0 97%,transparent 100%),
             radial-gradient(13px 19px at 95% 0,var(--am-sir,var(--am-kagit)) 0 97%,transparent 100%)}
/* линия отрыва (perforation) — разделитель внутри секции */
.am-perfore{border:0;height:0;border-top:2px dashed rgba(0,0,0,.22);margin:2.2rem 0;position:relative}
.am-perfore::before,.am-perfore::after{content:"";position:absolute;top:-9px;width:16px;height:16px;border-radius:50%;
  background:var(--am-perfore-bg,var(--am-kagit));box-shadow:inset 0 1px 3px rgba(0,0,0,.25)}
.am-perfore::before{left:-8px}.am-perfore::after{right:-8px}

/* ==========================================================================
   3. НОСИТЕЛИ — каждая карточка/плитка/цена/отзыв = единица упаковки
   ========================================================================== */
/* коробка конфет: клапан, кант, объём */
.am-kutu{position:relative;background:
  linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,0) 38%),
  repeating-linear-gradient(90deg,rgba(0,0,0,.022) 0 1px,transparent 1px 9px),
  var(--am-kagit);
  color:var(--am-ink);border-radius:4px;
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 -3px 0 rgba(0,0,0,.08) inset,
             0 10px 18px -10px rgba(0,0,0,.4),0 2px 0 rgba(0,0,0,.1);
  transition:transform .35s ease,box-shadow .35s ease}
.am-kutu:hover{transform:translateY(-4px);box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 18px 26px -12px rgba(0,0,0,.45);z-index:5}
/* клапан коробки — верхняя полоса с кантом */
.am-kutu.am-klapa::before{content:"";position:absolute;left:0;right:0;top:0;height:11px;border-radius:4px 4px 0 0;
  background:linear-gradient(var(--am-folyo-2),var(--am-folyo));box-shadow:0 1px 2px rgba(0,0,0,.25);pointer-events:none}
.am-kutu.am-klapa{padding-top:calc(11px + .9rem)}
/* коробка с прозрачным окошком (целлофан) */
.am-kutu.am-pencere{overflow:hidden}
.am-kutu.am-pencere>img,.am-kutu.am-pencere>picture>img,.am-kutu.am-pencere figure img{
  position:relative;display:block;width:100%;height:auto;aspect-ratio:var(--am-ar,4/3);object-fit:cover;
  box-shadow:0 0 0 7px var(--am-kagit),0 0 0 8px rgba(0,0,0,.18) inset}
.am-kutu.am-pencere figure{position:relative;margin:0}
.am-kutu.am-pencere figure::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(118deg,rgba(255,255,255,.42) 0 18%,transparent 34% 68%,rgba(255,255,255,.3) 80%,transparent 92%)}
/* обёртка конфеты: закрученные концы слева и справа */
.am-sargi{position:relative;background:
  repeating-linear-gradient(135deg,var(--am-sira-renk,rgba(180,68,47,.14)) 0 12px,transparent 12px 24px),
  linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,0) 44%),var(--am-kagit);
  color:var(--am-ink);border-radius:3px;padding:1.1rem 1.3rem;margin-inline:14px;
  box-shadow:0 8px 16px -10px rgba(0,0,0,.4)}
.am-sargi::before,.am-sargi::after{content:"";position:absolute;top:50%;width:16px;height:60%;transform:translateY(-50%);
  background:repeating-linear-gradient(110deg,rgba(0,0,0,.2) 0 2px,rgba(255,255,255,.35) 2px 5px),
             color-mix(in srgb,var(--am-kagit-2) 82%,var(--am-ink) 6%);
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.3));
  clip-path:polygon(0 18%,100% 0,100% 100%,0 82%)}
.am-sargi::before{left:-14px}
.am-sargi::after{right:-14px;clip-path:polygon(0 0,100% 18%,100% 82%,0 100%)}
/* бумажная формочка-капсюль: плиссированные бока */
.am-kapsul{position:relative;padding:1.3rem 1.5rem calc(1.3rem + 20px);color:var(--am-ink);
  background:
   repeating-linear-gradient(90deg,rgba(0,0,0,.09) 0 2px,rgba(255,255,255,.45) 2px 7px,transparent 7px 11px) 0 0/44px 100% no-repeat,
   repeating-linear-gradient(90deg,rgba(0,0,0,.09) 0 2px,rgba(255,255,255,.45) 2px 7px,transparent 7px 11px) 100% 0/44px 100% no-repeat,
   linear-gradient(rgba(255,255,255,.5),rgba(0,0,0,.035)),
   var(--am-kagit);
  border-radius:0 0 14px 14px;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),96% 100%,92% calc(100% - 18px),88% 100%,84% calc(100% - 18px),80% 100%,76% calc(100% - 18px),72% 100%,68% calc(100% - 18px),64% 100%,60% calc(100% - 18px),56% 100%,52% calc(100% - 18px),48% 100%,44% calc(100% - 18px),40% 100%,36% calc(100% - 18px),32% 100%,28% calc(100% - 18px),24% 100%,20% calc(100% - 18px),16% 100%,12% calc(100% - 18px),8% 100%,4% calc(100% - 18px),0 100%);
  box-shadow:0 6px 14px -10px rgba(0,0,0,.45)}
/* этикетка с гильош-рамкой (как на коробке конфет) */
.am-etiket{position:relative;padding:1.4rem 1.5rem;color:var(--am-ink);
  background:radial-gradient(ellipse at 50% 0,rgba(255,255,255,.7),transparent 65%),var(--am-kagit);
  border:1px solid color-mix(in srgb,var(--am-ink) 45%,transparent);
  box-shadow:0 0 0 4px var(--am-kagit) inset,0 0 0 5px color-mix(in srgb,var(--am-ink) 28%,transparent) inset,
             0 8px 18px -12px rgba(0,0,0,.45)}
.am-etiket::before{content:"";position:absolute;inset:9px;pointer-events:none;z-index:0;
  border:1px solid color-mix(in srgb,var(--am-ink) 22%,transparent);
  background:
   repeating-linear-gradient(45deg,color-mix(in srgb,var(--am-ink) 9%,transparent) 0 1px,transparent 1px 7px) 0 0/100% 10px no-repeat,
   repeating-linear-gradient(-45deg,color-mix(in srgb,var(--am-ink) 9%,transparent) 0 1px,transparent 1px 7px) 0 100%/100% 10px no-repeat}
.am-etiket>*{position:relative;z-index:1}
/* бумажный пакетик-саше с зубчатым верхом */
.am-poset{position:relative;padding:1.6rem 1.3rem 1.2rem;color:var(--am-ink);
  background:repeating-linear-gradient(92deg,rgba(0,0,0,.03) 0 1px,transparent 1px 8px),var(--am-kagit-2);
  clip-path:polygon(0 4%,3% 0,6% 4%,9% 0,12% 4%,15% 0,18% 4%,21% 0,24% 4%,27% 0,30% 4%,33% 0,36% 4%,39% 0,42% 4%,45% 0,48% 4%,51% 0,54% 4%,57% 0,60% 4%,63% 0,66% 4%,69% 0,72% 4%,75% 0,78% 4%,81% 0,84% 4%,87% 0,90% 4%,93% 0,96% 4%,99% 0,100% 4%,100% 100%,0 100%);
  box-shadow:0 10px 18px -14px rgba(0,0,0,.5)}
/* стеклянный ярус витрины — подложка под товар */
.am-tabaka{position:relative;padding:1.1rem 1.2rem 1.4rem;border-radius:2px;color:var(--am-ink);
  background:
   linear-gradient(104deg,rgba(255,255,255,.75) 0 14%,rgba(255,255,255,.18) 26% 58%,rgba(255,255,255,.6) 70%,rgba(255,255,255,.2) 84%),
   linear-gradient(rgba(255,255,255,.55),rgba(0,0,0,.05)),var(--am-cam);
  border-bottom:3px solid color-mix(in srgb,var(--am-cam) 62%,var(--am-ink) 12%);
  box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 -6px 10px -8px rgba(0,0,0,.3) inset,
             0 12px 16px -13px rgba(0,0,0,.55)}
.am-tabaka::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:6px;pointer-events:none;
  background:linear-gradient(rgba(0,0,0,.18),transparent);filter:blur(1px)}
/* отражение товара на стекле витрины */
.am-yansima{-webkit-box-reflect:below 1px linear-gradient(transparent 62%,rgba(0,0,0,.22))}

/* ==========================================================================
   4. ЛОТОК-АССОРТИ и ВИТРИНА — раскладка вместо «стены карточек»
   ========================================================================== */
/* картонный лоток с ячейками: каждая ячейка вдавлена */
.am-asorti{display:grid;gap:14px;padding:16px;border-radius:6px;
  background:repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0 1px,transparent 1px 6px),var(--am-kraft);
  box-shadow:0 2px 0 rgba(255,255,255,.35) inset,0 -4px 10px rgba(0,0,0,.14) inset,0 14px 26px -18px rgba(0,0,0,.5)}
.am-asorti>*{box-shadow:0 0 0 1px rgba(0,0,0,.08) inset,0 3px 7px -4px rgba(0,0,0,.35),
             0 -2px 0 rgba(0,0,0,.07) inset}
/* ярусы витрины: ряды разной высоты, товар стоит на стекле */
.am-vitrin{display:grid;gap:clamp(18px,2.4vw,30px)}
.am-vitrin>*{position:relative}
.am-vitrin>*::after{content:"";position:absolute;left:4%;right:4%;bottom:-9px;height:9px;border-radius:50%;
  background:radial-gradient(ellipse at 50% 0,rgba(0,0,0,.26),transparent 72%);pointer-events:none}
/* лёгкая вариация в ряду — упаковки одного набора, но не клоны */
.am-dizi>*:nth-child(4n+2){--am-ar:1/1}
.am-dizi>*:nth-child(4n+3){--am-ar:3/4}

/* ==========================================================================
   5. ПЕЧАТИ, ЛЕНТЫ, БИРКИ — «крепёж» мира упаковки
   ========================================================================== */
/* сургучная пломба с тиснением */
.am-muhur{position:relative}
.am-muhur::after{content:attr(data-muhur);position:absolute;top:-13px;right:8px;z-index:4;
  width:84px;height:84px;display:grid;place-items:center;border-radius:50%;padding:0 13px;
  font-weight:700;font-size:7.6px;line-height:1.25;font-family:var(--am-gravur-font,inherit);letter-spacing:.02em;text-align:center;text-transform:uppercase;
  overflow-wrap:anywhere;hyphens:none;
  color:color-mix(in srgb,#fff 82%,var(--am-kurdele));
  background:radial-gradient(circle at 36% 30%,color-mix(in srgb,var(--am-kurdele) 70%,#fff 12%),var(--am-kurdele) 62%,color-mix(in srgb,var(--am-kurdele) 70%,#000) 100%);
  clip-path:polygon(50% 0,61% 7%,74% 4%,80% 15%,93% 18%,94% 31%,100% 42%,94% 53%,97% 66%,86% 73%,83% 86%,70% 86%,59% 95%,48% 88%,35% 93%,28% 82%,15% 80%,13% 67%,5% 57%,10% 45%,4% 33%,16% 27%,18% 14%,31% 13%,40% 4%);
  box-shadow:0 4px 8px -3px rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.4) inset;
  text-shadow:0 1px 0 rgba(0,0,0,.35)}
/* лента через карточку: отдельный <span class="am-kurdele-x"></span> внутри носителя */
.am-kurdele-x{position:absolute;top:0;bottom:0;left:var(--am-kx,22%);width:26px;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.22),transparent 22%,rgba(255,255,255,.3) 50%,transparent 78%,rgba(0,0,0,.22)),var(--am-kurdele);
  box-shadow:0 0 6px rgba(0,0,0,.25)}
.am-kurdele-x.am-yatay{top:var(--am-ky,62%);bottom:auto;left:0;right:0;width:auto;height:22px;
  background:linear-gradient(rgba(0,0,0,.22),transparent 22%,rgba(255,255,255,.3) 50%,transparent 78%,rgba(0,0,0,.22)),var(--am-kurdele)}
/* бандероль-полоска вокруг (с текстом) */
.am-bandrol{position:relative}
.am-bandrol::after{content:attr(data-bandrol);position:absolute;left:-6px;right:-6px;top:var(--am-by,68%);z-index:3;
  padding:.42rem .9rem;font-weight:700;font-size:.74rem;line-height:1;font-family:var(--am-gravur-font,inherit);letter-spacing:.14em;text-transform:uppercase;
  color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.55);
  background:linear-gradient(color-mix(in srgb,var(--am-kurdele) 92%,#000 8%),color-mix(in srgb,var(--am-kurdele) 62%,#000));
  box-shadow:0 2px 6px -2px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.25);pointer-events:none}
/* бирка на шнурке (висит на углу) */
.am-askili{position:relative}
.am-askili::after{content:attr(data-etiket);position:absolute;top:-6px;right:14px;z-index:4;
  padding:.5rem .7rem .5rem 1.05rem;min-width:62px;
  font-weight:600;font-size:.78rem;line-height:1.15;font-family:var(--am-el-font,inherit);color:var(--am-ink);text-align:center;
  background:repeating-linear-gradient(92deg,rgba(0,0,0,.035) 0 1px,transparent 1px 7px),var(--am-kagit-2);
  clip-path:polygon(0 50%,13% 0,100% 0,100% 100%,13% 100%);
  box-shadow:0 5px 10px -6px rgba(0,0,0,.6);transform:rotate(-3deg)}
.am-askili::before{content:"";position:absolute;top:-16px;right:30px;z-index:3;width:2px;height:22px;
  background:var(--am-kurdele);transform:rotate(14deg)}
/* штамп по бумаге: TAZE / EL YAPIMI / 250 g */
.am-damga{display:inline-block;padding:.3rem .6rem;border:2px solid var(--am-damga-renk,var(--am-acc));
  border-radius:3px;color:var(--am-damga-renk,var(--am-acc));
  font-weight:700;font-size:.72rem;line-height:1;font-family:var(--am-gravur-font,inherit);letter-spacing:.16em;text-transform:uppercase;
  transform:rotate(var(--am-dr,-4deg));opacity:.86;mix-blend-mode:multiply}
.am-damga.am-yuvarlak{border-radius:50%;width:76px;height:76px;display:grid;place-items:center;text-align:center;padding:.3rem}
.am-damga.am-folyo-d{border-color:var(--am-folyo);color:color-mix(in srgb,var(--am-folyo) 46%,#000)}

/* ==========================================================================
   6. ТИПОГРАФИКА УПАКОВКИ
   ========================================================================== */
/* тиснёный (фольгой) заголовок */
.am-gravur{font-family:var(--am-gravur-font,inherit);
  color:color-mix(in srgb,var(--am-folyo) 58%,#2e2008);
  text-shadow:0 1px 0 rgba(255,255,255,.55),0 -1px 0 rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.25)}
/* на тёмной земле тиснение светлеет, иначе золото по тёмному не читается */
.am-pudra .am-gravur,.am-kadife-z .am-gravur,.am-oluklu .am-gravur{
  color:color-mix(in srgb,var(--am-folyo) 86%,#fff 14%);
  text-shadow:0 1px 0 rgba(0,0,0,.55),0 -1px 0 rgba(255,255,255,.22),0 2px 5px rgba(0,0,0,.4)}
.am-gravur.am-ink-g{color:var(--am-ink);text-shadow:0 1px 0 rgba(255,255,255,.7),0 -1px 1px rgba(0,0,0,.22)}
/* овальный медальон-лого/эмблема */
.am-madalyon{display:inline-grid;place-items:center;padding:.5rem 1.4rem;
  border:1.5px solid color-mix(in srgb,var(--am-ink) 55%,transparent);border-radius:50%/40%;
  box-shadow:0 0 0 3px var(--am-kagit) inset,0 0 0 4px color-mix(in srgb,var(--am-ink) 30%,transparent) inset;
  font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--am-ink)}
/* гильош — витая линия под заголовком */
.am-guilloche{display:block;height:9px;margin:.55rem 0 1.1rem;border:0;
  background:
   radial-gradient(circle at 5px 4.5px,transparent 3px,color-mix(in srgb,var(--am-ink) 32%,transparent) 3px 3.9px,transparent 4px) 0 0/10px 9px repeat-x,
   radial-gradient(circle at 5px 4.5px,transparent 1.2px,color-mix(in srgb,var(--am-acc) 34%,transparent) 1.2px 2px,transparent 2.1px) 5px 0/10px 9px repeat-x}
/* мелкий текст «состав» */
.am-icerik{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;opacity:.78;
  font-variant-numeric:tabular-nums}
/* весовая / порционная пометка */
/* весовая пометка — физически наклейка: всегда светлая подложка и тёмный текст,
   иначе на тёмной земле она сливается и контраст-автофикс перекрашивает её
   глобально, убивая читаемость на светлых носителях */
.am-gram{display:inline-block;padding:.16rem .5rem;border-radius:2px;
  background:rgba(255,255,255,.88);box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;
  font-weight:600;font-size:.76rem;line-height:1.2;font-family:var(--am-gravur-font,inherit);letter-spacing:.06em;font-variant-numeric:tabular-nums;
  color:var(--am-ink)}
/* штамп на тёмной земле: рамка и текст светлеют вместе */
.am-pudra .am-damga,.am-kadife-z .am-damga,.am-oluklu .am-damga{
  border-color:color-mix(in srgb,var(--am-folyo) 75%,#fff 20%);
  color:color-mix(in srgb,var(--am-folyo) 72%,#fff 28%);mix-blend-mode:normal}
/* рукописная подпись на тёмной земле */
.am-pudra .am-el,.am-kadife-z .am-el{color:color-mix(in srgb,var(--am-kagit) 92%,#fff)}
/* ...но внутри светлого носителя текст остаётся тёмным: упаковка светлая, даже
   когда лежит на тёмном прилавке (иначе подпись/штамп белеют на бумаге) */
.am-kutu .am-el,.am-sargi .am-el,.am-kapsul .am-el,.am-etiket .am-el,.am-poset .am-el,.am-tabaka .am-el,
.am-kutu.am-el,.am-sargi.am-el,.am-kapsul.am-el,.am-etiket.am-el,.am-poset.am-el,.am-tabaka.am-el{color:var(--am-ink)}
.am-kutu .am-damga,.am-sargi .am-damga,.am-kapsul .am-damga,.am-etiket .am-damga,.am-poset .am-damga,.am-tabaka .am-damga{
  border-color:var(--am-damga-renk,var(--am-acc));color:var(--am-damga-renk,var(--am-acc))}
.am-kutu .am-damga.am-folyo-d,.am-sargi .am-damga.am-folyo-d,.am-kapsul .am-damga.am-folyo-d,
.am-etiket .am-damga.am-folyo-d,.am-poset .am-damga.am-folyo-d,.am-tabaka .am-damga.am-folyo-d{
  border-color:color-mix(in srgb,var(--am-folyo) 70%,#000);color:color-mix(in srgb,var(--am-folyo) 46%,#000)}
/* рукописная подпись кондитера */
.am-el{font-family:var(--am-el-font);font-weight:600;letter-spacing:.01em}
.am-el.am-buyuk{font-size:clamp(1.25rem,2.4vw,1.9rem);line-height:1.2}

/* ==========================================================================
   7. РАССЫПАННЫЙ ДЕКОР — сахар, крошка, фисташка, пудра, нонпарель
   <span class="am-serpinti am-serpinti--seker" style="top:12%;left:7%"></span>
   ========================================================================== */
.am-serpinti{position:absolute;z-index:1;pointer-events:none;user-select:none}
.am-serpinti--seker{width:8px;height:8px;background:linear-gradient(140deg,#fff,rgba(255,255,255,.6));
  outline:1px solid color-mix(in srgb,var(--am-ink) 22%,transparent);
  box-shadow:0 0 6px rgba(255,255,255,.85),0 2px 3px rgba(0,0,0,.35);transform:rotate(22deg)}
.am-serpinti--kirinti{width:9px;height:6px;border-radius:40% 60% 50% 45%;
  background:linear-gradient(130deg,color-mix(in srgb,var(--am-kraft) 85%,#000),var(--am-kraft));
  box-shadow:0 1px 2px rgba(0,0,0,.3);transform:rotate(-14deg)}
.am-serpinti--fistik{width:8px;height:5px;border-radius:50%;
  background:linear-gradient(120deg,#9ec46a,var(--am-acc-2));box-shadow:0 1px 2px rgba(0,0,0,.28);transform:rotate(31deg)}
.am-serpinti--pudra{width:54px;height:30px;border-radius:50%;
  background:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.75),transparent 70%);filter:blur(.6px)}
.am-serpinti--damla{width:12px;height:16px;border-radius:50% 50% 50% 50%/62% 62% 38% 38%;
  background:linear-gradient(160deg,color-mix(in srgb,var(--am-acc) 72%,#000 6%),var(--am-acc));
  box-shadow:0 1px 0 rgba(255,255,255,.45) inset,0 2px 4px rgba(0,0,0,.3)}
.am-serpinti--yildiz{width:12px;height:12px;background:var(--am-folyo);
  clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);
  box-shadow:0 1px 2px rgba(0,0,0,.3)}
.am-serpinti--konfeti{width:14px;height:5px;border-radius:3px;
  background:var(--am-konfeti,var(--am-acc));box-shadow:0 1px 2px rgba(0,0,0,.25);transform:rotate(var(--am-kr,-24deg))}
.am-serpinti--nonpareil{width:30px;height:12px;
  background:radial-gradient(circle at 4px 6px,var(--am-acc) 0 2.6px,transparent 2.8px),
             radial-gradient(circle at 14px 4px,var(--am-acc-2) 0 2.4px,transparent 2.6px),
             radial-gradient(circle at 23px 8px,var(--am-folyo) 0 2.5px,transparent 2.7px)}
/* текстовая метка-«наклейка» в поле секции */
.am-serpinti--not{padding:.3rem .55rem;font-weight:600;font-size:.72rem;line-height:1;font-family:var(--am-el-font,inherit);color:var(--am-ink);
  background:var(--am-folyo-2);box-shadow:0 2px 5px -2px rgba(0,0,0,.45);transform:rotate(var(--am-nr,-5deg))}

/* ==========================================================================
   8. СИГНАТУРНЫЕ ЭФФЕКТЫ — сахарная искра и витринный блик
   ========================================================================== */
/* искра кристалла сахара по поверхности (на земле секции или на носителе) */
.am-parilti{position:relative;overflow:clip}
.am-parilti::after{content:"";position:absolute;inset:-20%;pointer-events:none;z-index:2;
  background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.9) 0 1px,transparent 2px),
             radial-gradient(circle at 68% 22%,rgba(255,255,255,.8) 0 1.2px,transparent 2.2px),
             radial-gradient(circle at 44% 72%,rgba(255,255,255,.75) 0 1px,transparent 2px),
             radial-gradient(circle at 82% 64%,rgba(255,255,255,.85) 0 1.1px,transparent 2.1px);
  background-size:140px 120px,170px 150px,130px 160px,190px 140px;
  opacity:.65;animation:am-sparkle 7s ease-in-out infinite}
@keyframes am-sparkle{0%,100%{opacity:.35;transform:translate3d(0,0,0)}50%{opacity:.8;transform:translate3d(6px,-4px,0)}}
/* витринный блик, скользящий за курсором: задай --am-mx/--am-my из JS */
.am-vitrin-isik{position:relative}
.am-vitrin-isik::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;
  background:radial-gradient(420px 320px at var(--am-mx,50%) var(--am-my,0%),rgba(255,255,255,.4),transparent 68%);
  mix-blend-mode:screen;transition:opacity .4s ease;opacity:var(--am-isik,1)}
/* глазурь, «наливающаяся» при скролле: --am-sir-y от 0 до 100 */
.am-sir-akan{position:relative}
.am-sir-akan::after{content:"";position:absolute;left:0;right:0;top:0;height:calc(var(--am-sir-y,0) * 1%);
  pointer-events:none;z-index:1;
  background:linear-gradient(color-mix(in srgb,var(--am-acc) 26%,transparent),transparent)}

/* ==========================================================================
   9. КОНТРАСТ ВНУТРИ СВЕТЛЫХ НОСИТЕЛЕЙ (точечно, без blanket-правил)
   ========================================================================== */
.am-kutu h1,.am-kutu h2,.am-kutu h3,.am-kutu h4,.am-kutu p,.am-kutu li,.am-kutu dt,.am-kutu dd,
/* подпись поверх фото сама себе фон — её не перекрашиваем */
.am-kutu span:not([class*="am-serpinti"]):not(:where(:has(> img) > span, :has(> picture) > span)),
.am-etiket h2,.am-etiket h3,.am-etiket h4,.am-etiket p,.am-etiket li,
.am-kapsul h3,.am-kapsul h4,.am-kapsul p,.am-kapsul li,
.am-poset h3,.am-poset h4,.am-poset p,.am-poset li,
.am-sargi h3,.am-sargi h4,.am-sargi p,.am-sargi li,
.am-tabaka h3,.am-tabaka h4,.am-tabaka p,.am-tabaka li{color:var(--am-ink)}
.am-kutu a:not([class*="btn"]):not([class*="buton"]),.am-etiket a:not([class*="btn"]):not([class*="buton"]),
.am-tabaka a:not([class*="btn"]):not([class*="buton"]){color:color-mix(in srgb,var(--am-acc) 80%,#000)}

/* ==========================================================================
   10. МОБИЛЬНОЕ И МОТИОН
   ========================================================================== */
@media (max-width:760px){
  .am-asorti{padding:11px;gap:11px}
  .am-muhur::after{width:58px;height:58px;font-size:6.6px;padding:0 5px;top:-10px;right:4px}
  .am-askili::after{font-size:.7rem;min-width:52px}
  .am-sargi{margin-inline:11px}
  .am-sargi::before,.am-sargi::after{width:11px}
  .am-serpinti--pudra{width:34px;height:20px}
  .am-yansima{-webkit-box-reflect:unset}
}
@media (prefers-reduced-motion:reduce){
  .am-parilti::after{animation:none;opacity:.5}
  .am-kutu,.am-kutu:hover{transition:none;transform:none}
  .am-vitrin-isik::before{display:none}
}