diff --git a/app/components/catalog/CatalogConfigurator.vue b/app/components/catalog/CatalogConfigurator.vue
index 0e0cd82..c186331 100644
--- a/app/components/catalog/CatalogConfigurator.vue
+++ b/app/components/catalog/CatalogConfigurator.vue
@@ -50,6 +50,12 @@ const DEFAULT_CATALOG_PRODUCT_TYPE_SETTING: CatalogProductTypeSettingNode = {
   customLengthStepM: null,
   allowCustomSleeveBrand: false,
   allowCustomLabel: false,
+  widthOptionsMm: [],
+  lengthOptionsM: [],
+  thicknessOptionsMicron: [],
+  sleeveOptions: [],
+  colorOptions: [],
+  labelOptions: [],
 };
 const parameterFields: Array<{ key: ParamFieldKey; label: string }> = [
   { key: 'widthMm', label: 'Ширина' },
@@ -481,23 +487,75 @@ function variantCountLabel(count: number) {
   return `${count} вариантов`;
 }
 
-function customizationNotes(group: ProductGroup) {
-  const setting = groupCatalogSetting(group);
-  const notes: string[] = [];
+function formatLengthRange(setting: CatalogProductTypeSettingNode) {
+  if (!setting.customLengthMinM || !setting.customLengthMaxM || !setting.customLengthStepM) {
+    return null;
+  }
 
-  if (setting.allowCustomLength && setting.customLengthMinM && setting.customLengthMaxM && setting.customLengthStepM) {
-    notes.push(`Любая длина ${setting.customLengthMinM}-${setting.customLengthMaxM} м, шаг ${setting.customLengthStepM} м`);
+  return `${setting.customLengthMinM}-${setting.customLengthMaxM} м, шаг ${setting.customLengthStepM} м`;
+}
+
+function fieldHelperText(group: ProductGroup, field: ParamFieldKey) {
+  const setting = groupCatalogSetting(group);
+
+  if (field === 'widthMm') {
+    return 'Ширина рулона. От неё зависит, насколько широкую полосу материала вы получите.';
+  }
+
+  if (field === 'lengthM') {
+    const customRange = formatLengthRange(setting);
+    if (setting.allowCustomLength && customRange) {
+      return `Выберите стандартную длину или закажите свою. Доступный диапазон: ${customRange}.`;
+    }
+
+    return 'Длина рулона в метрах. Здесь выбирается стандартный доступный размер.';
+  }
+
+  if (field === 'thicknessMicron') {
+    return 'Толщина материала. Чем выше значение, тем плотнее и заметнее сама лента.';
+  }
+
+  if (field === 'sleeveBrand') {
+    if (setting.allowCustomSleeveBrand) {
+      return 'Тип втулки внутри рулона. При необходимости можем сделать втулку с вашим логотипом.';
+    }
+
+    return 'Тип втулки внутри рулона. Выберите подходящий стандартный вариант.';
+  }
+
+  if (field === 'colorTag') {
+    return 'Цвет или визуальное исполнение ленты. Он влияет на внешний вид готового продукта.';
+  }
+
+  if (field === 'labelTag') {
+    if (setting.allowCustomLabel) {
+      return 'Готовая надпись или маркировка. Если нужно, можем нанести и вашу собственную надпись.';
+    }
+
+    return 'Готовая надпись или маркировка на ленте для стандартных сценариев использования.';
+  }
+
+  return 'Выберите подходящий параметр для этой позиции.';
+}
+
+function customizationDetails(group: ProductGroup) {
+  const setting = groupCatalogSetting(group);
+  const details: string[] = [];
+  const customRange = formatLengthRange(setting);
+
+  if (setting.allowCustomLength && customRange) {
+    details.push(`Длина под заказ: ${customRange}.`);
   }
 
   if (setting.allowCustomSleeveBrand) {
-    notes.push('Втулка с логотипом');
+    details.push('Втулка под заказ: можно сделать с вашим логотипом.');
   }
 
   if (setting.allowCustomLabel) {
-    notes.push('Нанесение надписи');
+    details.push('Надпись под заказ: можно нанести вашу маркировку или текст.');
   }
 
-  return notes;
+  return details;
 }
 
 function toggleExpanded(group: ProductGroup) {
@@ -572,48 +630,63 @@ function decrementSelected(group: ProductGroup) {
           <div class="p-4 md:p-5 xl:col-span-4">
             <div class="mb-4">
               <h2 class="text-2xl font-bold text-[#163624]">{{ group.typeLabel }}</h2>
-              <div v-if="customizationNotes(group).length" class="mt-3 flex flex-wrap gap-2">
-                <span
-                  v-for="note in customizationNotes(group)"
-                  :key="`${group.key}-${note}`"
-                  class="rounded-full bg-[#eef8f1] px-3 py-1 text-xs font-semibold text-[#15613d]"
-                >
-                  {{ note }}
-                </span>
+              <p class="mt-2 max-w-3xl text-sm leading-6 text-[#5d7468]">
+                Выберите параметры внутри карточки, а ниже при необходимости можно открыть полный список вариантов по этой позиции.
+              </p>
+
+              <div v-if="customizationDetails(group).length" class="mt-4 rounded-[24px] bg-[#eef8f1] p-4">
+                <p class="text-xs font-bold uppercase tracking-[0.12em] text-[#15613d]">Под заказ</p>
+                <div class="mt-3 flex flex-wrap gap-2">
+                  <span
+                    v-for="note in customizationDetails(group)"
+                    :key="`${group.key}-${note}`"
+                    class="rounded-full bg-white px-3 py-1 text-xs font-semibold text-[#15613d]"
+                  >
+                    {{ note }}
+                  </span>
+                </div>
               </div>
             </div>
 
-            <div class="grid content-start gap-4 md:grid-cols-2 2xl:grid-cols-3">
+            <div class="space-y-3">
               <div
                 v-for="field in visibleFields(group)"
                 :key="`${group.key}-${field.key}`"
                 class="rounded-[22px] border border-base-200 bg-[#fbfcfb] p-4"
               >
-                <p class="text-sm font-semibold text-[#163624]">{{ field.label }}</p>
+                <div class="grid gap-4 xl:grid-cols-[minmax(0,1fr)_260px] xl:items-start">
+                  <div>
+                    <p class="text-sm font-semibold text-[#163624]">{{ field.label }}</p>
 
-                <div class="mt-3 flex flex-wrap gap-2">
-                  <label
-                    v-for="option in getAllFieldOptions(group, field.key)"
-                    :key="`${group.key}-${field.key}-${option}`"
-                    class="btn btn-sm rounded-full text-sm normal-case shadow-none transition"
-                    :class="[
-                      getGroupState(group)[field.key] === option
-                        ? 'bg-neutral text-neutral-content'
-                        : isOptionAvailable(group, field.key, option)
-                          ? 'bg-base-100 text-base-content hover:bg-base-200'
-                          : 'bg-[#eef1f4] text-[#7b8591] hover:bg-[#e3e7eb]',
-                      'cursor-pointer',
-                    ]"
-                  >
-                    <input
-                      type="radio"
-                      class="sr-only"
-                      :name="`${group.key}-${field.key}`"
-                      :checked="getGroupState(group)[field.key] === option"
-                      @change="updateField(group, field.key, option)"
-                    >
-                    <span>{{ formatOptionLabel(field.key, option) }}</span>
-                  </label>
+                    <div class="mt-3 flex flex-wrap gap-2">
+                      <label
+                        v-for="option in getAllFieldOptions(group, field.key)"
+                        :key="`${group.key}-${field.key}-${option}`"
+                        class="btn btn-sm rounded-full text-sm normal-case shadow-none transition"
+                        :class="[
+                          getGroupState(group)[field.key] === option
+                            ? 'bg-neutral text-neutral-content'
+                            : isOptionAvailable(group, field.key, option)
+                              ? 'bg-base-100 text-base-content hover:bg-base-200'
+                              : 'bg-[#eef1f4] text-[#7b8591] hover:bg-[#e3e7eb]',
+                          'cursor-pointer',
+                        ]"
+                      >
+                        <input
+                          type="radio"
+                          class="sr-only"
+                          :name="`${group.key}-${field.key}`"
+                          :checked="getGroupState(group)[field.key] === option"
+                          @change="updateField(group, field.key, option)"
+                        >
+                        <span>{{ formatOptionLabel(field.key, option) }}</span>
+                      </label>
+                    </div>
+                  </div>
+
+                  <div class="rounded-[18px] bg-white p-3 text-sm leading-6 text-[#5d7468]">
+                    {{ fieldHelperText(group, field.key) }}
+                  </div>
                 </div>
               </div>
             </div>
@@ -624,6 +697,10 @@ function decrementSelected(group: ProductGroup) {
               <div />
 
               <div class="space-y-3">
+                <div class="rounded-[22px] bg-[#f5faf7] px-4 py-3 text-center text-sm font-medium text-[#4c6a5a]">
+                  Артикул: <span class="font-semibold text-[#163624]">{{ articleLabel(group) }}</span>
+                </div>
+
                 <button
                   v-if="selectedQty(group) === 0"
                   class="btn h-11 w-full rounded-full border-0 bg-[#139957] text-sm font-semibold text-white hover:bg-[#0d854a]"
@@ -648,8 +725,6 @@ function decrementSelected(group: ProductGroup) {
                     </button>
                   </div>
                 </div>
-
-                <p class="text-center text-sm font-medium text-base-content/55">{{ articleLabel(group) }}</p>
               </div>
             </div>
           </aside>