/* ТЗ-14a (10.2026): стікер акції «Хелловін» — готовий код власника, вставлено як є. Контейнер фото: .pc-thumb-wrap (каталог/каруселі, radius 12),
   .pg-frame (картка: 16 десктоп / 10 моб). Підключається лише коли акція активна (layouts/app). */
.hw-sticker{position:absolute;top:0;left:0;z-index:3;pointer-events:none;border-radius:var(--hw-r,12px) 0 14px 0;overflow:hidden;background:linear-gradient(135deg,#3B1C42,#7A3E86);color:#fff;padding:9px 34px 10px 12px;box-shadow:0 3px 10px rgba(59,28,66,.35);animation:hwIn .35s ease-out both}
.hw-sticker b{display:block;font-size:12px;letter-spacing:.14em;font-weight:700;color:#FFB46B;line-height:1.1}
.hw-sticker strong{display:block;font-size:26px;font-weight:800;line-height:1.05;margin-top:2px}
.hw-sticker .web{position:absolute;right:0;top:0;width:34px;height:34px;opacity:.55;animation:hwWeb 3s ease-in-out infinite}
.hw-sticker::after{content:"";position:absolute;inset:0 auto 0 0;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:translateX(-150%) skewX(-20deg);animation:hwShine 3.5s ease-in-out infinite}
.hw-spider{position:absolute;z-index:3;pointer-events:none;top:0;left:var(--hw-spider-x,104px);width:14px;transform-origin:50% 0;animation:hwSpider 2.6s ease-in-out infinite}
.hw-spider i{display:block;width:1px;height:22px;background:rgba(255,255,255,.85);margin:0 auto}
.hw-spider svg{display:block;width:14px;height:12px;margin-top:-1px}
@keyframes hwIn{from{opacity:0;transform:scale(.85);transform-origin:0 0}to{opacity:1;transform:scale(1)}}
@keyframes hwWeb{0%,100%{opacity:.45}50%{opacity:.75}}
@keyframes hwShine{0%{transform:translateX(-150%) skewX(-20deg)}60%,100%{transform:translateX(450%) skewX(-20deg)}}
@keyframes hwSpider{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(6px) rotate(4deg)}}
@media (max-width:767px){
 .hw-sticker{padding:7px 28px 8px 10px;border-radius:var(--hw-r,10px) 0 12px 0}
 .hw-sticker b{font-size:11px}
 .hw-sticker strong{font-size:22px}
 .hw-sticker .web{width:28px;height:28px}
 .hw-spider{--hw-spider-x:88px}
 .hw-spider i{height:18px}
}
@media (prefers-reduced-motion:reduce){.hw-sticker,.hw-sticker .web,.hw-spider,.hw-sticker::after{animation:none}}
/* --hw-r = фактичний radius верхнього лівого кута фото в кожному місці (заміряно): плитка .pc-thumb-wrap 12px; картка .pg-frame 16px (.page-product, ≥992) / 10px (моб) */
.pc-thumb-wrap>.hw-sticker{--hw-r:12px}
.pg-frame>.hw-sticker{--hw-r:10px}
@media (min-width:992px){.page-product .pg-frame>.hw-sticker{--hw-r:16px}}