/* +++++++++++++++++  category details page page design +++++++++++++++++++++++++ */

.category-details-container .title {
    display        : block;
    font-size      : 22px;
    padding-bottom : 20px;
}
.category-details-container .category {
    margin : 0 0 20px 0;
}
.category-details-container .category-details-page-with-background {
    width: 100%;
    padding: 30px;
}
.category-details-container,
.subcategory-container {
    padding-bottom : 20px;
}
.subcategory-container .title,
.product-container .title {
    font-size      : 18px;
    padding-bottom : 15px;
}
.category-details .footer {
    background-color : #F6F6F6;
    border           : 1px solid #CCCCCC;
    margin-top       : 10px;
    padding          : 10px;
}
/* +++++++++++++++++  product details page page design +++++++++++++++++++++++++ */
.image-preview-box.product-detail-view > img {
    vertical-align: middle;
}
.page-product h2.product-name {
    border-bottom  : 1px solid #E6E6E6;
    font-size      : 30px;
    font-weight    : normal;
    margin-bottom  : 20px;
    padding-bottom : 10px;
}

.widget-productImage .image-preview-box {
    text-align : center;
    position   : relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.widget-productImage .image-preview-box .sale.tag-mark {
    background : url("/wc/7.0.0/images/site/sale.png") no-repeat scroll left top;
    display    : inline-block;
    height     : 53px;
    position   : absolute;
    left       : 25px;
    top        : 38px;
    width      : 54px;
}
.widget-productImage .image-preview-box .new.tag-mark {
    background : url("/wc/7.0.0/images/site/new.png") no-repeat scroll left top;
    display    : inline-block;
    height     : 27px;
    position   : absolute;
    right      : -6px;
    top        : 10px;
    width      : 52px;
}
.widget-productImage .image-preview-box .featured.tag-mark {
    background : url("/wc/7.0.0/images/site/featured.png") no-repeat scroll left top;
    display    : inline-block;
    height     : 71px;
    position   : absolute;
    left      : 0;
    top        : 0;
    width      : 85px;
}
.widget-productImage .image-preview-box .sold-out-tag.tag-mark {
    display: inline-block;
    color: #fff;
    height: 25px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #CC0031;
    width: 100px;
    padding: 1px 5px 0 5px;
}
.widget-productImage .multi-image-scroll-wrapper {
    overflow   : hidden;
    border     : 1px #E6E6E6 solid;
    position   : relative;
    margin-top : 20px;
}
.widget-productImage .multi-image-scroll-wrapper .image-thumb-container {
    margin   : 5px 18px;
    overflow : hidden;
}
.widget-productImage .image-thumb-container .thumb-image {
    border     : 1px solid #F9F9F9;
    padding    : 3px;
    text-align : center;
    margin     : 0 3px;
}
.widget-productImage .image-thumb-container .thumb-image img {
    vertical-align : middle;
}
.widget-productImage .image-thumb-container .thumb-image.active {
    border : 1px solid #CCCCCC;
}
.widget-productImage .multi-image-scroll-wrapper .scroll-navigator {
    background-image  : url("/wc/7.0.0/images/site/product-details-image-slider-arrow.png");
    background-repeat : no-repeat;
    bottom            : 0;
    position          : absolute;
    top               : 0;
    width             : 15px;
}
.widget-productImage .multi-image-scroll-wrapper .image-left-scroller.scroll-navigator {
    background-position : 2px center;
    left                : 0;
}
.widget-productImage .multi-image-scroll-wrapper .image-right-scroller.scroll-navigator {
    background-position : -13px center;
    right               : 0;
}
.widget-productSummary {
    padding-bottom : 20px;
}
.widget-productSummary .title {
    display        : block;
    font-size      : 18px;
    padding-bottom : 10px;
}
.widget-productSummary .summary {
    font-size: 14px;
}
.widget-productSku,
.widget-availableStock,
.widget-productCategory,
.widget-productManufacturer,
.widget-productBrand,
.widget-productModel,
.widget-combinedProduct {
    padding-bottom : 5px;
    font-size: 14px;
}
.widget-productSku label,
.widget-availableStock label,
.widget-productCategory label,
.widget-productManufacturer label,
.widget-productBrand label,
.widget-productModel label {
    font-weight: bold;
}

.product-category-widget .info-row {
    border    : medium none;
    font-size : 14px;
    margin    : 0;
    padding   : 0;
}
.product-manufacturer-widget,
.product-brand-widget {
    font-size : 14px;
}
.widget-price {
    padding: 20px 0 10px;
}
.widget-price .price {
    font-size : 22px;
}
.widget-price .price .tax-message {
    color     : #999999;
    font-size : 12px;
}
.widget-price .previous-price.price {
    color           : #FF0000;
    font-size       : 16px;
    padding-right   : 10px;
}
.widget-price .previous-price {
    text-decoration: none;
}
.widget-price .previous-price.strike-through {
    text-decoration: line-through;
}
.product-widget.widget-addCart {
    font-size: 0;
}
.product-widget.widget-addCart * {
    font-size: 13px;
}
.product-widget.widget-addCart span {
    vertical-align: middle;
}
.widget-addCart .buy-now-button {
    padding: 10px 15px;
    margin-left: 5px;
}
.widget-addCart.purchase-restricted .add-to-cart-button,
.widget-addCart.purchase-restricted .stepper {
    display: none;
}
.page-product .bmui-tab {
    padding-top : 40px;
}
.page-product .widget-productImage .image-preview-box .zoom-wrap .image-zoom-portion-mask {
    background-color: #FFFFFF;
    /* @alternate */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    /* @alternate */ -moz-opacity: 40;
    /* @alternate */ -khtml-opacity: 40;
    opacity: 0.4;
}
.product-widget.widget-productSwipe span {
    display: inline-block;
    color: #333;
    border: 1px #ccc solid;
    padding: 5px 15px;
    margin-right: 5px;
    cursor: pointer;
}
.product-widget.widget-productSwipe span:hover {
    color: #fff;
    background-color: #333;
    border: 1px #333 solid;
}
.product-widget.widget-productSwipe span.disabled {
    border: 1px #999 solid;
    background-color: #999;
    color: #666;
    pointer-events: none;
}
.product-widget.widget-information .bmui-tab-body-container .title {
    display        : block;
    font-size      : 18px;
    padding-bottom : 10px;
}
.page-product .widget-likeus {
    margin-top: 20px;
}
.page-product .widget-likeus > * {
    display: inline-block;
    height: 35px;
    vertical-align: top;
}
.page-product .widget-likeus .facebook-like-us {
    width: 72px;
}
.page-product .widget-likeus .twitter-like-us {
    width: 62px;
}
.page-product .widget-likeus .tell-friend {
    background  : url("/wc/7.0.0/images/site/tell_friend.png") no-repeat scroll left top;
    cursor      : pointer;
    height      : 17px;
    overflow    : hidden;
    text-indent : -200px;
    width       : 23px;
}
.product-downloadable-spec {
    background: none repeat scroll 0 0 #f9f9f9;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    font-size: 15px;
    padding: 5px 10px;
    display: inline-block;
}
.widget-socialMediaShare .social-media-wrapper {
    font-size: 0;
}
.widget-socialMediaShare .social-media-wrapper span {
    background-image: url("/wc/7.0.0/images/site/social-media-share.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 18px;
    margin-right: 10px;
    width: 24px;
    cursor: pointer;
    display: inline-block;
}
.widget-socialMediaShare .social-media-wrapper span:last-child {
    margin-right: 0;
}
.widget-socialMediaShare .social-media-wrapper span.email {
    background-position: 0 0;
}
.widget-socialMediaShare .social-media-wrapper span.facebook {
    background-position: -24px 0;
}
.widget-socialMediaShare .social-media-wrapper span.twitter {
    background-position: -48px 0;
}
.widget-socialMediaShare .social-media-wrapper span.google-plus {
    background-position: -72px 0;
}
.widget-socialMediaShare .social-media-wrapper span.linkedin {
    background-position: -96px 0;
}
.widget-socialMediaShare .social-media-wrapper span.pinterest {
    background-position: -120px 0;
}
.widget-socialMediaShare .social-media-wrapper span.messenger {
    background-position: -143px 0;
}

/*saba add*/
.image-popup-mask {
    background-color : #999999;
    /* @alternate */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    /* @alternate */ -moz-opacity: 50;
    /* @alternate */ -khtml-opacity: 50;
    opacity          : 0.5;
    left             : 0;
    top              : 0;
    right            : 0;
    bottom           : 0;
}
.image-popup-container {
    text-align : center;
    z-index    : 999;
}

.image-popup-container .image-wrapper {
    padding          : 40px;
    border           : 10px solid #666666;
    background-color : #FFFFFF;
    vertical-align   : middle;
    z-index          : 1000;
}

.image-popup-container .navigator {
    position         : absolute;
    background-image : url("/wc/7.0.0/images/site/popup-image-navigators.png");
    cursor           : pointer;
}

.image-popup-container .navigator.close-button {
    background-position : -5px -77px;
    height              : 40px;
    right               : -9px;
    top                 : -12px;
    width               : 40px;
}

.image-popup-container .navigator.left-button {
    background-position : -37px 0;
    width               : 37px;
    height              : 74px;
    left                : -1px;
    margin-top          : -37px;
    top                 : 50%;
}

.image-popup-container .navigator.right-button {
    background-position : 0 0;
    width               : 37px;
    height              : 74px;
    right               : -1px;
    margin-top          : -37px;
    top                 : 50%;
}

.image-popup-container > span {
    position       : relative;
    vertical-align : middle;
    display: inline-block;
}

.image-popup-container.loading .image-loader {
    background-image : url("/wc/7.0.0/images/site/loader.gif");
    height           : 64px;
    left             : 50%;
    margin-left      : -32px;
    margin-top       : -32px;
    position         : absolute;
    top              : 50%;
    width            : 64px;
}
/*variation design*/
.widget-variation {
    padding-bottom: 20px;
}
.variation-container .variation-type {
    padding-bottom : 5px;
}
.variation-container .variation-type label.type-label {
    font-weight : bold;
}
.variation-container .variation-type.color .variation-value {
    border: 1px solid #ccc;
    display: inline-block;
    height: 15px;
    width: 15px;
}
.variation-container .variation-type.image .variation-value {
    display        : inline-block;
    vertical-align : middle;
}
.variation-container .chosen-container {
    margin-left: 5px;
    padding-right: 0;
}
.variation-type.image.select .product-variation-select {
    width: 50px;
}
.variation-type.image.select .chosen-single .variation-value img {
    max-height: 20px;
}
.variation-type.image .variation-value img {
    max-height: 50px;
    max-width: 50px;
}
.variation-type.color.select .chosen-single .variation-value {
    vertical-align: -3px;
}
.variation-container .option-cell.selected .variation-value {
    border: dotted 2px #008000;
    padding: 1px;
}
.variation-container .option-cell .variation-value {
    cursor: pointer;
}
/*combined product design*/

.included-products-container .title {
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: 500;
}
.widget-combinedProduct .included-products-selection-table-wrapper {
    overflow-y: auto;
}
.widget-combinedProduct table {
    min-width:800px;
}
.widget-combinedProduct table th {
    background-color: #f2f2f2;
    border-bottom: 2px #e8e8e8 solid;
    padding: 10px;
}
.widget-combinedProduct table tr:nth-child(odd) {
    background-color: #f5f5f5;
    border-bottom: 1px #eaeaea solid;
}
.widget-combinedProduct table td {
    text-align: center;
    padding: 15px;
}
.included-products-container .info-row a img {
    max-width: 100%;
}
.included-products-container .info-row {
    font-size: 14px;
    padding: 2px 0;
    overflow: visible;
}
.included-products-container .info-row a {
    font-size: 16px;
    font-weight: 500;
}
.included-products-container .info-row a:hover {
    color: #999;
}
.widget-combinedProduct table td .individual-price {
    font-size: 24px;
    font-weight: 500;
}
.widget-combinedProduct table td .quantity {
    font-size: 16px;
    padding: 10px;
}
.combind-product-variation .variation-type label.type-label {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.combind-product-variation.variation-container .chosen-container {
    min-width: inherit;
}
.combind-product-variation .chosen-container-single .chosen-single {
    height: 33px;
}
.combind-product-variation .chosen-container-single .chosen-single span {
    line-height: normal;
    margin-right: 13px;
}
/*matrix view*/
.variation-container table.matrix {
    width : auto;
}
.variation-container table.matrix th,
.variation-container table.matrix td {
    border  : 1px solid #CCCCCC;
    padding : 5px;
}
.variation-container table.matrix td {
    background-image: url("/wc/7.0.0/images/site/matrix-not-available.png");
    background-position: center center;
    background-repeat: no-repeat;
}
.variation-container table.matrix td.available.selected {
    background-color: #06be0f;
    background-image: url("/wc/7.0.0/images/site/matrix-available-selected.png");
    background-position: center center;
    background-repeat: no-repeat;
}
.variation-container table.matrix td.available {
    background-image: url("/wc/7.0.0/images/site/matrix-available.png");
    background-position: center center;
    background-repeat: no-repeat;
}
.variation-container table.matrix th {
    min-width: 35px;
}
.widget-variation .text-variation-type-option-wrapper .variation-type.text ul li.out-of-stock {
    background-image: url("/wc/7.0.0/images/site/matrix-not-available.png") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    cursor: not-allowed !important;
}
.widget-variation .text-variation-type-option-wrapper .variation-type.text ul li.out-of-stock  span {
    font-size: 0;
}
.widget-variation .text-variation-type-option-wrapper .variation-type.text ul li.out-of-stock:hover {
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

/*Product Tag*/

.widget-productTag .accordion-item {
    border: none;
    padding: 10px 0;
    margin: 0;
    /* @alternate */ display: -webkit-box;
    /* @alternate */ display: -ms-flexbox;
    display: flex;
    /* @alternate */ -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px;
}

.widget-productTag .accordion-panel {
    padding: 0;
}

.widget-productTag .accordion-panel .label-bar {
    /* @alternate */ display: -webkit-box;
    /* @alternate */ display: -ms-flexbox;
    display: flex;
    /* @alternate */ -webkit-box-align: center;
    /* @alternate */ -ms-flex-align: center;
    align-items: center;
    gap: 0 20px;
    border-bottom: 1px #ddd solid;
    padding: 8px 0;
    cursor: pointer;
}

.widget-productTag .accordion-panel .label-bar .title {
    font-size: 14px;
    font-weight: 500;
    /* @alternate */ -webkit-box-flex: 1;
    /* @alternate */  -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.widget-productTag .accordion-panel .label-bar .toggle-icon {
    height: 16px;
    width: 16px;
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M7.25%2014.75V8.74995H1.25V7.25H7.25V1.25H8.74995V7.25H14.75V8.74995H8.74995V14.75H7.25Z%22%20fill%3D%22black%22%2F%3E %3C%2Fsvg%3E") no-repeat center;
    /* @alternate */ -webkit-box-ordinal-group: 2;
    /* @alternate */ -ms-flex-order: 1;
    order: 1;
    /* @alternate */ -webkit-box-flex: 0;
    /* @alternate */ -ms-flex: 0 0 16px;
    flex: 0 0 16px;
}

.widget-productTag .accordion-panel .label-bar.expanded .toggle-icon {
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M1%208.75V7.25H15V8.75H1Z%22%20fill%3D%22black%22%2F%3E %3C%2Fsvg%3E") no-repeat center;
}

.widget-productTag .accordion-item .title {
    padding: 6px 12px;
    background-color: #e7e7e7;
}
.widget-productTag .accordion-item .tag-heading {
    width: 100%;
    padding-bottom: 5px;
    font-size: 14px;
}