/* Утверждённые плашки v2: WebP без надписей + чёткий текст поверх.
   Префикс yoyo-category изолирует оформление от полосы разделов витрины. */
.yoyo-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 16px;padding:0;list-style:none}
.yoyo-category{position:relative;display:block;width:100%;padding:0;border:0;border-radius:16px;overflow:hidden;aspect-ratio:2;background:#f4f7ff;color:var(--ink,#111633);font:inherit;text-align:left;cursor:pointer;text-decoration:none;transition:transform .15s ease-out}
.yoyo-category img{display:block;width:100%;height:auto}
.yoyo-category-title{position:absolute;top:12px;left:12px;max-width:calc(100% - 24px);font-size:clamp(16px,4.7vw,20px);font-weight:800;line-height:1.13;letter-spacing:-.035em;pointer-events:none}
.yoyo-category:focus-visible{outline:3px solid #0866ed;outline-offset:3px}
.yoyo-category:disabled{cursor:default;opacity:.55}
@media(hover:hover){.yoyo-category:hover{transform:translateY(-2px)}}
@media(min-width:768px){.yoyo-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.yoyo-category-title{top:16px;left:16px;max-width:calc(100% - 32px);font-size:22px}}
@media(min-width:1200px){.yoyo-categories{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.yoyo-category{transition:none}}