.elementor-kit-6{--e-global-color-primary:#000000;--e-global-color-secondary:#CDA349;--e-global-color-text:#444444;--e-global-color-accent:#EFE2C4;--e-global-color-c2a1572:#D6D0BD;--e-global-color-47a419b:#660000;--e-global-color-9e1aee2:#4C2E19;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:0.5px;--e-global-typography-secondary-font-family:"Cormorant Garamond";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Raleway";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Raleway";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//*
=============================================================
  WATCH ESTATE — SINGLE PRODUCT CSS (WooCommerce + Elementor Pro)
  วิธีใช้: Elementor → ☰ → Site Settings → Custom CSS  → Save
           (หรือ WordPress → Appearance → Additional CSS)

  หมายเหตุสำคัญ:
  .elementor-kit-6 เกาะ "wrapper ของ widget" (.elementor-widget-woocommerce-*)
  เพื่อให้สไตล์ขึ้นทั้งในจอ Editor และหน้าเว็บจริง
  (ห้ามเกาะ body.single-product เพราะ Editor ไม่มี class นั้น)

  โครงเทมเพลตที่แนะนำ (Theme Builder → Single Product):
    Container 2 คอลัมน์ (ใส่ class: we-product)
      • คอลัมน์ซ้าย  → widget "Product Images"
      • คอลัมน์ขวา   → Breadcrumb · Title · Price · Add to Cart ฯลฯ
    Section ล่าง → widget "Related Products"

  ข้อมูลเฉพาะแต่ละเรือน (chips/specs/condition/provenance/invest)
  เก็บใน ACF แล้วแสดงผ่าน Elementor Accordion + Dynamic Tags
  โดยใส่ class ด้านล่าง (we-chips / we-invest-note / we-dossier ...)
=============================================================
*/

/* ── Design tokens ───────────────────────────────────────── */
:root {
  --we-ink:       #0a0908;
  --we-ink2:      #100e0c;
  --we-gold:      #cda349;
  --we-gold-soft: #d8b977;
  --we-cream:     #efe2c4;
  --we-text:      #cbc4b6;
  --we-muted:     #8a8175;
  --we-line:      rgba(205,163,73,.26);
  --we-line-soft: rgba(255,255,255,.09);
  --we-ease:      cubic-bezier(.16,1,.3,1);
}

/* ── พื้นหลังหน้า single product (หน้าจริง) ─────────────── */
body.single-product { background: var(--we-ink); color: var(--we-text); }
/* พื้นหลัง container หลัก — เห็นผลทั้ง editor + หน้าจริง */
.we-product { background: var(--we-ink); }

/* ============================================================
   1. LAYOUT — Container 2 คอลัมน์ (ใส่ class we-product)
   ============================================================ */
.we-product {
  max-width: 1340px;
  margin: 0 auto;
  padding: 140px 44px 110px;
}
/* คอลัมน์รูป — sticky ตอนเลื่อน (ใส่ class we-col-gallery ที่คอลัมน์ซ้าย) */
.we-col-gallery {
  position: -webkit-sticky;
  position: sticky;
  top: 110px;
  align-self: start;
}

/* ============================================================
   2. BREADCRUMB  (widget: WooCommerce Breadcrumbs)
   ============================================================ */
.elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb {
  font-family: 'Raleway', sans-serif;
  font-size: 10px;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--we-muted);
  margin: 0 0 28px;
}
.elementor-widget-woocommerce-breadcrumb a { color: var(--we-muted); text-decoration: none; transition: color .3s; }
.elementor-widget-woocommerce-breadcrumb a:hover { color: var(--we-gold); }

/* ============================================================
   3. PRODUCT IMAGES  (widget: WooCommerce Product Images)
   ============================================================ */
/* คุมขนาดแกลเลอรี — ไม่ให้รูปหลักใหญ่เกินบนเดสก์ท็อป */
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery {
  margin: 0 !important;
  width: 100% !important;
  max-width: 500px;
}
/* รูปหลัก */
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery__wrapper {
  background: #0d0b09;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid var(--we-line-soft);
}
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery__image img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 6px;
  display: block;
}
/* ── ปิด hover zoom — กดที่รูปเพื่อเปิด lightbox แทน ──
   (ตั้ง Image Zoom = No ใน widget; บรรทัดนี้กันไว้เผื่อยังเปิดอยู่) */
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery__image { cursor: pointer; }
.elementor-widget-woocommerce-product-images .zoomImg { display: none !important; }
/* ซ่อนปุ่มแว่นขยาย — กดที่รูปก็เปิด lightbox ได้อยู่แล้ว */
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery__trigger {
  display: none !important;
}

/* ── ลูกศรเลื่อนรูปซ้าย/ขวา (สร้างด้วย JS: product-gallery-elementor-js.js) ── */
.elementor-widget-woocommerce-product-images .flex-viewport,
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery__wrapper {
  position: relative;
}
/* กันรูปสไลด์ข้างๆ โผล่ที่ขอบ (flexslider) — โชว์เฉพาะสไลด์ที่ active สไลด์อื่นซ่อน */
.elementor-widget-woocommerce-product-images .flex-viewport { overflow: hidden !important; }
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image {
  opacity: 0 !important;
  transition: opacity .25s ease !important;
}
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image.flex-active-slide,
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:only-child {
  opacity: 1 !important;
}
.we-gal-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 42px;
  height: 42px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(10,9,8,.5);
  color: #fff;
  border: 1px solid rgba(239,226,196,.4);
  border-radius: 50%;
  cursor: pointer;
  opacity: .9;   /* โชว์ตลอด (เด่นขึ้นตอน hover) */
  /* รีเซ็ตสไตล์ปุ่มของธีม + ลบ tap highlight/focus สีของ site */
  -webkit-appearance: none;
  appearance: none;
  outline: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
  transition: opacity .3s var(--we-ease), background .3s, color .3s, border-color .3s;
}
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery:hover .we-gal-nav { opacity: 1; }
/* hover (เดสก์ท็อป) = ทอง / กด (มือถือ) ไม่ค้างสีแปลก */
.we-gal-nav:hover { background: var(--we-gold); color: var(--we-ink); border-color: var(--we-gold); }
.we-gal-nav:focus,
.we-gal-nav:focus-visible { outline: none !important; box-shadow: none !important; background: rgba(10,9,8,.42); color: #fff; border-color: rgba(239,226,196,.35); }
.we-gal-nav:active { background: var(--we-gold); color: var(--we-ink); border-color: var(--we-gold); }
.we-gal-prev { left: 12px; }
.we-gal-next { right: 12px; }
.we-gal-nav svg { width: 18px; height: 18px; }
/* จอสัมผัส (มือถือ/แท็บเล็ต): โชว์ลูกศรตลอด ไม่ต้อง hover */
@media (hover: none) {
  .we-gal-nav { opacity: 1; }
}
/* แถบ thumbnail — แถวเดียว เลื่อนแนวนอนได้เรื่อยๆ */
.elementor-widget-woocommerce-product-images .flex-control-thumbs {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 10px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  margin: 10px 0 0 !important;
  padding: 0 0 4px;
  list-style: none;
  width: 100% !important;
}
.elementor-widget-woocommerce-product-images .flex-control-thumbs::-webkit-scrollbar { display: none; }
/* แต่ละ thumbnail กว้างคงที่ ~4 อันต่อแถว ที่เหลือเลื่อน (override inline ของ flexslider) */
.elementor-widget-woocommerce-product-images .flex-control-thumbs li {
  flex: 0 0 calc(25% - 8px) !important;
  margin: 0 !important;
  width: calc(25% - 8px) !important;
  float: none !important;
  list-style: none;
}
.elementor-widget-woocommerce-product-images .flex-control-thumbs img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
  border: 1px solid transparent;
  border-radius: 4px;
  opacity: .6;
  cursor: pointer;
  transition: opacity .3s, border-color .3s;
}
.elementor-widget-woocommerce-product-images .flex-control-thumbs img:hover,
.elementor-widget-woocommerce-product-images .flex-control-thumbs img.flex-active {
  opacity: 1;
  border-color: var(--we-gold);
}

/* ============================================================
   4. TITLE / BRAND / REF
   ============================================================ */
/* Brand — ใส่ class "we-brand" ที่ widget (Dynamic: หมวดหมู่/แอตทริบิวต์) */
.we-brand {
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  letter-spacing: .4em;
  text-transform: uppercase;
  color: var(--we-gold);
  margin-bottom: 16px;
}
/* กดลิงก์ไม่ได้ (Dynamic Tag หมวดหมู่มักห่อด้วย <a>) */
.we-brand a,
.we-brand a:hover {
  pointer-events: none !important;
  cursor: default !important;
  color: var(--we-gold) !important;
  text-decoration: none !important;
}
/* Product Title — รองรับทั้ง widget "Product Title" ของ Woo
   และ widget Heading ที่ผูก Dynamic Tag (ใส่ class we-title) */
.elementor-widget-woocommerce-product-title .product_title,
.elementor-widget-woocommerce-product-title h1,
.elementor-widget-woocommerce-product-title h2,
.we-title .elementor-heading-title,
.we-title.elementor-widget-heading .elementor-heading-title {
  font-family: 'Raleway', sans-serif !important;
  font-weight: 200 !important;
  font-size: clamp(28px, 3.2vw, 42px);
  line-height: 1.2;
  color: #fff !important;
  margin: 0;
}
.elementor-widget-woocommerce-product-title em,
.we-title em {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-weight: 400;
  color: var(--we-gold-soft) !important;
}
/* Ref / subtitle — ใส่ class "we-ref" (Dynamic: ACF/SKU) */
.we-ref {
  font-size: 13px;
  letter-spacing: .06em;
  color: var(--we-muted);
  margin-top: 10px;
}

/* ============================================================
   5. CHIPS — สถานะเรือน (ACF → Elementor, ใส่ class "we-chips")
   ============================================================ */
.we-chips { display: flex; flex-wrap: wrap; gap: 10px; margin: 26px 0 0; padding: 0; list-style: none; }
.we-chips li,
.we-chips span {
  font-size: 9.5px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--we-cream);
  border: 1px solid var(--we-line);
  padding: 8px 14px;
}

/* ============================================================
   6. PRICE  (widget: WooCommerce Product Price)
   SGD อัตโนมัติจาก WooCommerce → Settings → Currency
   ============================================================ */
/* ระยะ ไว้ที่ตัว widget (กัน margin collapse ทับปุ่ม) — ไม่มีเส้นขีดบน */
.elementor-widget-woocommerce-product-price {
  margin: 34px 0 0 !important;
  padding-top: 0;
}
.elementor-widget-woocommerce-product-price .price {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin: 0;
  padding: 0;
  border: 0;
  color: var(--we-cream);
}
/* เติม "SGD" เล็กๆ ท้ายราคา */
.elementor-widget-woocommerce-product-price .price::after {
  content: 'SGD';
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--we-muted);
  align-self: baseline;
}
.elementor-widget-woocommerce-product-price .price .amount,
.elementor-widget-woocommerce-product-price .price ins .amount {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(34px, 4vw, 42px);
  font-weight: 500;
  color: var(--we-cream);
}
.elementor-widget-woocommerce-product-price .price del,
.elementor-widget-woocommerce-product-price .price del .amount {
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  color: var(--we-muted);
  opacity: .8;
}
.elementor-widget-woocommerce-product-price .price ins { text-decoration: none; }

/* ============================================================
   7. ADD TO CART  (widget: WooCommerce Add To Cart)
   ============================================================ */
.elementor-widget-woocommerce-product-add-to-cart form.cart { margin: 28px 0 14px; }

/* สถานะสต็อก */
.elementor-widget-woocommerce-product-add-to-cart .stock.in-stock {
  font-size: 10.5px; letter-spacing: .2em; text-transform: uppercase; color: var(--we-gold-soft);
}
.elementor-widget-woocommerce-product-add-to-cart .stock.out-of-stock { color: var(--we-muted); }

/* ซ่อนช่องจำนวน — ให้เหลือปุ่มเดียวเต็มความกว้างตาม mockup
   (นาฬิกาเป็นชิ้นเดียว qty=1 พอ — ถ้าอยากได้ช่องจำนวนคืน ลบ 2 บรรทัดนี้) */
.elementor-widget-woocommerce-product-add-to-cart .quantity,
.woocommerce div.product form.cart .quantity { display: none !important; }

/* ปุ่ม Add to Cart — ทองตามธีม
   ครอบทั้ง widget "Custom Add To Cart" และ "Add To Cart" ธรรมดา
   (.single_add_to_cart_button มีเฉพาะหน้า single product → ใช้ global ได้ปลอดภัย) */
.single_add_to_cart_button,
.single_add_to_cart_button.button,
.single_add_to_cart_button.elementor-button,
button.single_add_to_cart_button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
  color: var(--we-ink) !important;
  background: var(--we-gold) !important;
  border: 1px solid var(--we-gold) !important;
  border-radius: 2px !important;
  padding: 18px 34px !important;
  transition: background .4s var(--we-ease), color .4s var(--we-ease) !important;
  cursor: pointer;
}
.single_add_to_cart_button:hover {
  background: transparent !important;
  color: var(--we-gold) !important;
}
/* ซ่อนไอคอนในปุ่ม — mockup เป็นปุ่มข้อความล้วน (ครอบ i / svg / pseudo ของ theme) */
.single_add_to_cart_button i,
.single_add_to_cart_button svg { display: none !important; }
.single_add_to_cart_button::before,
.single_add_to_cart_button::after { content: none !important; display: none !important; }

/* ── จับปุ่ม "ทุกตัว" ใน widget Custom Add To Cart (กันพลาด class) ── */
.elementor-widget-woocommerce-product-add-to-cart button,
.elementor-widget-woocommerce-product-add-to-cart a.button,
.elementor-widget-woocommerce-product-add-to-cart .button,
.elementor-widget-woocommerce-product-add-to-cart .elementor-button,
.elementor-widget-woocommerce-product-add-to-cart [type="submit"] {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
  color: var(--we-ink) !important;
  background: var(--we-gold) !important;
  background-image: none !important;
  border: 1px solid var(--we-gold) !important;
  border-radius: 2px !important;
  padding: 18px 34px !important;
  box-shadow: none !important;
  transition: background .4s, color .4s !important;
}
.elementor-widget-woocommerce-product-add-to-cart button:hover,
.elementor-widget-woocommerce-product-add-to-cart a.button:hover,
.elementor-widget-woocommerce-product-add-to-cart .elementor-button:hover,
.elementor-widget-woocommerce-product-add-to-cart [type="submit"]:hover {
  background: transparent !important;
  color: var(--we-gold) !important;
}
/* ซ่อนไอคอนของปุ่มในwidget นี้ */
.elementor-widget-woocommerce-product-add-to-cart button i,
.elementor-widget-woocommerce-product-add-to-cart button svg,
.elementor-widget-woocommerce-product-add-to-cart .elementor-button-icon,
.elementor-widget-woocommerce-product-add-to-cart .elementor-button i,
.elementor-widget-woocommerce-product-add-to-cart .elementor-button svg { display: none !important; }

/* ซ่อนข้อความสถานะสต็อก "1 in stock" */
.elementor-widget-wc-add-to-cart .stock,
.elementor-widget-woocommerce-product-add-to-cart .stock,
.single-product .stock { display: none !important; }

/* ── widget "Add To Cart" แบบ AJAX (wc-add-to-cart) ──
   ปุ่มจริงคือ <a class="add_to_cart_button ajax_add_to_cart elementor-button"> */
.elementor-widget-wc-add-to-cart .elementor-button,
.elementor-widget-wc-add-to-cart a.add_to_cart_button,
.elementor-widget-wc-add-to-cart a.button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
  color: var(--we-ink) !important;
  background: var(--we-gold) !important;
  background-image: none !important;
  border: 1px solid var(--we-gold) !important;
  border-radius: 2px !important;
  padding: 18px 34px !important;
  box-shadow: none !important;
  transition: background .4s, color .4s !important;
}
.elementor-widget-wc-add-to-cart .elementor-button:hover,
.elementor-widget-wc-add-to-cart a.add_to_cart_button:hover {
  background: transparent !important;
  color: var(--we-gold) !important;
}
/* ซ่อนไอคอนรถเข็นในปุ่ม */
.elementor-widget-wc-add-to-cart .elementor-button-icon,
.elementor-widget-wc-add-to-cart .elementor-button i,
.elementor-widget-wc-add-to-cart .elementor-button svg,
.elementor-widget-wc-add-to-cart .elementor-button-content-wrapper > .elementor-button-icon { display: none !important; }

/* ── เผื่อใช้ widget "Add To Cart" ธรรมดา (ปุ่ม .elementor-button) ──
   ครอบให้เป็นปุ่มทองเต็มกว้างแบบเดียวกัน */
.elementor-widget-add-to-cart .elementor-button,
.elementor-widget-add-to-cart a.elementor-button,
.elementor-widget-add-to-cart button.elementor-button,
.elementor-add-to-cart .elementor-button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
  color: var(--we-ink) !important;
  background: var(--we-gold) !important;
  border: 1px solid var(--we-gold) !important;
  border-radius: 2px !important;
  padding: 18px 34px !important;
  transition: background .4s, color .4s !important;
}
.elementor-widget-add-to-cart .elementor-button:hover {
  background: transparent !important;
  color: var(--we-gold) !important;
}
/* ซ่อนไอคอน + ช่องจำนวนของ widget นี้ด้วย */
.elementor-widget-add-to-cart .elementor-button-icon,
.elementor-widget-add-to-cart .elementor-button i,
.elementor-widget-add-to-cart .elementor-button svg { display: none !important; }
.elementor-widget-add-to-cart .quantity { display: none !important; }

/* แถว variation (variable product) */
.elementor-widget-woocommerce-product-add-to-cart table.variations { margin: 0 0 18px; }
.elementor-widget-woocommerce-product-add-to-cart table.variations th {
  font-size: 10px; letter-spacing: .2em; text-transform: uppercase; color: var(--we-muted);
}
.elementor-widget-woocommerce-product-add-to-cart table.variations td select {
  background: var(--we-ink2);
  border: 1px solid var(--we-line-soft);
  color: #fff;
  padding: 12px;
  border-radius: 2px;
}

/* ============================================================
   8. ปุ่มรอง + WhatsApp  (Custom HTML block: static)
   ============================================================ */
/* เวอร์ชัน anchor (Custom HTML) — เกาะเฉพาะ a เพื่อไม่ให้โดน wrapper ของ Button widget */
a.we-btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #fff;
  background: transparent;
  border: 1px solid rgba(255,255,255,.4);
  border-radius: 2px;
  padding: 17px 34px;
  margin-top: 12px;
  transition: background .4s var(--we-ease), color .4s var(--we-ease), border-color .4s;
  text-decoration: none;
}
a.we-btn-ghost:hover { background: #fff; color: var(--we-ink); border-color: #fff; }
/* ระยะห่างเหนือปุ่ม View (widget) ให้ชิด Add to Cart แบบ mock */
.we-btn-ghost { margin-top: 12px; }

/* รองรับ widget "Button" ของ Elementor (ใส่ class we-btn-ghost ที่ widget) */
.we-btn-ghost .elementor-button,
.we-btn-ghost a.elementor-button,
.we-btn-ghost button.elementor-button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
  color: #fff !important;
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,.4) !important;
  border-radius: 2px !important;
  padding: 17px 34px !important;
  margin-top: 12px;
  box-shadow: none !important;
  transition: background .4s var(--we-ease), color .4s var(--we-ease), border-color .4s !important;
}
.we-btn-ghost .elementor-button:hover {
  background: #fff !important;
  color: var(--we-ink) !important;
  border-color: #fff !important;
}
.we-btn-ghost .elementor-button-icon,
.we-btn-ghost .elementor-button i,
.we-btn-ghost .elementor-button svg { display: none !important; }

.we-enquire {
  display: block;
  text-align: center;
  font-size: 10.5px;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--we-muted);
  margin-top: 14px;
  text-decoration: none;
  transition: color .3s;
}
.we-enquire:hover { color: var(--we-gold); }

/* ============================================================
   9. ASSURANCE STRIP  (Custom HTML block: static — 2×2)
   ============================================================ */
/* มินิมอล: 2×2 เส้น hairline จัดกลาง ไม่มีกล่อง/ไอคอน */
.we-assure {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--we-line-soft);
  border: 1px solid var(--we-line-soft);
  margin: 30px 0;
}
.we-assure div {
  background: var(--we-ink);
  padding: 18px 16px;
  text-align: center;
}
.we-assure b {
  display: block;
  color: var(--we-cream);
  font-weight: 500;
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
  line-height: 1.4;
  margin-bottom: 6px;
  white-space: nowrap;        /* label อยู่บรรทัดเดียว */
}
.we-assure span {
  display: block;
  font-size: 9px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--we-muted);
  line-height: 1.4;
}

/* ============================================================
   10. INVESTMENT NOTE  (ACF field → ใส่ class "we-invest-note")
   ============================================================ */
.we-invest-note {
  border: 1px solid var(--we-line);
  background: var(--we-ink2);
  padding: 28px 30px;
  margin: 8px 0 34px;
}
.we-invest-note .we-l {
  font-size: 9.5px; letter-spacing: .3em; text-transform: uppercase; color: var(--we-gold); font-weight: 500; margin-bottom: 12px;
}
.we-invest-note p {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 18px;
  line-height: 1.6;
  color: #e9e3d6;
  margin: 0;
}

/* ============================================================
   11. DOSSIER — Elementor Accordion ดึงจาก ACF
   ใส่ class "we-dossier" ที่ widget Accordion
   ============================================================ */
.we-dossier .elementor-accordion-item { border: none; border-bottom: 1px solid var(--we-line-soft); }
.we-dossier .elementor-tab-title {
  background: transparent;
  border: none;
  padding: 22px 2px;
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: #fff;
}
.we-dossier .elementor-tab-title .elementor-accordion-icon { color: var(--we-gold); }
.we-dossier .elementor-tab-content {
  background: transparent;
  border: none;
  padding: 4px 2px 26px;
  font-size: 13.5px;
  color: var(--we-text);
}
.we-dossier .we-spec { display: grid; grid-template-columns: 140px 1fr; gap: 8px 20px; font-size: 13px; margin: 0; }
.we-dossier .we-spec dt { color: var(--we-muted); letter-spacing: .08em; }
.we-dossier .we-spec dd { color: var(--we-cream); margin: 0; }

/* ── Nested Accordion (Elementor ใหม่: <details>/<summary>) ── */
.we-dossier .e-n-accordion-item {
  border: none !important;
  border-bottom: 1px solid var(--we-line-soft) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.we-dossier .e-n-accordion-item-title,
.we-dossier summary {
  display: flex !important;
  align-items: center;
  justify-content: space-between;   /* ข้อความซ้าย ไอคอนขวา */
  background: transparent !important;
  border: none !important;
  padding: 20px 2px !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: .26em !important;
  text-transform: uppercase !important;
  color: #fff !important;
  cursor: pointer;
  list-style: none;
}
.we-dossier summary::-webkit-details-marker { display: none; }   /* ซ่อน marker เริ่มต้นของ <details> */
/* ไอคอน +/− ขวา ขนาดเล็ก สีทอง */
.we-dossier .e-n-accordion-item-title-icon {
  order: 2;
  margin-left: auto;
  color: var(--we-gold) !important;
}
.we-dossier .e-n-accordion-item-title-icon svg,
.we-dossier .e-n-accordion-item-title-icon i {
  width: 11px !important;
  height: 11px !important;
  font-size: 11px !important;
}
.we-dossier .e-n-accordion-item-title-text { order: 1; }
.we-dossier .e-n-accordion-item-content {
  padding: 4px 2px 26px !important;
  font-size: 13.5px;
  color: #d0cabd !important;   /* อ่านง่ายตามตัวอย่าง */
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
/* เอากรอบสี่เหลี่ยมที่ล้อมเนื้อหา/widget ข้างในออก (ให้เหมือน mock) */
.we-dossier .e-n-accordion-item-content > *,
.we-dossier .e-n-accordion-item-content .elementor-widget-container,
.we-dossier .e-n-accordion-item-content .elementor-element {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* ── ตารางสเปก WooCommerce (Additional Information) ใน Specifications ── */
.we-dossier table.woocommerce-product-attributes,
.we-dossier table.shop_attributes {
  width: 100%;
  border: none;
  margin: 0;
  font-size: 13px;
}
.we-dossier .shop_attributes tr,
.we-dossier .woocommerce-product-attributes-item {
  border: 0 !important;
  background: transparent !important;
}
.we-dossier .shop_attributes th,
.we-dossier .shop_attributes td { vertical-align: top !important; line-height: 1.5 !important; }
.we-dossier .shop_attributes th,
.we-dossier .woocommerce-product-attributes-item__label {
  color: var(--we-muted);
  font-weight: 400;
  text-align: left;
  letter-spacing: .04em;
  padding: 9px 0;
  width: 45%;
}
.we-dossier .shop_attributes td,
.we-dossier .woocommerce-product-attributes-item__value {
  color: var(--we-cream);
  padding: 9px 0;
}
.we-dossier .shop_attributes td p { margin: 0; }

/* ============================================================
   12. RELATED PRODUCTS  (widget: WooCommerce Products / Related)
   ============================================================ */
.elementor-widget-woocommerce-products .related.products,
.elementor-widget-woocommerce-products {
  border-top: 1px solid var(--we-line-soft);
}
.elementor-widget-woocommerce-products .woocommerce-loop-product__title,
.elementor-widget-woocommerce-products li.product .woocommerce-loop-product__title {
  color: #fff;
  font-family: 'Raleway', sans-serif;
  font-size: 17px;
  font-weight: 400;
  padding: 16px 0 6px;
}
.elementor-widget-woocommerce-products li.product img {
  border-radius: 6px;
  aspect-ratio: 4/5;
  object-fit: cover;
  transition: transform 1.2s var(--we-ease);
}
.elementor-widget-woocommerce-products li.product:hover img { transform: scale(1.05); }
.elementor-widget-woocommerce-products li.product .price,
.elementor-widget-woocommerce-products li.product .price .amount {
  font-family: 'Cormorant Garamond', serif;
  font-size: 21px;
  color: var(--we-cream);
  border: none;
  padding: 0;
  margin: 0;
}
.elementor-widget-woocommerce-products li.product .button.add_to_cart_button {
  font-size: 10px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--we-gold);
  background: transparent;
  border: none;
  padding: 8px 0 0;
}

/* ============================================================
   13. SALE BADGE
   ============================================================ */
span.onsale {
  background: var(--we-gold);
  color: var(--we-ink);
  font-family: 'Raleway', sans-serif;
  font-size: 9px;
  letter-spacing: .2em;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 2px;
  min-height: auto;
  min-width: auto;
  padding: 6px 12px;
  line-height: 1;
}

/* ============================================================
   13b. LIGHTBOX (PhotoSwipe ของ WooCommerce) — โทนเข้มแบบ Chrono24
   เปิด Lightbox = Yes ใน widget Product Images
   หมายเหตุ: .pswp อยู่ระดับ body จึงใช้ .elementor-kit-6 แบบ global
   ============================================================ */
.pswp__bg { background: #0a0c12; }
.pswp__counter {
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  letter-spacing: .12em;
  opacity: .85;
}
.pswp__caption__center {
  font-family: 'Raleway', sans-serif;
  letter-spacing: .04em;
  text-align: center;
}
/* ปุ่มลูกศร/ปิด: วงกลมโปร่งขอบจางแบบ Chrono24 */
.pswp__button--arrow--left,
.pswp__button--arrow--right { background: none !important; }
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background-color: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 50%;
}
.pswp__button--arrow--left:hover:before,
.pswp__button--arrow--right:hover:before {
  background-color: rgba(205,163,73,.85);
  border-color: var(--we-gold);
}

/* ============================================================
   13c. DETAIL (we-iv) — ใช้กับ Text Editor widget
   ผูก Dynamic Tag ACF `we_detail` + ใส่ CSS class `we-iv`
   ย่อ ~2 บรรทัด + fade + กดที่ตัวหนังสือเพื่อขยาย
   (toggle JS อยู่ใน product-gallery-elementor-js.js)
   ============================================================ */
/* เกาะที่ตัว widget (.we-iv) ตรงๆ — ไม่พึ่ง container ข้างใน */
.we-iv {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  max-height: 3.6em;          /* ~2 บรรทัด */
  margin: 16px 0 8px;
  transition: max-height .55s var(--we-ease);
}
.we-iv,
.we-iv p {
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.8;
  color: #ddd8cc;   /* สว่างขึ้น อ่านง่ายกว่าเดิม */
}
.we-iv p { margin: 0; }
/* fade บรรทัดท้ายจางหายไปกับพื้น — ไล่หลายสเต็ปให้นุ่ม */
.we-iv::after {
  content: '';
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 2.6em;
  background: linear-gradient(
    to bottom,
    rgba(10,9,8,0) 0%,
    rgba(10,9,8,.35) 35%,
    rgba(10,9,8,.7) 65%,
    var(--we-ink) 100%
  );
  pointer-events: none;
  transition: opacity .45s var(--we-ease);
}
/* ความสูงตอนเปิด JS เป็นคนกำหนด (max-height = ความสูงจริง) → สมูท ไม่เด้ง */
.we-iv.open::after { opacity: 0; }
.we-iv:focus-visible { outline: 1px solid var(--we-line); outline-offset: 6px; }

/* ============================================================
   13d. ระยะห่างคอลัมน์ขวา (ตั้ง Container Gap = 0 แล้วใช้ค่านี้คุม)
   ============================================================ */
/* ── ใส่ class เจาะจงทุก widget (ชัวร์สุด ไม่ต้องเดา wrapper) ──
   Price widget → we-price · Add to Cart → we-pdp-cart
   Button(View) → we-btn-ghost · 4 กล่อง → we-assure · Accordion → we-dossier */

/* ราคา (we-price) — ไม่มีเส้นขีดบน + เว้นจาก detail มากขึ้น */
.we-price { margin: 34px 0 0 !important; padding-top: 0 !important; border-top: 0 !important; }

/* ── ปุ่ม Add to Cart (widget จริงชื่อ wc-add-to-cart) เต็มกว้าง ── */
/* ใช้ flex ที่กล่อง → บังคับลูกยืดเต็มไม่ว่าจะเป็น element แบบไหน */
.elementor-widget-wc-add-to-cart .elementor-widget-container { display: flex !important; flex-direction: column; }
.elementor-widget-wc-add-to-cart .elementor-widget-container > * { width: 100% !important; max-width: 100% !important; }
.elementor-widget-wc-add-to-cart .elementor-widget-container,
.elementor-widget-wc-add-to-cart .elementor-button-wrapper { width: 100% !important; }
.elementor-widget-wc-add-to-cart .elementor-button,
.elementor-widget-wc-add-to-cart a.add_to_cart_button {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box !important;
}

/* ── บังคับปุ่ม 2 อันกว้างเท่ากันเป๊ะ ──
   รีเซ็ต wrapper ทุกชั้นให้เต็มกว้าง ไม่มี margin/padding ซ้ายขวา */
.we-pdp-cart .elementor-widget-container,
.we-pdp-cart .elementor-add-to-cart,
.we-pdp-cart form.cart,
.we-pdp-cart .elementor-button-wrapper,
.we-btn-ghost .elementor-widget-container,
.we-btn-ghost .elementor-button-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* ตัวปุ่มเอง: เต็มกว้าง + border-box (เส้นขอบไม่ทำให้กว้างเกิน) — คงพ่ายในแนวตั้งไว้ */
.we-pdp-cart .elementor-button,
.we-pdp-cart a.add_to_cart_button,
.we-pdp-cart .single_add_to_cart_button,
.we-pdp-cart button,
.we-btn-ghost .elementor-button {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: flex !important;
}
.we-price .price { display: flex !important; align-items: baseline; gap: 14px; margin: 0 !important; padding: 0 !important; border: 0 !important; }
.we-price .price .amount,
.we-price .price ins .amount { font-family: 'Cormorant Garamond', serif !important; font-size: clamp(34px,4vw,42px) !important; font-weight: 500 !important; color: var(--we-cream) !important; }
.we-price .price::after { content: 'SGD'; font-family: 'Raleway', sans-serif; font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: var(--we-muted); align-self: baseline; }

/* Add to Cart (we-pdp-cart) — กันชนราคา + ปุ่มทองเต็มกว้าง */
.we-pdp-cart { margin: 26px 0 0 !important; }
/* บังคับ wrapper ทุกชั้นเต็มกว้าง → ปุ่มถึงจะ 100% จริง */
.we-pdp-cart,
.we-pdp-cart .elementor-widget-container,
.we-pdp-cart .elementor-add-to-cart,
.we-pdp-cart form.cart,
.we-pdp-cart .elementor-button-wrapper { width: 100% !important; }
.we-pdp-cart .single_add_to_cart_button,
.we-pdp-cart .elementor-button,
.we-pdp-cart a.add_to_cart_button,
.we-pdp-cart a.button,
.we-pdp-cart button {
  display: flex !important;
  align-items: center; justify-content: center;
  width: 100% !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 11px !important; font-weight: 500 !important;
  letter-spacing: .22em !important; text-transform: uppercase !important;
  color: var(--we-ink) !important;
  background: var(--we-gold) !important; background-image: none !important;
  border: 1px solid var(--we-gold) !important; border-radius: 2px !important;
  padding: 18px 34px !important; box-shadow: none !important;
  transition: background .4s, color .4s !important;
}
.we-pdp-cart .single_add_to_cart_button:hover,
.we-pdp-cart .elementor-button:hover,
.we-pdp-cart a.add_to_cart_button:hover { background: transparent !important; color: var(--we-gold) !important; }
.we-pdp-cart .quantity,
.we-pdp-cart .stock { display: none !important; }
.we-pdp-cart .elementor-button-icon,
.we-pdp-cart i, .we-pdp-cart svg { display: none !important; }

/* ปุ่ม View — ความกว้างเท่า Add to Cart + ข้อความบรรทัดเดียว
   margin-top ติดลบเพื่อดึงชิด Add to Cart (สู้ gap ของ Container) */
.we-btn-ghost { margin-top: -8px !important; }
/* บังคับ wrapper ทุกชั้นเต็มกว้าง → ปุ่ม View เท่า Add to Cart เป๊ะ */
.we-btn-ghost,
.we-btn-ghost .elementor-widget-container,
.we-btn-ghost .elementor-button-wrapper { width: 100% !important; }
.we-btn-ghost .elementor-button,
.we-btn-ghost a.elementor-button {
  padding: 18px 24px !important;          /* สูงเท่าปุ่ม Add to Cart (18px) */
  letter-spacing: .14em !important;        /* ลดระยะให้ข้อความพอดี 1 บรรทัด */
  white-space: nowrap !important;          /* บังคับบรรทัดเดียว */
}

/* Title ไม่ให้กดได้ (เผื่อ widget ใส่ลิงก์ไว้) */
.we-title a { pointer-events: none; cursor: default; color: inherit !important; text-decoration: none !important; }

.we-assure { margin: 30px 0; }
.we-dossier,
.elementor-widget-nested-accordion,
.elementor-widget-accordion { margin-top: 8px; }

/* ============================================================
   13e. เนื้อหา accordion (ใส่ class ที่ widget ในแต่ละแท็บ)
   - Text Editor (Condition/Provenance/Delivery) → we-acc-text
   - Additional Information (Specifications)      → we-acc-table
   ทำงานเองได้ ไม่ต้องพึ่ง we-dossier
   ============================================================ */
.we-acc-text,
.we-acc-text .elementor-widget-container,
.we-acc-table,
.we-acc-table .elementor-widget-container {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
.we-acc-text, .we-acc-text p {
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  font-size: 13.5px;
  line-height: 1.75;
  color: #d0cabd;   /* อ่านง่ายตามตัวอย่าง */
}
/* ตารางสเปก — ลบกรอบกล่อง เหลือเส้นบางต่อแถว */
.we-acc-table table.shop_attributes,
.we-acc-table table.woocommerce-product-attributes {
  width: 100%;
  border: none !important;
  margin: 0;
  border-collapse: collapse;
}
.we-acc-table .shop_attributes th,
.we-acc-table .shop_attributes td,
.we-acc-table .woocommerce-product-attributes-item__label,
.we-acc-table .woocommerce-product-attributes-item__value {
  border: none !important;
  padding: 9px 0 !important;
  font-size: 13px;
}
.we-acc-table .shop_attributes tr,
.we-acc-table .woocommerce-product-attributes-item {
  border-bottom: 1px solid var(--we-line-soft) !important;
  background: transparent !important;
}
.we-acc-table .shop_attributes th,
.we-acc-table .woocommerce-product-attributes-item__label {
  color: var(--we-muted); font-weight: 400; text-align: left; letter-spacing: .04em; width: 45%;
}
.we-acc-table .shop_attributes td,
.we-acc-table .woocommerce-product-attributes-item__value { color: var(--we-cream); }
.we-acc-table .shop_attributes td p { margin: 0; }

/* ตาราง Additional Information — จับที่ widget ตรงๆ (ไม่ต้องใส่ class)
   ลบกรอบ+เส้นตารางทั้งหมด เหลือเส้นบางต่อแถวเหมือน mock */
.elementor-widget-woocommerce-product-additional-information table,
.we-acc-table table,
.we-dossier table.shop_attributes {
  width: 100% !important;
  border: 0 !important;
  border-collapse: collapse !important;
  margin: 0 !important;
}
.elementor-widget-woocommerce-product-additional-information table th,
.elementor-widget-woocommerce-product-additional-information table td,
.we-acc-table table th,
.we-acc-table table td {
  border: 0 !important;
  background: transparent !important;
  padding: 7px 0 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  vertical-align: top !important;   /* label กับ value เริ่มบรรทัดเดียวกัน */
}
/* ไม่มีเส้นขั้นระหว่างแถวใน Specifications */
.elementor-widget-woocommerce-product-additional-information table tr,
.we-acc-table table tr {
  border: 0 !important;
  background: transparent !important;
}
.elementor-widget-woocommerce-product-additional-information table th,
.we-acc-table table th {
  color: var(--we-muted) !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: .04em;
  width: 45%;
}
.elementor-widget-woocommerce-product-additional-information table td,
.we-acc-table table td { color: var(--we-cream) !important; }
.elementor-widget-woocommerce-product-additional-information table td p { margin: 0 !important; }

/* ============================================================
   13f. ปุ่ม Add to Cart + Book — เท่ากันเป๊ะ (block 100%)
   ตัวการ: ปุ่มเป็น inline-flex เลยไม่เต็ม → บังคับ display:block
   ============================================================ */
/* กล่อง wrapper ทั้งคู่เต็มกว้าง */
.elementor-widget-wc-add-to-cart .elementor-widget-container,
.elementor-widget-wc-add-to-cart .elementor-button-wrapper,
.we-btn-ghost .elementor-widget-container,
.we-btn-ghost .elementor-button-wrapper { width: 100% !important; display: block !important; }

/* ตัวปุ่มทั้งคู่: block + เต็มกว้าง + ข้อความกลาง + สูงเท่ากัน */
.elementor-widget-wc-add-to-cart a.elementor-button,
.elementor-widget-wc-add-to-cart a.add_to_cart_button,
.elementor-widget-wc-add-to-cart .elementor-button,
.we-btn-ghost a.elementor-button,
.we-btn-ghost .elementor-button {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 18px 24px !important;
  text-align: center !important;
  box-sizing: border-box !important;
  line-height: 1.2 !important;
}

/* ============================================================
   13g. OVERRIDE กว้าง — เกาะ class ที่ใส่ในwidget แน่ๆ
   (we-acc-table ใน Additional · we-acc-text ใน Text · we-dossier ใน Accordion)
   วางท้ายสุดเพื่อชนะกฎอื่น
   ============================================================ */
/* ตาราง Specifications — ลบเส้นทุกชนิด + จัด label/value เริ่มบรรทัดเดียวกัน */
.we-acc-table table,
.we-acc-table tr,
.we-acc-table th,
.we-acc-table td,
.we-dossier table,
.we-dossier tr,
.we-dossier th,
.we-dossier td {
  border: 0 !important;
  border-bottom: 0 !important;
  background: transparent !important;
}
.we-acc-table th,
.we-acc-table td,
.we-dossier th,
.we-dossier td {
  vertical-align: top !important;
  line-height: 1.55 !important;
  padding: 7px 0 !important;
}
.we-acc-table th,
.we-dossier th {
  color: var(--we-muted) !important;
  font-weight: 400 !important;
  text-align: left !important;
  width: 45% !important;
}
.we-acc-table td,
.we-dossier td { color: var(--we-cream) !important; }
.we-acc-table td p,
.we-dossier td p { margin: 0 !important; }

/* เจาะ class จริงจาก inspect — ลบ divider ของ Elementor */
.we-acc-table .woocommerce-product-attributes-item,
.we-acc-table .woocommerce-product-attributes-item th,
.we-acc-table .woocommerce-product-attributes-item td,
.we-acc-table tbody,
.we-acc-table tbody tr,
.we-acc-table tbody th,
.we-acc-table tbody td {
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
.we-acc-table .woocommerce-product-attributes-item th::after,
.we-acc-table .woocommerce-product-attributes-item td::after,
.we-acc-table tr::after { content: none !important; display: none !important; }

/* ข้อความ accordion (Condition/Provenance/Delivery) อ่านง่าย */
.we-acc-text,
.we-acc-text p,
.we-acc-text div,
.we-dossier .e-n-accordion-item-content,
.we-dossier .e-n-accordion-item-content p { color: #d0cabd !important; }

/* ============================================================
   14. RESPONSIVE
   ============================================================ */
@media (max-width: 1024px) {
  .we-product { padding: 120px 24px 80px; }
  .we-col-gallery { position: static; top: auto; }
}

/* ── มือถือ — เน้นแกลเลอรีให้สวย ─────────────────────────── */
@media (max-width: 640px) {
  .we-product { padding: 96px 16px 64px; }
  .we-assure { margin: 28px 0; }
  .elementor-widget-woocommerce-product-price .price .amount,
  .elementor-widget-woocommerce-product-price .price ins .amount { font-size: 32px; }

  /* รูปหลัก: เต็มความกว้าง สัดส่วน 1:1 ดูสะอาดบนมือถือ */
  .elementor-widget-woocommerce-product-images .woocommerce-product-gallery__image img {
    aspect-ratio: 1 / 1;
    border-radius: 8px;
  }
  /* thumbnail: เรียงเป็นแถวเลื่อนแนวนอน แตะง่าย ไม่เบียด */
  .elementor-widget-woocommerce-product-images .flex-control-thumbs {
    display: flex !important;
    gap: 8px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 2px;
  }
  .elementor-widget-woocommerce-product-images .flex-control-thumbs::-webkit-scrollbar { display: none; }
  .elementor-widget-woocommerce-product-images .flex-control-thumbs li {
    flex: 0 0 22% !important;
    width: 22% !important;
  }
  /* ลูกศร: เล็กลง ขยับชิดขอบ แตะถนัด */
  .we-gal-nav { width: 40px; height: 40px; }
  .we-gal-prev { left: 10px; }
  .we-gal-next { right: 10px; }
  .we-gal-nav svg { width: 18px; height: 18px; }

  /* คอลัมน์ขวา (รายละเอียดสินค้า) บนมือถือ */
  .we-title .elementor-heading-title,
  .we-title.elementor-widget-heading .elementor-heading-title,
  .elementor-widget-woocommerce-product-title .product_title { font-size: 30px !important; }
  .we-price .price .amount,
  .we-price .price ins .amount { font-size: 34px !important; }
  /* มือถือ: 4 ช่องเป็นสไลด์แนวนอน โชว์ ~2.5 อัน (เห็นอันที่ 3 ครึ่งนึง = รู้ว่าเลื่อนได้) */
  .we-assure {
    display: flex !important;
    grid-template-columns: none !important;
    overflow-x: auto;
    gap: 10px;
    background: transparent;
    border: 0;
    padding-bottom: 4px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .we-assure::-webkit-scrollbar { display: none; }
  .we-assure div {
    flex: 0 0 72%;            /* 1 เต็ม + อันที่ 2 ครึ่งนึง */
    scroll-snap-align: start;
    border: 1px solid var(--we-line-soft);
    border-radius: 2px;
    padding: 20px 14px;
  }
  .we-assure b { font-size: 10px; white-space: normal; }
  .we-assure span { font-size: 9px; letter-spacing: .04em; }
  .we-dossier .e-n-accordion-item-title,
  .we-dossier summary,
  .we-dossier .elementor-tab-title { padding: 18px 0 !important; font-size: 10px !important; letter-spacing: .2em !important; }
  .we-acc-table table th,
  .we-acc-table table td,
  .elementor-widget-woocommerce-product-additional-information table th,
  .elementor-widget-woocommerce-product-additional-information table td { font-size: 13px !important; padding: 8px 0 !important; }
  .we-btn-ghost .elementor-button { letter-spacing: .1em !important; font-size: 10px !important; padding: 16px 14px !important; }
}

/* =========================================================================
   COLLECTION (Loop Grid) — title คอลัมน์ซ้าย · slider ขวา (bleed ขอบขวา)
   เลื่อนฟรี (ลากเมาส์/ปัดนิ้ว) + กดลูกศร · จอเล็กสลับเป็นบน-ล่าง
   JS: Elementor → Custom Code → Body End (ดูในแชต/guide)

   โครงสร้าง Elementor:
   Container .we-pc-wrap                (Row · จอ ≤1024 = Column)
     ├─ Container (คอลัมน์ซ้าย)
     │    ├─ Heading .we-pc-title
     │    └─ Button/Link .we-pc-viewall
     └─ Container .we-pc-slider         (position:relative · bleed ขวา)
          ├─ HTML  ปุ่มลูกศร .we-pc-arrow.we-pc-prev / .we-pc-arrow.we-pc-next
          └─ Loop Grid .we-pc-rail      (Loop Item = .we-pc-card)
   Loop Item: .we-pc-card › .we-pc-ph(Image) + .we-pc-meta(.we-pc-brand/.we-pc-name/.we-pc-price)
   ========================================================================= */

/* ===== CARD (Loop Item) ===== */
.we-pc-card{ position:relative !important; display:block !important; text-decoration:none !important }
.we-pc-card .elementor-widget{ margin-block-end:0 !important }
.we-pc-card .elementor-heading-title{ margin:0 !important }

/* ===== รูป 4:5 + HOVER ZOOM — รูปซูมในกรอบ การ์ดไม่ขยับ ไม่ล้น =====
   บังคับ overflow:hidden "ทุกชั้น" ที่ครอบรูป (รวม <a>/<figure> ของ Elementor
   ที่ default overflow มองเห็น = ต้นเหตุที่ภาพล้นตอน hover) */
.we-pc-ph{ position:relative !important; aspect-ratio:4/5 !important; overflow:hidden !important }
.we-pc-ph,
.we-pc-ph .elementor-widget-image,
.we-pc-ph .elementor-widget-image .elementor-widget-container,
.we-pc-ph .elementor-widget-image a,
.we-pc-ph .elementor-widget-image figure,
.we-pc-ph .elementor-image,
.we-pc-card .elementor-widget-image,
.we-pc-card .elementor-widget-image .elementor-widget-container,
.we-pc-card .elementor-widget-image a,
.we-pc-card .elementor-widget-image figure{
  overflow:hidden !important;
  border-radius:inherit !important;
}
.we-pc-ph .elementor-widget-image,
.we-pc-ph .elementor-widget-image .elementor-widget-container,
.we-pc-ph .elementor-widget-image a,
.we-pc-ph .elementor-widget-image figure,
.we-pc-ph img{ width:100% !important; height:100% !important; margin:0 !important }
.we-pc-ph img,
.we-pc-card .elementor-widget-image img{
  display:block !important; object-fit:cover !important; border:0 !important; box-shadow:none !important;
  transform-origin:center center !important;
  transition:transform 1.4s cubic-bezier(.16,1,.3,1) !important;
}
.we-pc-card:hover .we-pc-ph img,
.we-pc-card:hover .elementor-widget-image img{ transform:scale(1.06) !important }

/* meta — brand / name / price ชิดกัน */
.we-pc-meta{ padding:16px 2px 0 !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:8px !important }
.we-pc-meta > .elementor-widget,
.we-pc-meta > *{ width:100% !important; margin:0 !important }
.we-pc-brand,
.we-pc-brand .elementor-heading-title{ font-size:10px !important; letter-spacing:.28em !important; text-transform:uppercase !important; color:#cda349 !important; font-weight:500 !important; line-height:1.3 !important }
.we-pc-brand a{ color:inherit !important; text-decoration:none !important; pointer-events:none !important }
.we-pc-name,
.we-pc-name .elementor-heading-title{ color:#cbc4b6 !important; font-family:'Raleway',sans-serif !important; font-size:14px !important; font-weight:300 !important; line-height:1.4 !important; letter-spacing:.01em !important }
.we-pc-price .elementor-widget-container{ margin:0 !important }
.we-pc-price,
.we-pc-price .woocommerce-Price-amount,
.we-pc-price .elementor-widget-container > .price,
.we-pc-price ins .woocommerce-Price-amount{ font-family:'Raleway',sans-serif !important; font-size:16px !important; font-weight:400 !important; color:#8a8175 !important; letter-spacing:.04em !important; line-height:1.3 !important }
.we-pc-price del{ display:none !important }
.we-pc-price .woocommerce-Price-amount bdi{ display:inline !important }

/* ===== TITLE + BAR ===== */
.we-pc-title{ font-family:'Raleway',sans-serif !important; font-weight:200 !important; font-size:clamp(28px,3.4vw,46px) !important; line-height:1.1 !important; color:#efe2c4 !important; letter-spacing:.01em !important; margin:0 0 22px !important }
.we-pc-title em{ font-family:'Cormorant Garamond',serif !important; font-style:italic !important; font-weight:400 !important; color:#d8b977 !important }

.we-pc-bar{ display:flex !important; justify-content:space-between !important; align-items:center !important; gap:16px !important; margin-bottom:24px !important }
.we-pc-viewall{ display:inline-flex !important; align-items:center !important; gap:8px !important; font-size:11px !important; letter-spacing:.26em !important; text-transform:uppercase !important; color:#cda349 !important; font-weight:500 !important; text-decoration:none !important; border-bottom:1px solid rgba(205,163,73,.26) !important; padding-bottom:6px !important; transition:.3s !important }
.we-pc-viewall:hover{ color:#d8b977 !important; border-color:#cda349 !important }
/* ===== ลูกศร ‹ › — ขนาบซ้าย/ขวาการ์ด · ไม่มี bg · เกาะ .we-pc-slider (position:relative)
   ตำแหน่งใช้ class แยก we-pc-prev / we-pc-next (ไม่พึ่ง data attribute) ===== */
.we-pc-arrow{
  position:absolute !important; top:40% !important; transform:translateY(-50%) !important; z-index:30 !important;
  width:48px !important; height:48px !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  background:#0a0908 !important;                              /* ดำเข้มทึบ ดูตั้งใจ ไม่ใช่เทาโปร่ง */
  border:1px solid rgba(205,163,73,.55) !important; border-radius:50% !important;
  color:#d8b977 !important;                                   /* ทองอ่อน */
  cursor:pointer !important; padding:0 !important;
  transition:background .45s cubic-bezier(.16,1,.3,1),color .45s,border-color .45s !important;
  pointer-events:auto !important;
  box-shadow:0 8px 26px rgba(0,0,0,.5) !important;            /* เงานุ่มลอย */
}
.we-pc-arrow svg{ width:17px !important; height:17px !important; pointer-events:none !important }  /* เล็ก = หรู มี whitespace */
.we-pc-arrow:hover{ background:#cda349 !important; color:#0a0908 !important; border-color:#cda349 !important }
.we-pc-prev{ left:6px !important; right:auto !important }
.we-pc-next{ right:6px !important; left:auto !important }
/* ===== SLIDER WRAPPER — bleed ขวา + เป็น positioning context ให้ลูกศร =====
   !important = บังคับชนะ CSS ของ Elementor Loop Grid */
.we-pc-sec, .we-pc-sec > .e-con-inner,
.we-pc-slider, .we-pc-slider > .e-con-inner{ overflow:visible !important }
.we-pc-slider{ position:relative !important; margin-right:calc(50% - 50vw) !important }
/* ลูกศรต้องเกาะ .we-pc-slider ไม่ใช่กล่อง HTML widget ที่แคบ */
.we-pc-slider .elementor-widget-html,
.we-pc-slider .elementor-widget-html > .elementor-widget-container{ position:static !important }
.we-pc-rail .elementor-grid{
  display:flex !important;
  grid-template-columns:none !important;     /* ล้าง grid เดิมของ Elementor */
  flex-wrap:nowrap !important;
  align-items:flex-start !important;
  gap:24px !important;                        /* ระยะการ์ดมาตรฐาน (เท่ากับ shop) */
  overflow-x:auto !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-width:none !important;
  padding-right:40px !important;
  cursor:grab !important;
  scroll-behavior:smooth !important;
}
.we-pc-rail .elementor-grid::-webkit-scrollbar{ display:none !important }
.we-pc-rail .elementor-grid.grabbing{ cursor:grabbing !important; scroll-behavior:auto !important }
.we-pc-rail .elementor-grid > *{
  flex:0 0 calc((100vw - 100px)/4.3 - 24px) !important;  /* การ์ดใหญ่ขึ้น · โชว์ ~4.3 ใบ (desktop) */
  max-width:none !important;
  margin:0 !important;
}
html{ overflow-x:hidden !important }
body{ overflow-x:hidden !important; max-width:100vw !important }
/* popup ของ Elementor ต้องลอยทับเต็มจอเสมอ (overlay เต็ม + กันเด้งใต้ footer มือถือ) */
.elementor-popup-modal{ position:fixed !important; inset:0 !important; width:100% !important; height:100% !important; z-index:9999 !important }
.elementor-popup-modal .dialog-message,
.elementor-popup-modal .dialog-widget-content{ max-width:100% }

/* ===== RESPONSIVE ===== */
@media (max-width:1024px){
  /* title กับ slider เรียงบน-ล่าง ไม่ทับกัน (ใส่ class .we-pc-wrap ที่ Container นอกสุด) */
  .we-pc-wrap{ flex-direction:column !important }
  .we-pc-wrap > *{ width:100% !important; max-width:100% !important; flex:0 0 auto !important }
  .we-pc-rail .elementor-grid > *{ flex-basis:26vw !important }     /* ~2 ใบกว่า */
}
@media (max-width:640px){
  .we-pc-slider{ margin-right:0 !important }   /* ปิด bleed บนมือถือ กันหน้าเลื่อนซ้าย-ขวา/มีขอบขาว */
  .we-pc-rail .elementor-grid{ gap:16px !important; padding-right:20px !important }
  .we-pc-rail .elementor-grid > *{ flex-basis:66vw !important }     /* 1 ใบ + ครึ่งใบถัดไป */
}

/* =========================================================================
   SHOP / PRODUCTS ARCHIVE — grid 4/3/2 + sort + Sold badge
   โครงสร้าง (Theme Builder → Products Archive):
     ├─ .we-shop-head : Title + [woocommerce_result_count] + [woocommerce_ordering]
     ├─ Filter Everything (drawer/sidebar)
     └─ Loop Grid (Query: Current Query) → Loop Item = WE Product Card · Columns 4/3/2
   การ์ดใช้ .we-pc-* เดิม (อย่าใส่ class .we-pc-rail ที่ Loop Grid นี้ ไม่งั้นจะกลายเป็น slider)
   ========================================================================= */

/* --- พื้นหลังเข้มทุกหน้า archive (shop/category/brand) + เว้นใต้ header --- */
body.archive{ background:#0a0908 !important }
.we-shop-sec{ padding-top:130px !important; padding-bottom:80px !important }

/* --- HERO: heading + intro (บนสุดของ archive) --- */
.we-shop-hero{ margin-bottom:40px }
/* เกาะทั้ง widget และ .elementor-heading-title (ตัวข้อความจริง) กันฟอนต์/line-height ของ Elementor ทับ → 2 บรรทัดไม่ซ้อนกัน */
.we-shop-title,
.we-shop-title .elementor-heading-title,
.elementor-widget-heading.we-shop-title .elementor-heading-title,
.elementor-heading-title.we-shop-title{ font-family:'Raleway',sans-serif !important; font-weight:200 !important; font-size:clamp(38px,6vw,80px) !important; line-height:1.12 !important; color:#efe2c4 !important; letter-spacing:.005em !important; margin:0 !important }
.we-shop-title em,
.we-shop-title .elementor-heading-title em,
.elementor-widget-heading.we-shop-title em{ display:block !important; font-family:'Cormorant Garamond',serif !important; font-style:italic !important; font-weight:400 !important; color:#d8b977 !important; line-height:1.08 !important }   /* "Timepieces" ขึ้นบรรทัดใหม่ */
.we-shop-intro,
.we-shop-intro .elementor-widget-container,
.we-shop-intro p{ max-width:58ch !important; margin-top:22px; font-family:'Raleway',sans-serif !important; font-weight:300 !important; font-size:clamp(15px,1.5vw,19px) !important; line-height:1.65 !important; color:#8a8175 !important }
.we-shop-intro p{ margin:0 !important }

/* --- แถบ result count (ซ้าย) + sort (ขวา) --- */
.we-shop-head{ display:flex !important; flex-direction:row !important; justify-content:space-between !important; align-items:center !important; gap:24px !important; flex-wrap:wrap; border-bottom:1px solid rgba(255,255,255,.09); padding-bottom:22px; margin-bottom:34px }
.we-shop-head > *{ margin:0 !important }
.we-shop-head .woocommerce-result-count{ font-size:11px !important; letter-spacing:.2em; text-transform:uppercase; color:#8a8175 !important; margin:0 !important }
.woocommerce-ordering select.orderby,
.we-shop-head select.orderby{
  background:#0a0908; color:#cbc4b6; border:1px solid rgba(205,163,73,.26); border-radius:2px;
  padding:10px 16px; font-family:'Raleway',sans-serif; font-size:11px; letter-spacing:.12em; text-transform:uppercase; cursor:pointer;
}

/* --- ระยะ grid — column gap 24px เท่ากับ home slider · row gap 40px --- */
.we-shop-grid .elementor-grid{ gap:40px 24px !important }

/* --- Sold (อัตโนมัติจาก class .outofstock ที่ Woo ใส่ให้ loop item) --- */
.e-loop-item.outofstock .we-pc-ph{ position:relative }
.e-loop-item.outofstock .we-pc-ph img{ opacity:.45 !important; filter:grayscale(.3) !important }
.e-loop-item.outofstock .we-pc-ph::after{
  content:"Sold"; position:absolute; top:12px; left:12px; z-index:3;
  font-size:9px; letter-spacing:.22em; text-transform:uppercase; color:#efe2c4;
  background:rgba(10,9,8,.7); border:1px solid rgba(205,163,73,.26); padding:5px 11px; border-radius:2px;
}
/* แทนราคาด้วยคำว่า Sold */
.e-loop-item.outofstock .we-pc-price .woocommerce-Price-amount{ display:none !important }
.e-loop-item.outofstock .we-pc-price::after{ content:"Sold"; color:#6f6961; letter-spacing:.04em; font-size:13px }

@media (max-width:640px){
  .we-shop-grid .elementor-grid{ gap:30px 16px !important }   /* column 16px เท่า home มือถือ */
  .we-shop-sec{ padding-top:110px !important }
}

/* =========================================================================
   FILTER (Filter Everything) — inline ในหน้า shop · เข้าธีมเข้ม-ทอง
   ใส่ class .we-filter ที่ Container ที่ครอบ widget Filters
   สีปุ่ม Apply/Clear + slider → ตั้งที่ Filter Everything Settings → Widget Primary Color = #cda349
   (CSS ตรงนี้แค่จัด พื้น/ตัวอักษร/checkbox/ช่องราคา — minimal กันชนกันเอง)
   ========================================================================= */
.we-filter, .we-filter *{ font-family:'Raleway',sans-serif }
.we-filter{ color:#cbc4b6 }
/* หัวข้อหมวด (AVAILABILITY / PRICE) */
.we-filter .wpc-filter-title{ color:#cda349 !important; font-size:11px !important; letter-spacing:.22em !important; text-transform:uppercase !important; font-weight:500 !important; margin-bottom:12px !important }
/* ตัวเลือก + ลิงก์ */
.we-filter .wpc-term, .we-filter label, .we-filter a{ color:#cbc4b6 !important; text-decoration:none }
.we-filter a:hover{ color:#cda349 !important }
.we-filter .wpc-term-count{ color:#6f6961 !important }
/* checkbox ทอง */
.we-filter input[type="checkbox"]{ -webkit-appearance:none; appearance:none; width:16px; height:16px; border:1px solid rgba(205,163,73,.5) !important; border-radius:2px; background:transparent !important; position:relative; cursor:pointer; vertical-align:-3px }
.we-filter input[type="checkbox"]:checked{ background:#cda349 !important; border-color:#cda349 !important }
.we-filter input[type="checkbox"]:checked::after{ content:""; position:absolute; left:5px; top:1px; width:4px; height:9px; border:solid #0a0908; border-width:0 2px 2px 0; transform:rotate(45deg) }
/* ช่องราคา */
.we-filter input[type="text"], .we-filter input[type="number"]{ background:#0a0908 !important; border:1px solid rgba(205,163,73,.26) !important; color:#cbc4b6 !important; border-radius:2px !important; padding:9px 10px !important }
/* price range ของ Filter Everything — คลาสจริงคือ .wpc-filters-range-*
   แนะนำปิด "Enable Range Slider?" ในตั้งค่า filter → เหลือช่อง min/max พิมพ์ตัวเลข (เสถียร) */
.we-filter .wpc-filters-range-columns,
.we-filter .wpc-filters-range-inputs{ display:flex !important; gap:12px !important; align-items:center; margin-top:6px }
.we-filter .wpc-filters-range-column{ flex:1 1 0 !important; min-width:0 !important }
.we-filter .wpc-filters-range-column input{ width:100% !important }
/* ปิด slider แล้ว (ใช้ช่อง min/max) — ซ่อน slider ที่ค้าง + บรรทัด "Price: x — y" ใต้ช่อง */
.we-filter .wpc-filters-range-slider-wrapper,
.we-filter [class*="wpc-slider-control"],
.we-filter .wpc-filters-range-values-wrapper{ display:none !important }
/* padding รอบเนื้อหา drawer */
.we-filter{ padding:34px 30px 40px !important }

/* แถวปุ่ม Clear/Apply — เต็มกว้าง แบ่งครึ่งเท่ากัน ไม่มีขอบขาว */
.we-filter [class*="buttons"]{ border:0 !important; background:transparent !important; box-shadow:none !important; padding:0 !important; margin-top:18px !important; display:flex !important; gap:12px !important; width:100% !important }
.we-filter [class*="buttons"] > *{ flex:1 1 0 !important; width:auto !important; min-width:0 !important; text-align:center !important }
/* ซ่อนปุ่ม Clear/Reset — เอาแค่ Apply เต็มกว้าง */
.we-filter [class*="reset"],
.we-filter [class*="clear"]{ display:none !important }
.we-filter [class*="apply"]{ width:100% !important; flex:1 1 100% !important }

/* safety: กันปุ่ม collapse "FILTERS" โผล่ในป๊อปอัพ (popup แคบ → ปลั๊กอาจเข้าโหมดมือถือ) */
.wpc-filters-open-button-container{ display:none !important }
.wpc-filters-widget-content{ display:block !important; height:auto !important; max-height:none !important }

/* =========================================================================
   HOME — ACCESSORIES BAND (editorial · image + overlay text · we-acc-*)
   วางใน HTML widget (raw HTML ไม่มี <script>) · ลิงก์ relative
   ========================================================================= */
/* ==== LOCK หน้าเว็บไม่ให้เลื่อนซ้าย-ขวา (ทุก device) ====
   ⚠️ ต้นเหตุ: max-width:100vw — 100vw "รวมความกว้าง scrollbar" จึงปล่อยให้ body
   กว้างเกิน content area ~10px → เกิด scroll แนวนอน (header fixed+right:0 เลยยืดตาม = อาการ)
   วิธีแก้: ใช้ max-width:100% (= ความกว้างจอจริง ไม่รวม scrollbar) + ตัดส่วนเกินด้วย overflow-x
   ใช้ "html body" (specificity 0,0,2) เพื่อชนะกฎ body{max-width:100vw} ที่ค้างจากที่อื่น */
html{ max-width:100% !important; overflow-x:hidden !important; }
html body{ max-width:100% !important; overflow-x:hidden !important; }
@supports (overflow:clip){ html, html body{ overflow-x:clip !important; } }

/* ตัดส่วนเกินแนวนอน "จริง" (ไม่ใช่แค่ห้ามเลื่อน) — iOS Safari เมิน overflow-x บน html/body
   จึง clip ที่ wrapper ปกติของ WordPress (.wp-site-blocks) ซึ่งเบราว์เซอร์เชื่อฟังทุกตัว
   → ส่วนที่ล้น/แถบขาวจะถูกตัดหายไปเลย */
.wp-site-blocks, #page, main, .elementor-html, .ehf-template, .ehf-header ~ *{ max-width:100% !important; }
@supports (overflow:clip){
  .wp-site-blocks, #page, main{ overflow-x:clip !important; }
}
@supports not (overflow:clip){
  .wp-site-blocks, #page, main{ overflow-x:hidden !important; }
}
/* กันแถบขาวโผล่: พื้นหลังหน้าเป็นสีเข้มของธีม */
html, body{ background:#0a0908 !important; }

/* HARD LOCK มือถือ — บล็อก "ท่าปัดแนวนอน" ทั้งหน้า (กันเลื่อนซ้ายขวาแน่นอน แม้ iOS Safari จะเมิน overflow)
   ยังเลื่อนขึ้น-ลง + pinch zoom ได้ · ยกเว้น slider สินค้าให้ปัดแนวนอนได้ตามปกติ */
@media (max-width:1024px){
  html, body{ touch-action:pan-y pinch-zoom !important; }
  .we-pc-slider, .we-pc-track, .we-pc-rail, .swiper, .swiper-wrapper, .swiper-container{ touch-action:auto !important; }
}

/* =========================================================================
   LUXURY MOTION — reveal on scroll (ชุดเดียว เรียบ ช้า · we-reveal / we-zoom)
   JS เปิดใช้งานอยู่ในไฟล์ reveal-motion-snippet.html (Custom Code → Body End)
   ========================================================================= */
.we-reveal{ opacity:0; transform:translateY(20px);
  transition:opacity 1s cubic-bezier(.16,1,.3,1), transform 1s cubic-bezier(.16,1,.3,1);
  transition-delay:var(--we-d,0ms); will-change:opacity,transform }
.we-reveal.we-in{ opacity:1; transform:none }
/* รูป full-bleed: คลายซูมเบาๆ ครั้งเดียว */
.we-zoom{ transform:scale(1.07); transition:transform 1.8s cubic-bezier(.16,1,.3,1) }
.we-zoom.we-in{ transform:scale(1) }
/* เคารพผู้ที่ปิด motion ในระบบ */
@media (prefers-reduced-motion: reduce){
  .we-reveal, .we-zoom{ opacity:1 !important; transform:none !important; transition:none !important }
}

/* full-bleed: รูปเต็มความกว้างจอ · ตัวหนังสือเกาะ inner (1340px) ให้ตรงแนว section บน
   margin ลบ "ทั้งซ้ายและขวา" = กัน parent ขยายตาม 100vw → ไม่เกิด scroll ซ้ายขวา */
.we-acc-sec{ width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); padding:0 }
.we-acc-band{ position:relative; overflow:hidden; min-height:clamp(560px,86vh,900px); display:flex; align-items:flex-end; background:#100e0c }
.we-acc-band img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover }
.we-acc-band::after{ content:""; position:absolute; inset:0;
  background:linear-gradient(105deg,rgba(10,9,8,.92) 0%,rgba(10,9,8,.7) 32%,rgba(10,9,8,.25) 64%,rgba(10,9,8,.05) 100%) }
/* inner = กรอบเดียวกับ section บน (max 1340 + padding 40) → heading ตรงแนว */
.we-acc-inner{ position:relative; z-index:2; width:100%; max-width:1340px; margin:0 auto; padding:0 40px }
.we-acc-content{ max-width:560px; padding:0 0 64px }
.we-acc-title{ font-family:'Raleway',sans-serif; font-weight:200; font-size:clamp(30px,3.6vw,48px); line-height:1.12;
  color:#efe2c4; letter-spacing:.01em; margin:0 }
.we-acc-title em{ font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:400; color:#d8b977 }
.we-acc-text{ margin:20px 0 0; max-width:440px; color:#cbc4b6; font-size:15px; line-height:1.75; font-weight:300 }
.we-acc-link{ display:inline-flex; align-items:center; gap:10px; margin-top:30px;
  font-size:11px; letter-spacing:.26em; text-transform:uppercase; color:#cda349; font-weight:500;
  text-decoration:none; border-bottom:1px solid rgba(205,163,73,.26); padding-bottom:7px; transition:.35s cubic-bezier(.16,1,.3,1) }
.we-acc-link span{ transition:transform .35s cubic-bezier(.16,1,.3,1) }
.we-acc-link:hover{ color:#d8b977; border-color:#d8b977 }
.we-acc-link:hover span{ transform:translateX(5px) }
@media(max-width:1024px){
  .we-acc-content{ max-width:520px; padding-bottom:52px }
}
@media(max-width:640px){
  .we-acc-band{ min-height:clamp(520px,82vh,720px) }
  .we-acc-band::after{ background:linear-gradient(0deg,rgba(10,9,8,.95) 8%,rgba(10,9,8,.65) 46%,rgba(10,9,8,.2) 100%) }
  .we-acc-inner{ padding:0 20px }
  .we-acc-content{ max-width:100%; padding-bottom:40px }
  .we-acc-title{ font-size:29px }
  .we-acc-text{ font-size:14px }
}

/* =========================================================================
   HOME — SELL / CONSIGN BAND (full-bleed · ปุ่มทองตัน · we-sell-*)
   โครงเดียวกับ accessories band · content จัดกึ่งกลางแนวตั้ง · ปุ่ม → /sell/
   ========================================================================= */
.we-sell-sec{ width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); padding:0 }
.we-sell-band{ position:relative; overflow:hidden; min-height:clamp(560px,86vh,900px); display:flex; align-items:center; background:#100e0c }
.we-sell-band img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover }
.we-sell-band::after{ content:""; position:absolute; inset:0;
  background:linear-gradient(105deg,rgba(10,9,8,.92) 0%,rgba(10,9,8,.7) 34%,rgba(10,9,8,.3) 66%,rgba(10,9,8,.08) 100%) }
.we-sell-inner{ position:relative; z-index:2; width:100%; max-width:1340px; margin:0 auto; padding:0 40px }
.we-sell-content{ max-width:560px }
.we-sell-title{ font-family:'Raleway',sans-serif; font-weight:200; font-size:clamp(30px,3.6vw,48px); line-height:1.12;
  color:#efe2c4; letter-spacing:.01em; margin:0 }
.we-sell-title em{ font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:400; color:#d8b977 }
.we-sell-text{ margin:20px 0 0; max-width:440px; color:#cbc4b6; font-size:15px; line-height:1.75; font-weight:300 }
.we-sell-btn{ display:inline-flex; align-items:center; margin-top:32px;
  background:#cda349; color:#0a0908; padding:16px 32px;
  font-size:11px; letter-spacing:.22em; text-transform:uppercase; font-weight:600;
  text-decoration:none; border:1px solid #cda349; transition:.35s cubic-bezier(.16,1,.3,1) }
.we-sell-btn:hover{ background:#d8b977; border-color:#d8b977 }
@media(max-width:1024px){
  .we-sell-content{ max-width:520px }
}
@media(max-width:640px){
  .we-sell-band{ min-height:clamp(520px,82vh,720px); align-items:flex-end }
  .we-sell-band::after{ background:linear-gradient(0deg,rgba(10,9,8,.96) 6%,rgba(10,9,8,.7) 44%,rgba(10,9,8,.28) 100%) }
  .we-sell-inner{ padding:0 20px }
  .we-sell-content{ max-width:100%; padding-bottom:44px }
  .we-sell-title{ font-size:29px }
  .we-sell-text{ font-size:14px }
  .we-sell-btn{ margin-top:26px; padding:15px 28px }
}

/* =========================================================================
   HOME — RESERVE BAND (full-bleed · จัดกึ่งกลาง · ปุ่ม ghost · we-rsv-*)
   content กึ่งกลางทั้งแนวตั้ง-นอน · ปุ่ม → /reserve/
   ========================================================================= */
.we-rsv-sec{ width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); padding:0 }
.we-rsv-band{ position:relative; overflow:hidden; min-height:clamp(560px,86vh,900px); display:flex; align-items:center; justify-content:center; background:#100e0c }
.we-rsv-band img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover }
.we-rsv-band::after{ content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(10,9,8,.5) 0%,rgba(10,9,8,.32) 42%,rgba(10,9,8,.72) 100%) }
.we-rsv-inner{ position:relative; z-index:2; width:100%; max-width:1340px; margin:0 auto; padding:0 40px; text-align:center }
.we-rsv-content{ max-width:640px; margin:0 auto }
.we-rsv-title{ font-family:'Raleway',sans-serif; font-weight:200; font-size:clamp(27px,3.3vw,44px); line-height:1.15;
  color:#efe2c4; letter-spacing:.04em; margin:0 }
.we-rsv-title em{ font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:400; color:#d8b977; letter-spacing:0 }
.we-rsv-text{ margin:22px auto 0; max-width:560px; color:#d9d2c4; font-size:15px; line-height:1.7; font-weight:300 }
.we-rsv-btn{ display:inline-flex; align-items:center; margin-top:34px; padding:15px 34px;
  background:transparent; color:#efe2c4; border:1px solid rgba(239,226,196,.5);
  font-size:11px; letter-spacing:.24em; text-transform:uppercase; font-weight:500;
  text-decoration:none; transition:.35s cubic-bezier(.16,1,.3,1) }
.we-rsv-btn:hover{ color:#cda349; border-color:#cda349; background:rgba(205,163,73,.07) }
@media(max-width:640px){
  .we-rsv-band{ min-height:clamp(520px,82vh,720px) }
  .we-rsv-inner{ padding:0 24px }
  .we-rsv-title{ font-size:26px }
  .we-rsv-text{ font-size:14px }
  .we-rsv-btn{ margin-top:28px; padding:14px 26px; letter-spacing:.18em }
}

/* =========================================================================
   HOME — REVIEWS (clean cards · platform links · we-rev-*)
   วางใน HTML widget · ลิงก์แพลตฟอร์มเป็น external (target=_blank)
   ========================================================================= */
.we-rev-sec{ max-width:1340px; margin:0 auto; padding:64px 40px 80px }
.we-rev-head{ text-align:center; max-width:680px; margin:0 auto }
.we-rev-title{ font-family:'Raleway',sans-serif; font-weight:200; font-size:clamp(28px,3.2vw,44px); line-height:1.12;
  color:#efe2c4; letter-spacing:.01em; margin:0 }
.we-rev-title em{ font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:400; color:#d8b977 }

/* แถวลิงก์แพลตฟอร์ม — 3 คอลัมน์เท่ากัน แถวเดียว */
.we-rev-stats{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; max-width:780px; margin:32px auto 0 }
.we-rev-stat{ display:flex; align-items:center; gap:12px; text-decoration:none;
  border:1px solid rgba(205,163,73,.26); background:#100e0c; padding:14px 18px;
  transition:.3s cubic-bezier(.16,1,.3,1) }
.we-rev-stat:hover{ border-color:#d8b977; background:#13110e }
.we-rev-stat-ic{ flex:0 0 auto; width:26px; height:26px; display:flex; align-items:center; justify-content:center }
.we-rev-stat-ic svg{ width:24px; height:24px; display:block }
.we-rev-stat-tx{ text-align:left; line-height:1.3; min-width:0 }
.we-rev-stat-name{ display:block; color:#efe2c4; font-size:13px; font-weight:400; letter-spacing:.02em; white-space:nowrap }
.we-rev-stat-sub{ display:block; color:#8a8175; font-size:10px; letter-spacing:.12em; text-transform:uppercase; margin-top:3px; white-space:nowrap }
.we-rev-stat-sub b{ color:#cda349; font-weight:600 }
.we-rev-stat-go{ margin-left:auto; color:#cda349; font-size:14px; transition:transform .3s cubic-bezier(.16,1,.3,1) }
.we-rev-stat:hover .we-rev-stat-go{ transform:translateX(4px); color:#d8b977 }

/* การ์ดรีวิว */
.we-rev-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:42px; align-items:start }
.we-rev-card{ background:#100e0c; border:1px solid rgba(255,255,255,.09); padding:30px 28px;
  display:flex; flex-direction:column }
.we-rev-stars{ color:#cda349; font-size:13px; letter-spacing:.22em }
/* quote = คลิกเพื่อกาง/ยุบ (ค่าเริ่ม clamp ~2 บรรทัด + fade) · JS อยู่ใน Custom Code Body End */
.we-rev-quote{ font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:400;
  color:#e6ddcd; font-size:18px; line-height:1.5; margin:16px 0 22px;
  position:relative; max-height:4.5em; overflow:hidden; transition:max-height .5s cubic-bezier(.16,1,.3,1) }
.we-rev-quote.we-rev-clamp{ cursor:pointer }
.we-rev-quote.we-rev-clamp::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:1.6em;
  background:linear-gradient(to bottom, rgba(16,14,12,0), #100e0c 85%); pointer-events:none; transition:opacity .3s }
.we-rev-quote.we-rev-open{ max-height:60em }
.we-rev-quote.we-rev-open::after{ opacity:0 }
.we-rev-by{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto;
  padding-top:16px; border-top:1px solid rgba(255,255,255,.07) }
.we-rev-name{ color:#cbc4b6; font-size:11px; letter-spacing:.18em; text-transform:uppercase; font-weight:500 }
.we-rev-loc{ color:#6f6961; font-size:10px; letter-spacing:.12em; text-transform:uppercase; margin-top:4px }
a.we-rev-plat{ color:#8a8175; font-size:10px; letter-spacing:.16em; text-transform:uppercase; white-space:nowrap;
  text-decoration:none; transition:color .3s }
a.we-rev-plat:hover{ color:#cda349 }

@media(max-width:1024px){
  .we-rev-grid{ grid-template-columns:repeat(2,1fr) }
}
@media(max-width:640px){
  .we-rev-sec{ padding:48px 20px 56px }
  .we-rev-stats{ grid-template-columns:1fr; gap:10px; max-width:340px }
  .we-rev-grid{ grid-template-columns:1fr; gap:12px; margin-top:32px }
  .we-rev-card{ padding:22px 20px }
  .we-rev-quote{ font-size:16px; margin:12px 0 16px }
  /* มือถือ: โชว์ 3 รีวิว (แพลตฟอร์มละ 1) ที่เหลือซ่อน */
  .we-rev-more{ display:none }
}

/* =========================================================================
   HOME — INSIGHT & MEDIA (Journal · Loop Grid slider เหมือน collection · we-jr-*)
   โครงเดียวกับ we-pc: Loop Grid .we-jr-rail + ลูกศรกลม .we-jr-arrow + bleed ขวา
   PC โชว์ ~3.3 ใบ · Mobile ~1.3 ใบ
   ========================================================================= */
.we-jr-sec{ max-width:1340px; margin:0 auto; padding:54px 40px 72px }
/* หัวข้อ (bar บนสุด): title ซ้าย · All Articles ขวา */
.we-jr-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:26px }
.we-jr-heading{ font-family:'Raleway',sans-serif; font-weight:200; font-size:clamp(28px,3.4vw,46px); line-height:1.1;
  color:#efe2c4; letter-spacing:.01em; margin:0 }
.we-jr-heading em{ font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:400; color:#d8b977 }
.we-jr-viewall{ display:inline-flex; align-items:center; gap:8px; white-space:nowrap;
  font-size:11px; letter-spacing:.26em; text-transform:uppercase; color:#cda349; font-weight:500;
  text-decoration:none; border-bottom:1px solid rgba(205,163,73,.26); padding-bottom:6px; transition:.3s }
.we-jr-viewall:hover{ color:#d8b977; border-color:#cda349 }

/* ── slider wrapper: bleed ขวา + เป็น positioning context ให้ลูกศร ──
   บังคับ overflow ของ container ชั้นใน Elementor ไม่ให้ตัดขอบที่ bleed ออก (สาเหตุ "ไม่ชิดขวา") */
.we-jr-sec, .we-jr-sec > .e-con-inner,
.we-jr-slider, .we-jr-slider > .e-con-inner,
.we-jr-rail, .we-jr-rail > .e-con-inner{ overflow:visible !important }
.we-jr-slider{ position:relative !important; margin-right:calc(50% - 50vw) !important }
.we-jr-slider .elementor-widget-html,
.we-jr-slider .elementor-widget-html > .elementor-widget-container{ position:static !important }
/* ── rail (Loop Grid) → flex track เลื่อนแนวนอน ── */
.we-jr-rail .elementor-grid{
  display:flex !important; grid-template-columns:none !important; flex-wrap:nowrap !important;
  align-items:flex-start !important; gap:24px !important; overflow-x:auto !important;
  -webkit-overflow-scrolling:touch !important; scrollbar-width:none !important;
  padding-right:40px !important; cursor:grab !important; scroll-behavior:smooth !important }
.we-jr-rail .elementor-grid::-webkit-scrollbar{ display:none !important }
.we-jr-rail .elementor-grid.grabbing{ cursor:grabbing !important; scroll-behavior:auto !important }
/* การ์ด ~3.3 ใบต่อจอ (desktop) */
.we-jr-rail .elementor-grid > *{ flex:0 0 calc((100vw - 100px)/3.3 - 24px) !important; max-width:none !important; margin:0 !important }

/* ── ลูกศรกลม (เหมือน collection) ── */
.we-jr-arrow{ position:absolute !important; top:38% !important; transform:translateY(-50%) !important; z-index:30 !important;
  width:48px !important; height:48px !important; display:flex !important; align-items:center !important; justify-content:center !important;
  background:#0a0908 !important; border:1px solid rgba(205,163,73,.55) !important; border-radius:50% !important;
  color:#d8b977 !important; cursor:pointer !important; padding:0 !important;
  transition:background .45s cubic-bezier(.16,1,.3,1),color .45s,border-color .45s !important;
  pointer-events:auto !important; box-shadow:0 8px 26px rgba(0,0,0,.5) !important }
.we-jr-arrow svg{ width:17px !important; height:17px !important; pointer-events:none !important }
.we-jr-arrow:hover{ background:#cda349 !important; color:#0a0908 !important; border-color:#cda349 !important }
.we-jr-prev{ left:6px !important; right:auto !important }
.we-jr-next{ right:6px !important; left:auto !important }

/* ── การ์ดบทความ (Loop Item) ── */
.we-jr-card{ display:flex !important; flex-direction:column !important; justify-content:flex-start !important;
  height:auto !important; min-height:0 !important; text-decoration:none }
.we-jr-ph{ position:relative; width:100% !important; aspect-ratio:4/3 !important; height:auto !important; min-height:0 !important;
  overflow:hidden; background:#0d0b09; flex:0 0 auto }
.we-jr-ph .elementor-widget-container, .we-jr-ph figure, .we-jr-ph a{ height:100% !important; margin:0; display:block; line-height:0 }
.we-jr-ph img{ width:100% !important; height:100% !important; object-fit:cover !important; aspect-ratio:auto !important;
  display:block; transition:transform 1.4s cubic-bezier(.16,1,.3,1) }
.we-jr-card:hover .we-jr-ph img{ transform:scale(1.05) }
/* meta (Post Info widget) — บรรทัดเดียวแนวนอน + ซ่อน avatar/ไอคอน */
.we-jr-meta{ margin-top:16px }
.we-jr-meta ul, .we-jr-meta .elementor-post-info, .we-jr-meta .elementor-icon-list-items{
  display:flex !important; flex-wrap:wrap !important; align-items:center !important; justify-content:flex-start !important;
  gap:5px 14px !important; margin:0 !important; padding:0 !important; list-style:none !important }
.we-jr-meta li, .we-jr-meta .elementor-post-info__item, .we-jr-meta .elementor-icon-list-item{
  display:inline-flex !important; align-items:center !important; margin:0 !important; padding:0 !important;
  white-space:nowrap !important; border:0 !important }
.we-jr-meta .elementor-icon-list-icon, .we-jr-meta .elementor-avatar, .we-jr-meta img,
.we-jr-meta .elementor-post-info__item--type-author .elementor-icon-list-icon{ display:none !important }
.we-jr-meta, .we-jr-meta a, .we-jr-meta span{
  color:#cda349 !important; font-family:'Raleway',sans-serif !important; font-size:10.5px !important;
  letter-spacing:.2em !important; text-transform:uppercase !important; font-weight:500 !important }
.we-jr-meta a:hover{ color:#d8b977 !important }
/* title (Post Title widget) — บังคับ Raleway */
.we-jr-title, .we-jr-title .elementor-heading-title, .we-jr-card .we-jr-title a{
  font-family:'Raleway',sans-serif !important; font-weight:300 !important; font-size:19px !important; line-height:1.42 !important;
  color:#e6ddcd !important; margin-top:12px; letter-spacing:.005em; transition:color .3s }
.we-jr-card:hover .we-jr-title, .we-jr-card:hover .we-jr-title .elementor-heading-title{ color:#efe2c4 !important }

@media(max-width:1024px){
  .we-jr-rail .elementor-grid > *{ flex-basis:42vw !important }   /* ~2 ใบกว่า */
}
@media(max-width:640px){
  .we-jr-sec{ padding:40px 20px 52px }
  /* bleed ชิดขวา (margin-right ติดลบ = -20px ดันถึงขอบจอ) · ถูก clip ที่ wp-site-blocks กันหน้าเลื่อน */
  .we-jr-slider{ margin-right:calc(50% - 50vw) !important }
  .we-jr-rail .elementor-grid{ gap:16px !important; padding-right:0 !important }
  .we-jr-rail .elementor-grid > *{ flex-basis:80vw !important }   /* ~1.3 ใบ ชิดขวา */
  .we-jr-heading{ font-size:27px }
  .we-jr-title, .we-jr-title .elementor-heading-title{ font-size:17px !important }
}

/* =========================================================================
   SINGLE POST (Journal article · we-post-*) — ใช้ใน Theme Builder > Single Post
   ========================================================================= */
.we-post-sec{ max-width:760px; margin:0 auto; padding:120px 24px 40px }
.we-post-meta{ color:#cda349; font-size:11px; letter-spacing:.24em; text-transform:uppercase; font-weight:500 }
.we-post-title{ font-family:'Raleway',sans-serif; font-weight:200; font-size:clamp(30px,4vw,52px); line-height:1.12;
  color:#efe2c4; letter-spacing:.01em; margin:18px 0 0 }
.we-post-title em{ font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:400; color:#d8b977 }
.we-post-lead{ margin-top:18px; color:#8a8175; font-size:16px; line-height:1.7 }
.we-post-hero{ max-width:1100px; margin:40px auto; aspect-ratio:16/9; overflow:hidden; background:#0d0b09 }
.we-post-hero img{ width:100%; height:100%; object-fit:cover; display:block }
/* เนื้อหา (Post Content widget) */
.we-post-content{ max-width:760px; margin:0 auto; padding:0 24px 90px; color:#cbc4b6; font-size:17px; line-height:1.85; font-weight:300 }
.we-post-content h2, .we-post-content h3{ font-family:'Raleway',sans-serif; font-weight:300; color:#efe2c4; margin:38px 0 14px; letter-spacing:.01em }
.we-post-content h2{ font-size:26px } .we-post-content h3{ font-size:21px }
.we-post-content p{ margin:0 0 22px }
.we-post-content a{ color:#cda349; text-decoration:underline; text-underline-offset:3px }
.we-post-content blockquote{ border-left:2px solid rgba(205,163,73,.5); margin:30px 0; padding:6px 0 6px 24px;
  font-family:'Cormorant Garamond',serif; font-style:italic; font-size:22px; color:#e6ddcd }
.we-post-content img{ max-width:100%; height:auto; margin:24px 0 }

/* ปุ่ม "Filters" ที่กดเปิด drawer (Elementor Button widget · ใส่ class .we-filter-btn) */
.we-filter-btn .elementor-button,
a.we-filter-btn, button.we-filter-btn{
  display:inline-flex !important; align-items:center !important; gap:9px !important;
  background:transparent !important; color:#cda349 !important;
  border:1px solid rgba(205,163,73,.4) !important; border-radius:2px !important;
  font-family:'Raleway',sans-serif !important; font-size:11px !important; letter-spacing:.2em !important;
  text-transform:uppercase !important; font-weight:500 !important; padding:11px 20px !important; box-shadow:none !important; transition:.3s !important;
}
.we-filter-btn .elementor-button:hover,
a.we-filter-btn:hover, button.we-filter-btn:hover{ background:#cda349 !important; color:#0a0908 !important; border-color:#cda349 !important }/* End custom CSS */