.elementor-3299 .elementor-element.elementor-element-d2e5401{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-3299 .elementor-element.elementor-element-d2e5401::before, .elementor-3299 .elementor-element.elementor-element-d2e5401 > .elementor-background-video-container::before, .elementor-3299 .elementor-element.elementor-element-d2e5401 > .e-con-inner > .elementor-background-video-container::before, .elementor-3299 .elementor-element.elementor-element-d2e5401 > .elementor-background-slideshow::before, .elementor-3299 .elementor-element.elementor-element-d2e5401 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3299 .elementor-element.elementor-element-d2e5401 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-c42e237 );--background-overlay:'';}.elementor-3299 .elementor-element.elementor-element-8c50f46{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3299 .elementor-element.elementor-element-6ba7fc7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:3%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-3299 .elementor-element.elementor-element-6ba7fc7:not(.elementor-motion-effects-element-type-background), .elementor-3299 .elementor-element.elementor-element-6ba7fc7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c42e237 );background-image:url("https://www.expertinctive-shops.com/wp-content/uploads/2026/02/背景图3-1.png");background-position:bottom center;background-repeat:no-repeat;background-size:contain;}.elementor-3299 .elementor-element.elementor-element-614a8cb .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:2.5rem;font-weight:500;color:var( --e-global-color-primary );}.elementor-3299 .elementor-element.elementor-element-a958735{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3299 .elementor-element.elementor-element-46ecc5a{box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-3299 .elementor-element.elementor-element-2998e66{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3299 .elementor-element.elementor-element-ae8a098{--grid-columns:3;--load-more-message-alignment:center;--load-more—spacing:0px;--e-loop-nothing-found-message-align:center;--grid-column-gap:50px;}.elementor-3299 .elementor-element.elementor-element-ae8a098 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-3299 .elementor-element.elementor-element-ae8a098 .e-loop-item > .elementor-section, .elementor-3299 .elementor-element.elementor-element-ae8a098 .e-loop-item > .elementor-section > .elementor-container, .elementor-3299 .elementor-element.elementor-element-ae8a098 .e-loop-item > .e-con, .elementor-3299 .elementor-element.elementor-element-ae8a098 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-3299 .elementor-element.elementor-element-a464f73{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:96;}.elementor-3299 .elementor-element.elementor-element-a464f73.e-con{--e-con-transform-translateY:0px;}.elementor-3299 .elementor-element.elementor-element-d89a5fa .elementor-button{background-color:var( --e-global-color-b8cac9f );font-weight:500;fill:var( --e-global-color-b67ac35 );color:var( --e-global-color-b67ac35 );border-radius:8px 8px 8px 8px;padding:35px 16px 35px 16px;}.elementor-3299 .elementor-element.elementor-element-d89a5fa{--e-transform-translateY:45px;z-index:9999;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3299 .elementor-element.elementor-element-ae8a098{--grid-columns:2;}}@media(max-width:767px){.elementor-3299 .elementor-element.elementor-element-d2e5401{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-3299 .elementor-element.elementor-element-6ba7fc7:not(.elementor-motion-effects-element-type-background), .elementor-3299 .elementor-element.elementor-element-6ba7fc7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.expertinctive-shops.com/wp-content/uploads/2026/02/资源-3@3x-scaled.png");background-repeat:repeat-y;}.elementor-3299 .elementor-element.elementor-element-6ba7fc7{--margin-top:2px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10%;--padding-bottom:0%;--padding-left:6%;--padding-right:06%;}.elementor-3299 .elementor-element.elementor-element-614a8cb .elementor-heading-title{font-size:1.75rem;}.elementor-3299 .elementor-element.elementor-element-ae8a098{--grid-columns:1;}.elementor-3299 .elementor-element.elementor-element-d89a5fa{--e-transform-translateY:30px;}.elementor-3299 .elementor-element.elementor-element-d89a5fa .elementor-button{font-size:12px;padding:25px 12px 25px 12px;}}@media(min-width:1025px){.elementor-3299 .elementor-element.elementor-element-6ba7fc7:not(.elementor-motion-effects-element-type-background), .elementor-3299 .elementor-element.elementor-element-6ba7fc7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for container, class: .elementor-element-a958735 *//* ========= CUSTOM FILTER BAR (NO NATIVE SELECT) ========= */
.shop-filter-bar--custom{
  width: 100%;
}

.shop-filter-bar--custom .shop-filter-form{
  border: 2px solid #97320A;
  background: #FAF7F2;
  box-shadow: 10px 10px 0 #97320A;
  padding: 18px 22px;
}

.shop-filter-bar--custom .sfb-row{
  display: flex;
  width: 100%;
}

.shop-filter-bar--custom .sfb-row--search{
  margin-bottom: 12px;
}

.shop-filter-bar--custom .sfb-search{
  position: relative;
  flex: 1 1 auto;
}

.shop-filter-bar--custom .sfb-search-icon{
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  opacity: .6;
  pointer-events: none;
}

.shop-filter-bar--custom input[type="text"]{
  width: 100%;
  height: 44px;
  padding: 0 14px 0 44px;
  background: #efefef;
  border: 1;
  outline: none;
  border-radius: 0;
  box-sizing: border-box;
  border-color:#AB834B;
}

.shop-filter-bar--custom .sfb-row--controls{
  display: flex;
  gap: 10px;
  align-items: center;
}

.shop-filter-bar--custom .sfb-dd{
  position: relative;
  flex: 1 1 0;
  min-width: 0;
}

.shop-filter-bar--custom .sfb-dd__btn{
  width: 100%;
  height: 44px;
  border: 2px solid #000;
  background: #fff;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  box-sizing: border-box;
}

.shop-filter-bar--custom .sfb-dd__label{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.shop-filter-bar--custom .sfb-dd__panel{
  position: absolute;
  left: 0;
  top: calc(100% + 6px);
  width: 100%;
  background: #fff;
  border: 2px solid #000;
  z-index: 99999; /* ✅ 永远压住地图 */
  display: none;
  max-height: 320px;
  overflow: auto;
}

.shop-filter-bar--custom .sfb-dd.is-open .sfb-dd__panel{
  display: block;
}

.shop-filter-bar--custom .sfb-dd__item{
  width: 100%;
  text-align: left;
  background: #fff;
  border: 0;
  border-bottom: 1px solid #eee;
  padding: 10px 12px;
  cursor: pointer;
}

.shop-filter-bar--custom .sfb-dd__item:hover{
  background: #f6f1e6;
}

.shop-filter-bar--custom .sfb-dd__item.is-active{
  background: #f0e6d6;
  font-weight: 700;
}

/* 二级菜单面板 */
.shop-filter-bar--custom .sfb-dd__panel--2col{
  width: 360px;         /* 桌面端两列更舒服 */
  max-width: 92vw;
}

.shop-filter-bar--custom .sfb-2col{
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.shop-filter-bar--custom .sfb-2col__left,
.shop-filter-bar--custom .sfb-2col__right{
  max-height: 320px;
  overflow: auto;
}

.shop-filter-bar--custom .sfb-2col__right{
  border-left: 1px solid #eee;
}

.shop-filter-bar--custom .sfb-2col__hint{
  padding: 12px;
  color: #666;
  font-size: 14px;
}

/* 提交按钮 */
.shop-filter-bar--custom .sfb-submit{
  height: 44px;
  padding: 0 16px;
  border: 2px solid #000;
  background: #F0E9D9;
  color: #fff;
  font-weight: 600;
  border-radius: 0;
  cursor: pointer;
  box-sizing: border-box;
  flex: 0.9 1 0; /* 按钮略窄一点 */
}

/* 手机端：字体 0.875rem，仍保持三列同一排 */
@media (max-width: 767px){
  .shop-filter-bar--custom,
  .shop-filter-bar--custom *{
    font-size: 0.875rem !important;
  }

  .shop-filter-bar--custom .shop-filter-form{
    padding: 14px 14px;
    box-shadow: 6px 6px 0 #B28140;
  }

  /* 两级面板在手机端改成全宽更好点 */
  .shop-filter-bar--custom .sfb-dd__panel--2col{
    width: 255px;
  }
}

/* =========================
   TEXT COLOR: 全部改黑色
   ========================= */
.shop-filter-bar--custom,
.shop-filter-bar--custom input,
.shop-filter-bar--custom button{
  color: #000 !important;
}

.shop-filter-bar--custom .sfb-dd__btn{
  color: #000 !important;
}

.shop-filter-bar--custom .sfb-dd__label{
  color: #000 !important;
}

.shop-filter-bar--custom input[type="text"]::placeholder{
  color: rgba(0,0,0,0.55) !important;
}

/* =========================
   MOBILE: 默认隐藏子district右栏，点母district后再显示
   ========================= */
@media (max-width: 767px){
  .shop-filter-bar--custom .sfb-dd[data-dd="district"] .sfb-2col{
    grid-template-columns: 1fr;   /* 默认只显示左栏（母district） */
  }

  .shop-filter-bar--custom .sfb-dd[data-dd="district"] .sfb-2col__right{
    display: none;               /* 默认隐藏子district */
    border-left: 0;
  }

  /* 当 JS 加上 .children-open 才显示右栏 */
  .shop-filter-bar--custom .sfb-dd[data-dd="district"].children-open .sfb-2col{
    grid-template-columns: 1fr 1fr;
  }

  .shop-filter-bar--custom .sfb-dd[data-dd="district"].children-open .sfb-2col__right{
    display: block;
    border-left: 1px solid #eee;
  }
}

/* =========================
   DESKTOP: 强制一行 4 列（搜索 / 类别 / 地区 / 按钮）
   ========================= */
@media (min-width: 768px){

  /* 1) form 直接变 grid：一行四列 */
  .shop-filter-bar--custom .shop-filter-form{
    display: grid !important;
    grid-template-columns: 3fr 1fr 1fr 0.5fr; /* 你可以调比例 */
    gap: 12px;
    align-items: center;
  }

  /* 2) 两个 row 不要再占一整行 */
  .shop-filter-bar--custom .sfb-row{
    display: contents !important;  /* 关键：让子元素“直接参与 grid” */
    width: auto !important;
    margin: 0 !important;
  }

  /* 3) search 容器/输入框铺满第一格 */
  .shop-filter-bar--custom .sfb-search{
    width: 100%;
  }

  /* 4) controls 里的三个控件不要再自己撑开换行 */
  .shop-filter-bar--custom .sfb-row--controls{
    display: contents !important;
  }

  /* 5) dropdown 和按钮都铺满各自格子 */
  .shop-filter-bar--custom .sfb-dd,
  .shop-filter-bar--custom .sfb-submit{
    width: 100%;
    min-width: 0;
  }

  /* 6) 去掉你之前给 search row 的下边距 */
  .shop-filter-bar--custom .sfb-row--search{
    margin-bottom: 0 !important;
  }
}

/* ✅ 统一三个按钮的边框颜色（以及下拉面板边框，可选） */
.shop-filter-bar--custom .sfb-dd__btn,
.shop-filter-bar--custom .sfb-submit{
  border: 1px solid #AB834B !important;
}

.shop-filter-bar--custom .sfb-dd__panel{
  border: 1px solid #AB834B !important;
}

.shop-filter-bar--custom .sfb-2col__right{
  border-left: 1px solid #AB834B !important;
}/* End custom CSS */