/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 08-Sept-2023, 4:05:09 pm
    Author     : naeem.tabsyst
*/



@media only screen and (max-width: 991px) {
     .pqv-desktop-prodt_img {
        display: none;
    }
     .pqv-mobile-prodt_img {
        display: block;
    }
}
@media only screen and (min-width: 992px) {
     .pqv-desktop-prodt_img {
        display: block;
    }
     .pqv-mobile-prodt_img {
        display: none;
    }
}


@media only screen and (min-width: 992px) {

   

    .pqv-container-prodt_name {
        padding-bottom: 10px;
    }

    .pqv-prodt_name {
        font-weight: 700; /* Bold */
        font-size: 32px;
        line-height: 36px;
        letter-spacing: 0;
        text-align: left;
        color: #035C56;
    }

    .pqv-brand_name {
        padding-bottom: 10px;
    }

    .pqv-brand_name a{
        font-weight: 400; /* Regular */
        font-size: 24px;
        line-height: 24px;
        letter-spacing: 0;
        text-align: center;
        color: #707882;
    }

    .pqv-pd-price-container {
        padding-bottom: 5px;
    }

    .pqv-price {
        font-weight: 400; /* Regular */
        font-size: 38px;
        line-height: 118%;
        letter-spacing: 0.048em;
        text-align: left;
        color: #035C56;
    }

    .pqv-attr-title {
        font-weight: 600; 
        font-size: 18px;
        line-height: 20px;
        letter-spacing: 0;
        text-align: left;
        color: #035C56;
    }

    .fv-sale-perc-off {
        font-size: 12px;
        font-weight: 600;
        display: block;
        color: #FDC040;
    }

    .pqv-old-price {
        color: #B6B6B6;
        font-weight: 700;
        font-size: 17px;
    }

    .pqv-open_attribute_modal_btn {
        background-color: #035C56;
        border: 1px solid #035C56;
        color: #7EFC8F !important;
        padding: 5px 12px 5px !important;
        border-radius: 25px !important;
        height: 42px;
    }

    #pqv-cart-section {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .pqv-stock-status {
        font-weight: 400;
        font-size: 18px;
        line-height: 20px;
        letter-spacing: 0;
        text-align: left;
        vertical-align: middle;
        color: #707882 !important;
        opacity: 1;
    }

    .pqv-redirect-prodt-view {
        text-decoration: underline;
        color: #707882;
        font-size: 20px;
    }


}

@media only screen and (max-width: 991px) {

    .pqv-container-prodt_name {
        padding-bottom: 10px;
    }

    .pqv-prodt_name {
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0;
        text-align: left;
        vertical-align: middle;
        color: #035C56;
        opacity: 1;
    }

    .pqv-price {
        font-weight: 600;
        font-size: 20px;
        line-height: 1.2;
        letter-spacing: 0.048em;
        text-align: left;
        vertical-align: middle;
        color: #035C56;
        opacity: 1;
    }

    .pqv-brand_name {
        padding-bottom: 10px;
    }

    .pqv-brand_name a{
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        letter-spacing: 0;
        text-align: center;
        vertical-align: middle;
        color: #707882;
        opacity: 1
    }


    .pqv-stock-status {
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
        letter-spacing: 0;
        text-align: left;
        vertical-align: middle;
        color: #707882 !important;
        opacity: 1;
    }

    .pqv-redirect-prodt-view {
        text-decoration: underline;
        color: #707882;
        font-size: 14px;
    }

    .pqv-pd-price-container {
        padding-bottom: 10px;
    }

    .pqv-old-price {
        color: #B6B6B6;
        font-weight: 700;
        font-size: 17px;
    }


}


.pqv-var-attr-btn-selected {
    background-color: #035C56;
    border: 1px solid #fff;
    color: #fff;
    padding: 5px 50px 5px;
    border-radius: 25px;
}


@media only screen and (min-width: 992px) {
    .pqv-var-attr-btn {
        background-color: var(--vg-primary-green) !important;
        border: 1px solid var(--vg-primary-green) !important;
        color: #7EFC8F !important;
        padding: 5px 12px 5px !important;
        border-radius: 25px !important;
        height: 42px;
    }
}

@media only screen and (max-width: 991px) {
    .pqv-var-attr-btn {
        background-color: var(--vg-primary-green) !important;
        border: 1px solid var(--vg-primary-green) !important;
        color: #7EFC8F !important;
        padding: 5px 12px 5px !important;
        border-radius: 25px !important;
        height: 42px;
    }
}


@media only screen and (min-width: 1125px) {
    .pqv-open_attribute_modal_btn span {
        font-size: 20px;
        line-height: 22px;
        font-weight: 500;
        letter-spacing: 0.018em;
    }
}


@media only screen and (min-width: 992px) {
    #pqv-add_to_cart {
        flex: 1;
        padding: 3px 24px;
        background: #FC425B;
        color: #fff;
        border: none;
        border-radius: 50px;
        font-family: 'Inter', sans-serif;
        font-size: 22px;
        font-weight: 600;
        cursor: pointer;
        transition: background 0.2s, transform 0.15s;
        text-align: left;
        letter-spacing: 0.01em;
    }
}

@media only screen and (max-width: 991px) {
    #pqv-add_to_cart {
        flex: 1;
        padding: 6px 24px;
        background: #FC425B;
        color: #fff;
        border: none;
        border-radius: 50px;
        font-family: 'Inter', sans-serif;
        font-size: 15px;
        font-weight: 600;
        cursor: pointer;
        transition: background 0.2s, transform 0.15s;
        text-align: left;
        letter-spacing: 0.01em;
    }
}

.pqv-wishlist-btn {
        background: #F2F7FF;
        border-radius: 50%;
        height: 32.86px;
        line-height: 35px;
        text-align: center;
        width: 36.11px;
        margin: 0 0 0 0px;
        -webkit-transition: all 0.5s ease-out 0s;
        align-items: center;
        justify-content: center;
        display: flex;
}

.pqv-qty-down-btn {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    border: #F2F7FF;
    background: var(--bs-body-bg);
    width: 24px;
    height: 35px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pqv-qty-up-btn {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border: #F2F7FF;
    background: var(--bs-body-bg);
    width: 24px;
    height: 35px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pqv-notify-me-btn {
    background-color: #3e5379;
    color: #ffffff;
    height: 42px;
    border-radius: 50px;
    word-break: break-word;
    font-style: normal;
    font-size: 22px;
    letter-spacing: 0.396px;
    line-height: 22px;
    text-align: start;
    padding-left: 18px;
    border: none;
}

.pqv-coming_soon-btn {
    background-color: #fff;
    color: #3BB77E;
    border: 1px solid #3BB77E !important;
    height: 42px;
    border-radius: 50px;
    word-break: break-word;
    font-style: normal;
    font-size: 22px;
    letter-spacing: 0.396px;
    line-height: 22px;
    text-align: start;
    padding-left: 18px;
    border: none;
}

.pqv-qty_input {
    width: 20px !important;
    height: 35px !important;
    border-radius: 0 !important;
    background: var(--bs-body-bg) !important;
    border: 1px solid #F2F7FF !important;
}

.pqv-upsell-form-select {
    background-color: #F2F7FF;
    border: 1px solid #F2F7FF;
    color: #035C56;
    padding: 5px 12px 5px;
    border-radius: 25px;
    font-size: 22px;
    line-height: 22px;
    font-weight: 500;
}


.pqv-upsell-form-label {
    font-size: 18px;
    line-height: 20px;
    color: #035C56;
    padding-bottom: 10px;
}






.pqv-desktop-prodt_img img {
    height: 250px;
    width: 270px;
    object-fit: contain;
    object-position: center;
}


.pqv-mobile-prodt_img img {
    width: 300px;
    object-fit: cover;
    object-position: center;
}

@media (min-width: 565px) and (max-width: 991px) {
    .pqv-mobile-prodt_img .fv-product-shape-1-top-right {
        border-radius: 0px 8px 0px 10px !important;
        padding: 3px 6px 3px 6px !important;
        font-size: 8px !important;
    }
    .pqv-mobile-prodt_img .fv-product-shape-2 {
        padding: 3px 6px 3px 6px !important;
        font-size: 8px !important;
    }

    .pqv-mobile-prodt_img .fv-product-shape-4 {
        top: 0px !important;
        width: 70.9px !important;
        height: 70.9px !important;
    }

    .pqv-mobile-prodt_img .badge-small-text {
        font-size: 9px !important;
    }

    .pqv-mobile-prodt_img .badge-big-text {
        font-size: 14px !important;
    }

    .pqv-mobile-prodt_img .inner-content-round::after {
        inset: 3px !important;
    }
}

@media only screen and (max-width: 564px) {
    .pqv-mobile-prodt_img .fv-product-shape-1-top-right {
        border-radius: 0px 8px 0px 10px !important;
        padding: 3px 6px 3px 6px !important;
        font-size: 8px !important;
    }
    .pqv-mobile-prodt_img .fv-product-shape-2 {
        padding: 3px 6px 3px 6px !important;
        font-size: 8px !important;
    }

    .pqv-mobile-prodt_img .fv-product-shape-4 {
        top: 0px !important;
        width: 70.9px !important;
        height: 70.9px !important;
    }

    .pqv-mobile-prodt_img .badge-small-text {
        font-size: 9px !important;
    }

    .pqv-mobile-prodt_img .badge-big-text {
        font-size: 14px !important;
    }

    .pqv-mobile-prodt_img .inner-content-round::after {
        inset: 3px !important;
    }
}
 


.pqv-select_variant_btn_stock_styling:not([data-stock="In-Stock"]) {
  background-color: #e7e7e7;
  border: 1px solid #5a5a5a;
  color: #5a5a5a;
  background-image: linear-gradient(
    to bottom right,
    transparent 46%,
    #00000021 48%
  );
  background-size: 102% 100%;
  background-repeat: no-repeat;
}
.sold-out-badge {
  font-size: 10px;
  color: #000000;
  font-weight: bold;
}