

/* Start:/local/templates/rumi/components/bitrix/catalog/rumi/style.css?17922303363849*/
/* horizontal container — .rumi-wrap; vertical rhythm only */
.rumi-section{padding-top:20px;padding-bottom:96px}
.rumi-wrap.rumi-section{padding-left:20px;padding-right:20px}
@media (min-width:768px){.rumi-wrap.rumi-section{padding-left:32px;padding-right:32px}}
.rumi-h1{margin:0;font-size:36px;line-height:1;font-weight:500;letter-spacing:-.045em}
@media (min-width:768px){.rumi-h1{font-size:48px}}
.rumi-crumb{font-size:12px;color:#6b6a67}
.rumi-crumb a{color:inherit;text-decoration:none}
.rumi-crumb a:hover{color:#1b1a18}
.rumi-crumb__current{color:#1b1a18}
.rumi-section__toolbar{
	margin-top:20px;
	display:flex;
	flex-wrap:wrap;
	align-items:flex-end;
	justify-content:space-between;
	gap:16px;
}
.rumi-section__count{margin:12px 0 0;font-size:14px;color:#6b6a67}
.rumi-section__intro{margin:8px 0 0;max-width:36rem;font-size:13px;line-height:1.6;color:#6b6a67}
.rumi-section__actions{display:flex;align-items:center;gap:8px;width:100%}
@media (min-width:640px){.rumi-section__actions{width:auto}}
.rumi-chip-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	height:44px;
	padding:0 16px;
	border-radius:999px;
	border:1px solid #e4e2dc;
	background:#fff;
	color:#1b1a18;
	font:inherit;
	font-size:13px;
	cursor:pointer;
	text-decoration:none;
	transition:border-color .2s ease;
}
.rumi-chip-btn:hover{border-color:#1b1a18}
.rumi-section__actions .rumi-chip-btn{flex:1}
@media (min-width:640px){
	.rumi-section__actions .rumi-chip-btn{flex:none}
	.rumi-sort__trigger{min-width:220px;justify-content:space-between}
}
.rumi-sort{position:relative;flex:1}
@media (min-width:640px){.rumi-sort{flex:none}}
.rumi-sort__menu{
	position:absolute;
	right:0;
	z-index:30;
	margin:8px 0 0;
	min-width:100%;
	padding:8px 0;
	list-style:none;
	border:1px solid #e4e2dc;
	border-radius:12px;
	background:#fff;
	box-shadow:0 12px 32px rgba(27,26,24,.08);
}
.rumi-sort__menu a{
	display:block;
	padding:8px 16px;
	font-size:13px;
	color:#6b6a67;
	text-decoration:none;
}
.rumi-sort__menu a:hover,
.rumi-sort__menu a.is-on{color:#1b1a18;background:#f7f6f3}
.rumi-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:44px;
	padding:0 20px;
	border-radius:999px;
	border:1px solid #1b1a18;
	background:#1b1a18;
	color:#fff;
	font-size:13px;
	cursor:pointer;
	text-decoration:none;
}
.rumi-btn--ghost{background:#fff;color:#1b1a18;border-color:#e4e2dc}
.rumi-section__grid{margin-top:32px}

/* Right drawer — Next FilterDrawer */
.rumi-filter-backdrop{
	position:fixed;
	inset:0;
	z-index:90;
	background:rgba(27,26,24,.28);
	opacity:0;
	pointer-events:none;
	transition:opacity .25s ease;
}
body.rumi-filter-open .rumi-filter-backdrop{
	opacity:1;
	pointer-events:auto;
}
.rumi-section__filter{
	position:fixed;
	top:0;
	right:0;
	z-index:100;
	width:min(100%,480px);
	height:100%;
	background:#fff;
	box-shadow:-16px 0 40px rgba(27,26,24,.08);
	transform:translateX(104%);
	transition:transform .28s ease;
	display:flex;
	flex-direction:column;
}
.rumi-section__filter:not([hidden]),
body.rumi-filter-open .rumi-section__filter{transform:translateX(0)}
.rumi-section__filter[hidden]{display:flex!important;pointer-events:none}
body.rumi-filter-open .rumi-section__filter[hidden]{pointer-events:auto}
.rumi-filter-drawer__bar{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:16px 20px;
	border-bottom:1px solid #e4e2dc;
	flex:0 0 auto;
}
.rumi-filter-drawer__bar strong{font-size:18px;letter-spacing:-.02em;font-weight:500}
.rumi-filter-drawer__close{
	display:inline-flex;
	align-items:center;
	gap:4px;
	border:0;
	background:transparent;
	color:#6b6a67;
	font:inherit;
	font-size:13px;
	cursor:pointer;
	padding:0;
}
.rumi-filter-drawer__close:hover{color:#1b1a18}
.rumi-section__filter .rumi-filter{flex:1;min-height:0}
body.rumi-filter-open{overflow:hidden}

/* End */


/* Start:/local/templates/rumi/components/bitrix/catalog.section.list/rumi/style.css?1792230336808*/
.rumi-hub__grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:40px}
@media (min-width:640px){.rumi-hub__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.rumi-hub__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rumi-hub__card{display:block;overflow:hidden;border-radius:8px;background:#f4f4f2;color:inherit;text-decoration:none}
.rumi-hub__media{position:relative;display:block;aspect-ratio:4/3;background:#f4f4f2}
.rumi-hub__media img{width:100%;height:100%;object-fit:contain;padding:32px;transition:transform .5s}
.rumi-hub__card:hover img{transform:scale(1.04)}
.rumi-hub__body{display:block;padding:16px 20px}
.rumi-hub__name{display:block;font-size:22px;letter-spacing:-.03em}
.rumi-hub__meta{display:block;margin-top:4px;font-size:13px;color:#6b6a67}

/* End */
/* /local/templates/rumi/components/bitrix/catalog/rumi/style.css?17922303363849 */
/* /local/templates/rumi/components/bitrix/catalog.section.list/rumi/style.css?1792230336808 */
