/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./code/app_custom_encircle/cartridge/client/default/scss/offerList.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.partner-offer {
  margin-top: 3rem; }
  .partner-offer .heading {
    font-size: 1.25rem;
    color: #212529;
    font-weight: 500;
    font-family: "Noir", sans-serif;
    margin-bottom: 1rem; }
    @media (min-width: 1024px) {
      .partner-offer .heading {
        font-size: 2.75rem; } }
  .partner-offer .product-grid.silver .gold::after,
  .partner-offer .product-grid.silver .platinum::after {
    content: "";
    position: absolute;
    backdrop-filter: blur(6px);
    border: 0.125rem solid #d9d9d9;
    z-index: 1;
    height: 100%;
    width: 100%; }
  .partner-offer .product-grid.silver .gold-btn,
  .partner-offer .product-grid.silver .platinum-btn {
    pointer-events: none; }
  .partner-offer .product-grid.gold .platinum::after {
    content: "";
    position: absolute;
    backdrop-filter: blur(6px);
    border: 0.125rem solid #d9d9d9;
    z-index: 1;
    height: 100%;
    width: 100%; }
  .partner-offer .product-grid.gold .platinum-btn {
    pointer-events: none; }
  .partner-offer .refinement-tile {
    height: 70vh; }
    .partner-offer .refinement-tile.custom-scroll::-webkit-scrollbar {
      width: 0.375rem;
      height: 0.375rem; }
    @media (min-width: 1024px) {
      .partner-offer .refinement-tile .content-filters {
        max-height: 70vh;
        position: sticky;
        top: 0;
        border-right: 0.75rem solid #f2f2f2; } }
    .partner-offer .refinement-tile .contents {
      padding-bottom: 2rem; }
      @media (min-width: 1024px) {
        .partner-offer .refinement-tile .contents {
          padding: 1rem 0.75rem 3rem; } }
      @media (min-width: 1024px) {
        .partner-offer .refinement-tile .contents .product-grid {
          padding-left: 0.75rem; } }
      .partner-offer .refinement-tile .contents .product-grid .content {
        padding: 0; }
        .partner-offer .refinement-tile .contents .product-grid .content .content-body {
          padding: 0 0.75rem 1rem; }
    .partner-offer .refinement-tile .tile-section {
      position: relative;
      overflow: hidden; }
      .partner-offer .refinement-tile .tile-section .image-section {
        border: 0.125rem solid #d9d9d9; }
      .partner-offer .refinement-tile .tile-section .body-section {
        border: 0.125rem solid #d9d9d9;
        border-left: 0;
        position: relative;
        background-color: #faf7f4;
        padding: 1rem;
        overflow: hidden; }
        .partner-offer .refinement-tile .tile-section .body-section .offers-tag {
          position: absolute;
          width: 2.5rem;
          height: auto;
          top: 0;
          right: 0;
          left: auto;
          z-index: 2; }
        .partner-offer .refinement-tile .tile-section .body-section .heading {
          font-size: 1rem;
          margin-bottom: 0.5rem;
          font-weight: 500;
          line-height: 1.25rem; }
        .partner-offer .refinement-tile .tile-section .body-section .description {
          margin: 1rem 0;
          font-size: 0.625rem;
          font-family: "Roboto", sans-serif;
          font-weight: 600;
          text-overflow: ellipsis;
          overflow: hidden;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          white-space: normal;
          min-height: auto; }
        .partner-offer .refinement-tile .tile-section .body-section .button-link {
          padding: 0.1875rem 0.75rem;
          font-size: 0.75rem;
          line-height: 1.875rem; }
      .partner-offer .refinement-tile .tile-section div {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%; }
      .partner-offer .refinement-tile .tile-section .partner-image {
        padding: 0 1rem; }

@-webkit-keyframes slide-in-from-bottom {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@keyframes slide-in-from-bottom {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

.partner-offer .refinement-filters {
  padding: 0 0.625rem 0.625rem 0; }
  .partner-offer .refinement-filters .refinement .card-header {
    padding: 0;
    border-bottom: none; }
    .partner-offer .refinement-filters .refinement .card-header .filter-heading {
      font-size: 0.875rem;
      color: #000;
      font-family: "Noir", sans-serif;
      padding: 1.5rem 0 1.5rem 1rem;
      font-weight: 400;
      border-bottom: 2px solid #e5e5e5; }
      @media (min-width: 1024px) {
        .partner-offer .refinement-filters .refinement .card-header .filter-heading {
          color: #212529;
          line-height: 1.5rem;
          padding: 0;
          margin: 0.25rem 0 1.5rem;
          font-weight: 500;
          font-size: 1.25rem;
          border: none; } }
  @media (min-width: 1024px) {
    .partner-offer .refinement-filters .card-body {
      padding: 0;
      margin-bottom: 1.875rem;
      height: 17vh; }
      .partner-offer .refinement-filters .card-body.custom-scroll::-webkit-scrollbar {
        width: 0.375rem;
        height: 0.375rem; } }
  .partner-offer .refinement-filters .card-body .filter-options {
    padding: 0; }
    .partner-offer .refinement-filters .card-body .filter-options .form-check {
      padding-left: 1.875rem; }
      @media (min-width: 1024px) {
        .partner-offer .refinement-filters .card-body .filter-options .form-check .form-check-input ~ .form-check-label::before {
          -webkit-transition: all ease 0.3s;
          transition: all ease 0.3s;
          height: 1.125rem;
          width: 1.125rem;
          margin-right: 0.25rem;
          border-radius: 0.375rem; } }
    .partner-offer .refinement-filters .card-body .filter-options .selective-filters {
      border: none;
      background-color: #fff;
      font-size: 0.75rem;
      color: #3e4152;
      outline: none;
      font-weight: 400; }
      @media (min-width: 1024px) {
        .partner-offer .refinement-filters .card-body .filter-options .selective-filters {
          padding: 0.25rem 0;
          margin-bottom: 0.625rem;
          color: #212529; } }

.partner-offer .modal.show {
  -webkit-animation-name: slide-in-from-bottom;
          animation-name: slide-in-from-bottom;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in; }

.partner-offer .modal-dialog {
  margin: 0;
  max-width: 64rem; }
  .partner-offer .modal-dialog .modal-content {
    border: none;
    border-radius: 0; }
  .partner-offer .modal-dialog .modal-body {
    padding: 0; }
    .partner-offer .modal-dialog .modal-body .refinement-heading {
      background-color: #f5f5f6; }
      .partner-offer .modal-dialog .modal-body .refinement-heading .mobile-filter-heading {
        font-size: 0.875rem;
        color: #000;
        font-family: "Noir", sans-serif;
        padding: 1.5rem 0.5rem 1.5rem 1rem;
        background-color: #f5f5f6;
        font-weight: 400;
        border-bottom: 2px solid #e5e5e5; }
      .partner-offer .modal-dialog .modal-body .refinement-heading .mobile-filter-heading.show {
        background-color: #fff; }
    .partner-offer .modal-dialog .modal-body .card-body {
      padding: 0 0.75rem; }
      .partner-offer .modal-dialog .modal-body .card-body .filter-options {
        padding: 1.5rem 0;
        border-bottom: 2px solid #e5e5e5;
        line-height: 1rem; }
      .partner-offer .modal-dialog .modal-body .card-body .form-check .form-check-input ~ .form-check-label::before {
        border: none;
        background-image: url("data:image/svg+xml,%3Csvg width='710' height='543' viewBox='0 0 710 543' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M248.4 542.64L0 294.24L81.672 212.584L248.392 379.317L627.659 0.0373535L709.331 81.6934L248.4 542.64Z' fill='black'/%3E%3C/svg%3E");
        -webkit-filter: invert(0.5);
                filter: invert(0.5);
        -webkit-transition: none;
        transition: none;
        -webkit-box-shadow: none;
                box-shadow: none; }
      .partner-offer .modal-dialog .modal-body .card-body .form-check .form-check-input ~ .form-check-label:focus ~ .form-check-label::before {
        -webkit-box-shadow: none;
                box-shadow: none; }
      .partner-offer .modal-dialog .modal-body .card-body .form-check .form-check-input:checked ~ .form-check-label {
        font-weight: 600; }
        .partner-offer .modal-dialog .modal-body .card-body .form-check .form-check-input:checked ~ .form-check-label::before {
          -webkit-transition: none;
          transition: none;
          -webkit-box-shadow: none;
                  box-shadow: none; }
      .partner-offer .modal-dialog .modal-body .card-body .form-check .form-check-input:checked:focus::before {
        -webkit-box-shadow: none;
                box-shadow: none; }
  .partner-offer .modal-dialog .modal-header {
    border-bottom: 0.125rem solid #e5e5e5;
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: #fff; }
    .partner-offer .modal-dialog .modal-header .mobile-heading {
      margin: 0;
      font-size: 1.25rem;
      font-family: "Noir", sans-serif;
      padding-top: 0.375rem; }
    .partner-offer .modal-dialog .modal-header .custom-mbl-filter-btn {
      background-color: #fff;
      border: none;
      font-size: 1.5rem;
      font-weight: 900; }

.partner-offer .modal-footer {
  position: sticky;
  bottom: 0;
  background-color: #fff;
  z-index: 1;
  padding: 1rem 0.75rem;
  border-top: 0.0625rem solid #e5e5e5; }
  .partner-offer .modal-footer .clear-button {
    padding: 0.375rem 3.75rem;
    background-color: #52ab98;
    color: #fff;
    border-radius: 0.375rem;
    border: none;
    outline: none;
    margin: 0; }

.partner-offer .mobile-filter-btn {
  background: #000;
  border: none;
  color: #fff;
  position: fixed;
  bottom: 0;
  z-index: 1;
  padding: 0.5rem 0;
  outline: none; }
  .partner-offer .mobile-filter-btn .filter-button {
    font-size: 1.25rem;
    line-height: 1.5rem; }

.no-results {
  margin-top: 1.5rem; }
  .no-results .no-results-img {
    width: 25%; }
    @media (min-width: 768px) {
      .no-results .no-results-img {
        width: 16%; } }
    @media (min-width: 1024px) {
      .no-results .no-results-img {
        width: 100%; } }
  .no-results .no-results-text {
    margin-top: 1.5rem;
    padding: 0 0.75rem; }
    .no-results .no-results-text .no-results-heading {
      font-size: 1.75rem;
      line-height: 2.375rem;
      font-family: "Noir", sans-serif;
      font-weight: 400;
      color: #000;
      margin: 0 0 0.5rem; }
      @media (min-width: 768px) {
        .no-results .no-results-text .no-results-heading {
          font-size: 2.25rem;
          line-height: 3rem; } }
      @media (min-width: 1024px) {
        .no-results .no-results-text .no-results-heading {
          font-size: 3rem;
          line-height: 3.875rem; } }
    .no-results .no-results-text .search-items-text {
      font-size: 0.75rem;
      line-height: 1.25rem;
      margin-bottom: 1rem;
      color: #929191; }
      @media (min-width: 1024px) {
        .no-results .no-results-text .search-items-text {
          font-size: 1rem;
          line-height: 1.5rem; } }