/* W2_ORDER_CANON_V2 — ЕДИНСТВЕННЫЙ источник правды о порядке секций.
   React владеет [data-sec]. CSS владеет порядком. Рантайм-авторитетов НЕТ:
   w2layout.js, w2secorder.js, w2mascotstyle.js — УДАЛЕНЫ.
   Один порядок: все товары, все режимы (CUSTOM / MASCOT / FREE). */

.scroll { display: flex; flex-direction: column; }

.scroll > *                        { order: 5; }    /* безымянные блоки */

.scroll > [data-sec="position"]    { order: 10; }   /* 1. только футболка/худи */
.scroll > [data-sec="style"]       { order: 20; }   /* 2. он же «текст и стиль» */
.scroll > [data-sec="textstyle"]   { order: 20; }   /*    legacy-ключ */
.scroll > [data-sec="print"]       { order: 30; }   /* 3. */
.scroll > [data-sec="text"]        { order: 35; }   /* 4. инпуты FREE — сразу под ним */
.scroll > [data-sec="heartcolor"]  { order: 40; }   /* 5. только веб */
.scroll > [data-sec="heartstyle"]  { order: 41; }   /* 6. только веб */
.scroll > [data-sec="qr"]          { order: 50; }   /* 7. (на кепке QR нет никогда) */
.scroll > [data-sec="color"]       { order: 60; }   /* 8. */
.scroll > [data-sec="size"]        { order: 70; }   /* 9. */
.scroll > .qr-info                 { order: 100; }
.scroll > [data-w2sf]              { order: 99999; }

/* Сердца — только веб. На мобилке они живут рельсами на фото (w2heartrails).
   ВАЖНО: display:none, а не opacity:0 — иначе карточка держит высоту
   и оставляет ту самую пустую пропасть перед QR KEY. */
@media (max-width: 860px) {
  .scroll > [data-sec="heartcolor"],
  .scroll > [data-sec="heartstyle"] { display: none !important; }
}