.elementor-1195 .elementor-element.elementor-element-5cf9433{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:48px;}.elementor-1195 .elementor-element.elementor-element-17359b3{--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;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-c19169e );--border-color:var( --e-global-color-c19169e );--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-1195 .elementor-element.elementor-element-2eedcea{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1195 .elementor-element.elementor-element-2eedcea.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1195 .elementor-element.elementor-element-31ef36a{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-c19169e );--border-color:var( --e-global-color-c19169e );--padding-top:12px;--padding-bottom:12px;--padding-left:0px;--padding-right:0px;}.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-1195 .elementor-element.elementor-element-4ec3b23 > .elementor-widget-container{padding:0px 0px 0px 12px;}.elementor-1195 .elementor-element.elementor-element-4ec3b23 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;color:#797A7A;}.elementor-1195 .elementor-element.elementor-element-74f30b8{--display:flex;}.elementor-1195 .elementor-element.elementor-element-44d2b35 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;color:#797A7A;}.elementor-1195 .elementor-element.elementor-element-e7d8664 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;color:#797A7A;}.elementor-1195 .elementor-element.elementor-element-4d397e4{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 0px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:1px;border-color:var( --e-global-color-c19169e );--border-color:var( --e-global-color-c19169e );--padding-top:12px;--padding-bottom:24px;--padding-left:12px;--padding-right:12px;}.elementor-1195 .elementor-element.elementor-element-53e4070 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;color:#797A7A;}#elementor-popup-modal-1195{background-color:#00000087;justify-content:center;align-items:flex-start;pointer-events:all;}#elementor-popup-modal-1195 .dialog-message{width:1000px;height:auto;}#elementor-popup-modal-1195 .dialog-close-button{display:flex;}#elementor-popup-modal-1195 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(min-width:768px){.elementor-1195 .elementor-element.elementor-element-5cf9433{--content-width:100%;}.elementor-1195 .elementor-element.elementor-element-17359b3{--content-width:100%;}.elementor-1195 .elementor-element.elementor-element-2eedcea{--width:39%;}.elementor-1195 .elementor-element.elementor-element-4d397e4{--content-width:100%;}}@media(max-width:1024px){.elementor-1195 .elementor-element.elementor-element-5cf9433{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:64px;}}@media(max-width:767px){.elementor-1195 .elementor-element.elementor-element-31ef36a{--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-1195 .elementor-element.elementor-element-74f30b8{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1195 .elementor-element.elementor-element-4d397e4{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}}/* Start custom CSS for html, class: .elementor-element-d51be19 */.csw-input-wrap {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

.csw-input-icon {
  position: absolute;
  left: 14px;
  width: 18px;
  height: 18px;
  color: #aaa;
  pointer-events: none;   /* click xuyên qua icon vào input */
  flex-shrink: 0;
  transition: color 0.2s ease;
}

/* Icon đổi màu khi input được focus */
.csw-input-wrap:focus-within .csw-input-icon {
  color: #c0395b;
}

#csw-input {
  width: 100%;
  padding: 10px 16px 10px 42px;  /* padding-left chừa chỗ cho icon */
  border: 1.5px solid #ddd;
  border-radius: 8px;
  font-size: 15px;
  color: #333;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

#csw-input::placeholder {
  color: #bbb;
}

#csw-input:focus {
  border-color: #c0395b;
  box-shadow: 0 0 0 3px rgba(192, 57, 91, 0.08);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a2237a1 *//* ── List gợi ý tìm kiếm ── */
.csw-keyword-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.csw-keyword-empty{
    margin-left: 12px;
}
.csw-keyword-list__item {
  overflow: hidden;
}

.csw-keyword-list__link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  font-size: 14px;
  color: #333;
  text-decoration: none;
}

.csw-keyword-list__link:hover {
  background-color: #f0f0f0;
}

/* Icon search nhỏ đứng trước tên */
.csw-keyword-list__link svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  opacity: 0.4;
  transition: opacity 0.15s ease;
}

.csw-keyword-list__link:hover svg {
  opacity: 1;
}

/* Highlight từ khớp */
.csw-keyword-list__link mark {
  background: transparent;
  color: #c0395b;
  font-weight: 600;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e862bca *//* Trong Elementor > Custom CSS */
.csw-products-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.csw-product-item {
  text-decoration: none;
  color: inherit;
  display: block;
  min-width: 0;
}
.csw-product-item img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 8px;
}
.csw-product-name {
  font-size: 12px;
  margin: 5px 0 2px;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  
}
.csw-product-price { 
  font-size: 12px; 
  color: #EE320C; 
  font-weight: 600; 
}
.csw-empty { 
  color: #aaa; 
  font-size: 13px; 
}
/* ── Giá khuyến mãi (ins) — màu đen, không gạch chân ── */
.csw-product-price ins {
  color: #333 !important;
  text-decoration: none !important;
  font-size: 13px; 
}

/* ── Hover scale sản phẩm ── */
.csw-product-item {
  min-width: 0;
  transition: transform 0.2s ease;
}

.csw-product-item:hover {
  transform: scale(1.02);
}

@media (max-width: 767px) {
  /* Container cha — id bạn gán trong Elementor */
  #csw-products {
    overflow: hidden;
  }

  .csw-products-grid {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 10px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .csw-products-grid::-webkit-scrollbar {
    display: none;
  }

  .csw-product-item {
    flex: 0 0 40%;
    scroll-snap-align: start;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17359b3 *//* ── Container cha cần position relative ── */
#csw-popup {
  position: relative;
}

/* ── Overlay phủ toàn bộ popup ── */
.csw-overlay {
  position: absolute;
  inset: 0;                        /* top/right/bottom/left = 0 */
  background: rgba(255,255,255,0.75);
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  border-radius: inherit;

  /* Ẩn mặc định */
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

.csw-overlay--visible {
  opacity: 1;
  pointer-events: all;
}

/* ── Spinner 3 chấm nhảy ── */
.csw-spinner {
  display: flex;
  align-items: center;
  gap: 6px;
}

.csw-spinner__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #c0395b;
  animation: csw-bounce 0.6s ease-in-out infinite;
}

.csw-spinner__dot:nth-child(2) { animation-delay: 0.15s; }
.csw-spinner__dot:nth-child(3) { animation-delay: 0.30s; }

@keyframes csw-bounce {
  0%, 100% { transform: translateY(0);    opacity: 0.4; }
  50%       { transform: translateY(-6px); opacity: 1;   }
}/* End custom CSS */
/* Start custom CSS */@media (max-width: 767px) {
  .dialog-lightbox-widget-content{
      height: 100%;
  }
}/* End custom CSS */