@charset "utf-8";
/* product_list_wrap */
.product_list_wrap .toggle_tab { position: relative; cursor: pointer; padding-right: 24px; }
.product_list_wrap .toggle_tab::after { position: absolute; right: 0; top: 0; width: 24px; height: 24px; background: url(../../image/icon/icon_toggle_b.svg) no-repeat center center; background-size: contain; content: ''; display: block; }
.product_list_wrap .toggle_tab.on::after { transform: rotate(180deg); }
.product_list_wrap .toggle_cont { display: none; }
.product_list_wrap .toggle_cont.on { display: block; }

/* product_list_box */
.product_list_box .item { position: relative; display: block; width: 100%; }
.product_list_box .item .img_box { position: relative; width: 96px; height: 96px; background: #ffffff; border: 1px solid var(--gray-100); border-radius: 8px; overflow: hidden; }
.product_list_box .item .img_box .bedge { position: absolute; left: 8px; top: 8px; font-size: 12px; font-weight: 500; color: var(--tag-blue-dark); line-height: 20px; padding: 0 6px; background: var(--tag-blue-light); border-radius: 10px; display: inline-block; z-index: 5; }
.product_list_box .item .img_box img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 140%; max-width: 140%; }
.product_list_box .item .img_box .btn_add_cart { position: absolute; right: 8px; bottom: 8px; width: 36px; height: 36px; text-indent: -9999px; background: url(../../image/btn/btn_cart_off.webp) no-repeat center center; background-size: 36px; border: none; border-radius: 50%; box-shadow: var(--shadow-02); display: inline-block; z-index: 5; }
.product_list_box .item .img_box .btn_add_cart.active { background: url(../../image/btn/btn_cart_on.webp) no-repeat center center, var(--purple); background-size: 36px; }
.product_list_box .item .info_box .category { font-size: 13px; font-weight: 400; color: var(--gray-400); line-height: 18px; }
.product_list_box .item .info_box .name { font-size: 15px; font-weight: 500; color: var(--gray-900); line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product_list_box .item .info_box .unit { font-size: 13px; font-weight: 400; color: var(--black-70); line-height: 18px; }
.product_list_box .item .info_box .star { font-size: 11px; font-weight: 500; color: var(--gray-400); line-height: 15px; margin-top: 2px; }
.product_list_box .item .info_box .star::before { width: 15px; height: 15px; background: url(../../image/icon/icon_star.svg) no-repeat center center; background-size: contain; content: ''; display: inline-block; vertical-align: -3px; margin-right: 4px; }
.product_list_box .item .info_box .price_box { display: flex; align-items: center; margin-top: 2px; }
.product_list_box .item .info_box .price_box strong { font-size: 14px; font-weight: 700; color: var(--gray-900); line-height: 20px; display: inline-block; } 
.product_list_box .item .info_box .price_box .vat { font-size: 8px; font-weight: 500; color: var(--gray-400); line-height: 18px; display: inline-block; margin-left: 4px; }
.product_list_box .item .info_box .price_box .unit { display: inline-block; margin-top: 2px; margin-left: 6px; }
.product_list_box .item .info_box .label_box { display: flex; flex-wrap: wrap; width: 100%; margin-top: 2px; }
.product_list_box .item .btn_delete { position: absolute; right: 0; top: 0; width: 24px; height: 24px; background: url(../../image/btn/btn_delete.svg) no-repeat center center; background-size: contain; text-indent: -9999px; overflow: hidden; opacity: 0.55; z-index: 5; }

/* small */
.product_list_box .item.sm .img_box { width: 68px; height: 68px; }
.product_list_box .item.sm .img_box img { width: 200%; max-width: 200%; }
.product_list_box .item.sm .info_box .price_box { margin-top: 0; }

/* type_basic */
.product_list_box.type_basic > li { margin-bottom: 16px; }
.product_list_box.type_basic > li:last-of-type { margin-bottom: 0; }
.product_list_box.type_basic .item { display: flex; flex-wrap: wrap; align-items: center; }
.product_list_box.type_basic .item .info_box { width: calc(100% - 108px); margin-left: 12px; }

/* type_vertical */ 
.product_list_box.type_vertical li { width: 152px; min-width: 152px; }
.product_list_box.type_vertical .item .img_box { width: 100%; }
.product_list_box.type_vertical .item .info_box { width: 100%; margin-top: 12px; }
.product_list_box.type_vertical .item .info_box .name { font-size: 14px; }