/* Start:/bitrix/templates/dresscode_dev/components/dresscode/catalog/.default/style.css?1764227128177*/
#middleSlider {
	margin-bottom: 24px;
}

.panel-click.selected {
	pointer-events: none;
}

.items.productList {
	margin-bottom: 24px;
}

.removeFromWishlist {
	display: none;
}

/* End */


/* Start:/bitrix/templates/dresscode_dev/components/dresscode/catalog.item/nout/style.css?179301939916440*/
/* NOUT.KG: карточка товара в стиле Маркета (шаблон catalog.item «nout»).
   Три колонки: фото · название, конфигурация, «коротко о товаре» · блок покупки (закреплён при прокрутке);
   до 1100px — две колонки, до 768px — одна колонка и панель «цена + В корзину» над нижним меню. */

.nc-wrap {
	--nc-blue: var(--n-blue, #0b74de);
	--nc-blue-600: var(--n-blue-600, #075fc0);
	--nc-blue-50: var(--n-blue-50, #eaf3fe);
	--nc-navy: var(--n-navy, #0a2540);
	--nc-text: var(--n-text, #0d1b2e);
	--nc-muted: var(--n-muted, #5b6b82);
	--nc-line: var(--n-line, #dce6f2);
	--nc-leader: #b9c7d8;
	--nc-ice: var(--n-ice, #f2f6fb);
	--nc-green: var(--n-success, #16a36a);
	--nc-amber: #b7791f;
	--nc-red: #d64545;
	--nc-radius: var(--n-radius, 14px);
	--nc-radius-sm: var(--n-radius-sm, 10px);
	--nc-shadow: var(--n-shadow, 0 10px 30px rgb(10 37 64 / 8%));
	margin: 0 auto;
	padding-top: 4px;
	padding-bottom: 40px;
	color: var(--nc-text);
	font: 15px/1.5 robotoregular, Roboto, Arial, sans-serif;
}
.nc-wrap *, .nc-wrap *::before, .nc-wrap *::after { box-sizing: border-box; }
.nc-wrap h1, .nc-wrap h2, .nc-wrap h3, .nc-wrap p, .nc-wrap ul, .nc-wrap dl, .nc-wrap dd { margin: 0; padding: 0; }
.nc-wrap ul { list-style: none; }
.nc-wrap button { font: inherit; color: inherit; }
.nc-wrap a:focus-visible, .nc-wrap button:focus-visible { outline: 2px solid var(--nc-blue); outline-offset: 2px; }
.nc-wrap .nout-icon { width: 22px; height: 22px; flex: 0 0 auto; }

/* ---------- Витрина ---------- */
.nc-stage {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr) 340px;
	grid-template-areas:
		"gallery title buy"
		"gallery config buy"
		"gallery facts buy";
	grid-template-rows: auto auto 1fr;
	gap: 0 32px;
	padding: 24px;
	border-radius: var(--nc-radius);
	background: #fff;
}
.nc-g-gallery { grid-area: gallery; min-width: 0; }
.nc-g-title { grid-area: title; min-width: 0; }
.nc-g-config { grid-area: config; min-width: 0; margin-bottom: 22px; }
.nc-g-facts { grid-area: facts; min-width: 0; }
.nc-g-buy { grid-area: buy; min-width: 0; }

/* Галерея: миниатюры слева, лента со свайпом */
.nc-gallery { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 12px; position: sticky; top: var(--nc-sticky-top, 16px); }
.nc-gallery--single { grid-template-columns: minmax(0, 1fr); }
.nc-thumbs { display: flex; flex-direction: column; gap: 8px; max-height: 460px; overflow-y: auto; scrollbar-width: none; }
.nc-thumbs::-webkit-scrollbar { display: none; }
.nc-thumb {
	display: grid; place-items: center;
	width: 64px; height: 64px; padding: 4px;
	border: 1.5px solid var(--nc-line); border-radius: var(--nc-radius-sm);
	background: #fff; cursor: pointer;
	transition: border-color .15s ease;
}
.nc-thumb img { max-width: 100%; max-height: 100%; object-fit: contain; }
.nc-thumb:hover { border-color: var(--nc-leader); }
.nc-thumb[aria-current="true"] { border-color: var(--nc-blue); }
.nc-shot { position: relative; min-width: 0; }
.nc-track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; border-radius: var(--nc-radius-sm); }
.nc-track::-webkit-scrollbar { display: none; }
.nc-slide {
	flex: 0 0 100%;
	display: grid; place-items: center;
	height: 460px; padding: 12px;
	scroll-snap-align: center;
	background: #fff; cursor: zoom-in;
}
.nc-slide img { width: 100%; height: 100%; object-fit: contain; }
.nc-dots { display: none; justify-content: center; gap: 6px; margin-top: 8px; }
.nc-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--nc-line); transition: width .2s ease, background-color .2s ease; }
.nc-dot.is-on { width: 18px; border-radius: 3px; background: var(--nc-blue); }
.nc-counter {
	position: absolute; right: 10px; bottom: 10px; display: none;
	padding: 2px 8px; border-radius: 999px;
	background: rgb(10 37 64 / 6%); color: var(--nc-muted); font-size: 12px;
	font-variant-numeric: tabular-nums;
}

/* Название */
.nc-brand {
	display: inline-flex; align-items: center; height: 26px; padding: 0 10px;
	border-radius: 999px; background: var(--nc-ice); color: var(--nc-navy);
	font: 13px/1 robotobold, Arial, sans-serif; letter-spacing: .04em; text-decoration: none;
}
a.nc-brand:hover { color: var(--nc-blue); }
.nc-wrap .nc-title {
	margin: 10px 0 10px;
	color: var(--nc-navy);
	font: 24px/1.25 robotobold, Arial, sans-serif;
	text-wrap: balance;
	overflow-wrap: anywhere;
}
.nc-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; margin-bottom: 22px; color: var(--nc-muted); font-size: 13px; }
.nc-stock { display: inline-flex; align-items: center; gap: 6px; font-family: robotomedium, robotobold, Arial, sans-serif; }
.nc-stock::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.nc-stock--in { color: var(--nc-green); }
.nc-stock--order { color: var(--nc-amber); }
.nc-stock--out { color: var(--nc-red); }
.nc-wrap .nc-act {
	display: inline-flex; align-items: center; gap: 6px;
	color: var(--nc-muted); font-size: 13px; text-decoration: none;
}
.nc-act svg { width: 18px; height: 18px; }
.nc-wrap .nc-act:hover, .nc-wrap .nc-act.added { color: var(--nc-blue); }
.nc-act.added .nc-act__fill { fill: currentColor; }
.nc-act.loading { opacity: .6; }
.nc-act__on, .nc-act.added .nc-act__off { display: none; }
.nc-act.added .nc-act__on { display: inline; }

/* Заголовки блоков */
.nc-wrap .nc-h { margin-bottom: 12px; color: var(--nc-navy); font: 17px/1.3 robotobold, Arial, sans-serif; }

/* Конфигурация: кнопки с ценой варианта */
.nc-opt-group + .nc-opt-group { margin-top: 14px; }
.nc-opt-label { margin-bottom: 8px; color: var(--nc-muted); font-size: 13px; }
.nc-opt-label b { color: var(--nc-text); font-family: robotomedium, robotobold, Arial, sans-serif; font-weight: normal; }
.nc-opts { display: flex; flex-wrap: wrap; gap: 8px; }
.nc-opt {
	display: grid; justify-items: start; gap: 2px;
	min-width: 104px; padding: 9px 14px;
	border: 1.5px solid var(--nc-line); border-radius: 12px;
	background: #fff; text-align: left; cursor: pointer;
	transition: border-color .15s ease, background-color .15s ease;
}
.nc-opt:hover { border-color: var(--nc-leader); }
.nc-opt__value { font: 15px/1.2 robotomedium, robotobold, Arial, sans-serif; }
.nc-opt__price { min-height: 14px; color: var(--nc-muted); font-size: 12px; line-height: 1.2; font-variant-numeric: tabular-nums; white-space: nowrap; }
.nc-opt.is-other { border-style: dashed; }
.nc-opt[aria-checked="true"] { border-color: var(--nc-blue); background: var(--nc-blue-50); box-shadow: inset 0 0 0 1px var(--nc-blue); }
.nc-opt[aria-checked="true"] .nc-opt__price { color: var(--nc-blue-600); }

/* Коротко о товаре */
.nc-facts { display: grid; gap: 8px; }
.nc-fact { display: grid; grid-template-columns: minmax(0, 11em) minmax(0, 1fr); gap: 12px; font-size: 14px; }
.nc-fact dt { color: var(--nc-muted); }
.nc-fact dd { overflow-wrap: anywhere; }
.nc-wrap .nc-link { display: inline-block; margin-top: 12px; color: var(--nc-blue); font: 14px/1.3 robotomedium, robotobold, Arial, sans-serif; text-decoration: none; }
.nc-wrap .nc-link:hover { color: var(--nc-blue-600); }

/* Блок покупки */
.nc-buy {
	position: sticky; top: var(--nc-sticky-top, 16px);
	padding: 20px;
	border: 1px solid var(--nc-line); border-radius: var(--nc-radius);
	background: #fff; box-shadow: var(--nc-shadow);
}
.nc-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; }
.nc-price__value { color: var(--nc-navy); font: 32px/1.1 robotobold, Arial, sans-serif; letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
.nc-price__value--none { font-size: 22px; }
.nc-price__old { color: var(--nc-muted); font-size: 15px; }
.nc-price__old b { margin-left: 4px; padding: 1px 6px; border-radius: 6px; background: #fdecec; color: var(--nc-red); font: 13px/1.4 robotobold, Arial, sans-serif; }
.nc-price-note { margin-top: 6px; color: var(--nc-muted); font-size: 13px; }
.nc-buy__actions { display: grid; gap: 8px; margin-top: 16px; }
.nc-wrap .nc-btn {
	display: flex; align-items: center; justify-content: center; gap: 8px;
	width: 100%; height: 52px; padding: 0 16px;
	border: 0; border-radius: 12px;
	font: 16px/1 robotomedium, robotobold, Arial, sans-serif; text-decoration: none; text-align: center;
	cursor: pointer;
	transition: background-color .15s ease, color .15s ease, opacity .15s ease;
}
.nc-wrap .nc-btn img { display: none; }
.nc-wrap .nc-btn--primary { background: var(--nc-blue); color: #fff; }
.nc-wrap .nc-btn--primary:hover { background: var(--nc-blue-600); color: #fff; }
.nc-wrap .nc-btn--primary.added { background: var(--nc-navy); color: #fff; }
.nc-wrap .nc-btn--primary.loading { opacity: .7; }
.nc-wrap .nc-btn--primary.disabled:not(.requestPrice) { background: var(--nc-ice); color: var(--nc-muted); cursor: default; }
.nc-wrap .nc-btn--soft { background: var(--nc-blue-50); color: var(--nc-blue-600); }
.nc-wrap .nc-btn--soft:hover { background: #dcebfd; color: var(--nc-blue-600); }
.nc-wrap .nc-btn--soft.disabled { opacity: .5; cursor: default; }
.nc-perks { display: grid; gap: 12px; margin-top: 18px !important; padding-top: 16px !important; border-top: 1px solid var(--nc-line); color: var(--nc-muted); font-size: 13px; }
.nc-perks li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 10px; align-items: start; }
.nc-perks .nout-icon { color: var(--nc-blue); }
.nc-perks b { display: block; color: var(--nc-text); font: 14px/1.35 robotomedium, robotobold, Arial, sans-serif; }
.nc-help { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin-top: 16px; padding: 12px 14px; border-radius: var(--nc-radius-sm); background: var(--nc-ice); color: var(--nc-muted); font-size: 13px; }
.nc-wrap .nc-help__phone { color: var(--nc-navy); font: 15px/1.3 robotobold, Arial, sans-serif; text-decoration: none; white-space: nowrap; }
.nc-wrap .nc-help__wa { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; color: var(--nc-green); font: 13px/1.3 robotomedium, robotobold, Arial, sans-serif; text-decoration: none; }
.nc-help__wa .nout-icon { width: 18px; height: 18px; }

/* ---------- Блоки ниже: описание, характеристики, похожие ---------- */
.nc-block { margin-top: 16px; padding: 24px; border-radius: var(--nc-radius); background: #fff; }
.nc-wrap .nc-block__h { margin-bottom: 16px; color: var(--nc-navy); font: 22px/1.25 robotobold, Arial, sans-serif; }
.nc-block__lead { margin: -10px 0 18px !important; color: var(--nc-muted); font-size: 14px; }
.nc-text { max-width: 75ch; color: var(--nc-text); font-size: 15px; line-height: 1.6; overflow-wrap: anywhere; }
.nc-text img { max-width: 100%; height: auto; }

.nc-specs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 48px; }
.nc-specs--flat { grid-template-columns: minmax(0, 1fr); max-width: 760px; }
.nc-wrap .nc-specs__title { margin-bottom: 10px; color: var(--nc-navy); font: 16px/1.3 robotobold, Arial, sans-serif; }
.nc-specs__list { display: grid; gap: 10px; }
.nc-spec { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; font-size: 14px; }
.nc-spec dt { display: flex; align-items: baseline; min-width: 0; color: var(--nc-muted); }
.nc-spec dt span { overflow-wrap: anywhere; }
.nc-spec dt::after { content: ""; flex: 1 1 auto; min-width: 12px; margin-left: 6px; border-bottom: 1px dotted var(--nc-leader); }
.nc-spec dd { overflow-wrap: anywhere; }
.nc-spec dd a { color: var(--nc-blue); }
.nc-wrap [data-nc-config].is-changed { animation: ncFlash 1.2s ease; }
@keyframes ncFlash { from { background: var(--nc-blue-50); } to { background: transparent; } }
.nc-wrap .nc-specs__more { display: none; margin-top: 18px; }

.nc-similar { padding-bottom: 8px; }

/* ---------- Фото крупно ---------- */
.nc-zoom {
	position: fixed; inset: 0; z-index: 3000;
	display: grid; place-items: center;
	padding: 56px 64px;
	background: rgb(255 255 255 / 98%);
}
.nc-zoom[hidden] { display: none; }
.nc-zoom__img { max-width: 100%; max-height: 100%; object-fit: contain; }
.nc-zoom button {
	position: absolute; display: grid; place-items: center;
	width: 44px; height: 44px; padding: 0;
	border: 0; border-radius: 50%;
	background: var(--nc-ice); color: var(--nc-navy); cursor: pointer;
}
.nc-zoom__close { top: 12px; right: 12px; }
.nc-zoom__nav { top: 50%; margin-top: -22px; }
.nc-zoom__nav--prev { left: 12px; transform: rotate(90deg); }
.nc-zoom__nav--next { right: 12px; transform: rotate(-90deg); }
html.nc-zoom-open, html.nc-zoom-open body { overflow: hidden; }

/* ---------- Панель покупки (телефон) ---------- */
.nc-buybar { display: none; }

/* ---------- Планшет ---------- */
@media (max-width: 1100px) {
	.nc-stage {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		grid-template-areas:
			"gallery title"
			"gallery buy"
			"gallery config"
			"gallery facts";
		grid-template-rows: auto auto auto 1fr;
		gap: 0 28px;
	}
	.nc-buy { position: static; margin-bottom: 22px; }
	.nc-slide { height: 400px; }
}

/* ---------- Телефон ---------- */
@media (max-width: 768px) {
	.nc-wrap { padding-top: 0; padding-bottom: 24px; font-size: 14px; }
	.nc-stage {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas: "gallery" "title" "buy" "config" "facts";
		grid-template-rows: auto;
		padding: 12px 16px 20px;
	}
	.nc-gallery { position: static; grid-template-columns: minmax(0, 1fr); }
	.nc-thumbs { display: none; }
	.nc-dots { display: flex; }
	.nc-counter { display: block; }
	.nc-slide { height: 300px; padding: 8px; }
	.nc-wrap .nc-title { margin-top: 12px; font-size: 20px; }
	.nc-meta { margin-bottom: 14px; }
	/* Порядок на телефоне: фото, название, цена и «Купить в 1 клик», конфигурация, «коротко», доставка и гарантия */
	.nc-stage { display: flex; flex-direction: column; }
	.nc-g-gallery { order: 1; }
	.nc-g-title { order: 2; }
	.nc-g-buy, .nc-buy { display: contents; }
	.nc-price { order: 3; }
	.nc-price-note { order: 4; }
	.nc-buy__actions { order: 5; margin: 12px 0 22px; }
	.nc-buy .nc-buy__cart { display: none; }
	.nc-g-config { order: 6; }
	.nc-g-facts { order: 7; }
	.nc-perks { order: 8; margin-top: 22px !important; }
	.nc-help { order: 9; }
	.nc-price__value { font-size: 28px; }
	/* Варианты сеткой: по 3 в ряд на обычном телефоне — цена «121 986 сом» помещается в кнопку */
	.nc-opts { display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); }
	.nc-opt { min-width: 0; padding: 9px 10px; }
	.nc-opt__value { font-size: 14px; }
	.nc-fact { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.nc-block { padding: 18px 16px; }
	.nc-wrap .nc-block__h { font-size: 19px; }
	.nc-specs { grid-template-columns: minmax(0, 1fr); gap: 22px; }
	.nc-specs.is-folded .nc-specs__group:nth-child(n + 3) { display: none; }
	.nc-wrap .nc-specs__more { display: flex; }
	.nc-zoom { padding: 56px 12px; }

	.nc-buybar {
		position: fixed; left: 0; right: 0; bottom: var(--nc-tabbar, 0px); z-index: 1290;
		display: flex; align-items: center; gap: 12px;
		padding: 10px max(16px, env(safe-area-inset-right, 0px)) 10px max(16px, env(safe-area-inset-left, 0px));
		border-top: 1px solid var(--nc-line);
		background: #fff;
		box-shadow: 0 -8px 24px rgb(10 37 64 / 8%);
	}
	.nc-buybar__price { display: grid; min-width: 0; }
	.nc-buybar__price b { color: var(--nc-navy); font: 19px/1.15 robotobold, Arial, sans-serif; white-space: nowrap; font-variant-numeric: tabular-nums; }
	.nc-buybar__price span { overflow: hidden; color: var(--nc-muted); font-size: 12px; white-space: nowrap; text-overflow: ellipsis; }
	.nc-wrap .nc-buybar .nc-btn { flex: 0 0 auto; width: auto; min-width: 150px; height: 48px; margin-left: auto; }
	body.nc-page .nout-footer { padding-bottom: calc(140px + env(safe-area-inset-bottom)) !important; }
}

@media (prefers-reduced-motion: reduce) {
	.nc-wrap *, .nc-wrap *::before, .nc-wrap *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

/* End */
/* /bitrix/templates/dresscode_dev/components/dresscode/catalog/.default/style.css?1764227128177 */
/* /bitrix/templates/dresscode_dev/components/dresscode/catalog.item/nout/style.css?179301939916440 */