/****************************
 * Misc
*****************************/
.screen-reader-text {position:absolute; visibility:hidden; top:0; left:0; width:100%; pointer-events:none; overflow:hidden;}
.screen-reader-text .required {position:absolute; top:0; right:0; padding:2px 5px;}

/* Product Item > Image > Badge */
.woocommerce .vii-product-badge {padding:6px; gap:6px; z-index:12;}
.woocommerce .badge {
    font-size:12px; text-transform:uppercase;
    padding:3px 6px 2px; background:#fff; color:var(--vii-color-primary);
}

/****************************
 * Columns
*****************************/
/* Columns */
.woocommerce .col2-set {
    display:flex; flex-wrap:wrap; justify-content:space-between;
}
.woocommerce .col2-set > div {width:calc(50% - var(--woo-gap-field));}
@media only screen and (max-width:768px) {
    /* Columns */
    .woocommerce .col2-set > div {width:100%;}
    .woocommerce .col2-set > div:not(:last-child) {margin-bottom:8px;}
}


/****************************
 * Price
*****************************/
.woocommerce .price {display:flex; flex-wrap:wrap; align-items:center; gap:2px 12px;}
.woocommerce .price,
.woocommerce-Price-amount.amount {font-weight:300; text-transform:uppercase;}

/* Price > Price from */
.woocommerce .price .from {margin-right:8px; font-weight:400;}

/* Price > Total */
.woocommerce .price .amount {}

/* Price > Price not sale */
.woocommerce .price del {
    text-decoration:none; position:relative;
    opacity:.5; order:2;
}
.woocommerce .price del:before {
    content:""; position:absolute; top:50%; left:50%;
    transform:translate(-50%, -50%);
    width:100%; height:1px; background:#000;
}
.woocommerce .price del .amount {}

/* Price > Price */
.woocommerce .price ins {background:none;}

/* Price > Sale percentage */
.woocommerce .price .price__percent {width:100%; order:3;}
.woocommerce .price .price__percent span {
    background:var(--vii-color-primary); color:var(--vii-color-on-primary);
    padding:3px 5px; border-radius:4px; font-size:.8em;
}

/* Price > Sale percentage (inline) */
.woocommerce .shop_table.woocommerce-checkout-review-order-table .price .price__percent {width:auto;}


/****************************
 * Addresses
*****************************/
address {
    font-style:normal;
    padding:15px; border:var(--woo-border); border-radius:var(--woo-radius);
}
address p:not(:last-child) {margin-bottom:10px;}


/****************************
 * Rating start
*****************************/
.star-rating {
    --size:19px;
    --width:100%;

    width:fit-content;
}
.star-rating i:before, .star-rating i:after {
    font-family:var(--vii-font-icomoon), fantasy;
    font-size:var(--size); font-style:normal;
    line-height:1; color:var(--vii-color-primary); letter-spacing:0.275em;
}
.star-rating i:before {content:"\e90c\e90c\e90c\e90c\e90c";}
.star-rating i:after {
    content:"\e902\e902\e902\e902\e902";
    position:absolute; inset:0;
    clip-path:polygon(0 0, var(--width) 0, var(--width) 100%, 0 100%);
}