.ciu-mobile-menu-wrap {
    display: none;
}
.ciu-mobile-header .ciu-search img,
.ciu-mobile-header .ciu-user img,
.ciu-mobile-header .ciu-heart img,
.ciu-mobile-header .ciu-close img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.jas-col-md-12.jas-col-xs-12.mt__60.mb__60 {
    margin: 0;
}
ul#menu-categories li {
    display: contents;
}
.menu-categories-container {
    text-align: center;
}
ul#menu-categories {
    padding: 10px 0 !important;
}
ul#menu-categories li a {
    padding: 0 15px;
}
@media (min-width: 767px) {
.sub-menu {
    display: none !important;
}
span.sub-arrow {
    display: none !important;
}

}
@media (max-width: 1024px) {

    .ciu-mobile-menu-wrap {
        display: block;
    }


    /* HAMBURGER */

    .ciu-hamburger {

        width: 45px;
        height: 45px;

        padding: 0;

        border: 0;

        background: transparent;

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

        gap: 8px;

        cursor: pointer;

        position: relative;

        z-index: 100002;
    }


    .ciu-hamburger span {

        width: 30px;
        height: 2px;

        display: block;

        background: #111;

        transition: .3s ease;
    }


    /* MENU PANEL */

    .ciu-mobile-panel {

        position: fixed;

        top: 0;
        left: 0;

        width: 100%;
        height: 100dvh;

        background: rgba(255,255,255,.97);

        z-index: 100001;

        opacity: 0;

        visibility: hidden;

        transform: translateX(-100%);

        transition:
            transform .45s ease,
            opacity .3s ease,
            visibility .45s ease;

        overflow-y: auto;

        box-sizing: border-box;
    }


    /* OPEN */

    .ciu-mobile-menu-wrap.open .ciu-mobile-panel {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}


    /* HEADER */

    .ciu-mobile-header {

        display: flex;

        align-items: center;

        gap: 25px;

        padding: 90px 33px 35px;
    }


    /* SEARCH */

    .ciu-search {

        width: 22px;
        height: 22px;

        position: relative;

        display: block;
    }


    .ciu-search:before {

         position: absolute;

        width: 14px;
        height: 14px;

        border: 1.4px solid #111;

        border-radius: 50%;

        top: 1px;
        left: 1px;
    }


    .ciu-search:after {

       position: absolute;

        width: 7px;
        height: 1px;

        background: #111;

        transform: rotate(45deg);

        left: 14px;
        top: 16px;
    }


    /* USER */

    .ciu-user {

        width: 22px;
        height: 22px;

        position: relative;
    }


    .ciu-user:before {

        position: absolute;

        width: 7px;
        height: 7px;

        border: 1px solid #111;

        border-radius: 50%;

        left: 7px;
        top: 1px;
    }


    .ciu-user:after {

        position: absolute;

        width: 16px;
        height: 8px;

        border: 1px solid #111;

        border-bottom: 0;

        border-radius: 10px 10px 0 0;

        left: 3px;
        bottom: 2px;
    }


    /* HEART */

    .ciu-heart {

        font-size: 30px;

        line-height: 20px;

        text-decoration: none;

        color: #111;
    }


    /* CLOSE */

    .ciu-close {

        width: 30px;
        height: 30px;

        padding: 0;

        border: 0;

        background: transparent;

        margin-left: auto;

        position: relative;

        cursor: pointer;
    }


    .ciu-close span {

        position: absolute;

        width: 25px;
        height: 1.5px;

        background: #111;

        left: 2px;
        top: 14px;
    }


    .ciu-close span:first-child {
        transform: rotate(45deg);
    }


    .ciu-close span:last-child {
        transform: rotate(-45deg);
    }


    /* MENU */

    .ciu-menu-content {

        padding: 0 33px 30px;
    }


    .ciu-menu-list {

        list-style: none !important;

        padding: 0 !important;

        margin: 0 !important;
    }


    .ciu-menu-list li {

        list-style: none !important;

        margin: 0 0 24px !important;

        padding: 0 !important;
    }
	.ciu-mobile-header .ciu-close img {
    width: 60%;
	}
	
    /* MAIN ITEM */

    .ciu-menu-list > li > a {

        display: block;

        font-size: 20px;

        line-height: 1.4;

        color: #161616 !important;

        text-decoration: none !important;

        font-weight: 400;
    }


    /* SUB MENU */

    .ciu-menu-list .sub-menu {

        list-style: none !important;

        margin: 12px 0 0 !important;

        padding: 0 !important;
    }


    .ciu-menu-list .sub-menu li {

        margin-bottom: 9px !important;
    }


    .ciu-menu-list .sub-menu a {

        font-size: 16px;

        line-height: 1.4;

        color: #555 !important;

        text-transform: uppercase;

        text-decoration: none !important;
    }


    /* BOTTOM */

    .ciu-menu-bottom {

        display: flex;

        justify-content: center;

        align-items: center;

        gap: 12px;

        padding: 25px 20px 35px;
    }


    .ciu-menu-bottom span {

        height: 34px;

        border: 1px solid #ccc;

        border-radius: 30px;

        background: rgba(230,230,230,.3);
    }


    .ciu-menu-bottom span:nth-child(1) {
        width: 50px;
    }


    .ciu-menu-bottom span:nth-child(2) {
        width: 165px;
    }


    .ciu-menu-bottom span:nth-child(3) {
        width: 32px;
    }

}


/* MOBILE */

@media (max-width: 480px) {

    .ciu-mobile-header {
        padding-left: 33px;
        padding-right: 33px;
    }

    .ciu-menu-content {
        padding-left: 33px;
        padding-right: 33px;
    }

}
@media (max-width: 768px) {
.single-product .custom-accordion-title {
    width: 100% !important;
}
    .ciu-mobile-menu-wrap.open .ciu-hamburger {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
	ul#menu-categories li a {
    padding: 0 7px;
}
	.page-head.pr.tc {
    display: none;
}
	ul#menu-categories {
    border-bottom: 1px solid #ddd;
}
button.ciu-hamburger:hover, button.ciu-hamburger:active, button.ciu-hamburger:focus {
    background: transparent;
}
}
@media (max-width: 768px) {

    .ciu-mobile-panel .ciu-mobile-header {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 100px !important;
        padding: 26px 33px 35px !important;
        box-sizing: border-box !important;
    }

    /* Search */
    .ciu-mobile-panel .ciu-search {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;

        display: block !important;
        flex: 0 0 22px !important;

        margin: 0 0px 0 0 !important;
    }

    /* Account */
    .ciu-mobile-panel .ciu-user {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;

        display: block !important;
        flex: 0 0 22px !important;

        margin: 0 0px 0 0 !important;
    }

    /* Heart */
    .ciu-mobile-panel .ciu-heart {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;

        display: flex !important;
        flex: 0 0 25px !important;

        margin: 0 !important;
    }

    /* =========================================
       CLOSE ICON
       FORCE TO RIGHT
    ========================================= */

    .ciu-mobile-panel .ciu-mobile-header .ciu-close {

        position: absolute !important;

        left: auto !important;
        top: 25px !important;
        right: 33px !important;
        bottom: auto !important;

        width: 30px !important;
        height: 30px !important;

        margin: 0 !important;
        padding: 0 !important;

        display: block !important;

        transform: none !important;

        border: 0 !important;
        background: transparent !important;

        z-index: 999999 !important;
    }

    .ciu-mobile-panel .ciu-mobile-header .ciu-close span {

        position: absolute !important;

        left: 2px !important;
        top: 14px !important;

        width: 25px !important;
        height: 1.5px !important;

        margin: 0 !important;

        background: #111 !important;
    }

    .ciu-mobile-panel .ciu-mobile-header .ciu-close span:first-child {
        transform: rotate(45deg) !important;
    }

    .ciu-mobile-panel .ciu-mobile-header .ciu-close span:last-child {
        transform: rotate(-45deg) !important;
    }

}
/* =================================================
           OVERLAY SIGNUP / LOGIN CSS
        ================================================= */

        #ciu-auth-popup {

            --ciu-popup-bg:
                url("<?php echo esc_url( $background_image ); ?>");

            position: fixed !important;

            inset: 0 !important;

            width: 100% !important;

            height: 100% !important;

            z-index: 99999999 !important;

            display: none;

            align-items: center;

            justify-content: center;

            box-sizing: border-box;

            padding: 20px;

            
        }


        #ciu-auth-popup.ciu-open {

            display: flex !important;
        }


        body.ciu-auth-popup-open {

            overflow: hidden !important;
        }


        /* =================================================
           MODAL
        ================================================= */

        .ciu-auth-modal {

            position: relative;

            width: 650px;

            max-width:
                calc(100vw - 40px);

            min-height: 420px;

            display: grid;

            grid-template-columns:
                minmax(0,1fr)
                218px;

            overflow: hidden;

            border-radius: 5px;

            background:
                rgba(255,255,255,0.86);

            box-shadow:
                0 20px 70px
                rgba(0,0,0,0.14);

            backdrop-filter:
                blur(20px);

            -webkit-backdrop-filter:
                blur(20px);

            font-family:
                "Poppins",
                Arial,
                sans-serif;

            box-sizing: border-box;
			padding-right:10px;
        }


        /* =================================================
           CONTENT
        ================================================= */

        .ciu-auth-content {

            min-width: 0;

            padding:
                50px
                44px
                35px;

            box-sizing: border-box;
        }


        /* =================================================
           CLOSE
        ================================================= */

        .ciu-auth-close {
			position: absolute;
			top: 7px;
			left: 12px;
			width: 27px;
			height: 25px;
			margin: 0;
			padding: 0;
			border: 0 !important;
			background: transparent !important;
			box-shadow: none !important;
			cursor: pointer;
			z-index: 10;
		}

        .ciu-auth-close span {
			position: absolute;
			left: 29px;
			top: 22px;
			width: 21px;
			height: 1.5px;
			display: block;
			background: #111;
		}


        .ciu-auth-close span:first-child {

            transform:
                rotate(45deg);
        }


        .ciu-auth-close span:last-child {

            transform:
                rotate(-45deg);
        }


        /* =================================================
           TITLES
        ================================================= */

        .ciu-auth-small-title {
			font-size: 16px;
			line-height: 1.3;
			font-weight: 400;
			color: #202020;
			margin-top: 20px;
			font-family: 'TT fors';
		}


        .ciu-auth-gradient-title {

            margin-top: 6px;

            font-size: 30px;

            line-height: 1.25;

            font-weight: 400;
			font-family: 'TT fors';
            background:
                linear-gradient(
					90deg,
					#e77b92 0%,
					#ef9a91 35%,
					#f3b26f 70%,
					#f2c85b 100%
				  );

            -webkit-background-clip: text;

            background-clip: text;

            -webkit-text-fill-color:
                transparent;

            color: transparent;

            white-space: nowrap;
        }


        /* =================================================
           FORMS
        ================================================= */

        .ciu-auth-form {

            width: 100%;

            margin-top: 35px;
        }


        /* =================================================
           INPUT
        ================================================= */

        .ciu-input-group {

            width: 100%;

            margin-bottom: 18px;
        }


        .ciu-input-group input {

            display: block;

            width: 100%;

            height: 45px;

            margin: 0;

            padding:
                0 5px;

            border: 0 !important;

            border-bottom:
                1px solid #999 !important;

            border-radius: 0 !important;

            outline: none !important;

            background:
                transparent !important;

            box-shadow:
                none !important;

            font-family: inherit;

            font-size: 18px;

            font-weight: 300;

            color: #333;

            box-sizing: border-box;
        }


        .ciu-input-group input::placeholder {

            color: #999;

            opacity: 1;
        }


        .ciu-input-group input:focus {

            border-bottom-color:
                #222 !important;
        }


        /* =================================================
           BUTTON
        ================================================= */

        .ciu-text-button {

            display: inline-block;

            margin:
                10px
                0
                0;

            padding: 0;

            border: 0 !important;

            border-bottom:
                1px solid #111 !important;

            border-radius: 0 !important;

            background:
                transparent !important;

            color: #111 !important;

            box-shadow:
                none !important;

            font-family: inherit;

            font-size: 18px;

            line-height: 1.5;

            font-weight: 400;

            text-transform:
                uppercase;

            cursor: pointer;
        }


        .ciu-text-button:hover,
        .ciu-text-button:focus {

            background:
                transparent !important;

            color: #111 !important;
        }


        .ciu-text-button:disabled {

            cursor:
                wait;

            opacity:
                0.5;
        }


        /* =================================================
           OTP
        ================================================= */

       

        /* =================================================
           NEWSLETTER
        ================================================= */

        .ciu-newsletter {

            position: relative;

            display: flex;

            align-items: center;

            gap: 12px;

            margin-top: 5px;

             color: #333;

            font-size: 18px;

            font-weight: 300;

            cursor: pointer;
        }


        .ciu-newsletter input {

            position: absolute;

            opacity: 0;

            pointer-events: none;
        }


        .ciu-checkbox {

            width: 17px;

            height: 17px;

            flex: 0 0 17px;

            border:
                1px solid #777;

            box-sizing:
                border-box;

            position: relative;

            display: inline-block;
        }


        .ciu-newsletter input:checked
        + .ciu-checkbox:after {

            content: "";

            position: absolute;

            left: 4px;

            top: 1px;

            width: 5px;

            height: 9px;

            border:
                solid #111;

            border-width:
                0
                1px
                1px
                0;

            transform:
                rotate(45deg);
        }


        /* =================================================
           RESEND
        ================================================= */

        .ciu-resend {

            display: block;

            margin-top: 25px;

            padding: 0;

            border: 0 !important;

            background:
                transparent !important;

            color: #777;

            font-family: inherit;

            font-size: 13px;

            cursor: pointer;
        }


        .ciu-resend:disabled {

            opacity:
                0.55;

            cursor:
                default;
        }


        .ciu-resend-timer {

            margin-left: 5px;
        }


        /* =================================================
           MESSAGE
        ================================================= */

        .ciu-auth-message {

            display: none;

            margin-top: 20px;

            font-size: 14px;

            line-height: 1.5;
        }


        .ciu-auth-message.error {

            color: #c54848;
        }


        .ciu-auth-message.success {

            color: #4e8c60;
        }


        /* =================================================
           LOGIN/SIGNUP SWITCH
        ================================================= */

        .ciu-auth-switch {

            margin-top: 40px;

            color: #777;

            font-size: 14px;
        }


        .ciu-auth-switch button, .ciu-auth-switch button:hover {

            margin-left: 5px;

            padding: 0;

            border: 0;

           
            background:
                transparent;

            color: #111;

            font-family: inherit;

            font-size: inherit;

            cursor: pointer;
			font-weight: 400;
        }
		input:not([type="submit"]):not([type="checkbox"]), textarea, select, input {
			font-family: 'TT fors' !important;
		}
		.ciu-auth-switch.ciu-switch-signup span {
			font-family: 'TT fors';
		}
        /* =================================================
           ALREADY LOGGED IN
        ================================================= */

        .ciu-auth-already {

            margin-top: 100px;

            color: #222;

            font-size: 18px;
        }


        .ciu-auth-already p {

            margin:
                0
                0
                30px;
        }


        .ciu-auth-account-link {

            display: inline-block;

            color: #111;

            text-decoration: none;

            border-bottom:
                1px solid #111;

            font-size: 18px;
        }


        /* =================================================
           IMAGE
        ================================================= */

        .ciu-auth-image {
			width: 540px;
			overflow: hidden;
			border-radius: 3px;
			padding: 10px 10px 10px 0;
		}


        .ciu-auth-image img {

            display: block;

            width: 100%;

            height: 100%;

            object-fit: cover;
        }


        .ciu-image-placeholder {

            width: 100%;

            height: 100%;

            display: flex;

            align-items: center;

            justify-content: center;

            color: #fff;

            font-size: 25px;
        }


        /* =================================================
           MOBILE
        ================================================= */

        @media (max-width: 767px) {
			
		.ciu-auth-gradient-title {

            margin-top: 6px;

            font-size: 30px;

            line-height: 1.25;

            font-weight: 400;

            background:
                linear-gradient(
                    90deg,
                    #db7185 0%,
                    #bd76d4 38%,
                    #5391d9 68%,
                    #e2aa4b 100%
                );

            -webkit-background-clip: text;

            background-clip: text;

            -webkit-text-fill-color:
                transparent;

            color: transparent;

            white-space: nowrap;
        }


            #ciu-auth-popup {

                padding: 12px;
            }


            .ciu-auth-modal {

                width: 100%;

                max-width: 480px;

                min-height: 0;

                grid-template-columns:
                    minmax(0,1fr)
                    38%;

                border-radius: 4px;
            }


            .ciu-auth-content {

                padding:
                    110px
                    22px
                    28px;
            }


            .ciu-auth-close {

                top: 24px;

                left: 21px;

                width: 31px;

                height: 31px;
            }


            .ciu-auth-close span {

                top: 15px;

                width: 29px;
				left: -16px;
            }


            .ciu-auth-small-title {

                font-size: 14px;
            }


            .ciu-auth-gradient-title {

                margin-top: 3px;

                font-size: 23px;

                line-height: 1.2;

                white-space: normal;
            }


            .ciu-auth-form {

                margin-top: 65px;
            }


            .ciu-input-group {

                margin-bottom: 35px;
            }


            .ciu-input-group input {

                height: 34px;

                font-size: 14px;
            }


            .ciu-text-button {

                font-size: 14px;
            }


            .ciu-newsletter {

                gap: 7px;

                margin-bottom: 55px;

                font-size: 11px;
            }


            .ciu-checkbox {

                width: 13px;

                height: 13px;

                flex-basis: 13px;
            }


            .ciu-newsletter input:checked
            + .ciu-checkbox:after {

                left: 3px;

                top: 0;

                width: 4px;

                height: 7px;
            }


            #ciu-otp-form {

                margin-top: 65px;
            }


            .ciu-auth-message {

                font-size: 11px;
            }


            .ciu-auth-switch {

                margin-top: 30px;

                font-size: 10px;
            }


            .ciu-resend {

                margin-top: 18px;

                font-size: 10px;
            }


            .ciu-auth-already {

                margin-top: 65px;

                font-size: 14px;
            }


            .ciu-auth-account-link {

                font-size: 14px;
            }


            .ciu-auth-image {

                width: 100%;

                height: 258px;

                margin:
                    12px
                    12px
                    0
                    0;
            }

        }


        /* =================================================
           SMALL MOBILE
        ================================================= */

        @media (max-width: 420px) {

            .ciu-auth-modal {

                grid-template-columns:
                    minmax(0,1fr)
                    36%;
            }


            .ciu-auth-content {

                padding-left: 16px;

                padding-right: 16px;
				height: 420px;
            }


            .ciu-auth-image {

                height: 235px;

                margin-top: 10px;

                margin-right: 10px;
            }


            .ciu-auth-small-title {

                font-size: 12px;
            }


            .ciu-auth-gradient-title {

                font-size: 20px;
            }


            .ciu-auth-form {

                margin-top: 55px;
            }


            #ciu-otp-form {

                margin-top: 55px;
            }

        }
/* RIGHT IMAGE */
.ciu-auth-right {
    width: 40%;
    height: 100%;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}

/* IMAGE */
.ciu-auth-right img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    margin: 0;
    padding: 0;
    border: 0;
}

/* CIU LOGO ON TOP OF IMAGE */
.ciu-auth-image-logo {
    position: absolute;
    z-index: 20;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    color: #fff!important;
    font-family: 'TT FORS';
    font-size: 21px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -1px;
    text-shadow: 0 1px 3px rgba(0,0,0,0.25);
    pointer-events: none;
}
/* =========================================================
   CIU MOBILE POPUP - MATCH PROVIDED DESIGN
   ========================================================= */

@media (max-width: 767px) {

    .ciu-auth-overlay {
        padding: 10px 7px;
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
    }

    /* POPUP */
    .ciu-auth-popup {
        position: relative;

        width: 100%;
        max-width: 403px;

        height: 465px;
        min-height: 465px;

        display: block;

        overflow: hidden;

        border-radius: 4px;

        background: rgba(255, 255, 255, 0.88);

        box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    }


    /* =====================================================
       LEFT / CONTENT AREA
       ===================================================== */

    .ciu-auth-left {
        position: relative;

        width: 100%;
        height: 100%;

        box-sizing: border-box;

        padding: 116px 27px 25px 29px;

        display: block;
    }


    /* =====================================================
       CLOSE
       ===================================================== */

    .ciu-auth-close {
        position: absolute;

        top: 24px;
        left: 30px;

        width: 29px;
        height: 29px;

        z-index: 50;
    }

    .ciu-auth-close::before,
    .ciu-auth-close::after {
        width: 29px;
        height: 1.4px;

        top: 14px;
        left: 0;

        background: #111;
    }


    /* =====================================================
       RIGHT IMAGE
       ===================================================== */

    .ciu-auth-right {
        position: absolute;

        top: 10px;
        right: 10px;

        width: 137px;
        height: 163px;

        z-index: 10;

        display: block;

        overflow: hidden;

        border-radius: 2px;
    }

    .ciu-auth-right img {
        display: block;

        width: 100%;
        height: 100%;

        object-fit: cover;
        object-position: center;

        margin: 0;
        padding: 0;
    }


    /* =====================================================
       CIU LOGO ON IMAGE
       ===================================================== */

    .ciu-auth-image-logo {
        position: absolute;

        z-index: 20;

        top: 17px;
        left: 50%;

        transform: translateX(-50%);

        color: #fff !important;

        font-family: Arial, sans-serif;

        font-size: 22px;
        line-height: 1;

        font-weight: 400;

        letter-spacing: -1px;

        text-shadow: 0 1px 3px rgba(0, 0, 0, .3);

        pointer-events: none;
    }


    /* =====================================================
       SIGN UP TEXT
       ===================================================== */

    .ciu-auth-small-title {
        margin: 0 0 8px;

        font-size: 17px;
        line-height: 1.2;

        font-weight: 400;

        color: #272727;
		font-family: 'TT FORS';
    }


    /* =====================================================
       GRADIENT TITLE
       ===================================================== */

    .ciu-auth-title {
        margin: 0 0 59px;

        font-size: 25px;
        line-height: 1.1;

        font-weight: 400;

        white-space: nowrap;

        background: linear-gradient(
            90deg,
            #d76b83 0%,
            #d97b89 25%,
            #4c8eea 100%
        );

        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }


    /* =====================================================
       FORM
       ===================================================== */

    .ciu-auth-form {
        width: 100%;
        margin: 0;
        padding: 0;
    }


    /* =====================================================
       INPUT
       ===================================================== */

    .ciu-auth-field {
        width: 100%;

        margin: 0 0 25px;

        padding: 0;
    }

    .ciu-auth-field input {
        width: 100%;

        height: 35px;

        box-sizing: border-box;

        padding: 0 4px 7px;

        border: 0;
        border-bottom: 1px solid rgba(80, 80, 80, .55);

        border-radius: 0;

        outline: none !important;

        background: transparent !important;

        box-shadow: none !important;

        font-family: inherit;

        font-size: 16px;

        font-weight: 300;

        color: #333;
    }

    .ciu-auth-field input::placeholder {
        color: rgba(80, 80, 80, .5);
        opacity: 1;
    }


    /* =====================================================
       CONTINUE / LOGIN
       ===================================================== */

    .ciu-auth-submit {
        display: inline-block;

        margin-top: 5px;

        padding: 0 0 3px;

        border: 0;

        border-bottom: 1px solid #222;

        border-radius: 0;

        background: transparent !important;

        color: #161616 !important;

        font-family: inherit;

        font-size: 16px;

        line-height: 1.2;

        font-weight: 400;

        cursor: pointer;

        text-transform: uppercase;
    }


    /* =====================================================
       OTP SCREEN
       ===================================================== */

    .ciu-auth-otp .ciu-auth-title {
        margin-bottom: 62px;
    }

    .ciu-auth-otp .ciu-auth-field {
        margin-bottom: 27px;
    }


    /* =====================================================
       NEWSLETTER
       ===================================================== */

    .ciu-auth-newsletter {
        display: flex;

        align-items: center;

        gap: 10px;

        margin: 3px 0 0;

        font-size: 14px;

        line-height: 1.2;

        color: #444;
    }

    .ciu-auth-newsletter input[type="checkbox"] {
        width: 14px;
        height: 14px;

        flex: 0 0 14px;

        margin: 0;

        appearance: none;
        -webkit-appearance: none;

        border: 1px solid #777;

        border-radius: 2px;

        background: transparent;
    }


    /* =====================================================
       LOGIN LINK
       ===================================================== */

    .ciu-auth-switch {
        position: absolute;

        left: 16px;
        bottom: 38px;

        margin: 0;

        font-size: 16px;
    }

    .ciu-auth-switch button {
        padding: 0;

        font-size: 16px;

        color: #222;

        text-decoration: underline;

        background: transparent;

        border: 0;

        cursor: pointer;
    }


    /* =====================================================
       OTP LOGIN POSITION
       ===================================================== */

    .ciu-auth-otp .ciu-auth-switch {
        bottom: 39px;
    }


    /* =====================================================
       ERROR MESSAGE
       ===================================================== */

    .ciu-auth-message {
        margin-top: 8px;

        font-size: 12px;

        line-height: 1.3;
    }
}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 380px) {

    .ciu-auth-popup {
        height: 445px;
        min-height: 445px;
    }

    .ciu-auth-left {
        padding-left: 25px;
        padding-right: 25px;
    }

    .ciu-auth-right {
        width: 128px;
        height: 153px;

        top: 9px;
        right: 9px;
    }

    .ciu-auth-title {
        font-size: 23px;
    }

    .ciu-auth-small-title {
        font-size: 16px;
    }
}
.jas-container {
    width: 100% !important;
}
.jas-col-md-12.jas-col-xs-12.mt__60.mb__60 {
    padding: 0;
}
.tnp-subscription input.tnp-submit, .tnp-profile input.tnp-submit, .tnp-unsubscribe button.tnp-submit, .tnp-reactivate button.tnp-submit {
    font-weight: 400;
}
input#tnp-1 {
    border: none;
}
/** Single Product Page **/
/* =========================================================
   CLAUE WOOCOMMERCE COLOR VARIATION
   CAPSULE STYLE
   ========================================================= */


/* ---------------------------------------------------------
   1. COLOR SWATCH LIST
   --------------------------------------------------------- */

.single-product ul.swatch__list[data-attribute="pa_color"] {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;

    gap: 12px !important;

    margin: 10px 0 20px !important;
    padding: 0 !important;

    list-style: none !important;
}


/* ---------------------------------------------------------
   2. COLOR CAPSULE
   --------------------------------------------------------- */

.single-product ul.swatch__list[data-attribute="pa_color"]
.swatch__list--item {

    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;

    justify-content: flex-start !important;

    width: auto !important;
    min-width: 175px !important;

    height: 50px !important;

    padding: 6px 20px 6px 8px !important;

    margin: 0 !important;

    box-sizing: border-box !important;

    background: #ffffff !important;

    border: 1px solid #d5d5d5 !important;

    border-radius: 999px !important;

    cursor: pointer !important;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease !important;
}


/* ---------------------------------------------------------
   3. COLOR CIRCLE
   --------------------------------------------------------- */

.single-product ul.swatch__list[data-attribute="pa_color"]
.swatch__value {

    position: relative !important;

    display: block !important;

    flex: 0 0 34px !important;

    width: 34px !important;
    height: 34px !important;

    min-width: 34px !important;
    min-height: 34px !important;

    margin: 0 12px 0 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;

    border: 1px solid rgba(0, 0, 0, 0.10) !important;

    box-sizing: border-box !important;

    background-color: #ddd;
}


/* ---------------------------------------------------------
   4. TEXT
   --------------------------------------------------------- */

/*
   Claue normally treats .swatch__tooltip as a tooltip.
   We are converting it into permanent text.
*/

.single-product ul.swatch__list[data-attribute="pa_color"]
.swatch__tooltip {

    position: static !important;

    display: block !important;

    visibility: visible !important;

    opacity: 1 !important;

    width: auto !important;
    height: auto !important;

    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    color: #222222 !important;

    font-size: 14px !important;

    font-weight: 400 !important;

    line-height: 1.2 !important;

    white-space: nowrap !important;

    text-align: left !important;

    transform: none !important;

    box-shadow: none !important;
}


/* ---------------------------------------------------------
   5. REMOVE TOOLTIP ARROW
   --------------------------------------------------------- */

/*
   Claue can create the little triangle using
   :before / :after on the tooltip.
*/

.single-product ul.swatch__list[data-attribute="pa_color"]
.swatch__tooltip::before,

.single-product ul.swatch__list[data-attribute="pa_color"]
.swatch__tooltip::after {

    display: none !important;

    content: none !important;
}


/* ---------------------------------------------------------
   6. HOVER
   --------------------------------------------------------- */

.single-product ul.swatch__list[data-attribute="pa_color"]
.swatch__list--item:hover {

    border-color: #111111 !important;

    background: #ffffff !important;
}


/* ---------------------------------------------------------
   7. SELECTED COLOR
   --------------------------------------------------------- */

/*
   Claue/WooCommerce can use different classes depending
   on the selected variation.
*/

.single-product ul.swatch__list[data-attribute="pa_color"]
.swatch__list--item.active,

.single-product ul.swatch__list[data-attribute="pa_color"]
.swatch__list--item.selected,

.single-product ul.swatch__list[data-attribute="pa_color"]
.swatch__list--item.current,

.single-product ul.swatch__list[data-attribute="pa_color"]
.swatch__list--item.is-selected {

    border-color: #000000 !important;

    box-shadow:
        0 0 0 1px #000000 !important;

    background: #ffffff !important;
}


/* ---------------------------------------------------------
   8. DISABLED COLORS
   --------------------------------------------------------- */

.single-product ul.swatch__list[data-attribute="pa_color"]
.swatch__list--item.disabled {

    opacity: 0.40 !important;

    cursor: not-allowed !important;

    border-color: #d5d5d5 !important;

    box-shadow: none !important;
}


/* ---------------------------------------------------------
   9. DISABLED HOVER
   --------------------------------------------------------- */

.single-product ul.swatch__list[data-attribute="pa_color"]
.swatch__list--item.disabled:hover {

    border-color: #d5d5d5 !important;

    background: #ffffff !important;
}


/* ---------------------------------------------------------
   10. COLOR CIRCLE BORDER FOR WHITE
   --------------------------------------------------------- */

.single-product ul.swatch__list[data-attribute="pa_color"]
.swatch__value[style*="#ffffff"],

.single-product ul.swatch__list[data-attribute="pa_color"]
.swatch__value[style*="#FFFFFF"] {

    border-color: #bdbdbd !important;
}

.single-product .btn-atc form.variations_form > .price {
    display: block !important;
    margin: 0px 0 3px !important;
}

.single-product .btn-atc form.variations_form > .including-tax {
    font-size: 13px;
    color: #777;
    margin: 0 0 15px;
    line-height: 1.4;
}

.single-product .btn-atc .woocommerce-variation.single_variation > .price {
    display: none !important;
}
button.single_add_to_cart_button, button.single_add_to_cart_button:hover {
    background: #000 !important;
}
.cart .yith-wcwl-add-to-wishlist:hover, 
.cart .yith-wcwl-add-to-wishlist {
    border: none !Important;
}
.cart .yith-wcwl-add-to-wishlist a {
    display: block;
    font-size: 25px;
}
.cart .yith-wcwl-add-to-wishlist a i, .cart .yith-wcwl-add-to-wishlist a i:hover {
    fill: #ccc;
    color: #ccc;
    font-weight: 300;
}
.single-product .custom-product-accordions {
    width: 100%;
    margin-top: 25px;
}



.single-product .custom-accordion-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 0;
    margin: 0;
    border: 0;
    background: transparent;
    color: #616161;
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    width: 60%;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
	margin-bottom: 10px;
}

.single-product .accordion-icon {
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
}

.single-product .custom-accordion-content {
    display: none;
    padding: 0 0 18px;
    color: #666;
    font-size: 14px;
    line-height: 1.7;
}

.single-product .custom-accordion-content p {
    margin: 0 0 10px;
    color: #a8a8a8;
}
/* =========================================
   PRODUCT HIGHLIGHTS
   ========================================= */

.single-product .ciu-product-highlights {
    width: 100%;
    margin: 25px 0 10px;
}

.single-product .ciu-highlight-item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.5;
}

.single-product .ciu-highlight-icon {
    width: 22px;
    height: 22px;
    min-width: 22px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    border-radius: 50%;
}

.single-product .ciu-highlight-text {
    color: #a8a8a8;
}
.variations {
    display: block;
    margin-bottom: 0px !important;
}
.ciu-highlight-item i {
    fill: #a8a8a8;
    color: #a8a8a8;
    font-weight: 400;
}
.extra-link.mt__25.fwsb {
    display: none;
}
/* ---------------------------------------------------------
   11. MOBILE
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .single-product ul.swatch__list[data-attribute="pa_color"] {

        gap: 8px !important;

        margin-bottom: 18px !important;
    }


    .single-product ul.swatch__list[data-attribute="pa_color"]
    .swatch__list--item {

        min-width: 145px !important;

        height: 46px !important;

        padding: 5px 14px 5px 7px !important;
    }


    .single-product ul.swatch__list[data-attribute="pa_color"]
    .swatch__value {

        flex-basis: 30px !important;

        width: 30px !important;

        height: 30px !important;

        min-width: 30px !important;

        min-height: 30px !important;

        margin-right: 9px !important;
    }


    .single-product ul.swatch__list[data-attribute="pa_color"]
    .swatch__tooltip {

        font-size: 13px !important;
    }
}
/* Claue - 10px product grid gap */
.products.jas-row.jas-masonry {
    margin-left: -2px !important;
    margin-right: -2px !important;
}

.products.jas-row.jas-masonry > .jas-col-md-3 {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.products.jas-row.jas-masonry > .mt__30 {
    margin-top: 10px !important;
}
.products.jas-row.jas-masonry > .mt__30 img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    width: 100%;
}
.single-product .jas-col-md-3 {
    padding-left: 2px !important;
    padding-right: 2px !important;
}
/* Claue - 1 Product Per Row on Shop & Category Pages */


/* Mobile */
@media (max-width: 767px) {

    /* FORCE CLAUE SHOP + CATEGORY TO 1 PRODUCT PER ROW */

.woocommerce .products.products,
.woocommerce-page .products.products {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
}

.woocommerce .products.products > .product,
.woocommerce-page .products.products > .product {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.summary  .btn-atc.atc-popup {
     width: 100% !important;
}
}

/* Product page */
.product_title {
    font-size: 20px !important;
    color: #515151;
	font-weight: 500 !important;
}
span.woocommerce-Price-amount.amount {
    color: #515151 !important;
    font-size: 19px;
    font-weight: 500;
}
.summary  .btn-atc.atc-popup {
    border-top: 1px solid #cccccc8f;
    padding-top: 10px;
    width: 70%;
}
.swatch__title {
    color: #616161;
	font-weight: 500;
}
.swatch__list--item {
    border: 1px solid #eaeaea !important;
    color: #989898;
}
.swatch__list--item.is-selected {
    background: transparent !important;
    border-color: #8b8b8b !important;
    color: #8b8b8b !important;
	border-width: 2px;
}
.swatch__value {
    width: 34px !important;
    height: 30px !important;
    line-height: 30px !important;
}
.flex.between-xs.middle-xs.price-review {
    display: block;
}
.ciu-single-price-text {
    font-size: 10px;
    font-weight: 700;
}
.ciu-add-to-cart-text {
    padding-top: 20px;
    font-weight: 500;
    color: #a8a8a8;
}

/* =========================================================
   CLAUE METAL VARIATION - FINAL CSS
   ========================================================= */

/* Metal list */
.single-product ul.swatch__list[data-attribute="pa_metal"] {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin: 8px 0 20px !important;
    padding: 0 !important;
}


/* =========================================================
   CAPSULE
   ========================================================= */

.single-product ul.swatch__list[data-attribute="pa_metal"] > li {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;

    width: auto !important;
    min-width: 0 !important;
    height: 42px !important;

    padding: 4px 15px 4px 5px !important;

    background: #fff !important;

    border: 1px solid #d5d5d5 !important;
    border-radius: 25px !important;

    box-sizing: border-box !important;

    cursor: pointer !important;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease !important;
}


/* =========================================================
   METAL CIRCLE
   ========================================================= */

.single-product ul.swatch__list[data-attribute="pa_metal"] > li::before {

    content: "" !important;

    display: block !important;

    width: 32px !important;
    height: 32px !important;

    min-width: 32px !important;
    min-height: 32px !important;

    margin-right: 9px !important;

    border-radius: 50% !important;

    border: 1px solid #d5d5d5 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   STERLING SILVER
   ========================================================= */

.single-product ul.swatch__list[data-attribute="pa_metal"]
> li[data-variation="sterling-silver"]::before,
.single-product ul.swatch__list[data-attribute="pa_metal"]
> li[data-value="sterling-silver"]::before {

    background: linear-gradient(
        135deg,
        #ffffff 0%,
        #f2f2f2 30%,
        #cfcfcf 60%,
        #ffffff 100%
    ) !important;
	width: 40px !important;
    border-radius: 53px !important;
}


/* =========================================================
   GOLD VERMEIL
   ========================================================= */

.single-product ul.swatch__list[data-attribute="pa_metal"]
> li[data-variation="gold-vermeil"]::before, .single-product ul.swatch__list[data-attribute="pa_metal"]
> li[data-value="gold-vermeil"]::before {
    background: linear-gradient(
        135deg,
        #fff8a5 0%,
        #f6da55 35%,
        #d4af37 65%,
        #fff0a0 100%
    ) !important;
    width: 40px !important;
    border-radius: 53px !important;
}


/* =========================================================
   PERMANENT METAL NAME
   ========================================================= */

.single-product ul.swatch__list[data-attribute="pa_metal"]
> li .ciu-metal-label {

    display: inline-block !important;

    position: static !important;

    visibility: visible !important;
    opacity: 1 !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;

    color: #333 !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    line-height: 20px !important;

    white-space: nowrap !important;
}


/* =========================================================
   HIDE CLAUE TOOLTIP
   ========================================================= */

/* Hide tooltip elements */
.single-product ul.swatch__list[data-attribute="pa_metal"]
.tooltip,
.single-product ul.swatch__list[data-attribute="pa_metal"]
.swatch-tooltip,
.single-product ul.swatch__list[data-attribute="pa_metal"]
.swatch__tooltip {

    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}


/* Hide tooltip pseudo elements */
.single-product ul.swatch__list[data-attribute="pa_metal"]
> li::after {

    display: none !important;

    content: none !important;

    visibility: hidden !important;
    opacity: 0 !important;
}


/* =========================================================
   SELECTED VARIATION - DARK BORDER
   ========================================================= */

/* Claue selected states */
.single-product ul.swatch__list[data-attribute="pa_metal"]
> li.selected,

.single-product ul.swatch__list[data-attribute="pa_metal"]
> li.active,

.single-product ul.swatch__list[data-attribute="pa_metal"]
> li.current,

.single-product ul.swatch__list[data-attribute="pa_metal"]
> li.is-selected {

    border: 2px solid #222 !important;

    box-shadow: none !important;

    background: #fff !important;
}


/* Selected text */
.single-product ul.swatch__list[data-attribute="pa_metal"]
> li.selected .ciu-metal-label,

.single-product ul.swatch__list[data-attribute="pa_metal"]
> li.active .ciu-metal-label,

.single-product ul.swatch__list[data-attribute="pa_metal"]
> li.current .ciu-metal-label,

.single-product ul.swatch__list[data-attribute="pa_metal"]
> li.is-selected .ciu-metal-label {

    color: #222 !important;
    font-weight: 500 !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.single-product ul.swatch__list[data-attribute="pa_metal"]
> li:hover {

    border-color: #555 !important;

}


/* Don't change selected border on hover */
.single-product ul.swatch__list[data-attribute="pa_metal"]
> li.selected:hover,

.single-product ul.swatch__list[data-attribute="pa_metal"]
> li.active:hover,

.single-product ul.swatch__list[data-attribute="pa_metal"]
> li.current:hover,

.single-product ul.swatch__list[data-attribute="pa_metal"]
> li.is-selected:hover {

    border-color: #222 !important;

}


/* =========================================================
   REMOVE OLD CLAUE SWATCH STYLING
   ========================================================= */

.single-product ul.swatch__list[data-attribute="pa_metal"]
> li > a,

.single-product ul.swatch__list[data-attribute="pa_metal"]
> li > span {

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .single-product ul.swatch__list[data-attribute="pa_metal"] {
        gap: 8px !important;
    }

    .single-product ul.swatch__list[data-attribute="pa_metal"] > li {

        height: 40px !important;

        padding: 4px 13px 4px 5px !important;

    }

    .single-product ul.swatch__list[data-attribute="pa_metal"]
    > li::before {

        width: 30px !important;
        height: 30px !important;

        min-width: 30px !important;
        min-height: 30px !important;

    }

    .single-product ul.swatch__list[data-attribute="pa_metal"]
    > li .ciu-metal-label {

        font-size: 13px !important;

    }

}
.woocommerce  .page-head.pr.tc {
    display: none;
}
.single-product .jas-breadcrumb.bgbl.pt__20.pb__20.pl__15.pr__15.lh__1 {
    display: none;
}
.single-product .product.type-product {
    margin-top: 0;
}
.single-product  .summary.entry-summary.jas-sidebar-sticky.ts__05 {
    margin-top: 50px;
}