.elementor-6322 .elementor-element.elementor-element-e26704e{--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;}.elementor-6322 .elementor-element.elementor-element-3ad62a6.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-6322 .elementor-element.elementor-element-3ad62a6.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-6322 .elementor-element.elementor-element-3ad62a6.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-6322 .elementor-element.elementor-element-3ad62a6.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-3ad62a6 *//* =========================
   Woo Product Grid - no overflow
   Elementor에서 .elementor-6322 .elementor-element.elementor-element-3ad62a6 그대로 사용
   ========================= */

/* 공통: 테마 float/폭 규칙 무력화 + gap 기반 레이아웃 */
.elementor-6322 .elementor-element.elementor-element-3ad62a6 ul.products{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 22px !important;

  /* 테마가 주는 음수마진/패딩 때문에 삐져나오는 것 방지 */
  margin: 0 !important;
  padding: 0 !important;

  /* 혹시 남아있는 가로 스크롤 예방 */
  overflow-x: hidden !important;
}

.elementor-6322 .elementor-element.elementor-element-3ad62a6 ul.products li.product{
  float: none !important;
  margin: 0 !important;           /* gap이 간격 담당 */
  box-sizing: border-box !important;
  overflow: hidden !important;    /* 카드 내부 요소 삐져나옴 방지 */

  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 22px !important;
  background: #fff !important;
  padding: 26px !important;
  text-align: center !important;
}

/* 이미지/버튼 기본 */
.elementor-6322 .elementor-element.elementor-element-3ad62a6 ul.products li.product a img{
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 20px !important;
  margin: 0 auto 16px !important;
}

.elementor-6322 .elementor-element.elementor-element-3ad62a6 ul.products li.product .woocommerce-loop-product__title{
  line-height: 1.25 !important;
  margin: 0 0 10px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.elementor-6322 .elementor-element.elementor-element-3ad62a6 ul.products li.product .price{
  margin: 0 0 16px !important;
}

.elementor-6322 .elementor-element.elementor-element-3ad62a6 ul.products li.product a.button,
.elementor-6322 .elementor-element.elementor-element-3ad62a6 ul.products li.product .button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 auto !important;
  border-radius: 18px !important;
  white-space: nowrap !important;

  position: static !important;
  left: auto !important;
  transform: none !important;
}

.elementor-6322 .elementor-element.elementor-element-3ad62a6 ul.products li.product a.button::before,
.elementor-6322 .elementor-element.elementor-element-3ad62a6 ul.products li.product a.button::after{
  content: none !important;
  display: none !important;
}

/* 모바일: 1열 */
@media (max-width: 767px){
  .elementor-6322 .elementor-element.elementor-element-3ad62a6 ul.products li.product{
    flex: 0 1 420px !important;     /* 가운데 1장 */
    max-width: 420px !important;
  }

  .elementor-6322 .elementor-element.elementor-element-3ad62a6 ul.products li.product a.button,
  .elementor-6322 .elementor-element.elementor-element-3ad62a6 ul.products li.product .button{
    font-size: 15px !important;
    padding: 13px 18px !important;
  }
}

/* 태블릿: 2열 */
@media (min-width: 768px) and (max-width: 1024px){
  .elementor-6322 .elementor-element.elementor-element-3ad62a6 ul.products li.product{
    flex: 0 1 calc(50% - 22px) !important;
    max-width: calc(50% - 22px) !important;
  }

  .elementor-6322 .elementor-element.elementor-element-3ad62a6 ul.products li.product .woocommerce-loop-product__title{
    font-size: 20px !important;
  }

  .elementor-6322 .elementor-element.elementor-element-3ad62a6 ul.products li.product .price{
    font-size: 17px !important;
  }

  .elementor-6322 .elementor-element.elementor-element-3ad62a6 ul.products li.product a.button,
  .elementor-6322 .elementor-element.elementor-element-3ad62a6 ul.products li.product .button{
    font-size: 16px !important;
    padding: 15px 24px !important;
  }
}

/* PC: 4열 */
@media (min-width: 1025px){
  .elementor-6322 .elementor-element.elementor-element-3ad62a6 ul.products li.product{
    flex: 0 1 calc(25% - 22px) !important;
    max-width: calc(25% - 22px) !important;
  }

  .elementor-6322 .elementor-element.elementor-element-3ad62a6 ul.products li.product .woocommerce-loop-product__title{
    font-size: 18px !important;  /* 4열이면 제목은 너무 크게 하면 또 터짐 */
  }

  .elementor-6322 .elementor-element.elementor-element-3ad62a6 ul.products li.product .price{
    font-size: 16px !important;
  }

  .elementor-6322 .elementor-element.elementor-element-3ad62a6 ul.products li.product a.button,
  .elementor-6322 .elementor-element.elementor-element-3ad62a6 ul.products li.product .button{
    font-size: 15px !important;
    padding: 14px 20px !important;
  }
}/* End custom CSS */