.product-primary{
    --fs-clamp-15: 15px;
    --fs-clamp-13: 13px;
    --fs-price:clamp(24px, 5vw, 32px);
    --fs-cloud:clamp(9px, 2vw, 11px);
    --ss-max-width: 1320px;
    --gap-clamp: var(--cv-g-xxl);
    margin: auto;
    padding-bottom:var(--cv-g-xxl);
}

.main-single-product{
    position:relative;
    display:grid;
    grid-template-columns: 600px auto;
    gap: var(--gap-clamp);
    z-index: 1;
}

.breadcrumb-container{
    height:80px;
}

.back-button{
    width: max-content;
    background: var(--clr-pur-1);
}

.woocommerce-error{
    font-size: 11px;
    font-weight: 700;
    color:var(--clr-red-1);
    background-color:var(--clr-red-0);
    margin-bottom:var(--cv-g-m);
    padding:var(--cv-g-sm)!important;
    border-radius:var(--cv-g-s);
    border-top:var(--cv-border-style-alt);
}

.woocommerce-error .wc-forward{
    display:none!important;
}

.spacer-block{
    height:var(--gap-clamp);
}

.product-details-container{
    gap:var(--cv-g-l);
}

.taxonomy-link{
    font-size:14px;
    margin-bottom:-12px;
}

.product-traits {
    flex-wrap: wrap;
}

.product-trait {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 6px var(--cv-g-sm);
    font-size: var(--fs-cloud);
    line-height: 1;
    font-weight: 700;
    text-decoration: none;
    color: var(--clr-pur-1);
    background: color-mix(
        in srgb,
        var(--clr-pur-1) 10%,
        transparent
    );
    border-radius: var(--cv-g-s);
    transition:
        color .2s ease,
        background-color .2s ease,
        transform .2s ease;
}

a.product-trait:hover {
    color: var(--clr-l-0);
    background-color: var(--clr-pur-1);
    transform: translateY(-1px);
}

/*----PRODUCT PRICE ----*/
    .product-price-wrapper{
        padding-bottom:var(--cv-g-xs);
        border-bottom:1px solid var(--clr-l-3);
    }

    .product-details-container .product-price{
        display:flex;
        gap:var(--cv-g-s);    
    }

    .woocommerce-Price-amount .amount{
        font-size:var(--fs-price);
    }

    .product-price-wrapper .old-price{
        display:flex;
        align-items: center;
        margin-top: 6px;
        font-size: 14px;
    }

    /*-- TAX ---*/
    .price-wrapper{
        font-size: var(--fs-clamp-13);
        margin-top: 6px;
        height:inherit;
        color:#4d435ea8;
        font-weight: 500;
    }


/*---- STOCK STATUS ----*/
    .product-availability {
        --stock-clr: currentColor;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .cv-section-heading {
        color: var(--stock-clr);
        --sh-font-size:clamp(13px, 3vw, 15px);
        --sh-font-weight:600;
    }

    .product-availability-dot {
        width: var(--cv-g-s);
        height: var(--cv-g-s);
        flex: 0 0 var(--cv-g-s);
        background-color: var(--stock-clr);
        margin-right: var(--cv-g-xs);
        border-radius: 50%;
        animation: indicator-animation 2s infinite;
    }

    .product-availability-meta{
        padding-left: var(--cv-g-m);
    }

    @keyframes indicator-animation {
        0% {
            box-shadow: 0 0 0 0 var(--stock-clr);
        }

        to {
            box-shadow: 0 0 0 6px transparent;
        }
    }

    /*--- DELIVERY -----*/
        .product-delivery {
            --size-1: 42px;
            position:relative;
            height: 82px;
            border-radius:var(--cv-g-m);
            background: url('/wp-content/themes/cverse/assets/elements/sub-heading-bg.webp')top/cover no-repeat;
            box-shadow: inset 0 0 0 1px white;
        }

        .product-delivery-inner{
            padding: var(--cv-g-m);
            width:100%;
            height:100%;
            background: rgba(255,255,255,.89);
            backdrop-filter: blur(5px);
            -webkit-backdrop-filter: blur(5px);
            border-radius:var(--cv-g-m);
            box-shadow: inset 0 0 0 1px white;
        }
        
        .product-delivery-icon {
            width: var(--size-1);
            color: var(--clr-pur-1);
        }

        .product-delivery-icon svg {
            width: calc(var(--cv-size-1) / 2);
            height: calc(var(--cv-size-1) / 2);
        }

        .product-delivery-methods{
            margin-left:auto;
        }

        .product-delivery-methods > img{
            width: var(--cv-g-ms);
            height: var(--cv-g-ms);
        }

        .product-delivery-content {
            min-width: 0;
        }

        .product-delivery-label {
            --stock-clr: var(--clr-t-2);
        }

        @media screen and (max-width: 500px){
            .product-delivery-label{
                flex-direction: column;
                align-items: flex-start;
            }
        }

        .product-delivery-date{
            --sh-font-weight: 800;
            --stock-clr: var(--clr-t-1);
        }

.holo-wrapper{
    border-bottom:1px solid var(--clr-l-3);
}

.single-add-to-cart{
    position:static!important;
    height: 52px;
}

@media screen and (max-width: 1024px){
    .product-primary{
        --gap-clamp: var(--cv-g-l);
    }

    .main-single-product{
        grid-template-columns: 1fr;
    }

    .product-image-thumbnails{
        display:none;
    }

    .breadcrumbs > span:first-child, .breadcrumbs > span:nth-child(2){
        display:none;
    }

    .breadcrumbs {
        width: min(400px, 100%);
        max-width: 400px;
        padding-left: var(--cv-g-s);
        flex-wrap: nowrap;
        justify-content: flex-start;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .breadcrumbs::-webkit-scrollbar {
        display: none;
    }

    .breadcrumb-item,
    .breadcrumb-separator {
        flex: 0 0 auto;
    }
}

.single-card-style{
    --padding-offset: var(--cv-g-xl);
    border-radius:var(--cv-g-m);
    border:1px solid #f1eef2;
    background-color:var(--clr-l-0);
    padding:var(--padding-offset);
}

/* === Product Images === */
    .product-image-zoom{
        top:var(--cv-g-m);
        right:var(--cv-g-l);
    }

    #single-zoom-in{--icon: url('/wp-content/themes/cverse/assets/elements/icons/zoom-in.svg');}
    #single-zoom-close{--icon: url('/wp-content/themes/cverse/assets/elements/icons/shop/close-x.svg');}

    .product-images-container, .product-image-thumbnails{
        gap:var(--cv-g-sm);
    }

    .thumbnail-imgage-wrapper.single-card-style{
        padding: var(--cv-g-s)!important;
        border-radius:var(--cv-g-s)!important;
    }

    .thumbnail-imgage-wrapper{
        width:80px;
    }

    .main-product-image{
        aspect-ratio: 1/1;
        position:relative;
        max-height: 540px;
        height:100%;
        box-shadow: 0px 15px 25px 0 rgba(38, 37, 58, 0.07);
    }

    .main-product-image > .scroll-indicator-wrapper{
        display:none!important
    }

    .main-product-image > img{
        width: 85%;
        margin:auto;
        transition: var(--cv-transition);
        cursor:pointer;
    }

    .main-product-image > img:hover{
        transform:scale(1.1);
    }
/* === END Product Images === */   

.single-product-title{
    line-height: 0.9;
    font-size: clamp(40px, 5vw, 54px);
}

.taxonomy-link:hover{
    color:var(--clr-pur-1);
}

.add-to-cart-container{
    margin-top:var(--cv-g-m);
}

.add-to-cart-container.disabled *{
    filter: grayscale(1)!important;
    pointer-events:none;
    cursor:not-allowed;
}

.single-product-price{
    font-size: var(--fs-price);
    font-weight: 700;
    color: var(--clr-t-0);
}

.s-qty-control{
    border-radius:var(--cv-g-l);
    background-color:var(--clr-l-0);
    overflow:hidden;
    border:1px solid var(--clr-l-2);
}

.s-qty-display{
    background-color:var(--clr-l-0);
    outline:none;
    border:none;
    padding-left:var(--cv-g-s);
    border-right:1px solid var(--clr-l-1);
    border-left:1px solid var(--clr-l-1);
    width:56px;
}

.s-qty-display, .s-qty-btn{
    height:48px;
    width:48px;
}

.s-qty-btn{
    transition: var(--cv-transition);
}

.s-qty-btn:hover{
    background-color:var(--clr-pur-0);
}

.scroll-container {
    padding: var(--pixel-rate) 0px;
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.section-style{
    position: relative;
}

.section-header{
    height:48px;
}

.sc-icon{
    box-shadow:var(--cv-shadow);
    background-color:var(--clr-pur-0);
}

.products-showcase{
    border-radius:var(--cv-g-xl);
    padding:calc(var(--cv-g-xl) *2) 0px;
}

.zoom-modal-backdrop{
    display:flex;
    top:0;
    left:0;
    background: rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    position:fixed;
    height:100vh;
    z-index:9999;
    overflow-y:none;
    padding:var(--cv-g-sm);
}

.zoom-modal-wrapper{
    position:relative;
    height:max-content;
    box-shadow:var(--cv-shadow);
    padding:var(--cv-g-xl);
    max-width:900px;
}

.zoom-modal-wrapper > img{
    max-width:100%;
    max-height:800px;
    object-fit:contain;
}

.close-modal{
    font-size:var(--cv-g-l);
    box-shadow: var(--cv-shadow-l);
    width:var(--cv-g-xl);
    height:var(--cv-g-xl);
}

.cart-mixed-none {
    color: var(--clr-grn-1);
    background-color: #ceffdc7c;
    border: 1px solid #ceffdcb7;;
}

.delivery-info-content {
    font-size: 13px;
    border-radius: var(--cv-g-sm);
    padding: var(--cv-g-s);
    margin-top:var(--cv-g-s);
}

.delivery-date {
    font-weight: 600;
}

.product-info-section,
.product-info-wrapper {
    width: 100%;
}

.product-info-nav {
    display: none;
}

.product-info-content {
    display: flex;
    flex-direction: column;
    gap: var(--cv-g-s);
}

.product-info-panel {
    width: 100%;
    overflow: hidden;
    background: var(--clr-l-0);
    border-radius: var(--cv-g-sm);
}

.product-info-mobile-trigger {
    padding: var(--cv-g-m) var(--cv-g-ms);
    border: 0;
    background: 0 0;
    color: var(--clr-t-2);
    cursor: pointer;
    transition: color .25s ease,background-color .25s ease;
}

.product-info-trigger-icon {
    width: var(--cv-g-l);
    height: var(--cv-g-l);
    flex: 0 0 var(--cv-g-l);
    display: flex;
    color: var(--clr-pur-1, #8247ff);
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    transition: transform .3s ease;
}

.product-info-panel.mobile-open .product-info-trigger-icon {
    transform: rotate(45deg);
}

.product-info-panel-inner {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transition: grid-template-rows .35s ease,opacity .25s ease;
}

.product-info-panel-inner>.product-info-panel-content {
    min-height: 0;
    overflow: hidden;
}

.product-info-panel.mobile-open .product-info-panel-inner {
    grid-template-rows: 1fr;
    opacity: 1;
}

.product-info-panel-content {
    gap: var(--cv-g-m);
    padding: 0 var(--cv-g-ms);
    transition: padding .35s ease;
}

.product-info-panel-content strong{
    color: var(--clr-t-2)!important;
}

.product-info-panel-content ul{
    margin-top: -12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.product-info-panel-content ul li{
    position: relative;
    padding-left:var(--cv-g-m);
}

.product-info-panel-content ul li::before{
    position: absolute;
    top:-8px;
    left:0;
    display:block;
    content:'•';
    font-size: var(--cv-g-l);
    margin-right:var(--cv-g-s);
    height: var(--cv-g-m);
    width: var(--cv-g-m);
}

.product-info-panel.mobile-open .product-info-panel-content {
    padding: var(--cv-g-xs) var(--cv-g-ms) var(--cv-g-ms) var(--cv-g-ms);
}

.product-info-panel-content a {
    color: var(--clr-pur-1, #8247ff);
}

.product-detail-item, .shipping-info-row {
    padding: var(--cv-g-sm) 0;
    border-bottom: var(--cv-border-alt);
}

@media (max-width: 500px){
    .product-delivery-meta{
        --sp-font-size: 10px;
        --sp-line-height: 1.25;
    }

    .back-button{
        height: 14px;
        width: 18px;
    }
}


@media (hover:hover) {
    .product-info-mobile-trigger:hover {
        color: var(--clr-pur-1, #8247ff);
    }
}

@media (min-width:1024px) {
    .product-info-section{
        border-radius: var(--cv-g-m);
        background: url('/wp-content/themes/cverse/assets/elements/teszt_bg_1.webp')top/cover no-repeat;
        box-shadow: inset 0 0 0 1px white, var(--cv-shadow);
    }

    .product-info-wrapper {
        background: rgba(255,255,255,.9);
        backdrop-filter: blur(30px);
        -webkit-backdrop-filter: blur(30px);
        border-radius: var(--cv-g-m);
        overflow: hidden;
        box-shadow: inset 0 0 0 1px white;
    }

    .product-info-nav {
        display: flex;
        padding: 0 var(--cv-g-l);
    }

    .product-info-trigger {
        display: flex;
        padding: var(--cv-g-l) var(--cv-g-m) var(--cv-g-s);
        color: var(--clr-t-2, #8b8492);
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
        transition: color .25s ease;
    }

    .product-info-trigger::after {
        content: "";
        position: absolute;
        left: 18px;
        right: 18px;
        bottom: -1px;
        height: 2px;
        background: var(--clr-pur-1, #8247ff);
        transform: scaleX(0);
        transform-origin: center;
        transition: transform .25s ease;
    }

    .product-info-trigger.active {
        color: var(--clr-pur-1, #8247ff);
    }

    .product-info-trigger.active::after {
        transform: scaleX(1);
    }

    .product-info-mobile-trigger {
        display: none;
    }

    .product-info-content,
    .product-info-panel.active {
        display: block;
    }

    .product-info-panel {
        display: none;
        overflow: visible;
        background: 0 0;
        border-radius: 0;
    }

    .product-info-panel-inner,
    .product-info-panel.mobile-open .product-info-panel-inner {
        display: block;
        opacity: 1;
        transition: none;
    }

    .product-info-panel-content,
    .product-info-panel.mobile-open .product-info-panel-content {
        padding: 30px 30px 56px 30px;
    }

    .product-info-trigger:hover {
        color: var(--clr-pur-1, #8247ff);
    }
}


.add-to-cart-spinner {
   width: 24px;
   height: 24px;
   border-radius: 50%;
   background: radial-gradient(farthest-side,white 94%,#0000) top/4px 4px no-repeat,
          conic-gradient(#0000 30%,white);
   -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 0);
   animation: spinner-c7wet2 1s infinite linear;
}

@keyframes spinner-c7wet2 {
   100% {
      transform: rotate(1turn);
   }
}