.elementor-145 .elementor-element.elementor-element-08b1d54{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-145 .elementor-element.elementor-element-fff6e44{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-145 .elementor-element.elementor-element-c9cca22{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-145 .elementor-element.elementor-element-c9cca22.e-con{--flex-grow:1;--flex-shrink:0;}.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-145 .elementor-element.elementor-element-0b149c3 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:14px;font-weight:600;line-height:1.5em;color:#CDA349;}.elementor-widget-woocommerce-product-title .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-145 .elementor-element.elementor-element-34b79bc{font-family:"Raleway", Sans-serif;font-weight:400;color:#555555;}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );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 );}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-145 .elementor-element.elementor-element-eb0249f{padding:20px 0px 20px 0px;}.elementor-145 .elementor-element.elementor-element-eb0249f .cart button, .elementor-145 .elementor-element.elementor-element-eb0249f .cart .button{border-style:none;transition:all 0.2s;}.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 );}.elementor-145 .elementor-element.elementor-element-19f9ca7{padding:0px 0px 0px 0px;}.elementor-145 .elementor-element.elementor-element-19f9ca7 .elementor-button{border-style:none;}.elementor-145 .elementor-element.elementor-element-b507657{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;}.elementor-145 .elementor-element.elementor-element-9d676c1{border-style:none;}.elementor-145 .elementor-element.elementor-element-b50dc60{--display:flex;border-style:none;--border-style:none;}.elementor-145 .elementor-element.elementor-element-dc5af7a{font-family:"Raleway", Sans-serif;font-weight:400;}.elementor-145 .elementor-element.elementor-element-fcc568d{--display:flex;border-style:none;--border-style:none;}.elementor-145 .elementor-element.elementor-element-523ba7d{font-family:"Raleway", Sans-serif;font-weight:400;}.elementor-145 .elementor-element.elementor-element-3b89e25{--display:flex;border-style:none;--border-style:none;}.elementor-145 .elementor-element.elementor-element-cb251ba{font-family:"Raleway", Sans-serif;font-weight:400;}.elementor-145 .elementor-element.elementor-element-f805b80{--n-accordion-title-font-size:12px;--n-accordion-title-icon-order:initial;}.elementor-145 .elementor-element.elementor-element-f805b80 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}:where( .elementor-145 .elementor-element.elementor-element-f805b80 > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-145 .elementor-element.elementor-element-86764c1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-145 .elementor-element.elementor-element-86764c1:not(.elementor-motion-effects-element-type-background), .elementor-145 .elementor-element.elementor-element-86764c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-145 .elementor-element.elementor-element-bcbcf97{--display:flex;--justify-content:flex-start;}.elementor-145 .elementor-element.elementor-element-bcbcf97.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-145 .elementor-element.elementor-element-9b6e537{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-145 .elementor-element.elementor-element-0397cf2{--grid-columns:6;}body.elementor-page-145:not(.elementor-motion-effects-element-type-background), body.elementor-page-145 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0908;}@media(min-width:768px){.elementor-145 .elementor-element.elementor-element-fff6e44{--width:60%;}.elementor-145 .elementor-element.elementor-element-c9cca22{--width:40%;}.elementor-145 .elementor-element.elementor-element-bcbcf97{--width:25%;}.elementor-145 .elementor-element.elementor-element-9b6e537{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-145 .elementor-element.elementor-element-bcbcf97{--width:100%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-product-title .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}.woocommerce .elementor-widget-woocommerce-product-price .price{line-height:var( --e-global-typography-primary-line-height );}.elementor-145 .elementor-element.elementor-element-86764c1{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;}.elementor-145 .elementor-element.elementor-element-0397cf2{--grid-columns:2;}}@media(max-width:767px){.elementor-145 .elementor-element.elementor-element-08b1d54{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-145 .elementor-element.elementor-element-c9cca22{--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-product-title .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-145 .elementor-element.elementor-element-34b79bc{font-size:12px;}.woocommerce .elementor-widget-woocommerce-product-price .price{line-height:var( --e-global-typography-primary-line-height );}.elementor-145 .elementor-element.elementor-element-b50dc60{--padding-top:0px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-145 .elementor-element.elementor-element-dc5af7a{font-size:11px;}.elementor-145 .elementor-element.elementor-element-523ba7d{font-size:11px;}.elementor-145 .elementor-element.elementor-element-cb251ba{font-size:11px;}.elementor-145 .elementor-element.elementor-element-f805b80{--n-accordion-title-icon-order:initial;--n-accordion-title-font-size:10px;}.elementor-145 .elementor-element.elementor-element-94c8313{padding:0px 10px 0px 010px;}.elementor-145 .elementor-element.elementor-element-9b6e537{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-145 .elementor-element.elementor-element-0397cf2{--grid-columns:1;}}/* Start custom CSS for woocommerce-product-additional-information, class: .elementor-element-9d676c1 */.elementor-145 .elementor-element.elementor-element-9d676c1 table,
.elementor-145 .elementor-element.elementor-element-9d676c1 tbody,
.elementor-145 .elementor-element.elementor-element-9d676c1 tr,
.elementor-145 .elementor-element.elementor-element-9d676c1 th,
.elementor-145 .elementor-element.elementor-element-9d676c1 td,
.elementor-145 .elementor-element.elementor-element-9d676c1 .woocommerce-product-attributes-item,
.elementor-145 .elementor-element.elementor-element-9d676c1 .woocommerce-product-attributes-item th,
.elementor-145 .elementor-element.elementor-element-9d676c1 .woocommerce-product-attributes-item td {
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
.elementor-145 .elementor-element.elementor-element-9d676c1 th,
.elementor-145 .elementor-element.elementor-element-9d676c1 td {
  padding: 7px 0 !important;
  vertical-align: top !important;
  line-height: 1.55 !important;
}
.elementor-145 .elementor-element.elementor-element-9d676c1 th { color: #8a8175 !important; font-weight: 400 !important; text-align: left !important; width: 45% !important; }
.elementor-145 .elementor-element.elementor-element-9d676c1 td { color: #efe2c4 !important; }
.elementor-145 .elementor-element.elementor-element-9d676c1 th, .elementor-145 .elementor-element.elementor-element-9d676c1 td { padding: 8px 0 !important; vertical-align: top !important; line-height: 1.6 !important; }
.elementor-145 .elementor-element.elementor-element-9d676c1 td p, .elementor-145 .elementor-element.elementor-element-9d676c1 th p { margin: 0 !important; padding: 0 !important; line-height: 1.6 !important; }/* End custom CSS */
/* Start custom CSS for woocommerce-product-additional-information, class: .elementor-element-9d676c1 */.elementor-145 .elementor-element.elementor-element-9d676c1 table,
.elementor-145 .elementor-element.elementor-element-9d676c1 tbody,
.elementor-145 .elementor-element.elementor-element-9d676c1 tr,
.elementor-145 .elementor-element.elementor-element-9d676c1 th,
.elementor-145 .elementor-element.elementor-element-9d676c1 td,
.elementor-145 .elementor-element.elementor-element-9d676c1 .woocommerce-product-attributes-item,
.elementor-145 .elementor-element.elementor-element-9d676c1 .woocommerce-product-attributes-item th,
.elementor-145 .elementor-element.elementor-element-9d676c1 .woocommerce-product-attributes-item td {
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
.elementor-145 .elementor-element.elementor-element-9d676c1 th,
.elementor-145 .elementor-element.elementor-element-9d676c1 td {
  padding: 7px 0 !important;
  vertical-align: top !important;
  line-height: 1.55 !important;
}
.elementor-145 .elementor-element.elementor-element-9d676c1 th { color: #8a8175 !important; font-weight: 400 !important; text-align: left !important; width: 45% !important; }
.elementor-145 .elementor-element.elementor-element-9d676c1 td { color: #efe2c4 !important; }
.elementor-145 .elementor-element.elementor-element-9d676c1 th, .elementor-145 .elementor-element.elementor-element-9d676c1 td { padding: 8px 0 !important; vertical-align: top !important; line-height: 1.6 !important; }
.elementor-145 .elementor-element.elementor-element-9d676c1 td p, .elementor-145 .elementor-element.elementor-element-9d676c1 th p { margin: 0 !important; padding: 0 !important; line-height: 1.6 !important; }/* End custom CSS */
/* Start custom CSS for woocommerce-product-additional-information, class: .elementor-element-9d676c1 */.elementor-145 .elementor-element.elementor-element-9d676c1 table,
.elementor-145 .elementor-element.elementor-element-9d676c1 tbody,
.elementor-145 .elementor-element.elementor-element-9d676c1 tr,
.elementor-145 .elementor-element.elementor-element-9d676c1 th,
.elementor-145 .elementor-element.elementor-element-9d676c1 td,
.elementor-145 .elementor-element.elementor-element-9d676c1 .woocommerce-product-attributes-item,
.elementor-145 .elementor-element.elementor-element-9d676c1 .woocommerce-product-attributes-item th,
.elementor-145 .elementor-element.elementor-element-9d676c1 .woocommerce-product-attributes-item td {
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
.elementor-145 .elementor-element.elementor-element-9d676c1 th,
.elementor-145 .elementor-element.elementor-element-9d676c1 td {
  padding: 7px 0 !important;
  vertical-align: top !important;
  line-height: 1.55 !important;
}
.elementor-145 .elementor-element.elementor-element-9d676c1 th { color: #8a8175 !important; font-weight: 400 !important; text-align: left !important; width: 45% !important; }
.elementor-145 .elementor-element.elementor-element-9d676c1 td { color: #efe2c4 !important; }
.elementor-145 .elementor-element.elementor-element-9d676c1 th, .elementor-145 .elementor-element.elementor-element-9d676c1 td { padding: 8px 0 !important; vertical-align: top !important; line-height: 1.6 !important; }
.elementor-145 .elementor-element.elementor-element-9d676c1 td p, .elementor-145 .elementor-element.elementor-element-9d676c1 th p { margin: 0 !important; padding: 0 !important; line-height: 1.6 !important; }/* End custom CSS */
/* Start custom CSS for woocommerce-product-additional-information, class: .elementor-element-9d676c1 */.elementor-145 .elementor-element.elementor-element-9d676c1 table,
.elementor-145 .elementor-element.elementor-element-9d676c1 tbody,
.elementor-145 .elementor-element.elementor-element-9d676c1 tr,
.elementor-145 .elementor-element.elementor-element-9d676c1 th,
.elementor-145 .elementor-element.elementor-element-9d676c1 td,
.elementor-145 .elementor-element.elementor-element-9d676c1 .woocommerce-product-attributes-item,
.elementor-145 .elementor-element.elementor-element-9d676c1 .woocommerce-product-attributes-item th,
.elementor-145 .elementor-element.elementor-element-9d676c1 .woocommerce-product-attributes-item td {
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
.elementor-145 .elementor-element.elementor-element-9d676c1 th,
.elementor-145 .elementor-element.elementor-element-9d676c1 td {
  padding: 7px 0 !important;
  vertical-align: top !important;
  line-height: 1.55 !important;
}
.elementor-145 .elementor-element.elementor-element-9d676c1 th { color: #8a8175 !important; font-weight: 400 !important; text-align: left !important; width: 45% !important; }
.elementor-145 .elementor-element.elementor-element-9d676c1 td { color: #efe2c4 !important; }
.elementor-145 .elementor-element.elementor-element-9d676c1 th, .elementor-145 .elementor-element.elementor-element-9d676c1 td { padding: 8px 0 !important; vertical-align: top !important; line-height: 1.6 !important; }
.elementor-145 .elementor-element.elementor-element-9d676c1 td p, .elementor-145 .elementor-element.elementor-element-9d676c1 th p { margin: 0 !important; padding: 0 !important; line-height: 1.6 !important; }/* End custom CSS */
/* Start custom CSS for woocommerce-product-additional-information, class: .elementor-element-9d676c1 */.elementor-145 .elementor-element.elementor-element-9d676c1 table,
.elementor-145 .elementor-element.elementor-element-9d676c1 tbody,
.elementor-145 .elementor-element.elementor-element-9d676c1 tr,
.elementor-145 .elementor-element.elementor-element-9d676c1 th,
.elementor-145 .elementor-element.elementor-element-9d676c1 td,
.elementor-145 .elementor-element.elementor-element-9d676c1 .woocommerce-product-attributes-item,
.elementor-145 .elementor-element.elementor-element-9d676c1 .woocommerce-product-attributes-item th,
.elementor-145 .elementor-element.elementor-element-9d676c1 .woocommerce-product-attributes-item td {
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
.elementor-145 .elementor-element.elementor-element-9d676c1 th,
.elementor-145 .elementor-element.elementor-element-9d676c1 td {
  padding: 7px 0 !important;
  vertical-align: top !important;
  line-height: 1.55 !important;
}
.elementor-145 .elementor-element.elementor-element-9d676c1 th { color: #8a8175 !important; font-weight: 400 !important; text-align: left !important; width: 45% !important; }
.elementor-145 .elementor-element.elementor-element-9d676c1 td { color: #efe2c4 !important; }
.elementor-145 .elementor-element.elementor-element-9d676c1 th, .elementor-145 .elementor-element.elementor-element-9d676c1 td { padding: 8px 0 !important; vertical-align: top !important; line-height: 1.6 !important; }
.elementor-145 .elementor-element.elementor-element-9d676c1 td p, .elementor-145 .elementor-element.elementor-element-9d676c1 th p { margin: 0 !important; padding: 0 !important; line-height: 1.6 !important; }/* End custom CSS */
/* Start custom CSS *//*
=============================================================
  WATCH ESTATE — SINGLE PRODUCT CSS (WooCommerce + Elementor Pro)
  วิธีใช้: Elementor → ☰ → Site Settings → Custom CSS  → Save
           (หรือ WordPress → Appearance → Additional CSS)

  หมายเหตุสำคัญ:
  body.elementor-page-145 เกาะ "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;
}
/* ★ ลด gap ระหว่างแกลเลอรีกับข้อมูล (เดสก์ท็อปเท่านั้น)
   เดิมคอลัมน์รูปกว้าง ~684px แต่รูป max 500px → เหลือช่องว่างขวา ~184px มากไป
   ย่อคอลัมน์เป็น 564px → รูป 500 + ช่องว่าง ~64px กำลังดี (คอลัมน์ข้อมูล flex-grow กินที่เหลือ)
   scope min-width:1025px กันมือถือ/แท็บเล็ตที่ stack อยู่แล้ว (breakpoint ที่ 1024) */
@media (min-width: 1025px) {
  .we-col-gallery { width: 564px !important; max-width: 564px !important; flex: 0 0 564px !important; }
}

/* ============================================================
   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: 4 / 5;   /* แนวตั้งเหมือนการ์ดหน้า home shop (เลิก 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;
}
.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 ด้านล่าง — แถวเดียว เลื่อนแนวนอนได้ (ทุกขนาดจอ)
   หมายเหตุ: ตัว auto-scroll ให้ thumbnail ที่ active เลื่อนตามรูปหลัก
   อยู่ใน product-gallery-elementor-js.js (จับ class flex-active) */
.elementor-widget-woocommerce-product-images .flex-control-thumbs {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 10px;
  margin: 12px 0 0 !important;
  padding: 0 0 4px;
  list-style: none;
  width: 100% !important;
  /* !important จำเป็น: ชนะ WooCommerce core
     ".woocommerce div.product div.images .flex-control-thumbs{overflow:hidden}"
     ที่ specificity สูงกว่า — ไม่งั้นแถบจะ "เลื่อนไม่ได้จริง" */
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
  scroll-behavior: smooth;
  scrollbar-width: none;            /* Firefox: ซ่อน scrollbar */
}
.elementor-widget-woocommerce-product-images .flex-control-thumbs::-webkit-scrollbar { display: none; }
/* override ความกว้าง inline ที่ flexslider ใส่มาให้ li
   → โชว์ ~4.3 ใบต่อจอ (เห็นใบถัดไปนิดๆ = รู้ว่าเลื่อนได้) */
.elementor-widget-woocommerce-product-images .flex-control-thumbs li {
  margin: 0 !important;
  flex: 0 0 calc((100% - 40px) / 4.3) !important;
  width: auto !important;
  float: none !important;
  list-style: none;
  scroll-snap-align: start;
  transition: transform .45s var(--we-ease);   /* เลื่อนนุ่มตอน sync (โหมด transform) */
}
/* โหมด transform (JS เติม class เมื่อ native scroll โดน flexslider ล็อก):
   clip ด้วย overflow hidden แล้วเลื่อน li ทั้งแถวด้วย translateX */
.elementor-widget-woocommerce-product-images .flex-control-thumbs.we-thumb-transform {
  overflow: hidden !important;
  touch-action: pan-y;            /* ลากแนวนอนได้ ไม่ล็อกสกรอลล์หน้า */
}
.elementor-widget-woocommerce-product-images .flex-control-thumbs img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 4 / 5;
  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 จึงใช้ body.elementor-page-145 แบบ 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; }

  /* รูปหลัก: เต็มความกว้าง สัดส่วน 4:5 (เหมือนการ์ดหน้า home shop) */
  .elementor-widget-woocommerce-product-images .woocommerce-product-gallery__image img {
    aspect-ratio: 4 / 5;
    border-radius: 8px;
  }
  /* thumbnail: แถวเดียวเลื่อนแนวนอน (base จัดให้แล้ว) — มือถือใบใหญ่ขึ้นนิด แตะง่าย */
  .elementor-widget-woocommerce-product-images .flex-control-thumbs { gap: 8px; }
  .elementor-widget-woocommerce-product-images .flex-control-thumbs li {
    flex: 0 0 calc((100% - 24px) / 4.3) !important;
    width: auto !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: 12px !important; padding: 8px 0 !important; }
  .we-btn-ghost .elementor-button { letter-spacing: .1em !important; font-size: 10px !important; padding: 16px 14px !important; }
}/* End custom CSS */