.elementor-502 .elementor-element.elementor-element-643398b{--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;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-502 .elementor-element.elementor-element-81e165b{--display:flex;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-502 .elementor-element.elementor-element-601d940{--grid-columns:4;}.elementor-502 .elementor-element.elementor-element-601d940 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-502 .elementor-element.elementor-element-601d940 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-502 .elementor-element.elementor-element-601d940 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-502 .elementor-element.elementor-element-601d940 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-502 .elementor-element.elementor-element-601d940 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-502 .elementor-element.elementor-element-eb2d417{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-502 .elementor-element.elementor-element-601d940{--grid-columns:3;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-502 .elementor-element.elementor-element-601d940{--grid-columns:2;}body:not(.rtl) .elementor-502 .elementor-element.elementor-element-601d940 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 0px/2 );}body:not(.rtl) .elementor-502 .elementor-element.elementor-element-601d940 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 0px/2 );}body.rtl .elementor-502 .elementor-element.elementor-element-601d940 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 0px/2 );}body.rtl .elementor-502 .elementor-element.elementor-element-601d940 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 0px/2 );}}/* Start custom CSS for loop-grid, class: .elementor-element-601d940 *//* ให้ Pagination ขึ้นแถวใหม่และเว้นจากการ์ด */
.elementor-502 .elementor-element.elementor-element-601d940 .elementor-pagination {
    grid-column: 1 / -1 !important;
    width: 100% !important;

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 24px !important;

    margin: 80px 0 0 !important;
    padding: 0 !important;
}

/* ขนาดตัวเลข */
.elementor-502 .elementor-element.elementor-element-601d940 .elementor-pagination .page-numbers,
.elementor-502 .elementor-element.elementor-element-601d940 .elementor-pagination a.page-numbers,
.elementor-502 .elementor-element.elementor-element-601d940 .elementor-pagination span.page-numbers {
    position: relative;

    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;

    width: auto !important;
    min-width: 32px !important;
    height: 42px !important;

    margin: 0 !important;
    padding: 0 4px !important;

    color: #8f8980 !important;
    background: transparent !important;
    border: none !important;

    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;

    transition: color 0.3s ease, transform 0.3s ease;
}

/* หน้าปัจจุบัน */
.elementor-502 .elementor-element.elementor-element-601d940 .elementor-pagination .page-numbers.current {
    color: #c8a35c !important;
    font-weight: 500 !important;
}

/* เส้นใต้เลขหน้าปัจจุบัน */
.elementor-502 .elementor-element.elementor-element-601d940 .elementor-pagination .page-numbers.current::after {
    content: "";
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 2px;

    height: 1px;
    background: #c8a35c;
}

/* Hover */
.elementor-502 .elementor-element.elementor-element-601d940 .elementor-pagination a.page-numbers:hover {
    color: #d7b873 !important;
    transform: translateY(-2px);
}

/* Tablet */
@media (max-width: 1024px) {
    .elementor-502 .elementor-element.elementor-element-601d940 .elementor-pagination {
        gap: 20px !important;
        margin-top: 65px !important;
    }

    .elementor-502 .elementor-element.elementor-element-601d940 .elementor-pagination .page-numbers,
    .elementor-502 .elementor-element.elementor-element-601d940 .elementor-pagination a.page-numbers,
    .elementor-502 .elementor-element.elementor-element-601d940 .elementor-pagination span.page-numbers {
        min-width: 30px !important;
        height: 40px !important;
        font-size: 17px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .elementor-502 .elementor-element.elementor-element-601d940 .elementor-pagination {
        gap: 14px !important;
        margin-top: 50px !important;
    }

    .elementor-502 .elementor-element.elementor-element-601d940 .elementor-pagination .page-numbers,
    .elementor-502 .elementor-element.elementor-element-601d940 .elementor-pagination a.page-numbers,
    .elementor-502 .elementor-element.elementor-element-601d940 .elementor-pagination span.page-numbers {
        min-width: 27px !important;
        height: 38px !important;
        padding: 0 2px !important;
        font-size: 16px !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9fe55ff */.we-filter-btn{
  position: fixed !important;
  left: 50% !important;
  bottom: 32px !important;
  transform: translateX(-50%) !important;
  z-index: 9999 !important;
  transition: opacity .25s ease, visibility .25s ease !important;
}

.we-filter-btn.we-hide{
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.we-filter-btn .elementor-button{
    background: #000 !important;
}/* End custom CSS */
/* Start custom CSS *//* ============================================================
   SHOP FILTER  (Watch Estate)
   • ปุ่ม FILTER  → ลอย "กลางล่าง" · โชว์ทุกจอ · ซ่อนตอนถึง footer
   • Popup Filter → เปิดมุม "ขวาล่าง"
   • ปุ่ม close (X) → ย่อขนาด

   วาง: Elementor → Site Settings → Custom CSS  (ที่รวม CSS ทุกอย่าง · global ครอบ popup ด้วย)
   ⚠️ อย่าลืมไปลบบล็อก .we-filter-btn / .we-hide เก่าใน "หน้า Shop → Page Settings → Custom CSS"
      (ไฟล์ elementor-post-502-css) ออกก่อน กันชนกันเอง
   ============================================================ */

/* ===== ปุ่ม FILTER ลอย — กลางล่าง · ทุกจอ ===== */
.we-filter-btn.we-filter-btn{
  position:fixed !important;
  left:50% !important;
  right:auto !important;
  bottom:26px !important;
  transform:translateX(-50%) !important;
  z-index:9999 !important;
  margin:0 !important;
  display:block !important;            /* บังคับโชว์ทุกจอ (กันหายมือถือ) */
  visibility:visible !important;
  opacity:1 !important;
  transition:opacity .35s, visibility .35s, transform .35s !important;
}
.we-filter-btn.we-filter-btn .elementor-button{ display:inline-flex !important }

/* ถึง footer → JS เติม .we-hide → ซ่อน */
.we-filter-btn.we-filter-btn.we-hide{
  opacity:0 !important; visibility:hidden !important;
  transform:translateX(-50%) translateY(12px) !important; pointer-events:none !important;
}

@media(max-width:600px){
  .we-filter-btn.we-filter-btn{ bottom:18px !important }
}

/* ===== Popup Filter → เปิดมุมขวาล่าง =====
   (modal เป็น display:block → justify/align ไม่มีผล ต้อง fix ที่ตัวกล่องเอง) */
.elementor-popup-modal .dialog-widget-content{
  position:fixed !important;
  right:24px !important;
  bottom:24px !important;
  left:auto !important;
  top:auto !important;
  margin:0 !important;
  width:360px !important;
  max-width:calc(100vw - 48px) !important;
  max-height:72vh !important;
  overflow:auto !important;
}
@media(max-width:600px){
  .elementor-popup-modal .dialog-widget-content{ right:12px !important; bottom:12px !important }
}

/* ===== ปุ่ม close (X) ของ popup — ย่อ (เดิม SVG ใหญ่ 300×150px) ===== */
.elementor-popup-modal .dialog-close-button{
  width:auto !important; height:auto !important; top:18px !important; right:18px !important;
  padding:6px !important; line-height:0 !important; cursor:pointer }
.elementor-popup-modal .dialog-close-button svg{
  width:26px !important; height:26px !important; fill:#cda349 !important; transition:fill .3s }
.elementor-popup-modal .dialog-close-button:hover svg{ fill:#d8b977 !important }

/* ===== SHOP TOOLBAR — ตัดตัวนับผลลัพธ์ · ปุ่ม sort คงอยู่ขวา · มือถือเต็มช่อง ===== */
.we-shop-head .woocommerce-result-count{ display:none !important; }   /* ซ่อน "Showing all X results" */
.we-shop-head{ justify-content:flex-end !important; }                  /* เหลือ dropdown → ดันไปขวาเหมือนเดิม */
@media (max-width:1024px){
  /* ★ dropdown ถูกห่อด้วย Elementor shortcode widget ที่กว้างแค่ content → บังคับทุกชั้นเต็มช่อง */
  .we-shop-head > *{ width:100% !important; }                          /* widget ที่ครอบ (count ซ่อนอยู่แล้ว) */
  .we-shop-head .elementor-widget-shortcode,
  .we-shop-head .elementor-shortcode,
  .we-shop-head .woocommerce-ordering{ width:100% !important; }
  /* select จริงคือ .wpc-orderby-select (มี max-width:300px ค้าง) → ปลด + เต็มช่อง */
  .we-shop-head .woocommerce-ordering select,
  .we-shop-head .wpc-orderby-select,
  .we-shop-head select.orderby{ width:100% !important; max-width:none !important; }
}/* End custom CSS */