/*--------------------------------------------------------------
    SINGLE PRODUCT - General
    --------------------------------------------------------------*/
    .woocommerce-notices-wrapper {
        display: none;
    }
    p.stock {
        display: none;
    }
    /*--------------------------------------------------------------
    SINGLE PRODUCT - Body
    --------------------------------------------------------------*/
    @media screen and (min-width: 1024px) {
        .section-single-product-page-banner {
            background: linear-gradient(90deg, #fff, 40%, var(--color-background) 60%) !important;
        }
    }
    .section-single-product-page-banner {
        /* background: url(/wp-content/uploads/2024/02/slider-bg.jpg) no-repeat center/cover; */
        background-color: var(--color-background);
        padding-inline: var(--space-4);
    }
    .container-single-product-page {
        display: flex;
        align-items: flex-start;
        gap: 5%;
    }

    .container-single-product-page .column--single-product-page-image {
        max-width: 40%;
        flex: 1 40%;
        background-color: #fff;
        padding-block: var(--space-32) var(--space-24);
    }
    .container-single-product-page .column--single-product-page--content {
        max-width: 55%;
        flex: 1 55%;
        align-self: flex-start;
        padding-block: var(--space-8);
    }

    .single-product-page-icons--wrapper {
        max-width: 540px;
        display: flex;
        align-items: center;
        gap: var(--space-6);
        margin-bottom: var(--space-8);
    }

    .single-product-page-title {
        color: var(--color-secondary);
        max-width: 85%;
        font-size: var(--text-4xl);
        line-height: var(--leading-5);
        padding-bottom: var(--space-6);
    }

    .single-product-page-icons {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 360px));
        gap: 16px;
        justify-content: flex-start;
        align-items: self-start;
    }
    .single-product-page--image-summary {
        position: relative;
    }
    .single-product-page--image-summary .simptom-loop-item--badges {
        left: 0;
    }
    .single-product-page--image-summary img {
        max-height: 500px;
        object-fit: contain;
    }
    .single-product-page-icons--wrapper img {
        width: 40px;
        height: 40px;
        object-fit: contain;
    }
    .single-product-page-icons--description p {
        margin-bottom: 0;
    }

    .single-product-page-icons--wrapper.long-description img {
        align-self: flex-start;
    }
    @media screen and (max-width: 1100px) {
        .single-product-page-icons--wrapper {
            margin-bottom: 0;
        }
    }
    @media screen and (max-width: 767px) {
        .container-single-product-page .column--single-product-page-image {
            max-width: 100%;
            flex: 1 100%;
            margin-bottom: var(--space-4);
        }
        .container-single-product-page .column--single-product-page--content {
            max-width: 100%;
            flex: 1 100%;
            align-self: flex-start;
        }

        .section-single-product-page-banner {
            padding: var(--space-4);
        }

        .container-single-product-page {
            flex-direction: column;
            align-items: center;
        }
        .container-single-product-page .column--single-product-page-image{
            padding-block: var(--space-6)
        }
        .container-single-product-page .column--single-product-page--content{
            padding-block: 0;
        }
        .single-product-page-icons--wrapper{
            margin-bottom: var(--space-2);
        }
    }
    /*--------------------------------------------------------------
    SINGLE PRODUCT - Add to cart
    --------------------------------------------------------------*/
    .single-product-page-sub-menu.active {
        position: fixed;
        width: 100%;
        margin-top: 0px;
        margin-bottom: 0px;
        top: 75px;
        z-index: 9999;
    }
    body.admin-bar .single-product-page-sub-menu.active {
        top: 97px;
    }
    .single-product-page-sub-menu {
        background-color: #292931;
        padding: var(--space-2) var(--space-4);
    }

    .single-product-page-sub-menu .container {
        display: flex;
        /* flex-wrap: wrap; */
        gap: var(--space-12);
        justify-content: space-between;
        align-items: center;
    }
    /* LEFT SECTION */
    .simptom-sub-menu-wrapper {
        display: flex;
        align-items: center;
        gap: 36px;
    }

    .simptopm-menu ul {
        display: flex;
        align-items: center;
        gap: 80px;
        margin: 0;
    }
    .simptopm-menu ul li {
        list-style: none;
    }
    .simptopm-menu ul li a {
        text-decoration: none;
        color: var(--color-white);
        font-size: var(--text-xl);
        font-weight: var(--font-bold);
    }
    .simptopm-menu ul li a:hover,
    .simptopm-menu ul li a.active {
        color: var(--color-secondary);
    }

    /* RIGHT SECTION */
    .simptom-buttons-wrapper {
        display: flex;
    }
    .single-product-page--single-add-to-cart .stock.in_stock {
        display: none;
    }
    .single-product-page--single-add-to-cart .woocommerce-variation-description{
        display: none;
    }
    .single-product-page--single-add-to-cart .variations tbody{
        /*display: flex;*/
        flex-wrap: wrap;
        gap: 12px;
    }
    /* .single-product-page--single-add-to-cart .variations tbody tr{
        display: flex;
        flex-direction: column;
        align-items: center;
    } */
    .single-product-page--single-add-to-cart table.variations tr .value select{
        padding: 0 8px !important;
        min-height: 40px;
    }
    .single-product-page--single-add-to-cart table.variations tr label{
        font-size: 14px;
    }
    .single-product-page--single-add-to-cart,
    .single-product-page--single-add-to-cart .cart {
        display: flex;
        align-items: center;
    }

    .quantity {
        display: flex;
    }
    .quantity :is(.minus, .plus) {
        font-family: inherit;
        padding: var(--space-2);
        line-height: unset;
        border: unset;
        border-radius: unset;
        background-color: #fff;
        color: var(--color-primary);
    }
    .quantity .minus {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .quantity .plus {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    .single-product-page--single-add-to-cart:has(.variations_form) .add-qty-txt {
        display: none;
    }

    .add-qty-txt {
        align-self: center;
        color: var(--color-white);
        font-size: var(--text-lg);
        font-weight: var(--font-bold);
        margin-right: 24px;
        margin-bottom: 0;
    }
    .quantity input[type="number"] {
        padding: unset;
        min-height: 50px;
        max-width: 40px;
        width: fit-content;
        border-radius: unset;
        border: unset;
        outline: unset;
    }
    .single-product-page--single-add-to-cart .single_add_to_cart_button.button {
        margin-left: var(--space-4);
    }
    .send-inquiry {
        font-weight: var(--font-normal);
        line-height: 1;
    }
    .btns-wrapper {
        display: flex;
        align-items: center;
        gap: var(--space-6);
        margin-left: var(--space-6);
    }
    /* wisht list btn  */
    .btns-wrapper .woosw-btn,
    .btns-wrapper .woosc-btn {
        background-color: var(--color-white);
        color: var(--color-text);
        font-size: 24px;
        border: unset;
   }
   @media screen and (max-width:768px) {
    .btns-wrapper .woosw-btn,
    .btns-wrapper .woosc-btn {
        font-size: 18px;
    }
   }
    /* compare btn */
    .btns-wrapper .compare-button a {
        display: grid;
        place-items: center;
        min-width: 50px;
        min-height: 50px;
        background-color: var(--color-white);
        color: var(--color-primary);
        border-radius: 5px;
        font-size: 0;
        position: relative;
        text-decoration: none;
        padding-top: 20px;
    }
    .btns-wrapper .compare-button a::after {
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        position: absolute;
        background: url(../../img/COMPARE.svg) no-repeat center/contain;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .btns-wrapper .compare-button a.added {
        text-align: center;
        font-size: 10px;
    }
    .btns-wrapper .compare-button a.added::after {
        width: 14px;
        height: 14px;
        top: 10px;
        left: 50%;
        transform: translate(-50%, 0);
    }

    @media screen and (max-width: 1460px) {
        .single-product-page-title {
            font-size: var(--text-2xl);
        }
        .simptopm-menu ul {
            gap: 48px;
        }

        .simptopm-menu ul li a,
        .add-qty-txt {
            font-size: var(--text-base);
        }
    }
    @media screen and (max-width: 1150px) {
        .single-product-page-sub-menu .container {
            flex-wrap: wrap;
            justify-content: center;
            gap: var(--space-6);
            align-content: center;
        }
        /* .simptom-sub-menu-wrapper,
    .simptom-buttons-wrapper {
        flex: 1 100%;
    } */
        .icon--previous-page {
            display: none;
        }
        .simptopm-menu ul {
            gap: 26px;
        }
    }
    .breadcrumbs-mobile {
        display: none;
    }
    @media screen and (max-width: 767px) {
        .single-product-page-sub-menu .container {
            justify-content: flex-start;
        }
        .simptom-sub-menu-wrapper {
            display: none;
        }
        .single-product-page--single-add-to-cart .cart {
            flex-direction: column;
            gap: var(--space-4);
            align-items: flex-start;
        }
        .single-product-page--single-add-to-cart .single_add_to_cart_button.button {
            margin: 0;
            padding-bottom: var(--space-4);
        }
        .add-qty-txt {
            display: none;
        }
        .simptom-buttons-wrapper {
            flex-wrap: wrap;
            gap: var(--space-4);

        }
        .btns-wrapper {
            align-items: flex-end;
            margin-left: 0 !important;
        }
        .single-product-page-title{
            margin-top: 26px;
            font-size: var(--text-xxl);
            max-width: 100%;
        }
        .column--single-product-page--content .section-breadcrumbs{
            display: none;
        }
        .breadcrumbs-mobile {
            display: block;
            align-self: flex-start;
        }
        .breadcrumbs-mobile .section-breadcrumbs{
            padding: 0 !important;
        }
        .single-product-page-title.desktop{
            display: none;
        }
    }
    /*--------------------------------------------------------------
    SINGLE PRODUCT - Variations
    --------------------------------------------------------------*/
    .single-product-page-sub-menu:has(.variations_form) {
        padding: var(--space-4) var(--space-4);
    }
    .single-product-page--single-add-to-cart:has(.variations_form) {
        display: flex;
        align-items: center;
    }
    table.variations {
        margin-bottom: 0;
        margin-right: 16px;
    }
    table.variations tr label {
        color: var(--color-white);
        margin-right: 16px;
        vertical-align: middle;
    }
    table.variations tr,
    table.variations th,
    table.variations td {
        border-color: transparent;
        background-color: transparent;
        vertical-align: middle;
        padding: unset;
    }
    table.variations tr .value select {
        min-height: 50px;
    }
    .single_variation_wrap {
        display: flex;
        gap: 8px;
    }
    .single_variation_wrap .price {
        display: inline-block;
        font-size: var(--text-xxl);
        font-weight: 700;
        color: #ece16c;
        min-height: 50px;
        margin-inline: 16px;
        padding-top: 8px;
    }

	.woocommerce-single-product-cena .cena {
		display: inline-block;
		font-size: var(--text-xxl);
		font-weight: 700;
		color: #ece16c;
		min-height: 50px;
		margin-inline: 16px;
		padding-top: 8px;
	}

    .woocommerce-variation-add-to-cart {
        display: flex;
    }
    .woocommerce-variation-price {
        font-size: var(--text-lg);
        color: var(--color-white);
    }
    table.variations .reset_variations {
        display: none !important;
    }
    #contact-form-popup .company-field {
        display: none;
    }
    #contact-form-popup:has(input[type="radio"][value="Pravna oseba"]:checked) .company-field {
        display: inline-block;
    }

    /*--------------------------------------------------------------
    SINGLE PRODUCT - Description
    --------------------------------------------------------------*/
    .simptom-description-section {
        margin-block: var(--space-12);
    }
    .simptom-description-container {
        max-width: var(--container-md);
        margin-inline: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: var(--space-4);
    }
    .simptom-description-section h3 {
        font-size: var(--text-3xl);
        line-height: var(--leading-5);
        margin-bottom: var(--space-5);
        text-align: center;
        padding-top: var(--space-8);
    }
    .simptom-description-section .description-wrapper :is(p, h1, h2, h3, h4, h5, h6) {
        font-size: var(--text-lg);
        text-align: center;
    }
    body.single-product {
        scroll-padding: 80px;
    }
    /*--------------------------------------------------------------
    SINGLE PRODUCT - Zig-Zag
    --------------------------------------------------------------*/

    .presentation-title {
        max-width: var(--container-3xl);
        margin-inline: auto;
        text-align: center;
        margin-bottom: var(--space-8);
    }
    .presentation-title h2 {
        font-size: var(--text-3xl);
        line-height: var(--leading-5);
        margin-bottom: var(--space-5);
        text-align: center;
        padding-top: var(--space-8);
    }

    .simptom-divider {
        margin-inline: auto;
    }
    /* Flex container */
    .page-product-zig-zag-layout {
        max-width: var(--container-4xl);
        display: flex;
        flex-direction: column;
        margin: 0 auto;
    }

    .container-page-product--body .page-product--service-zig-zag-layout:last-of-type {
        margin-bottom: var(--space-32);
    }

    /* Flex items */
    .column-product-zig-zag {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: var(--space-16);
    }

    /* Left alignment */
    .column-product-zig-zag__thumbnail_left {
        order: 1;
        flex: 0 0 calc(50% - 10px);
    }

    /* Right alignment */
    .column-product-zig-zag__thumbnail_right {
        order: 2;
        flex: 0 0 calc(50% - 10px);
        justify-content: flex-end;
    }

    /* Thumbnail */
    .row-product-zig-zag_thumbnail {
        width: 50%;
        background-color: var(--color-background);
        min-height: 560px;
        display: flex;
    }
    @media screen and (max-width: 767px) {
        .row-product-zig-zag_thumbnail {
            min-height: unset;
        }
    }
    .row-product-zig-zag_thumbnail img {
        display: block;
        margin: auto;
    }

    /* Content */
    .row-product-zig-zag_content {
        max-width: 600px;
        width: 50%;
    }

    /* Title */
    .page-product--zig-zag--item-title {
        display: block;
        margin-bottom: var(--space-6);
        color: var(--color-primary);
        font-size: var(--text-2xl);
        font-weight: var(--font-bold);
        line-height: var(--leading-5);
    }

    /* Description */
    .page-product--zig-zag--item-description {
        display: block;
        margin-top: var(--space-6);
        color: var(--color-text);
        font-size: var(--text-lg);
        line-height: var(--leading-8);
    }

    /* Media Queries */
    @media only screen and (max-width: 1024px) {
        .page-product--service-zig-zag-layout {
            padding: 0 var(--space-4);
        }
        .page-product--zig-zag--item-description > * {
            font-size: var(--text-base);
            line-height: var(--leading-7);
        }
    }

    @media only screen and (max-width: 768px) {
        .column-product-zig-zag {

            flex-direction: column;
            margin-bottom: var(--space-10);
            gap: var(--space-10);
        }
    .row-product-zig-zag_content{
        padding: 36px 16px;
        }
        .column-product-zig-zag.column-product-zig-zag__thumbnail_right {
            flex-direction: column-reverse;
        }

        .row-product-zig-zag_thumbnail,
        .row-product-zig-zag_content {
            width: 100%;
        }

        .page-product--zig-zag--item-description > * {
            margin-bottom: 0;
        }
        .page-product--zig-zag--item-title{
            text-align: center;
        }
        .presention-colum{
            justify-content: center !important;
        }
        .presention-colum h2{
            text-align: center;
        }
        .page-product--zig-zag--item-title{
            font-size: var(--text-xxl);
        }
        .section.up-sells h2, .container-related-products h2{
            font-size: var(--text-2xl) !important;
        }
        .page-product--zig-zag--item-description p {
            text-align: center;
        }
    }

    /*--------------------------------------------------------------
    SINGLE PRODUCT - Three columns with image under
    --------------------------------------------------------------*/
    .presentation-three-columns {
        margin: var(--space-24) auto;
        text-align: center;
        padding-inline: var(--space-4);
    }
    .presention-colum {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        align-items: center;
    }
    .presention-colum-content {
        flex: 1 350px;
        max-width: 350px;
        text-align: left;
    }
    .presention-colum-content h2 {
        font-size: var(--text-xxl);
        padding-bottom: var(--space-12);
        padding-top: var(--space-8);
    }
    .presentation-three-columns img {
        margin-top: var(--space-16);
    }

    @media screen and (max-width: 767px) {
        .presention-colum-content h2 {
            padding-bottom: var(--space-8);
        }
        .presentation-three-columns img {
            margin-top: var(--space-8);
        }
        .presentation-three-columns {
            margin: var(--space-12) auto;
        }
        .presention-colum-content p{
    text-align: center;
        }
    }

    /*--------------------------------------------------------------
    SINGLE PRODUCT - Tehnične lastnosti
    --------------------------------------------------------------*/
    .technical-specifications-title h2 {
        text-align: center;
        font-size: var(--text-3xl);
        line-height: var(--leading-6);
        padding-top: var(--space-8);
    }
    .container-technical-specifications {
        max-width: var(--container-xl);
        margin-inline: auto;
        margin-top: var(--space-24);
    }
    .container-technical-specifications .simptom-divider {
        margin-inline: auto;
    }

    .section-tehnical-specifications h2 {
        font-size: var(--text-2xl);
        line-height: var(--leading-6);
    }
    .section-tehnical-specifications .simptom-divider {
        margin-inline: auto;
    }
    .tehnical-specifications-title {
        text-align: center;
    }
    .technical-specifications-title {
        margin-bottom: var(--space-10);
    }
    .technical-specifications-groups--wrapper h3 {
        font-size: var(--text-xxl);
        background-color: var(--color-background);
        line-height: var(--leading-5);
        padding: var(--space-4) var(--space-8);
    }

    .technical-specifications-groups {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: var(--space-12);
        margin-bottom: var(--space-12);
    }
    .technical-specifications-groups--wrapper {
        max-width: 620px;
        flex: 0 1 45%;
    }
    .technical-specifications-groups-data {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        padding: var(--space-4) ;
    }
    .technical-specifications-groups-data h4 {
        max-width: 120px;
        flex: 1 29%;
    }
    .technical-specifications-groups-data p {
        max-width: 400px;
        flex: 1 69%;
        margin-bottom: unset;
        word-break: break-all;
    }
    @media screen and (max-width: 1360px) {
        .column-product-zig-zag{
            gap: 0;
        }
        .row-product-zig-zag_content{
            padding-left: 16px;
            padding-right: 16px;
        }
    }

    @media screen and (max-width: 1024px) {
        .technical-specifications-groups--wrapper{
            max-width: 45%;
        }
        .technical-specifications-groups{
            gap: var(--space-4);
        }
    }
    @media screen and (max-width: 767px) {
        .presentation-title h2,
        .simptom-description-section h3{
            font-size:  var(--text-2xl);
        }
        /* *{
            outline: 1px solid red;
        } */
        .technical-specifications-groups--wrapper{
            max-width: 100%;
        }
        .technical-specifications-groups-data p{
            max-width: 100%;
            word-break: break-all;
        }
        .technical-specifications-title h2 {
            font-size: var(--text-2xl);
        }
        .technical-specifications-groups--wrapper {
            flex: 1 100%;
        }
        .technical-specifications-groups--wrapper h3 {
            font-size: var(--text-lg);
        }
        .technical-specifications-groups-data {
            padding: var(--space-2);
        }
        .technical-specifications-groups--wrapper h3 {
            padding: var(--space-2);
        }
        .technical-specifications-title {
            margin-bottom: var(--space-6);
        }
        .container-technical-specifications{
            margin-top: var(--space-12);
        }
    }
    .simptom-funkcionalnosti-wrapper h3{
        font-size: var(--text-xl);
        background-color: #ededed;
        line-height: var(--leading-5);
        padding: var(--space-2) 30px;
        margin-block: var(--space-6) ;
        margin-left: -30px;
    }


    /*--------------------------------------------------------------
    SINGLE PRODUCT - Upsells
    --------------------------------------------------------------*/
    .section.up-sells {
        background-color: var(--color-background);
        padding-block: var(--space-24);
        margin-bottom: var(--space-32);
    }
    .section.up-sells ul.products,
    .container-related-products ul.products {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 320px));
        justify-content: center;
    }

    .section.up-sells h2,
    .container-related-products h2 {
        font-size: var(--text-3xl);
        line-height: var(--leading-6);
        text-align: center;
		padding-top: 50px;
    }
    .section.up-sells .simptom-divider,
    .container-related-products .simptom-divider {
        margin-inline: auto;
        margin-bottom: var(--space-12);
    }

    .container-related-products ul.products {
        margin-bottom: var(--space-24);
    }

    /*--------------------------------------------------------------
    SINGLE PRODUCT - Upsells
    --------------------------------------------------------------*/

    .section.up-sells ul.products .upsell-product {
        list-style: none;
        background-color: var(--color-white);
        border: 1px solid #666666;
        padding: 0.8em 0.5em;
        border-radius: 10px;
        transition: all ease-in 250ms;
    }
    .section.up-sells ul.products .upsell-product img {
        padding: 36px;
        transition: all ease-in 250ms;
    }
    .section.up-sells ul.products .upsell-product h3 {
        transition: all ease-in 250ms;
    }

    .section.up-sells ul.products .upsell-product a {
        text-decoration: none;
    }
    .section.up-sells ul.products .upsell-product:hover img {
        transform: translateY(-8px);
    }
    .section.up-sells ul.products .upsell-product:hover h3 {
        color: var(--color-secondary);
    }