Дизайн упаковки
Разработка дизайна упаковки под печать и производство
Создаем оформление коробок и картонной упаковки, которое помогает выделиться на полке, привлекает внимание в магазине, лучше продавать продукт и готово к печати без лишних переделок.
Работаем с задачами разного масштаба: аккуратно разместить логотип, адаптировать готовый макет, подготовить файл к печати или разработать внешний вид упаковки с нуля. Учитываем позиционирование, ценности бренда, категорию товара, ожидания потребителя и реальные условия производства.
логотип
дизайн с нуля
адаптация
макет к печати
Что получите на выходе
концепт и макет упаковки по реальной развёртке;
документ и файл, подготовленные под печать и производство;
визуализацию для согласования, если она нужна;
возможность сразу отправить упаковку в тираж.
Три сценария работы
Не всегда нужно комплексное создание упаковки с нуля. Иногда достаточно аккуратно нанести логотип, привести готовый файл к требованиям печати или грамотно собрать несколько идей в один сильный концепт. Мы поможем выбрать подходящий формат работы для каждого бизнеса.
Нанести логотип
Подходит, если есть фирменный знак, название и базовый брендинг, а коробку нужно оформить быстро и аккуратно.
быстрый старт
Подготовить готовый макет
Проверим и адаптируем файл под развёртку, материал, способ печати, шрифты, вылеты, сгибы и зоны склейки.
меньше риска переделок
Сделать дизайн с нуля
Разработаем оригинальный образ под продукт, целевой сегмент, формат продажи, эмоциональный отклик и дальнейшее производство упаковки.
полная разработка
Когда нужен дизайн упаковки
К нам обращаются, когда упаковка должна выглядеть профессионально, выделяться среди конкурентов, привлечь внимание покупателя и при этом оставаться технологичной для производства. Это особенно важно для коробок с печатью, подарочной упаковки, пищевой продукции, фастфуда, косметики, промышленных товаров и наборов.
Есть логотип, но нет макетаРазместим фирменные элементы на коробке и подготовим аккуратный файл под печать.
Запускаете новый продуктРазработаем внешний вид упаковки с учетом товара, аудитории, категории и формата продажи.
Нужно обновить старый дизайнСохраним узнаваемость бренда, но сделаем упаковку современнее и понятнее.
Макет не готов к печатиИсправим технические ошибки, учтем сгибы, вылеты, зоны склейки и ограничения печати.
Нужна линейка упаковкиАдаптируем стиль под несколько размеров, вкусов, серий, SKU или товарных групп.
Требуется визуализацияПодготовим изображение будущей упаковки для согласования или презентации.
Проще показать задачу? Нажмите кнопку и отправьте логотип, макет или фото упаковки в мессенджер.
Telegram
WhatsApp
Что входит в услугу
Можно заказать полный дизайн или отдельный этап. Команда ПО «Картон» опирается на опыт производства упаковки и подскажет, какой объем работы нужен именно в вашем случае, чтобы не платить за лишнее и получить качественный результат.
Брендирование упаковки
Размещаем логотип, название, контакты, пиктограммы, состав, преимущества и другие детали на готовой конструкции коробки.
Дизайн с нуля
Создаем стиль упаковки: цветовой образ, графический язык, типографику, компоновку и общий характер оформления.
Адаптация дизайна
Переносим существующий дизайн на новую конструкцию, размер, материал, количество SKU или способ печати.
Подготовка к печати
Готовим файл с учетом развёртки, линий реза и сгиба, вылетов, цвета, технических зон и требований производства.
3D-визуализация
Показываем, как упаковка будет выглядеть в объеме, чтобы проще согласовать дизайн до запуска в тираж.
Запуск в производство
После согласования можем передать макет в производство и изготовить упаковку на собственных мощностях в короткое время.
Дизайн упаковки оцениваем не отдельно от коробки, а вместе с материалом, конструкцией, печатью и будущим восприятием готового изделия.
Почему дизайн лучше делать у производителя упаковки
Красивый макет сам по себе еще не гарантирует хороший результат. Упаковка сгибается, склеивается, режется, печатается на конкретном материале и должна нормально собираться в реальном производстве.
В отличие от агентства, которое часто передает только креативную концепцию, мы сразу учитываем конструкцию коробки, зоны склейки, особенности картона, технологию печати и дальнейшее изготовление. Если у заказчика уже есть исследования, стратегия, нейминг или бренд-платформа, мы используем их как основу для дизайна и маркетинговых коммуникаций.
Критерий
Дизайн отдельно от производства
Дизайн в ПО «Картон»
Конструкция
Макет может не учитывать сгибы, клапаны, замки, зоны склейки и реальные условия сборки.
Оформление сразу строится на реальной развёртке коробки.
Печать
Часть решений приходится переделывать под ограничения технологии.
Заранее учитываем флексо, офсет, УФ-лак, ламинацию и другие варианты отделки.
Сроки
После дизайна часто появляется отдельный этап технической доработки.
Макет готовится так, чтобы быстрее перейти к изготовлению.
Результат
Можно получить красивую картинку, которая не соответствует материалу, бюджету или технологии.
Получаете дизайн, привязанный к материалу, тиражу, уровню качества и производственным возможностям.
Макет сразу проверяем в контексте коробки
На этапе дизайна важно видеть не только плоскую картинку, но и будущую упаковку: где будут сгибы, клапаны, зоны склейки, лицевая сторона и технические поля.
Такой подход помогает заранее найти и убрать ключевые слабые места: мелкий текст на сгибе, важные элементы в зоне склейки, лишние цвета, сложную печать или оформление, которое плохо смотрится на выбранном картоне.
В результате дизайн быстрее проходит согласование и спокойнее уходит в производство.
Что проверяем перед печатью
Перед запуском макета важно убрать ошибки, которые на экране почти незаметны, но в тираже могут привести к браку, лишним расходам или повторной подготовке файла. Такой анализ помогает сохранить качество упаковки и сделать процесс производства удобным.
Сгибы и зоны склейкиВажные элементы не должны попадать на клапаны, линии сгиба, реза и места склейки.
Размер текстаПроверяем читаемость мелкого текста, состава, контактов и обязательной информации.
Цвет и печатьУчитываем материал, способ печати, цветовой профиль и производственные ограничения.
Вылеты и поляСверяем технические отступы, безопасные зоны и соответствие файла развёртке.
Композиция на граняхСмотрим, как дизайн распределяется по лицевой, боковым и служебным сторонам, чтобы коммуникации бренда были понятны.
Готовность к производствуФинально сверяем макет с конструкцией, материалом, тиражом и задачей клиента.
Как проходит работа
Получаем задачу
Вы присылаете описание продукта, размеры упаковки, логотип, брендбук, примеры, идеи или пожелания по внешнему виду.
Уточняем производство
Проверяем конструкцию коробки, материал, способ печати, тираж, уровень качества и технические ограничения.
Разрабатываем дизайн
Готовим оформление упаковки или адаптируем существующий макет под нужную развёртку, категорию и позиционирование.
Согласовываем правки
Показываем результат, вносим корректировки и при необходимости готовим визуализацию.
Готовим файл к печати
Проверяем технические зоны, цвета, вылеты, линии реза и сгиба, чтобы макет был готов к производству.
Передаем в производство
После утверждения можем сразу запустить изготовление упаковки на собственных производственных мощностях.
Если у вас еще нет конструкции коробки, начнем с проектирования упаковки, а затем подготовим дизайн под готовую развёртку.
Что можно прислать для расчета и старта работы
Не нужно готовить идеальное техническое задание. Для начала достаточно любых материалов, которые помогут нам понимать продукт, бренд, рынок и будущую упаковку. Работаем с заказчиками из Екатеринбурга, Москвы и других городов России.
Логотип или брендбук
Если брендбука нет, можно прислать только логотип и примеры желаемого стиля.
Фото товара
Поможет понять размер, форму, назначение и то, как упаковка будет восприниматься покупателем.
Размеры коробки
Если размеров пока нет, можем начать с подбора или проектирования конструкции.
Примеры упаковки
Подойдут фотографии, ссылки, референсы, портфолио конкурентов или примеры, которые нравятся по стилю и подаче.
Обязательная информация
Состав, штрихкод, контакты, маркировка, юридические данные и другие элементы для размещения.
Старый макет или образец
Проверим, можно ли его адаптировать, улучшить или подготовить к новому тиражу без потери сильных элементов.
От чего зависит стоимость
Цена зависит от объема задачи: нужно ли просто разместить логотип, адаптировать готовый файл, разработать дизайн с нуля, подготовить визуализацию или собрать линейку упаковки из нескольких позиций и SKU.
Базовая задача
Размещение логотипа, контактов и простой информации на готовой развёртке коробки.
Средний объем
Адаптация существующего дизайна, подготовка к печати, перенос на новый размер или конструкцию.
Индивидуальная разработка
Дизайн с нуля, визуальная система для линейки продукции, 3D-визуализация, дополнительные концепции и подготовка комплекта файлов.
Частые вопросы
Можно ли заказать только нанесение логотипа?
Да. Если полный дизайн не нужен, мы аккуратно разместим логотип и обязательную информацию на коробке.
Что делать, если у нас нет брендбука?
Можно работать без брендбука. Достаточно логотипа, описания продукта и примеров того, какой стиль вам нравится. Дизайнер предложит решение на основе товара, аудитории и задач бизнеса.
Вы можете исправить готовый макет?
Да. Проверим файл, адаптируем его под развёртку, печать и требования производства.
Делаете ли визуализацию до печати?
Да, можем показать внешний вид упаковки в объеме, чтобы упростить согласование, тестирование идей и выбор финального концепта до запуска тиража.
Можно ли сразу заказать производство упаковки?
Да. После утверждения дизайна можем изготовить упаковку на собственном производстве.
Обсудим дизайн вашей упаковки
Пришлите логотип, размеры коробки, фото похожей упаковки или описание товара. Можно связаться по телефону, почте или через мессенджер: менеджер уточнит задачу и подскажет, нужен ли полный дизайн, адаптация макета или только подготовка файла к печати. Так легко начать работу даже без готового технического задания.
+7 (343) 266-31-18
info@po-karton.com
Отправьте материалы в мессенджер
Можно прислать логотип, старый макет, фото товара или пример упаковки. Специалисты посмотрят задачу, учтут тренды вашей категории и подскажут, что нужно: нанести логотип, адаптировать файл или разработать дизайн с нуля.
Telegram
WhatsApp
Смотрите также
Если задача шире, чем оформление готовой коробки, можно перейти к разработке конструкции или сразу посмотреть основные виды упаковки в каталоге.
Проектирование конструкции упаковки
Если нужно подобрать форму, размеры, клапаны, замки и прочность коробки под конкретный товар.
Полиграфическая упаковка
Примеры упаковки с печатью для пищевых, подарочных, медицинских, промышленных и других товаров.
Гофропродукция
Короба, лотки, коробки для пиццы, шкатулки, сундучки, уголки и другие виды гофроупаковки.
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "WebPage",
"@id": "https://po-karton.com/services/dizaynerskie_uslugi/#webpage",
"url": "https://po-karton.com/services/dizaynerskie_uslugi/",
"name": "Разработка дизайна упаковки",
"description": "Разработка дизайна упаковки под печать и производство: создание концепции, брендирование, дизайн с нуля, адаптация макета, подготовка к печати, 3D-визуализация и запуск упаковки в тираж.",
"inLanguage": "ru-RU",
"isPartOf": {
"@id": "https://po-karton.com/#website"
},
"about": {
"@id": "https://po-karton.com/services/dizaynerskie_uslugi/#service"
},
"publisher": {
"@id": "https://po-karton.com/#organization"
},
"primaryImageOfPage": {
"@id": "https://po-karton.com/services/dizaynerskie_uslugi/#primaryimage"
},
"breadcrumb": {
"@id": "https://po-karton.com/services/dizaynerskie_uslugi/#breadcrumb"
},
"mainEntity": {
"@id": "https://po-karton.com/services/dizaynerskie_uslugi/#service"
}
},
{
"@type": "Service",
"@id": "https://po-karton.com/services/dizaynerskie_uslugi/#service",
"name": "Разработка дизайна упаковки",
"serviceType": "Дизайн упаковки",
"url": "https://po-karton.com/services/dizaynerskie_uslugi/",
"provider": {
"@id": "https://po-karton.com/#organization"
},
"areaServed": {
"@type": "Country",
"name": "Россия"
},
"description": "Разрабатываем дизайн упаковки под продукт, печать и производство: анализируем задачу, учитываем позиционирование, целевую аудиторию, категорию товара и конкурентов, размещаем логотип, создаем дизайн с нуля, адаптируем готовые макеты, готовим файлы к печати и делаем 3D-визуализацию.",
"category": [
"Дизайн упаковки",
"Полиграфическая упаковка",
"Картонная упаковка",
"Подготовка макета к печати"
],
"hasOfferCatalog": {
"@type": "OfferCatalog",
"name": "Работы по дизайну упаковки",
"itemListElement": [
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "Брендирование упаковки",
"description": "Размещение логотипа, контактов, пиктограмм и другой информации на готовой конструкции коробки."
}
},
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "Разработка дизайна упаковки с нуля",
"description": "Создание стиля упаковки: цветовая система, графика, типографика, компоновка, визуальная иерархия и общий характер оформления."
}
},
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "Адаптация дизайна упаковки",
"description": "Перенос существующего дизайна на новую конструкцию, размер, материал или способ печати."
}
},
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "Подготовка макета к печати",
"description": "Подготовка файла с учетом развёртки, линий реза и сгиба, вылетов, цвета и технических зон."
}
},
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "3D-визуализация упаковки",
"description": "Визуализация внешнего вида упаковки в объеме до запуска в тираж."
}
}
]
}
},
{
"@type": "ImageObject",
"@id": "https://po-karton.com/services/dizaynerskie_uslugi/#primaryimage",
"url": "https://po-karton.com/upload/medialibrary/razrabotka-dizajna-upakovki_1.png",
"contentUrl": "https://po-karton.com/upload/medialibrary/razrabotka-dizajna-upakovki_1.png",
"caption": "Рабочий процесс разработки дизайна упаковки с развёрткой коробки и образцами картона"
},
{
"@type": "ImageObject",
"@id": "https://po-karton.com/services/dizaynerskie_uslugi/#processimage",
"url": "https://po-karton.com/upload/medialibrary/d21/1wy1m4n648seo7je2hb3gp5q9ewolbaj.jpg",
"contentUrl": "https://po-karton.com/upload/medialibrary/d21/1wy1m4n648seo7je2hb3gp5q9ewolbaj.jpg",
"caption": "Пример разработки дизайна и подготовки упаковки к производству"
},
{
"@type": "FAQPage",
"@id": "https://po-karton.com/services/dizaynerskie_uslugi/#faq",
"mainEntity": [
{
"@type": "Question",
"name": "Можно ли заказать только нанесение логотипа?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Да. Если полный дизайн не нужен, мы аккуратно разместим логотип и обязательную информацию на коробке."
}
},
{
"@type": "Question",
"name": "Что делать, если у нас нет брендбука?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Можно работать без брендбука. Достаточно логотипа, описания продукта и примеров того, какой стиль вам нравится."
}
},
{
"@type": "Question",
"name": "Вы можете исправить готовый макет?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Да. Проверим файл, адаптируем его под развёртку, печать и требования производства."
}
},
{
"@type": "Question",
"name": "Делаете ли визуализацию до печати?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Да, можем показать внешний вид упаковки в объеме, чтобы упростить согласование до запуска тиража."
}
},
{
"@type": "Question",
"name": "Можно ли сразу заказать производство упаковки?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Да. После утверждения дизайна можем изготовить упаковку на собственном производстве."
}
}
]
},
{
"@type": "BreadcrumbList",
"@id": "https://po-karton.com/services/dizaynerskie_uslugi/#breadcrumb",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Главная",
"item": "https://po-karton.com/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Услуги",
"item": "https://po-karton.com/services/"
},
{
"@type": "ListItem",
"position": 3,
"name": "Разработка дизайна упаковки",
"item": "https://po-karton.com/services/dizaynerskie_uslugi/"
}
]
}
]
}
.pk-service {
--pk-accent: #f78e16;
--pk-accent-dark: #d37407;
--pk-accent-soft: #fff4e8;
--pk-secondary: #2F5D5A;
--pk-secondary-dark: #234744;
--pk-secondary-soft: #EAF2F1;
--pk-text: #2f3337;
--pk-muted: #626b73;
--pk-line: #e7eaee;
--pk-soft: #f7f8fa;
--pk-white: #fff;
--pk-radius: 8px;
--pk-shadow: 0 6px 22px rgba(33, 37, 41, 0.07);
margin: 28px 0 0;
color: var(--pk-text);
font-family: inherit;
}
.pk-service * {
box-sizing: border-box;
}
.pk-service p {
margin: 0 0 12px;
color: var(--pk-muted);
font-size: 15px;
line-height: 1.65;
}
.pk-service h2,
.pk-service h3,
.pk-service h4 {
margin: 0;
color: var(--pk-text);
line-height: 1.3;
}
.pk-service ul,
.pk-service ol {
margin: 12px 0 0;
padding-left: 20px;
}
.pk-service li {
margin: 0 0 8px;
color: var(--pk-muted);
line-height: 1.55;
}
.pk-hero,
.pk-box,
.pk-photo-brief,
.pk-cta,
.pk-compare {
margin: 0 0 42px;
}
.pk-hero {
position: relative;
overflow: hidden;
padding: 32px;
background:
linear-gradient(135deg, rgba(47, 93, 90, 0.12) 0%, rgba(47, 93, 90, 0.04) 100%),
var(--pk-white);
border: 1px solid var(--pk-line);
border-radius: var(--pk-radius);
box-shadow: var(--pk-shadow);
}
.pk-hero:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 5px;
height: 100%;
background: var(--pk-secondary);
}
.pk-hero-content {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(280px, 0.42fr);
gap: 24px;
align-items: start;
}
.pk-eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0 0 12px;
color: var(--pk-secondary-dark);
font-size: 13px;
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase;
}
.pk-eyebrow .fa {
color: var(--pk-accent);
}
.pk-hero h2 {
max-width: 860px;
margin: 0 0 14px;
font-size: 30px;
font-weight: 700;
}
.pk-hero-lead {
max-width: 850px;
margin-bottom: 14px;
color: #42484e;
font-size: 17px;
}
.pk-hero-result {
padding: 20px;
background: rgba(255, 255, 255, 0.78);
border: 1px solid rgba(47, 93, 90, 0.18);
border-radius: var(--pk-radius);
box-shadow: 0 8px 22px rgba(47, 93, 90, 0.08);
}
.pk-hero-result h3 {
margin: 0 0 12px;
color: var(--pk-secondary-dark);
font-size: 18px;
font-weight: 700;
}
.pk-result-list {
display: grid;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.pk-result-list li,
.pk-result-item {
display: flex;
gap: 9px;
margin: 0;
padding: 0;
color: var(--pk-text);
font-size: 14px;
line-height: 1.45;
list-style: none;
}
.pk-result-list li:before,
.pk-result-item:before {
display: none !important;
content: none !important;
}
.pk-result-list .fa {
flex: 0 0 auto;
margin-top: 3px;
color: var(--pk-accent);
}
.pk-badges {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 18px 0 0;
}
.pk-badges span {
display: inline-flex;
align-items: center;
min-height: 32px;
padding: 6px 10px;
color: #3d3d3d;
background: var(--pk-accent-soft);
border: 1px solid rgba(247, 142, 22, 0.24);
border-radius: 6px;
font-size: 13px;
font-weight: 700;
line-height: 1.25;
}
.pk-box {
padding: 26px;
background: var(--pk-white);
border: 1px solid var(--pk-line);
border-radius: var(--pk-radius);
box-shadow: var(--pk-shadow);
}
.pk-section-title {
display: flex;
align-items: flex-start;
gap: 10px;
margin-bottom: 14px;
}
.pk-section-title .fa {
flex: 0 0 auto;
margin-top: 5px;
color: var(--pk-accent);
font-size: 18px;
}
.pk-section-title.pk-section-title-secondary .fa {
color: var(--pk-secondary);
}
.pk-section-title h2,
.pk-section-title h3 {
font-size: 24px;
font-weight: 700;
}
.pk-grid-2,
.pk-grid-3,
.pk-grid-4 {
display: grid;
gap: 16px;
margin-top: 18px;
}
.pk-grid-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.pk-grid-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.pk-grid-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.pk-split-list,
.pk-check-list,
.pk-input-list {
display: grid;
gap: 12px;
margin-top: 18px;
}
.pk-split-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.pk-check-list {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.pk-input-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.pk-list-item,
.pk-check-item,
.pk-input-item {
display: flex;
gap: 10px;
align-items: flex-start;
min-width: 0;
color: var(--pk-muted);
line-height: 1.55;
}
.pk-list-item .fa,
.pk-check-item .fa,
.pk-input-item .fa {
flex: 0 0 auto;
margin-top: 4px;
color: var(--pk-accent);
}
.pk-theme-secondary .pk-list-item .fa,
.pk-theme-secondary .pk-check-item .fa,
.pk-theme-secondary .pk-input-item .fa {
color: var(--pk-secondary);
}
.pk-list-item strong,
.pk-check-item strong,
.pk-input-item strong {
display: block;
margin-bottom: 2px;
color: var(--pk-text);
}
.pk-card {
position: relative;
min-width: 0;
height: 100%;
padding: 20px;
background: var(--pk-soft);
border: 1px solid var(--pk-line);
border-radius: var(--pk-radius);
transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
.pk-scenario-card {
display: flex;
flex-direction: column;
}
.pk-card:before {
content: "";
position: absolute;
top: 16px;
bottom: 16px;
left: 0;
width: 4px;
background: var(--pk-accent);
border-radius: 0 4px 4px 0;
}
.pk-card:hover {
transform: translateY(-3px);
border-color: rgba(247, 142, 22, 0.55);
box-shadow: 0 10px 24px rgba(33, 37, 41, 0.09);
}
.pk-card-title {
display: flex;
align-items: flex-start;
gap: 9px;
margin: 0 0 10px;
color: var(--pk-text);
font-size: 16px;
font-weight: 700;
line-height: 1.35;
}
.pk-card-title .fa {
flex: 0 0 auto;
margin-top: 3px;
color: var(--pk-accent);
font-size: 16px;
}
.pk-card p:last-child,
.pk-box p:last-child {
margin-bottom: 0;
}
.pk-theme-secondary .pk-card:before {
background: var(--pk-secondary);
}
.pk-theme-secondary .pk-card:hover {
border-color: rgba(47, 93, 90, 0.45);
}
.pk-theme-secondary .pk-card-title .fa {
color: var(--pk-secondary);
}
.pk-card-note {
display: inline-flex;
align-items: center;
min-height: 32px;
align-self: flex-start;
margin-top: auto;
padding: 6px 10px;
color: #3d3d3d;
background: var(--pk-accent-soft);
border: 1px solid rgba(247, 142, 22, 0.24);
border-radius: 6px;
font-size: 13px;
font-weight: 700;
line-height: 1.25;
}
.pk-messenger {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 20px;
align-items: center;
margin: 0 0 42px;
padding: 24px 26px;
background: var(--pk-white);
border: 1px solid var(--pk-line);
border-radius: var(--pk-radius);
box-shadow: var(--pk-shadow);
}
.pk-messenger h2 {
margin: 0 0 8px;
color: var(--pk-text);
font-size: 24px;
}
.pk-messenger p {
margin: 0;
}
.pk-messenger-actions {
display: grid;
grid-template-columns: repeat(2, minmax(150px, 1fr));
gap: 10px;
}
.pk-messenger-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 46px;
padding: 10px 16px;
color: #fff;
border-radius: 6px;
font-size: 14px;
font-weight: 700;
line-height: 1.2;
text-align: center;
text-decoration: none;
transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.pk-messenger-btn:hover,
.pk-messenger-btn:focus {
color: #fff;
text-decoration: none;
transform: translateY(-2px);
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.14);
}
.pk-messenger-btn img,
.pk-messenger-mini-btn img {
display: block;
flex: 0 0 auto;
width: 20px;
height: 20px;
object-fit: contain;
}
.pk-messenger-telegram {
background: #27A8E9;
}
.pk-messenger-whatsapp {
background: #54CC61;
}
.pk-messenger-mini {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 16px;
align-items: center;
margin-top: 22px;
padding: 16px 18px;
background: rgba(255, 255, 255, 0.7);
border: 1px solid rgba(47, 93, 90, 0.2);
border-radius: var(--pk-radius);
}
.pk-messenger-mini p {
margin: 0;
color: var(--pk-text);
font-size: 14px;
}
.pk-messenger-mini-actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: flex-end;
}
.pk-messenger-mini-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
min-height: 38px;
padding: 8px 12px;
color: #fff;
border-radius: 6px;
font-size: 13px;
font-weight: 700;
line-height: 1.2;
text-align: center;
text-decoration: none;
transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.pk-messenger-mini-btn:hover,
.pk-messenger-mini-btn:focus {
color: #fff;
text-decoration: none;
transform: translateY(-2px);
box-shadow: 0 7px 16px rgba(0, 0, 0, 0.12);
}
.pk-note {
margin-top: 14px;
padding: 14px 16px;
color: #3f454b;
background: var(--pk-secondary-soft);
border: 1px solid rgba(47, 93, 90, 0.24);
border-radius: var(--pk-radius);
font-weight: 700;
line-height: 1.55;
}
.pk-note .fa {
margin-right: 8px;
color: var(--pk-secondary);
}
.pk-photo-brief {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
gap: 20px;
align-items: stretch;
padding: 24px;
background: var(--pk-white);
border: 1px solid var(--pk-line);
border-radius: var(--pk-radius);
box-shadow: var(--pk-shadow);
}
.pk-photo-frame,
.pk-image-strip {
overflow: hidden;
border-radius: var(--pk-radius);
background: var(--pk-soft);
}
.pk-photo-frame img,
.pk-image-strip img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.pk-photo-frame {
min-height: 300px;
}
.pk-photo-brief h3 {
margin: 0 0 10px;
font-size: 20px;
}
.pk-photo-brief p {
font-size: 14px;
}
.pk-image-strip {
margin: 20px 0 0;
border: 1px solid var(--pk-line);
}
.pk-image-strip img {
height: 360px;
}
.pk-image-caption {
margin: 0;
padding: 12px 14px;
color: var(--pk-muted);
background: #fff;
border-top: 1px solid var(--pk-line);
font-size: 13px;
line-height: 1.45;
}
.pk-steps {
counter-reset: pk-step;
}
.pk-step {
position: relative;
padding-left: 52px;
}
.pk-step:before {
counter-increment: pk-step;
content: counter(pk-step);
position: absolute;
top: 18px;
left: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
color: #fff;
background: var(--pk-accent);
border-radius: 50%;
font-size: 13px;
font-weight: 700;
}
.pk-compare {
overflow: hidden;
background: var(--pk-white);
border: 1px solid var(--pk-line);
border-radius: var(--pk-radius);
box-shadow: var(--pk-shadow);
}
.pk-compare table {
width: 100%;
border-collapse: collapse;
}
.pk-compare th,
.pk-compare td {
padding: 16px;
border-right: 1px solid var(--pk-line);
border-bottom: 1px solid var(--pk-line);
color: var(--pk-muted);
line-height: 1.55;
text-align: left;
vertical-align: top;
}
.pk-compare th {
color: var(--pk-text);
background: var(--pk-soft);
font-weight: 700;
}
.pk-compare th:last-child,
.pk-compare td:last-child {
border-right: 0;
}
.pk-compare tr:last-child td {
border-bottom: 0;
}
.pk-compare td:first-child {
color: var(--pk-text);
font-weight: 700;
}
.pk-compare th:nth-child(3) {
background: var(--pk-secondary-soft);
}
.pk-compare td:nth-child(3) {
background: rgba(47, 93, 90, 0.07);
}
.pk-accent-text {
color: var(--pk-secondary-dark);
font-weight: 700;
}
.pk-faq-item {
padding: 16px 0;
border-top: 1px solid var(--pk-line);
}
.pk-link-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
margin-top: 18px;
}
.pk-link-card {
display: block;
min-height: 100%;
padding: 18px;
color: var(--pk-text);
background: var(--pk-soft);
border: 1px solid var(--pk-line);
border-radius: var(--pk-radius);
text-decoration: none;
transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
.pk-link-card:hover,
.pk-link-card:focus {
color: var(--pk-text);
border-color: rgba(47, 93, 90, 0.45);
box-shadow: 0 10px 24px rgba(33, 37, 41, 0.09);
text-decoration: none;
transform: translateY(-3px);
}
.pk-link-card-title {
display: flex;
align-items: flex-start;
gap: 9px;
margin-bottom: 8px;
font-weight: 700;
line-height: 1.35;
}
.pk-link-card-title .fa {
flex: 0 0 auto;
margin-top: 3px;
color: var(--pk-secondary);
}
.pk-link-card p {
margin: 0;
font-size: 14px;
}
.pk-faq-item:first-of-type {
border-top: 0;
padding-top: 0;
}
.pk-faq-item:last-child {
padding-bottom: 0;
}
.pk-faq-item h4 {
margin: 0 0 7px;
font-size: 16px;
font-weight: 700;
}
.pk-cta {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 20px;
align-items: center;
padding: 26px;
color: #fff;
background: linear-gradient(120deg, var(--pk-accent), var(--pk-accent-dark));
border-radius: var(--pk-radius);
box-shadow: 0 10px 28px rgba(247, 142, 22, 0.24);
}
.pk-cta h2 {
margin: 0 0 8px;
color: #fff;
font-size: 24px;
}
.pk-cta p {
margin: 0;
color: rgba(255, 255, 255, 0.92);
}
.pk-cta-actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: flex-end;
}
.pk-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 44px;
padding: 10px 16px;
color: var(--pk-text);
background: #fff;
border: 1px solid rgba(255, 255, 255, 0.8);
border-radius: 6px;
font-size: 14px;
font-weight: 700;
line-height: 1.2;
text-align: center;
text-decoration: none;
transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.pk-btn:hover,
.pk-btn:focus {
color: var(--pk-text);
text-decoration: none;
transform: translateY(-2px);
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
}
.pk-btn-secondary {
color: #fff;
background: rgba(255, 255, 255, 0.12);
}
.pk-btn-secondary:hover,
.pk-btn-secondary:focus {
color: #fff;
}
@media (max-width: 1024px) {
.pk-hero-content {
grid-template-columns: 1fr;
}
.pk-messenger {
grid-template-columns: 1fr;
}
.pk-messenger-mini {
grid-template-columns: 1fr;
}
.pk-messenger-actions {
max-width: 420px;
}
.pk-messenger-mini-actions {
justify-content: flex-start;
}
.pk-grid-4 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.pk-check-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.pk-grid-3 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.pk-photo-brief,
.pk-cta {
grid-template-columns: 1fr;
}
.pk-cta-actions {
justify-content: flex-start;
}
}
@media (max-width: 700px) {
.pk-hero,
.pk-box,
.pk-photo-brief,
.pk-cta,
.pk-messenger {
padding: 20px;
}
.pk-hero h2 {
font-size: 24px;
}
.pk-hero-lead {
font-size: 15px;
}
.pk-section-title h2,
.pk-section-title h3,
.pk-cta h2,
.pk-messenger h2 {
font-size: 21px;
}
.pk-grid-2,
.pk-grid-3,
.pk-grid-4,
.pk-split-list,
.pk-check-list,
.pk-input-list,
.pk-link-grid {
grid-template-columns: 1fr;
}
.pk-compare {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.pk-compare table {
min-width: 720px;
}
.pk-btn,
.pk-cta-actions {
width: 100%;
}
.pk-messenger-actions {
grid-template-columns: 1fr;
max-width: none;
}
.pk-messenger-mini-actions,
.pk-messenger-mini-btn {
width: 100%;
}
}