.breadcrumb-shop {
   display: none;
 }
 
#jemmia-online-page {
    .slick-initialized .slick-slide {
      margin-right: 15px;
    }

  #list-category {
    .slick-slide {
      margin-right: 0px !important;
    }
  }

    @media(min-width:1080px){
      #banner-voucher {
        display: none;
      }
    }

    #popular-product-title {
      font-family: "Playfair Display"
    }
  
    .active-category {
      position: relative;           /* cha làm mốc cho ::before */
      display: inline-block;        /* để width/100% hoạt động ổn với inline */
      background: linear-gradient(to bottom, #FFFFFF33, #D4F6EE);
    }
    
    .active-category::before {
      content: "";                  /* BẮT BUỘC cho ::before/::after */
      position: absolute;
      left: 0;
      right: 0;                     /* hoặc width: 100% + left: 0 */
      bottom: 0;                    /* dùng 0 cho chuẩn */
      height: 3px;
      background: #057C80;
      display: block;               /* tuỳ chọn, giúp chiều cao áp dụng rõ ràng */
    }

    .img-desk {
      display: block;
    }
    .img-mb {
      display: none;
    }
    @media(max-width:720px) {
      .img-desk {
        display: none;
      }
      .img-mb {
        display: block;
      }
    }

    #popular-product-slide_prev {
           position: absolute;
           top: 60%;
           bottom: 50%;
           transform: translateY(-100%);
           left: 10px;
           width: 32px;
           height: 32px;
           border-radius: 24px;
           background-color: transparent;
           color: #000;
           cursor: pointer;
           backdrop-filter: blur(12px);
           box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
          
        }
    #popular-product-slide_next {
           position: absolute;
           top: 60%;
           bottom: 50%;
           transform: translateY(-100%);
           right: 10px;
           width: 32px;
           height: 32px;
           border-radius: 24px;
           background-color: transparent;
           color: #000;
           // border: 2px solid #fff;
           cursor: pointer;
           backdrop-filter: blur(12px);
          box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
        }


    .pagination-container {
      display: flex;
      justify-content: center;
      // margin-top: 40px;
    }

    #pagination span, #pagination a {
      width: 24px !important;
      height: 24px !important;
      line-height: 0px !important;
      font-weight: 500 !important;
      padding: 0;
      color: #000;
    }
    
    .active > .page-link {
      border-color: transparent !important;
    }
    
    .page-item:first-child .page-link {
      border-radius: 100% !important;
    }
    .page-item:last-child .page-link {
      border-radius: 100% !important;
    }
    
    .page-link {
      border: none !important;
    }
    
    .pagination {
      display: flex;
      list-style: none;
      margin: 0;
      padding: 0;
      gap: 12px;
      align-items: center;
    }
    
    .pagination a {
      margin-right:0 !important;
      display:flex !important;
    
    }
    
    .pagination a:hover{
      background: #e4e4e4 !important;
      color: #000 !important;
    }
    
    .pagination li {
      margin: 0;
    }
    
    
    
    .pagination .page-link {
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 24px;
      height: 24px;
      padding: 0;
      background: transparent;
      color: #18382d;
      border-radius: 100%;
      font-size: 14px;
      font-weight: 500;
      text-decoration: none;
      cursor: pointer;
      transition: all 0.3s ease;
      user-select: none;
      border-color: transparent;
      font-family: "Helvetica Neue";
    }
    
    .pagination .page-link:hover {
      background: #f5f5f5;
      border-radius: 100%;
      color: #18382d;
    }
    
    .pagination .page-item.active .page-link {
      background: #013A40;
      color: #fff !important;
      border-radius: 100%;
    }
    
    .pagination .page-item.disabled .page-link {
      color: #ccc;
      cursor: not-allowed;
      background: #f9f9f9;
    }
    
    .pagination .page-item.disabled .page-link:hover {
      background: #f9f9f9;
      color: #ccc;
    }
    
    .pagination .page-link.prev,
    .pagination .page-link.next {
      font-weight: 600;
      border-radius: 100%;
    }
    
    .modal-open {
      animation: pop-in 220ms cubic-bezier(.2,.8,.2,1.1) forwards;
    }
    .modal-closing {
      animation: pop-out 160ms cubic-bezier(.3,.1,.6,1) forwards;
    }

    @keyframes pop-in {
    0%   { opacity: 0; transform: scale(.92); }
    60%  { opacity: 1; transform: scale(1.02); }
    100% { opacity: 1; transform: scale(1); }
  }
  @keyframes pop-out {
    0%   { opacity: 1; transform: scale(1); }
    100% { opacity: 0; transform: scale(.92); }
  }

  }