/* Центр Кирпича — OpenCart 4 оформление, повторяет ck.i38k.ru (WordPress/Riode) */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-cyrillic-400.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-cyrillic-500.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-latin-500.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-cyrillic-600.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-latin-600.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/inter-cyrillic-700.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/inter-latin-700.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}



/* ===== с ck.i38k.ru: css-ck-hero-slider-css.css ===== */

/* Кадр на всю ширину колонки, но ниже, чем 3:2.
   У предметных фото сверху много пустого фона — его срезаем,
   чтобы под баннером был виден первый ряд товаров.
   3:1 при ширине колонки ~1100 px даёт высоту около 370 px. */
.ck-hslider {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: none;
	margin: 0;
	container-type: inline-size;
}

/* Как у логотипов и видео: лента сама прокручивается пальцем.
   Полоса прокрутки спрятана, слайд прилипает к краю.
   overscroll-behavior-x не отдаёт жест браузеру (назад/вперёд). */
.ck-hslider__viewport {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-ms-overflow-style: none;
	overscroll-behavior-x: contain;
}

.ck-hslider__viewport::-webkit-scrollbar { display: none; }

.ck-hslider__track { display: flex; }

.ck-hslide, .ck-hslide--static {
	position: relative;
	flex: 0 0 100%;
	max-width: 100%;
	display: flex;
	flex-direction: column;
	background: transparent;
	color: inherit;
	text-decoration: none;
	scroll-snap-align: start;
	scroll-snap-stop: always;
}

.ck-hslide__frame {
	display: block;
	aspect-ratio: 5000 / 1729;
	background: #f3f3f3;
	overflow: hidden;
}

/* Глобальный сброс темы img{height:auto} иначе ломает cover. */
.ck-hslide__img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center center;
	transition: transform .45s ease;
}

/* Старые широкие склейки уже без верхнего поля — их не сдвигаем вниз.
   Третий кадр (2400×1600) держим так, чтобы срезался пустой верх. */
.ck-hslide:nth-child(1) .ck-hslide__img { object-position: center center; }
.ck-hslide:nth-child(2) .ck-hslide__img { object-position: center center; }
.ck-hslide:nth-child(3) .ck-hslide__img { object-position: center center; }

/* Увеличение при наведении снято: на баннерах с рекламной маркировкой
   оно срезало бы строку «Реклама… erid» у нижнего края. */

.ck-hslide__caption {
	display: block;
	padding: 10px 8px 2px;
	background: transparent;
	border: 0;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .04em;
	line-height: 1.3;
	color: #262626;
	text-align: center;
}

.ck-hslide:hover .ck-hslide__caption { color: #111; }

/* Стрелки на краях фото, по вертикали середина кадра 5000:1729. */
.ck-hslider__arrow {
	position: absolute;
	top: calc(100cqw * 1729 / 10000);
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin-top: -22px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .92);
	color: #1a1a1a;
	cursor: pointer;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
	transition: background-color .2s ease, color .2s ease;
}

.ck-hslider__arrow:hover { background: #1a1a1a; color: #fff; }

.ck-hslider__arrow--prev { left: 18px; }
.ck-hslider__arrow--next { right: 18px; }

.ck-hslider__arrow::before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
}

.ck-hslider__arrow--prev::before {
	transform: rotate(-135deg);
	margin-left: -1px;
}

.ck-hslider__arrow--next::before {
	transform: rotate(45deg);
	margin-left: 1px;
}

.ck-hslider.is-static .ck-hslider__arrow { display: none; }

@media (max-width: 767px) {
	.ck-hslide__caption { font-size: 13px; letter-spacing: .03em; padding: 8px 8px 0; }
	.ck-hslider__arrow { width: 36px; height: 36px; margin-top: -18px; }
	.ck-hslider__arrow--prev { left: 10px; }
	.ck-hslider__arrow--next { right: 10px; }
}

/* ===== с ck.i38k.ru: css-ck-video-css.css ===== */

/* ============================================================
   Видео в блоках (2026-10-05)
   Обложка с кнопкой воспроизведения; плеер грузится по нажатию.
   ============================================================ */

.ck-video {
    margin: 0;
}

/* Рамка держит пропорции 16:9 при любой ширине. */
.ck-video__frame {
    position: relative;
    overflow: hidden;
    border-radius: 2px;
    background: #000;
}

.ck-video__frame::before {
    content: "";
    display: block;
    padding-top: 56.25%;   /* 9 / 16 */
}

.ck-video__frame iframe,
.ck-video__poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Обложка: картинка на весь блок, по центру. */
.ck-video__poster {
    padding: 0;
    background-color: #1A1A1A;
    background-size: cover;
    background-position: center center;
    cursor: pointer;
    transition: opacity .2s ease;
}

.ck-video__poster:hover {
    opacity: .92;
}

/* Кнопка воспроизведения: белый круг с треугольником, по центру. */
.ck-video__play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 72px;
    height: 72px;
    margin: -36px 0 0 -36px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .3);
    transition: transform .2s ease, background-color .2s ease;
}

.ck-video__poster:hover .ck-video__play {
    transform: scale(1.06);
    background: #fff;
}

/* Треугольник внутри круга. */
.ck-video__play::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -7px;
    border-style: solid;
    border-width: 12px 0 12px 20px;
    border-color: transparent transparent transparent #1A1A1A;
}

/* Подпись под плеером. */
.ck-video__title {
    margin: 14px 0 0;
    font-size: 15px;
    line-height: 1.5;
    color: #262626;
    text-align: center;
}

/* Два видео в ряд: на широком экране в две колонки, дальше — в одну. */
.ck-video-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 40px;
}

/* === Карусель видео ===
   Обёртка .ck-video-grid больше не нужна: ролики листаются стрелками.
   Плитка занимает половину обоймы на широком экране, на телефоне —
   всю ширину. */

/* Внутри карусели прежняя сетка мешает: она задавала свои колонки,
   и от них ролики становились вдвое меньше. Заменяем её на display:
   contents — тогда ролики становятся прямыми слайдами ленты, и ширину
   им задаёт правило ниже. */
.ck-vslider .ck-video-grid {
    display: contents;
}

/* Зазор был через padding-right только у не-последней плитки: при ровно
   двух роликах это давало первому ролику контентную ширину на 40px
   меньше второго (box-sizing: border-box ест паддинг из тех же 50%),
   а рамка держит 16:9 — значит и высоту тоже меньше. Отсюда "обложки
   не на одном уровне". Зазор через gap на самой ленте — ширина
   контента у обеих плиток равна, выравнивание бесплатное. */
.ck-vslider .ck-slider__track {
    gap: 40px;
}

.ck-vslider .ck-video {
    flex: 0 0 calc(50% - 20px);
    max-width: calc(50% - 20px);
    box-sizing: border-box;
}

@media (max-width: 991px) {
    .ck-vslider .ck-video { flex-basis: 100%; max-width: 100%; }
}

/* Обойма и лента: те же правила, что у карусели заводов, но рамку
   вокруг видео не рисуем — она была бы лишней. */
.ck-vslider .ck-slider__viewport {
    border: 0;
}

.ck-vslider .ck-slider__track {
    align-items: flex-start;
}

@media (max-width: 767px) {
    .ck-video-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .ck-video__play {
        width: 56px;
        height: 56px;
        margin: -28px 0 0 -28px;
    }

    .ck-video__play::after {
        margin: -9px 0 0 -5px;
        border-width: 9px 0 9px 15px;
    }
}

/* ===== с ck.i38k.ru: css-ck-landing-css.css ===== */

.ck-posts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.ck-post { min-width: 0; border: 1px solid #ddd; box-shadow: 0 0 5px rgba(0,0,0,.1); background: #fff; }
/* Обложки у записей разной пропорции: без общей рамки карточки
   расползаются по высоте и текст начинается на разном уровне. */
.ck-post__img { display: block; overflow: hidden; aspect-ratio: 16 / 10; }
.ck-post__img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ck-post__body { padding: 17px 25px 25px; }
.ck-post__date { display: block; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; opacity: .7; }
.ck-post__title { margin: 8px 0 10px; font-size: 16px; line-height: 24px; }
.ck-post__title a { color: inherit; }
.ck-post__excerpt { margin: 0; font-size: 14px; line-height: 24px; opacity: .85; }
@media (max-width: 767px) { .ck-posts { grid-template-columns: 1fr; gap: 20px; } }

/* ===== с ck.i38k.ru: css-ck-brands-slider-inline-css.css ===== */


/* ============================================================
   Главная: причины, карусель заводов, «О компании» (2026-10-01)

   Все стили главной лежат в одном месте. Раньше правила причин были
   в «Дополнительных стилях» — там они и правила заводов спорили друг
   с другом за одинаковые свойства, и правка одного блока ломала другой.
   ============================================================ */

/* ---- Причины: шесть плиток с контуром, как у заводов ----
   Общий фон-сетка виден только через 1px промежутки, сами плитки белые. */

.ck-why {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    /* Зазор под заголовком «Почему у нас» задаёт отступ виджета, 18px —
       тот же, что padding-top у .ck-slider под «Видео». Свой margin-top
       здесь сложился бы с ним и сделал блок дальше остальных. */
    margin-top: 0;
    background: #e3e3e3;
    border: 1px solid #e3e3e3;
}

.ck-why__item {
    min-width: 0;
    padding: 26px 26px 30px;
    background: #fff;
    box-sizing: border-box;
}

/* Значок в чёрном круге — как на образце у референса.
   Круг рисуем сами, глиф берём из FontAwesome: у референса те же круги,
   только картинки свои. */
.ck-why__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 16px;
    border-radius: 50%;
    background: #1A1A1A;
    color: #fff;
    font-size: 17px;
    line-height: 1;
}

/* Глиф наследует размер и цвет круга. */
.ck-why__icon i {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.ck-why__title {
    margin: 0 0 10px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    color: #262626;
    text-transform: none;
}

.ck-why__text {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: #666;
}

@media (max-width: 991px) {
    .ck-why { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 575px) {
    .ck-why { grid-template-columns: 1fr; }
    .ck-why__item { padding: 20px 18px 22px; }
    .ck-why__icon { width: 38px; height: 38px; margin-bottom: 12px; font-size: 15px; }
}

/* ---- «О компании»: текст слева, место под фото справа ----
   Правая колонка пустая — в ней появится фотография. Пока она пустая,
   убираем служебную рамку Elementor и задаём фон под вставку снимка. */

.elementor-element-9f0cc88 .elementor-column:last-child > .elementor-widget-wrap {
    min-height: 260px;
}

/* На узком экране колонки встают друг под друга, высота не нужна. */
@media (max-width: 767px) {
    .elementor-element-9f0cc88 .elementor-column:last-child > .elementor-widget-wrap {
        min-height: 0;
    }
}

/* ---- Кнопка «Посмотреть весь каталог»: по центру ---- */

.elementor-element-55c2063,
.elementor-element-55c2063 .elementor-widget-container,
.elementor-element-d52cb46,
.elementor-element-d52cb46 .elementor-widget-container {
    text-align: center;
}

/* ============================================================
   Карусель «Заводы-производители»
   Видно пять плиток, остальные листаются стрелками.
   ============================================================ */

/* Размер кнопки — одним числом: его же занимает строка заголовка,
   и из него считается отступ под стрелки у длинных названий. */
:root {
    --ck-nav-size: 42px;
}

.ck-slider {
    position: relative;
    /* Воздух между строкой заголовка и лентой. Раньше его давала сама
       строка стрелок (42 + 14 px), теперь она из потока вышла. */
    padding-top: 18px;
}

/* Стрелки встают в строку заголовка.

   Заголовок — отдельный виджет Elementor, соседний, а не родительский,
   так что собрать их в один flex-ряд разметкой нельзя: пришлось бы
   выносить заголовок внутрь карусели и лишить заказчика привычного
   виджета в редакторе. Поэтому строка стрелок выходит из потока и
   поднимается ровно на свою высоту над лентой — bottom: 100% ставит её
   нижний край на верхнюю границу .ck-slider, то есть вплотную под
   заголовок. Отсчёт идёт от padding-box, поэтому padding-top выше
   отодвигает ленту, но не стрелки.

   Если между заголовком и каруселью когда-нибудь вставят ещё виджет,
   стрелки наедут на него — тогда ряд надо будет собирать разметкой. */
.ck-slider__nav {
    position: absolute;
    right: 0;
    bottom: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.ck-slider__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--ck-nav-size);
    height: var(--ck-nav-size);
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 50%;
    background: #fff;
    color: #262626;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease, opacity .2s ease;
}

.ck-slider__btn:hover:not(:disabled) {
    background: #1A1A1A;
    border-color: #1A1A1A;
    color: #fff;
}

/* Когда листать нечего — стрелка скрыта. */
.ck-slider__btn:disabled {
    opacity: .3;
    cursor: default;
}

/* Стрелки внутри кнопок рисуем через border: SVG не проходит чистку
   разметки в виджете и до страницы не доходит. Две стороны квадрата,
   повёрнутые на 45°, дают стрелку-шеврон. */
.ck-slider__btn::before {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    /* Сдвиг на 1px влево: стрелка кажется ровнее по центру круга. */
    margin-left: -2px;
}

.ck-slider__btn--prev::before {
    transform: rotate(-135deg);
}

.ck-slider__btn--next::before {
    transform: rotate(45deg);
    margin-left: 2px;
}

/* Если все заводы помещаются, стрелки не нужны совсем. */
.ck-slider.is-static .ck-slider__nav {
    display: none;
}

/* Обойма: обычная прокрутка вбок, полоса прокрутки спрятана.
   На телефоне это даёт листание пальцем без единого скрипта.

   scroll-behavior: smooth здесь НЕ ставим сознательно. С ним все
   программные прокрутки становятся плавными, и последнее событие
   scroll приходит с дробным значением — кнопка на краю не гаснет.
   Плавность нужна только при нажатии стрелок, и задаём её в скрипте
   через behavior: "smooth" — там она под контролем. */
.ck-slider__viewport {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    border: 1px solid #e3e3e3;
}

.ck-slider__viewport::-webkit-scrollbar {
    display: none;
}

.ck-slider__track {
    display: flex;
    align-items: stretch;
}

/* Логотипов четыре, не названий с числом позиций — плитка просто
   центрирует картинку, без текста и без ссылки (см. ck-brands__item
   как div, не a). Эта карточка в файле однажды уже откатывалась
   к старой текстовой версии на пять плиток (видимо, при правке под
   видео скопировали старый кусок) — отсюда и пустое место, и 2 штуки
   на телефоне. Если увидите текстовую карточку с названием завода
   и счётчиком вместо лого — значит, откатилось снова, чинить тут. */
.ck-slider .ck-brands__item {
    flex: 0 0 25%;
    max-width: 25%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 104px;
    padding: 22px 36px;
    background: #fff;
    /* Тонкая линия между плитками — тот же цвет, что у границ
       плиток в «Почему у нас» (#e3e3e3), а не просто пустой зазор:
       так ряд логотипов читается как единая группа, а не как
       свободно разбросанные картинки. */
    border-right: 1px solid #e3e3e3;
}

.ck-slider .ck-brands__item:last-child {
    border-right: 0;
}

.ck-slider .ck-brands__item img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 56px;
}

/* Число видимых плиток на разных ширинах: 4 → 3 → 2 → 1. */
@media (max-width: 1199px) {
    .ck-slider .ck-brands__item { flex-basis: 33.3334%; max-width: 33.3334%; }
}

@media (max-width: 991px) {
    .ck-slider .ck-brands__item { flex-basis: 50%; max-width: 50%; padding: 20px; }
    :root { --ck-nav-size: 38px; }
}

@media (max-width: 575px) {
    .ck-slider .ck-brands__item { flex-basis: 100%; max-width: 100%; padding: 18px 16px; min-height: 92px; }
    .ck-slider .ck-brands__item img { max-height: 46px; }
    :root { --ck-nav-size: 34px; }
}

/* ---- Заголовки, делящие строку со стрелками ----

   Оба заголовка — виджеты Elementor прямо над каруселью:
   090103e «Видео» и 7086461 «Заводы-производители». Перечислены по
   номерам, а не по общему классу: .ck-h-std носят и заголовки без
   карусели, и лишний отступ справа им ни к чему.

   Отступ держит длинное название на расстоянии от кружков: без него
   «Заводы-производители» на узком экране заезжает под стрелки. Строка
   заголовка не ниже самой кнопки — иначе на десктопе, где заголовок
   41px, а кнопка 42px, кружки торчали бы на пиксель выше строки. */
.elementor-element-090103e .elementor-widget-container,
.elementor-element-7086461 .elementor-widget-container {
    display: flex;
    align-items: center;
    min-height: var(--ck-nav-size);
    padding-right: calc(var(--ck-nav-size) * 2 + 24px);
}

/* ---- Телефон: строка снова разъезжается на две ----

   «Заводы-производители» — 20 знаков, на 28px это около 310px. Ширина
   экрана 375px даёт под заголовок 250px после отступа под кружки, и
   название переносится на вторую строку, а стрелки остаются у нижней
   (они привязаны к низу строки заголовка). Получается заголовок в два
   этажа со стрелками сбоку от второго — хуже, чем честные две строки.

   Поэтому ниже 576px возвращаем прежнюю раскладку: название, под ним
   стрелки справа. Оба блока сразу — если оставить «Видео» в строке,
   два соседних блока на телефоне выглядели бы по-разному. */
@media (max-width: 575px) {
    .elementor-element-090103e .elementor-widget-container,
    .elementor-element-7086461 .elementor-widget-container {
        display: block;
        min-height: 0;
        padding-right: 0;
    }

    .ck-slider {
        padding-top: 0;
    }

    .ck-slider__nav {
        position: static;
        margin-bottom: 14px;
    }
}

/*# sourceURL=ck-brands-slider-inline-css */

/* ===== с ck.i38k.ru: css-ck-telegram.css ===== */

.ck-tg { color: inherit; }
.ck-tg:hover { color: #229ed9; }
.ck-tg--text { display: inline-flex; align-items: center; gap: 6px; }
.ck-tg--text svg { flex: 0 0 auto; }

/* Центр Кирпича — оформление OpenCart 4 по образцу ck.i38k.ru */
:root{--ck-ink:#262626;--ck-dark:#1A1A1A;--ck-muted:#777;--ck-text:#666;--ck-line:#e3e3e3;--ck-card:#ddd;--ck-grey:#f5f5f5;--ck-nav-size:42px;}

html{scroll-behavior:auto;}
body.ck-body{font-family:'Inter','Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.6;color:var(--ck-text);background:#fff;}
body.ck-body h1,body.ck-body h2,body.ck-body h3,body.ck-body h4{font-family:inherit;color:var(--ck-ink);}
body.ck-body a{color:var(--ck-ink);text-decoration:none;}
body.ck-body a:hover{color:#000;}
body.ck-body #container{min-height:100vh;}
body.ck-body #content,body.ck-body #column-left,body.ck-body #column-right{padding-bottom:0!important;}
.ck-wrap{max-width:1440px;margin:0 auto;padding:0 20px;box-sizing:border-box;}
.ck-center{text-align:center;}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}

/* ---------- кнопки ---------- */
.ck-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-radius:0;padding:12px 24px;border:1px solid var(--ck-ink);cursor:pointer;background:var(--ck-ink);color:#fff!important;line-height:1.2;text-decoration:none!important;}
.ck-btn:hover{background:#000;border-color:#000;color:#fff!important;}
.ck-btn:disabled{background:#bdbdbd;border-color:#bdbdbd;cursor:not-allowed;}
.ck-btn--dark{background:var(--ck-dark);border-color:var(--ck-dark);}
.ck-btn--sm{padding:11px 24px;font-size:12px;}
.ck-btn--outline{background:#fff;color:var(--ck-ink)!important;border:2px solid var(--ck-ink);}
.ck-btn--outline:hover{background:var(--ck-ink);color:#fff!important;}

/* ---------- шапка ---------- */
.ck-header{background:#fff;border-bottom:1px solid #e1e1e1;position:sticky;top:0;z-index:100;transition:box-shadow .2s;}
.ck-header.is-stuck{box-shadow:0 2px 10px rgba(0,0,0,.08);}
.ck-header__row{display:flex;align-items:center;gap:24px;min-height:114px;transition:min-height .2s;}
.ck-header.is-stuck .ck-header__row{min-height:90px;}
.ck-logo{display:block;flex:0 0 auto;}
.ck-logo img{display:block;height:80px;width:auto;transition:height .2s;}
.ck-header.is-stuck .ck-logo img{height:72px;}
.ck-burger{display:none;background:none;border:0;padding:0;width:28px;height:28px;color:var(--ck-ink);}
.ck-nav{flex:1 1 auto;display:flex;justify-content:center;padding-left:120px;}
.ck-nav__list{list-style:none;margin:0;padding:0;display:flex;gap:20px;align-items:center;}
.ck-nav__item{position:relative;}
.ck-nav__link{display:inline-flex;align-items:center;gap:6px;padding:20px 0;font-size:16px;font-weight:400;text-transform:uppercase;color:#222!important;}
.ck-nav__link.is-current,.ck-nav__link:hover{color:#777!important;}
.ck-nav__link .ck-i--chev{width:15px;height:15px;}
.ck-mega{display:none;position:absolute;top:100%;left:-24px;min-width:240px;background:#fff;border-top:2px solid var(--ck-ink);box-shadow:0 6px 20px rgba(0,0,0,.1);padding:12px 0;z-index:110;}
.ck-nav__item--drop:hover .ck-mega,.ck-nav__item--drop:focus-within .ck-mega{display:block;}
.ck-mega__list{list-style:none;margin:0;padding:0;}
.ck-mega__list a{display:block;padding:8px 24px;font-size:14px;color:#666!important;white-space:nowrap;}
.ck-mega__list a:hover{color:var(--ck-ink)!important;background:#f7f7f7;}
.ck-tools{display:flex;align-items:center;gap:22px;flex:0 0 auto;margin-left:auto;}
.ck-tools__phone{display:inline-flex;align-items:center;gap:6px;font-size:16px;white-space:nowrap;color:#222!important;}
.ck-tools__phone .ck-i{width:22px;height:22px;}
.ck-tools__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:none;border:0;padding:0;color:#222!important;cursor:pointer;}
.ck-tools__btn .ck-i{width:22px;height:22px;}
.ck-cart{display:inline-flex;}
.ck-badge{position:absolute;top:-9px;right:-9px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#222;color:#fff;font-size:11px;font-weight:600;line-height:18px;text-align:center;}
.ck-searchbar{border-top:1px solid var(--ck-line);padding:14px 0;background:#fff;}
.ck-searchbar .input-group{max-width:640px;margin:0 auto;}
.ck-searchbar .form-control{border-radius:0;border-color:#ccc;height:44px;}
.ck-searchbar .btn{border-radius:0;background:var(--ck-ink);color:#fff;border-color:var(--ck-ink);}

/* ---------- общие секции ---------- */
.ck-main{display:block;}
.ck-sec{margin:0 0 70px;}
.ck-sec--hero{margin:30px 0 40px;}
.ck-sec--grey{background:var(--ck-grey);padding:60px 0 60px;}
.ck-h-std{font-family:'Inter','Helvetica Neue',Arial,sans-serif!important;font-size:34px!important;font-weight:600!important;line-height:1.2!important;color:#262626!important;margin:0 0 24px;text-align:left;text-transform:none;letter-spacing:normal;}
.ck-h-row{display:flex;align-items:center;min-height:var(--ck-nav-size);padding-right:calc(var(--ck-nav-size) * 2 + 24px);margin-bottom:0;}
.ck-h-row .ck-h-std{margin:0;}
.ck-sec--hits .ck-center{margin-top:34px;}

/* «О компании» */
.ck-about{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;background:var(--ck-grey);padding:60px 0;}
.ck-about__text p{margin:0 0 22px;font-size:14px;line-height:1.6;color:#666;}
.ck-about-photo img{display:block;width:100%;max-width:520px;height:auto;margin:0 auto;border-radius:2px;}

/* ---------- сетки и карточки ---------- */
.ck-grid{display:grid;gap:30px;}
.ck-grid--4{grid-template-columns:repeat(4,minmax(0,1fr));}
.ck-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));}
@media (max-width:1199px){.ck-grid--4{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:991px){.ck-grid--4,.ck-grid--3{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}}
@media (max-width:575px){.ck-grid--4,.ck-grid--3{grid-template-columns:1fr;}}

.ck-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--ck-card);box-shadow:0 0 5px rgba(0,0,0,.1);background:#fff;padding:0;min-width:0;margin:0;--ck-col-gap:20px;}
.ck-card__media{position:relative;aspect-ratio:3/2;background:#fff;overflow:hidden;}
.ck-card__img{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.ck-card__img img{width:100%;height:100%;object-fit:contain;display:block;}
.ck-card__tools{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:6px;z-index:2;}
.ck-card__tool{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--ck-card);padding:0;cursor:pointer;color:var(--ck-ink);}
.ck-card__tool .ck-i{width:18px;height:18px;}
.ck-card__tool:hover{border-color:var(--ck-ink);}
.ck-card__meta{display:flex;justify-content:space-between;gap:10px;padding:17px 18px 0;font-size:10px;letter-spacing:.1em;text-transform:uppercase;opacity:.7;color:var(--ck-ink);min-width:0;}
.ck-card__brand{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
.ck-card__stock{white-space:nowrap;flex:0 0 auto;}
.ck-card__stock:not(.is-in){color:#a33;}
.ck-card__title{font-size:14px;font-weight:400;line-height:24px;margin:8px 18px 4px;color:var(--ck-ink);}
.ck-card__title a{color:var(--ck-ink)!important;}
.ck-card__rows{margin:0 18px;padding:0;font-size:14px;color:var(--ck-ink);}
.ck-card__row{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:baseline;column-gap:10px;padding:8px 0;margin:0;}
.ck-card__row + .ck-card__row{border-top:1px solid #eee;}
.ck-card__row dt{font-size:10px;letter-spacing:.1em;text-transform:uppercase;opacity:.7;font-weight:400;margin:0;}
.ck-card__row dd{margin:0;text-align:right;font-weight:400;}
.ck-card__row dd.ck-card__price,.ck-card__row--sum dd,.ck-card__row dd.ck-card__m2{font-weight:700;}
.ck-card__row .ck-card__unit{text-align:left;padding-left:10px;}
.ck-card__row--sum{grid-template-columns:auto 1fr;}
.ck-card__buy{margin:4px 18px 18px;display:grid;grid-template-columns:auto 1fr;gap:10px;}
.ck-qty{display:inline-flex;align-items:stretch;border:1px solid var(--ck-card);height:48px;background:#fff;}
.ck-qty__btn{width:30px;background:#fff;border:0;font-size:16px;cursor:pointer;color:var(--ck-ink);}
.ck-qty__input{width:32px;border:0;border-left:1px solid #eee;border-right:1px solid #eee;text-align:center;font:inherit;font-size:14px;color:var(--ck-ink);-moz-appearance:textfield;}
.ck-qty__input::-webkit-outer-spin-button,.ck-qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.ck-btn--buy{width:100%;min-height:48px;min-width:0;padding:0 10px;font-size:12px;letter-spacing:.05em;background:var(--ck-ink);}
.ck-btn--buy .ck-i{width:18px;height:18px;}

/* ---------- выезжающие панели каталога ---------- */
.ck-panel{position:fixed;top:0;bottom:0;width:320px;max-width:86vw;background:#fff;z-index:1001;overflow:auto;padding:46px 22px 22px;transition:transform .3s ease;box-sizing:border-box;}
.ck-panel--left{left:0;transform:translateX(-102%);}
.ck-panel--right{right:0;transform:translateX(102%);}
.ck-panel.is-open{transform:none;box-shadow:0 0 30px rgba(0,0,0,.2);}
.ck-panel__close{position:absolute;top:12px;right:14px;width:26px;height:26px;border:0;background:none;cursor:pointer;}
.ck-panel__close::before,.ck-panel__close::after{content:"";position:absolute;left:3px;right:3px;top:12px;height:2px;background:var(--ck-ink);transform:rotate(45deg);}
.ck-panel__close::after{transform:rotate(-45deg);}
.ck-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s;}
.ck-overlay.is-open{opacity:1;visibility:visible;}

/* список категорий (панель каталога и колонка товара) */
.ck-catlist{border:1px solid #eee;padding:14px 22px 10px;background:#fff;}
.ck-panel .ck-catlist{border:0;padding:0;}
.ck-catlist__title{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ck-ink);padding:2px 0 12px;border-bottom:2px solid var(--ck-ink);margin:0 0 4px;}
.ck-catlist__title ~ .ck-catlist__title{margin-top:22px;}
.ck-catlist ul{list-style:none;margin:0;padding:0;}
.ck-catlist li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 12px 12px 14px;border-bottom:1px solid #eee;font-size:14px;}
.ck-catlist li:last-child{border-bottom:0;}
.ck-catlist li a{color:#333!important;}
.ck-catlist li.is-active{background:#eef1fa;box-shadow:inset 3px 0 0 var(--ck-ink);font-weight:700;}
.ck-catlist li.is-active a{color:var(--ck-ink)!important;}
.ck-catlist__count{font-size:12px;color:#999;}
.ck-catlist li.is-active .ck-catlist__count{color:var(--ck-ink);}
.ck-select{border-radius:0;margin:12px 0 4px;font-size:14px;}
.ck-panel .ck-btn{margin-top:20px;}

/* ---------- каталог ---------- */
.ck-page{padding-top:30px;}
.ck-shop .ck-listhead{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-bottom:10px;}
.ck-btn--cats{padding:12px 20px;font-size:13px;}
.ck-btn--filter{margin-left:auto;padding:5px 8px;font-size:13px;border-width:1px;font-weight:500;}
.ck-listhead__title{font-size:17px!important;font-weight:700!important;margin:0!important;color:var(--ck-ink);}
.ck-listhead__count{color:#999;font-size:13px;}
.ck-intro{margin:0 0 20px;}
.ck-shop .ck-grid{margin-top:0;}
.ck-pager{display:flex;justify-content:center;margin:40px 0 70px;}
.ck-pager .pagination{gap:6px;}
.ck-pager .page-link{border-radius:0!important;color:var(--ck-ink);border-color:#ddd;min-width:38px;text-align:center;}
.ck-pager .page-item.active .page-link{background:var(--ck-ink);border-color:var(--ck-ink);color:#fff;}

/* ---------- страница товара ---------- */
.ck-product{display:grid;grid-template-columns:335px minmax(0,1fr);gap:20px;align-items:start;}
.ck-product__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;}
.ck-gallery{position:relative;}
.ck-gallery__tools{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:6px;z-index:2;margin:0;}
.ck-gallery__main{display:block;aspect-ratio:3/2;}
.ck-gallery__main img{width:100%;height:100%;object-fit:contain;display:block;}
.ck-gallery__thumbs{display:flex;gap:10px;margin-top:20px;}
.ck-gallery__thumbs a{display:block;width:125px;aspect-ratio:125/68;border:1px solid #eee;padding:4px;}
.ck-gallery__thumbs a.is-active{border:2px solid var(--ck-ink);}
.ck-gallery__thumbs img{width:100%;height:100%;object-fit:contain;}
.ck-summary__title{font-size:26px!important;font-weight:700!important;line-height:1.3!important;margin:0 0 6px!important;color:var(--ck-ink);}
.ck-summary__meta{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:12px;text-transform:uppercase;color:#999;margin-bottom:12px;}
.ck-summary__meta b{font-weight:400;}
.ck-summary__meta a{color:#999!important;text-transform:none;}
.ck-summary__price{font-size:30px;font-weight:700;color:#444;padding-bottom:10px;border-bottom:1px solid #e1e1e1;margin-bottom:20px;}
.ck-summary__price--ask{font-size:18px;}
.ck-summary__price del{font-size:20px;color:#aaa;font-weight:400;}
.ck-summary__buy{display:flex;gap:12px;align-items:stretch;}
.ck-summary__buy .ck-qty{height:45px;}
.ck-btn--cart{text-transform:none;font-size:14px;font-weight:600;letter-spacing:0;padding:0 48px;min-height:45px;}
.ck-btn--cart .ck-i{width:20px;height:20px;}
.ck-note{margin-top:12px;font-size:13px;}
.ck-tabs{margin-top:60px;}
.ck-tabs__head{display:flex;justify-content:center;border-bottom:1px solid #e1e1e1;}
.ck-tabs__head span{display:inline-block;padding:10px 26px;font-size:18px;font-weight:600;color:var(--ck-ink);border-bottom:2px solid var(--ck-ink);margin-bottom:-1px;}
.ck-tabs__body{padding:20px 0 0;}
.ck-attrs{display:grid;grid-template-columns:200px 1fr;gap:8px 0;margin:0;font-size:14px;}
.ck-attrs dt{font-weight:400;color:var(--ck-ink);}
.ck-attrs dd{margin:0;color:#666;}
.ck-desc{margin-top:20px;}
.ck-similar{margin-top:70px;}
.ck-similar__title{text-align:center;font-size:24px!important;font-weight:700!important;margin:0 0 26px!important;}

/* ---------- страница контактов ---------- */
.ck-pagehead{background:#1d1d1f;padding:90px 20px;text-align:center;}
.ck-pagehead h1{margin:0;color:#fff!important;font-size:50px!important;font-weight:700!important;letter-spacing:-.02em;}
.ck-contacts{padding-top:85px;}
.ck-contacts__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:34px;align-items:start;}
.ck-contacts__info{background:#f6f7f9;padding:24px 32px 30px;}
.ck-contacts__info h3,.ck-contacts__form h3{font-size:20px!important;font-weight:600!important;margin:0 0 10px!important;}
.ck-contacts__form h3{font-size:24px!important;font-weight:700!important;margin-top:22px!important;}
.ck-contacts__info h3 + p{margin-bottom:28px;}
.ck-contacts__info p{font-size:14px;line-height:1.7;color:#666;}
.ck-contacts__small{font-size:11px!important;margin-top:-20px;}
.ck-contacts__form label{display:block;font-size:13px;color:#555;margin:6px 0 2px;}
.ck-contacts__form .form-control{border-radius:0;border-color:#ccc;height:45px;}
.ck-contacts__form textarea.form-control{height:150px;}
.ck-contacts__form .ck-btn{margin-top:10px;}
.ck-contacts__photo img{display:block;width:100%;height:auto;}
.ck-findus{display:grid;grid-template-columns:1fr 400px;gap:40px;align-items:start;margin:80px 0 80px;}
.ck-findus__text p{font-size:14px;line-height:1.7;color:#666;}
.ck-findus__text strong{color:var(--ck-ink);}
.ck-findus__photo img{display:block;width:100%;height:auto;}

/* ---------- подвал ---------- */
.ck-footer{background:#fff;border-top:0;margin-top:0;position:relative;color:#666;}
.ck-footer__contacts{display:grid;grid-template-columns:1fr 1fr;gap:0;padding-top:70px;padding-bottom:50px;align-items:start;}
.ck-footer__info .ck-h-std{margin-top:4px;}
.ck-footer__info p{font-size:12px;line-height:19px;color:#666;margin:0 0 24px;}
.ck-footer__info p strong{color:#444;}
.ck-footer__info a{color:#666!important;}
.ck-tg{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;}
.ck-map__cap{margin:0 0 8px;font-size:14px;color:#1A1A1A;}
.ck-map{min-height:400px;}
.ck-footer__bottom{padding-top:20px;padding-bottom:30px;font-size:12px;line-height:19px;color:#666;}
.ck-totop{position:fixed;right:30px;bottom:30px;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.15);z-index:90;opacity:0;visibility:hidden;transition:opacity .2s;}
.ck-totop.is-visible{opacity:1;visibility:visible;}
.ck-totop::before{content:"";position:absolute;left:13px;top:8px;width:2px;height:12px;background:#222;}
.ck-totop::after{content:"";position:absolute;left:10px;top:8px;width:6px;height:6px;border-top:2px solid #222;border-left:2px solid #222;transform:rotate(45deg);}

/* ---------- OpenCart: убрать мешающее ---------- */
body.ck-body footer.ck-footer{position:relative;bottom:auto;width:auto;padding-top:0;border:0;}
body.ck-body .carousel{box-shadow:none!important;border:0!important;}
#alert{top:120px;}
.ck-route-common-home .ck-main,.ck-main{padding-bottom:0;}
body.ck-body .breadcrumb{display:none;}

/* ---------- мобильная версия ---------- */
@media (max-width:1199px){
  .ck-nav{padding-left:0;}
  .ck-tools{gap:16px;}
}
@media (max-width:991px){
  .ck-header__row{min-height:80px;gap:14px;}
  .ck-logo img{height:60px;}
  .ck-burger{display:inline-flex;align-items:center;justify-content:center;}
  .ck-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid var(--ck-line);box-shadow:0 8px 20px rgba(0,0,0,.1);padding:10px 20px 20px;}
  .ck-nav.is-open{display:block;}
  .ck-nav__list{flex-direction:column;align-items:stretch;gap:0;}
  .ck-nav__link{padding:12px 0;}
  .ck-mega{position:static;display:block;box-shadow:none;border:0;padding:0 0 6px 10px;}
  .ck-tools__phone-num,.ck-hide-sm{display:none!important;}
  .ck-about,.ck-product,.ck-product__top,.ck-findus,.ck-footer__contacts{grid-template-columns:1fr;}
  .ck-about{gap:24px;padding:40px 20px;}
  .ck-contacts__grid{grid-template-columns:1fr;}
  .ck-product__side{order:2;}
  .ck-pagehead h1{font-size:36px!important;}
  .ck-pagehead{padding:56px 20px;}
}
@media (max-width:767px){
  .ck-h-std{font-size:28px!important;}
  .ck-sec{margin-bottom:50px;}
  .ck-attrs{grid-template-columns:140px 1fr;}
  .ck-btn--cart{padding:0 20px;}
}
@media (max-width:575px){
  .ck-h-row{display:block;min-height:0;padding-right:0;}
}

/* ---------- иконки (Lucide, MIT) ---------- */
.ck-i{display:inline-block;width:22px;height:22px;background-color:currentColor;flex:0 0 auto;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 100%;mask-size:100% 100%;}
.ck-i--search{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");}
.ck-i--phone{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z%22/%3E%3C/svg%3E");}
.ck-i--heart{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E");}
.ck-i--bag{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E");}
.ck-i--nav{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z%22/%3E%3Cpath d=%22m21.854 2.147-10.94 10.939%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z%22/%3E%3Cpath d=%22m21.854 2.147-10.94 10.939%22/%3E%3C/svg%3E");}
.ck-i--scale{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z%22/%3E%3Cpath d=%22m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z%22/%3E%3Cpath d=%22M7 21h10%22/%3E%3Cpath d=%22M12 3v18%22/%3E%3Cpath d=%22M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z%22/%3E%3Cpath d=%22m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z%22/%3E%3Cpath d=%22M7 21h10%22/%3E%3Cpath d=%22M12 3v18%22/%3E%3Cpath d=%22M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2%22/%3E%3C/svg%3E");}
.ck-i--chev{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22m6 9 6 6 6-6%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22m6 9 6 6 6-6%22/%3E%3C/svg%3E");}
.ck-i--cart{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%228%22 cy=%2221%22 r=%221%22/%3E%3Ccircle cx=%2219%22 cy=%2221%22 r=%221%22/%3E%3Cpath d=%22M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%228%22 cy=%2221%22 r=%221%22/%3E%3Ccircle cx=%2219%22 cy=%2221%22 r=%221%22/%3E%3Cpath d=%22M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12%22/%3E%3C/svg%3E");}
.ck-i--bars{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' x2='20' y1='6' y2='6'/%3E%3Cline x1='4' x2='20' y1='12' y2='12'/%3E%3Cline x1='4' x2='20' y1='18' y2='18'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' x2='20' y1='6' y2='6'/%3E%3Cline x1='4' x2='20' y1='12' y2='12'/%3E%3Cline x1='4' x2='20' y1='18' y2='18'/%3E%3C/svg%3E");}
body.ck-body #column-left{display:block!important;width:100%!important;max-width:none!important;flex:none!important;padding:0!important;margin:0!important;}