.elementor-31555 .elementor-element.elementor-element-banner_con{--display:flex;}.elementor-31555 .elementor-element.elementor-element-products_con{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-31555 .elementor-element.elementor-element-products_loop_grid{--grid-columns:3;}.elementor-31555 .elementor-element.elementor-element-products_loop_grid .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-31555 .elementor-element.elementor-element-products_loop_grid .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-31555 .elementor-element.elementor-element-products_loop_grid .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-31555 .elementor-element.elementor-element-products_loop_grid .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-31555 .elementor-element.elementor-element-products_loop_grid .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-31555 .elementor-element.elementor-element-script_con{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-31555 .elementor-element.elementor-element-products_loop_grid{--grid-columns:2;}}@media(max-width:767px){.elementor-31555 .elementor-element.elementor-element-products_loop_grid{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-products_con *//* =========================================================
   Loop Grid 容器層級 (*__container: products__container)
   ========================================================= */

div.products__container{
  position:relative;
  width:100%;
  padding:96px 0 120px;
  background:#fff;
}

/* 最大寬度限制與兩側留白 */
div.products__container > .e-con-inner,
div.products__container.e-con-boxed > .e-con-inner{
  max-width:var(--content);
  width:calc(100% - var(--gutter) * 2);
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:44px;
}

/* Loop Grid 網格佈局 (Desktop 3 欄) */
div.products__container .elementor-loop-container.elementor-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:48px 36px;
  width:100%;
}

/* Elementor 原生分頁小工具樣式 */
div.products__container .elementor-pagination{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  padding-top:20px;
  width:100%;
}

div.products__container .elementor-pagination .page-numbers{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  height:40px;
  padding:0 14px;
  border:1px solid #d9d9d9;
  background:#fff;
  color:var(--ink);
  
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  transition:all .2s var(--ease);
}

div.products__container .elementor-pagination .page-numbers:hover:not(.current){
  border-color:var(--orange);
  color:var(--orange);
}

div.products__container .elementor-pagination .page-numbers.current{
  background:var(--orange);
  border-color:var(--orange);
  color:#fff;
  cursor:default;
}

/* =========================================================
   響應式斷點微調 (遵循 RWD 規範)
   ========================================================= */

/* 1024px ~ 1279px: 平板橫向 / 中型螢幕 維持 3 欄，縮小間距 */
@media (max-width:1279px){
  div.products__container{ padding:80px 0 100px; }
  div.products__container .elementor-loop-container.elementor-grid{ gap:36px 24px; }
}

/* 768px ~ 1023px: 平板直向 改為 2 欄 */
@media (max-width:1023px){
  div.products__container{ padding:70px 0 90px; }
  div.products__container > .e-con-inner,
  div.products__container.e-con-boxed > .e-con-inner{ gap:36px; }
  div.products__container .elementor-loop-container.elementor-grid{ grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:36px 24px; }
}

/* 480px ~ 767px: 手機版 改為 1 欄 */
@media (max-width:767px){
  div.products__container{ padding:56px 0 80px; }
  div.products__container > .e-con-inner,
  div.products__container.e-con-boxed > .e-con-inner{ width:calc(100% - 32px);
    gap:32px; }
  div.products__container .elementor-loop-container.elementor-grid{ grid-template-columns:minmax(0, 1fr);
    gap:32px; }
  div.products__container .elementor-pagination .page-numbers{ min-width:36px;
    height:36px;
    padding:0 10px;
    font-size:13px; }
}/* End custom CSS */