/* =====================================================================
   SHRI MAHAKAL JYOTISH & RASHI RATNA KENDRA
   Styles: public/css/kendra.css (app/Views/pages/kendra.php)
   Scoped strictly under .pk for complete style isolation.
   ===================================================================== */

.pk {
    --night: #12070a;
    --night-2: #1f0b10;
    --maroon: #8B1A1A;
    --maroon-dark: #6e1419;
    --gold: #C59B2B;
    --gold-hi: #F6DC98;
    --gold-soft: #E2B46A;
    --gold-lo: #8A6417;
    --gold-grad: linear-gradient(135deg, #F6DC98 0%, #D9B048 38%, #C59B2B 62%, #8A6417 100%);
    --ivory: #FFF8EF;
    --cream: #FBF3E7;
    --ink: #241c19;
    --muted: #6a5d52;
    --border: #EFE3CF;
    --wa: #1FAF54;
    --serif: "Cormorant Garamond", "Playfair Display", Georgia, serif;
    --num: "Playfair Display", Georgia, serif;
    --sans: "Raleway", "Roboto", system-ui, sans-serif;
    --ease-out: cubic-bezier(.22, 1, .36, 1);
    --ease-io: cubic-bezier(.65, 0, .35, 1);
    --radius: 20px;
    --shadow-card: 0 1px 2px rgba(60, 31, 18, .04), 0 16px 40px -16px rgba(60, 31, 18, .22);
    --shadow-lift: 0 2px 4px rgba(60, 31, 18, .05), 0 30px 64px -22px rgba(110, 20, 25, .38);

    /* Low-poly crystal facets */
    --pk-facets-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cg fill='%23fff' stroke='%23fff' stroke-opacity='.10' stroke-width='.6'%3E%3Cpath d='M0 0L0 40L40 40Z' fill-opacity='0.050'/%3E%3Cpath d='M0 0L80 0L40 40Z' fill-opacity='0.110'/%3E%3Cpath d='M80 0L40 40L120 40Z' fill-opacity='0.020'/%3E%3Cpath d='M80 0L120 40L160 40Z' fill-opacity='0.080'/%3E%3Cpath d='M80 0L160 0L160 40Z' fill-opacity='0.140'/%3E%3Cpath d='M0 40L40 40L0 80Z' fill-opacity='0.040'/%3E%3Cpath d='M40 40L0 80L80 80Z' fill-opacity='0.090'/%3E%3Cpath d='M40 40L120 40L80 80Z' fill-opacity='0.010'/%3E%3Cpath d='M120 40L80 80L160 80Z' fill-opacity='0.120'/%3E%3Cpath d='M120 40L160 40L160 80Z' fill-opacity='0.060'/%3E%3Cpath d='M0 80L0 120L40 120Z' fill-opacity='0.030'/%3E%3Cpath d='M0 80L80 80L40 120Z' fill-opacity='0.100'/%3E%3Cpath d='M80 80L40 120L120 120Z' fill-opacity='0.070'/%3E%3Cpath d='M80 80L120 120L160 120Z' fill-opacity='0.130'/%3E%3Cpath d='M80 80L160 80L160 120Z' fill-opacity='0.020'/%3E%3Cpath d='M0 120L40 120L0 160Z' fill-opacity='0.080'/%3E%3Cpath d='M40 120L0 160L80 160Z' fill-opacity='0.050'/%3E%3Cpath d='M40 120L120 120L80 160Z' fill-opacity='0.110'/%3E%3Cpath d='M120 120L80 160L160 160Z' fill-opacity='0.030'/%3E%3Cpath d='M120 120L160 120L160 160Z' fill-opacity='0.090'/%3E%3C/g%3E%3C/svg%3E");
    --pk-facets-gold: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cg fill='%23C59B2B' stroke='%23C59B2B' stroke-opacity='.12' stroke-width='.6'%3E%3Cpath d='M0 0L0 40L40 40Z' fill-opacity='0.035'/%3E%3Cpath d='M0 0L80 0L40 40Z' fill-opacity='0.077'/%3E%3Cpath d='M80 0L40 40L120 40Z' fill-opacity='0.014'/%3E%3Cpath d='M80 0L120 40L160 40Z' fill-opacity='0.056'/%3E%3Cpath d='M80 0L160 0L160 40Z' fill-opacity='0.098'/%3E%3Cpath d='M0 40L40 40L0 80Z' fill-opacity='0.028'/%3E%3Cpath d='M40 40L0 80L80 80Z' fill-opacity='0.063'/%3E%3Cpath d='M40 40L120 40L80 80Z' fill-opacity='0.007'/%3E%3Cpath d='M120 40L80 80L160 80Z' fill-opacity='0.084'/%3E%3Cpath d='M120 40L160 40L160 80Z' fill-opacity='0.042'/%3E%3Cpath d='M0 80L0 120L40 120Z' fill-opacity='0.021'/%3E%3Cpath d='M0 80L80 80L40 120Z' fill-opacity='0.070'/%3E%3Cpath d='M80 80L40 120L120 120Z' fill-opacity='0.049'/%3E%3Cpath d='M80 80L120 120L160 120Z' fill-opacity='0.091'/%3E%3Cpath d='M80 80L160 80L160 120Z' fill-opacity='0.014'/%3E%3Cpath d='M0 120L40 120L0 160Z' fill-opacity='0.056'/%3E%3Cpath d='M40 120L0 160L80 160Z' fill-opacity='0.035'/%3E%3Cpath d='M40 120L120 120L80 160Z' fill-opacity='0.077'/%3E%3Cpath d='M120 120L80 160L160 160Z' fill-opacity='0.021'/%3E%3Cpath d='M120 120L160 120L160 160Z' fill-opacity='0.063'/%3E%3C/g%3E%3C/svg%3E");

    font-family: var(--sans);
    font-variant-numeric: lining-nums;
    color: var(--ink);
    background: var(--ivory);
    background-image: var(--pk-facets-light);
    overflow-x: clip;
    overflow-y: visible;
}

.pk *, .pk *::before, .pk *::after { box-sizing: border-box; }
.pk img { max-width: 100%; display: block; }
.pk a { text-decoration: none; }
.pk :focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; border-radius: 6px; }
.pk em { font-style: italic; }
.pk .container { position: relative; }

/* Icon centering across entire Kendra page */
.pk [class^="flaticon-"]::before,
.pk [class*=" flaticon-"]::before,
.pk [class^="flaticon-"]::after,
.pk [class*=" flaticon-"]::after,
.pk .fa::before,
.pk .fa::after {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin: 0 !important;
    display: inline-block;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
}

/* ---------- Shared: Section, Headings, Eyebrow ---------- */
.pk-section {
    padding: clamp(68px, 8.5vw, 116px) 0;
    position: relative;
    isolation: isolate;
    background: var(--ivory);
    overflow: visible;
}
.pk-section--cream {
    background: var(--cream);
}
.pk-section--night {
    background: radial-gradient(1200px 700px at 78% 40%, rgba(139, 26, 26, .55), transparent 60%),
                radial-gradient(900px 600px at 10% 110%, rgba(197, 155, 43, .16), transparent 60%),
                linear-gradient(180deg, #1c0a0e 0%, var(--night) 100%);
    color: #fff;
}

.pk-section:not(.pk-section--night)::before {
    content: ""; position: absolute; inset: -10% -6%; z-index: -1; pointer-events: none;
    background:
        radial-gradient(38% 42% at 12% 18%, rgba(226, 180, 106, .26), transparent 70%),
        radial-gradient(34% 40% at 88% 72%, rgba(139, 26, 26, .09), transparent 70%),
        radial-gradient(28% 34% at 62% 8%, rgba(197, 155, 43, .14), transparent 70%);
    animation: pk-drift 24s ease-in-out infinite alternate;
}
.pk-section:not(.pk-section--night)::after {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background: var(--pk-facets-gold); background-size: 240px; opacity: .55;
    -webkit-mask: radial-gradient(ellipse 75% 65% at 50% 35%, #000, transparent 78%);
    mask: radial-gradient(ellipse 75% 65% at 50% 35%, #000, transparent 78%);
}

.pk-head { text-align: center; max-width: 820px; margin: 0 auto clamp(36px, 4.5vw, 60px); height: auto; float: none; }
.pk-head--left { text-align: left; margin-left: 0; }
.pk-eyebrow {
    display: inline-flex; align-items: center; gap: 12px;
    font: 600 12.5px/1.2 var(--sans); letter-spacing: .22em; text-transform: uppercase;
    color: var(--maroon); margin: 0 0 16px;
}
.pk-eyebrow__line { width: 36px; height: 1px; background: var(--gold); transform-origin: left center; }
.pk-eyebrow--light { color: var(--gold-soft); }
.pk-eyebrow--light .pk-eyebrow__line { background: var(--gold-soft); }
.pk-title {
    font: 600 clamp(34px, 4.4vw, 54px)/1.1 var(--serif);
    color: var(--ink); margin: 0; letter-spacing: -.01em;
}
.pk-title em { color: var(--maroon); font-weight: 600; font-style: italic; }
.pk-title--sm { font-size: clamp(28px, 3.4vw, 42px); }
.pk-intro { font-size: 17px; line-height: 1.75; color: var(--muted); margin: 18px auto 0; max-width: 680px; }
.pk-head--light .pk-title { color: #fff; }
.pk-head--light .pk-title em {
    color: transparent; background: var(--gold-grad); -webkit-background-clip: text; background-clip: text;
}
.pk-head--light .pk-intro { color: rgba(255, 244, 228, .75); }

.pk-shimmer {
    color: transparent; font-style: italic;
    background: linear-gradient(100deg, #C59B2B 0%, #F6DC98 25%, #fff6dc 35%, #D9B048 50%, #C59B2B 70%, #F6DC98 100%);
    background-size: 220% 100%; -webkit-background-clip: text; background-clip: text;
    animation: pk-shimmer 6s linear infinite;
}

/* =====================================================================
   HOMEPAGE SIGNATURE BUTTONS (3D Cut-Gem Finish with Dynamic Sheen)
   ===================================================================== */
.pk-btn {
    position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px;
    min-height: 50px; padding: 0 28px; border-radius: 999px; border: 0; cursor: pointer;
    font: 600 13.5px/1 var(--sans); letter-spacing: .08em; text-transform: uppercase;
    isolation: isolate; overflow: hidden; white-space: nowrap; text-decoration: none !important;
    top: 0;
    transition: transform .35s var(--ease-out), box-shadow .35s var(--ease-out), color .3s, filter .3s, top .15s;
}
.pk-btn i { font-size: 16px; transition: transform .35s var(--ease-out); }
.pk-btn:hover i.fa-long-arrow-right { transform: translateX(5px); }
.pk-btn:hover { filter: brightness(1.06) saturate(1.08); transform: translateY(-2px); }
.pk-btn:active { top: 2px; transform: translateY(1px); }

.pk-btn--gold::before, .pk-btn--maroon::before, .pk-btn--wa::before {
    content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
    background:
        linear-gradient(118deg, transparent 0 18%, rgba(255, 255, 255, .26) 18% 27%, transparent 27% 52%, rgba(255, 255, 255, .14) 52% 58%, transparent 58%),
        linear-gradient(62deg, transparent 0 68%, rgba(255, 255, 255, .16) 68% 75%, transparent 75%),
        linear-gradient(180deg, rgba(255, 255, 255, .22), transparent 48%);
}
.pk-btn--gold::after, .pk-btn--maroon::after, .pk-btn--wa::after {
    content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
    background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, .75) 48%, rgba(255, 255, 255, .15) 54%, transparent 62%);
    animation: pk-glint 5.5s var(--ease-io) infinite;
}

.pk-btn--gold {
    color: #3b0d10 !important; text-shadow: 0 1px 0 rgba(255, 245, 215, .55);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 45%, rgba(90, 55, 0, 0) 60%, rgba(90, 55, 0, .3) 100%),
        linear-gradient(115deg, #8A6417 0%, #D9B048 16%, #FFF1C4 30%, #C59B2B 45%, #F6DC98 60%, #A77A1E 78%, #EBCB6E 100%);
    background-size: 100% 100%, 260% 100%;
    animation: pk-liquid 6s ease-in-out infinite alternate;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 -2px 1px rgba(110, 70, 10, .45), inset 0 0 0 1px rgba(255, 236, 180, .55),
        0 3px 0 #8A6417, 0 14px 30px -10px rgba(197, 155, 43, .8);
}
.pk-btn--gold:hover {
    color: #3b0d10 !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .95), inset 0 -2px 1px rgba(110, 70, 10, .45), inset 0 0 0 1px rgba(255, 236, 180, .7),
        0 3px 0 #8A6417, 0 18px 40px -10px rgba(226, 180, 106, .95), 0 0 30px rgba(246, 220, 152, .35);
}

.pk-btn--maroon {
    color: #fff !important; text-shadow: 0 1px 1px rgba(40, 0, 0, .5);
    background:
        linear-gradient(180deg, rgba(255, 200, 200, .32) 0%, rgba(255, 255, 255, 0) 45%, rgba(0, 0, 0, 0) 60%, rgba(30, 0, 0, .35) 100%),
        linear-gradient(115deg, #4a0b10 0%, #8B1A1A 22%, #cf4a4f 36%, #8B1A1A 52%, #b52d34 70%, #5a0f14 100%);
    background-size: 100% 100%, 260% 100%;
    animation: pk-liquid 7s ease-in-out infinite alternate;
    box-shadow:
        inset 0 1px 0 rgba(255, 190, 190, .6), inset 0 -2px 1px rgba(40, 0, 0, .55), inset 0 0 0 1px rgba(255, 150, 150, .22),
        0 3px 0 #4a0b10, 0 14px 30px -10px rgba(139, 26, 26, .75);
}

.pk-btn--wa {
    color: #fff !important; text-shadow: 0 1px 1px rgba(0, 40, 15, .45);
    background:
        linear-gradient(180deg, rgba(210, 255, 225, .35) 0%, rgba(255, 255, 255, 0) 45%, rgba(0, 0, 0, 0) 60%, rgba(0, 35, 15, .35) 100%),
        linear-gradient(115deg, #0b5d2c 0%, #1FAF54 22%, #7ce8a4 36%, #1FAF54 52%, #16a049 70%, #0a4f25 100%);
    background-size: 100% 100%, 260% 100%;
    animation: pk-liquid 6.5s ease-in-out infinite alternate;
    box-shadow:
        inset 0 1px 0 rgba(210, 255, 225, .7), inset 0 -2px 1px rgba(0, 45, 18, .5),
        0 3px 0 #0b5d2c, 0 14px 30px -10px rgba(31, 175, 84, .75);
}

.pk-btn--ghost-dark {
    color: var(--maroon) !important; background: #fff;
    box-shadow: inset 0 0 0 1px var(--gold-soft), 0 4px 14px rgba(60, 31, 18, .08);
}
.pk-btn--ghost-dark:hover {
    color: var(--maroon) !important; background: var(--cream);
    box-shadow: inset 0 0 0 1px var(--gold), 0 8px 24px rgba(60, 31, 18, .12);
}

/* =====================================================================
   SUB-HERO ROYAL TRUST & ACTION CONCIERGE (Pavilion Architecture)
   ===================================================================== */
.pk-hero-trust {
    position: relative;
    z-index: 4;
    background: #fffdf9;
    border-top: 1px solid rgba(246, 220, 152, 0.35);
    border-bottom: 1px solid rgba(197, 155, 43, 0.22);
    padding: 26px 0 24px;
    box-shadow: 0 10px 30px -15px rgba(60, 31, 18, 0.1), 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    overflow: hidden;
    isolation: isolate;
}
.pk-hero-trust::before {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background-image: var(--pk-facets-gold); background-size: 200px; opacity: 0.35; z-index: -2;
}
.pk-hero-trust__glow {
    position: absolute; inset: 0; pointer-events: none;
    background: 
        radial-gradient(ellipse 700px 140px at 50% 0%, rgba(246, 220, 152, 0.25), transparent 75%),
        radial-gradient(ellipse 400px 160px at 85% 100%, rgba(139, 26, 26, 0.05), transparent 70%);
    z-index: -1;
    animation: pk-drift 18s ease-in-out infinite alternate;
}
.pk-hero-trust .container { position: relative; z-index: 2; }
.pk-hero-trust__deck { display: flex; flex-direction: column; gap: 18px; }

.pk-hero-trust__pillars {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; width: 100%;
}
.pk-trust-pod {
    display: flex; align-items: center; gap: 14px; padding: 12px 18px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(253, 247, 237, 0.85) 100%);
    border: 1px solid rgba(197, 155, 43, 0.2); border-radius: 14px;
    box-shadow: 0 4px 14px -6px rgba(60, 31, 18, 0.06), inset 0 1px 0 #fff;
    transition: transform 0.35s var(--ease-out), box-shadow 0.35s var(--ease-out), border-color 0.3s;
}
.pk-trust-pod:hover {
    transform: translateY(-2px); border-color: var(--gold);
    box-shadow: 0 10px 24px -8px rgba(197, 155, 43, 0.28), inset 0 1px 0 #fff;
}
.pk-trust-pod__icon-wrap { flex-shrink: 0; }
.pk-trust-pod__icon {
    display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%;
    background: linear-gradient(135deg, #FFF1C4 0%, #D9B048 45%, #C59B2B 75%, #8A6417 100%);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.9), 0 4px 12px -2px rgba(197, 155, 43, 0.45);
    transition: transform 0.4s var(--ease-out);
}
.pk-trust-pod:hover .pk-trust-pod__icon { transform: scale(1.08) rotate(4deg); }
.pk-trust-pod__icon i { font-size: 16px; color: #3b0d10; filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.6)); }
.pk-trust-pod__content { min-width: 0; flex: 1; }
.pk-trust-pod__title {
    display: block; font-family: var(--sans); font-size: 13.5px; font-weight: 700;
    letter-spacing: 0.02em; color: var(--ink); line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.pk-trust-pod:hover .pk-trust-pod__title { color: var(--maroon); }
.pk-trust-pod__desc {
    display: block; font-size: 11.5px; font-weight: 500; color: var(--muted);
    line-height: 1.3; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.pk-hero-trust__divider { display: flex; align-items: center; justify-content: center; gap: 16px; padding: 2px 0; }
.pk-hero-trust__divider-line {
    flex: 1; height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(197, 155, 43, 0.25) 35%, rgba(197, 155, 43, 0.25) 65%, transparent 100%);
}
.pk-hero-trust__divider-gem {
    color: var(--gold); font-size: 12px; opacity: 0.85; filter: drop-shadow(0 0 8px rgba(246, 220, 152, 0.8));
    animation: pk-pulse-gem 3s ease-in-out infinite;
}

.pk-hero-trust__concierge { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.pk-hero-trust__tagline { display: flex; align-items: center; gap: 12px; min-width: 0; }
.pk-hero-trust__sparkle { font-size: 18px; color: var(--gold); line-height: 1; flex-shrink: 0; }
.pk-hero-trust__tagline-text { display: flex; flex-direction: column; gap: 2px; }
.pk-hero-trust__tagline-text strong {
    font-family: var(--serif); font-size: 18px; font-weight: 600; color: var(--ink); letter-spacing: -0.01em; line-height: 1.2;
}
.pk-hero-trust__tagline-text span { font-size: 13px; color: var(--muted); line-height: 1.35; }
.pk-hero-trust__ctas { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }
.pk-hero-trust__ctas .pk-btn { min-height: 48px; padding: 0 26px; font-size: 13.5px; }

/* =====================================================================
   SECTION: KENDRA SANCTUM SHOWCASE (Sticky Image + Editorial Narrative)
   ===================================================================== */
.pk-sanctum { position: relative; }
.pk-sanctum__grid {
    display: grid;
    grid-template-columns: 5fr 6fr;
    gap: clamp(36px, 4.5vw, 60px);
    align-items: start;
    position: relative;
}

/* STICKY VISUAL FRAME */
.pk-sanctum__visual { position: relative; }
@media (min-width: 992px) {
    .pk-sanctum__visual {
        position: -webkit-sticky;
        position: sticky;
        top: 115px;
        align-self: start;
        z-index: 4;
        will-change: transform;
    }
}

.pk-sanctum__frame-wrap {
    position: relative;
    border-radius: 28px;
    padding: 10px;
    background: linear-gradient(145deg, rgba(246, 220, 152, 0.75), rgba(255, 255, 255, 0.95), rgba(197, 155, 43, 0.5));
    box-shadow: 0 24px 50px -15px rgba(60, 31, 18, 0.22);
}
.pk-sanctum__aura {
    position: absolute; inset: -14px; border-radius: 36px;
    border: 1.5px dashed var(--gold-soft); opacity: 0.55; pointer-events: none;
    z-index: -1; animation: pk-spin 120s linear infinite;
}
.pk-sanctum__frame {
    position: relative; border-radius: 20px; overflow: hidden; background: #fff;
}
.pk-sanctum__frame img {
    width: 100%; height: 420px; object-fit: cover; object-position: center 30%;
    display: block; transition: transform 0.8s var(--ease-out);
}
.pk-sanctum__frame:hover img { transform: scale(1.035); }
.pk-sanctum__frame-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(180deg, transparent 55%, rgba(18, 4, 7, 0.8) 100%);
    pointer-events: none;
}
.pk-sanctum__caption {
    position: absolute; bottom: 18px; left: 18px; right: 18px;
    display: flex; align-items: center; gap: 12px; padding: 10px 18px;
    border-radius: 999px; background: rgba(18, 4, 7, 0.88);
    backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(246, 220, 152, 0.45); color: #fff;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}
.pk-sanctum__caption-logo {
    width: 38px; height: 38px; border-radius: 50%; object-fit: contain; background: #fff;
    padding: 3px; flex-shrink: 0; box-shadow: 0 0 0 1px var(--gold);
}
.pk-sanctum__caption-text strong {
    display: block; font-family: var(--serif); font-size: 15px; font-weight: 600; color: #fff; line-height: 1.2;
}
.pk-sanctum__caption-text small {
    display: block; font-size: 11.5px; color: var(--gold-hi); font-weight: 500;
}

/* Floating Vedic Sanctum Seal */
.pk-sanctum__seal {
    position: absolute; top: -14px; right: -14px;
    display: flex; align-items: center; gap: 12px; padding: 10px 18px;
    border-radius: 999px; background: linear-gradient(135deg, #1c0a0e, #3a0d12);
    border: 1.5px solid var(--gold); box-shadow: 0 12px 30px -8px rgba(139, 26, 26, 0.65);
    color: #fff; z-index: 2;
}
.pk-sanctum__seal-icon {
    font-size: 20px; color: var(--gold-hi); filter: drop-shadow(0 0 8px rgba(246, 220, 152, 0.8));
}
.pk-sanctum__seal-text strong {
    display: block; font-size: 12px; font-weight: 700; color: var(--gold-hi); letter-spacing: 0.05em; text-transform: uppercase; line-height: 1.2;
}
.pk-sanctum__seal-text span {
    display: block; font-size: 11px; color: rgba(255, 244, 228, 0.8);
}

/* Editorial Narrative Cards */
.pk-sanctum__narrative { display: flex; flex-direction: column; gap: 20px; }
.pk-sanctum__header { margin-bottom: 8px; }
.pk-sanctum__tag-wrap {
    display: inline-flex; align-items: center; gap: 10px; padding: 6px 18px;
    border-radius: 999px; background: rgba(139, 26, 26, 0.06);
    border: 1px solid rgba(197, 155, 43, 0.35); margin-bottom: 14px;
}
.pk-sanctum__tag {
    font-size: 11.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--maroon);
}
.pk-sanctum__tag-meta { font-size: 11.5px; font-weight: 600; color: #5f544b; }

.pk-sanctum__title {
    font: 600 clamp(32px, 3.6vw, 46px)/1.15 var(--serif); color: var(--ink); margin: 0 0 12px;
}
.pk-sanctum__deva {
    font-family: var(--serif); font-size: 20px; font-weight: 600; color: var(--maroon); margin: 0 0 16px;
}

/* Featured Quote */
.pk-quote-box {
    position: relative; padding: 22px 26px 22px 56px; border-radius: 18px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(254, 248, 238, 0.92));
    border: 1px solid rgba(197, 155, 43, 0.35);
    box-shadow: 0 8px 24px -10px rgba(60, 31, 18, 0.08), inset 0 1px 0 #fff;
    margin-bottom: 12px;
}
.pk-quote-box__glyph {
    position: absolute; left: 18px; top: 12px; font-size: 38px; color: var(--gold); line-height: 1; opacity: 0.85;
}
.pk-quote-box__text {
    font: italic 500 17.5px/1.6 var(--serif); color: var(--ink); margin: 0 0 8px;
}
.pk-quote-box__author {
    display: block; font-size: 12px; font-weight: 700; color: var(--maroon); letter-spacing: 0.08em; text-transform: uppercase;
}

.pk-card {
    position: relative; padding: 24px 28px; border-radius: 20px;
    background: #fff; border: 1px solid rgba(197, 155, 43, 0.22);
    box-shadow: var(--shadow-card);
}
.pk-card__accent {
    position: absolute; left: 0; top: 20px; bottom: 20px; width: 4px; border-radius: 0 4px 4px 0;
    background: var(--gold-grad);
}
.pk-card p {
    margin: 0; font-size: 15.5px; line-height: 1.8; color: #433932; text-align: left;
}
.pk-card p + p { margin-top: 14px; }

/* Practice Features Ribbon */
.pk-badges-strip {
    display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px;
}
.pk-badge {
    display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px;
    border-radius: 999px; background: rgba(246, 220, 152, 0.2);
    border: 1px solid rgba(197, 155, 43, 0.35); font-size: 12.5px; font-weight: 600; color: var(--ink);
}
.pk-badge i { color: var(--maroon); font-size: 13px; }

/* =====================================================================
   SECTION: THE 7 SACRED OFFERINGS (Pillars of Vedic Practice)
   ===================================================================== */
.pk-offerings { position: relative; }
.pk-offerings__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.pk-offering-card {
    display: flex; flex-direction: column; padding: 32px 26px; border-radius: 22px;
    background: #fff;
    border: 1px solid transparent;
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(145deg, rgba(246, 220, 152, .95), var(--border) 32%, var(--border) 68%, rgba(197, 155, 43, .85)) border-box;
    box-shadow: var(--shadow-card);
    position: relative; overflow: hidden; isolation: isolate;
    transition: transform .45s var(--ease-out), box-shadow .45s var(--ease-out);
}
.pk-offering-card:hover {
    transform: translateY(-7px); box-shadow: var(--shadow-lift);
}
.pk-offering-card--featured {
    grid-column: span 3;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 32px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(254, 248, 238, 0.94)) padding-box,
        linear-gradient(135deg, #F6DC98 0%, #D9B048 50%, #C59B2B 100%) border-box;
    border: 1.5px solid transparent;
}
.pk-offering-card__num {
    font: 700 12.5px/1 var(--sans); letter-spacing: .16em; color: var(--gold);
    margin-bottom: 16px; display: inline-flex; align-items: center; gap: 8px;
}
.pk-offering-card__num::after {
    content: ""; width: 24px; height: 1px; background: var(--gold-soft);
}
.pk-offering-card__icon {
    width: 56px; height: 56px; border-radius: 16px;
    display: flex; align-items: center; justify-content: center;
    color: var(--maroon);
    background: radial-gradient(circle at 32% 24%, #fff 0%, #fdf4e2 38%, #f2dcae 100%);
    box-shadow: inset 0 2px 2px #fff, inset 0 -3px 6px rgba(197, 155, 43, .28), 0 0 0 1px rgba(226, 180, 106, .65), 0 6px 14px -8px rgba(138, 100, 23, .6);
    font-size: 24px; margin-bottom: 20px; line-height: 1;
    transition: transform .45s, background .35s, color .35s;
}
.pk-offering-card:hover .pk-offering-card__icon {
    transform: rotate(-8deg) scale(1.08); background: var(--maroon); color: #fff;
}
.pk-offering-card__icon i {
    display: inline-flex; align-items: center; justify-content: center;
    width: 28px; height: 28px; line-height: 1; font-size: 24px; color: inherit;
    text-align: center; vertical-align: middle;
}
.pk-offering-card__icon i::before {
    display: inline-block; line-height: 1; margin: 0 !important; color: inherit;
    font-size: inherit; text-align: center; vertical-align: middle;
}
.pk-offering-card__title {
    font: 600 22px/1.25 var(--serif); color: var(--ink); margin: 0 0 10px;
}
.pk-offering-card__text {
    font-size: 14.5px; line-height: 1.7; color: var(--muted); margin: 0 0 20px; flex: 1;
}
.pk-offering-card__link {
    display: inline-flex; align-items: center; gap: 8px;
    font: 600 12.5px/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--maroon);
    margin-top: auto;
}
.pk-offering-card__link i { transition: transform 0.35s var(--ease-out); }
.pk-offering-card:hover .pk-offering-card__link i { transform: translateX(6px); }

/* =====================================================================
   SECTION: DOSH NIVARAN & RITUAL SANCTUARIES SPOTLIGHT
   ===================================================================== */
.pk-dosh { position: relative; }
.pk-dosh__grid {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;
}
.pk-dosh-card {
    display: flex; flex-direction: column; padding: 28px 24px; border-radius: 20px;
    background: #fff; border: 1px solid rgba(197, 155, 43, 0.25);
    box-shadow: var(--shadow-card);
    transition: transform .4s var(--ease-out), box-shadow .4s;
    position: relative; overflow: hidden;
}
.pk-dosh-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lift); }
.pk-dosh-card__badge {
    display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: 999px;
    background: rgba(139, 26, 26, 0.08); color: var(--maroon);
    font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
    margin-bottom: 16px; align-self: flex-start;
}
.pk-dosh-card__title {
    font: 600 21px/1.25 var(--serif); color: var(--ink); margin: 0 0 10px;
}
.pk-dosh-card__text {
    font-size: 13.5px; line-height: 1.65; color: var(--muted); margin: 0 0 18px; flex: 1;
}
.pk-dosh-card__meta {
    display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; color: var(--gold-lo);
    border-top: 1px dashed rgba(197, 155, 43, 0.3); padding-top: 14px;
}

/* =====================================================================
   SECTION: OFFICIAL RECOGNITION & ACCREDITATIONS (Sticky Grid)
   ===================================================================== */
.pk-reg { position: relative; }
.pk-reg__box {
    display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start;
    border-radius: 24px; padding: clamp(28px, 4vw, 48px);
    background: #fff;
    border: 1px solid transparent;
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(145deg, rgba(246, 220, 152, .95), var(--border) 32%, var(--border) 68%, rgba(197, 155, 43, .85)) border-box;
    box-shadow: var(--shadow-card);
}
.pk-reg__media { position: relative; border-radius: 20px; overflow: hidden; box-shadow: var(--shadow-lift); }
@media (min-width: 992px) {
    .pk-reg__media {
        position: -webkit-sticky;
        position: sticky;
        top: 115px;
        align-self: start;
        z-index: 4;
        will-change: transform;
    }
}
.pk-reg__media img { width: 100%; height: auto; display: block; }
.pk-reg__zoom {
    position: absolute; inset: 0; display: grid; place-items: center;
    background: rgba(18, 7, 10, .4); opacity: 0; transition: opacity .35s;
    color: #fff; font-size: 14px; font-weight: 700; gap: 8px;
}
.pk-reg__zoom i {
    width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center;
    background: var(--gold-grad); color: #3b0d10; font-size: 20px;
}
.pk-reg__media:hover .pk-reg__zoom { opacity: 1; }

.pk-creds-list {
    list-style: none; margin: 24px 0 0; padding: 0; display: grid; gap: 14px;
}
.pk-creds-list li {
    display: flex; align-items: flex-start; gap: 14px; padding: 14px 18px; border-radius: 14px;
    background: linear-gradient(135deg, #ffffff, #fdfbf7);
    border: 1px solid rgba(197, 155, 43, 0.22);
    box-shadow: 0 2px 8px rgba(60, 31, 18, 0.04);
}
.pk-creds-list__icon {
    width: 36px; height: 36px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: var(--gold-grad); color: #3b0d10; font-size: 15px; flex-shrink: 0;
}
.pk-creds-list__text { font-size: 14.5px; line-height: 1.55; color: #433932; font-weight: 600; }

/* =====================================================================
   SECTION: SPECIALIZED SERVICES SHOWCASE
   ===================================================================== */
.pk-services__grid {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;
}
.pk-service-card {
    display: flex; flex-direction: column; padding: 28px 24px; border-radius: 20px;
    background: #fff;
    border: 1px solid transparent;
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(145deg, rgba(246, 220, 152, .95), var(--border) 32%, var(--border) 68%, rgba(197, 155, 43, .85)) border-box;
    box-shadow: var(--shadow-card);
    color: var(--ink) !important;
    transition: transform .4s var(--ease-out), box-shadow .4s var(--ease-out);
}
.pk-service-card:hover {
    transform: translateY(-6px); box-shadow: var(--shadow-lift);
}
.pk-service-card__icon {
    width: 52px; height: 52px; border-radius: 14px;
    display: flex; align-items: center; justify-content: center; text-align: center;
    color: var(--maroon);
    background: radial-gradient(circle at 32% 24%, #fff 0%, #fdf4e2 38%, #f2dcae 100%);
    box-shadow: inset 0 2px 2px #fff, inset 0 -3px 6px rgba(197, 155, 43, .28), 0 0 0 1px rgba(226, 180, 106, .65), 0 6px 14px -8px rgba(138, 100, 23, .6);
    font-size: 24px; margin-bottom: 18px; line-height: 1;
    transition: transform .4s, background .3s, color .3s;
}
.pk-service-card__icon i {
    display: flex; align-items: center; justify-content: center;
    width: 26px; height: 26px; line-height: 1; text-align: center; font-size: 22px;
}
.pk-service-card__icon i::before {
    margin: 0 !important; line-height: 1; display: block;
}
.pk-service-card:hover .pk-service-card__icon {
    transform: scale(1.08) rotate(-6deg); background: var(--maroon); color: #fff;
}
.pk-service-card__name { font: 600 22px/1.2 var(--serif); color: var(--ink); margin: 0 0 8px; }
.pk-service-card__text { font-size: 14px; line-height: 1.65; color: var(--muted); margin: 0 0 16px; flex: 1; }
.pk-service-card__link {
    display: inline-flex; align-items: center; gap: 8px;
    font: 600 12.5px/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--maroon);
    margin-top: auto;
}
.pk-service-card__link i { transition: transform 0.35s var(--ease-out); }
.pk-service-card:hover .pk-service-card__link i { transform: translateX(6px); }

/* =====================================================================
   SECTION: GRAND COSMIC CLOSING CTA BAND
   ===================================================================== */
.pk-band {
    position: relative; overflow: hidden; padding: clamp(68px, 8vw, 104px) 0;
    color: #fff; text-align: center;
    background:
        radial-gradient(900px 500px at 50% 20%, rgba(139, 26, 26, .7), transparent 70%),
        linear-gradient(180deg, var(--night-2), var(--night));
}
.pk-band::before {
    content: ""; position: absolute; left: 50%; top: 50%; width: 150vmax; height: 150vmax; margin: -75vmax 0 0 -75vmax; pointer-events: none;
    background: conic-gradient(from 0deg, transparent 0deg, rgba(139, 26, 26, .5) 55deg, rgba(197, 155, 43, .24) 115deg, transparent 165deg,
        rgba(96, 44, 150, .24) 215deg, rgba(139, 26, 26, .42) 275deg, rgba(197, 155, 43, .18) 330deg, transparent 360deg);
    filter: blur(70px); will-change: rotate; animation: pk-spin 80s linear infinite;
}
.pk-band::after {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background: var(--pk-facets-light); background-size: 280px; opacity: .55; mix-blend-mode: overlay;
    -webkit-mask: radial-gradient(ellipse 80% 75% at 50% 50%, #000 20%, transparent 80%);
    mask: radial-gradient(ellipse 80% 75% at 50% 50%, #000 20%, transparent 80%);
}
.pk-band > .container { position: relative; z-index: 2; }
.pk-band__ring {
    position: absolute; left: 50%; top: 50%; width: 720px; height: 720px;
    margin: -360px 0 0 -360px; border-radius: 50%; pointer-events: none;
    border: 1px dashed rgba(246, 220, 152, .25); animation: pk-spin 140s linear infinite;
}
.pk-band h2 {
    font: 600 clamp(32px, 4.4vw, 54px)/1.15 var(--serif); color: #fff; margin: 0 0 18px;
}
.pk-band h2 em { color: transparent; background: var(--gold-grad); -webkit-background-clip: text; background-clip: text; }
.pk-band p {
    font-size: 17px; line-height: 1.75; color: rgba(255, 244, 228, .8); max-width: 620px; margin: 0 auto 34px;
}
.pk-band__ctas { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }

/* =====================================================================
   RESPONSIVE ADAPTATIONS
   ===================================================================== */
@media (max-width: 1199px) {
    .pk-hero-trust__pillars { grid-template-columns: repeat(2, 1fr); }
    .pk-hero-trust__concierge { flex-direction: column; align-items: flex-start; gap: 16px; }
    .pk-hero-trust__ctas { width: 100%; justify-content: flex-start; }
    .pk-offerings__grid { grid-template-columns: repeat(2, 1fr); }
    .pk-offerings__card--featured { grid-column: span 2; }
    .pk-dosh__grid { grid-template-columns: repeat(2, 1fr); }
    .pk-services__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 991px) {
    .pk-sanctum__grid { grid-template-columns: 1fr; }
    .pk-reg__box { grid-template-columns: 1fr; }
    .pk-sanctum__frame img { height: 320px; }
    .pk-offering-card--featured { grid-template-columns: 1fr; gap: 20px; }
}

@media (max-width: 767px) {
    .pk-hero-trust { padding: 20px 0; }
    .pk-hero-trust__pillars { grid-template-columns: 1fr; gap: 10px; }
    .pk-trust-pod { padding: 10px 14px; }
    .pk-hero-trust__tagline-text strong { font-size: 16px; }
    .pk-hero-trust__tagline-text span { font-size: 12px; }
    .pk-hero-trust__ctas { flex-direction: column; width: 100%; gap: 10px; }
    .pk-hero-trust__ctas .pk-btn { width: 100%; justify-content: center; }

    .pk-offerings__grid { grid-template-columns: 1fr; }
    .pk-offering-card--featured { grid-column: span 1; }
    .pk-dosh__grid { grid-template-columns: 1fr; }
    .pk-services__grid { grid-template-columns: 1fr; }

    .pk-btn { width: 100%; justify-content: center; }
    .pk-band__ctas { flex-direction: column; width: 100%; }
}

/* =====================================================================
   KEYFRAME ANIMATIONS
   ===================================================================== */
@keyframes pk-drift {
    0% { transform: scale(1) translate(0, 0); }
    100% { transform: scale(1.08) translate(20px, 15px); }
}
@keyframes pk-shimmer {
    to { background-position: -220% 0; }
}
@keyframes pk-liquid {
    0% { background-position: 0% 50%, 0% 50%; }
    100% { background-position: 100% 50%, 100% 50%; }
}
@keyframes pk-glint {
    0%, 75% { transform: translateX(-140%); opacity: 0; }
    78% { opacity: .9; }
    86%, 100% { transform: translateX(140%); opacity: 0; }
}
@keyframes pk-pulse-gem {
    0%, 100% { transform: scale(1); opacity: .85; }
    50% { transform: scale(1.15); opacity: 1; }
}
@keyframes pk-spin {
    to { transform: rotate(360deg); }
}

/* ==================== Review fixes ==================== */
/* Show the whole Kendra signboard (832×416) instead of a tight crop around the logo. */
.pk-sanctum__frame img { height: auto; aspect-ratio: 2 / 1; object-fit: cover; object-position: center; }
.pk-sanctum__frame-overlay { display: none; }
.pk-sanctum__caption { position: static; margin: 12px; border-radius: 16px; }
/* A lone last offering card spans the row as a horizontal feature instead of sitting orphaned. */
@media (min-width: 1200px) {
    .pk-offerings__grid > .pk-offering-card:last-child:nth-child(3n+1) {
        grid-column: 1 / -1; display: grid; grid-template-columns: auto 1fr auto; column-gap: 28px; align-items: center;
    }
    .pk-offerings__grid > .pk-offering-card:last-child:nth-child(3n+1) .pk-offering-card__num { grid-column: 1 / -1; }
    .pk-offerings__grid > .pk-offering-card:last-child:nth-child(3n+1) .pk-offering-card__icon { grid-row: span 2; margin: 0; }
    .pk-offerings__grid > .pk-offering-card:last-child:nth-child(3n+1) .pk-offering-card__title,
    .pk-offerings__grid > .pk-offering-card:last-child:nth-child(3n+1) .pk-offering-card__text { grid-column: 2; margin-bottom: 4px; }
    .pk-offerings__grid > .pk-offering-card:last-child:nth-child(3n+1) .pk-offering-card__link { grid-column: 3; grid-row: 2 / span 2; }
}
/* 9 services: 3 × 3 instead of 4 + 4 + 1 orphan */
@media (min-width: 1200px) { .pk-services__grid { grid-template-columns: repeat(3, 1fr); } }
