/** Shopify CDN: Minification failed

Line 60:0 Unexpected "}"

**/
/*// =============================================================================
// Ella Custom CSS - Customize The Style For Layout
// =============================================================================

// =============================================================================
//
// IMPORTANT DISCLAIMER
// Shopify is notifying shop owners about the need to convert scss files to css files.
// Please use only CSS to style the layout.
//
// =============================================================================*/



/* ========================================
   YMM 插件优化样式（增强优先级）
   ======================================== */

/* 桌面端：限制宽度，添加边距（和其他模块一致） */
@media screen and (min-width: 990px) {
  body .easysearch-widget .easysearch-container,
  body .shopify-section .easysearch-widget .easysearch-container {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  
  /* 选择框和按钮都在一行，整体居中 */
  body .easysearch-widget .easysearch-holder {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 15px !important;
    justify-content: center !important;
    align-items: flex-end !important;
  }
  
  /* 每个选择框固定宽度 */
  body .easysearch-widget .easysearch-select-holder {
    flex: 0 0 auto !important;
    width: 180px !important;
  }
  
  /* 按钮和选择框在同一行 */
  body .easysearch-widget .easysearch-btn-holder {
    flex: 0 0 auto !important;
    margin-top: 0 !important;
  }
  
  body .easysearch-widget .easysearch-btn {
    min-width: 150px !important;
  }
}
}

/* 移动端：选择框并排显示，优化布局 */
@media screen and (max-width: 749px) {
  /* 选择框容器使用 flex 布局 */
  body .easysearch-widget .easysearch-holder {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: flex-start !important;
  }
  
  /* 每个选择框占据合适的宽度 */
  body .easysearch-widget .easysearch-select-holder {
    flex: 1 1 calc(50% - 5px) !important;
    min-width: 140px !important;
    max-width: calc(50% - 5px) !important;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
  }
  
  /* 搜索按钮占满宽度 */
  body .easysearch-widget .easysearch-btn-holder {
    flex: 1 1 100% !important;
    width: 100% !important;
    margin-top: 10px !important;
  }
  
  body .easysearch-widget .easysearch-btn {
    width: 100% !important;
  }
  
  /* 确保选择框内的 select 元素占满容器 */
  body .easysearch-widget .easysearch-select-holder select {
    width: 100% !important;
  }
}

/* 平板端：3 个选择框并排 */
@media screen and (min-width: 750px) and (max-width: 989px) {
  body .easysearch-widget .easysearch-holder {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
  }
  
  body .easysearch-widget .easysearch-select-holder {
    flex: 1 1 calc(33.333% - 8px) !important;
    min-width: 180px !important;
    margin-bottom: 0 !important;
  }
  
  body .easysearch-widget .easysearch-btn-holder {
    flex: 1 1 100% !important;
    margin-top: 10px !important;
  }
}