

/* Start:/local/templates/akuvox_template/components/bitrix/breadcrumb/akuvox_breadcrumb/style.min.css?1776247186467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/local/templates/akuvox_template/components/bitrix/catalog/custom_catalog/style.css?17769489843642*/
.grid {}

.grid .bx_content_section {
	margin-bottom: 15px;
}

.grid .bx_sidebar {
	margin-bottom: 15px;
}

/* grid2x1 */
.grid2x1 {}

.grid2x1 .bx_content_section {
	float: left;
	width: 66%;
	margin-bottom: 15px;
}

.grid2x1 .bx_sidebar {
	float: right;
	width: 33%;
	margin-bottom: 15px;
	padding-left: 5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media (max-width:960px) {
	.grid2x1 .bx_sidebar {
		padding-left: 4%;
	}
}

@media (max-width:640px) {

	.grid2x1 .bx_content_section,
	.grid2x1 .bx_sidebar {
		width: 100%;
		float: none;
	}

	.grid2x1 .bx_sidebar {
		padding-left: 3%;
	}
}

@media (max-width:479px) {
	.grid2x1 .bx_sidebar {
		padding-left: 1%;
	}

}

.catalog-block-header {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin: 5px 0;
	padding: 5px 15px;
	border-bottom: 2px solid #d9dee6;
	color: #000;
}

body.bx-theme-blue .catalog-block-header {
	border-color: #006cc0;
}

body.bx-theme-green .catalog-block-header {
	border-color: #63aa28;
}

body.bx-theme-red .catalog-block-header {
	border-color: #da3737;
}

body.bx-theme-yellow .catalog-block-header {
	border-color: #f4b236;
}


/* fix ховер ссылки с бутстрапа*/
.catalog-section-list-item-link:hover {
	text-decoration: none;
	color: #F6F6F6;
}

.catalog-layout {
	display: flex;
	gap: 40px;
}

.catalog-sidebar {
	width: 370px;
	flex: 0 0 370px
}

.catalog-content {
	flex: 1 1 auto;
	min-width: 0
}

@media (max-width:1024px) {
	.catalog-layout {
		flex-direction: column
	}

	.catalog-sidebar {
		width: 100%;
		flex: 0 0 auto
	}
}

.c-frequent {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	width: 100%;
	max-width: 890px;
	padding-bottom: 50px;
}

.c-frequent__title {
	font-family: Montserrat, sans-serif;
	font-weight: 400;
	font-size: 36px;
	line-height: 90%;
	letter-spacing: -0.03em;
	color: #f6f6f6;
	margin: 0;
}

.c-frequent__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.c-frequent__tag {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	height: 50px;
	border: 1px solid #383838;
	border-radius: 50px;
	background: #1C1C1E;

	font-family: Montserrat, sans-serif;
	font-weight: 400;
	font-size: 17px;
	line-height: 100%;
	text-align: center;
	color: #f6f6f6;
	text-decoration: none;
}

.category-products-1 {
	position: relative;
	background: #1c1c1e;
	z-index: 1; 
	overflow: hidden;   
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding-bottom: 80px;
	min-height: 400px;
}
.category-products-1::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, #383839 0%, #161617 100%);
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: -1; 
	border-radius: inherit;
}
.category-products-1:hover::before {
  opacity: 1;
}
.category-products>.category-products-1 {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: fit-content;
}

.category-products-1 * {
	min-width: 0;
}
.related-products img {
	width: 100%;
	max-width: 200px;
}
.category-products-1 {
	overflow: hidden;
}

.scope .col-xs-12 .col-xs-12 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

a.c-frequent__tag {
	text-decoration: none;
	color: #f6f6f6;
}
@media (max-width: 767px) {
	.c-frequent__tags {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			grid-gap: 8px;
			gap: 8px;
    	}
	}
	.c-frequent__tag {
		font-size: 14px;
		padding: 10px 10px;
    	height: unset;
		white-space: normal;
		word-break: break-word;
		overflow-wrap: break-word;
	}
}
/* End */


/* Start:/local/templates/akuvox_template/components/bitrix/catalog.smart.filter/filters/style.css?177694348512507*/
.c-filter {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 40px;
  gap: 40px;
  width: 370px;
  background: #222224;
  color: #f6f6f6;
  border: 1px solid rgba(28, 28, 30, .1);
  border-radius: 10px;
}

.c-filter__title {
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 90%;
  letter-spacing: -0.03em;
  margin-top: 10px;
}

.c-filter__group {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.c-filter__head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.c-filter__head-text {
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size: 17px;
  line-height: 90%;
  letter-spacing: -0.03em;
}

.c-filter__chev {
  width: 24px;
  height: 24px;
  position: relative;
}

.c-filter__chev:before {
  content: "";
  position: absolute;
  left: 8px;
  top: 7px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #1C1C1E;
  border-bottom: 2px solid #1C1C1E;
  transform: rotate(45deg);
}

.c-filter__group.is-collapsed .c-filter__body {
  display: none;
}

.c-filter__group.is-collapsed .c-filter__chev:before {
  transform: rotate(-135deg);
  top: 9px;
}

.c-filter__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.c-filter__check {
  display: flex;
  align-items: center;
  gap: 16px;
  cursor: pointer;
  user-select: none;
  position: relative;
}

.c-filter__check-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  pointer-events: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.c-filter__check-box {
  width: 16px;
  height: 16px;
  border: 1px solid #C0C0C0;
  border-radius: 4px;
  background: #fff;
  box-sizing: border-box;
  position: relative;
  flex: 0 0 16px;
}

.c-filter__check-input:checked+.c-filter__check-box {
  border-color: #1C1C1E;
  background: #1C1C1E;
}

.c-filter__check-input:checked+.c-filter__check-box::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.c-filter__check-input:focus-visible+.c-filter__check-box {
  outline: 2px solid rgba(28, 28, 30, .35);
  outline-offset: 2px;
}

.c-filter__check-text {
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 100%;
}

.c-filter__count {
  color: #969696;
  margin-left: 6px;
}

.c-filter__more {
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size: 17px;
  line-height: 90%;
  letter-spacing: -0.03em;
  margin-top: 20px;
}

.c-filter__actions {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 20px;
}

.c-filter__btn {
  width: 100%;
  height: 50px;
  border-radius: 4px;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  cursor: pointer;
}

.c-filter__btn--outline {
  background: #fff;
  border: 1px solid #1C1C1E;
  color: #1C1C1E;
  border-radius: 32px;
}

.c-filter__btn--solid {
  background: #222224;
  border-radius: 32px;
  border: 1px solid #eaeaea00;
  color: #f6f6f6;
}

.c-filter__check.is-hidden {
  display: none;
}

.c-filter__range-row {
  display: flex;
  gap: 16px;
}

.c-filter__input {
  width: 100%;
  height: 44px;
  padding: 0 20px;
  border: 1px solid #383838;
  border-radius: 4px;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  color: #787878;
  background: #383838;
}

.c-filter__input::placeholder {
  color: #787878;
}

.catalog-sidebar {
  margin-bottom: 100px;
}

.c-filter__check input[type="checkbox"].c-filter__check-input {
  -webkit-appearance: none !important;
  appearance: none !important;

  position: absolute !important;
  opacity: 0 !important;

  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;

  pointer-events: none !important;
}

.c-filter__sections {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin: 24px 0;
}

.c-filter__sections-title {
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size: 17px;
  line-height: 90%;
  letter-spacing: -0.03em;
}

.c-filter__sections-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.c-filter__sections-row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  text-decoration: none;
  color: #f6f6f6;
}

a.c-filter__sections-row:hover{
  color: #f6f6f6;
}

a.c-filter__sections-row {
  text-decoration: none;
}

.c-filter__sections-name {
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 110%;
  color: inherit;
}

.c-filter__sections-sub .c-filter__sections-name,
.c-filter__sections-sub2 .c-filter__sections-name {
  color: #9B9B9B;
}

.c-filter__sections-sub {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-left: 18px;
  margin-top: -8px;
}

.c-filter__sections-sub2 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-left: 18px;
  margin-top: 6px;
}

.c-filter__sections-chev {
  width: 24px;
  height: 24px;
  position: relative;
  flex: 0 0 24px;
}

.c-filter__sections-chev:before {
  content: "";
  position: absolute;
  left: 8px;
  top: 7px;
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
}

.c-filter__sections-row.is-open .c-filter__sections-chev:before {
  transform: rotate(45deg);
  top: 6px;
}

.c-filter__sections-row.is-sub,
.c-filter__sections-row.is-sub2 {
  color: #9B9B9B;
}

.c-filter,
.catalog-content {
  position: relative;
}

.c-filter.is-loading::after,
.catalog-content.is-loading::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, .65);
  backdrop-filter: blur(1px);
  opacity: 1;
  transition: opacity .2s ease;
  z-index: 50;
}

.c-filter.is-loading::before,
.catalog-content.is-loading::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 80px;
  width: 28px;
  height: 28px;
  margin-left: -14px;
  border: 2px solid rgba(28, 28, 30, .2);
  border-top-color: rgba(28, 28, 30, .8);
  border-radius: 50%;
  animation: spin .8s linear infinite;
  z-index: 51;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.c-filter__search {
  margin: 10px 0 20px;
}

.c-filter__search-input {
  box-sizing: border-box;
  width: 100%;
  height: 44px;
  padding: 0 20px;
  border: 1px solid #383838;
  border-radius: 1px;
  background: #383838;

  font-family: Roboto, Arial, sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #787878;
}

.c-filter__search-input::placeholder {
  color: #787878;
}

.bx-ui-slider-track-container {
  width: 290px;
  height: 24px;
  position: relative;
  margin-top: 12px;
}

.bx-ui-slider-track {
  position: relative;
  height: 24px;
}

.bx-ui-slider-pricebar-vn {
  position: absolute;
  left: 0;
  right: 0;
  top: 8px;
  height: 8px;
  background: #EAEAEA;
  border-radius: 4px;
}

.bx-ui-slider-pricebar-v {
  position: absolute;
  top: 8px;
  height: 8px;
  background: #383838;
  border-radius: 4px;
}

.bx-ui-slider-pricebar-vd {
  display: none;
}

.bx-ui-slider-range {
  position: absolute;
  top: 8px;
  height: 8px;
}

.bx-ui-slider-handle {
  position: absolute;
  top: 0px;
  width: 24px;
  height: 24px;
  background: #FFFFFF;
  border: 1px solid #1C1C1E;
  border-radius: 50%;
  box-sizing: border-box;
  box-shadow:
    0px 4px 8px -2px rgba(10, 13, 18, 0.1),
    0px 2px 4px -2px rgba(10, 13, 18, 0.06);
  cursor: pointer;
  z-index: 5;
}


.bx-ui-slider-handle:before,
.bx-ui-slider-handle:after {
  display: none;
}

.bx-ui-slider-handle {
  transform: translateX(-50%);
}

.bx-ui-slider-handle.right {
  transform: translateX(50%);
}

.bx-ui-slider-track-container {
  /* user-select: none; */
}

.c-filter__form {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

div#modef a {
  color: #E7B765;
}
@media (max-width: 1000px) {
  .c-filter__form {
    width: 100%;
  }
  .c-filter {
    padding: 0 15px;
  }
  .bx-ui-slider-track-container {
    width: 100%;
    padding-right: 15px;
  }
  .c-filter__range-row {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .c-filter {
    width: auto;
  }
}

.m-filter-modal {
  display: none;
}

@media (max-width:768px) {
  .m-filter-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
  }

  .m-filter-modal.is-open {
    display: block;
  }

  .m-filter-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .4);
  }

  .m-filter-modal__panel {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: min(92vw, 420px);
    background: #fff;
    border-radius: 16px 0 0 16px;
    overflow: auto;
    padding: 16px;
  }

  .m-filter-modal__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
  }

  .m-filter-modal__close {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(28, 28, 30, .1);
    border-radius: 12px;
    background: #fff;
    font-size: 22px;
    line-height: 1;
  }

  .m-filter-modal .c-filter {
    width: 100%;
    border: 0;
    padding: 0;
    gap: 24px;
  }

  .m-filter-modal .c-filter__title {
    display: none;
  }
}

@media (max-width: 768px) {
  .c-filter-holder {
    display: none;
  }
}

.m-filter-modal {
  display: none;
}

@media (max-width: 768px) {
  .m-filter-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
  }

  .m-filter-modal.is-open {
    display: block;
  }

  .m-filter-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .4);
  }

  .m-filter-modal__panel {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 55% !important;
    height: 100%;
    background: #fff;
    border-radius: 16px 16px 0 0;
    overflow: auto;
    padding: 20px !important;
  }

  .m-filter-modal__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
  }

  .m-filter-modal__title {
    font-weight: 600;
    font-size: 18px;
  }

  .m-filter-modal__close {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(28, 28, 30, .1);
    border-radius: 12px;
    background: #fff;
    font-size: 22px;
    line-height: 1;
  }

  .m-filter-modal .c-filter {
    width: 100%;
    border: 0;
    padding: 0;
    gap: 24px;
  }

  .m-filter-modal .c-filter__title {
    display: none;
  }
}

.m-filter-btn {
  display: none;
}

@media (max-width:768px) {
  .m-filter-btn {
    display: inline-flex;
  }

  /* Разрешаем перетаскивание по X, но оставляем вертикальный скролл страницы */
  .bx-ui-slider-track-container,
  .bx-ui-slider-track,
  .bx-ui-slider-range,
  .bx-ui-slider-handle {
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
  }

  .bx-ui-slider-handle {
    touch-action: pan-y;
  }

  .bx-ui-slider-track,
  .bx-ui-slider-range {
    touch-action: pan-y;
  }

}

.c-filter__range {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.c-filter__range .bx-ui-slider-track-container {
  order: 1;
}

.c-filter__range .c-filter__range-row {
  order: 2;
}

.bx-ui-slider-handle { transform: none !important; }
.bx-ui-slider-handle.right { transform: none !important; }


.m-filter-icon{
  color: #f6f6f6;
}
.m-filter-btn{
  background: #222224;
}
/* End */


/* Start:/local/templates/akuvox_template/components/bitrix/catalog/custom_catalog/bitrix/catalog.section.list/akuvox/style.css?1776247189858*/
.catalog-page {
  padding: 40px 0;
}

.tabs-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 30px;
  display: none;
}

.tabs {
  width: auto;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  border-radius: 50px;
  border: solid 1px rgba(12, 12, 12, 0.1);
  text-decoration: none;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  color: #0c0c0c;
  transition: all 0.2s;
}
.tabs:hover {
  border: solid 1px rgba(12, 12, 12, 0.1);
  background: #FFF;
  color: #000;
}
a.tabs {
  text-decoration: none;
  color: #fff;
  border: 1px solid #383838;
}


.tabs.active {
  background-image: linear-gradient(78deg, #0d0d0d -11%, #737373 161%);
  color: #fff;
}

.tabs.all-tab.active {
  background: #FFF;
  color: #1C1C1E;
  border: 1px solid #1C1C1E1A;
  font-weight: 400;
}
/* End */


/* Start:/local/templates/akuvox_template/components/bitrix/system.pagenavigation/akuvox_pager/style.css?17769291171192*/
.c-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 24px 0 0
}

.c-pagination__group {
  display: flex;
  align-items: center;
  height: 36px;
}

.c-pagination__nav,
.c-pagination__page {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  min-width: 40px;
  padding: 0 10px;
  background: #222224;
  border: 0;
  color: #F6F6F6;
  text-decoration: none;
  font: 500 14px/20px Inter, sans-serif;
}

.c-pagination__nav:first-child {
  border-radius: 8px 0 0 8px
}

.c-pagination__nav:last-child {
  border-radius: 0 8px 8px 0;
  font-size: 20px;
}

.c-pagination__page.is-active {
  background: #383838;
  color: #F6F6F6
}

.c-pagination__divider {
  width: 1px;
  height: 36px;
  /*background: #D5D5D5*/
}

.is-disabled {
  opacity: .45;
  pointer-events: none
}
a.c-pagination__nav{
  font-size: 20px;
}

a.c-pagination__nav, a.c-pagination__page {
  text-decoration: none;
}

a.c-pagination__nav, a.c-pagination__page:hover {
  
}

@media (max-width: 768px) {
  .c-pagination__group {
      margin-bottom: 50px;
      overflow-x: scroll;
    }

}
/* End */


/* Start:/local/templates/akuvox_template/components/bitrix/catalog/custom_catalog/bitrix/catalog.section/custom_catalog_items/style.css?17768566132870*/
.m-sort__menu {
    margin: 5px 0 50px;
}
.m-sort__select {
    background: #000;
    padding: 5px 15px;
    border-radius: 25px;
}

/* Общий контейнер каталога */
.category-products {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
  gap: 20px;
  padding-bottom: 80px;
  position: relative;
}
@media (max-width: 1224px) {
  .category-products {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .category-products {
    grid-template-columns: repeat(1, 1fr);
  }
}
.category-products-1 {
  display: flex;
  flex-direction: column;
  padding: 25px 5px;
  border-radius: 10px;
  border: 1px solid #383838;
  box-sizing: border-box;
  text-decoration: none; 
  color: #f6f6f6; 
}

a.category-products-1 {
  text-decoration: none;
}

.category-products-1:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Изображение */
.product-image-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.product-image {
      height: 250px;
    object-fit: cover;
}

/* Бренд */
.product-brand {
  font-family: Montserrat;
  font-size: 17px;
  font-weight: 600;
  color: #f6f6f6;
  display: none; /*di brand hide by figma? */
}

/* Название товара */
.product-name {
  font-family: Montserrat;
  font-size: 17px;
  font-weight: 500;;
  color: #f6f6f6;
}

/* Маркер "Хит" */
.product-hit {
  background-color: #E7B765;
  color: #1C1C1E;
  font-size: 14px;
  padding: 4px 8px;
  border-radius: 5px;
  position: absolute;
  top: 20px;
  left: 15px;
}
.product-price:hover, a.category-products-1:hover{
  color: #f6f6f6;
}

/* Описание */
.product-description {
  font-family: Montserrat;
  font-size: 14px;
  color: #d6d6d6;
}

@media screen and (max-width: 768px) {
  .category-products {
    align-items: center;
    justify-content: center;
  }
}

.product-price {
    font-size: 20px;
    color: #e7b765;
    font-weight: 500;
    margin-top:15px;
    margin-bottom: 20px;
}
.product-price:hover {
  color: #e7b765;
}
.add-padding {
  padding: 0 15px;
}
/* Di   */
.detail-page-button {
  width: 85%;
  margin: 20px auto 0;
  font-size: 18px;
  background: radial-gradient(54.55% 99.17% at 2.16% 50%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.16) 100%), linear-gradient(182.22deg, #E7B765 -14.51%, #B98B57 106.8%);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  border-radius: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  height: 1px; 
  visibility: hidden;
}

.category-products-1.hover .detail-page-button {
  opacity: 1;
  height: 44px;
  visibility: visible;
  transition: opacity 0.3s ease, height 0.3s ease;
}
@media (max-width: 1000px) {
  .detail-page-button {
      opacity: 1;
      height: 34px;
      visibility: visible;
  }
}
/* End */
/* /local/templates/akuvox_template/components/bitrix/breadcrumb/akuvox_breadcrumb/style.min.css?1776247186467 */
/* /local/templates/akuvox_template/components/bitrix/catalog/custom_catalog/style.css?17769489843642 */
/* /local/templates/akuvox_template/components/bitrix/catalog.smart.filter/filters/style.css?177694348512507 */
/* /local/templates/akuvox_template/components/bitrix/catalog/custom_catalog/bitrix/catalog.section.list/akuvox/style.css?1776247189858 */
/* /local/templates/akuvox_template/components/bitrix/system.pagenavigation/akuvox_pager/style.css?17769291171192 */
/* /local/templates/akuvox_template/components/bitrix/catalog/custom_catalog/bitrix/catalog.section/custom_catalog_items/style.css?17768566132870 */
