.elementor-10 .elementor-element.elementor-element-5e6ef8c1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-d1f3eae{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-9f95c14{--display:flex;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-10 .elementor-element.elementor-element-d6cf140{--grid-columns:3;}@media(max-width:1024px){.elementor-10 .elementor-element.elementor-element-d6cf140{--grid-columns:2;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-ba878e9{padding:0px 10px 0px 10px;}.elementor-10 .elementor-element.elementor-element-d6cf140{--grid-columns:1;}}/* Start custom CSS *//* =========================================================================
   CART — WooCommerce cart ให้ตรงกับ mock (desktop + mobile)
   วาง: Cart page → Elementor → Page Settings (⚙) → Advanced → Custom CSS
   cells: product-remove · product-thumbnail · product-name · product-price · product-quantity · product-subtotal
   ========================================================================= */

/* ===== ปิด "label มือถือ" ของ WooCommerce (ต้นเหตุ Product: / Subtotal: / :Included บนมือถือ) ===== */
.woocommerce-cart table.cart td::before,
.woocommerce-cart table.cart th::before,
.woocommerce-cart .cart_totals td::before,
.woocommerce-cart .cart_totals th::before{ content:none !important; display:none !important }

/* ===== layout 2 คอลัมน์ (รายการซ้าย · สรุปขวา) =====
   summary ใช้ minmax กันกล่องแคบ/ตัวเลขล้น (เดิม "Included" โดนตัด) */
.woocommerce-cart .woocommerce{ max-width:1180px; margin:0 auto; padding:4px 0 80px;
  display:grid; grid-template-columns:minmax(0,1.6fr) minmax(360px,1fr); gap:52px; align-items:start }
.woocommerce-cart .woocommerce-notices-wrapper{ grid-column:1 / -1; margin:0 }
.woocommerce-cart .woocommerce-notices-wrapper:empty{ display:none !important }   /* ว่าง = ตัดออก ไม่กิน row-gap */
.woocommerce-cart .woocommerce-cart-form{ min-width:0 }
.woocommerce-cart .cart-collaterals{ width:100% !important; float:none !important }
.woocommerce-cart .cart-collaterals .cross-sells{ display:none }

/* ===== ตารางสินค้า → list หรู ===== */
.woocommerce-cart table.cart{ border:0 !important; background:transparent !important; margin:0 !important; width:100% !important }
.woocommerce-cart table.cart thead{ display:none !important }
.woocommerce-cart table.cart tbody,
.woocommerce-cart table.cart tbody tr{ width:100% }
.woocommerce-cart table.cart tbody tr.cart_item{
  display:grid !important; grid-template-columns:96px 1fr auto;
  grid-template-areas:"thumb name price" "thumb remove price";
  column-gap:24px; row-gap:6px; align-items:center;
  border-top:1px solid rgba(255,255,255,.08); padding:24px 0 }
.woocommerce-cart table.cart td{ display:block !important; border:0 !important; padding:0 !important; background:transparent !important; margin:0 !important; width:auto !important; text-align:left !important }
/* thumb (span 2 แถว) */
.woocommerce-cart td.product-thumbnail{ grid-area:thumb; grid-row:1 / 3; align-self:center }
.woocommerce-cart td.product-thumbnail img{ width:96px !important; height:96px; object-fit:cover; display:block }
/* name (แถวบน) */
.woocommerce-cart td.product-name{ grid-area:name; align-self:end; min-width:0; display:flex; flex-direction:column }
.woocommerce-cart td.product-name a{ color:#efe2c4 !important; font-family:'Raleway',sans-serif; font-size:17px; font-weight:300; text-decoration:none; line-height:1.35 }
.woocommerce-cart td.product-name a:hover{ color:#d8b977 !important }
.woocommerce-cart td.product-name .we-cart-brand{ color:#cda349; font-size:10px; letter-spacing:.2em; text-transform:uppercase; font-weight:500; margin-bottom:7px }
.woocommerce-cart td.product-name .we-cart-specs{ color:#8a8175; font-size:11px; letter-spacing:.14em; text-transform:uppercase; margin-top:9px }
/* remove (แถวล่าง ใต้ชื่อ) — เปลี่ยน × เป็น "Remove" · ล้างสีแดง/พื้น/เส้นของ Woo ทิ้ง */
.woocommerce-cart td.product-remove{ grid-area:remove; align-self:start }
.woocommerce-cart td.product-remove a.remove,
.woocommerce-cart td.product-remove a.remove:hover{
  display:inline-block !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important;
  font-size:0 !important; line-height:1 !important; color:transparent !important; background:none !important; background-color:transparent !important;
  border:0 !important; box-shadow:none !important; text-decoration:none !important; border-radius:0 !important }
.woocommerce-cart td.product-remove a.remove::after{ content:"Remove"; font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:#8a8175; border-bottom:1px solid rgba(138,129,117,.4); padding-bottom:3px; transition:.3s }
.woocommerce-cart td.product-remove a.remove:hover::after{ color:#d8b977; border-color:#d8b977 }
/* price = ใช้ subtotal (qty 1) ฝั่งขวา */
.woocommerce-cart td.product-subtotal{ grid-area:price; grid-row:1 / 3; align-self:center; text-align:right !important; color:#efe2c4 !important; font-size:17px; font-weight:300; white-space:nowrap }
/* ซ่อน price/quantity — ต้อง specificity สูงกว่า rule `table.cart td{display:block!important}` ข้างบน */
.woocommerce-cart table.cart td.product-price,
.woocommerce-cart table.cart td.product-quantity{ display:none !important }

/* actions (coupon) — ซ่อนปุ่ม Update Cart */
.woocommerce-cart .cart .actions{ display:flex; justify-content:flex-start; flex-wrap:wrap; gap:10px; padding:22px 0 0 !important; border-top:1px solid rgba(255,255,255,.08); margin-top:8px }
.woocommerce-cart button[name="update_cart"]{ display:none !important }
.woocommerce-cart .cart .actions .coupon{ display:flex; gap:10px; flex:1 1 auto; max-width:420px }
.woocommerce-cart .cart .actions .coupon input#coupon_code{ flex:1 1 auto; min-width:150px; background:#0a0908 !important; border:1px solid rgba(205,163,73,.26) !important; color:#efe2c4 !important; border-radius:2px !important; padding:12px 13px !important }
.woocommerce-cart .coupon button{
  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:10px !important; letter-spacing:.2em !important; text-transform:uppercase !important; font-weight:500 !important; padding:12px 20px !important; transition:.3s !important; white-space:nowrap }
.woocommerce-cart .coupon button:hover{ background:#cda349 !important; color:#0a0908 !important }

/* ===== Order Summary (cart_totals) — กล่องกว้างเหมือน mock + sticky =====
   สำคัญ: Woo default ตั้ง .cart_totals{width:48%;float:right} → กล่องเหลือครึ่งคอลัมน์ (ตัวการตัวเลขโดนตัด)
   ต้อง width:100% เพื่อเต็มคอลัมน์ */
.woocommerce-cart .cart_totals{ width:100% !important; float:none !important;
  background:#100e0c; border:1px solid rgba(255,255,255,.08); padding:38px 34px;
  position:sticky; top:30px; overflow:visible; box-sizing:border-box }
.woocommerce-cart .cart_totals h2{ font-size:0 !important; margin:0 0 22px !important; line-height:1 !important }
.woocommerce-cart .cart_totals h2::after{ content:"Order Summary"; font-family:'Raleway',sans-serif; font-size:11px; letter-spacing:.26em; text-transform:uppercase; color:#cda349; font-weight:500 }
.woocommerce-cart .cart_totals table{ border:0 !important; margin:0 !important; width:100% !important; display:block }
.woocommerce-cart .cart_totals tbody{ display:block }
.woocommerce-cart .cart_totals table tr{ display:flex !important; justify-content:space-between; align-items:baseline; gap:16px;
  border-top:1px solid rgba(255,255,255,.07); padding:13px 0 }
.woocommerce-cart .cart_totals table tr:first-child{ border-top:0 }
.woocommerce-cart .cart_totals th, .woocommerce-cart .cart_totals td{ border:0 !important; padding:0 !important; background:transparent !important; color:#c4bdb0 !important; font-weight:300 !important; font-size:14px }
/* display:block !important — กัน Woo มือถือ `tbody th{display:none}` ที่ทำให้ label หาย */
.woocommerce-cart .cart_totals th{ display:block !important; flex:1 1 auto; min-width:0; text-align:left; line-height:1.4 }
.woocommerce-cart .cart_totals td{ flex:0 0 auto; white-space:nowrap; text-align:right; color:#efe2c4 !important }
.woocommerce-cart .cart_totals .order-total{ margin-top:8px; padding-top:20px; border-top:1px solid rgba(205,163,73,.3); align-items:center }
.woocommerce-cart .cart_totals .order-total th{ color:#8a8175 !important; font-size:11px !important; letter-spacing:.2em !important; text-transform:uppercase !important; align-self:center }
.woocommerce-cart .cart_totals .order-total td, .woocommerce-cart .cart_totals .order-total .amount{ color:#efe2c4 !important; font-size:24px !important; font-weight:200 !important }
/* แถว custom (จาก PHP) ค่าฝั่งขวาเป็นทองเอียง */
.woocommerce-cart .cart_totals tr.we-incl td{ color:#d8b977 !important; font-style:italic; font-family:'Cormorant Garamond',serif; font-size:16px !important }
/* "SGD" ต่อท้ายยอด (เหมือน mock) */
.woocommerce-cart .cart_totals .cart-subtotal td .amount::after,
.woocommerce-cart .cart_totals .order-total td .amount::after{ content:" SGD"; font-size:12px; color:#8a8175; letter-spacing:.08em; font-weight:300 }
/* note + book viewing (จาก PHP after_cart_totals) */
.woocommerce-cart .we-cart-note{ color:#8a8175; font-size:12px; line-height:1.7; margin:18px 0 0 }
.woocommerce-cart .we-cart-view{ margin:16px 0 0; text-align:center; color:#8a8175; font-size:12.5px; line-height:1.7 }
.woocommerce-cart .we-cart-view a{ color:#cda349; text-decoration:none; border-bottom:1px solid rgba(205,163,73,.3) }
.woocommerce-cart .we-cart-view a:hover{ color:#d8b977 }

/* ===== ปุ่ม Proceed to Checkout ===== */
.woocommerce-cart .wc-proceed-to-checkout{ padding:0 !important; margin-top:22px }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  display:flex !important; align-items:center; justify-content:center; width:100%;
  background:#cda349 !important; color:#0a0908 !important; border:1px solid #cda349 !important; border-radius:0 !important;
  font-family:'Raleway',sans-serif !important; font-size:11px !important; letter-spacing:.22em !important; text-transform:uppercase !important;
  font-weight:600 !important; padding:17px !important; margin:0 !important; transition:.3s !important }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{ background:#d8b977 !important; border-color:#d8b977 !important }

/* ===== ตะกร้าว่าง / notices (removed · UNDO · empty · Return to shop) =====
   ตอนตะกร้าว่างไม่มี grid 2 คอลัมน์ → จัดกลางคอลัมน์เดียว */
.woocommerce-cart .woocommerce:has(.cart-empty){ display:block !important; max-width:720px; margin:0 auto; text-align:center; padding:20px 0 90px }
.woocommerce-cart .woocommerce-info,
.woocommerce-cart .woocommerce-message,
.woocommerce-cart .cart-empty{
  background:#100e0c !important; border:1px solid rgba(205,163,73,.26) !important; border-radius:0 !important; box-shadow:none !important;
  color:#cbc4b6 !important; font-family:'Raleway',sans-serif !important; font-size:14px !important; font-weight:300 !important; letter-spacing:.01em !important;
  padding:20px 26px !important; margin:0 auto 16px !important;
  display:flex !important; align-items:center; justify-content:center; gap:16px; text-align:center }
/* ตัดไอคอน ✓/★ ::before ของ Woo ที่ทับตัวอักษร */
.woocommerce-cart .woocommerce-info::before,
.woocommerce-cart .woocommerce-message::before,
.woocommerce-cart .cart-empty::before{ display:none !important; content:none !important }
/* ลิงก์ UNDO? = ปุ่ม ghost ทอง */
.woocommerce-cart .woocommerce-message a.restore-item,
.woocommerce-cart .woocommerce-message > a{
  color:#cda349 !important; font-size:10px !important; letter-spacing:.2em !important; text-transform:uppercase !important; font-weight:500 !important;
  border:1px solid rgba(205,163,73,.4) !important; padding:9px 16px !important; border-radius:0 !important; text-decoration:none !important; white-space:nowrap; transition:.3s !important }
.woocommerce-cart .woocommerce-message a.restore-item:hover,
.woocommerce-cart .woocommerce-message > a:hover{ background:#cda349 !important; color:#0a0908 !important }
/* ปุ่ม Return to shop = ทองตัน */
.woocommerce-cart .return-to-shop{ text-align:center; margin-top:6px }
.woocommerce-cart .return-to-shop a.button,
.woocommerce-cart a.wc-backward{
  display:inline-block !important; background:#cda349 !important; color:#0a0908 !important; border:1px solid #cda349 !important; border-radius:0 !important;
  font-family:'Raleway',sans-serif !important; font-size:11px !important; letter-spacing:.22em !important; text-transform:uppercase !important; font-weight:600 !important;
  padding:16px 34px !important; transition:.3s !important }
.woocommerce-cart .return-to-shop a.button:hover,
.woocommerce-cart a.wc-backward:hover{ background:#d8b977 !important; border-color:#d8b977 !important; color:#0a0908 !important }

/* ===== Complete the Pair — grid 3 ใบ จัดกลาง การ์ดใหญ่ (เหมือน mock) =====
   ใส่ class "we-cart-rel" ที่ Loop Grid · ตั้งใน widget: Columns 3 / Tablet 2 / Mobile 1
   *ไม่ใช้ we-jr / ลูกศร แล้ว — เป็น grid จัดกลางตาม mock* */
/* widget loop-grid เอง Elementor ทำเป็น grid + container ลูกแคบ ~670px → บังคับ block เต็มกว้าง
   การ์ดเล็กลงนิด: จำกัดกรอบ ~1040px จัดกลาง */
.we-cart-rel{ display:block !important; width:100% !important; max-width:1000px !important; margin:0 auto }
.we-cart-rel > .elementor-widget-container{ display:block !important; width:100% !important }
/* desktop = grid 3 คอลัมน์ จัดกลาง การ์ด portrait (เล็กลงนิด) */
.we-cart-rel .elementor-grid,
.we-cart-rel .elementor-loop-container{ display:grid !important; grid-template-columns:repeat(3,1fr) !important;
  gap:28px !important; column-gap:28px !important; row-gap:38px !important; width:100% !important; max-width:none !important;
  justify-content:stretch !important; justify-items:stretch !important; overflow:visible !important; padding:0 !important }
/* รูปการ์ด portrait 4/5 (สั้นลงกว่า 3/4 = การ์ดเล็กลง) */
.we-cart-rel .e-loop-item img{ width:100% !important; aspect-ratio:4/5 !important; height:auto !important; object-fit:cover !important; display:block }
@media(max-width:880px){ .we-cart-rel .elementor-grid, .we-cart-rel .elementor-loop-container{ grid-template-columns:repeat(2,1fr) !important } }
/* ===== มือถือ = สไลด์แนวนอน 1.3 ใบ (ปัดได้ ไม่ต้องมี JS) ===== */
@media(max-width:600px){
  .we-cart-rel{ max-width:100%; padding:0 }
  .we-cart-rel .elementor-grid,
  .we-cart-rel .elementor-loop-container{ display:flex !important; grid-template-columns:none !important; flex-wrap:nowrap !important;
    overflow-x:auto !important; gap:14px !important; column-gap:14px !important; padding:0 20px !important;
    -webkit-overflow-scrolling:touch; scroll-snap-type:x mandatory; scrollbar-width:none }
  .we-cart-rel .elementor-grid::-webkit-scrollbar,
  .we-cart-rel .elementor-loop-container::-webkit-scrollbar{ display:none }
  .we-cart-rel .elementor-grid > .e-loop-item,
  .we-cart-rel .elementor-loop-container > .e-loop-item,
  .we-cart-rel .elementor-grid > *,
  .we-cart-rel .elementor-loop-container > *{ flex:0 0 78% !important; max-width:78% !important; scroll-snap-align:start }
}

/* ===== responsive ===== */
@media(max-width:980px){
  .woocommerce-cart .woocommerce{ grid-template-columns:1fr; gap:32px; padding:4px 0 60px }
  .woocommerce-cart .cart_totals{ position:static; padding:32px 26px }
}
@media(max-width:600px){
  /* รูปสินค้ามือถือใหญ่ขึ้น (เดิม 78px เล็กไป) */
  .woocommerce-cart table.cart tbody tr.cart_item{ grid-template-columns:118px 1fr; grid-template-areas:"thumb name" "thumb price" "thumb remove"; column-gap:18px; row-gap:6px; padding:22px 0 }
  .woocommerce-cart td.product-thumbnail{ grid-row:1 / 4; align-self:start }
  .woocommerce-cart td.product-thumbnail img{ width:118px !important; height:118px }
  .woocommerce-cart td.product-subtotal{ grid-row:auto; text-align:left !important }
  .woocommerce-cart .cart .actions{ flex-direction:column }
  .woocommerce-cart .cart .actions .coupon{ max-width:none }
  .woocommerce-cart .cart .actions .coupon input#coupon_code,
  .woocommerce-cart .coupon button{ width:100% !important }
}/* End custom CSS */