/* Makerzoid: підбір набору, розрахунок для закладу, картки з іконками, блоки на сторінках бренду й товару.
   Базові стилі квізу (.stq-*) — gift-quiz.css; тут лише додаткове. Кольори з токенів теми. */
.st-mkz,.st-school,.st-mkz-dev,.st-mkz-edu,.st-icard,.st-mkzp,.st-mkz-bar,.st-mkz-pp,.st-tier,.st-mkzc,.st-mkz-cmp,.st-mkz-desc{--mk-p:var(--st-primary,#3A6EA5);--mk-pl:var(--st-primary-light,#E4EEF8);--mk-hl:var(--st-mustard,#F2C94C);
  --mk-ink:var(--st-ink,#26303B);--mk-soft:var(--st-ink-soft,#4F5A66);--mk-line:var(--st-line,#DBD5C7);--mk-bg:var(--st-bg-subtle,#FAF6EE)}
.st-icard .stq-ic,.st-mkz-bar .stq-ic,.st-mkz-pp .stq-ic,.st-mkz-next .stq-ic,.st-sch__head .stq-ic{fill:none;stroke:var(--mk-p);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.st-icard .stq-ic .f,.st-mkz-bar .stq-ic .f,.st-mkz-pp .stq-ic .f,.st-mkz-next .stq-ic .f,.st-sch__head .stq-ic .f{fill:var(--mk-hl);stroke:none}

.stq-tiles--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:760px){.stq-tiles--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.st-mkz-h{margin:6px 0 0;font-size:18px}
.st-mkz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Standard ↔ Premium */
.st-mkz-cmp{background:var(--mk-bg);border:1px solid var(--mk-line);border-radius:18px;padding:14px 16px}
.st-mkz-cmp table{width:100%;border-collapse:collapse;font-size:14px;margin:0}
.st-mkz-cmp th,.st-mkz-cmp td{padding:7px 8px;border-bottom:1px solid var(--mk-line);text-align:left;vertical-align:top;background:none}
.st-mkz-cmp thead th{font-weight:800;color:var(--mk-p)}.st-mkz-cmp tbody th{font-weight:600;color:var(--mk-soft)}
.st-mkz-cmp__f{margin:8px 0 0;font-size:14px;color:var(--mk-soft)}

.st-mkz-next{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;background:var(--mk-pl);border-radius:16px;padding:12px 14px;font-size:15px}
.st-mkz-next .stq-ic{width:40px;height:40px}

/* Смуга на сторінці бренду і блок на сторінці товару */
.st-mkz-bar{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;margin:0 0 20px;padding:12px 16px;border-radius:16px;background:var(--mk-pl);color:var(--mk-ink)!important;text-decoration:none}
.st-mkz-bar .stq-ic{width:44px;height:44px}.st-mkz-bar__go{font-weight:800;color:var(--mk-p);white-space:nowrap}
.st-mkz-bar:hover .st-mkz-bar__go{text-decoration:underline}
@media (max-width:600px){.st-mkz-bar{grid-template-columns:36px 1fr}.st-mkz-bar .stq-ic{width:36px;height:36px}.st-mkz-bar__go{grid-column:2}}
.st-mkz-pp{display:grid;gap:12px;margin:18px 0}
.st-mkz-pp__quiz{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;min-height:44px;padding:10px 12px;border:1.5px solid var(--mk-line);border-radius:14px;color:var(--mk-ink)!important;text-decoration:none;font-size:14px}
.st-mkz-pp__quiz .stq-ic{width:36px;height:36px}.st-mkz-pp__quiz b{color:var(--mk-p)}
.st-mkz-pp__quiz:hover{border-color:var(--mk-p)}

/* Картки товарів на сторінці «Для шкіл» */
.st-mkzp{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.st-mkzp a{display:grid;grid-template-columns:64px 1fr;gap:4px 12px;align-items:center;padding:10px;border:1px solid var(--mk-line);border-radius:16px;background:#fff;color:var(--mk-ink)!important;text-decoration:none;height:100%}
.st-mkzp a:hover{border-color:var(--mk-p)}
.st-mkzp img{grid-row:span 2;width:64px;height:64px;object-fit:contain;border-radius:10px;background:#fff}
.st-mkzp__n{font-weight:700;font-size:14px;line-height:1.3}.st-mkzp__p{font-size:14px;color:var(--mk-p);font-weight:700}

/* Картки з іконкою ([st_icon_card]) */
.st-icard{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:start;padding:16px;border:1px solid var(--mk-line);border-radius:18px;background:#fff;height:100%;box-sizing:border-box}
.st-icard__ic{position:relative;display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--mk-pl)}
.st-icard__ic .stq-ic{width:40px;height:40px}
.st-icard__ic b{position:absolute;top:-8px;left:-8px;width:26px;height:26px;border-radius:50%;background:var(--st-accent,#DD9F40);color:var(--st-on-accent,#26303B);display:grid;place-items:center;font-size:14px}
.st-icard__t{margin:0 0 4px!important;font-size:18px!important}
.st-icard p{margin:0;color:var(--mk-soft)}
.wp-block-columns.st-cards{gap:14px!important;margin-bottom:28px}
.wp-block-columns.st-cards>.wp-block-column{margin:0!important}

/* Рівні за віком на сторінці «Для шкіл» */
.st-tier{border:1px solid var(--mk-line);border-left:6px solid var(--mk-p);border-radius:18px;padding:18px 20px!important;margin:0 0 16px!important;background:#fff}
.st-tier h3{margin-top:0!important}
.st-tier ul{margin-bottom:0}

/* Розрахунок для закладу */
.st-sch{padding:22px;display:grid;gap:18px}
.st-sch__head{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:center}.st-sch__head .stq-ic{width:56px;height:56px}
.st-sch__head .stq-hint{margin:6px 0 0}
.st-sch__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px}
.st-sch__f{display:grid;gap:8px;align-content:start}.st-sch__f--w{grid-column:1/-1}
.st-sch__l{font-weight:700;font-size:15px}.st-sch__l small{font-weight:400;color:var(--mk-soft)}
.st-sch-chips{display:flex;flex-wrap:wrap;gap:8px}
.st-sch .stq-chip{min-height:44px;padding:8px 14px;font-size:14px;font-weight:600}
.st-sch .stq-chip[aria-pressed="true"]{background:var(--mk-p);border-color:var(--mk-p);color:#fff}
.st-sch input[type=number]{min-height:44px;border:1.5px solid var(--mk-line);border-radius:12px;padding:8px 12px;font:inherit;max-width:260px}
.st-qty{display:flex;flex-wrap:nowrap;align-items:center;gap:6px}
.st-qty input[type=number]{width:84px!important;flex:0 0 84px;text-align:center;margin:0}
.st-qty__b{flex:0 0 44px;width:44px;height:44px;padding:0;border-radius:12px;border:1.5px solid var(--mk-line);background:#fff;font-size:20px;font-weight:700}
.st-qty__b:hover{border-color:var(--mk-p);color:var(--mk-p)}
.st-sch__go{justify-self:start}
.st-sch__out{display:grid;gap:12px}
.st-sch__sum{margin:0;font-size:18px}.st-sch__sum small{display:block;font-size:13px;color:var(--mk-soft)}
.st-sch__send{justify-self:start}
.st-school-form{scroll-margin-top:90px}
@media (max-width:760px){.st-sch{padding:18px}.st-sch__grid{grid-template-columns:1fr}.st-sch__head{grid-template-columns:44px 1fr}.st-sch__head .stq-ic{width:44px;height:44px}}

/* Фото наборів у шапці сторінки */
.st-mkzp--pics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:640px}
.st-mkzp--pics a{display:block;padding:8px;aspect-ratio:1}
.st-mkzp--pics img{width:100%;height:100%;border-radius:12px}
.st-mkz-old{font-size:14px;font-weight:400;color:var(--st-ink-soft,#4F5A66);margin-left:6px}

/* Порівняння наборів */
.st-mkzc{display:grid;gap:14px;margin:0 0 40px}
.st-mkzc__pre{display:flex;flex-wrap:wrap;gap:8px}
.st-mkzc .stq-chip{min-height:44px;padding:8px 14px;font-size:14px;font-weight:600;border:1px solid var(--mk-line);background:#fff;border-radius:999px;cursor:pointer}
.st-mkzc .stq-chip[aria-pressed="true"]{background:var(--mk-p);border-color:var(--mk-p);color:#fff}
.st-mkzc__sel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.st-mkzc__sel label{display:grid;gap:6px;font-weight:700;font-size:14px}
.st-mkzc__sel select{min-height:44px;border:1.5px solid var(--mk-line);border-radius:12px;padding:8px 10px;font:inherit;font-weight:400;max-width:100%}
@media (max-width:760px){.st-mkzc__sel{grid-template-columns:1fr}}
.st-mkz-cmp--wide{padding:10px}
.st-mkz-cmp__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.st-mkz-cmp--wide table{table-layout:fixed}
.st-mkz-cmp--wide table[data-n="3"]{min-width:520px}
.st-mkz-cmp--wide thead th{vertical-align:bottom;font-size:14px}
.st-mkz-cmp--wide thead a{display:grid;gap:6px;justify-items:start;color:var(--mk-p)!important;text-decoration:none}
.st-mkz-cmp--wide thead img{width:72px;height:72px;object-fit:contain;background:#fff;border-radius:12px}
.st-mkz-cmp tbody th{width:32%}
.st-mkz-cmp tr.is-diff td{background:#FFF7E3;font-weight:600}

.st-mkzc .stq-chip{white-space:normal;text-align:left;line-height:1.3}
@media (max-width:600px){.st-mkz-cmp--wide{padding:6px}.st-mkz-cmp--wide th,.st-mkz-cmp--wide td{font-size:13px;padding:6px 5px;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
  .st-mkz-cmp tbody th{width:30%}.st-mkz-cmp--wide thead img{width:56px;height:56px}}

/* Розрахунок для закладу: результати по групах */
.st-sch .stq-chip small{display:block;font-weight:400;font-size:12px;color:inherit;opacity:.8}
.st-sch .stq-chip{text-align:left;line-height:1.25}
.st-sch__grp{display:grid;gap:10px;padding-top:6px}
.st-sch__grp+.st-sch__grp{border-top:1px dashed var(--mk-line);padding-top:16px}
.st-sch__opts{display:grid;gap:8px}
.st-sch__opt{display:grid;grid-template-columns:auto 56px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--mk-line);border-radius:14px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s}
.st-sch__opt:hover{border-color:var(--mk-p)}
.st-sch__opt.is-on{border-color:var(--mk-p);background:var(--mk-pl)}
.st-sch__opt input{width:20px;height:20px;accent-color:var(--mk-p);margin:0}
.st-sch__opt img{width:56px;height:56px;object-fit:contain;background:#fff;border-radius:10px}
.st-sch__on{display:grid;gap:2px;min-width:0}
.st-sch__on b{font-size:15px;line-height:1.3}
.st-sch__on small{font-size:13px;color:var(--mk-soft);line-height:1.35}
.st-sch__on a{font-size:13px;color:var(--mk-p)}
.st-sch__best{justify-self:start;width:max-content;font-style:normal;font-size:12px;font-weight:700;color:#8A5A12;background:#FDF1D8;border-radius:999px;padding:1px 8px;white-space:nowrap}
.st-sch__op{display:grid;justify-items:end;gap:1px;text-align:right;white-space:nowrap}
.st-sch__op b{font-size:16px;color:var(--mk-ink)}.st-sch__op s{font-size:13px;color:var(--mk-soft)}.st-sch__op small{font-size:12px;color:var(--mk-soft)}
.st-sch__add{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--mk-soft);padding:4px 2px;cursor:pointer}
.st-sch__add input{width:18px;height:18px;accent-color:var(--mk-p);margin-top:2px;flex:0 0 auto}
.st-sch__tot{display:grid;gap:10px;background:var(--mk-bg);border-radius:16px;padding:16px}
.st-sch__sum s{font-size:15px;color:var(--mk-soft);font-weight:400;margin-left:6px}
.st-sch__disc{display:grid;grid-template-columns:32px 1fr;gap:10px;margin:0;font-size:13px;color:var(--mk-soft);line-height:1.45}
.st-sch__disc .stq-ic{width:32px;height:32px;fill:none;stroke:var(--mk-p);stroke-width:2.4}.st-sch__disc .stq-ic .f{fill:var(--mk-hl);stroke:none}
@media (max-width:600px){.st-sch__opt{grid-template-columns:auto 48px 1fr;gap:10px}.st-sch__opt img{width:48px;height:48px}.st-sch__op{grid-column:2/-1;justify-items:start;text-align:left;grid-template-columns:auto auto 1fr;gap:8px;align-items:baseline}}
.st-sch__more{justify-self:start;background:none;border:0;padding:6px 2px;min-height:44px;color:var(--mk-p);font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.st-sch__add span{display:block}
.st-mkz-desc{margin:32px 0 0;display:grid;gap:12px}.st-mkz-desc h2{margin:0;font-size:22px}.st-mkz-desc p{margin:0}

/* 19.09: легший вигляд таблиць — у стилі сайту (білий фон, тонкі лінії, м'яке виділення відмінностей) */
.st-mkz-cmp{background:#fff;border-color:var(--mk-line)}
.st-mkz-cmp--wide{padding:4px 0 0;border:0;background:none}
.st-mkz-cmp--wide .st-mkz-cmp__scroll{border:1px solid var(--mk-line);border-radius:16px;background:#fff}
.st-mkz-cmp--wide table{border:0}
.st-mkz-cmp--wide th,.st-mkz-cmp--wide td{border:0;border-bottom:1px solid #EEE8DC;padding:10px 12px;font-size:14px}
.st-mkz-cmp--wide tbody tr:last-child th,.st-mkz-cmp--wide tbody tr:last-child td{border-bottom:0}
.st-mkz-cmp--wide thead th{border-bottom:1px solid var(--mk-line);font-weight:700}
.st-mkz-cmp--wide thead img{width:60px;height:60px;border:1px solid #EEE8DC}
.st-mkz-cmp--wide tbody th{font-weight:500;color:var(--mk-soft)}
.st-mkz-cmp tr.is-diff td{background:none;font-weight:600;color:var(--mk-ink)}
.st-mkz-cmp tr.is-diff th{box-shadow:inset 3px 0 0 var(--mk-hl)}
.st-mkz-cmp__f{font-size:13px}
.st-sch__opt{border-color:#EEE8DC}.st-sch__opt.is-on{background:#F3F7FC}
.st-tier{border-left-width:4px;box-shadow:0 2px 10px rgba(38,48,59,.04)}
@media (max-width:600px){.st-mkz-cmp--wide th,.st-mkz-cmp--wide td{padding:8px 6px;font-size:13px}}

/* 5 варіантів у квізі, бейдж каталогу, заглушка фото, блок «Makerzoid для навчання» в описі товару */
.stq-tiles--5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:900px){.stq-tiles--5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.stq-tiles--5{grid-template-columns:repeat(2,minmax(0,1fr))}}
.st-mkz-badge{display:inline-block;vertical-align:middle;font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.02em;color:var(--st-primary,#3A6EA5);background:var(--st-primary-light,#E4EEF8);border-radius:999px;padding:1px 9px;white-space:nowrap}
.stq-hero .st-mkz-badge{margin-bottom:6px}
.st-mkz-noimg{display:grid;place-items:center;width:100%;height:100%;min-height:56px;aspect-ratio:1;background:var(--st-bg-subtle,#FAF6EE);border-radius:10px}
.st-mkz-noimg .stq-ic{width:44%;height:44%;fill:none;stroke:var(--st-ink-soft,#4F5A66);stroke-width:2;opacity:.55}
.st-sch__opt .st-mkz-noimg{width:56px;height:56px;min-height:0}
.st-sch__on .st-sch__tx{color:var(--mk-ink)}
.st-mkz-edu{margin:28px 0;padding:18px 20px;background:var(--mk-bg);border:1px solid var(--mk-line);border-radius:18px}
.st-mkz-edu h2{margin:0 0 12px;font-size:20px;line-height:1.3}
.st-mkz-edu dl{margin:0;display:grid;gap:0}
.st-mkz-edu dl>div{display:grid;grid-template-columns:minmax(150px,32%) 1fr;gap:14px;padding:9px 0;border-top:1px solid var(--mk-line)}
.st-mkz-edu dl>div:first-child{border-top:0;padding-top:0}
.st-mkz-edu dt{margin:0;font-weight:700;font-size:14px;color:var(--mk-soft)}
.st-mkz-edu dd{margin:0;font-size:15px;line-height:1.5;color:var(--mk-ink)}
.st-mkz-edu__f{margin:14px 0 0;padding:10px 14px;background:#fff;border-radius:12px;font-size:14px;line-height:1.5;color:var(--mk-soft)}
.st-mkz-edu__f a{color:var(--mk-p);font-weight:700;white-space:nowrap}
@media (max-width:600px){.st-mkz-edu{padding:14px}.st-mkz-edu dl>div{grid-template-columns:1fr;gap:2px}.st-mkz-edu__f a{white-space:normal}}
@media (max-width:600px){.st-sch__opt .st-mkz-noimg{width:48px;height:48px}}

/* Мобільний і ПК: таблиці не рвуть слова (горизонтальний скрол таблиці), 4 картки в ряд на ПК, чипи-пресети в один ряд */
@media (min-width:761px){.st-mkz-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:600px){
  .st-mkz-cmp--wide table{min-width:520px}
  .st-mkz-cmp--wide th,.st-mkz-cmp--wide td{overflow-wrap:normal;word-break:normal;-webkit-hyphens:manual;hyphens:manual}
  .st-mkz-cmp--wide tbody th{width:120px}
  .st-mkzc__pre{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
  .st-mkzc__pre .stq-chip{flex:0 0 auto}
  #st-mkzc select{font-size:16px}
  .st-sch__opt{grid-template-columns:auto 1fr;align-items:start}
  .st-sch__opt img,.st-sch__opt .st-mkz-noimg{grid-column:2;grid-row:1;width:64px;height:64px}
  .st-sch__on{grid-column:2}
  .st-sch__op{grid-column:2}
}
#st-mkzc label small{line-height:inherit}
.st-sch__over{color:#8A5A12;font-weight:700}
/* Колонки grid-контейнерів не роздуваються широкою таблицею: скролиться лише таблиця */
.st-mkz .stq-card,.st-mkzc,.st-mkz-desc{grid-template-columns:minmax(0,1fr)}
.st-mkz .stq-card>*,.st-mkzc>*,.st-mkz-desc>*{min-width:0}
/* Підказка, що таблицю можна гортати: тінь праворуч, зникає в кінці прокрутки */
@media (max-width:600px){
  .st-mkz-cmp .st-mkz-cmp__scroll{background:linear-gradient(to left,#fff 30%,rgba(255,255,255,0)) right/24px 100% no-repeat local,radial-gradient(farthest-side at 100% 50%,rgba(38,48,59,.14),transparent) right/10px 100% no-repeat scroll,#fff}
}
/* Техніка для збирання (рішення власника 20.09): на сторінці товару, у підборі й розрахунку */
.st-mkz-dev{display:flex;gap:10px;align-items:flex-start;margin:12px 0;padding:10px 12px;border-radius:12px;background:var(--mk-pl);color:var(--mk-ink);font-size:14px;line-height:1.45}
.st-mkz-dev.is-no{background:#EEF7F0}
.st-mkz-dev .stq-ic,.st-mkz-devline .stq-ic,.st-sch__devnote .stq-ic{flex:0 0 22px;width:22px;height:22px;fill:none;stroke:var(--mk-p);stroke-width:2.4}
.st-mkz-dev .stq-ic .f,.st-mkz-devline .stq-ic .f,.st-sch__devnote .stq-ic .f{fill:var(--mk-pl);stroke:none}
.st-mkz-devline{display:flex;gap:8px;align-items:flex-start;margin:8px 0 0;font-size:13px;line-height:1.4;color:var(--mk-soft)}
small.st-mkz-devline{display:block;margin:4px 0 0}
.st-sch__devnote{display:flex;gap:10px;align-items:flex-start;margin:4px 0 12px;padding:10px 12px;border-radius:12px;background:var(--mk-bg);font-size:13px;line-height:1.45;color:var(--mk-soft)}