﻿.py-2 {
    padding: 2rem 0;
}

.fdpd-row {

}

.product-icon-list {
    list-style: none;
    padding: 0px;
}

.product-icon-list li {
    margin: 0px !important;
    position: relative;
}

.product-icon-list .product-icons {
    width: 26px;
    padding: 2px;
    overflow: hidden;
    height: 40px;
    margin: 0;
    display: inline-flex;
    align-items: center;
}

.product-icon-list .share-icon svg {
    transform: rotateY(180deg);
}

.has-tooltip {
    position: relative;
    transition: all 0.3s linear;
}

.has-tooltip:hover ~ .tooltip-content {
    display: block;
}

.tooltip-content {
    display: none;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 99;
    background-color: #898989;
    padding: 5px 20px;
    color: #fff;
    right: calc(100% + 10px);
    white-space: nowrap;
    animation-name: pd-tooltip-animation;
    animation-duration: 0.3s;
    animation-delay: 0.3s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

@keyframes pd-tooltip-animation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.tooltip-content:before {
    content: "";
    width: 15px;
    height: 15px;
    background-color: #898989;
    position: absolute;
    left: 92%;
    transform: rotate(45deg);
    top: 10px;
}

.blocker {
    z-index: 99 !important;
}

.modal {
    display: none;
    text-align: right !important;
    color: #212121 !important;
}

.row-product .icon, .product-review-point .icon, .btn-share .icon {
    display: inline-block;
    width: 1.3em;
    height: 1.3em;
    stroke-width: 0;
    stroke: currentColor;
}

.usp-icon {
    display: inline-block;
    width: 2em;
    height: 2em;
    stroke-width: 0;
    stroke: currentColor;
}

.modal .modal-header {
    padding: 15px 0;
    border-bottom: 1px solid #b6b6b6;
}

.modal a.close-modal {
    font-size: 0 !important;
    left: 10px !important;
    right: unset !important;
    top: 10px !important;
}

.modal .modal-body {
    padding: 15px 0;
}

.btn-share {
    width: 42px;
    height: 42px;
    display: inline-block;
    line-height: 50px;
    text-align: center;
    border-radius: 6px;
    margin-left: 16px;
}

.btn-share .icon {
    fill: #fff;
}

.btn-twitter {
    background: #4dcceb;
    border: 1px solid #4dcceb;
}

.btn-facebook {
    background: #4d8deb;
    border: 1px solid #4d8deb;
}

.btn-whatsapp {
    background: #1bd741;
    border: 1px solid #1bd741;
}

.btn-email {
    background: #ef5662;
    border: 1px solid #ef5662;
}

.copy-url-js {
    padding: 8px 16px;
    direction: rtl;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700;
    border: 1px solid #81858b;
    color: #81858b;
    border-radius: 8px;
    display: inline-flex;
    justify-content: center;
    cursor: pointer;
    align-items: center;
}

.copy-url-js .icon {
    margin-left: 5px;
    fill: #81858b;
}

.share-group {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
}

.modal-body .widget-title-holder {
    padding: 7px 0;
    border-bottom: 1px solid #b6b6b6;
    margin-bottom: 15px;
}

.modal .sms-notif-mobile {
    border-radius: 8px;
}

.modal .sms-notif-submit {
    border-radius: 8px;
}

.product-title-container {
    padding: 15px 0;
}

.product-description-wrapper {
    padding-top: 15px !important;
    border-top: 1px solid #dfdfdf;
    padding-right: 15px !important;
}

.woocommerce-product-rating {
    margin-bottom: 15px;
    padding-top: 10px;
}

.product-left-col {
    gap: 15px;
    flex-wrap: nowrap !important;
}

.product-price-wrapper {
    background-color: #f5f5f5;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    overflow: hidden;
    padding: 15px !important;
}

.product-price-row {
    padding: 15px !important;
}

.add-to-cart-container {
    padding: 15px;
}

.product-thumbnail-wrapper .flickity-slider .col a {
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    height: 100%;
}

.stars a {
    font-family: 'fl-icons' !important;
}

.product-short-description {
    padding-top: 15px;
}

.related-product-col .col-inner {
    /*border: 1px solid #dfdfdf;*/
    margin-top: 15px;
    border-radius: 8px;
}

.related-product-col .product-section {
    padding: 0 15px;
}

.product-price-wrapper .product-page-price {
    position: relative;
    text-align: left;
}

.product-price-wrapper .product-page-price del .woocommerce-Price-currencySymbol {
    display: none;
}

ul.product-info-list {
    list-style: none;
    padding-top: 15px;
}

ul.product-info-list li {
    margin-right: 0px !important;
}

.product-info-list .product-grade {
    display: flex;
    padding: 15px;
    position: relative;
    gap: 7px;
}

.product-info-list .product-grade:after, .product-info-list .product-point:after {
    content: "";
    height: 1px;
    width: 90%;
    position: absolute;
    bottom: 0;
    background-color: #bcbcbc;
    right: 5%;
    left: 5%;
}

.product-info-list .product-grade span {
    color: #212121;
}

.product-info-list [class*="yith-par-message"] {
    padding: 0px !important;
}

.product-info-list .product-point {
    position: relative;
    display: flex;
    align-items: center;
    gap: 9px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}

.product-usp .fdpd-row {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}

.product-usp .fdpd-row {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    padding-top: 15px;
}

.product-usp {
    margin-top: 15px;
    padding: 0 15px;
}

.product-usp aside {
    border-top: 1px solid #dfdfdf;
}

.product-usp .fdpd-row .fdpd-col {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
}

.product-usp .fdpd-row .fdpd-col span {
    font-size: 12px;
    display: inline-block;
}

.product-usp a {
    color: #8b8b8b;
    display: flex;
    align-items: center;
    gap: 10px;
}

.col-product-sidebar .col-inner > p, .product-thumbnail-wrapper .col-inner > p {
    display: none;
}

@media (max-width: 850px) {
    .order-sm-1 {
        order: 1;
    }

    .order-sm-2 {
        order: 2;
    }

    .order-sm-3 {
        order: 3;
    }

    .product-icon-list {
        list-style: none;
        padding: 0px;
        display: flex;
        margin: 0;
        gap: 15px;
        align-items: flex-end;
    }

    .tooltip-content {
        top: 100%;
        right: -100%;
    }

    .tooltip-content:before {
        top: -5px;
        right: 29px;
    }

    .product-icon-list li {
        display: inline-flex;
    }

    h1.product-title.product_title.entry-title {
        margin: 15px 0;
        font-size: 1rem;
    }

    .product-title-container.is-smaller {
        margin: 0;
        padding: 0;
    }

    .col-product-sidebar,
    .col-product-title {
        padding: 0 9.8px !important;
    }

    .col-breadcrumbs {
        padding: 0 9.8px 5px !important;
    }

    .custom-product-page .section {
        background: transparent !important;
    }

    .col-inner {
        /*padding: 10px 15px 0 15px !important;*/
        /*border-radius: 0 !important;*/
    }

    .col-product-sidebar .col-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .section-content {
        z-index: initial;
    }

    .product-price-wrapper {
        border: none;
        padding: 0 9.8px 19.6px !important;
    }

    .custom-product-page .cart .single_add_to_cart_button {
        position: fixed;
        bottom: 0;
        left: 5%;
        right: 5%;
        z-index: 1;
        width: 90%;
    }

    .product-usp aside {
        padding-top: 0;
        padding-bottom: 0;
        border-top: none;
    }

    .product-usp {
        margin: 15px;
        padding: 15px;
        border-top: 1px solid #e5e5ea;
        border-bottom: 1px solid #e5e5ea;
    }

    .product-usp .fdpd-row {
        flex-flow: wrap;
    }

    .product-usp .fdpd-row .fdpd-col {

        justify-content: center;
        flex-flow: wrap;
    }

    .product-usp .fdpd-row .fdpd-col .usp-icon {
        display: block;
        width: 4rem;
    }

    .product-usp .fdpd-row .fdpd-col span {
        flex: 0 0 100%;
        text-align: center;
        display: block;
    }

    .product-usp .fdpd-row .fdpd-col a {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /*.col {*/
    /*    flex: 0 0 100%;*/
    /*    max-width: 100%;*/
    /*}*/
    .icon-box.featured-box.icon-box-top img {
        height: 100px;
        width: auto;
    }

    .icon-box.featured-box.icon-box-top p {
        margin: 0;
        text-align: center;
    }

    .product-rating-html {
        direction: ltr;
        display: flex;
        align-items: center;
        color: #212121;
        font-size: .857rem;
    }

    .product-rating-html svg {
        fill: #fac74b;
        margin-right: 4px;
        width: 14px;
        height: 14px;
    }

    .product-rating-html .product-rating-count {
        color: #a2a2a2;
        margin-left: 2px;
    }

    .col-product-sidebar {
        left: 0;
        top: -10px !important;
    }

    .gallery-row {
        padding-top: 20px;
    }

    .carousel-cell.col a {
        box-shadow: 0 1px 6px #21212130;
        height: 100%;
        margin: 9px;
    }

    .carousel-cell {
        width: 50%;
        padding: 10px 0;
        margin-top: -15px;
        height: 300px;
    }

    .carousel-cell .product-price {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }

    .product-crossell-wrapper .col-inner {
        padding-bottom: 15px !important;
        background-color: transparent !important;
    }

    .product-section {
        border-top: 0px;
        background-color: #fff;
        padding: 15px;
        margin: 10px -15px;
    }

    .product-review-point {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #ececec;
    }

    .product-review-point .product-review-right {
        font-size: 14px;
        flex: 0 0 50%;
    }

    .product-review-point .product-review-left {
        flex: 0 0 50%;
        text-align: left;
    }

    .product-review-point .btn-link {
        border: 1px solid #0d61b3;
        padding: 5px 11px;
        border-radius: 7px;
        font-size: 14px;
    }

    .video-thumb:before {
        width: 60px !important;
        height: 60px !important;
        font-size: 34px !important;
    }

    .video-thumb.gallery-thumb-video:before {
        top: 30%;
        right: 35%;
    }
}

.product-review-point {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ececec;
}

.product-review-point .product-review-right {
    font-size: 14px;
    flex: 0 0 50%;
}

.product-review-point .product-review-left {
    flex: 0 0 50%;
    text-align: left;
}

.product-review-point .btn-link {
    border: 1px solid #0d61b3;
    padding: 5px 11px;
    border-radius: 7px;
    font-size: 14px;
}

.col-product-sidebar {
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 9;
    width: auto;
    padding: 0;
    margin: 0;
}

.product-thumbnail-wrapper .product-images {
    margin-right: 30px;
}

@media screen and (max-width: 850px) {
    .product-thumbnail-wrapper .product-images {
        margin-right: 0px;
    }
}

.related-product-col > .col-inner {
    border: 0;
    border-radius: 8px;
    padding: 0;
}

.related.related-products-wrapper.product-section {
    border-top: none;
}

.related.related-products-wrapper.product-section .product-section-title {
    margin: 0;
    color: #777;
}

.woocommerce-variation-price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row-reverse;
}

.add-to-cart-container .woocommerce-variation-price .price {
    /*padding-left: 45px;*/
    direction: rtl;
}

.add-to-cart-container .woocommerce-variation-price .price .percent, .price-wrapper .price .percent {
    position: relative;
    display: inline-block;
    padding: 0 15px;
    line-height: 25px;
    background-color: #d33;
    color: #fff;
    border-radius: 15px;
}

.cross-sell-carousel .carousel-cell {
    width: 50% !important;
}

.cross-sell-carousel .carousel-cell a {
    display: flex;
    flex-flow: wrap;
    align-items: flex-start;
    justify-content: center;
    padding-bottom: 7px;
    background-color: #fff;
}

.cross-sell-carousel .carousel-cell a .carousel-cell-info {
    flex: 0 0 100%;
    text-align: center;
}

.video-thumb {
    position: relative;
}

.video-thumb:before {
    content: "\e605";
    position: absolute;
    width: 50px;
    height: 50px;
    font-family: 'fl-icons' !important;
    border: 3px solid #777777;
    border-radius: 50%;
    font-size: 28px;
    top: 40%;
    right: 40%;
    z-index: 999;
}

.woocommerce-product-gallery__video {
    cursor: pointer;
}

.video-thumb.gallery-thumb-video:before {
    top: 24%;
    right: 25%;
}

.white-popup {
    position: relative;
    background: #FFF;
    padding-top: 40px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}

video.internal-video {
    width: 100%;
}

.sec-add-to-cart {
    display: inline-block;
}

.back-to-top {
    bottom: 70px !important;
}

.product-usp img {
    width: 32px;
}

a.grade-tooltip {
    color: #000000;
    position: relative;
}

a.grade-tooltip:after {
    content: "";
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0px;
    border-bottom: 1px dashed #212121;
}

.add-to-cart-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.add-to-cart-wrapper .add-cart-button {
    flex: 0 0 100%;
    text-align: right;
}

.add-to-cart-wrapper .add-cart-button a {
    padding: 7px 20px;
    background-color: #dd3333;
    border-radius: 6px;
    color: #fff;
}

.nav > li.user-not-logged-in {
    border: 1px solid #e1e1e1;
    border-radius: 6px;
    padding: 0px 10px;
}

.custom-featured-product.row .col {
    min-height: 100%;
}

.custom-featured-product.row .col-inner {
    height: 100%;
}

.box.custom-featured-product {
    min-height: 408px;
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden;
}

.custom-featured-product .box-text.text-center .title-wrapper a {
    color: #5a5a5a;
}

.custom-featured-product .box-text.text-center .title-wrapper {
    margin-bottom: 30px;
}

.custom-featured-product .price-wrapper {
    margin-bottom: 15px;
}

.badge {
    border-radius: 6px;
    overflow: hidden;
}

.checkout-sidebar .coupon-wrapper {
    margin-bottom: 15px;
}

.price-wrapper .price, .woocommerce-variation-price .price {
    display: flex;
    flex-direction: row-reverse;
    text-align: left;
    padding: 0 10px;
    flex-wrap: wrap;
    align-items: center;
}

.price-wrapper .price .percent, .woocommerce-variation-price .price .percent {
    flex: 0 0 auto;
    padding: 0 10px;
    font-weight: 700;
    font-size: 1rem;
}

.price-wrapper .price del, .woocommerce-variation-price .price del {
    flex: 0 0 65%;
    font-size: 1rem;
    text-align: left;
}

.price-wrapper .price ins, .woocommerce-variation-price .price ins, .price-wrapper .price > .woocommerce-Price-amount > bdi, .woocommerce-variation-price .price > .woocommerce-Price-amount > bdi {
    flex: 0 0 100%;
    font-size: 1.143rem;
    line-height: 30px;
    letter-spacing: 1px;
}

.price-wrapper .price ins .woocommerce-Price-currencySymbol {
    font-weight: 100;
    letter-spacing: 0;
}

.price-wrapper .price del bdi > span, .woocommerce-variation-price .price del bdi > span {
    display: none;
}

.badge-container {
    display: none !important;
}

.uap-become-affiliate-bttn {
    font-family: inherit !important;
}

.rtl .woocommerce-MyAccount-content {
    width: 100% !important;
    float: right !important;
}

.mobile-breadcrumb {
    background-color: #fff;
}

.mobile-filter {
    padding: 5px 0px;
    display: flex;
    gap: 7px;
    align-items: center;
    flex-wrap: wrap;
}

.mobile-filter .category-filtering .filter-button {
    background-color: #fff;
    margin-top: 0px;
    padding: 8px;
    border: 1px solid #dddddd;
    color: #3d3c3b;
    border-radius: 5px;
}

.mobile-filter .category-filtering {
    padding: 0 !important;
}

tr.woocommerce-product-attributes-item:nth-child(even) {
    background-color: #eee;
}

tr.woocommerce-product-attributes-item th {
    padding-right: 15px;
}

.variations_form .woocommerce-variation-price {
    display: none;
}

.product-small.box {
    border: 1px solid #dbd8d8;
    border-radius: 6px;
    overflow: hidden;
}

.archive .product-small.box {
    border: 0px !important;
}

/**
 * compare product style
 */
.yith-woocompare-widget-content ul.products-list li img {
    float: right;
    border-radius: 6px;
}

.yith-woocompare-widget-content ul.products-list li .product-info span {
    padding-right: 5px;
    padding-left: 0px;
    font-size: .875rem;
}

@media only screen and (max-width: 850px) {
    .price-wrapper .price .percent, .woocommerce-variation-price .price .percent {
        font-size: 0.7rem;
    }

    .price-wrapper .price del, .woocommerce-variation-price .price del {
        flex: 0 0 60%;
        font-size: 0.8rem;
    }

    .price-wrapper .price ins, .woocommerce-variation-price .price ins, .price-wrapper .price > .woocommerce-Price-amount > bdi, .woocommerce-variation-price .price > .woocommerce-Price-amount > bdi {
        font-size: 1rem;
    }

    .price-wrapper .price, .woocommerce-variation-price .price {
        padding: 0px;
    }

    .price-wrapper .price {
        text-align: center;
        justify-content: center;
    }

    .price-wrapper .price .percent, .price-wrapper .price del {
        flex: 0 0 auto;
    }

    .price-wrapper .price ins {
        text-align: center;
    }

    .variations td {
        display: table-row;
    }
}

@media only screen and (min-width: 850px) and (max-width: 1130px) {
    .price-wrapper .price .percent, .woocommerce-variation-price .price .percent {
        font-size: 0.7rem;
    }

    .price-wrapper .price del, .woocommerce-variation-price .price del {
        flex: 0 0 60%;
        font-size: 0.8rem;
    }

    .price-wrapper .price ins, .woocommerce-variation-price .price ins, .price-wrapper .price > .woocommerce-Price-amount > bdi, .woocommerce-variation-price .price > .woocommerce-Price-amount > bdi {
        font-size: 1rem;
    }

    .price-wrapper .price, .woocommerce-variation-price .price {
        padding: 0px;
    }
}

@media only screen and (max-width: 850px) {
    .filter-button span, .woocommerce-ordering select {
        font-size: 12px;
        letter-spacing: 0px;
        display: inline-block;
    }

    .woocommerce-ordering select {
        height: 40px;
        padding-left: 30px;
        border-radius: 5px;
    }
}

/**************************************************************
 * product featured attributes
 ***************************************************************/
.ffc-featured-attributes ul {
    list-style: none;
    margin: 0px;
}

.ffc-featured-attributes ul li {
    margin: 0px;
    display: flex;
    align-items: flex-start;
}

.ffc-featured-attributes .row-label {
    margin-left: 1rem;
}

.ffc-featured-attributes .row-values {
    display: flex;
    flex-direction: column;
}

.ffc-featured-attributes .row-values span {
    margin-bottom: 7px;
    line-height: 1.7;
}
.ffc-featured-attributes .row-label {
    color: #515151;
}

.ffc-featured-attributes .row-values {
    font-size: 1rem;
    color: #000;
    font-weight: 600;
}

.ffc-featured-attributes .row-label:after {
    content: ":";
}
/**************************************************************
 * product new section
 ***************************************************************/
.product-page-section-nav-container {
    height: 44px;
}

.product-page-section-nav-wrapper.sticky {
    position: fixed;
    background-color: #ffffff;
    z-index: 9;
    border-bottom: 1px solid #ececec;
    padding-top: 1rem;
}

ul.product-page-section-nav {
    list-style: none;
    display: flex;
    margin-bottom: 0;
}

ul.product-page-section-nav li {
    margin-right: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: -1px;
    padding-bottom: 1rem;
    transition: all .2s linear;
}

ul.product-page-section-nav li.active {
    border-bottom: 3px solid #f05562;
}
@media screen and (max-width: 850px) {
    ul.product-page-section-nav li {
        flex: 1 0 auto;
    }

    ul.product-page-section-nav {
        overflow-x: scroll;
        overflow-y: hidden;
        margin-bottom: -10px;
        padding-bottom: 10px;
    }

    .product-page-section-nav-wrapper {
        overflow: hidden;
    }
}
