.elementor-11 .elementor-element.elementor-element-2ff0f539{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.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 );color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-a7b134f .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:35px;font-weight:600;color:#000000;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-11 .elementor-element.elementor-element-6411c6f{font-family:"Prompt", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-11 .elementor-element.elementor-element-6411c6f a{color:var( --e-global-color-accent );}.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 );}/* Start custom CSS for text-editor, class: .elementor-element-6badda78 *//* =====================================================
   NAP SKINCARE - WOOCOMMERCE CART BLOCK FINAL V2
   Clean Beauty Tone / Full Width / Organized CSS
   สำหรับ WooCommerce Cart Block
===================================================== */


/* =====================================================
   0) EDIT HERE - COLOR SYSTEM
   จุดแก้สีหลัก
===================================================== */

:root {
  /* Background */
  --nap-bg: #F3EFE6;             /* พื้นหลังหน้า */
  --nap-soft: #FAF7F0;           /* พื้นหลังอ่อน / hover / กล่องย่อย */
  --nap-card: #FFFFFF;           /* card / กล่องหลัก */

  /* Accent */
  --nap-primary: #6F735D;        /* ปุ่ม / ราคา / link / active */
  --nap-primary-dark: #3F4A3A;   /* hover / active เข้ม */
  --nap-accent: #B8A77E;         /* accent ทรายทองหม่น */

  /* Text */
  --nap-heading: #2B2A24;        /* หัวข้อ */
  --nap-text: #5A5146;           /* เนื้อหาทั่วไป */
  --nap-muted: #7C756A;          /* ข้อความรอง */

  /* Border / Shadow */
  --nap-border: #D8D1C4;
  --nap-line: rgba(216, 209, 196, 0.75);
  --nap-shadow: 0 10px 30px rgba(43, 42, 36, 0.055);
  --nap-shadow-hover: 0 10px 24px rgba(43, 42, 36, 0.14);

  /* Radius */
  --nap-radius-lg: 22px;
  --nap-radius-md: 18px;
  --nap-radius-sm: 14px;
  --nap-radius-pill: 999px;

  /* Layout */
  --nap-sidebar-width: 360px;
  --nap-gap: 20px;

  /* Font */
  --nap-font: "Prompt", sans-serif;

  /* Backward compatible variables */
  --nap-wine: var(--nap-primary);
  --nap-green: var(--nap-primary-dark);
  --nap-cream: var(--nap-bg);
  --nap-brown: var(--nap-text);
  --nap-dark: var(--nap-heading);
  --nap-white: var(--nap-card);
  --nap-sand: var(--nap-accent);
}


/* =====================================================
   1) PAGE BASE
   พื้นหลังเฉพาะหน้าตะกร้า
===================================================== */

body.woocommerce-cart {
  font-family: var(--nap-font) !important;
  color: var(--nap-heading) !important;
}

body.woocommerce-cart .site-main,
body.woocommerce-cart main.site-main,
body.woocommerce-cart #primary,
body.woocommerce-cart .content-area,
body.woocommerce-cart .entry-content,
body.woocommerce-cart .elementor[data-elementor-type="wp-page"] {
  background: var(--nap-bg) !important;
}


/* =====================================================
   2) THEME CONTAINER RESET
   ล้าง container ของ theme ให้เต็มพื้นที่
===================================================== */

body.woocommerce-cart #content,
body.woocommerce-cart .site-content,
body.woocommerce-cart #content .ast-container,
body.woocommerce-cart .site-content .ast-container,
body.woocommerce-cart main.site-main .ast-container,
body.woocommerce-cart .content-area,
body.woocommerce-cart .entry-content,
body.woocommerce-cart .wp-block-post-content,
body.woocommerce-cart .is-layout-constrained,
body.woocommerce-cart .is-layout-flow {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* =====================================================
   3) PAGE TITLE AREA
===================================================== */

body.woocommerce-cart .entry-header,
body.woocommerce-cart .page-header,
body.woocommerce-cart .ast-archive-description {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--nap-bg) !important;
}

body.woocommerce-cart .entry-title,
body.woocommerce-cart .page-title {
  margin: 0 0 18px !important;
  color: var(--nap-heading) !important;
  font-family: var(--nap-font) !important;
  font-size: 34px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}


/* =====================================================
   4) CART BLOCK WRAPPER
===================================================== */

body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-cart .wp-block-woocommerce-cart.alignwide {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--nap-font) !important;
  color: var(--nap-heading) !important;
}

body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-cart .wp-block-woocommerce-cart * {
  box-sizing: border-box !important;
  font-family: var(--nap-font) !important;
}


/* =====================================================
   5) CART MAIN LAYOUT
   ซ้ายสินค้า / ขวาสรุปยอด
===================================================== */

body.woocommerce-cart .wp-block-woocommerce-filled-cart-block,
body.woocommerce-cart .wc-block-cart {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) var(--nap-sidebar-width) !important;
  gap: var(--nap-gap) !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* =====================================================
   6) LEFT COLUMN - CART ITEMS CARD
===================================================== */

body.woocommerce-cart .wp-block-woocommerce-cart-items-block,
body.woocommerce-cart .wc-block-cart__main {
  grid-column: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.woocommerce-cart .wp-block-woocommerce-cart-items-block {
  background: var(--nap-card) !important;
  border: 1px solid var(--nap-border) !important;
  border-radius: var(--nap-radius-lg) !important;
  box-shadow: var(--nap-shadow) !important;
  overflow: hidden !important;
}


/* =====================================================
   7) CART TABLE
===================================================== */

body.woocommerce-cart .wc-block-cart-items {
  width: 100% !important;
  margin: 0 !important;
  border: none !important;
  table-layout: auto !important;
}

body.woocommerce-cart .wc-block-cart-items__header {
  background: var(--nap-bg) !important;
}

body.woocommerce-cart .wc-block-cart-items__header th {
  padding: 18px 20px !important;
  border-bottom: 1px solid var(--nap-border) !important;
  color: var(--nap-heading) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
}

body.woocommerce-cart .wc-block-cart-items__row {
  border-bottom: 1px solid var(--nap-border) !important;
}

body.woocommerce-cart .wc-block-cart-items__row:last-child {
  border-bottom: none !important;
}


/* =====================================================
   8) PRODUCT IMAGE
===================================================== */

body.woocommerce-cart .wc-block-cart-item__image {
  width: 96px !important;
  padding: 18px 12px 18px 20px !important;
}

body.woocommerce-cart .wc-block-cart-item__image img {
  width: 72px !important;
  height: 72px !important;
  object-fit: contain !important;
  background: var(--nap-soft) !important;
  border: 1px solid var(--nap-border) !important;
  border-radius: var(--nap-radius-sm) !important;
  padding: 8px !important;
}


/* =====================================================
   9) PRODUCT INFO
===================================================== */

body.woocommerce-cart .wc-block-cart-item__product {
  padding: 18px 20px 18px 0 !important;
}

body.woocommerce-cart .wc-block-components-product-name {
  color: var(--nap-heading) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  text-decoration: none !important;
}

body.woocommerce-cart .wc-block-components-product-name:hover {
  color: var(--nap-primary) !important;
}

body.woocommerce-cart .wc-block-components-product-metadata,
body.woocommerce-cart .wc-block-components-product-details {
  color: var(--nap-text) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}


/* =====================================================
   10) PRODUCT PRICE
===================================================== */

body.woocommerce-cart .wc-block-cart-item__total,
body.woocommerce-cart .wc-block-cart-item__prices,
body.woocommerce-cart .wc-block-components-product-price,
body.woocommerce-cart .wc-block-components-product-price__value {
  color: var(--nap-primary) !important;
  font-weight: 600 !important;
}

body.woocommerce-cart .wc-block-components-product-price del {
  color: var(--nap-muted) !important;
  font-weight: 400 !important;
  opacity: 0.75 !important;
}

body.woocommerce-cart .wc-block-components-product-price ins {
  color: var(--nap-primary) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}


/* =====================================================
   11) REMOVE PRODUCT
===================================================== */

body.woocommerce-cart .wc-block-cart-item__remove-link {
  color: var(--nap-primary) !important;
  font-size: 13px !important;
  text-decoration: none !important;
  opacity: 0.85 !important;
  transition: all 0.25s ease !important;
}

body.woocommerce-cart .wc-block-cart-item__remove-link:hover {
  color: var(--nap-primary-dark) !important;
  opacity: 1 !important;
}


/* =====================================================
   12) QUANTITY SELECTOR
===================================================== */

body.woocommerce-cart .wc-block-components-quantity-.elementor-11 .elementor-element.elementor-element-6badda78 {
  min-height: 42px !important;
  background: var(--nap-bg) !important;
  border: 1px solid var(--nap-border) !important;
  border-radius: var(--nap-radius-pill) !important;
  overflow: hidden !important;
}

body.woocommerce-cart .wc-block-components-quantity-.elementor-11 .elementor-element.elementor-element-6badda78 input {
  color: var(--nap-heading) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

body.woocommerce-cart .wc-block-components-quantity-.elementor-11 .elementor-element.elementor-element-6badda78 button {
  color: var(--nap-primary) !important;
}

body.woocommerce-cart .wc-block-components-quantity-.elementor-11 .elementor-element.elementor-element-6badda78 button:hover {
  color: var(--nap-primary-dark) !important;
}


/* =====================================================
   13) RIGHT COLUMN - CART TOTALS CARD
===================================================== */

body.woocommerce-cart .wp-block-woocommerce-cart-totals-block,
body.woocommerce-cart .wc-block-cart__sidebar {
  grid-column: 2 !important;
  width: var(--nap-sidebar-width) !important;
  max-width: var(--nap-sidebar-width) !important;
  min-width: var(--nap-sidebar-width) !important;
  margin: 0 !important;
  padding: 24px !important;
  align-self: start !important;
  justify-self: stretch !important;
}

body.woocommerce-cart .wp-block-woocommerce-cart-totals-block {
  background: var(--nap-card) !important;
  border: 1px solid var(--nap-border) !important;
  border-radius: var(--nap-radius-lg) !important;
  box-shadow: var(--nap-shadow) !important;
  overflow: hidden !important;
}

body.woocommerce-cart .wc-block-cart__sidebar,
body.woocommerce-cart .wc-block-cart__sidebar > *,
body.woocommerce-cart .wp-block-woocommerce-cart-totals-block > * {
  width: 100% !important;
  max-width: 100% !important;
}


/* =====================================================
   14) TOTALS TITLE
===================================================== */

body.woocommerce-cart .wc-block-cart__totals-title,
body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-heading-block {
  display: block !important;
  width: 100% !important;
  margin: 0 0 18px !important;
  color: var(--nap-heading) !important;
  font-family: var(--nap-font) !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  word-break: normal !important;
}


/* =====================================================
   15) TOTALS ROWS
===================================================== */

body.woocommerce-cart .wc-block-components-totals-wrapper {
  width: 100% !important;
  border-top: 1px solid var(--nap-border) !important;
  padding: 14px 0 !important;
}

body.woocommerce-cart .wc-block-components-totals-wrapper:first-child {
  border-top: none !important;
}

body.woocommerce-cart .wc-block-components-totals-item {
  width: 100% !important;
  display: flex !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 0 !important;
}

body.woocommerce-cart .wc-block-components-totals-item__label {
  color: var(--nap-text) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
}

body.woocommerce-cart .wc-block-components-totals-item__value {
  color: var(--nap-primary) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;
  text-align: right !important;
}

body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  color: var(--nap-primary) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}


/* =====================================================
   16) COUPON
===================================================== */

body.woocommerce-cart .wc-block-components-panel__button,
body.woocommerce-cart .wc-block-components-totals-coupon-link {
  width: 100% !important;
  color: var(--nap-heading) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  text-align: left !important;
  word-break: normal !important;
}

body.woocommerce-cart .wc-block-components-panel__button:hover,
body.woocommerce-cart .wc-block-components-totals-coupon-link:hover {
  color: var(--nap-primary) !important;
}

body.woocommerce-cart .wc-block-components-text-input input {
  min-height: 46px !important;
  background: var(--nap-bg) !important;
  border: 1px solid var(--nap-border) !important;
  border-radius: 12px !important;
  color: var(--nap-heading) !important;
  font-size: 14px !important;
  box-shadow: none !important;
}

body.woocommerce-cart .wc-block-components-text-input input:focus {
  background: var(--nap-card) !important;
  border-color: var(--nap-primary) !important;
  box-shadow: 0 0 0 3px rgba(111, 115, 93, 0.10) !important;
}


/* =====================================================
   17) BUTTONS
===================================================== */

body.woocommerce-cart .wc-block-components-button,
body.woocommerce-cart .wc-block-components-button:not(.is-link),
body.woocommerce-cart .wp-block-woocommerce-proceed-to-checkout-block .wc-block-components-button {
  min-height: 48px !important;
  padding: 12px 24px !important;
  background: var(--nap-primary) !important;
  border: 1px solid var(--nap-primary) !important;
  border-radius: var(--nap-radius-pill) !important;
  color: var(--nap-card) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: all 0.28s ease !important;
}

body.woocommerce-cart .wc-block-components-button:hover,
body.woocommerce-cart .wc-block-components-button:not(.is-link):hover,
body.woocommerce-cart .wp-block-woocommerce-proceed-to-checkout-block .wc-block-components-button:hover {
  background: var(--nap-primary-dark) !important;
  border-color: var(--nap-primary-dark) !important;
  color: var(--nap-card) !important;
  transform: translateY(-2px);
  box-shadow: var(--nap-shadow-hover) !important;
}

body.woocommerce-cart .wp-block-woocommerce-proceed-to-checkout-block {
  width: 100% !important;
  margin-top: 18px !important;
}

body.woocommerce-cart .wp-block-woocommerce-proceed-to-checkout-block .wc-block-components-button {
  width: 100% !important;
  min-height: 52px !important;
  font-size: 15px !important;
}

body.woocommerce-cart .wc-block-components-button.is-link {
  background: transparent !important;
  border: none !important;
  color: var(--nap-primary) !important;
  padding: 0 !important;
  min-height: auto !important;
  box-shadow: none !important;
}

body.woocommerce-cart .wc-block-components-button.is-link:hover {
  color: var(--nap-primary-dark) !important;
  transform: none !important;
  box-shadow: none !important;
}


/* =====================================================
   18) CROSS SELLS / PRODUCT COLLECTION
===================================================== */

body.woocommerce-cart .wp-block-woocommerce-product-collection {
  margin-top: 20px !important;
  padding: 24px !important;
  background: var(--nap-card) !important;
  border: 1px solid var(--nap-border) !important;
  border-radius: var(--nap-radius-lg) !important;
  box-shadow: var(--nap-shadow) !important;
}

body.woocommerce-cart .wp-block-woocommerce-product-collection h2 {
  margin: 0 0 18px !important;
  color: var(--nap-heading) !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

body.woocommerce-cart .wp-block-woocommerce-product-template {
  gap: 18px !important;
}

body.woocommerce-cart .wp-block-woocommerce-product-template li {
  background: var(--nap-bg) !important;
  border: 1px solid var(--nap-border) !important;
  border-radius: var(--nap-radius-md) !important;
  padding: 16px !important;
  overflow: hidden !important;
}

body.woocommerce-cart .wp-block-woocommerce-product-template img {
  border-radius: var(--nap-radius-sm) !important;
  background: var(--nap-card) !important;
}


/* =====================================================
   19) EMPTY CART
===================================================== */

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.woocommerce-cart .wc-block-cart__empty-cart__title {
  max-width: 760px !important;
  margin: 0 auto 20px !important;
  background: var(--nap-card) !important;
  border: 1px solid var(--nap-border) !important;
  border-left: 4px solid var(--nap-primary) !important;
  border-radius: var(--nap-radius-lg) !important;
  padding: 28px 24px !important;
  color: var(--nap-heading) !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  box-shadow: var(--nap-shadow) !important;
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-heading {
  color: var(--nap-heading) !important;
  font-family: var(--nap-font) !important;
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-separator {
  border-color: var(--nap-border) !important;
  opacity: 1 !important;
}


/* =====================================================
   20) TABLET
===================================================== */

@media (max-width: 1024px) {
  :root {
    --nap-sidebar-width: 330px;
    --nap-gap: 18px;
  }

  body.woocommerce-cart .wp-block-woocommerce-cart-totals-block,
  body.woocommerce-cart .wc-block-cart__sidebar {
    padding: 22px !important;
  }

  body.woocommerce-cart .wc-block-cart-item__image {
    width: 90px !important;
  }

  body.woocommerce-cart .wc-block-cart-item__image img {
    width: 68px !important;
    height: 68px !important;
  }
}


/* =====================================================
   21) MOBILE
===================================================== */

@media (max-width: 767px) {
  body.woocommerce-cart .entry-header,
  body.woocommerce-cart .page-header,
  body.woocommerce-cart .ast-archive-description {
    padding: 0 !important;
  }

  body.woocommerce-cart .entry-title,
  body.woocommerce-cart .page-title {
    font-size: 28px !important;
  }

  body.woocommerce-cart .wp-block-woocommerce-cart.alignwide,
  body.woocommerce-cart .wp-block-woocommerce-cart,
  body.woocommerce-cart .wp-block-woocommerce-empty-cart-block {
    padding: 0 !important;
  }

  body.woocommerce-cart .wp-block-woocommerce-filled-cart-block,
  body.woocommerce-cart .wc-block-cart {
    display: block !important;
  }

  body.woocommerce-cart .wp-block-woocommerce-cart-items-block,
  body.woocommerce-cart .wc-block-cart__main,
  body.woocommerce-cart .wp-block-woocommerce-cart-totals-block,
  body.woocommerce-cart .wc-block-cart__sidebar {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.woocommerce-cart .wp-block-woocommerce-cart-items-block {
    border-radius: var(--nap-radius-md) !important;
  }

  body.woocommerce-cart .wp-block-woocommerce-cart-totals-block,
  body.woocommerce-cart .wc-block-cart__sidebar {
    margin-top: 16px !important;
    padding: 20px 18px !important;
    border-radius: var(--nap-radius-md) !important;
  }

  body.woocommerce-cart .wc-block-cart-item__image {
    width: 82px !important;
    padding: 16px 10px 16px 16px !important;
  }

  body.woocommerce-cart .wc-block-cart-item__image img {
    width: 64px !important;
    height: 64px !important;
  }

  body.woocommerce-cart .wc-block-cart-item__product {
    padding: 16px 16px 16px 0 !important;
  }

  body.woocommerce-cart .wc-block-components-product-name {
    font-size: 14px !important;
  }

  body.woocommerce-cart .wc-block-components-button,
  body.woocommerce-cart .wc-block-components-button:not(.is-link) {
    width: 100% !important;
    min-height: 46px !important;
  }

  body.woocommerce-cart .wp-block-woocommerce-product-collection {
    margin-top: 16px !important;
    padding: 20px 18px !important;
    border-radius: var(--nap-radius-md) !important;
  }

  body.woocommerce-cart .wp-block-woocommerce-product-template {
    grid-template-columns: 1fr !important;
  }

  body.woocommerce-cart .wc-block-cart__totals-title,
  body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-heading-block {
    font-size: 22px !important;
  }

  body.woocommerce-cart .wc-block-cart__empty-cart__title {
    font-size: 21px !important;
    padding: 24px 18px !important;
  }
}

/* =====================================================
   NAP CART - EMPTY CART CLEAN THAI STYLE
   หน้าตะกร้าว่างแบบเรียบ / ไม่แสดงสินค้าใหม่
===================================================== */


/* =====================================================
   1) ซ่อนของเดิมที่ Woo อาจแสดงใน Empty Cart
===================================================== */

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-separator,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-woocommerce-product-new,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product-new,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block > h2:not(.nap-empty-cart-title) {
  display: none !important;
}


/* =====================================================
   2) กล่องตะกร้าว่างหลัก
===================================================== */

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block.nap-empty-cart-clean {
  width: 100% !important;
  max-width: 100% !important;

  min-height: 300px !important;
  margin: 0 !important;
  padding: 58px 24px 76px !important;

 
  border: none !important;
  box-shadow: none !important;

  text-align: center !important;
}


/* =====================================================
   3) เอา icon หน้า heading ออก
===================================================== */

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .with-empty-cart-icon::before,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .nap-empty-cart-title::before {
  display: none !important;
  content: none !important;
}


/* =====================================================
   4) หัวข้อตะกร้าว่าง
===================================================== */

body.woocommerce-cart .nap-empty-cart-title {
  margin: 0 0 28px !important;

  color: #2B2A24 !important;
  font-family: "Prompt", sans-serif !important;
  font-size: 34px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}


/* =====================================================
   5) ปุ่มกลับไปเลือกสินค้า
===================================================== */

body.woocommerce-cart .nap-empty-cart-button .wp-block-button__link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 240px !important;
  min-height: 58px !important;
  padding: 17px 34px !important;

  background: #2B2A24 !important;
  border: 1px solid #2B2A24 !important;
  border-radius: 999px !important;

  color: #FFFFFF !important;
  font-family: "Prompt", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;

  transition: all 0.28s ease !important;
}

body.woocommerce-cart .nap-empty-cart-button .wp-block-button__link:hover {
  background: #3F4A3A !important;
  border-color: #3F4A3A !important;
  color: #FFFFFF !important;
  transform: translateY(-2px);
}


/* =====================================================
   6) Notice ด้านบน เช่น อัปเดตตะกร้าแล้ว
===================================================== */

body.woocommerce-cart .wc-block-components-notice-banner,
body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-info {
  max-width: calc(100% - 96px) !important;
  margin: 42px auto 0 !important;
  padding: 18px 24px !important;

  background: #F7F7F7 !important;
  border: none !important;
  border-top: 3px solid #2B2A24 !important;
  border-radius: 0 !important;

  color: #2B2A24 !important;
  font-family: "Prompt", sans-serif !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  box-shadow: none !important;
}


/* =====================================================
   7) Responsive
===================================================== */

@media (max-width: 767px) {
  body.woocommerce-cart .wp-block-woocommerce-empty-cart-block.nap-empty-cart-clean {
    min-height: 240px !important;
    padding: 42px 18px 56px !important;
  }

  body.woocommerce-cart .nap-empty-cart-title {
    font-size: 24px !important;
    line-height: 1.45 !important;
    margin-bottom: 24px !important;
  }

  body.woocommerce-cart .nap-empty-cart-button .wp-block-button__link {
    min-width: 220px !important;
    min-height: 54px !important;
    padding: 15px 26px !important;
    font-size: 13px !important;
  }

  body.woocommerce-cart .wc-block-components-notice-banner,
  body.woocommerce-cart .woocommerce-message,
  body.woocommerce-cart .woocommerce-info {
    max-width: calc(100% - 28px) !important;
    margin-top: 24px !important;
  }
}/* End custom CSS */