.elementor-197 .elementor-element.elementor-element-755d13a{--display:flex;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-197 .elementor-element.elementor-element-6e7e106{--display:flex;--min-height:300px;--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;--justify-content:center;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:06%;--padding-bottom:5%;--padding-left:8%;--padding-right:8%;}.elementor-197 .elementor-element.elementor-element-4716818 .woocommerce-breadcrumb{font-family:"Noto Sans Thai", Sans-serif;font-size:18px;}.elementor-197 .elementor-element.elementor-element-1524a9a{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-197 .elementor-element.elementor-element-304cfeb{--display:flex;}.elementor-197 .elementor-element.elementor-element-93e624c{--display:flex;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-197 .elementor-element.elementor-element-cf8e31d{text-align:start;}.elementor-197 .elementor-element.elementor-element-cf8e31d .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:25px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;color:#1C244B;}.elementor-widget-woocommerce-product-meta .product_meta .detail-container:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-woocommerce-product-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;}.elementor-197 .elementor-element.elementor-element-68fea24{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-197 .elementor-element.elementor-element-1ef590c{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-197 .elementor-element.elementor-element-d5ebe0f{text-align:start;}.elementor-197 .elementor-element.elementor-element-d5ebe0f .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:25px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;color:#524E4A;}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.woocommerce .elementor-widget-woocommerce-product-related.elementor-wc-products .products > h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;}.elementor-widget-woocommerce-product-related.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;}.elementor-197 .elementor-element.elementor-element-5e4f25f.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-197 .elementor-element.elementor-element-5e4f25f.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#D4B687;}.elementor-197 .elementor-element.elementor-element-5e4f25f.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#D4B687;}.elementor-197 .elementor-element.elementor-element-5e4f25f.elementor-wc-products ul.products li.product .price del {font-family:"Noto Sans Thai", Sans-serif;font-weight:600;}.elementor-197 .elementor-element.elementor-element-5e4f25f.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-197 .elementor-element.elementor-element-6e7e106{--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-197 .elementor-element.elementor-element-cf8e31d .elementor-heading-title{font-size:45px;}.elementor-197 .elementor-element.elementor-element-d5ebe0f .elementor-heading-title{font-size:45px;}.elementor-197 .elementor-element.elementor-element-5e4f25f.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-197 .elementor-element.elementor-element-6e7e106{--min-height:0px;--padding-top:15%;--padding-bottom:15%;--padding-left:5%;--padding-right:5%;}.elementor-197 .elementor-element.elementor-element-cf8e31d .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-197 .elementor-element.elementor-element-d5ebe0f .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-197 .elementor-element.elementor-element-5e4f25f.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for container, class: .elementor-element-6e7e106 *//* ==================================================
   SINGLE PRODUCT — COMPACT CATEGORY HEADER
   ใช้กับ CSS ID: darin-category-hero
================================================== */

/* หน้าสินค้า ให้ Hero เหลือเฉพาะ Breadcrumb */
body.single-product #darin-category-hero {
  display: block !important;
  position: relative !important;

  width: 100% !important;
  min-height: auto !important;

  margin: 0 !important;
  padding: 18px 32px !important;

  background:
    linear-gradient(
      90deg,
      #ffffff 0%,
      #fcfaf6 50%,
      #f6fbfa 100%
    ) !important;

  border: 0 !important;
  border-bottom: 1px solid rgba(15, 159, 154, 0.12) !important;

  overflow: visible !important;
}

/* เอาวงกลมตกแต่งออก */
body.single-product #darin-category-hero::before,
body.single-product #darin-category-hero::after {
  display: none !important;
  content: none !important;
}

/* ซ่อนหัวข้อหมวดหมู่ */
body.single-product
#darin-category-hero
.elementor-widget-theme-archive-title,

body.single-product
#darin-category-hero
.woocommerce-products-header,

body.single-product
#darin-category-hero
.woocommerce-products-header__title,

body.single-product
#darin-category-hero
.page-title {
  display: none !important;
}

/* ซ่อนคำอธิบายหมวดหมู่ */
body.single-product
#darin-category-hero
.term-description,

body.single-product
#darin-category-hero
.woocommerce-products-header__description,

body.single-product
#darin-category-hero
.elementor-widget-text-editor {
  display: none !important;
}

/* รีเซ็ตกล่อง Widget Breadcrumb */
body.single-product
#darin-category-hero
.elementor-widget-woocommerce-breadcrumb {
  position: static !important;
  inset: auto !important;

  display: block !important;

  width: 100% !important;
  max-width: 1220px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;
  box-shadow: none !important;
}

/* Breadcrumb จริง */
body.single-product
#darin-category-hero
.woocommerce-breadcrumb {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 7px !important;

  width: fit-content !important;
  max-width: 100% !important;
  min-height: 42px !important;

  margin: 0 !important;
  padding: 9px 17px !important;

  border: 1px solid rgba(15, 159, 154, 0.18) !important;
  border-radius: 999px !important;

  background: rgba(255, 255, 255, 0.95) !important;

  box-shadow:
    0 8px 22px rgba(21, 63, 61, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;

  color: #737b77 !important;

  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;

  white-space: normal !important;
}

/* จุดสีเขียวด้านหน้า */
body.single-product
#darin-category-hero
.woocommerce-breadcrumb::before {
  content: "" !important;

  display: block !important;
  flex: 0 0 auto !important;

  width: 7px !important;
  height: 7px !important;

  border-radius: 50% !important;

  background: #0f9f9a !important;
  box-shadow: 0 0 0 4px rgba(15, 159, 154, 0.11) !important;
}

/* ลิงก์ Breadcrumb */
body.single-product
#darin-category-hero
.woocommerce-breadcrumb a {
  color: #153f3d !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

body.single-product
#darin-category-hero
.woocommerce-breadcrumb a:hover {
  color: #0f9f9a !important;
}

/* ลดช่องว่างก่อนส่วนรายละเอียดสินค้า */
body.single-product .darin-product-page {
  padding-top: 28px !important;
}

/* ==================================================
   TABLET
================================================== */

@media (max-width: 1024px) {
  body.single-product #darin-category-hero {
    padding: 16px 24px !important;
  }

  body.single-product
  #darin-category-hero
  .woocommerce-breadcrumb {
    min-height: 40px !important;
    padding: 8px 15px !important;
    font-size: 13px !important;
  }
}

/* ==================================================
   MOBILE
================================================== */

@media (max-width: 767px) {
  body.single-product #darin-category-hero {
    padding: 12px 14px !important;
  }

  body.single-product
  #darin-category-hero
  .elementor-widget-woocommerce-breadcrumb {
    margin: 0 !important;
  }

  body.single-product
  #darin-category-hero
  .woocommerce-breadcrumb {
    width: 100% !important;
    min-height: 38px !important;

    padding: 8px 13px !important;

    border-radius: 13px !important;

    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  body.single-product
  #darin-category-hero
  .woocommerce-breadcrumb::before {
    width: 6px !important;
    height: 6px !important;
  }

  body.single-product .darin-product-page {
    padding-top: 18px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-755d13a *//* ==================================================
   DARIN CATEGORY HERO — PINK / PEACH / WHITE
================================================== */

:root{
  --darin-pink: #f9e4df;
  --darin-peach: #e9a485;
  --darin-white: #ffffff;

  --darin-dark: #4d4546;
  --darin-text: #756b6c;
  --darin-border: rgba(233, 164, 133, 0.28);
}

/* Hero */
.darin-category-hero {
  min-height: 100px !important;
  padding: 46px 48px 42px !important;
  justify-content: center !important;

  background: #ffffff !important;
}

/* วงกลมตกแต่งด้านขวา */
.darin-category-hero::before {
  top: -145px !important;
  right: -105px !important;

  width: 275px !important;
  height: 275px !important;

  border-color: rgba(233, 164, 133, 0.18) !important;
}

/* วงกลมตกแต่งด้านซ้าย */
.darin-category-hero::after {
  bottom: -190px !important;
  left: -125px !important;

  width: 300px !important;
  height: 300px !important;

  border-color: rgba(249, 228, 223, 0.9) !important;
}

/* ==================================================
   BREADCRUMB
================================================== */

.darin-category-hero
.elementor-widget-woocommerce-breadcrumb {
  position: absolute !important;

  top: 32px !important;
  left: max(48px, calc((100% - 1160px) / 2)) !important;

  width: auto !important;
  max-width: calc(100% - 96px) !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Breadcrumb จริง */
.darin-category-hero .woocommerce-breadcrumb {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;

  width: fit-content !important;
  min-height: 43px;

  margin: 0 !important;
  padding: 10px 18px !important;

  border: 1px solid var(--darin-border) !important;
  border-radius: 999px !important;

  background: rgba(255, 255, 255, 0.94) !important;

  box-shadow:
    0 8px 24px rgba(94, 67, 58, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;

  color: var(--darin-text) !important;

  font-size: 14px !important;
  font-weight: 400;
  line-height: 1.4 !important;
  white-space: nowrap;
}

/* จุดนำหน้า */
.darin-category-hero .woocommerce-breadcrumb::before {
  content: "";

  flex: 0 0 auto;

  width: 7px;
  height: 7px;

  border-radius: 50%;
  background: var(--darin-peach);

  box-shadow: 0 0 0 4px rgba(233, 164, 133, 0.14);
}

.darin-category-hero .woocommerce-breadcrumb a {
  color: var(--darin-dark) !important;
  font-weight: 600 !important;
  transition: color .25s ease;
}

.darin-category-hero .woocommerce-breadcrumb a:hover {
  color: var(--darin-peach) !important;
}

/* ==================================================
   TITLE
================================================== */

.darin-category-hero
.elementor-widget-theme-archive-title {
  margin-top: 32px !important;
}

/* ป้ายภาษาอังกฤษ */
.darin-category-hero
.elementor-widget-theme-archive-title::before,
.darin-category-hero
.woocommerce-products-header::before {
  margin-bottom: 17px !important;
  padding: 7px 16px !important;

  font-size: 9px !important;
  letter-spacing: 2.3px !important;

  color: #b87558 !important;
  background: rgba(249, 228, 223, 0.75) !important;
  border: 1px solid rgba(233, 164, 133, 0.24) !important;
  border-radius: 999px !important;
}

/* ชื่อหมวดหมู่ */
.darin-category-hero
.elementor-widget-theme-archive-title
.elementor-heading-title,
.darin-category-hero
.elementor-widget-heading
.elementor-heading-title,
.darin-category-hero
.woocommerce-products-header__title,
.darin-category-hero
.page-title {
  position: relative !important;
  display: block !important;

  width: fit-content !important;
  max-width: 100% !important;

  margin: 0 auto 26px !important;
  padding: 0 !important;

  font-size: clamp(42px, 4.4vw, 60px) !important;
  line-height: 1.24 !important;
  letter-spacing: -1px !important;

  color: var(--darin-dark) !important;

  overflow: visible !important;
}

/* เส้นใต้ */
.darin-category-hero
.elementor-widget-theme-archive-title
.elementor-heading-title::after,
.darin-category-hero
.elementor-widget-heading
.elementor-heading-title::after,
.darin-category-hero
.woocommerce-products-header__title::after,
.darin-category-hero
.page-title::after {
  content: "" !important;

  position: static !important;
  display: block !important;

  width: 78px !important;
  height: 3px !important;

  margin: 17px auto 0 !important;

  border: 0 !important;
  border-radius: 999px !important;

  background: linear-gradient(
    90deg,
    #f9e4df 0%,
    #e9a485 100%
  ) !important;

  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* ==================================================
   DESCRIPTION
================================================== */

.darin-category-hero
.elementor-widget-text-editor,
.darin-category-hero
.term-description,
.darin-category-hero
.woocommerce-products-header__description {
  max-width: 760px !important;
  margin: 0 auto !important;

  color: var(--darin-text) !important;

  font-size: 14px !important;
  line-height: 1.8 !important;
}

/* กันเส้นใต้โดนตัด */
.darin-category-hero
.elementor-widget-theme-archive-title,
.darin-category-hero
.elementor-widget-heading,
.darin-category-hero
.elementor-widget-theme-archive-title .elementor-widget-container,
.darin-category-hero
.elementor-widget-heading .elementor-widget-container {
  overflow: visible !important;
}

/* ==================================================
   TABLET
================================================== */

@media (max-width: 1024px) {

  .darin-category-hero {
    min-height: 320px !important;
    padding: 44px 30px 38px !important;
  }

  .darin-category-hero
  .elementor-widget-woocommerce-breadcrumb {
    top: 26px !important;
    left: 30px !important;
    max-width: calc(100% - 60px) !important;
  }

  .darin-category-hero .woocommerce-breadcrumb {
    min-height: 40px;
    padding: 9px 15px !important;
    font-size: 13px !important;
  }

  .darin-category-hero
  .elementor-widget-theme-archive-title {
    margin-top: 38px !important;
  }

  .darin-category-hero
  .elementor-widget-theme-archive-title
  .elementor-heading-title {
    font-size: 46px !important;
  }
}

/* ==================================================
   MOBILE
================================================== */

@media (max-width: 767px) {

  .darin-category-hero {
    min-height: auto !important;
    padding: 22px 18px 34px !important;
  }

  .darin-category-hero
  .elementor-widget-woocommerce-breadcrumb {
    position: relative !important;

    top: auto !important;
    left: auto !important;

    max-width: 100% !important;
    margin: 0 0 28px !important;
  }

  .darin-category-hero .woocommerce-breadcrumb {
    min-height: 38px;
    padding: 8px 13px !important;

    font-size: 12px !important;
    white-space: normal;
  }

  .darin-category-hero .woocommerce-breadcrumb::before {
    width: 6px;
    height: 6px;
  }

  .darin-category-hero
  .elementor-widget-theme-archive-title {
    margin-top: 0 !important;
  }

  .darin-category-hero
  .elementor-widget-theme-archive-title
  .elementor-heading-title,
  .darin-category-hero
  .elementor-widget-heading
  .elementor-heading-title,
  .darin-category-hero
  .woocommerce-products-header__title,
  .darin-category-hero
  .page-title {
    margin-bottom: 20px !important;

    font-size: 34px !important;
    line-height: 1.3 !important;
  }

  .darin-category-hero
  .elementor-widget-theme-archive-title
  .elementor-heading-title::after,
  .darin-category-hero
  .elementor-widget-heading
  .elementor-heading-title::after,
  .darin-category-hero
  .woocommerce-products-header__title::after,
  .darin-category-hero
  .page-title::after {
    width: 62px !important;
    margin-top: 13px !important;
  }

  .darin-category-hero
  .elementor-widget-text-editor,
  .darin-category-hero
  .term-description,
  .darin-category-hero
  .woocommerce-products-header__description {
    font-size: 13px !important;
    line-height: 1.75 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1524a9a */.darin-product-detail,
.darin-product-detail * {
  box-sizing: border-box;
}

/* ==================================================
   COLOR VARIABLES
================================================== */

:root {
  --darin-pink: #f9e4df;
  --darin-peach: #e9a485;
  --darin-white: #ffffff;

  --darin-dark: #4d4546;
  --darin-text: #756b6c;
  --darin-soft-text: #8a7d7e;

  --darin-peach-deep: #c98263;
  --darin-border: rgba(233, 164, 133, 0.30);
}


/* --------------------------------------------------
   โครงสร้างหลัก
-------------------------------------------------- */

.darin-product-detail {
  gap: clamp(34px, 5vw, 72px) !important;
  align-items: flex-start !important;
  padding-top: clamp(18px, 3vw, 34px);
  padding-bottom: clamp(45px, 6vw, 80px);
  background: transparent !important;
}

.darin-product-detail,
.darin-product-detail .e-con,
.darin-product-detail .elementor-widget,
.darin-product-detail .elementor-widget-container,
.darin-product-detail .woocommerce-product-gallery,
.darin-product-detail .summary {
  background: transparent !important;
}

/* ล้าง float และขนาดเดิมของ WooCommerce */
.darin-product-detail .woocommerce div.product div.images,
.darin-product-detail .woocommerce div.product div.summary,
.darin-product-detail div.images,
.darin-product-detail div.summary {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
}


/* --------------------------------------------------
   รูปสินค้า — ไม่มีกรอบ ไม่มีเงา ไม่มี Hover
-------------------------------------------------- */

.darin-product-detail .woocommerce-product-gallery {
  position: relative !important;
  isolation: auto !important;
  overflow: visible !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
}

.darin-product-detail .woocommerce-product-gallery::before,
.darin-product-detail .woocommerce-product-gallery::after {
  content: none !important;
  display: none !important;
}

.darin-product-detail .woocommerce-product-gallery__wrapper,
.darin-product-detail .woocommerce-product-gallery__image,
.darin-product-detail .woocommerce-product-gallery__image a {
  overflow: visible !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
}

.darin-product-detail .woocommerce-product-gallery:hover,
.darin-product-detail .woocommerce-product-gallery:hover .woocommerce-product-gallery__wrapper,
.darin-product-detail .woocommerce-product-gallery:hover .woocommerce-product-gallery__image,
.darin-product-detail .woocommerce-product-gallery:hover .woocommerce-product-gallery__image a {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
}

.darin-product-detail .woocommerce-product-gallery__image img,
.darin-product-detail .woocommerce-product-gallery__image img:hover,
.darin-product-detail .woocommerce-product-gallery:hover .woocommerce-product-gallery__image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;

  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
}

.darin-product-detail
.woocommerce-product-gallery
> a.woocommerce-product-gallery__trigger {
  display: none !important;
}


/* --------------------------------------------------
   ฝั่งรายละเอียดสินค้า
-------------------------------------------------- */

.darin-product-detail .summary,
.darin-product-detail .elementor-widget-woocommerce-product-title,
.darin-product-detail .elementor-widget-woocommerce-product-meta,
.darin-product-detail .elementor-widget-woocommerce-product-short-description {
  position: relative;
}


/* --------------------------------------------------
   ชื่อสินค้า
-------------------------------------------------- */

/* เส้นตกแต่งชมพู–พีชด้านบน */
.darin-product-detail
.elementor-widget-woocommerce-product-title::before,
.darin-product-detail .summary::before {
  content: "";
  display: block;
  width: 84px;
  height: 3px;
  margin-bottom: 17px;

  background: linear-gradient(
    90deg,
    #f9e4df 0%,
    #f9e4df 55%,
    #e9a485 55%,
    #e9a485 100%
  );
}

/* ป้องกันเส้นซ้ำ */
.darin-product-detail
.elementor-widget-woocommerce-product-title
~ .summary::before {
  display: none;
}

.darin-product-detail .product_title,
.darin-product-detail
.elementor-widget-woocommerce-product-title
.elementor-heading-title {
  margin: 0 0 19px !important;

  color: var(--darin-dark) !important;

  font-size: clamp(30px, 3.1vw, 45px) !important;
  font-weight: 700 !important;
  line-height: 1.16 !important;
  letter-spacing: -0.55px;
  text-wrap: balance;
}

/* เส้นบางใต้ชื่อ */
.darin-product-detail .product_title::after,
.darin-product-detail
.elementor-widget-woocommerce-product-title
.elementor-heading-title::after {
  content: "";
  display: block;

  width: min(100%, 450px);
  height: 1px;
  margin-top: 18px;

  background: linear-gradient(
    90deg,
    rgba(233, 164, 133, 0.75),
    rgba(249, 228, 223, 0.95),
    transparent
  );
}


/* --------------------------------------------------
   หมวดหมู่สินค้า
-------------------------------------------------- */

.darin-product-detail .product_meta {
  margin: 0 0 23px !important;
  padding: 0 0 18px;

  color: var(--darin-dark);
  font-size: 14px;
  line-height: 1.55;

  border-bottom: 1px solid rgba(77, 69, 70, 0.10);
}

.darin-product-detail .product_meta .posted_in {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap;

  gap: 9px !important;
  font-weight: 700;
}

/* จุดวงกลมเล็กหน้าหมวดหมู่ */
.darin-product-detail .product_meta .posted_in::before {
  content: "";

  flex: 0 0 auto;

  width: 8px;
  height: 8px;

  border: 2px solid var(--darin-peach);
  border-radius: 50%;

  box-shadow: 0 0 0 4px rgba(233, 164, 133, 0.13);
}

/* วงรีรอบชื่อหมวดหมู่ */
.darin-product-detail .product_meta .posted_in a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  min-height: 31px;
  padding: 5px 15px;

  color: var(--darin-peach-deep) !important;

  background: rgba(249, 228, 223, 0.22) !important;

  border: 1px solid rgba(233, 164, 133, 0.62) !important;
  border-radius: 999px !important;

  font-size: 13px;
  font-weight: 650;
  line-height: 1.2;

  text-decoration: none !important;
  box-shadow: none !important;

  transition:
    color 0.25s ease,
    background 0.25s ease,
    border-color 0.25s ease !important;
}

.darin-product-detail .product_meta .posted_in a:hover {
  color: #ffffff !important;

  background: var(--darin-peach) !important;
  border-color: var(--darin-peach) !important;

  box-shadow: none !important;
  transform: none !important;
}


/* --------------------------------------------------
   รายละเอียดสินค้า
-------------------------------------------------- */

.darin-product-detail
.woocommerce-product-details__short-description,
.darin-product-detail
.elementor-widget-woocommerce-product-short-description {
  color: var(--darin-text);
  font-size: 16px;
  line-height: 1.84;
}

.darin-product-detail
.woocommerce-product-details__short-description p {
  margin: 0 0 17px;
}

/* ย่อหน้าแนะนำสินค้า */
.darin-product-detail
.woocommerce-product-details__short-description p:first-child {
  color: #665b5c;
  font-size: 16.5px;
  line-height: 1.85;
}

/* กลุ่ม Notes */
.darin-product-detail
.woocommerce-product-details__short-description p:nth-child(n + 2) {
  margin-top: 20px;
  padding: 5px 0 5px 19px;

  border-left: 2px solid rgba(233, 164, 133, 0.60);
}

/* Strong */
.darin-product-detail
.woocommerce-product-details__short-description strong {
  color: var(--darin-dark);
  font-weight: 700;
}


/* --------------------------------------------------
   ราคา
-------------------------------------------------- */

.darin-product-detail .price {
  margin: 20px 0 !important;

  color: var(--darin-peach-deep) !important;

  font-size: 28px !important;
  font-weight: 700 !important;
}

.darin-product-detail .price del {
  color: #a3999a !important;
  font-size: 17px;
  opacity: 0.72;
}

.darin-product-detail .price ins {
  color: var(--darin-peach-deep) !important;
  text-decoration: none !important;
}


/* --------------------------------------------------
   ปุ่มเพิ่มลงตะกร้า
-------------------------------------------------- */

.darin-product-detail form.cart {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap: 12px;

  margin-top: 25px !important;
}

/* จำนวน */
.darin-product-detail .quantity .qty {
  min-height: 50px;

  color: var(--darin-dark);

  background: #ffffff !important;

  border: 1px solid rgba(233, 164, 133, 0.40);
  border-radius: 999px;

  outline: none;

  box-shadow: inset 0 0 0 1px rgba(249, 228, 223, 0.45);
}

/* ปุ่ม */
.darin-product-detail .single_add_to_cart_button {
  min-height: 50px;
  padding: 12px 28px !important;

  color: #ffffff !important;

  background: var(--darin-peach) !important;

  border: 1px solid var(--darin-peach) !important;
  border-radius: 999px !important;

  font-weight: 700 !important;
  letter-spacing: 0.25px;

  box-shadow:
    0 9px 22px rgba(233, 164, 133, 0.20) !important;

  transition:
    color 0.25s ease,
    background 0.25s ease,
    border-color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease !important;
}

.darin-product-detail .single_add_to_cart_button:hover {
  color: var(--darin-peach-deep) !important;

  background: #ffffff !important;

  border-color: var(--darin-peach) !important;

  box-shadow:
    0 8px 18px rgba(233, 164, 133, 0.16) !important;

  transform: translateY(-2px);
}


/* --------------------------------------------------
   Tablet
-------------------------------------------------- */

@media (max-width: 1024px) {

  .darin-product-detail {
    gap: 34px !important;
    padding-inline: 18px;
  }

  .darin-product-detail .product_title,
  .darin-product-detail
  .elementor-widget-woocommerce-product-title
  .elementor-heading-title {
    font-size: clamp(27px, 3.6vw, 36px) !important;
  }

  .darin-product-detail
  .woocommerce-product-details__short-description,
  .darin-product-detail
  .elementor-widget-woocommerce-product-short-description {
    font-size: 15px;
    line-height: 1.76;
  }
}


/* --------------------------------------------------
   Mobile
-------------------------------------------------- */

@media (max-width: 767px) {

  .darin-product-detail {
    gap: 34px !important;
    padding: 12px 15px 48px;
  }

  .darin-product-detail.e-con {
    flex-direction: column !important;
  }

  .darin-product-detail > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 34px !important;
  }

  .darin-product-detail
  .elementor-widget-woocommerce-product-title::before,
  .darin-product-detail .summary::before {
    width: 66px;
    margin-bottom: 14px;
  }

  .darin-product-detail .product_title,
  .darin-product-detail
  .elementor-widget-woocommerce-product-title
  .elementor-heading-title {
    margin-bottom: 16px !important;

    font-size: 27px !important;
    line-height: 1.22 !important;
  }

  .darin-product-detail .product_title::after,
  .darin-product-detail
  .elementor-widget-woocommerce-product-title
  .elementor-heading-title::after {
    margin-top: 15px;
  }

  .darin-product-detail .product_meta {
    margin-bottom: 19px !important;
  }

  .darin-product-detail
  .woocommerce-product-details__short-description,
  .darin-product-detail
  .elementor-widget-woocommerce-product-short-description {
    font-size: 15px;
    line-height: 1.78;
  }

  .darin-product-detail
  .woocommerce-product-details__short-description p:first-child {
    font-size: 15px;
  }

  .darin-product-detail
  .woocommerce-product-details__short-description p:nth-child(n + 2) {
    padding-left: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-related, class: .elementor-element-5e4f25f *//* =====================================
   DARIN LAB – RELATED PRODUCTS SLIDER
   PINK / PEACH / WHITE THEME
===================================== */

.darin-related-products,
.darin-related-products * {
  box-sizing: border-box;
}

.darin-related-products {
  position: relative;
  padding: 50px 0 30px;
}

/* ปิด Float และ Clear ของ WooCommerce */
.darin-related-products ul.products::before,
.darin-related-products ul.products::after {
  display: none !important;
  content: none !important;
}

/* ==============================
   หัวข้อ
============================== */

.darin-related-products .related > h2,
.darin-related-products .products > h2 {
  position: relative;
  margin: 0 0 30px;
  padding-bottom: 16px;

  color: #4d4546;

  font-size: clamp(28px, 3vw, 42px);
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
}

.darin-related-products .related > h2::after,
.darin-related-products .products > h2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;

  width: 75px;
  height: 3px;

  border-radius: 99px;

  background: linear-gradient(
    90deg,
    transparent,
    #e9a485,
    transparent
  );

  transform: translateX(-50%);
}

/* ==============================
   แถวสินค้าแบบเลื่อนแนวนอน
============================== */

.darin-related-products ul.products {
  display: flex !important;
  flex-wrap: nowrap !important;

  gap: 24px;

  width: 100%;
  margin: 0 !important;
  padding: 4px 2px 24px !important;

  overflow-x: auto;
  overflow-y: hidden;

  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;

  scrollbar-width: auto;
  scrollbar-color: #e9a485 #f9e4df;
}

/* แถบเลื่อน */
.darin-related-products ul.products::-webkit-scrollbar {
  height: 9px;
}

.darin-related-products ul.products::-webkit-scrollbar-track {
  border-radius: 99px;
  background: #f9e4df;
}

.darin-related-products ul.products::-webkit-scrollbar-thumb {
  border: 2px solid #f9e4df;
  border-radius: 99px;

  background: linear-gradient(
    90deg,
    #e9a485,
    #cf8768
  );
}

.darin-related-products ul.products::-webkit-scrollbar-thumb:hover {
  background: #c9795c;
}

/* ==============================
   การ์ดสินค้า
   Desktop แสดงครั้งละ 3
============================== */

.darin-related-products ul.products li.product {
  flex: 0 0 calc((100% - 48px) / 3) !important;
  width: calc((100% - 48px) / 3) !important;
  max-width: calc((100% - 48px) / 3) !important;

  position: relative;

  margin: 0 !important;
  padding: 12px 12px 18px !important;

  overflow: hidden;

  border: 1px solid rgba(233, 164, 133, 0.22);
  border-radius: 22px;

  background: #ffffff;

  box-shadow:
    0 6px 18px rgba(112, 79, 69, 0.06),
    0 18px 45px rgba(112, 79, 69, 0.05);

  scroll-snap-align: start;

  transition:
    transform 0.4s ease,
    border-color 0.4s ease,
    box-shadow 0.4s ease;
}

/* วงกลมตกแต่ง */
.darin-related-products ul.products li.product::before {
  content: "";

  position: absolute;
  top: -80px;
  right: -80px;
  z-index: 0;

  width: 160px;
  height: 160px;

  border-radius: 50%;

  background: rgba(249, 228, 223, 0.8);

  pointer-events: none;

  transition: transform 0.5s ease;
}

.darin-related-products ul.products li.product:hover {
  transform: translateY(-8px);

  border-color: rgba(233, 164, 133, 0.5);

  box-shadow:
    0 14px 30px rgba(112, 79, 69, 0.10),
    0 28px 60px rgba(112, 79, 69, 0.08);
}

.darin-related-products ul.products li.product:hover::before {
  transform: scale(1.3);
}

/* ลิงก์สินค้า */
.darin-related-products ul.products li.product > a {
  position: relative;
  z-index: 1;

  display: block;

  text-decoration: none;
}

/* ==============================
   รูปสินค้า
============================== */

.darin-related-products ul.products li.product a img {
  width: 100% !important;
  aspect-ratio: 1 / 1;

  display: block;

  margin: 0 0 18px !important;

  object-fit: cover;
  object-position: center;

  border-radius: 16px;

  background: #fff8f6;

  transition:
    transform 0.8s cubic-bezier(.2, .7, .2, 1),
    filter 0.4s ease;
}

.darin-related-products ul.products li.product:hover a img {
  transform: scale(1.045);
  filter: saturate(1.03);
}

/* ==============================
   ชื่อสินค้า
============================== */

.darin-related-products
ul.products
li.product
.woocommerce-loop-product__title {
  min-height: 52px;

  margin: 0 6px 10px !important;
  padding: 0 !important;

  color: #4d4546;

  font-size: 17px !important;
  font-weight: 600;
  line-height: 1.5;

  transition: color 0.3s ease;
}

.darin-related-products
ul.products
li.product:hover
.woocommerce-loop-product__title {
  color: #c9795c;
}

/* ==============================
   ราคา
============================== */

.darin-related-products ul.products li.product .price {
  margin: 0 6px 14px !important;

  color: #c9795c !important;

  font-size: 16px !important;
  font-weight: 600;
}

/* ==============================
   ปุ่มอ่านเพิ่ม
============================== */

.darin-related-products ul.products li.product .button {
  position: relative;
  z-index: 2;

  width: calc(100% - 12px);
  min-height: 46px;

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

  margin: 8px 6px 0 !important;
  padding: 12px 18px !important;

  overflow: hidden;

  border: 1px solid #e9a485 !important;
  border-radius: 99px !important;

  background: #ffffff !important;
  color: #c9795c !important;

  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-decoration: none;

  transition:
    color 0.35s ease,
    background 0.35s ease,
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

.darin-related-products ul.products li.product .button:hover {
  background: #e9a485 !important;
  color: #ffffff !important;

  transform: translateY(-2px);

  box-shadow:
    0 10px 24px rgba(233, 164, 133, 0.28);
}

/* ==============================
   Tablet แสดงครั้งละ 2
============================== */

@media (max-width: 1024px) {

  .darin-related-products ul.products {
    gap: 18px;
  }

  .darin-related-products ul.products li.product {
    flex-basis: calc((100% - 18px) / 2) !important;
    width: calc((100% - 18px) / 2) !important;
    max-width: calc((100% - 18px) / 2) !important;
  }
}

/* ==============================
   Mobile แสดง 1 ใบกว่า ๆ
============================== */

@media (max-width: 767px) {

  .darin-related-products {
    padding: 35px 0 20px;
  }

  .darin-related-products ul.products {
    gap: 14px;
    padding-bottom: 20px !important;
  }

  .darin-related-products ul.products li.product {
    flex-basis: 82% !important;
    width: 82% !important;
    max-width: 82% !important;

    padding: 9px 9px 14px !important;

    border-radius: 17px;
  }

  .darin-related-products ul.products li.product a img {
    margin-bottom: 14px !important;
    border-radius: 12px;
  }

  .darin-related-products
  ul.products
  li.product
  .woocommerce-loop-product__title {
    min-height: 44px;

    margin: 0 4px 8px !important;

    font-size: 15px !important;
    line-height: 1.45;
  }

  .darin-related-products ul.products li.product .price {
    margin-left: 4px !important;
    font-size: 14px !important;
  }

  .darin-related-products ul.products li.product .button {
    width: calc(100% - 8px);
    min-height: 42px;

    margin-left: 4px !important;
    margin-right: 4px !important;

    font-size: 14px !important;
  }
}/* End custom CSS */