/* ==========================================================================
   PalmTalks — Luxury Vedic & AI Palmistry Design System (palmtalks-luxury.css)
   ========================================================================== */

:root {
    --pt-cosmic-bg: #080614;
    --pt-cosmic-card: #120E29;
    --pt-cosmic-surface: #1A1438;
    --pt-gold: #F5B041;
    --pt-gold-light: #FFE082;
    --pt-gold-gradient: linear-gradient(135deg, #F5B041 0%, #FFD166 50%, #E67E22 100%);
    --pt-royal-gradient: linear-gradient(135deg, #6B41FF 0%, #B73CFF 55%, #F5B041 100%);
    --pt-border-gold: rgba(245, 176, 65, 0.28);
    --pt-border-subtle: rgba(255, 255, 255, 0.1);
    --pt-text-cream: #F9F6F0;
    --pt-text-muted: #B9B4D0;
    --pt-font-reading: 'Plus Jakarta Sans', 'Noto Sans Devanagari', -apple-system, BlinkMacSystemFont, sans-serif;
    --pt-font-serif: 'Cormorant Garamond', 'Noto Sans Devanagari', Georgia, serif;
}

/* Hide distracting custom mouse cursor, robot shape & render-blocking preloader */
.mouseCursor,
.robot-shape,
.preloader {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Top Conversion Announcement Bar */
.pt-topbar {
    background: linear-gradient(90deg, #160F36 0%, #2A1659 50%, #160F36 100%);
    border-bottom: 1px solid rgba(245, 176, 65, 0.35);
    color: #fff;
    font-size: 12px;
    padding: 9px 15px;
    text-align: center;
    position: relative;
    z-index: 100000;
    letter-spacing: 0.2px;
    font-family: var(--pt-font-reading);
}

.pt-topbar-badge {
    background: var(--pt-gold-gradient);
    color: #080614;
    font-weight: 800;
    font-size: 11px;
    text-transform: uppercase;
    padding: 3px 9px;
    border-radius: 50px;
    margin-right: 8px;
    letter-spacing: 0.6px;
    display: inline-block;
}

.pt-topbar a {
    color: var(--pt-gold-light) !important;
    font-weight: 700;
    text-decoration: underline;
    margin-left: 6px;
}

.pt-topbar a:hover {
    color: #fff !important;
}

/* Unified Classy Header Adjustments */
.header-1 {
    top: 50px;
}
.header-1.sticky,
.header-3.sticky {
    top: 0 !important;
    background: rgba(10, 7, 24, 0.96) !important;
    backdrop-filter: blur(16px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.45);
    border-bottom: 1px solid var(--pt-border-gold);
}

.header-3 {
    background: #0D0920 !important;
    border-bottom: 1px solid rgba(245, 176, 65, 0.2);
}

.header-3 .header-main {
    padding: 10px 0px;
}

.header-3 .header-main .main-menu ul li a {
    color: #F4F1FA !important;
}

.header-3 .header-main .main-menu ul li a:hover {
    color: var(--pt-gold) !important;
}

.header-3 .sidebar__toggle .header-bar span {
    background: #fff !important;
}

/* Navigation Dropdown for Future Reading Services */
.main-menu ul li .submenu {
    background: #120D2B !important;
    border-top: 3px solid var(--pt-gold) !important;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.6) !important;
    min-width: 270px !important;
    padding: 12px 0 !important;
}

.main-menu ul li .submenu li a {
    color: #EAE6F8 !important;
    font-size: 13px !important;
    text-transform: none !important;
    padding: 6px 24px !important;
    line-height: 28px !important;
}

.main-menu ul li .submenu li a:hover {
    color: var(--pt-gold) !important;
}

/* Luxury Gold & Royal Buttons */
.pt-btn-gold {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: var(--pt-gold-gradient);
    color: #0B0719 !important;
    font-weight: 800;
    font-size: 16px;
    padding: 16px 34px;
    border-radius: 50px;
    border: none;
    box-shadow: 0 8px 28px rgba(245, 176, 65, 0.38);
    transition: all 0.3s ease;
    text-decoration: none;
    cursor: pointer;
}

.pt-btn-gold:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 34px rgba(245, 176, 65, 0.58);
    color: #000 !important;
}

.pt-btn-outline-gold {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(255, 255, 255, 0.06);
    color: #fff !important;
    font-weight: 600;
    font-size: 15.5px;
    padding: 15px 30px;
    border-radius: 50px;
    border: 1.5px solid rgba(245, 176, 65, 0.55);
    backdrop-filter: blur(8px);
    transition: all 0.3s ease;
    text-decoration: none;
}

.pt-btn-outline-gold:hover {
    background: rgba(245, 176, 65, 0.16);
    border-color: var(--pt-gold);
    color: var(--pt-gold-light) !important;
    transform: translateY(-2px);
}

/* Hero Badges & Trust Strips */
.pt-hero-eyebrow,
.pt-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgb(34 29 61);
    border: 1px solid rgba(245, 176, 65, 0.45);
    color: var(--pt-gold-light);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 13.5px;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    margin-bottom: 18px;
    font-family: var(--pt-font-reading);
}

.pt-hero-trust-pills,
.pt-hero-trust-strip {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px 26px;
    margin-top: 28px;
    padding: 0;
    list-style: none;
}

.pt-hero-trust-pills li,
.pt-trust-item {
    color: #E2DDF5;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: var(--pt-font-reading);
}

.pt-hero-trust-pills li i,
.pt-trust-item i {
    color: var(--pt-gold);
}

/* Future Prediction Topic Cards (6 Pillars of Palmistry) */
.pt-topic-card,
.pt-future-card {
    background: linear-gradient(160deg, rgba(28, 21, 62, 0.94) 0%, rgba(15, 11, 35, 0.98) 100%);
    border: 1px solid rgba(245, 176, 65, 0.25);
    border-radius: 20px;
    padding: 30px 26px;
    height: 100%;
    transition: all 0.35s ease;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pt-topic-card:hover,
.pt-future-card:hover {
    transform: translateY(-6px);
    border-color: var(--pt-gold);
    box-shadow: 0 18px 40px rgba(107, 65, 255, 0.25), 0 0 25px rgba(245, 176, 65, 0.15);
}

.pt-topic-icon,
.pt-future-icon {
    width: 58px;
    height: 58px;
    border-radius: 16px;
    background: rgba(245, 176, 65, 0.14);
    border: 1px solid rgba(245, 176, 65, 0.38);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: var(--pt-gold);
    margin-bottom: 18px;
}

.pt-topic-card h3,
.pt-future-card h3 {
    color: #fff !important;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 10px;
    font-family: var(--pt-font-reading);
}

.pt-topic-card p,
.pt-future-card p {
    color: #D0C9E8 !important;
    font-size: 14.8px;
    line-height: 1.68;
    margin-bottom: 18px;
    font-family: var(--pt-font-reading);
}

.pt-topic-link,
.pt-card-link {
    color: var(--pt-gold-light) !important;
    font-weight: 700;
    font-size: 14.5px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.25s ease;
}

.pt-topic-link:hover,
.pt-card-link:hover {
    color: #fff !important;
    gap: 10px;
}

/* Sample Reading Showcase Cards */
.pt-sample-card {
    background: linear-gradient(155deg, #161032 0%, #0E0A22 100%);
    border: 1px solid rgba(245, 176, 65, 0.32);
    border-radius: 20px;
    padding: 28px;
    height: 100%;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    display: flex;
    flex-direction: column;
}

.pt-sample-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12.5px;
    font-weight: 700;
    color: var(--pt-gold-light);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.pt-sample-question {
    background: rgba(107, 65, 255, 0.18);
    border-left: 4px solid var(--pt-gold);
    padding: 12px 16px;
    border-radius: 8px;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 16px;
    font-family: var(--pt-font-reading);
}

.pt-sample-answer {
    color: #E2DDF5;
    font-size: 14.5px;
    line-height: 1.75;
    font-family: var(--pt-font-reading);
    flex-grow: 1;
}

.pt-sample-answer strong {
    color: var(--pt-gold-light);
}

.pt-sample-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.pt-sample-tag {
    background: rgba(245, 176, 65, 0.12);
    border: 1px solid rgba(245, 176, 65, 0.3);
    color: var(--pt-gold-light);
    font-size: 11.5px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 50px;
}

/* Pricing Section & Card Layout (Fixes Text Overlap & Unifies Dark Luxury Theme) */
.gt-pricing-section.section-bg-4 {
    background: radial-gradient(circle at 50% 10%, rgba(107, 65, 255, 0.16) 0%, transparent 45%),
                linear-gradient(180deg, #090616 0%, #110B28 60%, #090616 100%) !important;
}

.gt-pricing-section.section-bg-4 .gt-section-title h6,
.gt-pricing-section .gt-section-title h6 {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    color: var(--pt-gold-light) !important;
    background: rgb(34, 29, 61) !important;
    border: 1px solid rgba(245, 176, 65, 0.45) !important;
    padding: 8px 22px !important;
    border-radius: 50px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.7px !important;
    text-transform: uppercase !important;
    margin-bottom: 18px !important;
}

.gt-pricing-section.section-bg-4 .gt-section-title h2 {
    color: #FFFFFF !important;
}

.gt-pricing-section.section-bg-4 .gt-section-title h2 span {
    color: var(--pt-gold) !important;
}

.gt-pricing-section.section-bg-4 .gt-section-title p {
    color: #D4CEE8 !important;
}

.gt-pricing-box-items,
.gt-pricing-box-items.style-2,
.gt-pricing-box-items.style-2.active-2 {
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(165deg, #150F30 0%, #0B071C 100%) !important;
    border: 1.5px solid rgba(245, 176, 65, 0.28) !important;
    border-radius: 22px !important;
    padding: 38px 30px 34px !important;
    margin-top: 32px !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.45) !important;
    transition: all 0.32s ease !important;
}

.gt-pricing-box-items::after,
.gt-pricing-box-items:hover::after,
.gt-pricing-box-items .gradient-bg {
    display: none !important;
}

.gt-pricing-box-items.pt-popular-plan,
.gt-pricing-box-items.style-2.active-2 {
    background: linear-gradient(165deg, #1E1446 0%, #0F0A26 100%) !important;
    border: 2px solid #F5B041 !important;
    box-shadow: 0 22px 55px rgba(245, 176, 65, 0.18), 0 0 30px rgba(107, 65, 255, 0.22) !important;
    transform: translateY(-6px);
}

.gt-pricing-box-items:hover {
    border-color: #F5B041 !important;
    transform: translateY(-6px);
    box-shadow: 0 22px 50px rgba(0, 0, 0, 0.55), 0 0 25px rgba(245, 176, 65, 0.16) !important;
}

.pt-pricing-badge {
    position: absolute;
    top: -15px;
    right: 24px;
    background: var(--pt-gold-gradient);
    color: #080614 !important;
    font-family: var(--pt-font-reading);
    font-weight: 800;
    font-size: 12px;
    text-transform: uppercase;
    padding: 6px 16px;
    border-radius: 50px;
    letter-spacing: 0.6px;
    box-shadow: 0 6px 18px rgba(245, 176, 65, 0.45);
    z-index: 20;
    white-space: nowrap;
}

/* Fix Pricing Header Stacking — Eliminate Absolute Positioning Overlap */
.gt-pricing-box-items .gt-pricing-header,
.gt-pricing-box-items.style-2 .gt-pricing-header,
.gt-pricing-box-items.style-2.active-2 .gt-pricing-header {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding-bottom: 24px !important;
    border-bottom: 1px solid rgba(245, 176, 65, 0.22) !important;
    z-index: 9;
}

.gt-pricing-box-items .gt-pricing-header .sub-texts,
.gt-pricing-box-items.style-2 .gt-pricing-header .sub-texts,
.gt-pricing-box-items.style-2.active-2 .gt-pricing-header .sub-texts {
    position: static !important;
    top: auto !important;
    right: auto !important;
    order: 1 !important;
    display: block !important;
    font-family: var(--pt-font-reading) !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    color: #FFE082 !important;
    margin: 0 !important;
}

.gt-pricing-box-items .gt-pricing-header h2,
.gt-pricing-box-items.style-2 .gt-pricing-header h2,
.gt-pricing-box-items.style-2.active-2 .gt-pricing-header h2 {
    order: 2 !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 3px !important;
    font-family: var(--pt-font-reading) !important;
    font-size: 58px !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
    color: #FFFFFF !important;
    margin: 2px 0 4px 0 !important;
}

.gt-pricing-box-items .gt-pricing-header h2 sup,
.gt-pricing-box-items.style-2 .gt-pricing-header h2 sup,
.gt-pricing-box-items.style-2.active-2 .gt-pricing-header h2 sup {
    position: static !important;
    top: auto !important;
    margin: 6px 2px 0 0 !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #F5B041 !important;
}

.pt-per-question-pill,
.pt-per-question-cost {
    order: 3 !important;
    display: inline-block;
    background: rgba(245, 176, 65, 0.15);
    border: 1px solid rgba(245, 176, 65, 0.42);
    color: var(--pt-gold-light) !important;
    font-family: var(--pt-font-reading);
    font-size: 13px;
    font-weight: 700;
    padding: 5px 14px;
    border-radius: 50px;
    margin-top: 2px;
}

/* Pricing List & CTA Button */
.gt-pricing-box-items .gt-pricing-list li,
.gt-pricing-box-items.style-2 .gt-pricing-list li,
.gt-pricing-box-items.style-2.active-2 .gt-pricing-list li {
    color: #EAE6F8 !important;
    font-family: var(--pt-font-reading) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
    text-transform: none !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
}

.gt-pricing-box-items .gt-pricing-list li i,
.gt-pricing-box-items.style-2 .gt-pricing-list li i,
.gt-pricing-box-items.style-2.active-2 .gt-pricing-list li i {
    color: #F5B041 !important;
    margin-top: 4px !important;
    margin-right: 0 !important;
    flex-shrink: 0;
}

.gt-pricing-box-items .gt-pricing-list li strong {
    color: #FFE082 !important;
}

.gt-pricing-box-items .gt-theme-btn,
.gt-pricing-box-items.style-2 .gt-theme-btn,
.gt-pricing-box-items.style-2.active-2 .gt-theme-btn {
    background: linear-gradient(135deg, #6B41FF 0%, #B73CFF 55%, #F5B041 100%) !important;
    color: #FFFFFF !important;
    font-family: var(--pt-font-reading) !important;
    font-weight: 800 !important;
    font-size: 15.5px !important;
    padding: 16px 22px !important;
    border-radius: 14px !important;
    margin-top: 24px !important;
    box-shadow: 0 8px 24px rgba(107, 65, 255, 0.3) !important;
}

.gt-pricing-box-items.pt-popular-plan .gt-theme-btn,
.gt-pricing-box-items.style-2.active-2 .gt-theme-btn {
    background: var(--pt-gold-gradient) !important;
    color: #080614 !important;
    box-shadow: 0 10px 28px rgba(245, 176, 65, 0.38) !important;
}

.gt-pricing-box-items .gt-theme-btn::after,
.gt-pricing-box-items.style-2 .gt-theme-btn::after,
.gt-pricing-box-items.style-2.active-2 .gt-theme-btn::after {
    display: none !important;
}

/* Dashboard & My Questions UX Components */
.pt-onboarding-stepper,
.pt-stepper {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 28px;
    background: linear-gradient(135deg, #161032 0%, #24174E 100%);
    padding: 20px 24px;
    border-radius: 16px;
    border: 1px solid rgba(245, 176, 65, 0.35);
    color: #fff;
}

.pt-step-item,
.pt-step {
    flex: 1 1 220px;
    display: flex;
    align-items: center;
    gap: 14px;
    font-weight: 700;
}

.pt-step-circle,
.pt-step-num {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 15px;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    border: 1.5px solid rgba(255, 255, 255, 0.25);
}

.pt-step-item.completed .pt-step-circle,
.pt-step.completed .pt-step-num {
    background: #10B981;
    border-color: #10B981;
    color: #fff;
}

.pt-step-item.active .pt-step-circle,
.pt-step.active .pt-step-num {
    background: var(--pt-gold-gradient);
    border-color: var(--pt-gold);
    color: #080614;
}

.pt-question-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.pt-chip-btn,
.pt-chip {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(245, 176, 65, 0.35);
    color: #F4F1FA;
    font-family: var(--pt-font-reading);
    font-size: 13.5px;
    font-weight: 600;
    padding: 8px 15px;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.22s ease;
    text-align: left;
}

.pt-chip-btn:hover,
.pt-chip:hover {
    background: rgba(245, 176, 65, 0.2);
    border-color: var(--pt-gold);
    color: #FFE082;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(245, 176, 65, 0.2);
}

/* AI Palm Scanning Loader */
.pt-scanner-box {
    display: none;
    background: linear-gradient(135deg, #120C2B 0%, #1F1447 100%);
    border: 1px solid var(--pt-gold);
    border-radius: 16px;
    padding: 28px 24px;
    text-align: center;
    color: #fff;
    box-shadow: 0 12px 30px rgba(107, 65, 255, 0.25);
}

.pt-scanner-box.active {
    display: block;
}

.pt-scanner-pulse,
.pt-scanner-hand {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: rgba(245, 176, 65, 0.16);
    border: 2px solid var(--pt-gold);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: var(--pt-gold);
    margin-bottom: 14px;
    position: relative;
    overflow: hidden;
    animation: ptPulse 1.6s infinite ease-in-out;
}

@keyframes ptPulse {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(245, 176, 65, 0.6); }
    70% { transform: scale(1.06); box-shadow: 0 0 0 18px rgba(245, 176, 65, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(245, 176, 65, 0); }
}

/* ==========================================================================
   LUXURY HTML PALMISTRY READING REPORT DESIGN SYSTEM
   ========================================================================== */

.pt-reading-live-card {
    background: #f8f5f0;
    border: 1px solid rgba(245, 176, 65, 0.28);
    border-radius: 20px;
    padding: 0;
    color: #F5F2EB;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45);
    overflow: hidden;
    font-family: var(--pt-font-reading);
}

.pt-reading-live-header {
    background: #201537;
    border-bottom: 1px solid rgba(245, 176, 65, 0.22);
    padding: 16px 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.pt-reading-live-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--pt-font-serif);
    font-size: 22px;
    font-weight: 700;
    color: #FFE082;
    letter-spacing: 0.3px;
    margin: 0;
}

.pt-reading-live-badge {
    background: rgba(16, 185, 129, 0.16);
    border: 1px solid rgba(16, 185, 129, 0.45);
    color: #6EE7B7;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 50px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

.pt-reading-live-body {
    padding: 24px;
}

/* Core Report Container (used in both Live Answer & Saved Accordion) */
.pt-reading-report {
    font-family: var(--pt-font-reading);
    font-size: 16px;
    line-height: 1.82;
    color: #F2EFE9;
    letter-spacing: 0.15px;
}

/* Structured Section inside Reading - Clean, Unboxed Editorial Style */
.pt-reading-section {
    background: transparent !important;
    border: none !important;
    border-left: none !important;
    border-radius: 0 !important;
    padding: 0 0 24px 0 !important;
    margin-bottom: 24px !important;
    box-shadow: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    transition: none !important;
}

.pt-reading-section:hover {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.pt-reading-section:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.pt-reading-section-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(245, 176, 65, 0.2);
}

.pt-sec-icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(245, 176, 65, 0.14);
    border: 1px solid rgba(245, 176, 65, 0.35);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #FFD166;
    font-size: 14px;
    flex-shrink: 0;
}

.pt-reading-section-title {
    font-family: var(--pt-font-serif);
    font-size: 20px;
    font-weight: 700;
    color: #FFE082 !important;
    margin: 0 !important;
    line-height: 1.3;
    letter-spacing: 0.2px;
}

.pt-reading-p {
    font-family: var(--pt-font-reading);
    font-size: 15.6px;
    line-height: 1.8;
    color: #F0ECF8 !important;
    margin: 0 0 12px 0 !important;
}

.pt-reading-p:last-child {
    margin-bottom: 0 !important;
}

/* Dedicated Hand Subtitle (e.g. Right Hand / Left Hand) */
.pt-hand-subtitle {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: var(--pt-font-serif);
    color: #FFE082 !important;
    font-size: 16px;
    font-weight: 700;
    margin: 18px 0 8px 0;
    padding-top: 4px;
    letter-spacing: 0.2px;
    border: none !important;
    background: transparent !important;
}

.pt-hand-subtitle:first-child {
    margin-top: 6px;
}

/* Styled Bullet Lists inside Reading (100% Unboxed, Pristine Typography) */
.pt-reading-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 6px 0 14px 0 !important;
    border: none !important;
}

.pt-reading-list li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 5px 0 !important;
    margin-bottom: 4px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 15.4px !important;
    line-height: 1.74 !important;
    color: #EDE8F5 !important;
}

.pt-reading-list li:last-child {
    margin-bottom: 0 !important;
}

/* Handle legacy or unparsed hand headings inside <li> gracefully without borders */
.pt-reading-list li:has(> div > strong:only-child) {
    margin-top: 14px !important;
    margin-bottom: 6px !important;
    font-size: 16px !important;
    color: #FFE082 !important;
}

.pt-reading-list li:has(> div > strong:only-child) .pt-bullet-icon {
    display: none !important;
}

.pt-bullet-icon {
    color: #F5B041 !important;
    font-size: 11px !important;
    margin-top: 5px !important;
    flex-shrink: 0 !important;
}

/* Inline Highlights & Vedic Terms */
.pt-reading-report strong,
.pt-reading-body strong {
    color: #FFE082 !important;
    font-weight: 700;
}

.pt-reading-report em,
.pt-reading-body em {
    color: #E9D5FF !important;
    font-style: italic;
    background: rgba(168, 85, 247, 0.12);
    padding: 1px 6px;
    border-radius: 4px;
    border: none !important;
}

.pt-time-pill {
    display: inline-block;
    background: rgba(245, 176, 65, 0.18);
    border: 1px solid rgba(245, 176, 65, 0.45);
    color: #FEF08A !important;
    font-weight: 700;
    font-size: 14.5px;
    padding: 0px 8px;
    border-radius: 6px;
    margin: 0 2px;
}

/* Saved Readings Accordion: Seamless Astrological Timeline Stream (Zero Rigid Boxes) */
.gt-faq-wrapper .accordion.style-inner-faq .accordion-item,
.style-inner-faq .accordion-item {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
    overflow: hidden;
    transition: background 0.2s ease;
}

.gt-faq-wrapper .accordion.style-inner-faq .accordion-item:last-child,
.style-inner-faq .accordion-item:last-child {
    border-bottom: none !important;
}

.gt-faq-wrapper .accordion.style-inner-faq .accordion-button,
.gt-faq-wrapper .accordion.style-inner-faq .accordion-button.collapsed,
.style-inner-faq .accordion-button,
.style-inner-faq .accordion-button.collapsed {
    background: transparent !important;
    color: #F9F6F0 !important;
    font-family: var(--pt-font-reading) !important;
    font-size: 15.5px !important;
    font-weight: 600 !important;
    padding: 18px 14px !important;
    line-height: 1.5 !important;
    box-shadow: none !important;
    border-radius: 12px !important;
    transition: all 0.22s ease;
}

.gt-faq-wrapper .accordion.style-inner-faq .accordion-button:hover,
.style-inner-faq .accordion-button:hover {
    background: rgba(255, 255, 255, 0.03) !important;
}

.gt-faq-wrapper .accordion.style-inner-faq .accordion-button span,
.gt-faq-wrapper .accordion.style-inner-faq .accordion-button.collapsed span,
.style-inner-faq .accordion-button span {
    color: #F9F6F0 !important;
}

.gt-faq-wrapper .accordion.style-inner-faq .accordion-button .pt-q-index-badge,
.style-inner-faq .accordion-button .pt-q-index-badge {
    color: #FFE082 !important;
}

.gt-faq-wrapper .accordion.style-inner-faq .accordion-button .pt-q-date-badge,
.style-inner-faq .accordion-button .pt-q-date-badge {
    color: #A89FC9 !important;
}

.gt-faq-wrapper .accordion.style-inner-faq .accordion-button.collapsed::before,
.gt-faq-wrapper .accordion.style-inner-faq .accordion-button::before {
    color: #F5B041 !important;
}

.gt-faq-wrapper .accordion.style-inner-faq .accordion-button:not(.collapsed),
.style-inner-faq .accordion-button:not(.collapsed) {
    background: rgba(245, 176, 65, 0.06) !important;
    color: #FFE082 !important;
    border-bottom: 1px solid rgba(245, 176, 65, 0.18) !important;
    border-radius: 12px 12px 0 0 !important;
}

.gt-faq-wrapper .accordion.style-inner-faq .accordion-button:not(.collapsed) span,
.style-inner-faq .accordion-button:not(.collapsed) span {
    color: #FFE082 !important;
}

.gt-faq-wrapper .accordion.style-inner-faq .accordion-body,
.style-inner-faq .accordion-body {
    background: rgba(8, 5, 20, 0.45) !important;
    padding: 22px 18px !important;
    color: #F2EFE9 !important;
    border-radius: 0 0 12px 12px !important;
}

/* ==========================================================================
   MY-QUESTIONS: LUXURY VEDIC & AI PALMISTRY CONSULTATION STUDIO
   ========================================================================== */

.pt-studio-section {
    background: radial-gradient(circle at 18% 12%, rgba(107, 65, 255, 0.16) 0%, transparent 42%),
                radial-gradient(circle at 85% 28%, rgba(245, 176, 65, 0.11) 0%, transparent 40%),
                linear-gradient(180deg, #090616 0%, #100B26 55%, #090616 100%) !important;
    padding: 48px 0 80px !important;
    position: relative;
    font-family: var(--pt-font-reading);
    color: #F5F2EB;
}

/* Top Active Palm Blueprint & Credit Wallet Bar */
.pt-blueprint-bar {
    background: rgba(18, 12, 42, 0.65);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 18px 24px;
    margin-bottom: 26px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
}

.pt-blueprint-left {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
}

.pt-palm-thumb-pair {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pt-palm-mini-card {
    position: relative;
    width: 58px;
    height: 58px;
    border-radius: 14px;
    overflow: hidden;
    border: 1.5px solid rgba(245, 176, 65, 0.4);
    background: #080614;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
    flex-shrink: 0;
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.pt-palm-mini-card:hover {
    transform: scale(1.06);
    border-color: #FFE082;
    box-shadow: 0 6px 18px rgba(245, 176, 65, 0.25);
}

.pt-palm-mini-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pt-palm-mini-tag {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(8, 6, 20, 0.88);
    color: #FFE082;
    font-size: 9.5px;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    padding: 2px 0;
    letter-spacing: 0.5px;
}

.pt-blueprint-info h3 {
    font-family: var(--pt-font-serif);
    font-size: 22px;
    font-weight: 700;
    color: #fff !important;
    margin: 0 0 5px 0 !important;
    display: flex;
    align-items: center;
     flex-wrap: wrap;
    gap: 10px;
}

.pt-verified-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: rgba(16, 185, 129, 0.16);
    border: 1px solid rgba(16, 185, 129, 0.45);
    color: #6EE7B7;
    font-family: var(--pt-font-reading);
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.pt-blueprint-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 14px;
    font-size: 13.5px;
    color: #CBC4E3;
}

.pt-blueprint-meta span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.pt-blueprint-meta i {
    color: var(--pt-gold);
    font-size: 12.5px;
}

.pt-blueprint-meta a {
    color: var(--pt-gold-light) !important;
    font-weight: 600;
    text-decoration: underline;
    font-size: 12.5px;
}

.pt-wallet-cluster {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    background: rgba(245, 176, 65, 0.07);
    border: 1px solid rgba(245, 176, 65, 0.22);
    padding: 8px 18px;
    border-radius: 50px;
}

.pt-wallet-balance {
    font-size: 13.8px;
    color: #F5F2EB;
    line-height: 1.4;
}

/* Main Consultation Console Card */
.pt-console-card {
    background: rgba(16, 11, 38, 0.68);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px;
    padding: 28px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
    position: relative;
    overflow: hidden;
}

.pt-console-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 8%;
    right: 8%;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(245, 176, 65, 0.6) 50%, transparent 100%);
}

/* Question Topics Area (Unboxed, Modern Floating Strip) */
.pt-smart-deck {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    margin-bottom: 24px;
}

.pt-smart-deck-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.pt-smart-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #FFE082;
}

.pt-smart-eyebrow i {
    color: #F5B041;
}

.pt-last-asked-pill {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #C4BCE0;
    font-size: 12px;
    padding: 3px 12px;
    border-radius: 50px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Category Filter Tabs (Sleek Horizontal Segmented Glass Chips) */
.pt-icon-cat-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
    margin-bottom: 12px;
}

.pt-icon-cat-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 14px;
    padding: 11px 6px;
    text-align: center;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #D8D2EC;
    min-width: 0;
}

.pt-icon-cat-card .pt-cat-icon-circle {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(245, 176, 65, 0.08);
    border: 1px solid rgba(245, 176, 65, 0.2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13.5px;
    color: #F5B041;
    transition: all 0.25s ease;
    flex-shrink: 0;
}

.pt-icon-cat-card span:not(.pt-cat-icon-circle) {
    font-size: 11px;
    font-weight: 600;
    line-height: 1.25;
    white-space: nowrap;
    letter-spacing: -0.15px;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
}

.pt-icon-cat-card:hover {
    background: rgba(245, 176, 65, 0.08);
    border-color: rgba(245, 176, 65, 0.3);
    color: #FFE082;
    transform: translateY(-2px);
}

.pt-icon-cat-card:hover .pt-cat-icon-circle {
    background: rgba(245, 176, 65, 0.16);
    border-color: rgba(245, 176, 65, 0.4);
    color: #FFE082;
    transform: scale(1.05);
}

.pt-icon-cat-card.active {
    background: linear-gradient(145deg, rgba(245, 176, 65, 0.16) 0%, rgba(107, 65, 255, 0.16) 100%);
    border-color: rgba(245, 176, 65, 0.5);
    color: #FFE082;
    box-shadow: 0 4px 18px rgba(245, 176, 65, 0.16);
}

.pt-icon-cat-card.active .pt-cat-icon-circle {
    background: var(--pt-gold-gradient);
    color: #080614;
    border-color: transparent;
    box-shadow: 0 0 12px rgba(245, 176, 65, 0.4);
}

.pt-cat-accordion-drawer {
    background: rgba(12, 8, 28, 0.85);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(245, 176, 65, 0.22);
    border-radius: 16px;
    padding: 16px 18px;
    margin-top: 10px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);
    animation: ptDrawerFadeIn 0.25s ease;
}

@keyframes ptDrawerFadeIn {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Optional Settings Accordion Toggle */
.pt-options-toggle-btn {
    width: 100%;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    padding: 10px 16px;
    color: #CBC4E3;
    font-family: var(--pt-font-reading);
    font-size: 13px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    margin-bottom: 14px;
    transition: all 0.2s ease;
}

.pt-options-toggle-btn:hover {
    background: rgba(245, 176, 65, 0.08);
    border-color: rgba(245, 176, 65, 0.3);
    color: #FFE082;
}
@media (max-width: 767px) {
    .pt-wallet-cluster {
        width: 100%;
        border-radius: 16px;
        padding: 12px 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }
    .pt-wallet-balance {
        font-size: 13px;
        flex: 1;
    }
    .pt-blueprint-info h3 {
        font-size: 19px;
    }
    .pt-icon-cat-grid {
        display: flex;
        overflow-x: auto;
        gap: 8px;
        padding-bottom: 4px;
        scrollbar-width: none;
        -ms-overflow-style: none;
        -webkit-overflow-scrolling: touch;
    }
    .pt-icon-cat-grid::-webkit-scrollbar {
        display: none;
    }
    .pt-icon-cat-card {
        flex: 0 0 88px;
        min-width: 88px;
        padding: 10px 4px;
    }
    .pt-icon-cat-card span:not(.pt-cat-icon-circle) {
        white-space: normal;
        line-height: 1.15;
        max-height: 26px;
        font-size: 10.5px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .pt-composer-label {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        margin-bottom: 8px;
    }
    .pt-composer-label small {
        font-size: 11.5px;
    }
    .pt-cat-accordion-drawer {
        padding: 14px 12px;
    }
    .pt-sug-card {
        padding: 11px 12px;
        font-size: 13px;
    }
    .pt-journal-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    .pt-journal-search {
        width: 100%;
        min-width: auto;
    }
    .pt-journal-title {
        font-size: 21px;
    }
}

.pt-topic-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.pt-topic-tab {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #D0C9E8;
    font-family: var(--pt-font-reading);
    font-size: 13px;
    font-weight: 600;
    padding: 7px 14px;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.22s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.pt-topic-tab:hover {
    background: rgba(245, 176, 65, 0.12);
    color: #fff;
    border-color: rgba(245, 176, 65, 0.4);
}

.pt-topic-tab.active {
    background: var(--pt-gold-gradient);
    color: #080614 !important;
    border-color: transparent;
    font-weight: 800;
    box-shadow: 0 4px 14px rgba(245, 176, 65, 0.35);
}

/* 2-Column Interactive Suggestion Cards Grid */
.pt-sug-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.pt-sug-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 12px;
    padding: 12px 14px;
    color: #F4F1FA;
    font-family: var(--pt-font-reading);
    font-size: 13.5px;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    transition: all 0.22s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    line-height: 1.45;
}

.pt-sug-card:hover {
    background: rgba(245, 176, 65, 0.1);
    border-color: rgba(245, 176, 65, 0.38);
    color: #FFE082;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}

.pt-sug-card-arrow {
    color: var(--pt-gold);
    font-size: 12px;
    opacity: 0.75;
    flex-shrink: 0;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.pt-sug-card:hover .pt-sug-card-arrow {
    transform: translateX(3px);
    opacity: 1;
}

/* Question Composer Textarea & Controls */
.pt-composer-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 700;
    color: #FFE082;
    margin-bottom: 10px;
}

.pt-composer-input-wrap {
    position: relative;
    margin-bottom: 18px;
}

.pt-prompt-textarea {
    width: 100%;
    min-height: 96px;
    background: rgba(8, 5, 20, 0.75) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 16px !important;
    padding: 16px 46px 16px 18px !important;
    color: #FFFFFF !important;
    font-family: var(--pt-font-reading) !important;
    font-size: 15.5px !important;
    line-height: 1.55 !important;
    resize: vertical;
    transition: all 0.25s ease;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

.pt-prompt-textarea::placeholder {
    color: #8E84B0 !important;
}

.pt-prompt-textarea:focus {
    outline: none !important;
    border-color: #F5B041 !important;
    box-shadow: 0 0 0 3px rgba(245, 176, 65, 0.18), inset 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

.pt-clear-prompt-btn {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    color: #CBC4E3;
    font-size: 13px;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.pt-clear-prompt-btn:hover {
    background: rgba(239, 68, 68, 0.25);
    color: #FCA5A5;
}

/* Custom Language Pills & Context Toggles */
.pt-controls-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 20px;
    background: rgba(8, 5, 20, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    padding: 14px 18px;
}

.pt-control-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.pt-control-title {
    font-size: 12px;
    font-weight: 700;
    color: #CBC4E3;
    margin-right: 6px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 135px;
}

.pt-control-title i {
    color: var(--pt-gold);
}

.pt-lang-pill,
.pt-ctx-pill {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #D8D2EC;
    font-family: var(--pt-font-reading);
    font-size: 12px;
    font-weight: 500;
    padding: 5px 12px;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

@media (min-width: 992px) {
    .pt-controls-grid {
        padding: 12px 14px !important;
    }
    .pt-control-row {
        flex-wrap: nowrap !important;
        gap: 5px !important;
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .pt-control-row::-webkit-scrollbar {
        display: none;
    }
    .pt-control-title {
        min-width: auto !important;
        white-space: nowrap !important;
        font-size: 11.5px !important;
        margin-right: 3px !important;
        gap: 3px !important;
        flex-shrink: 0 !important;
    }
    .pt-lang-pill,
    .pt-ctx-pill {
        font-size: 11px !important;
        padding: 4px 7.5px !important;
        white-space: nowrap !important;
        gap: 3px !important;
        flex-shrink: 0 !important;
    }
}

.pt-lang-pill:hover,
.pt-ctx-pill:hover {
    background: rgba(245, 176, 65, 0.14);
    border-color: rgba(245, 176, 65, 0.45);
    color: #fff;
}

.pt-lang-pill.active {
    background: rgba(245, 176, 65, 0.22);
    border-color: #F5B041;
    color: #FFE082;
    font-weight: 700;
    box-shadow: 0 2px 10px rgba(245, 176, 65, 0.2);
}

.pt-ctx-pill.active {
    background: rgba(16, 185, 129, 0.18);
    border-color: #10B981;
    color: #6EE7B7;
    font-weight: 700;
}

/* Luxury Submit CTA Button */
.pt-submit-decode-btn {
    width: 100%;
    background: linear-gradient(135deg, #F5B041 0%, #FFD166 50%, #E67E22 100%);
    color: #090616 !important;
    font-family: var(--pt-font-reading);
    font-size: 16.5px;
    font-weight: 800;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    padding: 17px 28px;
    border-radius: 14px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    box-shadow: 0 10px 30px rgba(245, 176, 65, 0.35);
    transition: all 0.28s ease;
}

.pt-submit-decode-btn:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(245, 176, 65, 0.55);
    filter: brightness(1.04);
}

.pt-submit-decode-btn:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.pt-submit-micro-trust {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 12px;
    font-size: 12.5px;
    color: #A89FC9;
}

.pt-submit-micro-trust span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.pt-submit-micro-trust i {
    color: var(--pt-gold);
}

/* Dual-Palm Holographic Laser Scanner Loader */
.pt-dual-scanner-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 18px;
}

.pt-scan-palm-frame {
    width: 105px;
    height: 125px;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    border: 2px solid #F5B041;
    background: #080614;
    box-shadow: 0 0 25px rgba(245, 176, 65, 0.35);
}

.pt-scan-palm-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: contrast(1.12) brightness(0.92);
}

.pt-scan-laser-line {
    position: absolute;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent 0%, #FFE082 20%, #F5B041 50%, #FFE082 80%, transparent 100%);
    box-shadow: 0 0 12px 3px rgba(245, 176, 65, 0.85);
    animation: ptLaserSweep 2s infinite ease-in-out;
}

@keyframes ptLaserSweep {
    0% { top: 6%; }
    50% { top: 92%; }
    100% { top: 6%; }
}

.pt-scan-palm-label {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(8, 6, 20, 0.88);
    color: #FFE082;
    font-size: 10.5px;
    font-weight: 700;
    padding: 3px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Saved Readings Journal Section */
.pt-journal-card {
    background: rgba(16, 11, 38, 0.68);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px;
    padding: 28px;
    margin-top: 32px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
}

.pt-journal-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.pt-journal-title {
    font-family: var(--pt-font-serif);
    font-size: 24px;
    font-weight: 700;
    color: #FFE082 !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
    gap: 10px;
}

.pt-journal-search {
    background: rgba(8, 5, 20, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50px;
    padding: 8px 18px;
    color: #fff;
    font-size: 13.5px;
    min-width: 240px;
    transition: all 0.2s ease;
}

.pt-journal-search::placeholder {
    color: #8E84B0;
}

.pt-journal-search:focus {
    outline: none;
    border-color: #F5B041;
    box-shadow: 0 0 0 3px rgba(245, 176, 65, 0.16);
}

.pt-q-index-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(245, 176, 65, 0.12);
    border: 1px solid rgba(245, 176, 65, 0.3);
    color: #FFE082;
    font-size: 11.5px;
    font-weight: 800;
    padding: 3px 9px;
    border-radius: 8px;
    margin-right: 10px;
    flex-shrink: 0;
}

.pt-q-date-badge {
    font-size: 11.5px;
    font-weight: 500;
    color: #A89FC9;
    margin-left: auto;
    padding-left: 12px;
    padding-right: 10px;
    flex-shrink: 0;
}

/* Dark Luxury Studio Sidebar Overrides */
.pt-studio-section .contact-wrapper-2 {
    background: rgba(16, 11, 38, 0.68) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 24px !important;
    padding: 30px !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
}

.pt-studio-section .contact-wrapper-2 .contact-content {
    background: transparent !important;
    padding: 0 !important;
}

.pt-studio-section .form-clt label {
    color: #FFE082 !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
}

.pt-studio-section .form-clt .form-control,
.pt-studio-section .form-clt .nice-select {
    background: #0A0718 !important;
    border: 1.5px solid rgba(245, 176, 65, 0.35) !important;
    border-radius: 12px !important;
    color: #F5F2EB !important;
}

.pt-studio-section .form-clt .nice-select .current {
    color: #F5F2EB !important;
}

.pt-studio-section .form-clt .nice-select .list {
    background: #140E2E !important;
    border: 1px solid rgba(245, 176, 65, 0.4) !important;
}

.pt-studio-section .form-clt .nice-select .option {
    color: #EAE6F8 !important;
}

.pt-studio-section .form-clt .nice-select .option:hover,
.pt-studio-section .form-clt .nice-select .option.focus,
.pt-studio-section .form-clt .nice-select .option.selected.focus {
    background: rgba(245, 176, 65, 0.2) !important;
    color: #FFE082 !important;
}

/* Align My Account Sidebar Card vertically with Consultation Console Card */
.pt-studio-section .row > .col-lg-4,
.pt-studio-section .row > .col-12.col-lg-4 {
    margin-top: 0 !important;
}

.pt-studio-section .main-sidebar.sticky-style {
    top: 0 !important;
}

.pt-studio-section .main-sidebar .single-sidebar-widget {
    background: linear-gradient(165deg, #161032 0%, #0E0A22 100%) !important;
    border: 1px solid rgba(245, 176, 65, 0.3) !important;
    border-radius: 20px !important;
    padding: 24px !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4) !important;
    margin-bottom: 24px !important;
}

.pt-studio-section .main-sidebar .wid-title h4 {
    color: #FFE082 !important;
    font-family: var(--pt-font-serif) !important;
    font-size: 22px !important;
    border-bottom: 1px solid rgba(245, 176, 65, 0.22) !important;
    padding-bottom: 12px !important;
}

.pt-studio-section .service-widget-categories ul li {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    margin-bottom: 10px !important;
    transition: all 0.22s ease !important;
}

.pt-studio-section .service-widget-categories ul li a {
    color: #EAE6F8 !important;
    font-weight: 600 !important;
}

.pt-studio-section .service-widget-categories ul li span {
    color: var(--pt-gold) !important;
}

.pt-studio-section .service-widget-categories ul li.active,
.pt-studio-section .service-widget-categories ul li:hover {
    background: linear-gradient(90deg, rgba(245, 176, 65, 0.2) 0%, rgba(107, 65, 255, 0.2) 100%) !important;
    border-color: var(--pt-gold) !important;
}

.pt-studio-section .service-widget-categories ul li.active a,
.pt-studio-section .service-widget-categories ul li:hover a {
    color: #FFE082 !important;
}

/* Sidebar Vedic Palm Guide Card */
.pt-sidebar-guide-card {
    background: linear-gradient(160deg, #191238 0%, #0F0A24 100%) !important;
    border: 1px solid rgba(245, 176, 65, 0.32) !important;
    border-radius: 20px !important;
    padding: 24px !important;
    color: #F4F1FA !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4) !important;
}

.pt-sidebar-guide-card h4 {
    font-family: var(--pt-font-serif);
    font-size: 20px;
    font-weight: 700;
    color: #FFE082 !important;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(245, 176, 65, 0.22);
}

/* Mobile Navigation Tabs for Studio */
.pt-studio-section .mobile-tabs .tab-item a {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #D8D2EC !important;
}

.pt-studio-section .mobile-tabs .tab-item a.active {
    background: var(--pt-gold-gradient) !important;
    color: #080614 !important;
    border-color: transparent !important;
    font-weight: 700 !important;
}

.pt-guide-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
    font-size: 13.5px;
    line-height: 1.55;
    color: #D8D2EC;
}

.pt-guide-item:last-child {
    margin-bottom: 0;
}

/* Blog Article Body & Recent Posts Dark Luxury Typography */
.pt-blog-article-body h2,
.pt-blog-article-body h3,
.pt-blog-article-body h4 {
    font-family: var(--pt-font-serif) !important;
    color: #FFE082 !important;
    font-weight: 700 !important;
    margin-top: 28px !important;
    margin-bottom: 12px !important;
    line-height: 1.35 !important;
}

.pt-blog-article-body h2 {
    font-size: 25px !important;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(245, 176, 65, 0.22);
}

.pt-blog-article-body h3 {
    font-size: 22px !important;
}

.pt-blog-article-body h4 {
    font-size: 19px !important;
}

.pt-blog-article-body p,
.pt-blog-article-body li {
    color: #F0ECF8 !important;
    font-family: var(--pt-font-reading) !important;
    font-size: 16px !important;
    line-height: 1.82 !important;
}

.pt-blog-article-body ul {
    margin: 14px 0 20px 18px !important;
}

.pt-blog-article-body ul li {
    margin-bottom: 8px !important;
}

.pt-blog-article-body strong {
    color: #FFE082 !important;
}

.pt-blog-article-body a {
    color: #F5B041 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}

.pt-blog-article-body a:hover {
    color: #FFE082 !important;
}

.pt-studio-section .recent-post-area .recent-items .recent-content h6 a {
    color: #F5F2EB !important;
    font-family: var(--pt-font-reading) !important;
    font-size: 14.5px !important;
    line-height: 1.45 !important;
}

.pt-studio-section .recent-post-area .recent-items .recent-content h6 a:hover {
    color: #FFE082 !important;
}

.pt-studio-section .recent-post-area .recent-items .recent-content ul li {
    color: #F5B041 !important;
    font-size: 12.5px !important;
}

.pt-studio-section .page-nav-wrap ul li .page-numbers {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(245, 176, 65, 0.3) !important;
    color: #F5F2EB !important;
}

.pt-studio-section .page-nav-wrap ul li.active .page-numbers,
.pt-studio-section .page-nav-wrap ul li .page-numbers:hover {
    background: var(--pt-gold-gradient) !important;
    color: #080614 !important;
    border-color: transparent !important;
    font-weight: 800 !important;
}

.pt-guide-icon {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: rgba(245, 176, 65, 0.15);
    border: 1px solid rgba(245, 176, 65, 0.4);
    color: #FFD166;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    flex-shrink: 0;
    margin-top: 2px;
}

/* ==========================================================================
   GUIDED PALM CAPTURE, HAND STENCIL CARDS & LIVE CAMERA SCANNER MODAL
   ========================================================================== */

.pt-palm-guide-banner {
    background: linear-gradient(145deg, rgba(25, 18, 56, 0.96) 0%, rgba(13, 9, 32, 0.98) 100%);
    border: 1px solid rgba(245, 176, 65, 0.38);
    border-radius: 18px;
    padding: 20px 22px;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.38);
}

.pt-palm-guide-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.pt-palm-guide-title {
    font-family: var(--pt-font-heading);
    font-size: 18px;
    font-weight: 700;
    color: #FFE082 !important;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.pt-palm-guide-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.pt-palm-guide-step {
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(245, 176, 65, 0.22);
    border-radius: 12px;
    padding: 12px 14px;
    font-family: var(--pt-font-reading);
}

.pt-palm-guide-step-head {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13.5px;
    font-weight: 700;
    color: #FFF3C4;
    margin-bottom: 5px;
}

.pt-palm-guide-step-head i {
    color: #F5B041;
    font-size: 15px;
}

.pt-palm-guide-step p {
    margin: 0;
    font-size: 12.5px;
    line-height: 1.45;
    color: #D2CBE8 !important;
}

/* Individual Left & Right Hand Upload Cards */
.pt-hand-upload-card {
    background: linear-gradient(165deg, rgba(24, 17, 54, 0.95) 0%, rgba(12, 9, 28, 0.98) 100%);
    border: 1.5px solid rgba(245, 176, 65, 0.34);
    border-radius: 18px;
    padding: 18px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.25s ease;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
}

.pt-hand-upload-card.has-photo {
    border-color: rgba(52, 211, 153, 0.55);
    box-shadow: 0 12px 32px rgba(16, 185, 129, 0.14);
}

.pt-hand-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.pt-hand-card-title {
    font-family: var(--pt-font-heading);
    font-size: 18px;
    font-weight: 700;
    color: #FFFDF9 !important;
    margin: 0 0 3px;
}

.pt-hand-card-sub {
    font-size: 12px;
    color: #B9B0D4;
    display: block;
}

.pt-hand-thumb-hint {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: rgba(245, 176, 65, 0.14);
    border: 1px solid rgba(245, 176, 65, 0.38);
    color: #FFE082;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 9px;
    border-radius: 50px;
    white-space: nowrap;
}

/* Visual Hand Frame / Preview Box */
.pt-hand-frame-box {
    position: relative;
    width: 100%;
    height: 235px;
    border-radius: 14px;
    background: radial-gradient(circle at 50% 50%, rgba(107, 65, 255, 0.16) 0%, rgba(8, 6, 20, 0.95) 80%);
    border: 1.5px dashed rgba(245, 176, 65, 0.45);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    cursor: pointer;
}

.pt-hand-upload-card.has-photo .pt-hand-frame-box {
    border-style: solid;
    border-color: rgba(52, 211, 153, 0.6);
}

.pt-hand-stencil-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 12px;
    width: 100%;
    height: 100%;
}

.pt-hand-stencil-placeholder svg {
    width: 128px;
    height: 158px;
    filter: drop-shadow(0 0 10px rgba(245, 176, 65, 0.28));
}

.pt-hand-stencil-caption {
    font-size: 12px;
    color: #FFE082;
    font-weight: 600;
    margin-top: 6px;
}

.pt-hand-preview-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pt-hand-status-pill {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(6, 78, 59, 0.92);
    border: 1px solid #34D399;
    color: #A7F3D0;
    font-size: 11.5px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.45);
}

/* Action Buttons inside Hand Upload Card */
.pt-btn-camera-guided {
    width: 100%;
    background: linear-gradient(135deg, #F5B041 0%, #D48817 100%);
    color: #090616 !important;
    border: none;
    border-radius: 12px;
    padding: 12px 10px;
    font-family: var(--pt-font-reading);
    font-size: 13.5px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    white-space: nowrap !important;
    cursor: pointer;
    transition: all 0.22s ease;
    box-shadow: 0 8px 20px rgba(245, 176, 65, 0.28);
    margin-bottom: 9px;
}

.pt-btn-camera-guided:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(245, 176, 65, 0.42);
    background: linear-gradient(135deg, #FFD166 0%, #F5B041 100%);
}

.pt-hand-sub-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.pt-btn-hand-secondary {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(245, 176, 65, 0.3);
    color: #F5F2EB !important;
    border-radius: 10px;
    padding: 9px 10px;
    font-family: var(--pt-font-reading);
    font-size: 12.5px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
}

.pt-btn-hand-secondary:hover {
    background: rgba(245, 176, 65, 0.15);
    border-color: #F5B041;
    color: #FFE082 !important;
}

/* Full-Screen Live Guided Camera Scanner Modal */
.pt-cam-modal {
    position: fixed;
    inset: 0;
    z-index: 999999;
    background: rgba(6, 4, 15, 0.96);
    backdrop-filter: blur(12px);
    display: none;
    flex-direction: column;
    justify-content: space-between;
    padding: 14px;
    color: #F9F6F0;
    font-family: var(--pt-font-reading);
    overflow-y: auto;
}

.pt-cam-modal.active {
    display: flex;
}

.pt-cam-modal-inner {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pt-cam-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background: rgba(25, 18, 56, 0.92);
    border: 1px solid rgba(245, 176, 65, 0.38);
    border-radius: 14px;
    padding: 10px 14px;
}

.pt-cam-hand-title {
    font-size: 15px;
    font-weight: 800;
    color: #FFE082;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.pt-cam-close-btn {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 15px;
}

.pt-cam-light-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 12.5px;
    font-weight: 700;
    background: rgba(16, 185, 129, 0.16);
    border: 1px solid rgba(52, 211, 153, 0.45);
    color: #A7F3D0;
}

.pt-cam-light-bar.warn {
    background: rgba(245, 158, 11, 0.18);
    border-color: rgba(251, 191, 36, 0.5);
    color: #FDE68A;
}

.pt-cam-viewfinder {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 4;
    max-height: 60vh;
    background: #05030D;
    border: 2px solid rgba(245, 176, 65, 0.55);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.65);
}

/* In-Modal Fallback Card when Live Camera is Unavailable */
.pt-cam-fallback-card {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at center, rgba(26, 17, 52, 0.97) 0%, rgba(9, 6, 22, 0.99) 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 24px 20px;
    z-index: 10;
}

.pt-cam-fallback-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(245, 176, 65, 0.12);
    border: 2px solid rgba(245, 176, 65, 0.45);
    color: #F5B041;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 14px;
}

.pt-cam-fallback-title {
    color: #FFF3C4;
    font-size: 17px;
    font-weight: 700;
    margin: 0 0 8px 0;
}

.pt-cam-fallback-desc {
    color: #D8D2EC;
    font-size: 13px;
    line-height: 1.5;
    max-width: 320px;
    margin: 0 0 18px 0;
}

.pt-cam-fallback-btns {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    max-width: 280px;
}

.pt-btn-fallback-primary {
    background: linear-gradient(135deg, #FFD166 0%, #F5B041 55%, #D48817 100%);
    color: #090616 !important;
    border: none;
    border-radius: 50px;
    padding: 12px 18px;
    font-size: 13.5px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    box-shadow: 0 6px 20px rgba(245, 176, 65, 0.35);
    transition: transform 0.2s ease;
}

.pt-btn-fallback-primary:hover {
    transform: translateY(-2px);
}

.pt-btn-fallback-secondary {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(245, 176, 65, 0.35);
    color: #FFF3C4 !important;
    border-radius: 50px;
    padding: 11px 18px;
    font-size: 13px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.pt-btn-fallback-secondary:hover {
    background: rgba(245, 176, 65, 0.15);
    border-color: rgba(245, 176, 65, 0.6);
}

.pt-cam-viewfinder video,
.pt-cam-viewfinder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pt-cam-stencil-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    display: flex;
     flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
}

.pt-cam-zone-tag {
    background: rgba(9, 6, 22, 0.82);
    border: 1px solid rgba(245, 176, 65, 0.55);
    color: #FFE082;
    font-size: 11.5px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 50px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

.pt-cam-stencil-svg {
    width: 82%;
    height: 78%;
    max-width: 310px;
    filter: drop-shadow(0 0 12px rgba(245, 176, 65, 0.45));
}

.pt-cam-tips-strip {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    text-align: center;
}

.pt-cam-tip-pill {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(245, 176, 65, 0.25);
    border-radius: 10px;
    padding: 7px 6px;
    font-size: 11.5px;
    color: #E5E0F5;
    line-height: 1.3;
}

.pt-cam-tip-pill strong {
    color: #FFE082;
    display: block;
    font-size: 12px;
}

.pt-cam-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 6px 4px;
}

.pt-cam-shutter-btn {
    flex: 1;
    background: linear-gradient(135deg, #FFD166 0%, #F5B041 55%, #D48817 100%);
    color: #090616 !important;
    border: 3px solid #FFFDF9;
    border-radius: 50px;
    padding: 13px 20px;
    font-size: 16px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    cursor: pointer;
    box-shadow: 0 8px 25px rgba(245, 176, 65, 0.45);
}

.pt-cam-aux-btn {
    background: rgba(255, 255, 255, 0.09);
    border: 1px solid rgba(245, 176, 65, 0.35);
    color: #F9F6F0;
    border-radius: 12px;
    padding: 11px 14px;
    font-size: 13px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
}

@media (max-width: 991px) {
    .pt-palm-guide-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .header-1 {
        top: 0;
        position: relative;
        background: #0B0719;
    }
    .pt-sug-grid {
        grid-template-columns: 1fr;
    }
    .pt-blueprint-bar,
    .pt-console-card,
    .pt-journal-card {
        padding: 18px;
    }
    .pt-reading-live-body,
    .style-inner-faq .accordion-body {
        padding: 16px !important;
    }
    .pt-reading-section {
        padding: 14px 16px;
    }
    .pt-reading-section-title {
        font-size: 19px;
    }
    .pt-q-date-badge {
        display: none;
    }
}

@media (max-width: 575px) {
    .pt-palm-guide-grid {
        grid-template-columns: 1fr;
    }
}

/* Header Desktop Navigation & Button Typography (14px & Uppercase) */
@media (min-width: 992px) {
    .header-main .main-menu > nav > ul > li > a,
    .header-main .main-menu #mobile-menu > ul > li > a {
        font-size: 14px !important;
    }
    .header-main .main-menu > nav > ul > li > a i,
    .header-main .main-menu #mobile-menu > ul > li > a i {
        font-size: 12px !important;
    }
    .header-button .gt-theme-btn {
        font-size: 14px !important;
        padding: 10px 18px !important;
    }
    .header-button .pt-btn-gold {
        font-size: 14px !important;
        text-transform: uppercase !important;
        padding: 10px 18px !important;
    }
}

/* Specific to Header-3 only (Isolated, does NOT affect header.php) */
@media (min-width: 992px) {
    .header-3 .header-main .main-menu > nav > ul > li {
        margin-inline-end: 28px !important;
    }
    .header-3 .header-button {
        white-space: nowrap !important;
        flex-shrink: 0 !important;
    }
    .header-3 .header-button .gt-theme-btn {
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        height: auto !important;
        line-height: normal !important;
        padding: 10px 18px !important;
    }
    .header-3 .header-button .pt-btn-gold {
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        height: auto !important;
        line-height: normal !important;
        padding: 10px 18px !important;
    }
}


/* Brand Logo Proportions - Bigger & Bolder */
.header-logo img {
    height: 60px !important;
    max-height: 60px !important;
    width: auto !important;
    display: inline-block;
}
.offcanvas__logo img {
    height: 44px !important;
    max-height: 45px !important;
    width: auto !important;
    display: inline-block;
}
.footer-logo img {
    height: 62px !important;
    max-height: 62px !important;
    width: auto !important;
    display: inline-block;
}

@media (max-width: 767px) {
    .header-logo img {
        height: 40px !important;
        max-height: 45px !important;
    }
    .offcanvas__logo img {
        height: 44px !important;
        max-height: 45px !important;
    }
}

/* ==========================================================================
   Service Landing Pages: Banner Alignment & Content Heading Visibility
   ========================================================================== */

/* Banner Page Heading Subtext Alignment */
.gt-breadcrumb-wrapper .gt-page-heading p {
    margin-left: 0 !important;
    margin-right: auto !important;
    text-align: left !important;
}

/* Service Details Content Headings (Dark Crisp on White Section) */
.service-details-section {
    background-color: #FFFFFF !important;
}

.service-details-content > h2,
.service-details-content h2.mb-3 {
    color: #120D2B !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    line-height: 1.32 !important;
    font-family: var(--pt-font-reading) !important;
    margin-top: 10px !important;
    margin-bottom: 20px !important;
}

.service-details-content > h3,
.service-details-content h3.mb-3,
.service-details-content h3.mb-4 {
    color: #161032 !important;
    font-size: 25px !important;
    font-weight: 700 !important;
    font-family: var(--pt-font-reading) !important;
    margin-top: 36px !important;
    margin-bottom: 18px !important;
}

.service-details-content > p,
.service-details-content p.mb-4 {
    color: #38324A !important;
    font-size: 16px !important;
    line-height: 1.78 !important;
    font-family: var(--pt-font-reading) !important;
}

.service-details-content > p strong,
.service-details-content > p em,
.service-details-content p.mb-4 strong,
.service-details-content p.mb-4 em {
    color: #120D2B;
}

/* Ensure inner cards retain their dark aesthetic */
.service-details-content .pt-future-card h3,
.service-details-content .pt-sample-card h3 {
    color: #FFFFFF !important;
    font-size: 20px !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

.service-details-content .pt-future-card p,
.service-details-content .pt-sample-card p {
    color: #D0C9E8 !important;
    font-size: 14.8px !important;
    line-height: 1.68 !important;
    margin-bottom: 0 !important;
}

/* Ensure em, strong & links inside dark cards are bright gold & readable */
.service-details-content .pt-future-card p em,
.service-details-content .pt-future-card p strong,
.service-details-content .pt-future-card em,
.service-details-content .pt-future-card strong,
.service-details-content .pt-sample-card strong,
.service-details-content .pt-sample-card em {
    color: #FFE082 !important;
    font-weight: 600;
}

/* Links inside service details & dark cards */
.service-details-content a:not(.gt-theme-btn):not(.pt-btn-gold) {
    color: var(--pt-gold) !important;
}

.service-details-content .pt-future-card a,
.service-details-content .pt-card-link {
    color: var(--pt-gold-light) !important;
}

/* FAQ Accordion Styling inside Service Details */
.service-details-content .gt-faq-wrapper .accordion .accordion-item {
    background: #120D2A !important;
    border: 1px solid rgba(245, 176, 65, 0.28) !important;
    border-radius: 14px !important;
    margin-bottom: 14px !important;
    overflow: hidden;
}

.service-details-content .gt-faq-wrapper .accordion .accordion-button {
    background: linear-gradient(90deg, #191238 0%, #120D2A 100%) !important;
    color: #FFE082 !important;
    font-family: var(--pt-font-reading) !important;
    font-size: 16.5px !important;
    font-weight: 700 !important;
    padding: 18px 22px !important;
    box-shadow: none !important;
}

.service-details-content .gt-faq-wrapper .accordion .accordion-button.collapsed {
    background: #120D2A !important;
    color: #F9F6F0 !important;
}

.service-details-content .gt-faq-wrapper .accordion .accordion-button::before {
    color: #F5B041 !important;
}

.service-details-content .gt-faq-wrapper .accordion .accordion-button.collapsed::before {
    color: #9BA0A3 !important;
}

.service-details-content .gt-faq-wrapper .accordion .accordion-body {
    background: #0E0A22 !important;
    padding: 20px 22px !important;
}

.service-details-content .gt-faq-wrapper .accordion .accordion-body p {
    color: #E2DDF4 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    margin-bottom: 0 !important;
}

/* Recent Articles Sidebar Typography */
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content h6,
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content h6 a {
    font-weight: 700 !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    line-height: 140% !important;
}

/* Hero Section 1 Content Max-Width */
.gt-hero-1 .gt-hero-items .gt-hero-content {
    max-width: 1000px !important;
}

/* ==========================================================================
   MY DASHBOARD: Scoped Spacing, Top Alignment & Modal Trigger
   Strictly scoped under .pt-my-dashboard-page to never impact any other pages
   ========================================================================== */
.pt-my-dashboard-page {
    padding: 36px 0 60px !important;
}

.pt-my-dashboard-page .row > .col-lg-4,
.pt-my-dashboard-page .row > .col-12.col-lg-4,
.pt-my-dashboard-page .service-details-wrapper > .row > .col-lg-4,
.pt-my-dashboard-page .service-details-wrapper > .row > .col-12.col-lg-4 {
    margin-top: 0 !important;
}

.pt-my-dashboard-page .main-sidebar.sticky-style {
    position: static !important;
    top: 0 !important;
}

/* Light warm-ivory luxury card matching mockup screen */
.pt-my-dashboard-page .contact-wrapper-2 {
    background: #FAF7F2 !important;
    border: 1px solid #EAE3D7 !important;
    border-radius: 24px !important;
    padding: 28px 32px !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.28) !important;
    margin-top: 0 !important;
}

@media (max-width: 575px) {
    .pt-my-dashboard-page .contact-wrapper-2 {
        padding: 20px 16px !important;
        border-radius: 18px !important;
    }
}

/* Personal Information Header */
.pt-profile-header {
    margin-bottom: 22px;
}

.pt-profile-avatar-badge {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 50%;
    background: #0E1326;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #F5B041;
    font-size: 19px;
    box-shadow: 0 4px 12px rgba(14, 19, 38, 0.15);
}

.pt-profile-title {
    font-size: 21px !important;
    font-weight: 700 !important;
    color: #0E1326 !important;
    font-family: var(--pt-font-heading) !important;
    line-height: 1.25 !important;
}

.pt-profile-subtitle {
    font-size: 13.5px !important;
    color: #64748B !important;
    margin-top: 2px !important;
    font-weight: 400 !important;
}

.pt-my-dashboard-page .contact-form-items {
    margin-top: 0 !important;
}

/* Clean Form Input Groups with Icons */
.pt-my-dashboard-page .contact-form-items .form-clt {
    position: relative;
    margin-bottom: 2px;
}

.pt-my-dashboard-page .contact-form-items .form-clt label {
    color: #0E1326 !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    margin-bottom: 6px !important;
    display: block !important;
    letter-spacing: 0.1px;
}

.pt-my-dashboard-page .pt-input-with-icon {
    display: flex !important;
    align-items: center !important;
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 12px !important;
    height: 48px !important;
    padding: 0 14px !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    position: relative !important;
}

.pt-my-dashboard-page .pt-input-with-icon:focus-within {
    border-color: #F5B041 !important;
    box-shadow: 0 0 0 3px rgba(245, 176, 65, 0.18) !important;
}

.pt-my-dashboard-page .pt-input-icon {
    color: #64748B !important;
    font-size: 15px !important;
    margin-right: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 18px !important;
}

.pt-my-dashboard-page .pt-input-with-icon input,
.pt-my-dashboard-page .pt-input-with-icon select,
.pt-my-dashboard-page .form-clt .pt-input-with-icon input,
.pt-my-dashboard-page .form-clt .pt-input-with-icon select,
.pt-studio-section .pt-my-dashboard-page .form-clt .pt-input-with-icon input,
.pt-studio-section .pt-my-dashboard-page .form-clt .pt-input-with-icon select,
.pt-studio-section.pt-my-dashboard-page .form-clt .pt-input-with-icon input,
.pt-studio-section.pt-my-dashboard-page .form-clt .pt-input-with-icon select,
.service-details-section .pt-my-dashboard-page .form-clt .pt-input-with-icon input,
.service-details-section .pt-my-dashboard-page .form-clt .pt-input-with-icon select {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    color: #1F2937 !important;
    font-size: 14.5px !important;
    font-weight: 500 !important;
    height: 100% !important;
    min-height: unset !important;
    padding: 0 !important;
    width: 100% !important;
}

.pt-my-dashboard-page .pt-input-with-icon input::placeholder {
    color: #94A3B8 !important;
}

.pt-my-dashboard-page .pt-input-with-icon input[type="date"] {
    color: #1F2937 !important;
}

.pt-my-dashboard-page .pt-input-with-icon input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 0.6;
}

.pt-my-dashboard-page .pt-select-wrap {
    position: relative !important;
}

.pt-my-dashboard-page .pt-select-wrap select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    cursor: pointer !important;
    padding-right: 28px !important;
}

.pt-my-dashboard-page .pt-select-arrow {
    position: absolute !important;
    right: 14px !important;
    pointer-events: none !important;
    color: #64748B !important;
    font-size: 12px !important;
    display: flex !important;
    align-items: center !important;
}

.pt-my-dashboard-page .pt-input-with-icon select option {
    background: #FFFFFF !important;
    color: #1F2937 !important;
}

/* Custom Luxury Gender Dropdown Component */
.pt-luxury-dropdown-wrap {
    position: relative !important;
    width: 100% !important;
}

.pt-gender-dropdown-btn {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 12px !important;
    height: 48px !important;
    padding: 0 14px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    position: relative !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

.pt-gender-dropdown-btn:hover {
    border-color: #D1D5DB !important;
    background-color: #FAFAFA !important;
}

.pt-gender-dropdown-btn:focus-visible,
.pt-luxury-dropdown-wrap.is-open .pt-gender-dropdown-btn {
    border-color: #F5B041 !important;
    background-color: #FFFFFF !important;
    box-shadow: 0 0 0 3.5px rgba(245, 176, 65, 0.2) !important;
    outline: none !important;
}

.pt-gender-dropdown-btn.is-invalid {
    border-color: #EF4444 !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.18) !important;
}

.pt-gender-selected-text {
    font-size: 14.5px !important;
    font-weight: 500 !important;
    color: #94A3B8 !important;
    flex: 1 !important;
    transition: color 0.2s ease !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    letter-spacing: -0.1px !important;
}

.pt-gender-dropdown-btn.has-value .pt-gender-selected-text {
    color: #1F2937 !important;
    font-weight: 600 !important;
}

.pt-dropdown-chevron {
    color: #64748B !important;
    font-size: 12px !important;
    margin-left: auto !important;
    transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
}

.pt-luxury-dropdown-wrap.is-open .pt-dropdown-chevron {
    transform: rotate(180deg) !important;
    color: #D97706 !important;
}

/* Floating Dropdown Menu Card */
.pt-luxury-dropdown-menu {
    position: absolute !important;
    top: calc(100% + 6px) !important;
    left: 0 !important;
    right: 0 !important;
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 16px !important;
    padding: 6px !important;
    box-shadow: 0 16px 36px -4px rgba(16, 24, 40, 0.14), 0 4px 12px rgba(0, 0, 0, 0.04) !important;
    z-index: 9999 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-8px) scale(0.97) !important;
    transform-origin: top center !important;
    transition: opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1), transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    pointer-events: none !important;
}

.pt-luxury-dropdown-wrap.is-open .pt-luxury-dropdown-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(1) !important;
    pointer-events: auto !important;
}

/* Dropdown Option Items */
.pt-dropdown-option {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 8px 12px !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    transition: all 0.18s ease !important;
    gap: 12px !important;
    margin-bottom: 2px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    user-select: none !important;
}

.pt-dropdown-option:last-child {
    margin-bottom: 0 !important;
}

.pt-dropdown-option:hover {
    background: #F8FAFC !important;
    border-color: #E2E8F0 !important;
    transform: translateX(2px) !important;
}

.pt-dropdown-option.active {
    background: #FEF9EE !important;
    border-color: rgba(245, 176, 65, 0.4) !important;
}

.pt-opt-icon-badge {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 9px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    transition: transform 0.2s ease !important;
}

.pt-dropdown-option:hover .pt-opt-icon-badge {
    transform: scale(1.06) !important;
}

.pt-opt-badge-male {
    background: rgba(37, 99, 235, 0.1) !important;
    color: #2563EB !important;
}

.pt-opt-badge-female {
    background: rgba(219, 39, 119, 0.1) !important;
    color: #DB2777 !important;
}

.pt-opt-badge-others {
    background: rgba(124, 58, 237, 0.1) !important;
    color: #7C3AED !important;
}

.pt-opt-title {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #1F2937 !important;
    transition: color 0.18s ease, font-weight 0.18s ease !important;
}

.pt-dropdown-option.active .pt-opt-title {
    color: #B45309 !important;
    font-weight: 600 !important;
}

/* Warm Golden Guidelines Banner matching Image 1 */
.pt-guide-banner-card {
    background: #FEF7ED !important;
    border: 1px solid #FED7AA !important;
    border-radius: 14px !important;
    padding: 12px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin: 4px 0 2px !important;
}

.pt-guide-banner-left {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.pt-guide-lotus-icon {
    color: #B4842F !important;
    font-size: 19px !important;
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

.pt-guide-banner-text {
    color: #2F2418 !important;
    font-weight: 600 !important;
    font-size: 13.5px !important;
    line-height: 1.4 !important;
}

.pt-guide-pill-btn {
    background: #FFFFFF !important;
    border: 1px solid #D97706 !important;
    border-radius: 9999px !important;
    padding: 6px 14px !important;
    color: #92400E !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
    flex-shrink: 0 !important;
}

.pt-guide-pill-btn:hover {
    background: #FFF7ED !important;
    border-color: #B45309 !important;
    transform: translateY(-1px) !important;
}

@media (max-width: 767px) {
    .pt-guide-banner-card {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
    }
    .pt-guide-pill-btn {
        align-self: flex-start !important;
    }
}

/* Palm Capture Cards matching Image 1 */
.pt-my-dashboard-page .pt-hand-upload-card,
.pt-my-dashboard-page .pt-hand-upload-card.has-photo {
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 18px !important;
    padding: 18px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

.pt-my-dashboard-page .pt-hand-card-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
}

.pt-hand-badge-icon {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    border-radius: 50% !important;
    background: #0E1326 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #F59E0B !important;
    font-size: 15px !important;
}

.pt-my-dashboard-page .pt-hand-card-title {
    color: #0E1326 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}

.pt-my-dashboard-page .pt-hand-card-sub {
    color: #64748B !important;
    font-size: 12px !important;
    margin: 0 !important;
}

.pt-hand-thumb-hint {
    background: #0E1326 !important;
    color: #FFFFFF !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    padding: 5px 12px !important;
    border-radius: 9999px !important;
    border: none !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

/* Deep Navy Preview / Stencil Box */
.pt-my-dashboard-page .pt-hand-frame-box {
    background: #0F172A !important;
    border: 1.5px dashed rgba(255, 255, 255, 0.18) !important;
    border-radius: 14px !important;
    height: 230px !important;
    margin-bottom: 12px !important;
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.pt-hand-stencil-placeholder {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 16px !important;
    width: 100% !important;
    height: 100% !important;
}

.pt-hand-tap-hint {
    color: #FFFFFF !important;
    font-weight: 600 !important;
    font-size: 13.5px !important;
    margin-bottom: 2px !important;
}

.pt-hand-format-hint {
    color: #94A3B8 !important;
    font-size: 11.5px !important;
}

.pt-hand-preview-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

.pt-hand-status-pill {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    background: rgba(16, 185, 129, 0.95) !important;
    border: 1px solid #34D399 !important;
    color: #FFFFFF !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    padding: 4px 10px !important;
    border-radius: 50px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
}

/* Golden Guided Camera Button matching Image 1 */
.pt-my-dashboard-page .pt-btn-camera-guided {
    background: linear-gradient(180deg, #F5BA52 0%, #E8A338 100%) !important;
    border: none !important;
    border-radius: 10px !important;
    color: #1F190E !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    padding: 12px 18px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-shadow: 0 4px 12px rgba(232, 163, 56, 0.25) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.pt-my-dashboard-page .pt-btn-camera-guided:hover {
    background: linear-gradient(180deg, #F7C365 0%, #EEAE42 100%) !important;
    box-shadow: 0 6px 16px rgba(232, 163, 56, 0.35) !important;
    transform: translateY(-1px) !important;
}

/* Sub-action Buttons (Phone Camera & From Gallery) */
.pt-my-dashboard-page .pt-hand-sub-actions {
    display: flex !important;
    gap: 10px !important;
    margin-top: 8px !important;
}

.pt-my-dashboard-page .pt-btn-hand-secondary {
    flex: 1 !important;
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 10px !important;
    padding: 9px 12px !important;
    color: #1F2937 !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.pt-my-dashboard-page .pt-btn-hand-secondary:hover {
    background: #F9FAFB !important;
    border-color: #D1D5DB !important;
    transform: translateY(-1px) !important;
}

/* Royal Luxury Gradient Submit Button matching Image 1 */
.pt-btn-profile-submit {
    background: linear-gradient(90deg, #160A44 0%, #351375 35%, #8A4068 70%, #DA9646 100%) !important;
    border: none !important;
    border-radius: 14px !important;
    padding: 16px 24px !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    box-shadow: 0 8px 24px rgba(53, 19, 117, 0.35) !important;
    cursor: pointer !important;
    margin-top: 4px !important;
    transition: all 0.25s ease !important;
}

.pt-btn-profile-submit:hover {
    opacity: 0.95 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 12px 28px rgba(53, 19, 117, 0.45) !important;
}

/* Desktop View Specific Refinements */
@media (min-width: 992px) {
    .contact-wrapper-2 .contact-content .contact-form-items .form-clt span {
        margin-bottom: 0px !important;
    }
    .contact-wrapper-2 .contact-content {
        margin-left: 5px !important;
    }
    .pt-my-dashboard-page .pt-hand-card-sub {
        font-size: 10px !important;
    }
    .pt-my-dashboard-page .pt-hand-card-title {
        font-size: 14px !important;
    }
    .pt-luxury-dropdown-menu {
        max-width: 220px !important;
        right: auto !important;
        width: 100% !important;
    }
}

/* Mobile View Specific Refinements */
@media (max-width: 991px) {
    .pt-my-dashboard-page .contact-wrapper-2 {
        margin: 10px !important;
        width: calc(100% - 20px) !important;
    }
}

/* Cosmic Modal Styles for Guidelines Popup */
.pt-modal-cosmic {
    background: linear-gradient(165deg, #161032 0%, #0E0A22 100%) !important;
    border: 1px solid rgba(245, 176, 65, 0.38) !important;
    border-radius: 20px !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7) !important;
    color: #F5F2EB !important;
}

.pt-modal-cosmic-header {
    border-bottom: 1px solid rgba(245, 176, 65, 0.2) !important;
    padding: 18px 24px !important;
}

.pt-modal-cosmic-title {
    color: #FFE082 !important;
    font-family: var(--pt-font-serif) !important;
    font-size: 20px !important;
    margin: 0 !important;
}

.pt-guide-live-badge {
    font-size: 12px;
    background: rgba(245, 176, 65, 0.16);
    border: 1px solid rgba(245, 176, 65, 0.4);
    color: #FFE082;
    padding: 4px 11px;
    border-radius: 50px;
    font-weight: 700;
}

.pt-modal-cosmic-body {
    padding: 24px !important;
}

.pt-modal-cosmic-footer {
    border-top: 1px solid rgba(245, 176, 65, 0.15) !important;
    padding: 14px 24px !important;
}

/* ==========================================================================
   OPTION B: WARM IVORY STUDIO (UNIFIED VISUAL PARITY WITH MY-DASHBOARD.PHP)
   Scoped strictly under .pt-my-questions-page
   ========================================================================== */

.pt-my-questions-page {
    padding: 36px 0 60px !important;
}

/* 1. Top Blueprint & Wallet Bar */
.pt-my-questions-page .pt-blueprint-bar {
    background: #FAF7F2 !important;
    border: 1px solid #EAE3D7 !important;
    border-radius: 24px !important;
    padding: 22px 28px !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18) !important;
    color: #0E1326 !important;
}

.pt-my-questions-page .pt-palm-mini-card {
    border: 2px solid #E5E7EB !important;
    background: #0E1326 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

.pt-my-questions-page .pt-palm-mini-card:hover {
    border-color: #F5B041 !important;
    box-shadow: 0 6px 18px rgba(245, 176, 65, 0.25) !important;
}

.pt-my-questions-page .pt-palm-mini-tag {
    background: rgba(14, 19, 38, 0.92) !important;
    color: #FFE082 !important;
}

.pt-my-questions-page .pt-blueprint-info h3 {
    color: #0E1326 !important;
    font-family: var(--pt-font-heading) !important;
    font-size: 21px !important;
    font-weight: 700 !important;
}

.pt-my-questions-page .pt-verified-pill {
    background: rgba(16, 185, 129, 0.1) !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
    color: #059669 !important;
}

.pt-my-questions-page .pt-blueprint-meta {
    color: #64748B !important;
    font-size: 13.5px !important;
}

.pt-my-questions-page .pt-blueprint-meta i {
    color: #D97706 !important;
}

.pt-my-questions-page .pt-blueprint-meta a {
    color: #92400E !important;
    font-weight: 600 !important;
}

.pt-my-questions-page .pt-wallet-cluster {
    background: #FEF7ED !important;
    border: 1px solid #FED7AA !important;
    border-radius: 50px !important;
    padding: 8px 18px !important;
}

.pt-my-questions-page .pt-wallet-balance {
    color: #2F2418 !important;
    font-size: 13.5px !important;
}

/* 2. Main Studio Console Card */
.pt-my-questions-page .pt-console-card {
    background: #FAF7F2 !important;
    border: 1px solid #EAE3D7 !important;
    border-radius: 24px !important;
    padding: 28px 32px !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.22) !important;
}

.pt-my-questions-page .pt-console-card::before {
    height: 3px !important;
    background: linear-gradient(90deg, #F5B041 0%, #D97706 100%) !important;
    left: 0 !important;
    right: 0 !important;
}

.pt-my-questions-page .pt-smart-eyebrow {
    color: #0E1326 !important;
    font-weight: 700 !important;
    font-size: 11px !important;
}

.pt-smart-eyebrow {
    font-size: 11px !important;
}

.pt-my-questions-page .pt-smart-eyebrow i {
    color: #D97706 !important;
}

.pt-my-questions-page .pt-last-asked-pill {
    background: #F1F5F9 !important;
    border: 1px solid #E2E8F0 !important;
    color: #475569 !important;
}

/* Topic Category Glyphs (Warm Ivory / White Tiles) */
.pt-my-questions-page .pt-icon-cat-card {
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 14px !important;
    color: #1E293B !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
}

.pt-my-questions-page .pt-icon-cat-card .pt-cat-icon-circle {
    background: #FEF3C7 !important;
    border: 1px solid #FDE68A !important;
    color: #D97706 !important;
}

.pt-my-questions-page .pt-icon-cat-card:hover {
    background: #FFFBEB !important;
    border-color: #F59E0B !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(245, 176, 65, 0.15) !important;
}

.pt-my-questions-page .pt-icon-cat-card.active {
    background: #0E1326 !important;
    border-color: #0E1326 !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 16px rgba(14, 19, 38, 0.22) !important;
}

.pt-my-questions-page .pt-icon-cat-card.active .pt-cat-icon-circle {
    background: var(--pt-gold-gradient) !important;
    color: #080614 !important;
    border-color: transparent !important;
}

.pt-my-questions-page .pt-icon-cat-card.active span:not(.pt-cat-icon-circle) {
    color: #FFFFFF !important;
    font-weight: 700 !important;
}

/* Suggestion Accordion Drawer */
.pt-my-questions-page .pt-cat-accordion-drawer {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;
}

.pt-my-questions-page #pt-drawer-heading {
    color: #0E1326 !important;
}

.pt-my-questions-page #pt-close-drawer {
    color: #64748B !important;
}

.pt-my-questions-page .pt-sug-card {
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    color: #1E293B !important;
}

.pt-my-questions-page .pt-sug-card:hover {
    background: #FFFBEB !important;
    border-color: #F59E0B !important;
    color: #92400E !important;
    box-shadow: 0 4px 14px rgba(245, 176, 65, 0.12) !important;
}

.pt-my-questions-page .pt-sug-card-arrow {
    color: #D97706 !important;
}

/* 3. Question Composer */
.pt-my-questions-page .pt-composer-label label {
    color: #0E1326 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}

.pt-my-questions-page .pt-composer-label small {
    color: #64748B !important;
}

.pt-my-questions-page .pt-prompt-textarea {
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 16px !important;
    color: #0E1326 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

.pt-my-questions-page .pt-prompt-textarea::placeholder {
    color: #94A3B8 !important;
}

.pt-my-questions-page .pt-prompt-textarea:focus {
    border-color: #F5B041 !important;
    box-shadow: 0 0 0 3px rgba(245, 176, 65, 0.2) !important;
}

.pt-my-questions-page .pt-clear-prompt-btn {
    background: #F1F5F9 !important;
    color: #64748B !important;
}

.pt-my-questions-page .pt-clear-prompt-btn:hover {
    background: #FEE2E2 !important;
    color: #DC2626 !important;
}

.pt-my-questions-page .pt-options-toggle-btn {
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 12px !important;
    color: #334155 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
}

.pt-my-questions-page .pt-options-toggle-btn:hover {
    background: #FFFBEB !important;
    border-color: #F5B041 !important;
    color: #92400E !important;
}

.pt-my-questions-page .pt-controls-grid {
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 14px !important;
}

.pt-my-questions-page .pt-control-title {
    color: #334155 !important;
}

.pt-my-questions-page .pt-control-title i {
    color: #D97706 !important;
}

.pt-my-questions-page .pt-lang-pill,
.pt-my-questions-page .pt-ctx-pill {
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    color: #334155 !important;
}

.pt-my-questions-page .pt-lang-pill:hover,
.pt-my-questions-page .pt-ctx-pill:hover {
    background: #FFFBEB !important;
    border-color: #F59E0B !important;
    color: #92400E !important;
}

.pt-my-questions-page .pt-lang-pill.active {
    background: #FEF3C7 !important;
    border-color: #F59E0B !important;
    color: #92400E !important;
    font-weight: 700 !important;
}

.pt-my-questions-page .pt-ctx-pill.active {
    background: #ECFDF5 !important;
    border-color: #10B981 !important;
    color: #047857 !important;
    font-weight: 700 !important;
}

.pt-my-questions-page .pt-submit-decode-btn {
    background: linear-gradient(135deg, #0E1326 0%, #1A2342 100%) !important;
    color: #FFE082 !important;
    border: 1px solid rgba(245, 176, 65, 0.35) !important;
    box-shadow: 0 10px 24px rgba(14, 19, 38, 0.25) !important;
}

.pt-my-questions-page .pt-submit-decode-btn:hover:not(:disabled) {
    background: linear-gradient(135deg, #151D3B 0%, #222E54 100%) !important;
    color: #FFFFFF !important;
    box-shadow: 0 14px 30px rgba(14, 19, 38, 0.35) !important;
}

.pt-my-questions-page .pt-submit-micro-trust {
    color: #64748B !important;
    gap: 10px !important;
}

.pt-submit-micro-trust {
    gap: 0 !important;
}

.pt-my-questions-page .pt-submit-micro-trust i {
    color: #D97706 !important;
}

/* 4. Scanner Loader in Ivory Theme */
.pt-my-questions-page .pt-scanner-box {
    background: #0E1326 !important;
    border-radius: 20px !important;
    padding: 28px !important;
    color: #FFFFFF !important;
}

/* 5. Saved Palm Readings Journal */
.pt-my-questions-page .pt-journal-card {
    background: #FAF7F2 !important;
    border: 1px solid #EAE3D7 !important;
    border-radius: 24px !important;
    padding: 28px 32px !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.22) !important;
}

.pt-my-questions-page .pt-journal-head {
    border-bottom: 1px solid #EAE3D7 !important;
}

.pt-my-questions-page .pt-journal-title {
    color: #0E1326 !important;
}

.pt-my-questions-page #pt-journal-count {
    background: #FEF3C7 !important;
    border: 1px solid #FDE68A !important;
    color: #92400E !important;
}

.pt-my-questions-page .pt-journal-search {
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    color: #0E1326 !important;
}

.pt-my-questions-page .pt-journal-search::placeholder {
    color: #94A3B8 !important;
}

.pt-my-questions-page .gt-faq-wrapper .accordion.style-inner-faq .accordion-item,
.pt-my-questions-page .style-inner-faq .accordion-item {
    border-bottom: 1px solid #E5E7EB !important;
}

.pt-my-questions-page .gt-faq-wrapper .accordion.style-inner-faq .accordion-button,
.pt-my-questions-page .style-inner-faq .accordion-button {
    color: #0E1326 !important;
}

.pt-my-questions-page .gt-faq-wrapper .accordion.style-inner-faq .accordion-button span,
.pt-my-questions-page .style-inner-faq .accordion-button span {
    color: #0E1326 !important;
}

.pt-my-questions-page .gt-faq-wrapper .accordion.style-inner-faq .accordion-button .pt-q-index-badge,
.pt-my-questions-page .style-inner-faq .accordion-button .pt-q-index-badge {
    background: #0E1326 !important;
    color: #FFE082 !important;
    border: none !important;
}

.pt-my-questions-page .gt-faq-wrapper .accordion.style-inner-faq .accordion-button .pt-q-date-badge,
.pt-my-questions-page .style-inner-faq .accordion-button .pt-q-date-badge {
    color: #64748B !important;
}

.pt-my-questions-page .gt-faq-wrapper .accordion.style-inner-faq .accordion-button:not(.collapsed),
.pt-my-questions-page .style-inner-faq .accordion-button:not(.collapsed) {
    background: #FEF9EE !important;
    color: #92400E !important;
    border-bottom: 1px solid rgba(245, 176, 65, 0.25) !important;
}

.pt-my-questions-page .gt-faq-wrapper .accordion.style-inner-faq .accordion-button:not(.collapsed) span,
.pt-my-questions-page .style-inner-faq .accordion-button:not(.collapsed) span {
    color: #92400E !important;
}

.pt-my-questions-page .gt-faq-wrapper .accordion.style-inner-faq .accordion-body,
.pt-my-questions-page .style-inner-faq .accordion-body {
    background: #f8f5f0 !important;
    color: #1F2937 !important;
    padding: 21px 0px !important;
}

.pt-my-questions-page .pt-reading-section-title {
    color: #0E1326 !important;
}

.pt-my-questions-page .pt-reading-section-head {
    border-bottom: 1px solid #F1F5F9 !important;
}

.pt-my-questions-page .pt-sec-icon {
    background: #FEF3C7 !important;
    border: 1px solid #FDE68A !important;
    color: #D97706 !important;
}

.pt-my-questions-page .pt-reading-report strong,
.pt-my-questions-page .pt-reading-body strong {
    color: #0E1326 !important;
    font-weight: 700 !important;
}

.pt-my-questions-page .pt-reading-report em,
.pt-my-questions-page .pt-reading-body em {
    color: #6B21A8 !important;
    font-style: italic !important;
    background: #F3E8FF !important;
    padding: 1px 6px !important;
    border-radius: 4px !important;
}

.pt-my-questions-page .pt-hand-subtitle {
    color: #0E1326 !important;
    font-weight: 700 !important;
}

.pt-my-questions-page .pt-hand-subtitle i {
    color: #D97706 !important;
}

.pt-my-questions-page .pt-reading-p {
    color: #334155 !important;
}

.pt-my-questions-page .pt-reading-list li {
    color: #334155 !important;
}

.pt-my-questions-page .pt-reading-list li div {
    color: #334155 !important;
}

.pt-my-questions-page .pt-reading-list li:has(> div > strong:only-child) {
    color: #0E1326 !important;
}

.pt-my-questions-page .pt-reading-list li:has(> div > strong:only-child) strong {
    color: #0E1326 !important;
}

.pt-my-questions-page .pt-bullet-icon {
    color: #D97706 !important;
}

.pt-my-questions-page .pt-time-pill {
    background: #FEF3C7 !important;
    border: 1px solid #FDE68A !important;
    color: #92400E !important;
}

.pt-my-questions-page .pt-ai-followups {
    background: #FEF7ED !important;
    border: 1px solid #FED7AA !important;
    border-radius: 14px !important;
}

.pt-my-questions-page .pt-ai-followups > div:first-child {
    color: #92400E !important;
}

.pt-my-questions-page .pt-followup-btn {
    background: #FFFFFF !important;
    border: 1px solid #FED7AA !important;
    color: #2F2418 !important;
    border-radius: 10px !important;
}

.pt-my-questions-page .pt-followup-btn:hover {
    background: #FFFBEB !important;
    border-color: #F59E0B !important;
    color: #92400E !important;
}


/* 7. Mobile Tabs in Option B */
.pt-my-questions-page .mobile-tabs .tab-item a {
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    color: #334155 !important;
}

.pt-my-questions-page .mobile-tabs .tab-item a.active {
    background: #0E1326 !important;
    color: #FFE082 !important;
    border-color: #0E1326 !important;
    font-weight: 700 !important;
}

/* 8. Mobile Adjustments for Option B */
@media (max-width: 767px) {
    .pt-my-questions-page .pt-blueprint-bar,
    .pt-my-questions-page .pt-console-card,
    .pt-my-questions-page .pt-journal-card {
        margin-top: 15px !important;
        padding: 20px 10px !important;
        border-radius: 18px !important;
    }
    .pt-my-questions-page .pt-wallet-cluster {
        width: 100% !important;
        border-radius: 16px !important;
        padding: 12px 14px !important;
    }
}