.elementor-264 .elementor-element.elementor-element-7e5c848{--display:flex;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.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;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-264 .elementor-element.elementor-element-4a8ca7e.elementor-wc-products ul.products li.product{text-align:center;}.elementor-264 .elementor-element.elementor-element-4a8ca7e.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-264 .elementor-element.elementor-element-4a8ca7e.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#000000;}.elementor-264 .elementor-element.elementor-element-4a8ca7e.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#000000;}.elementor-264 .elementor-element.elementor-element-4a8ca7e.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-264 .elementor-element.elementor-element-4a8ca7e.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;}.elementor-264 .elementor-element.elementor-element-4a8ca7e.elementor-wc-products ul.products li.product .price{color:#000000;font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;}.elementor-264 .elementor-element.elementor-element-4a8ca7e.elementor-wc-products ul.products li.product .price ins{color:#000000;}.elementor-264 .elementor-element.elementor-element-4a8ca7e.elementor-wc-products ul.products li.product .price ins .amount{color:#000000;}.elementor-264 .elementor-element.elementor-element-4a8ca7e.elementor-wc-products ul.products li.product .price del{color:#5C5C5C;}.elementor-264 .elementor-element.elementor-element-4a8ca7e.elementor-wc-products ul.products li.product .price del .amount{color:#5C5C5C;}.elementor-264 .elementor-element.elementor-element-4a8ca7e.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-264 .elementor-element.elementor-element-4a8ca7e.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-264 .elementor-element.elementor-element-4a8ca7e.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-4a8ca7e *//* --- [수정됨] archieve 클래스가 지정된 Archive Products 위젯 디자인 --- */

/* 1. 상품 목록 전체 레이アウト */
.archieve ul.products {
    gap: 24px 16px; /* 상품 간의 세로, 가로 간격 */
}

/* 2. 개별 상품 카드(.product) 전체 디자인 */
.archieve .product {
    margin: 0 !important;
    padding: 0;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 8px; /* 모서리를 부드럽게 */
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* 3. 마우스를 올렸을 때 효과 */
.archieve .product:hover {
    transform: translateY(-5px); /* 살짝 위로 올라가는 효과 */
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

/* 4. 상품 이미지 영역 */
.archieve .product .woocommerce-loop-product__link img {
    border-radius: 8px 8px 0 0;
    background-color: #f8f8f8;
}

/* 5. 상품 정보(텍스트) 영역 */
.archieve .product .woocommerce-loop-product__title {
    font-size: 15px;
    font-weight: 500;
    color: #333;
    padding: 10px 15px 5px 15px;
    margin: 0;
}

/* 6. 가격 스타일 */
.archieve .product .price {
    font-size: 16px;
    font-weight: 700;
    color: #111;
    padding: 0 15px 15px 15px;
}
.archieve .product .price ins {
    background: none;
    text-decoration: none;
}
.archieve .product .price del {
    font-size: 13px;
    opacity: 0.5;
}

/* 7. '장바구니 담기' 버튼 스타일 */
.archieve .product .button {
    width: calc(100% - 30px);
    margin: 0 15px 15px 15px;
    background-color: #f5f5f5;
    color: #555;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    transition: background-color 0.3s, color 0.3s;
}

.archieve .product .button:hover {
    background-color: #333;
    color: #fff;
    border-color: #333;
}

/* 8. 세일(SALE) 뱃지 스타일 */
.archieve .product .onsale {
    background-color: #ff4d4d;
    color: #fff;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 13px;
    top: 10px;
    right: 10px;
}/* End custom CSS */