/** Shopify CDN: Minification failed

Line 8:18 Unexpected "-"
Line 132:57 Unterminated string token

**/
/* Place any CSS overrides in this file. */
<!-- Kola Jewelry - 5 大专业珠宝筛选导航栏 (1:1 对齐设计稿) -->
<div class="kj-filter-bar-wrapper">
  <div class="kj-filter-bar-container">
    
    <!-- 左侧：5 个核心筛选胶囊按钮与下拉面板 -->
    <div class="kj-filter-groups">
      
      <!-- 1. Metal 金属材质 -->
      <div class="kj-dropdown" data-filter="metal">
        <button type="button" class="kj-dropdown-btn">
          <span class="kj-btn-label">Metal</span>
          <svg class="kj-dropdown-caret" viewBox="0 0 10 6" fill="none"><path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
        </button>
        <div class="kj-dropdown-panel">
          <div class="kj-panel-title">Metal 金属材质</div>
          <div class="kj-panel-options">
            <label class="kj-option-item"><input type="checkbox" value="14K Yellow Gold"><span>14K Yellow Gold</span></label>
            <label class="kj-option-item"><input type="checkbox" value="14K White Gold"><span>14K White Gold</span></label>
            <label class="kj-option-item"><input type="checkbox" value="14K Rose Gold"><span>14K Rose Gold</span></label>
            <label class="kj-option-item"><input type="checkbox" value="18K Yellow Gold"><span>18K Yellow Gold</span></label>
            <label class="kj-option-item"><input type="checkbox" value="18K White Gold"><span>18K White Gold</span></label>
            <label class="kj-option-item"><input type="checkbox" value="18K Rose Gold"><span>18K Rose Gold</span></label>
            <label class="kj-option-item"><input type="checkbox" value="Platinum 950"><span>Platinum 950</span></label>
          </div>
          <div class="kj-panel-footer">
            <button type="button" class="kj-clear-btn">Clear All</button>
          </div>
        </div>
      </div>

      <!-- 2. Stone 主石形状 -->
      <div class="kj-dropdown" data-filter="stone">
        <button type="button" class="kj-dropdown-btn">
          <span class="kj-btn-label">Stone</span>
          <svg class="kj-dropdown-caret" viewBox="0 0 10 6" fill="none"><path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
        </button>
        <div class="kj-dropdown-panel">
          <div class="kj-panel-title">Stone 主石切形</div>
          <div class="kj-panel-options">
            <label class="kj-option-item"><input type="checkbox" value="Round"><span>Round Brilliant 圆形</span></label>
            <label class="kj-option-item"><input type="checkbox" value="Oval"><span>Oval 椭圆形</span></label>
            <label class="kj-option-item"><input type="checkbox" value="Emerald"><span>Emerald 祖母绿形</span></label>
            <label class="kj-option-item"><input type="checkbox" value="Princess"><span>Princess 公主方</span></label>
            <label class="kj-option-item"><input type="checkbox" value="Pear"><span>Pear 梨形/水滴</span></label>
            <label class="kj-option-item"><input type="checkbox" value="Marquise"><span>Marquise 马眼形</span></label>
            <label class="kj-option-item"><input type="checkbox" value="Cushion"><span>Cushion 垫形</span></label>
          </div>
          <div class="kj-panel-footer">
            <button type="button" class="kj-clear-btn">Clear All</button>
          </div>
        </div>
      </div>

      <!-- 3. Setting 戒托款式 -->
      <div class="kj-dropdown" data-filter="setting">
        <button type="button" class="kj-dropdown-btn">
          <span class="kj-btn-label">Setting</span>
          <svg class="kj-dropdown-caret" viewBox="0 0 10 6" fill="none"><path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
        </button>
        <div class="kj-dropdown-panel">
          <div class="kj-panel-title">Setting 戒托款式</div>
          <div class="kj-panel-options">
            <label class="kj-option-item"><input type="checkbox" value="Solitaire"><span>Solitaire 单钻款</span></label>
            <label class="kj-option-item"><input type="checkbox" value="Halo"><span>Halo 围镶款</span></label>
            <label class="kj-option-item"><input type="checkbox" value="Three Stone"><span>Three Stone 三石款</span></label>
            <label class="kj-option-item"><input type="checkbox" value="Pave"><span>Pavé 密钉镶</span></label>
            <label class="kj-option-item"><input type="checkbox" value="Channel"><span>Channel 槽镶</span></label>
            <label class="kj-option-item"><input type="checkbox" value="Bezel"><span>Bezel 包镶</span></label>
          </div>
          <div class="kj-panel-footer">
            <button type="button" class="kj-clear-btn">Clear All</button>
          </div>
        </div>
      </div>

      <!-- 4. Style 风格 -->
      <div class="kj-dropdown" data-filter="style">
        <button type="button" class="kj-dropdown-btn">
          <span class="kj-btn-label">Style</span>
          <svg class="kj-dropdown-caret" viewBox="0 0 10 6" fill="none"><path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
        </button>
        <div class="kj-dropdown-panel">
          <div class="kj-panel-title">Style 风格</div>
          <div class="kj-panel-options">
            <label class="kj-option-item"><input type="checkbox" value="Classic"><span>Classic 经典款</span></label>
            <label class="kj-option-item"><input type="checkbox" value="Minimalist"><span>Minimalist 极简风</span></label>
            <label class="kj-option-item"><input type="checkbox" value="Vintage"><span>Vintage 复古</span></label>
            <label class="kj-option-item"><input type="checkbox" value="Modern"><span>Modern 现代</span></label>
            <label class="kj-option-item"><input type="checkbox" value="Timeless"><span>Timeless 永恒经典</span></label>
          </div>
          <div class="kj-panel-footer">
            <button type="button" class="kj-clear-btn">Clear All</button>
          </div>
        </div>
      </div>

      <!-- 5. Price 价格区间 -->
      <div class="kj-dropdown" data-filter="price">
        <button type="button" class="kj-dropdown-btn">
          <span class="kj-btn-label">Price</span>
          <svg class="kj-dropdown-caret" viewBox="0 0 10 6" fill="none"><path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
        </button>
        <div class="kj-dropdown-panel">
          <div class="kj-panel-title">Price 价格区间</div>
          <div class="kj-panel-options">
            <label class="kj-option-item"><input type="radio" name="price_range" value="0-1000"><span>Under $1000</span></label>
            <label class="kj-option-item"><input type="radio" name="price_range" value="1000-3000"><span>$1000 &ndash; $3000</span></label>
            <label class="kj-option-item"><input type="radio" name="price_range" value="3000-5000"><span>$3000 &ndash; $5000</span></label>
            <label class="kj-option-item"><input type="radio" name="price_range" value="5000-8000"><span>$5000 &ndash; $8000</span></label>
            <label class="kj-option-item"><input type="radio" name="price_range" value="8000-12000"><span>$8000 &ndash; $12000</span></label>
            <label class="kj-option-item"><input type="radio" name="price_range" value="12000-999999"><span>Above $12000</span></label>
          </div>
          <div class="kj-panel-footer">
            <button type="button" class="kj-clear-btn">Clear All</button>
          </div>
        </div>
      </div>

    </div>

    <!-- 右侧：Sort By 排序与搜索图标 -->
    <div class="kj-filter-sort-wrapper">
      <span class="kj-sort-label">Sort by</span>
      <div class="kj-sort-select-box">
        <select class="kj-sort-select" onchange="location