/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
body.page-products.page-with-filter.page-layout-2columns-left .custom_overlay {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.55);
  z-index: -1;
  opacity: 0;
  left: 0;
  top: 0;
  transition: opacity 0.4s ease-out;
}
body.page-products.page-with-filter.page-layout-2columns-left.moveOverlayUp .custom_overlay {
  z-index: 9;
}
body.page-products.page-with-filter.page-layout-2columns-left.filtersOpened .custom_overlay {
  z-index: 9;
  opacity: 1;
}
@media (min-width: 768px) {
  body.page-products.page-with-filter.page-layout-2columns-left .column.main {
    width: 100%;
    float: none;
    padding-left: 0;
    position: relative;
  }
  body.page-products.page-with-filter.page-layout-2columns-left .sidebar-main {
    position: fixed;
    float: none;
    left: -100%;
    top: 0;
    background: #fff;
    width: 580px;
    height: 100vh;
    z-index: 10;
    transition: all 0.4s ease-out;
    padding: 40px 38px;
    overflow: auto;
  }
  body.page-products.page-with-filter.page-layout-2columns-left.filtersOpened .sidebar-main {
    left: 0;
  }
}
@media (max-width: 768px) {
  .column.main .filter-options .riordinaMobile,
  .column.main .filter-options .filter-options-item,
  .column.main .filter-options .showSideFilters {
    display: inline-flex;
    font-size: 12px;
    line-height: 14.06px;
    font-weight: 400;
    padding: 10px 20px;
    border-radius: 12px;
    background: #F6F6F6;
    align-items: center;
    height: 100%;
    margin-right: 12px;
    margin-bottom: 20px;
    width: unset;
    min-width: unset;
    color: #727272;
  }
  .column.main .filter-options .riordinaMobile .filter-options-title,
  .column.main .filter-options .filter-options-item .filter-options-title,
  .column.main .filter-options .showSideFilters .filter-options-title {
    font-size: 12px;
    line-height: 14.06px;
    font-weight: 400;
    padding: 0;
    min-height: unset;
    min-width: unset;
    white-space: nowrap;
  }
  .column.main .filter-options .riordinaMobile .filter-options-title:after,
  .column.main .filter-options .filter-options-item .filter-options-title:after,
  .column.main .filter-options .showSideFilters .filter-options-title:after {
    display: none;
  }
  .column.main .filter-options .showSideFilters {
    display: inline-flex;
    padding-right: 45px;
  }
  .column.main .filter-options .showSideFilters:before {
    -webkit-mask-image: url(../images/filtri-mobile.svg);
    mask-image: url(../images/filtri-mobile.svg);
    width: 14.07px;
    height: 14px;
    right: 20px;
    transform: translate(0, -50%);
    left: unset;
  }
  .column.main .filter-options .showSideFilters span {
    display: block;
    white-space: nowrap;
  }
}
.page-print .logo {
  display: block;
  float: none;
  text-align: left;
}
@media print {
  * {
    -webkit-filter: none !important;
    background: transparent !important;
    color: #000000 !important;
    filter: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline !important;
  }
  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  .table-wrapper table {
    width: 100%;
    table-layout: fixed;
  }
  .table-wrapper table td {
    width: auto;
  }
  .table-wrapper table > tfoot > tr:first-child {
    border-top: 1px solid #999999;
  }
  .box,
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 1cm;
  }
  .block-content,
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  .block-content {
    page-break-before: avoid;
  }
  .block-title,
  h2,
  h3 {
    page-break-after: avoid;
  }
  .nav-toggle {
    display: none !important;
  }
  .sidebar,
  .nav-sections,
  .header.content > *[class],
  .panel.wrapper > *[class],
  .footer.content > *[class] {
    display: none;
  }
  .logo,
  .footer .copyright {
    display: block !important;
    margin: 10px 0;
  }
  .order-details-items .order-items .order-gift-message:not(.expanded-content) {
    height: auto;
    visibility: visible;
  }
  .column.main {
    float: none !important;
    width: 100% !important;
  }
  .breadcrumbs {
    margin: 0 auto;
    text-align: right;
  }
  .footer.content {
    padding: 0;
  }
  .hidden-print {
    display: none !important;
  }
}
