/* BRUNO standard category presentation, desktop only. */
@media (min-width: 1280px) {
  html.bruno-wide-filter-bootstrapped .cupboards.bruno-layout-wide #ocfilter > .filter:not(.bruno-filter-progressive) {
    visibility: hidden;
  }

  html.bruno-wide-filter-fallback .cupboards.bruno-layout-wide #ocfilter > .filter:not(.bruno-filter-progressive) {
    visibility: visible;
  }

  .header__top > .container,
  .header-main.container,
  .header-categories > nav.container,
  .categorytpl1.bruno-layout-wide,
  .section1.bruno-layout-wide > .container,
  .cupboard-controlls-wrapper.bruno-layout-wide,
  .cupboards.bruno-layout-wide > .container {
    width: calc(100% - 48px);
    max-width: 1760px;
  }

  .header-main.container .header-search {
    max-width: 420px !important;
  }

  .cupboard-controlls-wrapper.bruno-layout-wide .cupboard-controlls {
    width: calc(100% - 150px);
    min-width: 0;
    min-height: 42px;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    overflow: hidden;
  }

  .cupboard-controlls-wrapper.bruno-layout-wide .cupboard-controlls__item {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .cupboard-controlls-wrapper.bruno-layout-wide .cupboard-controlls__item > a {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 9px 18px;
    border: 1px solid #d7c3a2;
    border-radius: 8px;
    background: #fffdf8;
    color: #5b452c;
    font-family: "DM Sans", Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
    text-decoration: none;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
  }

  .cupboard-controlls-wrapper.bruno-layout-wide .cupboard-controlls__item > a:hover {
    border-color: #b68a4b;
    background: #fbf4e8;
    color: #67471f;
  }

  .cupboard-controlls-wrapper.bruno-layout-wide .cupboard-controlls__item > a:focus-visible {
    outline: 2px solid #7b4c12;
    outline-offset: 3px;
  }

  .cupboard-controlls-wrapper.bruno-layout-wide .cupboard-controlls__item > a[aria-current="page"] {
    border-color: #c6a56f;
    background: #fffaf2;
    color: #6b451a;
    box-shadow: inset 0 -3px 0 #a66d24;
  }

  .cupboards.bruno-layout-wide > .container > #ocfilter.filter {
    flex: 0 0 176px;
    width: 176px;
    max-width: 176px;
    margin-right: 18px;
  }

  .cupboards.bruno-layout-wide > .container > .goods-gallery {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    max-width: none;
  }

  .cupboards.bruno-layout-wide .goods-items.goods_items_active {
    align-items: stretch;
  }

  .cupboards.bruno-layout-wide .goods-items.goods_items_active > .goods-items__item {
    flex: 0 0 calc((100% - 36px) / 3);
    width: calc((100% - 36px) / 3);
    max-width: none;
  }

  .cupboards.bruno-layout-wide .goods-items__item .goods-items__image {
    width: 100%;
    height: auto;
    aspect-ratio: 313 / 246;
  }

  .cupboards.bruno-layout-wide .goods-items__item .goods-items__image img,
  .cupboards.bruno-layout-wide .goods-items__item .goods-items__image picture,
  .cupboards.bruno-layout-wide .goods-items__item .goods-items__image video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .cupboards.bruno-layout-wide .bruno-filter-head,
  .cupboards.bruno-layout-wide .bruno-filter-more {
    display: none;
  }

  .cupboards.bruno-layout-wide #ocfilter > .filter.bruno-filter-progressive {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    padding-left: 0;
  }

  .cupboards.bruno-layout-wide #ocfilter > .filter.bruno-filter-progressive > .bruno-filter-head {
    display: flex;
    min-height: 44px;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    min-width: 0;
    border-bottom: 1px solid #d9c6a7;
  }

  .cupboards.bruno-layout-wide #ocfilter > .filter.bruno-filter-progressive .bruno-filter-head__title {
    min-width: 0;
    color: #333;
    font-family: "DM Sans", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .cupboards.bruno-layout-wide #ocfilter > .filter.bruno-filter-progressive .bruno-filter-reset {
    display: inline-flex;
    flex: 0 0 auto;
    min-width: 64px;
    min-height: 44px;
    align-items: center;
    justify-content: flex-end;
    padding: 0;
    border: 0;
    background: transparent;
    color: #8c5c18;
    font-family: "DM Sans", Arial, sans-serif;
    font-size: 12px;
    text-align: right;
    text-decoration: none;
  }

  .cupboards.bruno-layout-wide #ocfilter > .filter.bruno-filter-progressive .bruno-filter-reset[data-bruno-empty="true"] {
    color: #aaa39a;
    opacity: 0.55;
  }

  .cupboards.bruno-layout-wide #ocfilter > .filter.bruno-filter-progressive .bruno-filter-reset:focus-visible {
    outline: 2px solid rgba(167, 115, 36, 0.45);
    outline-offset: 1px;
  }

  .cupboards.bruno-layout-wide #ocfilter > .filter.bruno-filter-progressive > .filter__item {
    margin-bottom: 0;
    border-bottom: 1px solid #eadfce;
  }

  .cupboards.bruno-layout-wide #ocfilter > .filter.bruno-filter-progressive > .filter__item.bruno-filter-secondary {
    display: none;
  }

  .cupboards.bruno-layout-wide #ocfilter > .filter.bruno-filter-progressive.bruno-filter-show-secondary > .filter__item.bruno-filter-secondary,
  .cupboards.bruno-layout-wide #ocfilter > .filter.bruno-filter-progressive > .filter__item.bruno-filter-secondary.bruno-filter-has-selection {
    display: block;
  }

  .cupboards.bruno-layout-wide #ocfilter > .filter.bruno-filter-progressive > .filter__item > .filter_toggler {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    min-height: 44px;
    margin: 0;
    padding: 9px 27px 8px 0;
    cursor: pointer;
    outline: none;
  }

  .cupboards.bruno-layout-wide #ocfilter > .filter.bruno-filter-progressive > .filter__item > .filter_toggler > svg {
    display: none;
  }

  .cupboards.bruno-layout-wide #ocfilter > .filter.bruno-filter-progressive > .filter__item > .filter_toggler::after {
    content: "";
    position: absolute;
    top: 16px;
    right: 4px;
    width: 8px;
    height: 8px;
    border-right: 1.5px solid #9d6b22;
    border-bottom: 1.5px solid #9d6b22;
    transform: rotate(45deg);
    transition: transform 160ms ease, top 160ms ease;
  }

  .cupboards.bruno-layout-wide #ocfilter > .filter.bruno-filter-progressive > .filter__item.opened > .filter_toggler::after {
    top: 20px;
    transform: rotate(225deg);
  }

  .cupboards.bruno-layout-wide #ocfilter > .filter.bruno-filter-progressive > .filter__item > .filter_toggler:focus-visible {
    box-shadow: 0 0 0 2px rgba(167, 115, 36, 0.3);
  }

  .cupboards.bruno-layout-wide #ocfilter > .filter.bruno-filter-progressive .bruno-filter-summary {
    display: none;
    flex: 0 0 100%;
    max-width: 145px;
    margin-top: 1px;
    overflow: hidden;
    color: #9d6b22;
    font-family: "DM Sans", Arial, sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .cupboards.bruno-layout-wide #ocfilter > .filter.bruno-filter-progressive .bruno-filter-summary:not(:empty) {
    display: block;
  }

  .cupboards.bruno-layout-wide #ocfilter > .filter.bruno-filter-progressive > .filter__item > p,
  .cupboards.bruno-layout-wide #ocfilter > .filter.bruno-filter-progressive > .filter__item:not(.opened) > .filter__showgoods-wrapper {
    display: none !important;
  }

  .cupboards.bruno-layout-wide #ocfilter > .filter.bruno-filter-progressive > .filter__item:not(.opened) > .filter__checkgroup {
    display: none;
  }

  .cupboards.bruno-layout-wide #ocfilter > .filter.bruno-filter-progressive > .filter__item.opened > .filter__checkgroup {
    display: block;
    padding: 3px 0 13px;
  }

  .cupboards.bruno-layout-wide #ocfilter > .filter.bruno-filter-progressive .filter__checksingle label {
    display: inline-flex;
    min-height: 29px;
    align-items: center;
  }

  .cupboards.bruno-layout-wide #ocfilter > .filter.bruno-filter-progressive .filter__showmore {
    margin-top: 5px;
    margin-bottom: 3px;
  }

  .cupboards.bruno-layout-wide #ocfilter > .filter.bruno-filter-progressive > .bruno-filter-more {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 44px;
    align-items: center;
    margin: 8px 0 1px;
    padding: 7px 25px 7px 0;
    border: 0;
    border-bottom: 1px solid #d9c6a7;
    background: transparent;
    color: #8c5c18;
    font-family: "DM Sans", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
    cursor: pointer;
  }

  .cupboards.bruno-layout-wide #ocfilter > .filter.bruno-filter-progressive > .bruno-filter-more::after {
    content: "+";
    position: absolute;
    right: 4px;
    color: #9d6b22;
    font-size: 18px;
    font-weight: 400;
  }

  .cupboards.bruno-layout-wide #ocfilter > .filter.bruno-filter-progressive > .bruno-filter-more[aria-expanded="true"]::after {
    content: "−";
  }

  .cupboards.bruno-layout-wide #ocfilter > .filter.bruno-filter-progressive > .bruno-filter-more:focus-visible {
    outline: 2px solid rgba(167, 115, 36, 0.45);
    outline-offset: 2px;
  }

  .cupboards.bruno-layout-wide #ocfilter .catalog-call.bruno-call-premium {
    position: relative;
    height: 304px;
    min-height: 304px;
    justify-content: flex-start;
    gap: 0;
    overflow: hidden;
    padding: 14px;
    border: 1px solid rgba(236, 199, 132, 0.3);
    border-radius: 12px;
    background-color: #3d372f;
    background-image:
      linear-gradient(180deg, rgba(49, 44, 37, 0.98) 0%, rgba(49, 44, 37, 0.92) 55%, rgba(49, 44, 37, 0.72) 100%),
      url("/image/catalog/call-img.png");
    background-repeat: no-repeat, no-repeat;
    background-position: 0 0, right -10px bottom 8px;
    background-size: cover, 112px auto;
    box-shadow: 0 10px 24px rgba(50, 42, 31, 0.14);
  }

  .cupboards.bruno-layout-wide #ocfilter .bruno-call-premium .call-title {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #fff4e3;
    font-size: 17px;
    font-weight: 700;
    line-height: 22px;
  }

  .cupboards.bruno-layout-wide #ocfilter .bruno-call-premium .call-title span {
    color: #efc878;
  }

  .cupboards.bruno-layout-wide #ocfilter .bruno-call-premium .call-list {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    justify-content: flex-start;
    gap: 8px;
    margin: 18px 0 auto;
  }

  .cupboards.bruno-layout-wide #ocfilter .bruno-call-premium .call-item {
    gap: 7px;
    color: #fff2df;
    font-size: 14px;
    line-height: 20px;
    text-shadow: 0 1px 2px rgba(26, 22, 17, 0.34);
  }

  .cupboards.bruno-layout-wide #ocfilter .bruno-call-premium .call-item::before {
    width: 16px;
    height: 16px;
    min-width: 16px;
  }

  .cupboards.bruno-layout-wide #ocfilter .bruno-call-premium .call-button.header__call-btn {
    position: relative;
    z-index: 1;
    width: 100% !important;
    min-height: 48px;
    margin-top: 18px;
    justify-content: flex-start;
    gap: 3px;
    padding: 6px !important;
    border: 1px solid #e7bd78;
    border-radius: 12px 12px 12px 4px;
    background-color: #e7bd78;
    background-image: linear-gradient(135deg, #f5dda9 0%, #e5ba73 56%, #d7a65c 100%);
    box-shadow: inset 0 1px 0 rgba(255, 249, 232, 0.82), inset 0 -1px 0 rgba(111, 76, 31, 0.2), 0 7px 18px rgba(22, 18, 13, 0.28);
    color: #2b241b;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    transition: background-color 160ms ease, box-shadow 160ms ease;
  }

  .cupboards.bruno-layout-wide #ocfilter .bruno-call-premium .call-button.header__call-btn:hover {
    background-color: #edc980;
    background-image: linear-gradient(135deg, #fae6bd 0%, #ecc987 56%, #dfb36c 100%);
    box-shadow: inset 0 1px 0 rgba(255, 249, 232, 0.9), inset 0 -1px 0 rgba(111, 76, 31, 0.16), 0 4px 12px rgba(22, 18, 13, 0.2);
    opacity: 1;
  }

  .cupboards.bruno-layout-wide #ocfilter .bruno-call-premium .call-button.header__call-btn:focus-visible {
    outline: 2px solid #fff7e8;
    outline-offset: 3px;
  }

  .cupboards.bruno-layout-wide #ocfilter .bruno-call-premium .call-button__icon {
    display: inline-flex;
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 236, 195, 0.38);
    border-radius: 50%;
    background: #493724;
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.12);
  }

  .cupboards.bruno-layout-wide #ocfilter .bruno-call-premium .call-button__icon svg {
    width: 16px;
    height: 16px;
    min-width: 16px;
  }

  .cupboards.bruno-layout-wide #ocfilter .bruno-call-premium .call-button__icon svg path {
    fill: #f6d99e;
  }

  .cupboards.bruno-layout-wide #ocfilter .bruno-call-premium .call-button__icon svg circle {
    display: none;
  }

  .cupboards.bruno-layout-wide #ocfilter .bruno-call-premium .call-button__label {
    flex: 1 1 auto;
    min-width: 0;
    overflow: visible;
    text-align: left;
    white-space: nowrap;
  }

  .cupboards.bruno-layout-wide #ocfilter .bruno-call-premium .call-button__arrow {
    flex: 0 0 auto;
    color: #493724;
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    transition: transform 160ms ease;
  }

  .cupboards.bruno-layout-wide #ocfilter .bruno-call-premium .call-button.header__call-btn:hover .call-button__arrow {
    transform: translateX(2px);
  }
}

@media (min-width: 1280px) and (prefers-reduced-motion: reduce) {
  .cupboards.bruno-layout-wide #ocfilter .bruno-call-premium .call-button__arrow {
    transition: none;
  }
}

@media (min-width: 1600px) {
  .cupboards.bruno-layout-wide .goods-items.goods_items_active > .goods-items__item {
    flex-basis: calc((100% - 54px) / 4);
    width: calc((100% - 54px) / 4);
  }
}