.quantity {
    visibility: hidden;
    display: none;
}
.h_iframe-aparat_embed_frame {
    width: 800px !important;
    margin: 40px auto !important;
}
[id^=ProductBox_] .single_add_to_cart_button {
    width: 100%;
    text-align: center;
    border-radius: 5px !important;
    display: flex !important;
    margin: 0 !important;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: .5s;
    background: var(--Primary) !important;
    color: var(--Body) !important;
}


[id^=product-] {
    max-width: 1760px;
    margin: 0 auto;
    padding: 5px 20px !important;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
}
.woocommerce-product-details__short-description ul {
    padding-right: 60px;
}
nav.woocommerce-breadcrumb a:hover {
    color: var(--Primary);
}

nav.woocommerce-breadcrumb a {
    transition: .5s;
}


.woocommerce .woocommerce-breadcrumb,
.woocommerce-tabs.wc-tabs-wrapper,
section.related.products {
    grid-column: 1/13;
}

.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images,
[id^=product-] .images {
    grid-column: 1/4;
    width: 100% !important;
    grid-row: 2/10;
}

h1.product_title.entry-title {
    grid-column: 4/10;
    grid-row: 2;
}

[id^=ProductBox_] {
    width: calc(100% - 20px);
    grid-column: 10/13;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background: #dfdfdf;
    padding: 10px;
    border-radius: 5px;
    grid-row: 2/6;
}

section#ProductMetas {
    display: flex;
    flex-direction: column;
    flex: 0 0 70%;
    gap: 5px;
}

div#BrandImg {
    flex: 0 0 29%;
}

p.price {
    flex: 0 0 100%;
    margin: 0;
}

nav.woocommerce-breadcrumb {
    grid-row: 1/2;
}

.summary.entry-summary {
    grid-column: 4/10;
    width: calc(100% - 20px) !important;
    padding: 0 10px;
}

.woocommerce div.product form.cart {
    margin: 0;
    flex: 0 0 70%;
}


[id^=ProductBox_] .price {
    flex: 0 0 50%;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-right: auto;
}

[id^=ProductBox_] .price>ins,
span.price>span>bdi {
    color: var(--Primary);
    text-decoration: none;
    flex: 0 0 100%;
    text-align: left;
}

[id^=ProductBox_] .price>del {
    color: var(--Red) !important;
    flex: 0 0 100%;
    text-align: left;
    text-decoration: none;
}

[id^=ProductBox_] .price>del bdi {
    font-size: 16px;
    font-family: 'YekanBakhBold';
    position: relative;
}

[id^=ProductBox_] .price>ins bdi,
span.price>span>bdi {
    font-size: 22px;
    font-family: 'YekanBakhBold';
}

[id^=ProductBox_] .price>del bdi:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: var(--Red);
    top: 12px;
    transform: rotate(349deg);
}

[id^=ProductBox_].product {
    width: 23% !important;
}

ul.products.columns-4>li {
    margin-left: 0.5% !important;
    box-sizing: border-box;
    width: 24.5% !important;
}

ul.products.columns-4>li:nth-child(4n) {
    margin: 0 !important;
    border: none !important;
}

ul.tabs.wc-tabs li {
    border: 1px solid var(--Primary) !important;
    padding: 0 !important;
    border-radius: 5px !important;
    background: var(--White) !important;
    transition: .5s;
    color: var(--Black) !important;
    margin: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    content: unset;
}

ul.tabs.wc-tabs li.active,
ul.tabs.wc-tabs li:hover {
    background: var(--Primary) !important;
    color: var(--White) !important;
}

ul.tabs.wc-tabs li:hover a,
ul.tabs.wc-tabs li.active a {
    color: var(--White) !important;
}

ul.tabs.wc-tabs li a {
    color: var(--Black) !important;
    padding: 10px 20px !important;
    transition: .5s;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0 !important;
    display: flex;
    align-items: center;
    gap: 10px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
    content: unset;
}

.woocommerce-Tabs-panel,
.related.products {
    border: 1px solid var(--Primary);
    padding: 10px 20px !important;
    border-radius: 5px;
}

table.woocommerce-product-attributes.shop_attributes td {
    background: var(--Secondery);
    padding: 0 10px;
}

.vbox-container {
    overflow: hidden;
}

.vbox-open {
    overflow: auto;
}

.star-rating * {
    font-family: star;
}

.woocommerce .star-rating span {
    color: var(--Primary);
}

h2.woocommerce-Reviews-title span {
    font-family: 'YekanBakhBold';
    font-size: 18px;
}

section.related.products {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

section.related.products>a {
    background: var(--Primary);
    padding: 15px 20px;
    border-radius: 5px;
    color: var(--White);
}

p.stock.out-of-stock {
    display: none;
}

div#PriceCheckRow {
    grid-column: 10/13;
    display: flex;
    align-items: center;
    justify-content: start;
    box-sizing: border-box;
    padding: 0px;
    border-radius: 5px;
    margin: 0px;
}

div#PriceCheckRow button {
    color: var(--Black);
    font-weight: 900;
    padding: 8px 0 8px 24px;
    border-radius: 5px;
    cursor: pointer;
    transition: .5s;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

ul.tabs.wc-tabs li a {
    display: flex !important;
    align-items: center;
    gap: 4px;
}

ul.tabs.wc-tabs li a p {
    margin: 0;
}

ul.tabs.wc-tabs li a img {
    width: 24px;
}

ul.tabs.wc-tabs li a:hover img,
ul.tabs.wc-tabs li.active a img {
    filter: brightness(4.5);
}

div#PriceCheckRow button img {
    width: 20px;
}

div#PriceCheckForm {
    display: none;
}

div#PriceCheckForm.open {
    position: fixed;
    background: var(--White);
    width: 60vw;
    height: 70vh;
    overflow-y: auto;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 20px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    z-index: 999999;
    box-shadow: var(--BoxShadow);
    top: 15vh;
    right: 20vw;
}

div#gform_wrapper_2 {
    flex: 0 0 100%;
    width: 100%;
}

div#PriceCheckForm input {
    border-radius: 5px;
    border: 1px solid var(--Black);
}

input#gform_submit_button_2 {
    background: var(--Primary) !important;
    color: var(--White);
    width: 100%;
    padding: 15px;
    font-size: 15px;
    border: none !important;
}

div#PriceCheckForm>p {
    width: 100%;
    font-family: 'YekanBakhBold';
    font-size: 15px;
    margin: 5px;
}

#Thankyou {
    color: var(--Green);
    text-align: center;
}

section.related.products>h2 {
    flex: 0 0 80%;
}
.woocommerce-product-details__short-description h2{
    border-right: none; 
}
@media screen and (max-width: 1200px) {
    [id^=ProductBox_] .single_add_to_cart_button {
        font-size: 10px !important;
    }

    .woocommerce div.product form.cart {
        flex: 0 0 60%;
    }

    section#ProductMetas {
        flex: 0 0 100%;
        margin-bottom: 15px;
    }

    div#PriceCheckRow {
        grid-column: 1/13;
        margin: 0 0 10px 0;
    }
}

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

    ul.products.columns-4>li,
    ul.products.columns-4>li:nth-child(4n) {
        flex: 0 0 48% !important;
        width: 48% !important;
        margin: 0 !important;
        box-sizing: border-box;
        border: 1px solid var(--Primary) !important;
        border-radius: 5px;
    }

    ul.products.columns-4 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        gap: 10px;
    }

    ul.products.columns-4:before,
    ul.products.columns-4:after {
        content: unset !important;
    }

    [id^=ProductBox_] {
        grid-column: 9/13;
    }

    .summary.entry-summary {
        grid-column: 4/9;
    }
}

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

    [id^=ProductBox_] {
        grid-row: 4/5;
        grid-column: 1/13;
    }

    section#ProductMetas {
        flex: 0 0 70%;
    }

    .woocommerce div.product .product_title {
        grid-row: 1/2;
        grid-column: 1/13;
    }

    .woocommerce .woocommerce-breadcrumb {
        grid-row: 2/3;
        grid-column: 1/13;
    }

    .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images,
    [id^=product-] .images {
        grid-row: 3/4;
        grid-column: 1/13;
    }

    .summary.entry-summary {
        grid-row: 5/6;
        grid-column: 1/13;
        border: 1px solid var(--Primary);
        border-radius: 5px;
        margin: 10px 0;
    }

    ul.products.columns-4>li,
    ul.products.columns-4>li:nth-child(4n) {
        width: 48% !important;
        margin: 10px 0 !important;
        box-sizing: border-box;
        border: 1px solid var(--Primary) !important;
        border-radius: 5px;
    }

    ul.products.columns-4>li {
        margin-left: 0 !important;
    }

    .woocommerce .products ul,
    .woocommerce ul.products {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    section.related.products>a {
        padding: 10px;
    }

    ul.tabs.wc-tabs {
        overflow-x: auto !important;
        display: flex !important;
    }

    ul.tabs.wc-tabs li {
        flex: none;
    }

    div#PriceCheckForm.open {
        align-items: flex-start;
    }

    input#submit {
        width: 100% !important;
        flex: 0 0 100%;
        display: block;
    }

    p.form-submit {
        width: 100%;
        display: block;
        flex: 0 0 100%;
    }
}

@media screen and (max-width: 768px) {
    div#PriceCheckForm.open {
        top: 5vh;
        right: 5vw;
        width: 90vw;
        height: 90vh;
        padding: 10px;
    }

    div#PriceCheckForm>p {
        font-size: 12px;
        line-height: 30px;
    }
}

@media screen and (max-width: 640px) {
    input#gform_submit_button_2 {
        padding: 5px;
    }
}

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

    ul.products.columns-4>li,
    ul.products.columns-4>li:nth-child(4n) {
        width: 100% !important;
        flex: 0 0 100% !important;
    }

    div#PriceCheckRow {
        flex-direction: column;
    }

    div#PriceCheckRow button {
        width: 100%;
    }
}

@media screen and (max-width: 400px) {
    div#PriceCheckForm>p {
        text-align: center;
    }
}