/*
Theme Name: Cardverse - TCG & MORE - CVERSE
Theme URI: http://cardverse.hu/
Author: MAZSIOOO
Author URI: http://cardverse.hu/
Description: <--- SILENCE IS GOLDEN --->
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: egyoszlopos, világos, reszponzív
Text Domain: Cardverse - TCG & MORE
*/

:root{
    --clr-l-0: #fff;
    --clr-l-1: #f3f2f3;
    --clr-l-2: #eae5ec;
    --clr-l-3: #e1dee7;
    --clr-l-4: #f4eff6;

    --clr-t-0: #26212e;
    --clr-t-1: #393145;
    --clr-t-2: #4d435e;
    --clr-t-3: #9c90b0;
    --clr-t-4: #c4bdd0;

    --clr-border: var(--clr-l-3);
    --pixel-rate: 20px;
    --clr-red-0: #f1cdcd;
    --clr-red-1: #d14040;
    --clr-ind-0: #d4c7ff;
    --clr-ind-1: #5c2bff;
    --clr-pur-0: #daceff;
    --clr-pur-1: #8b4dff;
    --clr-yel-0: #ffdfce;
    --clr-yel-1: #f4ca34;
    --clr-orn-0: #ffe6ce;
    --clr-orn-1: #e9ab30;
    --clr-grn-0: #ceffdc50;
    --clr-grn-1: #18bb0c;

    --clr-mtg: #da1f1f;
    --clr-pok: #07d553;
    --clr-lor: #d6336c;
    --clr-opc: var(--clr-ind-1);
    --clr-yug: var(--clr-pur-1);
    --clr-swu: #d8c300;
    --clr-wh4: #926241;
    --clr-rfb: #f76707;
    --clr-cbp: #d8c300;

    --cv-g-xs: 0.25rem;  /* 4px */
    --cv-g-s:  0.5rem;   /* 8px */
    --cv-g-sm: 0.75rem;  /* 12px */
    --cv-g-m:  1rem;     /* 16px */
    --cv-g-ms: 1.25rem;   /* 20px */
    --cv-g-l:  1.5rem;   /* 24px */
    --cv-g-xl: 2rem;     /* 32px */

    --gap-global:var(--cv-g-sm);
    --cv-g-xxl: calc(var(--cv-g-xl) + var(--cv-g-l));
    --cv-shadow: 0px 3px 25px 0 rgba(38, 37, 58, 0.1);
    --cv-shadow-s: 0 var(--cv-g-m) 32px 0 rgba(14, 14, 20, 0.095);
    --cv-shadow-l: rgba(50, 50, 93, 0.25) 0px 10px 20px -5px, rgba(0, 0, 0, 0.15) 0px 8px 16px -8px;
    --cv-transition: .25s ease-in-out;
    --clr-hover-alt: #fbfafb;
    --cv-border-s: 1px solid var(--clr-l-2);
    --cv-border-alt:1px solid #f1eef2;
}

body {
    font-family: 'TT Fors Variable', sans-serif;
    font-style: normal;
    background-color:var(--clr-l-2);
    letter-spacing:-0.5px;
    position:relative;
    z-index:0;
}

* {
    scrollbar-width: thin;
    scrollbar-color: #b49ad6 #f2edf7;
}

/* === GLOBAL CLASSES === */
    .no--show{display:none!important;}
    
    .pos-rel{position:relative;}

    .block-w-100{width:100%;}

    .grow-1 {flex-grow:1;}

    .grow-0 {flex-grow:0;}

    .cursor{cursor:pointer;}

    .set-center{margin:0px auto;}

    .g-global{gap:var(--gap-global);}

    .uppercase{text-transform:uppercase;}

    .section-style {
        --ss-minus-padding: var(--cv-g-xl);
        --ss-max-width: 1600px;
        width: calc(100% - var(--ss-minus-padding));
        max-width: var(--ss-max-width);
        position: relative;
        margin: 0 auto;
    }

    @media (min-width: 1920px) {
        .section-style {
            --ss-max-width: clamp(
                1600px,
                calc(820px + 40.625vw),
                1860px
            );
        }
    }

    @media (max-width: 500px) {
        .section-style {
            --ss-minus-padding: var(--cv-g-l);
        }
    }

    .card-ui{
        border-radius:var(--cv-g-m);
        background-color:var(--clr-l-0);
        transition:var(--cv-transition);
        position:relative;
        z-index:0;
    }

    .card-ui:hover:not(.card-no-hover){
        transform: translateY(-4px);
        box-shadow: var(--cv-shadow);
    }

    .holo{
        background: var(--clr-l-1) url('/wp-content/themes/cverse/assets/elements/brand-logo-holo.webp') center/cover no-repeat;
        border:1px solid var(--clr-l-1);
    }

    .light-holo{
        background: var(--clr-l-1) url('/wp-content/themes/cverse/assets/elements/va1_background_holo_light.webp') center/cover no-repeat;
        border:1px solid var(--clr-l-1);
    }

    .font-alt{
        font-family: 'HCP', sans-serif!important;
        text-transform:uppercase;
        letter-spacing:-0.65px;
    }

    .header-main-heading {
        line-height: 0.9;
        font-size: clamp(72px, 12vw, 120px);
        color: var(--clr-t-1);
        margin-bottom:var(--cv-g-sm);
    }

    .cv-section-heading{
        --sh-font-size:clamp(13px, 3vw, 16px);
        --sh-font-weight:700;
        font-size:var(--sh-font-size);
        font-weight:var(--sh-font-weight);
    }

    .cv-section-par, .footer-link, .cv-footer-about, .g-review-snippet{
        --sp-font-weight: 400;
        --sp-color: var(--clr-t-3);
        --sp-font-size:clamp(12px, 3vw, 14px);
        --sp-line-height:1.5;
        font-size: var(--sp-font-size);
        font-weight: var(--sp-font-weight);
        color: var(--sp-color);
        line-height:var(--sp-line-height);
    }

    .cv-sub-heading{
        --sh-font-size: 10px;
        font-size: var(--sh-font-size);
        text-transform:uppercase;
        font-weight:600;
        letter-spacing: 0.5px;
    }

    .cv-sub-heading:not(.cv-badge){
        color:#b8accb;
    }
    
    .cv-mini-heading{
        font-size:11px;
        font-weight:500;
        color:var(--clr-t-3);
    }

    .current-page{
        font-weight:700;
        color:var(--clr-t-2);
    }

    .cverse-btn {
        --btn-bg: var(--clr-pur-1);
        --btn-bg-hover: #975fff;

        display: flex;
        align-items: center;
        justify-content: center;
        gap: var(--cv-g-xs);

        font-weight: 600;
        transition:
            transform var(--cv-transition),
            box-shadow var(--cv-transition),
            background-color var(--cv-transition),
            border-color var(--cv-transition),
            gap var(--cv-transition);
            

        &:active {
            transform: scale(.95);
        }

        &.btn-fill {
            color: var(--clr-l-0);
            background-color: var(--btn-bg);
            box-shadow: inset 0 1px 1px #ffffff59, inset 0 -3px 0 rgba(0, 0, 0, .08), 0 1px 1px rgba(0, 0, 0, .08), 0 8px 24px -6px transparent;

            &:hover {
                background-color: var(--btn-bg-hover);
                box-shadow:
                    inset 0 1px 0 #ffffff59,
                    inset 0 -2px 0 rgba(0, 0, 0, 0.12),
                    0 1px 2px rgba(0, 0, 0, 0.1),
                    0 10px 24px -6px rgba(139, 77, 255, .35);
            }

            &:active {
                box-shadow:
                    inset 0 1px 0 #0002,
                    inset 0 -1px 0 #ffffff26,
                    0 1px 2px #0002,
                    0 10px 24px -6px rgba(139, 77, 255, .45);
            }
        }

        &.btn-outline {
            color: var(--clr-t-2);
            border: 2px solid var(--clr-l-3);

            &:hover {
                background-color: var(--clr-pur-0);
                border-color: var(--clr-pur-1);
            }
        }

        &.btn-s {
            padding: 10px var(--cv-g-sm);
            font-size: 12px;
            border-radius: var(--cv-g-s);
        }

        &.btn-m, &.btn-l {
            font-size: clamp(12px, 3vw, 13px);
            border-radius: var(--cv-g-sm);
        }

        &.btn-m {
            padding:14px;
        }

        &.btn-l {
            padding:var(--cv-g-m);
        }
    }

    .cv-icon-wrapper{
        background-color:var(--clr-l-2);
        height:calc(var(--cv-g-l) * 2);
        aspect-ratio:1/1;
        border-radius:var(--cv-g-sm);
        padding:var(--cv-g-s);
    }

    .cv-icon{
        width:var(--cv-g-ms);
        height:var(--cv-g-ms);
    }

    hr.cv-divider{
        border-left:none;
        border-top:1px solid var(--clr-border);
        flex-grow:1;
    }

    .cv-toast{
        position:fixed;
        bottom:10%;
        left:5%;
        color:var(--clr-t-0)!important;
        background-color:var(--clr-l-1);
        z-index:999!important;
        padding:var(--cv-g-l) var(--cv-g-m);
        box-shadow:var(--cv-shadow-s);
        width:max-content;
    }

    .scroll-control{
        --scroll-offset: -12px;
        --top-position: 50%;
        border-radius:50%;
        background-color:var(--clr-l-0);
        border:1px solid var(--clr-l-1);
        width:42px;
        height:42px;
        position:absolute;
        top:var(--top-position);
        z-index:10;
        box-shadow:var(--cv-shadow-s);
    }

    .scroll-control:active{
        transform: scale(0.9);
    }

    button:hover .nav-icon{
        background-color: var(--clr-pur-1);
    }

    .scroll-control.scroll-left:not(.zoom-in){
        left:var(--scroll-offset);
    }

    .scroll-control.scroll-right:not(.zoom-in){
        right:var(--scroll-offset);
    }

    #scroll--left{ --icon: url('/wp-content/themes/cverse/assets/elements/icons/scroll-control/chevron-left.svg'); }
    #scroll--right{ --icon: url('/wp-content/themes/cverse/assets/elements/icons/scroll-control/chevron-right.svg'); }

    .scroll-indicator-wrapper{
        height: var(--cv-g-s);
        width: 100px;
        padding:2px;
        background-color:var(--clr-border);
        border-radius: var(--cv-g-xs);
    }

    .scroll-progerss{
        height:100%;
        width:50%;
        background:linear-gradient(0deg, var(--clr-pur-1), var(--clr-ind-1));
        border-radius: var(--cv-g-xs);
        transition:var(--cv-transition);
    }

    .cv-tab-wrapper{
        padding:3px;
    }

    .cv-tab-item {
        --nav-font-size:12px!important;
        padding:var(--cv-g-s);
        border-radius:var(--cv-g-s);
        transition:var(--cv-transition);
    }

    .cv-tab-item.active, .cv-tab-item.cal-active{
        background-color:var(--clr-l-0);
        box-shadow:
            inset 0 0 1px 1px rgba(0, 0, 0, .02),
            inset 0 -2px 1px rgba(0, 0, 0, .06),
            0 1px 2px rgba(0, 0, 0, .05),
            0 4px 16px -4px rgba(0, 0, 0, .15);
    }

    .cv-badge{
        width:max-content;
        padding:var(--cv-g-xs) 6px;
        color:var(--clr-l-0);
        border-radius: var(--cv-g-xs);
        box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.05), inset 0 -2px 1px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .05), 0 5px 20px -4px rgba(0, 0, 0, .4);
    }

    .badges-wrapper{
        position: absolute;
        z-index: 1;
        height: max-content;
        width:max-content;
    }

    .badges-wrapper:not(.product-badges){
        inset: var(--cv-g-sm) 0 0 var(--cv-g-sm);
    }

    .main-section{
        position:relative;
        z-index:9;
        box-shadow: 0px 0px 36px 10px rgba(52, 27, 70, 0.08), inset 0 0 0 1px white;
    }

    .main-section:not(.products-showcase){
        border-radius: var(--cv-g-xl) var(--cv-g-xl) 0px 0px;
        padding:var(--cv-g-xxl) 0px;
        border-bottom:1px solid var(--clr-l-3);
    }
/* === END GLOBAL CLASSES === */

/* === NAVIGATION CSS === */
    .nav-wrapper{
        --nav-size: calc(var(--cv-g-m) * 5);
        height:var(--nav-size);
        box-shadow: var(--cv-shadow-s);
        padding: 0 var(--cv-g-m);
        position:sticky;
        top:0;
        left:0;
        z-index:900;
        background-color:var(--clr-l-1);
        transition: transform 0.3s ease;
        gap: clamp(var(--cv-g-s), 5vw, var(--cv-g-l))
    }

    .nav-wrapper.hide-wrapper {
        transform: translateY(-100%);
    }

    #site-logo{
        max-width:110px;
    }

    .cv-main-navigation, .cv-main-nav-item{
        height:inherit;
    }

    .nav-item-text{
        --nav-font-size:13px;
        font-size:var(--nav-font-size);
        font-weight:600;
        color:var(--clr-t-2);
    }

    .cv-sub-nav-item{
        --nav-font-size:12px;
        border-left: 3px solid transparent;
        gap:var(--cv-g-sm);
        padding:0 var(--padding-size);
        transition:var(--cv-transition);
        border-bottom:var(--cv-border-s);
    }

    /*--- MAIN NAV ELEMENTS ----*/
        .cv-main-nav-item {
            padding: 0 var(--cv-g-l);

            background:
                linear-gradient(var(--clr-pur-1), var(--clr-pur-1))
                bottom / 100% 0 no-repeat;

            transition:
                color .3s ease,
                background-size .3s ease;

            &:hover,
            &.trigger-open {
                color: var(--clr-t-0);
                background-size: 100% 4%;
            }
        }

        #cv-dd-categories{ 
            --icon: url('/wp-content/themes/cverse/assets/elements/icons/category.svg');
            cursor:pointer;
            border-left:var(--cv-border-s);
            border-right:var(--cv-border-s);
        }

        #cv-dd-categories.trigger-open, #cv-dd-mini-cart.trigger-open{ 
            --icon: url('/wp-content/themes/cverse/assets/elements/icons/cv-close.svg');
        }

        #cv-shop-link, #cv-dd-mini-cart{ --icon: url('/wp-content/themes/cverse/assets/elements/icons/shopping-bag-cv.svg'); }
        #cv-events-link{ --icon: url('/wp-content/themes/cverse/assets/elements/icons/events.svg'); }
        #cv-on-sale{ --icon: url('/wp-content/themes/cverse/assets/elements/icons/on-sale.svg'); }
        #cv-contact-link{ --icon: url('/wp-content/themes/cverse/assets/elements/icons/help-hexagon.svg'); }
        #gyujtogetos-kartyajatekok{ --icon: url('/wp-content/themes/cverse/assets/elements/icons/cards.svg'); }
        #sportkartya { --icon: url('/wp-content/themes/cverse/assets/elements/icons/ball-basketball.svg'); }
        #terepasztalos-jatekok { --icon: url('/wp-content/themes/cverse/assets/elements/icons/tabletop-games.svg'); }
        #festekek-es-modellezes { --icon: url('/wp-content/themes/cverse/assets/elements/icons/paint-brush.svg'); }
        #kiegeszitok { --icon: url('/wp-content/themes/cverse/assets/elements/icons/dice-5.svg'); }
        #merchandise { --icon: url('/wp-content/themes/cverse/assets/elements/icons/shirt.svg'); }
        #figurak-szobrok { --icon: url('/wp-content/themes/cverse/assets/elements/icons/figurines-icon.svg'); }
        #markak { --icon: url('/wp-content/themes/cverse/assets/elements/icons/list-details.svg'); }


        .nav-icon {
            --nav-icon-size:18px;
            width: var(--nav-icon-size);
            height: var(--nav-icon-size);
            -webkit-mask-image: var(--icon);
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-position: center;
            -webkit-mask-size: contain;
            mask-image: var(--icon);
            mask-repeat: no-repeat;
            mask-position: center;
            mask-size: contain;
            background-color: var(--clr-t-2);
            transition: background-color 0.3s ease;
        }

        .nav-has-icon:hover .nav-icon, .cv-main-nav-item.trigger-open .nav-icon, #cv-dd-mini-cart.trigger-open .nav-icon{
            background-color: var(--clr-pur-1);
        }

        .nav-no-mb{display:none;}
    /*--- END MAIN NAV ELEMENTS ----*/

    .drop-container{
        position:absolute;
        top:var(--nav-size);
        display:block;
        height:max-content;
        width:100%;
        z-index:995;
        background-color:var(--clr-l-1);
        border:var(--cv-border-s);
        box-shadow:var(--cv-shadow-s);
        opacity: 0;
        transform: translateY(-10px);
        animation: dropIn 0.5s ease forwards;
    }

    #dd-categories-nav{
        --padding-size: var(--cv-g-l);
        left:0;
    }

    #dd-cart-drop-list{
        max-width:440px;
    }

    .cv-sub-nav-item:hover, .list-loaded{
        background-color:var(--clr-l-0);
        border-left: 3px solid var(--clr-pur-1);
        padding-left:var(--cv-g-xl);
    }

    .sub-category-count{
        margin-left:auto;
        background-color:var(--clr-pur-1);
    }

    /*---- CATEGORIES CONTAINER ----*/
        .drop-categories-wrapper{
            flex-direction:column;
            position:relative;
            z-index:0;
        }

        .cv-sub-nav-group-title.kategoriak, .cv-sub-nav-group-title.brandmarkak{
            display:none;
        }

        .cv-sub-nav-group-title{
            font-size: 9px!important;
            letter-spacing: 0.6px;
            padding:var(--cv-g-xs) var(--padding-size);
            border-bottom: var(--cv-border-s);
            background-color: #e8e7ed75;
        }

        .nav-target-wrapper{
            top: 0;
            left:0;
            position: absolute;
            height: 100%;
            width: 100%;
            z-index: 6;
            background-color:#f1eff1;
        }

        .cv-sub-nav-item, .target-header{
            min-height:50px;
            max-height:50px;
        }

        .target-header{
            padding: 0 var(--padding-size);
            border-bottom:var(--cv-border-s);
            background-color:var(--clr-l-1);
            box-shadow:0px 12px 24px rgba(57, 49, 69, 0.03);
        }

        #close-target-list{
            margin-left:auto;
        }

        .target-list{
            height:calc(100% - 50px);
            overflow-y: auto;
        }

        .drop-categories-nav > .user-card{
            padding:var(--cv-g-s) var(--cv-g-l);
            border-bottom:var(--cv-border-s);
        }


    /*---- CATEGORIES CONTAINER ----*/

    @media (max-width: 767px){
        .drop-categories-nav{
            height:calc(100dvh - var(--nav-size));
            overflow-y:auto;
        }

        #dd-cart-drop-list{
            right:0;
        }
    }

    @media (min-width: 768px){
        .nav-icon {
            --nav-icon-size:20px;
        }

        #dd-categories-nav{
            width:max-content;
            left: 150px;
        }

        #dd-cart-drop-list{
            right:var(--cv-g-xl)!important;
        }

        #cv-dd-categories .nav-label::before {
            content: 'Menü';
        }

        #dd-categories-nav, .nav-target-wrapper{
            height: max-content;
            max-height: calc(100dvh - 90px);
        }

        .drop-categories-wrapper{
            flex-direction:row;
        }

        .drop-categories-wrapper > div{
            width:310px;
        }

        .nav-target-wrapper{
            position: static;
            border-left:var(--cv-border-s);
        }
    }

    @media (min-width: 1140px){
        .nav-no-lg{display:none;}
        .nav-no-mb{display:flex;}

        #dd-categories-nav{
            left: 180px;
        }

        #cv-dd-categories .nav-label::before {
            content: 'Kategóriák';
        }
        
        #site-logo{
            max-width:140px;
        }

        .footer-content, .footer-bottom, .footer-bottom > nav > ul {
            flex-direction:row!important;
        }

        .footer-content ul{
            padding-left:var(--cv-g-xl);
        }
    }

    /*----- MINI CART -----*/
        #mini-cart-dd{
            max-height:calc(100dvh - 82px);
        }

        #cv-dd-mini-cart .nav-icon{
            height:var(--cv-g-l);
            width:var(--cv-g-l);
        }

        .mini-cart{
            position:relative;
            margin-left:auto;
            transition: var(--cv-transition);
            z-index:0;
        }

        .mini-cart:hover, .mini-cart.trigger-open{
            background-color:var(--clr-pur-0);
        }

        .mini-cart-count{
            position:absolute;
            background-color:var(--clr-pur-1);
            color:var(--clr-l-1);
            font-size:10px;
            height: 18px;
            aspect-ratio: 1;
            border-radius:50%;
            border:2px solid var(--clr-l-3);
            top:6px;
            right:var(--cv-g-s);
        }
    
        .mini-cart-product-list{
            overflow:auto;
            position: relative;
        }

        .mini-cart-dropdown > div:not(.mini-cart-product-list), .mini-cart-dropdown p{
            padding:var(--cv-g-m);
        }
        
        .mini-cart-dropdown > div:not(:last-child), .mini-cart-product-list > div:not(:last-child){
            border-bottom:var(--cv-border-s);
        }

        .cart-thumb{
            border-radius:var(--cv-g-s);
            aspect-ratio: 1/1;
            height:64px;
            padding:var(--cv-g-xs);
            background-color:var(--clr-l-0);
            box-shadow:var(--cv-shadow);
            transition:var(--cv-transition);
        }

        .cart-thumb > img{
            width:auto;
            height:auto;
            object-fit:contain;
        }

        .mini-discount-badge{
            padding:2px 3px;
            border-radius:3px;
            background-color:var(--clr-pur-1);
            color:var(--clr-l-0);
        }

        .cart-product{
            position: relative;
            padding:var(--cv-g-sm); 
            transition:var(--cv-transition);
        }

        .stock-data{
            --sh-font-size: 9px;
            color:var(--stock-clr)!important;
        }

        .cart-product:not(.main-cart-item){
            background-color: #f1eff1;
        }

        .cart-product:hover{
            background-color:var(--clr-hover-alt);
        }

        .cart-product:hover .cart-thumb{
            padding:0px;
        }

        .cart-title {
            --nav-font-size: 12px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 97%;
            margin-bottom:var(--cv-g-xs);
        }

        .cart-value{
            --sh-font-size:14px;
            color:var(--clr-t-0)!important;
            font-weight:700;
        }

        .price-current{
            margin-left:var(--cv-g-sm);
            padding-left:var(--cv-g-sm);
            border-left:var(--cv-border-s);
        }

        .empty-item-wrapper{
            height:inherit;
            max-width:48px;
        }

        .btn-delete-red{
            cursor:pointer;
            color:var(--clr-red-1);
            background-color:var(--clr-red-0);
            transition: var(--cv-transition);
        } 

        .red-radius{
            border-radius:50%;
        }

        .btn-delete-red:hover{
            color:var(--clr-l-0);
            background-color:var(--clr-red-1);
        }

        .cart-qty-control, .cv-tab-wrapper{
            border-radius:var(--cv-g-sm);
            background-color:var(--clr-l-2);
        }

        .qty-display, .qty-btn, .red-radius, .grn-radius{
            --aspect-size: var(--cv-g-l);
            height:var(--aspect-size);
            width:var(--aspect-size);
        }

        .qty-btn{
            border:2px solid var(--clr-l-2);
            border-radius:8px;
            background-color:var(--clr-l-0);
            transition: var(--cv-transition);
        }

        .qty-btn:hover{
            background-color:var(--clr-l-1);
        }

        .mini-cart-cta{
            gap:var(--cv-g-m);
        }

        .mini-cart-cta > a{
            flex:1;
        }

    /*----- END MINI CART -----*/

    /*----- USER PROFILE CARD -----*/
        .user-profile{
            padding-left:var(--cv-g-l);
            border-left:var(--cv-border-s);
        }

        .user-name{margin-bottom:2px;}

        .user-profile-thumb{
            position:relative;
            border-radius:var(--cv-g-m);
        }

        .user-profile-thumb > img{
            border-radius: var(--cv-g-sm);
        }

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

        .online-indicator {
            position:absolute;
            background: #66FF99;
            z-index:5;
            bottom:0;
            left:-4px;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            border:3px solid var(--clr-l-1);
        }
    /*----- END USER PROFILE CARD -----*/    
    
    /*----- Footer -----*/
        .cverse-footer-main{
            position:relative;
            z-index:10;
            padding-top:calc(var(--cv-g-xxl) * 2);
        }

        .footer-bottom, .footer-bottom > nav > ul{
            flex-direction: column;
        }

        .footer-bottom{
            padding:var(--cv-g-xl) 0px;
            border-top:2px solid var(--clr-l-2);
        }

        .footer-menu-block{
            flex:1;
        }

        .footer-menu-block > h3{
            margin-bottom:var(--cv-g-s);
        }

        .footer-block-title{
            font-size:14px;
            font-weight:700;
        }

        #footer-logo{
            max-width:240px;
        }

        .footer-link, .cv-footer-about{
            --sp-font-weight: 400;
        }

        .footer-link{
            height:var(--cv-g-l);
            transition:var(--cv-transition);
        }

        .footer-link:hover:not(.cv-copyright){
            color:var(--clr-pur-1);
        }

        .payment-methods > img{
            flex: 0 0 40px;
            max-width:40px;
            height:auto;
        }

        .page-header:not(.shop-header){
            position:sticky;
            top:81px;
            left:0;
        }

        .page-header{
            height:360px;
            background-image: radial-gradient(#e1dee7 1.25px, transparent 1.25px), radial-gradient(#e1dee7 1.25px, transparent 1.25px);
            background-size: 14px 14px;
            background-position: 0 0, 7px 7px;
            background-color: #eae5ec;
        }

    /*----- ANIMATIONS -----*/

    .pulse {
        animation: pulse-animation 2s infinite;
    }

    @keyframes pulse-animation {
        0% {
            box-shadow: 0 0 0 0px rgba(102, 255, 153, .75);
        }
        100% {
            box-shadow: 0 0 0 6px rgba(102, 255, 153, 0);
        }
    }

    @keyframes cvAutoScroll {
        0% {
            transform: translateX(0%);
        }
        2% {
            opacity:1;
            transform: translateX(0%);
        }
        99% {
            opacity:1;
            transform: translateX(-100%);
        }
        100%{
            opacity:0;
            transform: translateX(-100%);
        }
    }

    .cverse-spinner-wrapper{
        --set-100: 100%;
        position:absolute;
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
        z-index:0;
        width:var(--set-100);
        height:var(--set-100);
        z-index:100;
    }

    .spinner {
        width: calc(var(--cv-g-l) * 2);
        height: calc(var(--cv-g-l) * 2);
        border-radius: 50%;
        background: radial-gradient(farthest-side,var(--clr-pur-1) 94%,#0000) top/var(--cv-g-s) var(--cv-g-s) no-repeat,
                conic-gradient(#0000 30%,var(--clr-pur-1));
        -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - var(--cv-g-s)),#000 0);
        animation: spinner-c7wet2 1s infinite linear;
    }

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

    .dropIn{
        opacity: 0;
        transform: translateY(-10px);
        animation: dropIn 0.35s ease forwards;
    }
    
    .fadeInUp{
        opacity: 0;
        transform: translateY(-10px);
        animation: dropIn 0.35s ease forwards;
    }

    .dropOut {
        pointer-events: all;
        animation: dropOut 0.35s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
    }

    .dropOutDown {
        pointer-events: all;
        animation: dropOutDown 0.35s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
    }

    .dropInUp{
        opacity: 0;
        transform: translateY(-10px);
        animation: dropInUp 0.35s ease forwards;
    }

    @keyframes dropInUp {
        0% {
            opacity: 0;
            transform: translateY(10px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes dropIn {
        0% {
            opacity: 0;
            transform: translateY(-10px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes dropOut {
        0% {
            opacity: 1;
            transform: translateY(0);
        }
        100% {
            opacity: 0;
            transform: translateY(-10px);
        }
    }

    @keyframes dropOutDown {
        0% {
            opacity: 1;
            transform: translateY(0);
        }
        100% {
            opacity: 0;
            transform: translateY(10px);
        }
    }