/****************************
 * Product Item
*****************************/
/* clear list style */
.woocommerce ul.products {margin:0; list-style:none;}
.woocommerce ul.products li.product {padding:0;}

/* item wrapper */
.bb-product-item {height:100%;}

/* clickable wrapper */
.bb-product-item .woocommerce-loop-product__link {
    text-decoration:none; height:100%;
    position:relative; background:#fff; overflow:hidden; transform:translateZ(0);
    border-radius:20px;
    display:flex; flex-direction:column; justify-content:space-between;
}
.bb-product-item .woocommerce-loop-product__link:before {
    content:""; position:absolute; inset:0 0 1px;
    border:1px solid #e5eaf2; border-radius:20px;
}

/* product info */
.bb-product-item .bb-product-item-info > *:not(.woocommerce-loop-product__image):not(:last-child) {border-bottom:1px solid #e5eaf2;}

/* product image */
.bb-product-item .woocommerce-loop-product__image-bg img {aspect-ratio:282/198;}

/* product title */
.bb-product-item .woocommerce-loop-product__title {
    --bb-size-h2:var(--bb-size-16);
    --bb-spacing-heading:0px;
    font-weight:700; padding:20px;
}

/* product attribute */
.bb-product-item .bb-woo-attributes {padding:20px;}
.bb-woo-attributes__item {gap:5px 10px; color:rgba(0, 35, 67, .8); font-size:15px;}
.bb-woo-attributes__item:not(:last-child) {margin-bottom:10px;}
.bb-woo-attributes__item-value {width:70%; max-width:320px; text-align:right;}

/* price */
.bb-product-item .price {
    padding:17px 20px; color:rgba(0, 35, 67, .8); font-size:15px;
    flex-wrap:nowrap; align-items:baseline; justify-content:space-between;
}
.bb-product-item .price .price-prefix {font-weight:600; white-space:nowrap;}
.bb-product-item .price .price-value-wrap {justify-content:flex-end;}

/* Button */
.bb-product-item [class*="btn_primary"] {
    --btn-bg-color:rgba(0, 0, 0, 0);
    --btn-color:var(--bb-color-primary);
    --btn-bg-color-hover:rgba(0, 0, 0, 0);
    --btn-color-hover:var(--bb-color-primary);
    width:100%; padding-left:20px; padding-right:20px;
    border-radius:0; border-top:1px solid #e5eaf2;;
    justify-content:space-between; font-weight:500;
    transition:var(--bb-transition);
}
.bb-product-item [class*="btn_primary"]:before {
    position:absolute; inset:0; z-index:2;
    content:attr(data-content); font-weight:500; font-size:15px;
    display:flex; align-items:center; padding:5px 20px;
    background:var(--bb-color-blue); color:var(--bb-color-on-primary);
    transform:translateY(101%); transition:transform .3s ease;
}
.bb-product-item [class*="btn_primary"] > span:after {
    font-family:var(--bb-font-icomoon); content:"\e927";
    font-size:12px; color:#fff;
    transition:transform .3s ease; z-index:3;
    position:absolute; right:20px; top:50%; transform:translateY(calc(-50% + 55px));
}

/* Hover */
.bb-product-item .woocommerce-loop-product__link:hover [class*="btn_primary"]:before {transform:translateY(0);}
.bb-product-item .woocommerce-loop-product__link:hover [class*="btn_primary"] > span:after {transform:translateY(-50%);}