.elementor-1239 .elementor-element.elementor-element-e794b4e{--display:flex;--margin-top:-20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-1239 .elementor-element.elementor-element-0d7839b{--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;--justify-content:space-between;--align-items:center;}.elementor-1239 .elementor-element.elementor-element-1ad6cc9{--wd-cat-img-width:100px;}.elementor-1239 .elementor-element.elementor-element-1ad6cc9 > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:10px 10px 10px 10px;}.elementor-1239 .elementor-element.elementor-element-1ad6cc9 div.product-category .wd-entities-title, .elementor-1239 .elementor-element.elementor-element-1ad6cc9 .wd-nav-product-cat>li>a{font-size:15px;text-transform:none;}.elementor-1239 .elementor-element.elementor-element-20bf0ad{--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:60px;--margin-left:0px;--margin-right:0px;}.elementor-1239 .elementor-element.elementor-element-29022e9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1239 .elementor-element.elementor-element-73b0df1 > .elementor-widget-container{background-color:#FFFFFF;padding:30px 15px 30px 15px;border-radius:10px 10px 10px 10px;}.elementor-1239 .elementor-element.elementor-element-6e35ee3{--display:flex;}.elementor-1239 .elementor-element.elementor-element-ffd647a{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1239 .elementor-element.elementor-element-7e0e964{--display:flex;}.elementor-1239 .elementor-element.elementor-element-fc288f9 .title{font-size:26px;}.elementor-1239 .elementor-element.elementor-element-db664df{--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;--justify-content:flex-end;--align-items:center;}.elementor-1239 .elementor-element.elementor-element-f2b05c4 > .elementor-widget-container{margin:020px 0px 0px 0px;}@media(max-width:1024px){.elementor-1239 .elementor-element.elementor-element-e794b4e{--margin-top:-20px;--margin-bottom:5px;--margin-left:0px;--margin-right:0px;}.elementor-1239 .elementor-element.elementor-element-20bf0ad{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-1239 .elementor-element.elementor-element-ffd647a{--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-1239 .elementor-element.elementor-element-fc288f9 .title{font-size:25px;}.elementor-1239 .elementor-element.elementor-element-db664df{--justify-content:space-between;}}@media(max-width:768px){.elementor-1239 .elementor-element.elementor-element-20bf0ad{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-1239 .elementor-element.elementor-element-fc288f9 .title{font-size:22px;}}@media(min-width:769px){.elementor-1239 .elementor-element.elementor-element-29022e9{--width:25%;}.elementor-1239 .elementor-element.elementor-element-7e0e964{--width:33.3%;}.elementor-1239 .elementor-element.elementor-element-db664df{--width:66.7%;}}@media(max-width:1024px) and (min-width:769px){.elementor-1239 .elementor-element.elementor-element-7e0e964{--width:100%;}.elementor-1239 .elementor-element.elementor-element-db664df{--width:100%;}}/* Start custom CSS for wd_shop_archive_archive_description, class: .elementor-element-f2b05c4 *//* ==== CẤU HÌNH ==== */
.term-description{
  --desc-max-h: 360px;      /* chiều cao hiển thị ban đầu */
  --overlay-bg: #F4F8FB;    /* nền overlay dịu mắt ở đáy */
  --brand: #0071DB;         /* màu thương hiệu cho nút */
}

/* ==== THU GỌN / MỞ RỘNG ==== */
.term-description{
  position: relative;
  max-height: var(--desc-max-h);
  overflow: hidden;
  transition: max-height .35s ease;
  background: var(--desc-bg);
}

/* Overlay mờ ở đáy khi đang thu gọn */
.term-description::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:120px;
  pointer-events:none;
  background: linear-gradient(to bottom,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.85) 50%,
    var(--overlay-bg) 100%);
  transition: opacity .25s ease;
}

/* Khi mở rộng: bỏ giới hạn + bỏ overlay */
.term-description.expanded{
  max-height: none !important;
  overflow: visible !important;
}
.term-description.expanded::after{ opacity: 0; }

/* ==== FIX: gỡ line-clamp/box-orient nhưng KHÔNG ép mọi thẻ thành block ==== */
/* 1) Gỡ các thuộc tính clamp nếu theme/Elementor có áp */
.term-description.expanded,
.term-description.expanded *{
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  white-space: normal !important;
  max-height: none !important;
  overflow: visible !important;
}
/* 2) Trả display về mặc định của từng thẻ khối phổ biến (giữ inline như a, strong, em…) */
.term-description.expanded p,
.term-description.expanded li,
.term-description.expanded h1,
.term-description.expanded h2,
.term-description.expanded h3,
.term-description.expanded h4,
.term-description.expanded h5,
.term-description.expanded h6,
.term-description.expanded .elementor-widget-text-editor,
.term-description.expanded .elementor-text-editor{
  display: revert !important;
}

/* ==== NÚT (giữa) ==== */
.term-description-toggle-wrap{
  display:flex;
  justify-content:center;
  margin-top:12px;
}
.term-description-toggle{
  appearance:none;
  border:1px solid #E4ECF4;
  background:#fff;
  padding:10px 18px;
  border-radius:999px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  color: var(--brand);
  box-shadow: 0 6px 16px rgba(0,0,0,.06);
  transition: transform .08s ease, box-shadow .2s ease, background .2s ease;
}
.term-description-toggle:hover{
  box-shadow: 0 8px 20px rgba(0,0,0,.08);
  background:#F7FAFF;
}
.term-description-toggle:active{ transform: translateY(1px); }/* End custom CSS */