/** Shopify CDN: Minification failed

Line 12:18 Unexpected "{"
Line 12:26 Expected ":"
Line 12:32 Unexpected "{"
Line 445:14 Unexpected "}"

**/
html{
    overflow-x: hidden;
}
#shopify-section-{{section.id}} {
    background-color: transparent;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
             /* Search Bar Container */
      .search-intro {
        text-align: center;
        font-size: 15px;
        color: #ddd;
        max-width: 600px;
        margin: 0 auto 15px;
        line-height: 1.6;
    }
    .search-intro strong {
        color: #e60073; /* Highlight AI Perfume PAL */
    }
    .search-intro em {
        font-style: italic;
        color: #f4c542;
    }
    .cst-add-to-cart-button{
        background: #552F31;
      color: white;
      padding: 0.8rem 4rem;
      border: none;
      border-radius: 3px;
      transition : background-color 0.3s ease;
    }
  .cst-add-to-cart-button:hover{
    background:#e7dfd4;
    color :  #552F31;
  }
        .ai-search-bar {
            width: 100%;
            max-width: 800px;
            margin: 40px auto;
            padding: 20px;
            background: #1e1b1c;
            border-radius: 12px;
            box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
        }
        /* Titles */
        .ai-search-title {
            font-size: 28px;
            font-weight: bold;
            text-align: center;
            color:white;
            padding-bottom:10px;
        }
        .search-subtitle {
            text-align: center;
            font-size: 14px;
            color: #aaa;
            margin-bottom: 20px;
        }
        /* Input & Select Styles */
        .search-input-container {
            margin-bottom: 15px;
        }
        .search-input-container label {
            font-size: 14px;
            display: block;
            margin-bottom: 5px;
            color: #ddd;
        }
        .search-input, .search-dropdown {
            width: 100%;
            padding: 12px;
            font-size: 14px;
            border: 1px solid #333;
            background: #252124;
            color: #fff;
            border-radius: 8px;
            outline: none;
        }
        .search-input::placeholder {
            color: #666;
        }
        /* Dropdown Styling */
        .search-dropdown {
            cursor: pointer;
        }
        /* Gender Filters */
        .gender-filter {
            text-align: center;
            margin-top: 10px;
        }
        .gender-title {
            font-size: 16px;
            margin-bottom: 10px;
            color: #ddd;
        }
        .gender-options {
            display: flex;
            justify-content: center;
            gap: 15px;
            color:white;
        }
        .gender-option {
            display: flex;
            align-items: center;
            gap: 5px;
            cursor: pointer;
        }
        /* Toggle Switch */
        .toggle-checkbox {
            display: none;
        }
        .toggle-switch {
            width: 40px;
            height: 20px;
            background: #333;
            border-radius: 15px;
            position: relative;
            transition: 0.3s;
        }
        .toggle-checkbox:checked + .toggle-switch {
            background: #552F31;
        }
        .toggle-switch::before {
            content: "";
            width: 18px;
            height: 18px;
            background: #fff;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 2px;
            transform: translateY(-50%);
            transition: 0.3s;
        }
        .toggle-checkbox:checked + .toggle-switch::before {
            left: 20px;
        }
        /* Search & Reset Buttons */
        .search-buttons {
            display: flex;
            justify-content: space-between;
            margin-top: 20px;
        }
        .reset-btn, .search-btn {
            padding: 12px 20px;
            border-radius: 8px;
            font-size: 14px;
            cursor: pointer;
            border: none;
            transition: 0.3s;
        }
        .reset-btn {
            background: #444;
            color: #fff;
        }
        .search-btn {
            background: #e60073;
            color: #fff;
        }
        .reset-btn:hover {
            background: #666;
        }
        .search-btn:hover {
            background: #ff0080;
        }
        /* Search Note Dropdown */
        /* Dropdown Styling */
      .dropdown-content {
          position: absolute;
          background: #252124;
          border: 1px solid #333;
          width: 220px;
          max-height: 200px;
          overflow-y: auto;
          z-index: 1000;
          border-radius: 8px;
          display: none;
          box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
      }
      /* Dropdown Items */
      .dropdown-content a {
          display: block;
          padding: 10px;
          color: #fff;
          font-size: 14px;
          background: #252124;
          transition: 0.3s;
          cursor: pointer;
          border-bottom: 1px solid #333;
      }
      /* Hover Effect */
      .dropdown-content a:hover {
          background: #E7DFD3;
          color: #552F31;
      }
      /* Last item should not have a border */
      .dropdown-content a:last-child {
          border-bottom: none;
      }
              /*
              .toggle-switch {
                position: relative;
                display: block;
                width: 90px;
                height: 30px;
              } */
              .toggle-switch input {
                display: none;
              }
              .slider {
                position: absolute;
                cursor: pointer;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: #ccc;
                transition: 0.4s;
              }
              .slider:before {
                position: absolute;
                content: "";
                height: 25px;
                width: 25px;
                left: 2px;
                bottom: 2px;
                background: #fff;
                transition: 0.4s;
              }
              input:checked + .slider {
                background: #d4a018;
              }
              input:checked + .slider:before {
                transform: translateX(50px);
              }
          /*PRODUCT LIST & TOOL TIPCSS  */
              #product-list {
                display: none;
              }
              #product-list.visible {
                display: flex !important;
                flex-wrap: wrap;
                justify-content: center;
                column-gap: 15px;
                row-gap: 15px;
              }
              #product-list.visible .product{
               width: 20%;
                  text-align: center;
                  box-shadow: 0px 0px 8px 0px #dbdbdb;
                  border-radius: 10px;
                  padding: 20px;
              }
              #product-list.visible .product .product-image {
                width: 100%;
                display: block;
                margin: auto;
              }
              .pagination-controls {
                text-align: center;
                margin-top: 20px;
              }
              .pagination-controls button {
                padding: 10px 20px;
                margin: 5px;
                background: #552f31;
                color:white;
                border: none;
                border-radius: 5px;
                cursor: pointer;
                transition: background 0.3s;
              }
              .pagination-controls button:hover {
                background: #E7DFD3;
                color:black;
              }
              .pagination-controls button:disabled {
                background: #ccc;
                cursor: not-allowed;
              }
              .tooltip-main-container{
                display: flex;
                  width: 100%;
                  position: relative;
                  flex-direction: row-reverse;
              }
              .tooltip-container {
               width:max-content
              }
              /* Tooltip content hidden by default */
              .tooltip-content {
                width: 530px;
                  padding: 10px;
                  background-color: #555;
                  color: #fff;
                  text-align: left;
                  border-radius: 6px;
                  padding: 20px;
                  position: absolute;
                  z-index: 3;
                  bottom: 125%;
                  right: 0%;
                  margin-left: -125px;
                  opacity: 0;
                  transition: opacity 0.3s;
                  font-size: 14px;
              }
              /* Tooltip arrow */
              .tooltip-content::after {
                content: '';
                position: absolute;
                top: 100%; /* Arrow at the bottom */
                right : 3%;
                margin-left: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: #555 transparent transparent transparent;
              }
              /* Show the tooltip content on hover */
              .tooltip-container:hover .tooltip-content {
                visibility: visible;
                opacity: 1;
              }
              /* Optional: styling for an information icon */
              .info-icon {
                cursor: help;
                  font-size: 16px;
                  color: #552F31;
                  background-color: #E7DFD3;
                  padding: 1px 10px;
                  margin: 5px;
                  border-radius: 500px;
              }
                .toggle {
                cursor: pointer;
                display: inline-block;
              }
              .toggle-switch {
                display: inline-block;
                background: #ccc;
                border-radius: 16px;
                width: 58px;
                height: 32px;
                position: relative;
                vertical-align: middle;
                transition: background 0.25s;
              }
              .toggle-switch:before, .toggle-switch:after {
                content: "";
              }
              .toggle-switch:before {
                display: block;
                background: linear-gradient(to bottom, #fff 0%, #eee 100%);
                border-radius: 50%;
                box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
                width: 24px;
                height: 24px;
                position: absolute;
                left: 4px;
                transition: left 0.25s;
              }
              .toggle:hover .toggle-switch:before {
                background: linear-gradient(to bottom, #fff 0%, #fff 100%);
                box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
              }
              .toggle-checkbox:checked + .toggle-switch {
               background: #552F31;
              }
              .toggle-checkbox:checked + .toggle-switch:before {
                left: 30px;
              }
              .toggle-checkbox {
                position: absolute;
                visibility: hidden;
              }
              .toggle-label {
                margin-left: 5px;
                position: relative;
                top: 2px;
              }
              @media (max-width: 768px) {
                   #product-list.visible .product {
                      width: 45%;
                      /* padding: 10px; */
                      margin: 2px;
                  }
                 .rte {
                  margin: 10px auto;
                  width: 100%;
              }
              }
                .js-mobile_bkg_show{
                  display:none;
                }
               .cst-add-to-cart-button{
                 padding: 0.7rem 2rem;
               }
              @media only screen and (max-width: 600px) and (orientation: portrait) {
                .search-inputs {
                 padding: 0px 20px;
                width: 100%;
                  flex-direction: COLUMN;
                }
                .tooltip-main-container{
                  display:none;
                }
                .search-input{
                  background: transparent;
                  border:1px solid white
                }
                .ai-search-bar{
                  width: 370px;
                  padding: 15px;
                  padding: 25px 30px;
                  }
                .gender-filer{
                  width: 100%;
                }
                .gender-filter{
                  text-align:left;
                }
                .gender-options {
                  display: flex;
                  justify-content: center;
                  flex-direction: column;
                  }
                .gender-option span {
                  margin-right: 10px;
                  width: 100px;
                  text-align: left;
              }
                .gender-option{
                }
                }
              }
              .additional-filters {
              margin: 20px 0;
              display: flex;
              gap: 20px;
              flex-wrap: wrap;
            }
            .filter-group {
              display: flex;
              flex-direction: column;
              gap: 5px;
            }
            .filter-dropdown {
              padding: 8px 12px;
              border: 1px solid #ddd;
              border-radius: 4px;
              min-width: 200px;
              background: white;
            }
            /* Message CSS  */
            .no-products-message {
            text-align: center;
            font-size: 16px;
            color: #552F31;
            background: #E7DFD3;
            padding: 20px;
            border-radius: 10px;
            max-width: 500px;
            margin: 30px auto;
            animation: fadeIn 0.5s ease-in-out;
          }
          .no-products-message img {
              width: 250px;
              max-width: 100%;
              margin-bottom: 15px;
              border-radius: 10px;
          }
          .no-products-message p {
              font-size: 14px;
              color: #552F31;
              font-weight: 500;
              line-height: 1.5;
          }
          /* Smooth Fade-in Animation */
          @keyframes fadeIn {
              from { opacity: 0; transform: scale(0.95); }
              to { opacity: 1; transform: scale(1); }
          }
          /* Loader */
            /* 🔥 Full-screen overlay for loader */
          .loader-overlay {
              position: fixed;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              background: rgba(0, 0, 0, 0.5); /* Dark transparent background */
              display: flex;
              align-items: center;
              justify-content: center;
              z-index: 9999;
          }
          /* 🔥 Dots Loader */
          .loader {
              width: 60px;
              aspect-ratio: 2;
              --_g: no-repeat radial-gradient(circle closest-side, #fff 90%, #0000); /* White dots */
              background:
                  var(--_g) 0%   50%,
                  var(--_g) 50%  50%,
                  var(--_g) 100% 50%;
              background-size: calc(100%/3) 50%;
              animation: l3 1s infinite linear;
          }
          /* 🔥 Animation */
          @keyframes l3 {
              20% { background-position: 0% 0%, 50% 50%, 100% 50% }
              40% { background-position: 0% 100%, 50% 0%, 100% 50% }
              60% { background-position: 0% 50%, 50% 100%, 100% 0% }
              80% { background-position: 0% 50%, 50% 50%, 100% 100% }
          }