/* ===== LOADING SCREEN ===== */
        .loading-screen {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #f2f2df;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999;
            transition: opacity 0.6s ease-out, visibility 0.6s ease-out;
        }
body{
background-color:#f2f2df;
}
        .loading-screen.hidden {
            opacity: 0;
            visibility: hidden;
        }

        .loading-logo {
            position: relative;
            width: 100px;
            height: 100px;
            opacity: 0;
            animation: logoFadeIn 0.8s ease-out 0.2s forwards;
        }

        .loading-logo::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(
                90deg,
                transparent 40%,
                rgba(255, 255, 255, 0.4) 50%,
                transparent 60%
            );
            animation: sleekShimmer 2s ease-in-out infinite;
            border-radius: 12px;
            z-index: 2;
        }

        .loading-logo svg {
            position: relative;
            z-index: 3;
            width: 100%;
            height: 100%;
            fill: #a0a090;
            animation: sleekPulse 2.5s ease-in-out infinite;
            filter: drop-shadow(0 0 6px rgba(160, 160, 144, 0.2));
        }

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

        @keyframes sleekShimmer {
            0% {
                transform: translateX(-100%);
                opacity: 0;
            }
            50% {
                opacity: 1;
            }
            100% {
                transform: translateX(100%);
                opacity: 0;
            }
        }

        @keyframes sleekPulse {
            0%, 100% {
                opacity: 1;
                transform: scale(1);
            }
            50% {
                opacity: 0.7;
                transform: scale(1.03);
            }
        }

        /* ===== GLASS NAVBAR ===== */
        .glass-nav {
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            background: linear-gradient(135deg, rgba(242, 242, 223, 0.15) 0%, rgba(255, 255, 255, 0.1) 25%, rgba(242, 242, 223, 0.1) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(242, 242, 223, 0.2) 100%);
            border-bottom: 1px solid rgba(160, 160, 144, 0.2);
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
        }

        /* ===== PURCHASE BOX STYLES ===== */
        .purchase-box-mother-of-pearl {
            background: linear-gradient(135deg, 
                rgba(242, 242, 223, 0.8) 0%, 
                rgba(255, 255, 255, 0.6) 25%, 
                rgba(242, 242, 223, 0.8) 50%, 
                rgba(255, 255, 255, 0.4) 75%, 
                rgba(242, 242, 223, 0.8) 100%);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border: 1px solid rgba(160, 160, 144, 0.3);
            box-shadow: 
                0 8px 32px rgba(160, 160, 144, 0.2),
                inset 0 1px 0 rgba(255, 255, 255, 0.4);
            position: relative;
            overflow: hidden;
        }

       .purchase-box-mother-of-pearl {
  position: relative;
 
}
.bg-primary .space-y-6 .purchase-box-mother-of-pearl{
	overflow:visible;
}

/* Purchase box mother pearl */
.bg-primary:nth-child(2) .mx-auto:nth-child(1) .grid:nth-child(1) .space-y-6:nth-child(1) > .purchase-box-mother-of-pearl:nth-child(1){
	overflow:hidden;
}


@keyframes shimmer {
  100% {
    transform: translateX(100%); /* حرکت تا بیرون سمت راست */
  }
}

        /* ===== GLASS BUTTONS ===== */
        .glass-btn {
            background: linear-gradient(135deg, rgba(242, 242, 223, 0.8) 0%, rgba(255, 255, 255, 0.3) 25%, rgba(242, 242, 223, 0.6) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(242, 242, 223, 0.7) 100%);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border: 1px solid rgba(160, 160, 144, 0.3);
            box-shadow: 0 4px 16px rgba(160, 160, 144, 0.2);
            transition: all 0.3s ease;
            color: #1c1b1c !important;
            font-weight: 500;
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        }

        .glass-btn:hover {
            background: linear-gradient(135deg, 
                rgba(160, 160, 144, 0.3) 0%, 
                rgba(160, 160, 144, 0.2) 50%, 
                rgba(160, 160, 144, 0.3) 100%);
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(160, 160, 144, 0.3);
        }

        .glass-btn-primary {
background: linear-gradient(135deg, rgba(111, 108, 95, 0.9) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(111, 108, 95, 0.7) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(111, 108, 95, 0.8) 100%);
    color: #1c1b1c !important;
    font-weight: 700;
    text-shadow: 0 1px 3px rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.4);
    position: relative;
    overflow: hidden;
        }

        .glass-btn-primary:hover {
           background: linear-gradient(135deg, rgba(111, 108, 95, 0.9) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(111, 108, 95, 0.7) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(111, 108, 95, 0.8) 100%);

            transform: translateY(-3px);
            box-shadow: 0 12px 28px rgba(160, 160, 144, 0.4);
        }

        /* ===== NAD+ HIGHLIGHT ===== */
        .nad-highlight {
           background: #a0a090;
    padding: 0.1em 0.3em;
    border-radius: 4px;
    font-weight: 600;
    color: #f2f2df;
    text-shadow: none;
    border: 1px solid #a0a090;
    box-shadow: 0 1px 3px rgba(160, 160, 144, 0.3);
        }

        /* ===== FONT HEADING ===== */
        h1, .font-heading {
            font-family: 'Optima', 'Arial', sans-serif !important;
        }

        /* ===== RADIO BUTTON STYLES ===== */
        input[type="radio"] {
            accent-color: #a0a090;
        }

        /* ===== SELECT STYLES ===== */
        select {
            accent-color: #a0a090;
        }

        select:focus {
            outline: none;
            border-color: #a0a090;
        }

        /* ===== FAQ STYLES ===== */
        .faq-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
            opacity: 0;
        }

        .faq-content.show {
            max-height: 1000px;
            opacity: 1;
        }

        .faq-icon.rotated {
            transform: rotate(180deg);
        }

        .faq-toggle {
            transition: all 0.3s ease;
        }

        .faq-toggle:hover {
            color: #a0a090;
        }

        /* ===== WooCommerce Reviews Styles ===== */
        .commentlist {
            list-style: none;
            padding: 0;
        }

        .comment {
            margin-bottom: 1.5rem;
        }

        .comment .meta {
            font-size: 0.875rem;
            color: #6b7280;
        }

        .comment .star-rating {
            display: flex;
            color: #f4b400;
        }

        .comment .description {
            color: #4b5563;
            font-size: 0.875rem;
        }

        .comment-respond .comment-form {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
        }

        .comment-respond .comment-form p {
            margin-bottom: 0;
        }

        .comment-respond .comment-form label {
            display: block;
            font-weight: 500;
            color: #1c1b1c;
            margin-bottom: 0.5rem;
        }

        .comment-respond .comment-form input,
        .comment-respond .comment-form textarea {
            width: 100%;
            padding: 0.75rem 1rem;
            border: 1px solid #d1d5db;
            border-radius: 0.5rem;
            outline: none;
            transition: all 0.3s ease;
        }

        .comment-respond .comment-form input:focus,
        .comment-respond .comment-form textarea:focus {
            border-color: #a0a090;
            box-shadow: 0 0 0 2px rgba(160, 160, 144, 0.2);
        }

        .comment-respond .comment-form .form-submit input {
            width: auto;
            padding: 0.75rem 1.5rem;
            background: linear-gradient(135deg, 
                rgba(160, 160, 144, 0.8) 0%, 
                rgba(160, 160, 144, 0.6) 50%, 
                rgba(160, 160, 144, 0.8) 100%);
            border: 1px solid rgba(160, 160, 144, 0.4);
            box-shadow: 0 6px 20px rgba(160, 160, 144, 0.3);
            color: #1c1b1c;
            font-weight: 600;
            border-radius: 0.5rem;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .comment-respond .comment-form .form-submit input:hover {
            background: linear-gradient(135deg, 
                rgba(160, 160, 144, 0.9) 0%, 
                rgba(160, 160, 144, 0.7) 50%, 
                rgba(160, 160, 144, 0.9) 100%);
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(160, 160, 144, 0.4);
        }
        .stars{
        display:none;
        }
        
       /* Bundle Card Styles */
.bundle-card {
    transition: all 0.3s ease;
}
.bundle-card.selected {
    border: 2px solid #a0a090;
    box-shadow: 0 4px 12px rgba(160, 160, 144, 0.3);
}
.bundle-radio.hidden {
    display: none;
}