body.home-page {
    min-height: 100vh;
    overflow-x: hidden;
    background: #ffffff;
}

.home-page #main {
    min-height: 100vh;
    overflow-x: hidden;
    background: #ffffff;
}



.home-page #homepage {
    height: auto;
    min-height: calc(100vh - clamp(64px, 5vw, 88px));
    margin-top: clamp(64px, 5vw, 88px);

    display: flex;
}

.home-page .slidermain,
.home-page .slider,
.home-page .slide {
    min-height: inherit;
}

.home-page .slidermain,
.home-page .slider {
    width: 100%;
    display: flex;
}

.home-page .slidercontemain {
    min-height: inherit;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: clamp(18px, 2.4vw, 44px);
    padding: clamp(24px, 4vh, 48px) clamp(18px, 4vw, 72px) clamp(34px, 5vh, 64px);
}

.home-page .slidercontemain .sliderleft {
    flex: 1 1 560px;
    width: auto;
    max-width: min(100%, 760px);
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: clamp(12px, 1.6vh, 22px);
    min-height: inherit;
    padding-left: clamp(8px, 3vw, 56px);
    padding-right: clamp(8px, 1.8vw, 24px);
}

.home-page .slidercontemain .sliderright {
    flex: 0 1 clamp(120px, 16vw, 300px);
    width: auto;
    min-width: 0;
    min-height: inherit;
}

.home-page .slidetopleft {
    width: min(100%, clamp(220px, 28vw, 420px));
    height: clamp(88px, 12vh, 170px);
    max-width: 100%;
}

.home-page .slidemidleft,
.home-page .slidefoterleft {
    width: min(100%, clamp(340px, 46vw, 640px));
    margin-left: 0;
    max-width: 100%;
}

.home-page .slidemidleft {
    margin-top: clamp(18px, 3vh, 32px);
    min-height: 0;
    display: flex;
    align-items: center;
}

.home-page .hedadtext,
.home-page .textemidpara,
.home-page .texthomeiconstext {
    width: 100%;
}

.home-page .slidetextmain {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: clamp(10px, 1.4vh, 18px);
    max-width: min(100%, 660px);
}

.home-page .hedadtext,
.home-page .textemidpara,
.home-page .slidefoterleft {
    min-height: 0;
}

.home-page .texthomeiconstext {
    margin-top: 0;
}

.home-page .sliderhometertexbtn,
.home-page .poojabutonsd,
.home-page .rightcta {
    flex-wrap: wrap;
}

.home-page .sliderhometertexbtn {
    align-items: stretch;
}

.home-page .booknow,
.home-page .exprlorresrive {
    flex: 1 1 220px;
}

.home-page .booknow button,
.home-page .exprlorresrive button {
    width: 100%;
    min-width: 0;
}

.home-page .shareivutton,
.home-page .booknowb {
    flex: 1 1 190px;
}

.home-page #pooja {
    min-height: 0;
}

.home-page #poojamain {
    min-height: clamp(620px, 84vh, 980px);
    padding: clamp(34px, 4vh, 72px) clamp(24px, 4vw, 72px) clamp(26px, 3vh, 48px);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 560px), 1fr));
    gap: clamp(24px, 2.8vw, 42px);
    align-items: start;
    align-content: start;
    justify-content: center;
    justify-items: center;
    grid-auto-rows: max-content;
    background-size: min(1200px, 100%);
    background-position: center top;
    overflow: visible;
}

.home-page .leftpooja,
.home-page .rightpooja {
    width: 100%;
    min-height: 0;
    display: flex;
    align-items: stretch;
    justify-content: center;
    min-width: 0;
}

.home-page .leftpojamain {
    width: min(100%, clamp(340px, 44vw, 520px));
    margin: 0 auto;
    justify-content: center;
    min-width: 0;
}

.home-page .rightpooja {
    padding: 0;
}

.home-page .rightpoojamain {
    width: min(100%, clamp(360px, 46vw, 600px));
    margin: 0 auto;
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: clamp(12px, 1vw, 16px);
}

.home-page .rightpoojaheader,
.home-page .rightaboutpooja,
.home-page .rightbenefitswrap,
.home-page .rightcta,
.home-page .rightviewallwrap,
.home-page .midleft,
.home-page .pooja-slider-shell,
.home-page .detailspooja,
.home-page .previewtext,
.home-page .benefithead p,
.home-page .innerexpandbox p {
    width: 100%;
}

.home-page .detailspooja,
.home-page .previewtext,
.home-page .benefithead p,
.home-page .innerexpandbox p,
.home-page [data-pooja-title],
.home-page [data-pooja-subtitle] {
    overflow-wrap: anywhere;
}

.home-page .home-route-gateway,
.home-page .home-route-chronicle,
.home-page .home-route-finale {
    width: min(100%, 1440px);
    margin: 0 auto;
    padding-left: clamp(18px, 4vw, 64px);
    padding-right: clamp(18px, 4vw, 64px);
}

.home-page .home-route-gateway {
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
    gap: clamp(24px, 4vw, 60px);
    align-items: center;
    padding-top: clamp(56px, 8vw, 116px);
    padding-bottom: clamp(40px, 6vw, 84px);
}

.home-page .home-route-gateway::before,
.home-page .home-route-gateway::after {
    content: "";
    position: absolute;
    pointer-events: none;
    border-radius: 999px;
    filter: blur(18px);
    opacity: 0.65;
}

.home-page .home-route-gateway::before {
    top: 6%;
    left: clamp(8px, 4vw, 40px);
    width: clamp(140px, 18vw, 260px);
    height: clamp(140px, 18vw, 260px);
    background: radial-gradient(circle, rgba(255, 171, 92, 0.34) 0%, rgba(255, 171, 92, 0) 72%);
}

.home-page .home-route-gateway::after {
    right: clamp(12px, 5vw, 64px);
    bottom: 10%;
    width: clamp(180px, 20vw, 320px);
    height: clamp(180px, 20vw, 320px);
    background: radial-gradient(circle, rgba(187, 120, 38, 0.2) 0%, rgba(187, 120, 38, 0) 72%);
}

.home-page .home-route-gateway-copy,
.home-page .home-route-gateway-visual,
.home-page .home-route-chronicle-head,
.home-page .home-route-spotlight,
.home-page .home-route-finale {
    min-width: 0;
}

.home-page .home-route-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 18px;
    border-radius: 999px;
    background: rgba(110, 57, 13, 0.08);
    color: #8d4f18;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(12px, 0.8vw, 14px);
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.home-page .home-route-eyebrow::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff8f32, #ffc87d);
    box-shadow: 0 0 0 6px rgba(255, 143, 50, 0.14);
}

.home-page .home-route-gateway-copy h2,
.home-page .home-route-chronicle-head h2,
.home-page .home-route-finale-copy h2 {
    margin-top: clamp(18px, 2vw, 26px);
    color: #2f1607;
    font-family: 'Cinzel', serif;
    font-size: clamp(30px, 3.5vw, 58px);
    font-weight: 700;
    line-height: 1.08;
    text-wrap: balance;
}

.home-page .home-route-gateway-copy p,
.home-page .home-route-chronicle-head p,
.home-page .home-route-finale-copy p {
    margin-top: clamp(14px, 1.4vw, 20px);
    color: #694226;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(15px, 1vw, 18px);
    line-height: 1.85;
    max-width: 68ch;
}

.home-page .home-route-gateway-ribbon {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.home-page .home-route-gateway-ribbon span {
    min-height: 38px;
    padding: 0 16px;
    border: 2px solid #111;
    border-radius: 999px;
    background: #fff8e8;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #6d4321;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(12px, 0.84vw, 14px);
    font-weight: 600;
}

.home-page .home-route-journey-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
    gap: 14px;
    margin-top: clamp(20px, 2vw, 28px);
}

.home-page .home-route-journey-card {
    padding: 16px 18px;
    border: 2px solid #111;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 245, 228, 0.96));
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 1);
}

.home-page .home-route-journey-card strong {
    display: block;
    color: #271307;
    font-family: 'Cinzel', serif;
    font-size: clamp(17px, 1.25vw, 22px);
    line-height: 1.2;
}

.home-page .home-route-journey-card p {
    margin-top: 8px;
    color: #634027;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(12px, 0.9vw, 14px);
    line-height: 1.65;
}

.home-page .home-route-pulse-strip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
    gap: clamp(14px, 1.8vw, 22px);
    margin-top: clamp(24px, 2.6vw, 38px);
}

.home-page .home-route-pulse-card {
    position: relative;

    padding: clamp(18px, 2vw, 26px);
    border-radius: 26px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(255, 242, 228, 0.84));
    border: 1px solid rgba(183, 120, 44, 0.18);
    box-shadow: 0 18px 40px rgba(100, 55, 19, 0.12);
}

.home-page .home-route-pulse-card::before {
    content: "";
    position: absolute;
    inset: auto -10% -30% auto;
    width: 130px;
    height: 130px;
    background: radial-gradient(circle, rgba(255, 163, 73, 0.26) 0%, rgba(255, 163, 73, 0) 72%);
    pointer-events: none;
}

.home-page .home-route-pulse-card strong {
    display: block;
    color: #9b4d10;
    font-family: 'Cinzel', serif;
    font-size: clamp(22px, 2vw, 34px);
    line-height: 1;
}

.home-page .home-route-pulse-card span {
    display: block;
    margin-top: 10px;
    color: #6a4328;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(13px, 0.95vw, 16px);
    line-height: 1.65;
}



.home-page .home-route-gateway-visual {
    position: relative;
    min-height: clamp(460px, 62vw, 760px);
}

.home-page .home-route-floating-card {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 14px;
    text-decoration: none;
    color: inherit;
    padding: clamp(16px, 1.7vw, 22px);
    border-radius: 28px;
    background: rgba(255, 250, 243, 0.92);
    border: 1px solid rgba(164, 97, 35, 0.2);
    box-shadow: 0 26px 50px rgba(76, 41, 15, 0.18);
    backdrop-filter: blur(12px);
    transform-origin: center;
    transition: box-shadow 0.35s ease, border-color 0.35s ease, background 0.35s ease;
}

.home-page .home-route-floating-card:hover {
    box-shadow: 0 34px 70px rgba(76, 41, 15, 0.24);
    border-color: rgba(164, 97, 35, 0.38);
}

.home-page .home-route-floating-card img {
    width: 100%;
    height: clamp(160px, 18vw, 230px);
    object-fit: cover;
    border-radius: 22px;
    display: block;
    transition: transform 0.45s ease;
}

.home-page .home-route-floating-card:hover img {
    transform: scale(1.04);
}

.home-page .home-route-floating-card strong {
    display: block;
    color: #2f1708;
    font-family: 'Cinzel', serif;
    font-size: clamp(20px, 1.5vw, 28px);
    line-height: 1.15;
}

.home-page .home-route-floating-card p {
    margin-top: 8px;
    color: #6b4528;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(13px, 0.95vw, 15px);
    line-height: 1.7;
}

.home-page .home-route-floating-copy {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.home-page .home-route-floating-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.home-page .home-route-floating-meta span {
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid rgba(17, 17, 17, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.74);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #7a4b24;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.home-page .home-route-floating-tag {
    align-self: flex-start;
    padding: 8px 14px;
    border-radius: 999px;
    background: linear-gradient(135deg, #8f4c18, #da8d43);
    color: #fff6e8;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(11px, 0.78vw, 13px);
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-page .home-route-floating-card-main {
    inset: 3% auto auto 0;
    width: min(100%, clamp(300px, 36vw, 480px));
    transform: rotate(-4deg);
}

.home-page .home-route-floating-card-side {
    inset: 16% 0 auto auto;
    width: min(100%, clamp(260px, 28vw, 360px));
    transform: rotate(5deg);
}

.home-page .home-route-floating-card-bottom {
    inset: auto 8% 0 auto;
    width: min(100%, clamp(300px, 34vw, 430px));
    transform: rotate(-2deg);
}

.home-page .home-route-chronicle {
    padding-top: clamp(26px, 4vw, 54px);
    padding-bottom: clamp(54px, 7vw, 96px);
}

.home-page .home-route-index-strip {
    padding: clamp(16px, 1.8vw, 22px);
    border: 2px solid #111;
    border-radius: 30px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 245, 229, 0.96));
    box-shadow: 8px 8px 0 rgba(0, 0, 0, 1);
    display: grid;
    gap: 14px;
}

.home-page .home-route-index-title {
    color: #2a1507;
    font-family: 'Cinzel', serif;
    font-size: clamp(24px, 2vw, 34px);
    line-height: 1.1;
}

.home-page .home-route-index-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.home-page .home-route-index-pills span {
    min-height: 36px;
    padding: 0 14px;
    border: 2px solid #111;
    border-radius: 999px;
    background: #fff8ea;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #714623;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(12px, 0.84vw, 14px);
    font-weight: 600;
}

.home-page .home-route-chronicle-head {
    max-width: min(100%, 900px);
}

.home-page .home-route-spotlights {
    display: grid;
    gap: clamp(24px, 2.8vw, 38px);
    margin-top: clamp(28px, 3vw, 42px);
}

.home-page .home-route-spotlight {
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
    gap: clamp(18px, 2vw, 30px);
    align-items: center;
    padding: clamp(18px, 2vw, 24px);
    border-radius: 34px;
    background:
        radial-gradient(circle at top right, rgba(255, 194, 129, 0.16), transparent 38%),
        linear-gradient(135deg, rgba(255, 252, 248, 0.98), rgba(255, 244, 231, 0.95));
    border: 1px solid rgba(184, 121, 44, 0.2);
    box-shadow: 0 24px 46px rgba(110, 62, 22, 0.12);

}

.home-page .home-route-spotlight::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(115deg, transparent 0%, transparent 40%, rgba(255, 255, 255, 0.4) 50%, transparent 60%);
    transform: translateX(-120%);
    opacity: 0;
    transition: transform 0.9s ease, opacity 0.9s ease;
    pointer-events: none;
}

.home-page .home-route-spotlight:hover::after {
    transform: translateX(120%);
    opacity: 1;
}

.home-page .home-route-spotlight:nth-child(even) .home-route-copy {
    order: 2;
}

.home-page .home-route-spotlight:nth-child(even) .home-route-visual {
    order: 1;
}

.home-page .home-route-copy {
    min-width: 0;
    padding: clamp(8px, 0.8vw, 12px);
}

.home-page .home-route-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #ac5a17;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(12px, 0.85vw, 14px);
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.home-page .home-route-kicker::before {
    content: "";
    width: 28px;
    height: 1px;
    background: linear-gradient(90deg, #f3a35c, #ac5a17);
}

.home-page .home-route-copy h3 {
    margin-top: clamp(12px, 1.1vw, 16px);
    color: #2f1607;
    font-family: 'Cinzel', serif;
    font-size: clamp(28px, 2.6vw, 42px);
    line-height: 1.1;
    text-wrap: balance;
}

.home-page .home-route-copy>p {
    margin-top: 12px;
    color: #654128;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(14px, 1vw, 17px);
    line-height: 1.9;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;

}

.home-page .home-route-copy-meta {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
    gap: 12px;
    margin-top: 16px;
}

.home-page .home-route-copy-meta article {
    padding: 14px 14px 12px;
    border: 2px solid rgba(17, 17, 17, 0.14);
    border-radius: 20px;
    background: rgba(255, 251, 244, 0.88);
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.home-page .home-route-copy-meta article span {
    color: #9b5a1e;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.home-page .home-route-copy-meta article strong {
    color: #2a1507;
    font-family: 'Cinzel', serif;
    font-size: clamp(15px, 1.02vw, 18px);
    line-height: 1.3;
}

.home-page .home-route-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.home-page .home-route-chip-row span {
    padding: 10px 14px;
    border-radius: 999px;
    background: #fff7ee;
    border: 1px solid rgba(198, 139, 71, 0.24);
    color: #7d4a20;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(12px, 0.85vw, 14px);
    font-weight: 600;
}

.home-page .home-route-points {
    margin-top: 18px;
    display: grid;
    gap: 10px;
    padding-left: 0;
    list-style: none;
}

.home-page .home-route-points li {
    position: relative;
    padding-left: 28px;
    color: #6b4528;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(13px, 0.9vw, 15px);
    line-height: 1.8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

}

.home-page .home-route-points li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.62em;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff983c, #d86c16);
    box-shadow: 0 0 0 6px rgba(255, 152, 60, 0.14);
}

.home-page .home-route-copy-footer {
    margin-top: 18px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.home-page .home-route-copy-footer>span {
    color: #885128;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(12px, 0.86vw, 14px);
    font-weight: 600;
}

.home-page .home-route-copy-dots {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.home-page .home-route-copy-dots i {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff9339, #d96e18);
    box-shadow: 0 0 0 5px rgba(255, 147, 57, 0.12);
}

.home-page .home-route-preview-trigger {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 40px;
    padding: 0 14px;
    border: 2px solid #111;
    border-radius: 999px;
    background: #fff8ea;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 1);
    color: #7c491f;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.28s ease, box-shadow 0.28s ease, background 0.28s ease;
}

.home-page .home-route-preview-trigger:hover,
.home-page .home-route-preview-trigger:focus-visible {
    transform: translateY(-2px);
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 1);
    background: #fffdf7;
    outline: none;
}

.home-page .home-route-preview-icon {
    width: 18px;
    height: 18px;
    background-image: url("./assets/images/down-arrow.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform 0.3s ease;
}

.home-page .home-route-preview-trigger:hover .home-route-preview-icon,
.home-page .home-route-preview-trigger:focus-visible .home-route-preview-icon,
.home-page .home-route-spotlight:hover .home-route-preview-icon {
    transform: rotate(180deg);
}

.home-page .home-route-link-btn,
.home-page .home-route-finale-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: clamp(22px, 2vw, 28px);
    padding: 14px 22px;
    border-radius: 999px;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(13px, 0.95vw, 15px);
    font-weight: 700;
    letter-spacing: 0.03em;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease, color 0.3s ease;
}

.home-page .home-route-link-btn {
    color: #fff8ef;
    background: linear-gradient(135deg, #8f4a16, #d87d2f);
    box-shadow: 0 16px 28px rgba(141, 74, 22, 0.24);
}

.home-page .home-route-link-btn::after,
.home-page .home-route-finale-btn::after {
    content: "->";
    font-size: 0.95em;
}

.home-page .home-route-link-btn:hover,
.home-page .home-route-finale-btn:hover {
    transform: translateY(-3px);
}

.home-page .home-route-link-btn:hover {
    box-shadow: 0 22px 32px rgba(141, 74, 22, 0.28);
}

.home-page .home-route-visual {
    position: relative;
    display: block;
    min-height: clamp(340px, 36vw, 500px);
    aspect-ratio: 1.06 / 1;
    border-radius: 28px;

    text-decoration: none;
    background: #d7b28d;
    box-shadow: 0 20px 40px rgba(91, 50, 17, 0.18);
}

.home-page .home-route-visual::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(33, 16, 6, 0.06) 0%, rgba(33, 16, 6, 0.16) 35%, rgba(33, 16, 6, 0.62) 100%);
    z-index: 1;
}

.home-page .home-route-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: scale(1.02);
    transition: transform 0.65s ease;
}

.home-page .home-route-visual:hover img {
    transform: scale(1.08);
}

.home-page .home-route-visual-note {
    position: absolute;
    top: clamp(14px, 1.5vw, 22px);
    left: clamp(14px, 1.5vw, 22px);
    z-index: 2;
    max-width: min(74%, 250px);
    padding: 12px 14px;
    border-radius: 18px;
    background: rgba(255, 248, 236, 0.92);
    border: 2px solid rgba(17, 17, 17, 0.12);
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(8px);
}

.home-page .home-route-visual-note span {
    display: block;
    color: #a05c20;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.home-page .home-route-visual-note strong {
    display: block;
    margin-top: 6px;
    color: #2b1507;
    font-family: 'Cinzel', serif;
    font-size: clamp(15px, 1vw, 18px);
    line-height: 1.25;
}

.home-page .home-products-showcase,
.home-page .home-contact-showcase {
    width: min(100%, 1440px);
    margin: 0 auto;
    padding-left: clamp(18px, 4vw, 64px);
    padding-right: clamp(18px, 4vw, 64px);
}

.home-page .home-products-showcase {
    padding-top: clamp(18px, 2vw, 28px);
    padding-bottom: clamp(46px, 5vw, 72px);
    display: grid;
    gap: clamp(20px, 2vw, 28px);
}

.home-page .home-products-lead,
.home-page .home-contact-info-card,
.home-page .home-contact-form-card {
    border: 2px solid #111;
    border-radius: 30px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 244, 227, 0.96));
    box-shadow: 8px 8px 0 rgba(0, 0, 0, 1);
}

.home-page .home-products-lead {
    padding: clamp(20px, 2vw, 26px);
}

.home-page .home-products-lead h2,
.home-page .home-contact-info-card h2,
.home-page .home-contact-form-card h2 {
    margin-top: 16px;
    color: #241206;
    font-family: 'Cinzel', serif;
    font-size: clamp(28px, 2.5vw, 42px);
    line-height: 1.15;
    text-wrap: balance;
}

.home-page .home-products-lead p,
.home-page .home-contact-info-card>p,
.home-page .home-contact-form-card>p,
.home-page .home-contact-address-card p,
.home-page .home-contact-link-card p,
.home-page .home-contact-feedback,
.home-page .home-product-copy p {
    margin-top: 12px;
    color: #644026;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(14px, 1vw, 16px);
    line-height: 1.78;
}

.home-page .home-products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    gap: clamp(18px, 2vw, 26px);
}

.home-page .home-product-card {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: clamp(16px, 1.6vw, 22px);
    border: 2px solid #111;
    border-radius: 30px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 245, 229, 0.96));
    box-shadow: 8px 8px 0 rgba(0, 0, 0, 1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.home-page .home-product-card:hover {
    transform: translateY(-4px);
    box-shadow: 10px 10px 0 rgba(0, 0, 0, 1);
}

.home-page .home-product-media {
    position: relative;
    min-height: clamp(220px, 20vw, 290px);
    border: 2px solid #111;
    border-radius: 24px;
    background: linear-gradient(180deg, #fffefb 0%, #fff0cf 100%);
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 1);

}

.home-page .home-product-main-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.45s ease, opacity 0.35s ease;
}

.home-page .home-product-card:hover .home-product-main-image {
    transform: scale(1.05);
}

.home-page .home-product-badge {
    position: absolute;
    left: 14px;
    top: 14px;
    min-height: 34px;
    padding: 0 14px;
    border: 2px solid #111;
    border-radius: 999px;
    background: rgba(255, 250, 241, 0.96);
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #7d4b23;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-page .home-product-thumbs {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.home-page .home-product-thumbs span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(145, 88, 42, 0.22);
    transition: transform 0.26s ease, background 0.26s ease;
}

.home-page .home-product-thumbs span.is-active {
    background: linear-gradient(135deg, #ff9539, #d86f18);
    transform: scale(1.12);
}

.home-page .home-product-copy {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.home-page .home-product-seller {
    color: #9c5d22;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.home-page .home-product-copy h3 {
    color: #251306;
    font-family: 'Cinzel', serif;
    font-size: clamp(20px, 1.5vw, 28px);
    line-height: 1.22;
    text-wrap: balance;
}

.home-page .home-product-copy p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;

    margin-top: 0;
}

.home-page .home-product-price-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 10px;
    border-top: 1px dashed rgba(17, 17, 17, 0.18);
}

.home-page .home-product-price-row strong {
    color: #a34f10;
    font-family: 'Cinzel', serif;
    font-size: clamp(22px, 1.6vw, 28px);
    line-height: 1;
}

.home-page .home-product-price-row span {
    color: #7f4c23;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 600;
}

.home-page .home-product-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.home-page .home-product-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 20px;
    border: 2px solid #111;
    border-radius: 999px;
    background: linear-gradient(135deg, #8f4a16, #d87d2f);
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 1);
    color: #fff8ef;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.03em;
    cursor: pointer;
    transition: transform 0.28s ease, box-shadow 0.28s ease, background 0.28s ease, color 0.28s ease;
}

.home-page .home-product-btn:hover {
    transform: translateY(-3px);
    box-shadow: 8px 8px 0 rgba(0, 0, 0, 1);
}

.home-page .home-product-btn-secondary {
    background: rgba(255, 249, 240, 0.98);
    color: #7c491f;
}

.home-page .home-contact-showcase {
    padding-top: clamp(10px, 1.6vw, 18px);
    padding-bottom: clamp(44px, 5vw, 72px);
}

.home-page .home-contact-layout {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
    gap: clamp(20px, 2vw, 28px);
}

.home-page .home-contact-info-card,
.home-page .home-contact-form-card {
    padding: clamp(20px, 2vw, 28px);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.home-page .home-contact-visual-band {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.95fr);
    gap: 14px;
}

.home-page .home-contact-visual-main,
.home-page .home-contact-visual-side {
    min-height: clamp(180px, 20vw, 270px);
    border: 2px solid #111;
    border-radius: 24px;
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 1);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.home-page .home-contact-visual-main {
    background-image: linear-gradient(rgba(19, 8, 2, 0.08), rgba(19, 8, 2, 0.24)), url("./assets/images/31ca24ee924d2118046e58d87017459d.png");
}

.home-page .home-contact-visual-side {
    background-image: linear-gradient(rgba(19, 8, 2, 0.08), rgba(19, 8, 2, 0.24)), url("./assets/images/59491847daf75b5a38666c2b62087f37.jpg");
}

.home-page .home-contact-detail-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
    gap: 14px;
}

.home-page .home-contact-link-card,
.home-page .home-contact-address-card {
    padding: 16px 18px;
    border: 2px solid #111;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 246, 230, 0.96));
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 1);
}

.home-page .home-contact-link-card {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    text-decoration: none;
    transition: transform 0.28s ease, box-shadow 0.28s ease, background 0.28s ease;
}

.home-page .home-contact-link-card:hover {
    transform: translateY(-3px);
    background: #fffdf8;
    box-shadow: 8px 8px 0 rgba(0, 0, 0, 1);
}

.home-page .home-contact-icon {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border: 2px solid #111;
    border-radius: 16px;
    background: linear-gradient(135deg, #fff7e5, #ffd89d);
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #7d4517;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 700;
}

.home-page .home-contact-link-card strong,
.home-page .home-contact-address-card strong {
    color: #261307;
    font-family: 'Cinzel', serif;
    font-size: clamp(18px, 1.25vw, 22px);
    line-height: 1.2;
}

.home-page .home-contact-link-card p,
.home-page .home-contact-address-card p {
    margin-top: 6px;
}

.home-page .home-contact-form {
    display: grid;
    gap: 14px;
}

.home-page .home-contact-field {
    display: grid;
    gap: 8px;
}

.home-page .home-contact-field span {
    color: #7f4a20;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.home-page .home-contact-field input,
.home-page .home-contact-field textarea {
    width: 100%;
    border: 2px solid #111;
    border-radius: 20px;
    background: #fffdf7;
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 1);
    padding: 14px 16px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #281507;
    resize: vertical;
    outline: none;
    transition: transform 0.24s ease, box-shadow 0.24s ease, background 0.24s ease;
}

.home-page .home-contact-field input:focus,
.home-page .home-contact-field textarea:focus {
    transform: translateY(-2px);
    box-shadow: 7px 7px 0 rgba(0, 0, 0, 1);
    background: #ffffff;
}

.home-page .home-contact-form-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.home-page .home-contact-feedback {
    margin-top: 0;
    font-weight: 600;
}

.home-route-hover-preview {
    position: fixed;
    top: 24px;
    left: 24px;
    z-index: 13000;
    width: min(540px, calc(100vw - 32px));
    opacity: 0;
    pointer-events: none;
    transform: translateY(-6px);
    transition: opacity 0.24s ease, transform 0.24s ease;
}

.home-route-hover-preview.is-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.home-route-hover-preview-card {
    padding: 20px;
    border: 2px solid #111;
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 245, 229, 0.98));
    box-shadow: 10px 10px 0 rgba(0, 0, 0, 1);
}

.home-route-hover-preview-label {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 14px;
    border: 2px solid #111;
    border-radius: 999px;
    background: #fff8e8;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 1);
    color: #92531c;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.home-route-hover-preview-title {
    margin-top: 14px;
    color: #241206;
    font-family: 'Cinzel', serif;
    font-size: clamp(24px, 1.7vw, 30px);
    line-height: 1.2;
}

.home-route-hover-preview-scroll {
    margin-top: 12px;
    max-height: min(320px, 48vh);
    overflow: auto;
    padding-right: 6px;
}

.home-route-hover-preview-body {
    margin: 0;
    color: #5c3114;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 1.65;
    white-space: pre-line;
}

@media (hover: none), (pointer: coarse) {
    .home-route-hover-preview {
        width: min(560px, calc(100vw - 24px));
        z-index: 13050;
    }

    .home-route-hover-preview-card {
        padding: 18px 16px;
        border-radius: 24px;
        box-shadow: 8px 8px 0 rgba(0, 0, 0, 1);
    }

    .home-route-hover-preview-title {
        font-size: clamp(21px, 6vw, 28px);
    }

    .home-route-hover-preview-scroll {
        max-height: min(44vh, 300px);
    }
}

.home-route-hover-preview-scroll p {
    color: #634126;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(14px, 0.98vw, 16px);
    line-height: 1.8;
    white-space: pre-line;
}

.home-page .home-route-inline-preview {
    display: none;
    margin-top: 16px;
    padding: 16px 18px;
    border: 1.5px solid rgba(136, 38, 0, 0.16);
    border-radius: 22px;
    background: rgba(136, 38, 0, 0.05);
}

.home-page .home-route-inline-preview.is-visible {
    display: block;
}

.home-page .home-route-inline-preview-label {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.86);
    color: #882600;
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-page .home-route-inline-preview-title {
    margin-top: 12px;
    color: #4d1900;
    font-family: 'Cinzel', serif;
    font-size: clamp(20px, 1.6vw, 28px);
    line-height: 1.22;
}

.home-page .home-route-inline-preview-scroll {
    margin-top: 10px;
}

.home-page .home-route-inline-preview-body {
    margin: 0;
    color: #6b3418;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 1.7;
    white-space: pre-line;
}

@media (max-width: 680px) {
    .home-page .home-route-inline-preview {
        padding: 14px 14px;
        border-radius: 18px;
    }

    .home-page .home-route-inline-preview-title {
        font-size: 20px;
    }
}

.home-page .home-route-visual-badge {
    position: absolute;
    left: clamp(16px, 1.8vw, 24px);
    right: clamp(16px, 1.8vw, 24px);
    bottom: clamp(16px, 1.8vw, 24px);
    z-index: 2;
    padding: 16px 18px;
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(41, 21, 8, 0.84), rgba(111, 60, 19, 0.58));
    border: 1px solid rgba(255, 228, 198, 0.2);
    backdrop-filter: blur(10px);
}

.home-page .home-route-visual-badge span {
    display: block;
    color: rgba(255, 231, 200, 0.88);
    font-family: 'Poppins', sans-serif;
    font-size: clamp(11px, 0.78vw, 13px);
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.home-page .home-route-visual-badge strong {
    display: block;
    margin-top: 8px;
    color: #fffaf3;
    font-family: 'Cinzel', serif;
    font-size: clamp(18px, 1.45vw, 26px);
    line-height: 1.25;
}

.home-page .home-route-finale {
    position: relative;
    margin-top: clamp(8px, 2vw, 18px);
    margin-bottom: clamp(60px, 7vw, 110px);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
    gap: clamp(20px, 2vw, 30px);
    align-items: center;
    padding-top: clamp(28px, 3vw, 40px);
    padding-bottom: clamp(28px, 3vw, 40px);
    padding-left: clamp(20px, 3vw, 34px);
    padding-right: clamp(20px, 3vw, 34px);
    border-radius: 34px;
    background:
        radial-gradient(circle at top left, rgba(255, 192, 124, 0.26), transparent 35%),
        linear-gradient(135deg, #fff4e6 0%, #ffe6c8 100%);
    border: 1px solid rgba(183, 120, 44, 0.18);
    box-shadow: 0 24px 50px rgba(110, 62, 22, 0.13);
}

.home-page .home-route-finale-copy {
    min-width: 0;
}

.home-page .home-route-finale-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
    justify-content: flex-start;
}

.home-page .home-route-finale-btn {
    margin-top: 0;
    color: #fff8ef;
    background: linear-gradient(135deg, #8f4a16, #d87d2f);
    box-shadow: 0 16px 30px rgba(141, 74, 22, 0.24);
}

.home-page .home-route-finale-btn-secondary {
    color: #7a451d;
    background: rgba(255, 250, 244, 0.92);
    border: 1px solid rgba(183, 120, 44, 0.24);
    box-shadow: none;
}

.home-page [data-home-reveal] {
    opacity: 0;
    transform: translateY(40px);
}

.home-page .home-route-gateway.is-visible,
.home-page .home-route-journey-card.is-visible,
.home-page .home-route-chronicle-head.is-visible,
.home-page .home-route-spotlight.is-visible,
.home-page .home-route-finale.is-visible,
.home-page .home-route-pulse-card.is-visible,
.home-page .home-astrology-bridge.is-visible {
    opacity: 1;
    transform: none;
}

.home-page .rightviewallwrap {
    justify-content: flex-start;
}

.home-page .rightcta .aboutbtn,
.home-page .rightcta .benefitbtn {
    flex: 1 1 180px;
}

.home-page .pooja-slider-btn {
    top: clamp(250px, 28vw, 360px);
    width: clamp(42px, 3vw, 54px);
    height: clamp(42px, 3vw, 54px);
}

.home-page .pooja-slider-btn-prev {
    left: clamp(12px, 1.5vw, 24px);
}

.home-page .pooja-slider-btn-next {
    right: clamp(12px, 1.5vw, 24px);
}

.home-page .pooja-slider-btn-icon {
    width: clamp(16px, 1.1vw, 22px);
    height: clamp(16px, 1.1vw, 22px);
}

.home-page .pooja-hover-preview {
    width: min(680px, calc(100vw - 32px));
}

.home-page #homepage,
.home-page #pooja,
.home-page .home-route-gateway,
.home-page .home-route-chronicle,
.home-page .home-route-finale {
    position: relative;
    isolation: isolate;
}

.home-page #homepage::before,
.home-page #homepage::after,
.home-page #pooja::before,
.home-page #pooja::after {
    content: "";
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
    z-index: -1;
}

.home-page #pooja::before {
    width: clamp(180px, 16vw, 260px);
    height: clamp(180px, 16vw, 260px);
    left: clamp(16px, 3vw, 60px);
    top: 10%;
    background: radial-gradient(circle, rgba(255, 210, 150, 0.22) 0%, rgba(255, 210, 150, 0) 72%);
}

.home-page #pooja::after {
    width: clamp(220px, 20vw, 320px);
    height: clamp(220px, 20vw, 320px);
    right: clamp(12px, 4vw, 72px);
    bottom: 6%;
    background: radial-gradient(circle, rgba(201, 118, 38, 0.14) 0%, rgba(201, 118, 38, 0) 72%);
}

.home-page #poojamain {
    border: 2px solid #111;
    border-radius: clamp(32px, 2.8vw, 44px);
    background:
        linear-gradient(135deg, rgba(255, 252, 247, 0.98) 0%, rgba(255, 241, 220, 0.98) 100%);
    box-shadow:
        clamp(9px, 1vw, 12px) clamp(9px, 1vw, 12px) 0 rgba(0, 0, 0, 1),
        0 26px 52px rgba(91, 51, 19, 0.12);
}

.home-page #poojamain::before {
    content: "";
    position: absolute;
    inset: 14px;
    border: 1px dashed rgba(17, 17, 17, 0.14);
    border-radius: clamp(24px, 2vw, 34px);
    pointer-events: none;
}

.home-page .leftpojamain,
.home-page .rightpoojamain {
    position: relative;
    border: 2px solid #111;
    border-radius: 34px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 247, 232, 0.98) 100%);
    box-shadow: 8px 8px 0 rgba(0, 0, 0, 1);

}

.home-page .leftpojamain::before,
.home-page .rightpoojamain::before {
    content: "";
    position: absolute;
    inset: 12px;
    border: 1px dashed rgba(17, 17, 17, 0.12);
    border-radius: 24px;
    pointer-events: none;
}

.home-page .midleftmain {
    border-radius: 26px;

}

.home-page .midleftimg {
    border-bottom: 2px solid #111;
}

.home-page .nameofpuja h2,
.home-page [data-pooja-title] {
    color: #241306;
    text-wrap: balance;
}

.home-page .detailspooja p,
.home-page .previewtext,
.home-page [data-pooja-subtitle],
.home-page .benefithead p,
.home-page .innerexpandbox p {
    color: #5f3d26;
}

.home-page .rightaboutpooja,
.home-page .rightbenefitswrap,
.home-page .benefititem {
    position: relative;
    border: 2px solid #111;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 248, 233, 0.96) 100%);
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 1);
    transition: transform 0.28s ease, box-shadow 0.28s ease, background 0.28s ease;
}

.home-page .rightaboutpooja:hover,
.home-page .benefititem:hover {
    transform: translateY(-3px);
    box-shadow: 8px 8px 0 rgba(0, 0, 0, 1);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 244, 224, 0.98) 100%);
}

.home-page .pooja-slider-btn {
    border: 2px solid #111;
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 1);
    background: linear-gradient(180deg, #fffdf8 0%, #ffeecf 100%);
    transition: transform 0.28s ease, box-shadow 0.28s ease, background 0.28s ease;
}

.home-page .pooja-slider-btn:hover {
    transform: translateY(-4px);
    box-shadow: 8px 8px 0 rgba(0, 0, 0, 1);
    background: linear-gradient(180deg, #fff8ed 0%, #ffe2ae 100%);
}

.home-page .home-route-gateway-copy,
.home-page .home-route-chronicle-head,
.home-page .home-route-finale-copy {
    position: relative;
    padding: clamp(18px, 2vw, 24px);
    border: 2px solid #111;
    border-radius: 30px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 246, 231, 0.96) 100%);
    box-shadow: 8px 8px 0 rgba(0, 0, 0, 1);

}

.home-page .home-route-gateway-copy::after,
.home-page .home-route-chronicle-head::after,
.home-page .home-route-finale-copy::after {
    content: "";
    position: absolute;
    inset: 12px;
    border: 1px dashed rgba(17, 17, 17, 0.14);
    border-radius: 22px;
    pointer-events: none;
}

.home-page .home-route-pulse-card,
.home-page .home-route-floating-card,
.home-page .home-route-spotlight,
.home-page .home-route-finale {
    border: 2px solid #111;
    box-shadow:
        clamp(8px, 0.9vw, 12px) clamp(8px, 0.9vw, 12px) 0 rgba(0, 0, 0, 1),
        0 20px 42px rgba(98, 56, 21, 0.1);
}

.home-page .home-route-pulse-card strong {
    position: relative;
    width: fit-content;
    padding-right: 14px;
}

.home-page .home-route-pulse-card strong::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 6px;
    height: 68%;
    border-radius: 999px;
    background: linear-gradient(180deg, #ff8f32, #d56b18);
    transform: translateY(-50%);
}

.home-page .home-route-floating-card {

}

.home-page .home-route-floating-card::before {
    content: "";
    position: absolute;
    inset: 10px;
    border: 1px dashed rgba(17, 17, 17, 0.12);
    border-radius: 22px;
    pointer-events: none;
}

.home-page .home-route-floating-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(125deg, transparent 0%, transparent 38%, rgba(255, 255, 255, 0.28) 50%, transparent 62%);
    transform: translateX(-120%);
    transition: transform 0.8s ease;
    pointer-events: none;
}

.home-page .home-route-floating-card:hover::after {
    transform: translateX(120%);
}

.home-page .home-route-spotlight {
    padding: clamp(22px, 2.2vw, 28px);
}

.home-page .home-route-spotlight:nth-child(4n + 1) {
    background:
        radial-gradient(circle at top right, rgba(255, 188, 112, 0.22), transparent 36%),
        linear-gradient(135deg, rgba(255, 252, 248, 0.98), rgba(255, 243, 223, 0.98));
}

.home-page .home-route-spotlight:nth-child(4n + 2) {
    background:
        radial-gradient(circle at top left, rgba(255, 146, 87, 0.18), transparent 36%),
        linear-gradient(135deg, rgba(255, 252, 248, 0.98), rgba(255, 238, 220, 0.98));
}

.home-page .home-route-spotlight:nth-child(4n + 3) {
    background:
        radial-gradient(circle at bottom right, rgba(255, 205, 116, 0.22), transparent 36%),
        linear-gradient(135deg, rgba(255, 254, 250, 0.98), rgba(255, 246, 228, 0.98));
}

.home-page .home-route-spotlight:nth-child(4n + 4) {
    background:
        radial-gradient(circle at bottom left, rgba(233, 132, 53, 0.16), transparent 36%),
        linear-gradient(135deg, rgba(255, 252, 248, 0.98), rgba(255, 240, 223, 0.98));
}

.home-page .home-route-copy {
    position: relative;
    padding: clamp(14px, 1.3vw, 18px);
    border: 2px solid rgba(17, 17, 17, 0.08);
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.58);
    backdrop-filter: blur(6px);
}

.home-page .home-route-copy h3 {
    position: relative;
    display: inline-block;
    transition: color 0.28s ease, transform 0.28s ease;
}

.home-page .home-route-copy h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 100%;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #ff9239, #d86d18);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.home-page .home-route-spotlight:hover .home-route-copy h3 {
    color: #9c4d10;
    transform: translateY(-2px);
}

.home-page .home-route-spotlight:hover .home-route-copy h3::after {
    transform: scaleX(1);
}

.home-page .home-route-chip-row span,
.home-page .home-route-kicker,
.home-page .home-route-link-btn,
.home-page .home-route-finale-btn {
    position: relative;
    z-index: 1;
}

.home-page .home-route-chip-row span {
    border: 2px solid #111;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 1);
    transition: transform 0.24s ease, box-shadow 0.24s ease, background 0.24s ease;
}

.home-page .home-route-spotlight:hover .home-route-chip-row span {
    transform: translateY(-2px);
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 1);
    background: #fffaf1;
}

.home-page .home-route-points li {
    transition: transform 0.24s ease, color 0.24s ease;
}

.home-page .home-route-points li:hover {
    transform: translateX(4px);
    color: #9c4d10;
}

.home-page .home-route-link-btn,
.home-page .home-route-finale-btn {
    border: 2px solid #111;
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 1);
}

.home-page .home-route-link-btn:hover,
.home-page .home-route-finale-btn:hover {
    box-shadow: 8px 8px 0 rgba(0, 0, 0, 1);
}

.home-page .home-route-visual {
    border: 2px solid #111;
}

.home-page .home-route-visual::after {
    content: "";
    position: absolute;
    inset: 12px;
    border: 1px solid rgba(255, 247, 233, 0.24);
    border-radius: 20px;
    z-index: 1;
    pointer-events: none;
}

.home-page .home-route-spotlight:hover .home-route-visual-badge {
    background: linear-gradient(135deg, rgba(41, 21, 8, 0.9), rgba(138, 74, 23, 0.68));
}

.home-page .home-route-finale {

}

.home-page .home-route-finale::after {
    content: "";
    position: absolute;
    inset: 12px;
    border: 1px dashed rgba(17, 17, 17, 0.12);
    border-radius: 24px;
    pointer-events: none;
}

.home-page .home-route-finale-actions {
    align-items: stretch;
}

.home-page .home-route-finale-btn {
    min-width: clamp(170px, 14vw, 220px);
}

.home-page .home-route-gateway-ribbon span,
.home-page .home-route-journey-card,
.home-page .home-route-index-pills span,
.home-page .home-route-copy-meta article,
.home-page .home-route-visual-note {
    transition: transform 0.28s ease, box-shadow 0.28s ease, background 0.28s ease, border-color 0.28s ease;
}

.home-page .home-route-gateway-ribbon span:hover,
.home-page .home-route-index-pills span:hover {
    transform: translateY(-2px);
    background: #fffdf7;
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 1);
}

.home-page .home-route-journey-card:hover {
    transform: translateY(-4px);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 240, 220, 0.98));
    box-shadow: 8px 8px 0 rgba(0, 0, 0, 1);
}

.home-page .home-route-spotlight:hover .home-route-copy-meta article {
    transform: translateY(-2px);
    background: rgba(255, 252, 246, 0.96);
    border-color: rgba(17, 17, 17, 0.2);
}

.home-page .home-route-spotlight:hover .home-route-visual-note {
    transform: translateY(-2px);
    background: rgba(255, 250, 241, 0.96);
    box-shadow: 7px 7px 0 rgba(0, 0, 0, 0.62);
}


.home-page .home-route-spotlight:nth-child(1) .home-route-visual img {
    object-position: center 28%;
}

.home-page .home-route-spotlight:nth-child(2) .home-route-visual img {
    object-position: center 42%;
}

.home-page .home-route-spotlight:nth-child(3) .home-route-visual img {
    object-position: center 42%;
}

.home-page .home-route-spotlight:nth-child(4) .home-route-visual img {
    object-position: center 46%;
}

.home-page .home-route-spotlight:nth-child(5) .home-route-visual img {
    object-position: center 36%;
}

.home-page .home-route-spotlight:nth-child(6) .home-route-visual img {
    object-position: center 40%;
}

/* =============================================================
   UNIQUE SPOTLIGHT THEMES — Each route card has its own identity
   ============================================================= */

/* ── 01. POOJA — Saffron & Vermillion ── */

/* ── 02. KUNDALI MATCHING — Rose & Burgundy ── */
.home-page .home-route-spotlight:nth-child(1) {
    background:
        radial-gradient(circle at 8% 14%, rgba(233, 30, 99, 0.1), transparent 32%),
        radial-gradient(circle at 90% 86%, rgba(255, 82, 82, 0.08), transparent 28%),
        linear-gradient(135deg, rgba(255, 250, 251, 0.99) 0%, rgba(252, 228, 236, 0.96) 100%);
    border-color: rgba(173, 20, 87, 0.18);
    box-shadow: 0 24px 46px rgba(136, 14, 79, 0.12);
}

.home-page .home-route-spotlight:nth-child(1) .home-route-kicker {
    color: #ad1457;
}

.home-page .home-route-spotlight:nth-child(1) .home-route-kicker::before {
    background: linear-gradient(90deg, #e91e63, #f48fb1);
}

.home-page .home-route-spotlight:nth-child(1) .home-route-chip-row span {
    background: #fce4ec;
    border-color: rgba(173, 20, 87, 0.16);
    color: #880e4f;
}

.home-page .home-route-spotlight:nth-child(1) .home-route-points li::before {
    background: linear-gradient(135deg, #e91e63, #c2185b);
    box-shadow: 0 0 0 6px rgba(233, 30, 99, 0.14);
}

.home-page .home-route-spotlight:nth-child(1) .home-route-link-btn {
    background: linear-gradient(135deg, #880e4f, #e91e63);
    box-shadow: 0 16px 28px rgba(136, 14, 79, 0.24);
}

.home-page .home-route-spotlight:nth-child(1) .home-route-visual {
    box-shadow: 0 20px 40px rgba(136, 14, 79, 0.2);
}

.home-page .home-route-spotlight:nth-child(1) .home-route-copy-meta article {
    border-color: rgba(173, 20, 87, 0.14);
    background: rgba(252, 228, 236, 0.7);
}

.home-page .home-route-spotlight:nth-child(1)::after {
    background: linear-gradient(115deg, transparent 0%, transparent 40%, rgba(244, 143, 177, 0.32) 50%, transparent 60%);
}

.home-page .home-route-spotlight:nth-child(1) .home-route-copy-footer>span {
    color: #ad1457;
}

/* ── 03. JANAM KUNDALI — Emerald & Forest Green ── */
.home-page .home-route-spotlight:nth-child(2) {
    background:
        radial-gradient(circle at 88% 12%, rgba(46, 125, 50, 0.1), transparent 34%),
        radial-gradient(circle at 10% 80%, rgba(129, 199, 132, 0.12), transparent 30%),
        linear-gradient(135deg, rgba(248, 255, 248, 0.99) 0%, rgba(220, 237, 222, 0.96) 100%);
    border-color: rgba(27, 94, 32, 0.18);
    box-shadow: 0 24px 46px rgba(27, 94, 32, 0.12);
}

.home-page .home-route-spotlight:nth-child(2) .home-route-kicker {
    color: #2e7d32;
}

.home-page .home-route-spotlight:nth-child(2) .home-route-kicker::before {
    background: linear-gradient(90deg, #43a047, #81c784);
}

.home-page .home-route-spotlight:nth-child(2) .home-route-chip-row span {
    background: #e8f5e9;
    border-color: rgba(46, 125, 50, 0.18);
    color: #1b5e20;
}

.home-page .home-route-spotlight:nth-child(2) .home-route-points li::before {
    background: linear-gradient(135deg, #43a047, #2e7d32);
    box-shadow: 0 0 0 6px rgba(76, 175, 80, 0.14);
}

.home-page .home-route-spotlight:nth-child(2) .home-route-link-btn {
    background: linear-gradient(135deg, #1b5e20, #43a047);
    box-shadow: 0 16px 28px rgba(27, 94, 32, 0.24);
}

.home-page .home-route-spotlight:nth-child(2) .home-route-visual {
    box-shadow: 0 20px 40px rgba(27, 94, 32, 0.18);
}

.home-page .home-route-spotlight:nth-child(2) .home-route-copy-meta article {
    border-color: rgba(46, 125, 50, 0.14);
    background: rgba(232, 245, 233, 0.7);
}

.home-page .home-route-spotlight:nth-child(2)::after {
    background: linear-gradient(115deg, transparent 0%, transparent 40%, rgba(129, 199, 132, 0.28) 50%, transparent 60%);
}

.home-page .home-route-spotlight:nth-child(2) .home-route-copy-footer>span {
    color: #2e7d32;
}

.home-page .home-route-spotlight:nth-child(2) .home-route-copy h3 {
    color: #1b5e20;
}

/* ── 04. PANCHANG — Amber & Bronze ── */
.home-page .home-route-spotlight:nth-child(3) {
    background:
        radial-gradient(circle at 6% 10%, rgba(255, 160, 0, 0.14), transparent 34%),
        radial-gradient(circle at 94% 90%, rgba(255, 193, 7, 0.1), transparent 30%),
        linear-gradient(135deg, rgba(255, 253, 245, 0.99) 0%, rgba(255, 241, 210, 0.96) 100%);
    border-color: rgba(230, 126, 34, 0.2);
    box-shadow: 0 24px 46px rgba(183, 110, 0, 0.13);
}

.home-page .home-route-spotlight:nth-child(3) .home-route-kicker {
    color: #e65100;
}

.home-page .home-route-spotlight:nth-child(3) .home-route-kicker::before {
    background: linear-gradient(90deg, #ff8f00, #ffca28);
}

.home-page .home-route-spotlight:nth-child(3) .home-route-chip-row span {
    background: #fff8e1;
    border-color: rgba(255, 160, 0, 0.22);
    color: #e65100;
}

.home-page .home-route-spotlight:nth-child(3) .home-route-points li::before {
    background: linear-gradient(135deg, #ff8f00, #f57c00);
    box-shadow: 0 0 0 6px rgba(255, 143, 0, 0.14);
}

.home-page .home-route-spotlight:nth-child(3) .home-route-link-btn {
    background: linear-gradient(135deg, #e65100, #ff8f00);
    box-shadow: 0 16px 28px rgba(230, 81, 0, 0.24);
}

.home-page .home-route-spotlight:nth-child(3) .home-route-visual {
    box-shadow: 0 20px 40px rgba(183, 110, 0, 0.2);
}

.home-page .home-route-spotlight:nth-child(3) .home-route-copy-meta article {
    border-color: rgba(255, 160, 0, 0.18);
    background: rgba(255, 248, 225, 0.7);
}

.home-page .home-route-spotlight:nth-child(3)::after {
    background: linear-gradient(115deg, transparent 0%, transparent 40%, rgba(255, 202, 40, 0.3) 50%, transparent 60%);
}

.home-page .home-route-spotlight:nth-child(3) .home-route-copy-footer>span {
    color: #e65100;
}

/* ── 05. HOROSCOPE — Indigo & Purple (Dark Cosmic) ── */
.home-page .home-route-spotlight:nth-child(4) {
    background:
        radial-gradient(circle at 10% 16%, rgba(103, 58, 183, 0.12), transparent 34%),
        radial-gradient(circle at 92% 82%, rgba(156, 39, 176, 0.08), transparent 28%),
        linear-gradient(135deg, rgba(237, 231, 246, 0.98) 0%, rgba(209, 196, 233, 0.94) 100%);
    border-color: rgba(74, 20, 140, 0.2);
    box-shadow: 0 24px 46px rgba(49, 27, 146, 0.14);
}

.home-page .home-route-spotlight:nth-child(4) .home-route-kicker {
    color: #6a1b9a;
}

.home-page .home-route-spotlight:nth-child(4) .home-route-kicker::before {
    background: linear-gradient(90deg, #7b1fa2, #ce93d8);
}

.home-page .home-route-spotlight:nth-child(4) .home-route-chip-row span {
    background: #f3e5f5;
    border-color: rgba(123, 31, 162, 0.18);
    color: #4a148c;
}

.home-page .home-route-spotlight:nth-child(4) .home-route-points li::before {
    background: linear-gradient(135deg, #8e24aa, #6a1b9a);
    box-shadow: 0 0 0 6px rgba(142, 36, 170, 0.14);
}

.home-page .home-route-spotlight:nth-child(4) .home-route-link-btn {
    background: linear-gradient(135deg, #4a148c, #8e24aa);
    box-shadow: 0 16px 28px rgba(74, 20, 140, 0.26);
}

.home-page .home-route-spotlight:nth-child(4) .home-route-visual {
    box-shadow: 0 20px 40px rgba(74, 20, 140, 0.2);
}

.home-page .home-route-spotlight:nth-child(4) .home-route-copy-meta article {
    border-color: rgba(123, 31, 162, 0.14);
    background: rgba(243, 229, 245, 0.7);
}

.home-page .home-route-spotlight:nth-child(4)::after {
    background: linear-gradient(115deg, transparent 0%, transparent 40%, rgba(206, 147, 216, 0.3) 50%, transparent 60%);
}

.home-page .home-route-spotlight:nth-child(4) .home-route-copy-footer>span {
    color: #6a1b9a;
}

.home-page .home-route-spotlight:nth-child(4) .home-route-copy h3 {
    color: #311b92;
}

.home-page .home-route-spotlight:nth-child(4) .home-route-copy>p {
    color: #4a2572;
}

.home-page .home-route-spotlight:nth-child(4) .home-route-visual-badge {
    background: linear-gradient(135deg, rgba(74, 20, 140, 0.82), rgba(123, 31, 162, 0.56));
}

/* ── 06. ASTROLOGY GALLERY — Teal & Navy ── */
.home-page .home-route-spotlight:nth-child(5) {
    background:
        radial-gradient(circle at 86% 8%, rgba(0, 121, 107, 0.12), transparent 34%),
        radial-gradient(circle at 8% 86%, rgba(0, 150, 136, 0.08), transparent 28%),
        linear-gradient(135deg, rgba(224, 242, 241, 0.98) 0%, rgba(178, 223, 219, 0.94) 100%);
    border-color: rgba(0, 77, 64, 0.2);
    box-shadow: 0 24px 46px rgba(0, 77, 64, 0.13);
}

.home-page .home-route-spotlight:nth-child(5) .home-route-kicker {
    color: #00695c;
}

.home-page .home-route-spotlight:nth-child(5) .home-route-kicker::before {
    background: linear-gradient(90deg, #00897b, #4db6ac);
}

.home-page .home-route-spotlight:nth-child(5) .home-route-chip-row span {
    background: #e0f2f1;
    border-color: rgba(0, 121, 107, 0.2);
    color: #004d40;
}

.home-page .home-route-spotlight:nth-child(5) .home-route-points li::before {
    background: linear-gradient(135deg, #00897b, #00695c);
    box-shadow: 0 0 0 6px rgba(0, 150, 136, 0.14);
}

.home-page .home-route-spotlight:nth-child(5) .home-route-link-btn {
    background: linear-gradient(135deg, #004d40, #00897b);
    box-shadow: 0 16px 28px rgba(0, 77, 64, 0.24);
}

.home-page .home-route-spotlight:nth-child(5) .home-route-visual {
    box-shadow: 0 20px 40px rgba(0, 77, 64, 0.2);
}

.home-page .home-route-spotlight:nth-child(5) .home-route-copy-meta article {
    border-color: rgba(0, 121, 107, 0.16);
    background: rgba(224, 242, 241, 0.7);
}

.home-page .home-route-spotlight:nth-child(5)::after {
    background: linear-gradient(115deg, transparent 0%, transparent 40%, rgba(77, 182, 172, 0.28) 50%, transparent 60%);
}

.home-page .home-route-spotlight:nth-child(5) .home-route-copy-footer>span {
    color: #00695c;
}

.home-page .home-route-spotlight:nth-child(5) .home-route-copy h3 {
    color: #004d40;
}

.home-page .home-route-spotlight:nth-child(5) .home-route-copy>p {
    color: #1a5c52;
}

.home-page .home-route-spotlight:nth-child(5) .home-route-visual-badge {
    background: linear-gradient(135deg, rgba(0, 77, 64, 0.82), rgba(0, 121, 107, 0.56));
}

/* ── 07. ABOUT US — Warm Earth & Sage ── */
.home-page .home-route-spotlight:nth-child(6) {
    background:
        radial-gradient(circle at 12% 12%, rgba(121, 85, 72, 0.12), transparent 34%),
        radial-gradient(circle at 88% 88%, rgba(161, 136, 127, 0.1), transparent 30%),
        linear-gradient(135deg, rgba(251, 248, 244, 0.99) 0%, rgba(215, 204, 200, 0.94) 100%);
    border-color: rgba(93, 64, 55, 0.22);
    box-shadow: 0 24px 46px rgba(62, 39, 35, 0.13);
}

.home-page .home-route-spotlight:nth-child(6) .home-route-kicker {
    color: #4e342e;
}

.home-page .home-route-spotlight:nth-child(6) .home-route-kicker::before {
    background: linear-gradient(90deg, #6d4c41, #a1887f);
}

.home-page .home-route-spotlight:nth-child(6) .home-route-chip-row span {
    background: #efebe9;
    border-color: rgba(93, 64, 55, 0.18);
    color: #3e2723;
}

.home-page .home-route-spotlight:nth-child(6) .home-route-points li::before {
    background: linear-gradient(135deg, #6d4c41, #4e342e);
    box-shadow: 0 0 0 6px rgba(109, 76, 65, 0.14);
}

.home-page .home-route-spotlight:nth-child(6) .home-route-link-btn {
    background: linear-gradient(135deg, #3e2723, #6d4c41);
    box-shadow: 0 16px 28px rgba(62, 39, 35, 0.24);
}

.home-page .home-route-spotlight:nth-child(6) .home-route-visual {
    box-shadow: 0 20px 40px rgba(62, 39, 35, 0.2);
}

.home-page .home-route-spotlight:nth-child(6) .home-route-copy-meta article {
    border-color: rgba(93, 64, 55, 0.16);
    background: rgba(239, 235, 233, 0.7);
}

.home-page .home-route-spotlight:nth-child(6)::after {
    background: linear-gradient(115deg, transparent 0%, transparent 40%, rgba(161, 136, 127, 0.3) 50%, transparent 60%);
}

.home-page .home-route-spotlight:nth-child(6) .home-route-copy-footer>span {
    color: #4e342e;
}

.home-page .home-route-spotlight:nth-child(6) .home-route-copy h3 {
    color: #3e2723;
}

.home-page .home-route-spotlight:nth-child(6) .home-route-copy>p {
    color: #5d4037;
}

.home-page .home-route-spotlight:nth-child(6) .home-route-visual-badge {
    background: linear-gradient(135deg, rgba(62, 39, 35, 0.82), rgba(93, 64, 55, 0.56));
}

/* ── Decorative corner accents per spotlight ── */
.home-page .home-route-spotlight:nth-child(1)::before {
    content: "";
    position: absolute;
    width: 140px;
    height: 140px;
    bottom: -40px;
    left: -30px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(233, 30, 99, 0.14) 0%, transparent 70%);
    pointer-events: none;
    z-index: -1;
}

.home-page .home-route-spotlight:nth-child(2)::before {
    content: "";
    position: absolute;
    width: 130px;
    height: 130px;
    top: -20px;
    left: -30px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(76, 175, 80, 0.16) 0%, transparent 70%);
    pointer-events: none;
    z-index: -1;
}

.home-page .home-route-spotlight:nth-child(4)::before {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    top: -40px;
    right: -40px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(103, 58, 183, 0.14) 0%, transparent 70%);
    pointer-events: none;
    z-index: -1;
}

.home-page .home-route-spotlight:nth-child(5)::before {
    content: "";
    position: absolute;
    width: 140px;
    height: 140px;
    bottom: -30px;
    right: -30px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0, 150, 136, 0.14) 0%, transparent 70%);
    pointer-events: none;
    z-index: -1;
}

/* =============================================================
   UNIQUE SPOTLIGHT LAYOUTS — Different structure per card
   ============================================================= */

/* ── 01. POOJA — Full-width hero image on top ── */

/* ── 02. KUNDALI — Default layout ── */

/* ── 03. JANAM KUNDALI — Compact horizontal ── */
.home-page .home-route-spotlight:nth-child(2) {
    border-radius: 24px;
    padding: clamp(16px, 1.6vw, 24px);
}

.home-page .home-route-spotlight:nth-child(2) .home-route-visual {
    min-height: clamp(260px, 28vw, 380px);
    border-radius: 18px;
}

.home-page .home-route-spotlight:nth-child(2) .home-route-chip-row span {
    border-radius: 8px;
}

/* ── 04. PANCHANG — Square structured dashboard ── */
.home-page .home-route-spotlight:nth-child(3) {
    border-radius: 12px;
    border-width: 3px;
    box-shadow: 12px 12px 0 rgba(183, 110, 0, 0.18) !important;
}

.home-page .home-route-spotlight:nth-child(3) .home-route-visual {
    border-radius: 8px;
}

.home-page .home-route-spotlight:nth-child(3) .home-route-link-btn {
    border-radius: 10px;
}

.home-page .home-route-spotlight:nth-child(3) .home-route-chip-row span {
    border-radius: 6px;
}

/* ── 05. HOROSCOPE — Dark cosmic card ── */
.home-page .home-route-spotlight:nth-child(4) {
    background:
        radial-gradient(circle at 20% 20%, rgba(156, 39, 176, 0.2), transparent 40%),
        radial-gradient(circle at 80% 80%, rgba(63, 81, 181, 0.15), transparent 36%),
        linear-gradient(135deg, #1a0a2e 0%, #2d1052 50%, #1a0533 100%) !important;
    border-color: rgba(206, 147, 216, 0.3);
    border-radius: 40px;
}

.home-page .home-route-spotlight:nth-child(4) .home-route-copy h3 {
    color: #e1bee7 !important;
}

.home-page .home-route-spotlight:nth-child(4) .home-route-kicker {
    color: #ce93d8 !important;
}

.home-page .home-route-spotlight:nth-child(4) .home-route-copy>p {
    color: rgba(225, 190, 231, 0.8) !important;
}

.home-page .home-route-spotlight:nth-child(4) .home-route-copy-meta article {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(206, 147, 216, 0.2) !important;
}

.home-page .home-route-spotlight:nth-child(4) .home-route-copy-meta article span {
    color: rgba(206, 147, 216, 0.7);
}

.home-page .home-route-spotlight:nth-child(4) .home-route-copy-meta article strong {
    color: #e1bee7;
}

.home-page .home-route-spotlight:nth-child(4) .home-route-points li {
    color: rgba(225, 190, 231, 0.75);
}

.home-page .home-route-spotlight:nth-child(4) .home-route-copy-footer>span {
    color: #ce93d8 !important;
}

.home-page .home-route-spotlight:nth-child(4) .home-route-copy-dots i {
    background: linear-gradient(135deg, #ab47bc, #7b1fa2);
    box-shadow: 0 0 0 5px rgba(171, 71, 188, 0.2);
}

.home-page .home-route-spotlight:nth-child(4) .home-route-preview-trigger {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(206, 147, 216, 0.3);
    color: #e1bee7;
    box-shadow: 4px 4px 0 rgba(74, 20, 140, 0.5);
}

.home-page .home-route-spotlight:nth-child(4) .home-route-link-btn {
    border-radius: 999px;
}

.home-page .home-route-spotlight:nth-child(4) .home-route-visual {
    border-radius: 32px;
    box-shadow: 0 20px 50px rgba(26, 5, 51, 0.6);
}

.home-page .home-route-spotlight:nth-child(4) .home-route-chip-row span {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(206, 147, 216, 0.2) !important;
    color: #ce93d8 !important;
}

/* ── 06. GALLERY — Offset image overlap ── */
.home-page .home-route-spotlight:nth-child(5) {
    border-radius: 16px 48px 16px 48px;
    overflow: visible;
}

.home-page .home-route-spotlight:nth-child(5) .home-route-visual {
    border-radius: 12px 40px 12px 40px;
    transform: translateY(-12px);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.home-page .home-route-spotlight:nth-child(5):hover .home-route-visual {
    transform: translateY(-18px);
    box-shadow: 0 28px 50px rgba(0, 77, 64, 0.26);
}

/* ── 07. ABOUT — Minimal timeline style ── */
.home-page .home-route-spotlight:nth-child(6) {
    border-left: 4px solid #6d4c41;
    border-radius: 0 28px 28px 0;
    padding-left: clamp(28px, 3vw, 44px);
    position: relative;
}

.home-page .home-route-spotlight:nth-child(6)::before {
    content: "07";
    position: absolute;
    left: -20px;
    top: clamp(30px, 3vw, 50px);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6d4c41, #4e342e);
    color: #fff;
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(62, 39, 35, 0.3);
    z-index: 2;
}

.home-page .home-route-spotlight:nth-child(6) .home-route-visual {
    border-radius: 0 20px 20px 0;
}

/* =============================================================
   CONTACT CTA SECTION
   ============================================================= */
.home-page .home-cta-contact {
    width: min(100%, 1440px);
    margin: clamp(30px, 4vw, 60px) auto 0;
    padding: 0 clamp(18px, 4vw, 64px);
}

.home-page .home-cta-contact-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
    gap: clamp(20px, 2.4vw, 32px);
}

.home-page .home-cta-info {
    padding: clamp(24px, 2.6vw, 38px);
    border-radius: 30px;
    background:
        radial-gradient(circle at 10% 90%, rgba(0, 121, 107, 0.08), transparent 30%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(224, 242, 241, 0.94));
    border: 2px solid rgba(0, 77, 64, 0.16);
    box-shadow: 8px 8px 0 rgba(0, 77, 64, 0.12);
}

.home-page .home-cta-tag {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 999px;
    background: linear-gradient(135deg, #00695c, #00897b);
    color: #fff;
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.home-page .home-cta-info h2 {
    margin-top: 18px;
    color: #004d40;
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: clamp(24px, 2.2vw, 36px);
    font-weight: 700;
    line-height: 1.2;
    text-wrap: balance;
}

.home-page .home-cta-info>p {
    margin-top: 14px;
    color: #37474f;
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: clamp(14px, 1vw, 16px);
    line-height: 1.75;
}

.home-page .home-cta-channels {
    margin-top: clamp(20px, 2vw, 28px);
    display: grid;
    gap: 12px;
}

.home-page .home-cta-channel {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.8);
    border: 1.5px solid rgba(0, 121, 107, 0.14);
    text-decoration: none;
    transition: transform 0.28s ease, box-shadow 0.28s ease, background 0.28s ease;
}

.home-page .home-cta-channel:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 24px rgba(0, 77, 64, 0.12);
    background: #fff;
}

.home-page .home-cta-icon {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: linear-gradient(135deg, #e0f2f1, #b2dfdb);
    border: 1.5px solid rgba(0, 121, 107, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 58%;
    color: transparent;
    font-size: 0;
}

.home-page .home-cta-icon--phone {
    background-image: url("./assets/images/phone-icon.svg");
}

.home-page .home-cta-icon--gmail {
    background-image: url("./assets/images/gmail-icon.svg");
}

.home-page .home-cta-icon--whatsapp {
    background-image: url("/assets/images/whatsapp-icon.jpg");
}

.home-page .home-cta-channel strong {
    display: block;
    color: #004d40;
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: clamp(14px, 1vw, 16px);
    font-weight: 700;
}

.home-page .home-cta-channel span:not(.home-cta-icon) {
    color: #546e7a;
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: clamp(12px, 0.85vw, 14px);
    word-break: break-all;
}

.home-page .home-cta-address {
    margin-top: 20px;
    padding: 16px 20px;
    border-radius: 18px;
    background: rgba(0, 77, 64, 0.06);
    border: 1.5px solid rgba(0, 121, 107, 0.12);
}

.home-page .home-cta-address strong {
    color: #004d40;
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: clamp(16px, 1.1vw, 19px);
    font-weight: 700;
}

.home-page .home-cta-address p {
    margin-top: 6px;
    color: #546e7a;
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: clamp(13px, 0.9vw, 15px);
    line-height: 1.65;
}

.home-page .home-cta-form-card {
    padding: clamp(24px, 2.6vw, 38px);
    border-radius: 30px;
    background:
        radial-gradient(circle at 90% 10%, rgba(255, 152, 0, 0.06), transparent 30%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(255, 248, 235, 0.96));
    border: 2px solid rgba(183, 120, 44, 0.14);
    box-shadow: 8px 8px 0 rgba(143, 74, 22, 0.1);
}

.home-page .home-cta-form-card h3 {
    color: #3e2723;
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: clamp(22px, 1.8vw, 30px);
    font-weight: 700;
    line-height: 1.2;
}

.home-page .home-cta-form-card>p {
    margin-top: 10px;
    color: #6d4c41;
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: clamp(13px, 0.9vw, 15px);
    line-height: 1.7;
}

.home-page .home-cta-form {
    margin-top: clamp(18px, 2vw, 26px);
    display: grid;
    gap: 16px;
}

.home-page .home-cta-field {
    display: grid;
    gap: 8px;
}

.home-page .home-cta-field span {
    color: #5d4037;
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.home-page .home-cta-field input,
.home-page .home-cta-field textarea {
    width: 100%;
    padding: 14px 18px;
    border: 2px solid rgba(109, 76, 65, 0.18);
    border-radius: 16px;
    background: #fffdf8;
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: 14px;
    color: #3e2723;
    outline: none;
    resize: vertical;
    transition: border-color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease;
}

.home-page .home-cta-field input:focus,
.home-page .home-cta-field textarea:focus {
    border-color: #8d6e63;
    box-shadow: 0 6px 20px rgba(109, 76, 65, 0.12);
    transform: translateY(-2px);
}

.home-page .home-cta-form-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}

.home-page .home-cta-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 28px;
    border: none;
    border-radius: 999px;
    background: linear-gradient(135deg, #5d4037, #8d6e63);
    color: #fff;
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.03em;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 10px 24px rgba(62, 39, 35, 0.2);
}

.home-page .home-cta-submit:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 32px rgba(62, 39, 35, 0.28);
}

.home-page .home-cta-feedback {
    color: #00695c;
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 600;
}

/* =============================================================
   FOOTER
   ============================================================= */
.home-page .home-footer {
    margin-top: clamp(40px, 5vw, 72px);
    background: linear-gradient(180deg, #1b0e06 0%, #0d0704 100%);
    border-top: 1px solid rgba(255, 183, 77, 0.12);
}

.home-page .home-footer-inner {
    width: min(100%, 1440px);
    margin: 0 auto;
    padding: clamp(36px, 4vw, 60px) clamp(18px, 4vw, 64px);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
    gap: clamp(28px, 3vw, 44px);
}

/* =============================================================
   CONTACT SECTION (CTA)
   ============================================================= */
.home-cta {
    padding: clamp(60px, 8vw, 100px) 0;
    background: #fff8f0;
    position: relative;

}

.home-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 10% 10%, rgba(255, 183, 77, 0.08) 0%, transparent 40%),
        radial-gradient(circle at 90% 90%, rgba(255, 183, 77, 0.08) 0%, transparent 40%);
    pointer-events: none;
}

.home-cta-inner {
    width: min(100%, 1440px);
    margin: 0 auto;
    padding: 0 clamp(18px, 4vw, 64px);
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: clamp(40px, 6vw, 100px);
    align-items: center;
}

@media (max-width: 991px) {
    .home-cta-inner {
        grid-template-columns: 1fr;
        gap: 60px;
    }
}

.home-cta-info {
    max-width: 580px;
}

.home-cta-tag {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 999px;
    background: rgba(143, 74, 22, 0.08);
    color: #8f4a16;
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-cta-info h2 {
    margin-top: 18px;
    color: #3e2723;
    font-family: 'Cinzel', serif;
    font-size: clamp(28px, 3.2vw, 48px);
    font-weight: 700;
    line-height: 1.15;
}

.home-cta-info>p {
    margin-top: 20px;
    color: #6d4c41;
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: clamp(15px, 1.1vw, 17px);
    line-height: 1.7;
}

.home-cta-channels {
    margin-top: 36px;
    display: grid;
    gap: 16px;
}

.home-cta-channel {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 20px 24px;
    background: #fff;
    border: 1.5px solid rgba(143, 74, 22, 0.1);
    border-radius: 20px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.home-cta-channel:hover {
    border-color: #8f4a16;
    transform: translateX(6px);
    box-shadow: 0 10px 24px rgba(143, 74, 22, 0.08);
}

.home-cta-icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: rgba(143, 74, 22, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
}

.home-cta-icon--phone {
    background-image: url("./assets/images/phone-icon.svg");
}

.home-cta-icon--gmail {
    background-image: url("./assets/images/gmail-icon.svg");
}

.home-cta-icon--whatsapp {
    background-image: url("/assets/images/whatsapp-icon.jpg");
}

.home-cta-channel div strong {
    display: block;
    color: #3e2723;
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 700;
}

.home-cta-channel div span {
    color: #6d4c41;
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: 14px;
}

.home-cta-address {
    margin-top: 32px;
    padding: 0 24px;
}

.home-cta-address strong {
    display: block;
    color: #3e2723;
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 700;
}

.home-cta-address p {
    margin-top: 6px;
    color: #6d4c41;
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: 14px;
}

.home-cta-form-card {
    background: #fff;
    padding: clamp(30px, 4vw, 52px);
    border-radius: 36px;
    background-image: url("./assets/images/paper-texture.png"),
        linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(255, 248, 235, 0.96));
    border: 2px solid rgba(183, 120, 44, 0.14);
    box-shadow: 8px 8px 0 rgba(143, 74, 22, 0.1);
}

.home-cta-form-card h3 {
    color: #3e2723;
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: clamp(22px, 1.8vw, 30px);
    font-weight: 700;
    line-height: 1.2;
}

.home-cta-form-card>p {
    margin-top: 10px;
    color: #6d4c41;
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: clamp(13px, 0.9vw, 15px);
    line-height: 1.7;
}

.home-cta-form {
    margin-top: clamp(18px, 2vw, 26px);
    display: grid;
    gap: 16px;
}

.home-cta-field {
    display: grid;
    gap: 8px;
}

.home-cta-field span {
    color: #5d4037;
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.home-cta-field input,
.home-cta-field textarea {
    width: 100%;
    padding: 14px 18px;
    border: 2px solid rgba(109, 76, 65, 0.18);
    border-radius: 16px;
    background: #fffdf8;
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: 14px;
    color: #3e2723;
    outline: none;
    resize: vertical;
    transition: border-color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease;
}

.home-cta-field input:focus,
.home-cta-field textarea:focus {
    border-color: #8d6e63;
    box-shadow: 0 6px 20px rgba(109, 76, 65, 0.12);
    transform: translateY(-2px);
}

.home-cta-form-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}

.home-cta-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 28px;
    border: none;
    border-radius: 999px;
    background: linear-gradient(135deg, #5d4037, #8d6e63);
    color: #fff;
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.03em;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 10px 24px rgba(62, 39, 35, 0.2);
}

.home-cta-submit:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 32px rgba(62, 39, 35, 0.28);
}

.home-cta-feedback {
    color: #00695c;
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 600;
}

/* =============================================================
   FOOTER
   ============================================================= */
.home-footer {
    margin-top: clamp(40px, 5vw, 72px);
    background: linear-gradient(180deg, #1b0e06 0%, #0d0704 100%);
    border-top: 1px solid rgba(255, 183, 77, 0.12);
}

.home-footer-inner {
    width: min(100%, 1440px);
    margin: 0 auto;
    padding: clamp(36px, 4vw, 60px) clamp(18px, 4vw, 64px);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
    gap: clamp(28px, 3vw, 44px);
}

.home-footer-logo {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background: linear-gradient(135deg, #ff9800, #e65100);
    box-shadow: 0 4px 16px rgba(255, 152, 0, 0.3);
}

.home-footer-brand h4 {
    margin-top: 14px;
    color: #ffcc80;
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: clamp(18px, 1.3vw, 22px);
    font-weight: 700;
    text-transform: capitalize;
}

.home-footer-brand p {
    margin-top: 10px;
    color: rgba(255, 204, 128, 0.55);
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: clamp(13px, 0.9vw, 15px);
    line-height: 1.7;
}

.home-footer-links {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.home-footer-links h5 {
    color: #ffcc80;
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.home-footer-links a {
    color: rgba(255, 204, 128, 0.6);
    text-decoration: none;
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: clamp(13px, 0.9vw, 15px);
    transition: color 0.24s ease, padding-left 0.24s ease;
}

.home-footer-links a:hover {
    color: #ffcc80;
    padding-left: 6px;
}

.home-footer-social h5 {
    color: #ffcc80;
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.home-footer-social-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.home-footer-social-btn {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: rgba(255, 204, 128, 0.08);
    border: 1.5px solid rgba(255, 204, 128, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffcc80;
    text-decoration: none;
    font-size: 0;

    transition: background 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease;
}

.home-footer-social-btn:hover {
    background: rgba(255, 152, 0, 0.15);
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(255, 152, 0, 0.15);
}

.home-footer-social-icon {
    flex: 0 0 22px;
    width: 22px;
    min-width: 22px;
    height: 22px;
    min-height: 22px;
    display: block;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.home-footer-social-icon--whatsapp {
    background-image: url("/assets/images/whatsapp-icon.jpg");
}

.home-footer-social-icon--youtube {
    background-image: url("./assets/images/youtube-icon.svg");
}

.home-footer-social-icon--facebook {
    background-image: url("./assets/images/facebook-icon.svg");
}

.home-footer-social-icon--instagram {
    background-image: url("./assets/images/instagram-icon.svg");
}

.home-footer-social-icon--gmail {
    background-image: url("./assets/images/gmail-icon.svg");
}

.home-footer-social-icon--phone {
    background-image: url("./assets/images/phone-icon.svg");
}

.home-footer-bottom {
    padding: clamp(18px, 2vw, 26px) clamp(18px, 4vw, 64px);
    border-top: 1px solid rgba(255, 183, 77, 0.08);
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px 24px;
}

.home-footer-bottom p {
    color: rgba(255, 204, 128, 0.4);
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: clamp(12px, 0.8vw, 14px);
}

.home-footer-credit-link {
    color: #ffd25f;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.22s ease, opacity 0.22s ease;
}

.home-footer-credit-link:hover,
.home-footer-credit-link:focus-visible {
    color: #fff0c6;
    text-decoration: underline;
    outline: none;
}

/* =============================================================
   LANGUAGE SWITCHER ANIMATION
   ============================================================= */
.lang-switching [data-i18n] {
    transition: opacity 0.2s ease;
}

.lang-switching .lang-fade {
    opacity: 0;
}
}

/* =============================================================
   AUTHENTICATION MODAL
   ============================================================= */
.auth-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(13, 7, 4, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

.auth-modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

.auth-modal {
    width: min(90%, 900px);
    min-height: 550px;
    background: #fff;
    border-radius: 32px;
    display: flex;

    position: relative;
    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.4);
    transform: translateY(30px) scale(0.98);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.auth-modal-overlay.active .auth-modal {
    transform: translateY(0) scale(1);
}

.auth-modal-close {
    position: absolute;
    top: 20px;
    right: 24px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 152, 0, 0.1);
    color: #e65100;
    border: none;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: background 0.3s ease, transform 0.3s ease;
}

.auth-modal-close:hover {
    background: rgba(255, 152, 0, 0.25);
    transform: rotate(90deg);
}

.auth-modal-visual {
    flex: 1;
    position: relative;
    background: linear-gradient(135deg, #1b0e06 0%, #3e2723 100%);
    display: none;
    /* Hidden on mobile */
    align-items: flex-end;
    padding: 40px;
    color: #fff;
}

@media (min-width: 768px) {
    .auth-modal-visual {
        display: flex;
    }
}

.auth-modal-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('./assets/images/gharouaj.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0.4;
    mix-blend-mode: overlay;
}

.auth-modal-visual-text {
    position: relative;
    z-index: 2;
}

.auth-modal-visual-text h3 {
    font-family: 'Cinzel', serif;
    font-size: 32px;
    color: #ffcc80;
    margin-bottom: 12px;
}

.auth-modal-visual-text p {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.8);
}

.auth-modal-content {
    flex: 1;
    padding: clamp(30px, 4vw, 50px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.auth-view {
    display: none;
    animation: fadeInSlide 0.4s ease forwards;
}

.auth-view.active {
    display: block;
}

@keyframes fadeInSlide {
    from {
        opacity: 0;
        transform: translateX(10px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.auth-view h2 {
    font-family: 'Inter', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: #3e2723;
    margin-bottom: 8px;
}

.auth-view>p {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: #6d4c41;
    margin-bottom: 32px;
}

.auth-field {
    display: grid;
    gap: 8px;
    margin-bottom: 20px;
}

.auth-field span {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #5d4037;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.auth-field input {
    width: 100%;
    padding: 14px 18px;
    border: 2px solid rgba(109, 76, 65, 0.15);
    border-radius: 14px;
    background: #fffdf8;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    color: #3e2723;
    transition: border-color 0.3s, box-shadow 0.3s;
}

.auth-field input:focus {
    outline: none;
    border-color: #8d6e63;
    box-shadow: 0 4px 15px rgba(109, 76, 65, 0.1);
}

.auth-password-toggle {
    position: absolute;
    right: 14px;
    bottom: 12px;
    background: transparent;
    border: none;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #8d6e63;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 6px;
    transition: background 0.2s, color 0.2s;
}

.auth-password-toggle:hover {
    background: rgba(141, 110, 99, 0.1);
    color: #5d4037;
}

.auth-options {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 24px;
    margin-top: -8px;
}

.auth-options a {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #e65100;
    text-decoration: none;
}

.auth-options a:hover {
    text-decoration: underline;
}

.auth-submit-btn {
    width: 100%;
    padding: 16px;
    border: none;
    border-radius: 14px;
    background: linear-gradient(135deg, #ff9800, #e65100);
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 8px 24px rgba(230, 81, 0, 0.25);
    transition: transform 0.3s, box-shadow 0.3s;
}

.auth-submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(230, 81, 0, 0.35);
}

.auth-switch {
    margin-top: 24px;
    text-align: center;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: #6d4c41;
}

.auth-switch a {
    color: #e65100;
    font-weight: 600;
    text-decoration: none;
}

.auth-switch a:hover {
    text-decoration: underline;
}

/* Profile Drawer Additions */
.profile-drawer-body .drawer-logout {
    margin-top: auto;
    padding: 14px;
    background: rgba(233, 30, 99, 0.1);
    color: #c2185b;
    border-radius: 12px;
    text-align: center;
    font-weight: 700;
    font-family: 'Inter', sans-serif;
    cursor: pointer;
    transition: background 0.3s;
}

.profile-drawer-body .drawer-logout:hover {
    background: rgba(233, 30, 99, 0.2);
}

/* =============================================================
   HOME PAGE FLUID DESKTOP TUNING
   ============================================================= */
body.home-page {
    --home-fluid-gap: clamp(18px, 2vw, 30px);
    --home-fluid-space: clamp(18px, 4vw, 64px);
}

.home-page *,
.home-page *::before,
.home-page *::after {
    box-sizing: border-box;
}

.home-page #main {
    display: flex;
    flex-direction: column;
}

.home-page #homepage,
.home-page #pooja,
.home-page .home-route-gateway,
.home-page .home-route-chronicle,
.home-page .home-products-showcase,
.home-page .home-cta-contact,
.home-page .home-footer {
    width: 100%;
}

.home-page .slidercontemain,
.home-page .slidercontemain .sliderleft,
.home-page .slidercontemain .sliderright,
.home-page .slidetextmain,
.home-page .slidemidleft,
.home-page .slidefoterleft,
.home-page .leftpooja,
.home-page .rightpooja,
.home-page .leftpojamain,
.home-page .rightpoojamain,
.home-page .home-route-gateway-copy,
.home-page .home-route-gateway-visual,
.home-page .home-route-copy,
.home-page .home-route-visual,
.home-page .home-product-card,
.home-page .home-product-copy,
.home-page .home-cta-info,
.home-page .home-cta-form-card,
.home-page .home-footer-brand,
.home-page .home-footer-links,
.home-page .home-footer-social {
    min-width: 0;
}

.home-page .slidercontemain {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, clamp(0px, 14vw, 220px));
    gap: clamp(18px, 2.4vw, 42px);
    align-items: center;
    padding: clamp(24px, 4vh, 48px) var(--home-fluid-space) clamp(34px, 5vh, 64px);
}

.home-page .slidercontemain .sliderleft {
    max-width: min(100%, 820px);
    padding-left: 0;
    padding-right: clamp(4px, 1.6vw, 20px);
    gap: clamp(14px, 1.6vw, 24px);
}

.home-page .slidercontemain .sliderright {
    width: 100%;
    justify-self: end;
}

.home-page .slidemidleft,
.home-page .slidefoterleft,
.home-page .slidetextmain {
    width: min(100%, 660px);
}

.home-page .hedadtext {
    width: min(100%, 620px);
}

.home-page .hedadtext h1 {
    font-size: clamp(24px, 2.35vw, 40px);
    line-height: 1.15;
    overflow-wrap: anywhere;
    text-wrap: balance;
}

.home-page .textemidpara {
    width: min(100%, 560px);
}

.home-page .textemidpara h3 {
    max-width: 100%;
    font-size: clamp(14px, 1.1vw, 19px);
    line-height: 1.6;
    overflow-wrap: anywhere;
    text-wrap: balance;
}

.home-page .texthomeiconstext {
    width: min(100%, 580px);
    gap: clamp(12px, 1.4vw, 18px);
    align-items: stretch;
}

.home-page .verfiedpadints,
.home-page .vidhivihan {
    flex: 1 1 220px;
    min-width: min(100%, 220px);
}

.home-page .verifiefpadits p,
.home-page .vidhivihan .deepimgs p {
    white-space: normal;
    overflow-wrap: anywhere;
}

.home-page .sliderhometertexbtn {
    width: min(100%, 580px);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
    gap: clamp(12px, 1.4vw, 18px);
}

.home-page .booknow,
.home-page .exprlorresrive,
.home-page .shareivutton,
.home-page .booknowb {
    min-width: 0;
}

.home-page .booknow button,
.home-page .exprlorresrive button,
.home-page .shareivutton button,
.home-page .booknowb button,
.home-page .custom-button,
.home-page .aboutbtn,
.home-page .benefitbtn,
.home-page .viewallbtn {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    height: auto;
    padding: 14px 20px;
    white-space: normal;
    line-height: 1.35;
    text-align: center;
}

.home-page #poojamain {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 580px), 1fr));
    gap: clamp(24px, 3vw, 40px);
    align-items: stretch;
    justify-items: stretch;
    padding: clamp(34px, 4vh, 72px) var(--home-fluid-space) clamp(26px, 3vh, 48px);
}

.home-page .leftpojamain {
    width: 100%;
    max-width: min(100%, 560px);
}

.home-page .rightpoojamain {
    width: 100%;
    max-width: min(100%, 640px);
    height: 100%;
}

.home-page .midleftmain,
.home-page .midlefttexs,
.home-page .midtextpooja,
.home-page .rightpoojaheader,
.home-page .rightaboutpooja,
.home-page .rightbenefitswrap,
.home-page .benefititem {
    min-width: 0;
}

.home-page .nameofpuja h2,
.home-page [data-pooja-title],
.home-page [data-pooja-subtitle],
.home-page .previewtext,
.home-page .benefithead p,
.home-page .innerexpandbox p {
    overflow-wrap: anywhere;
    text-wrap: balance;
}

.home-page .home-route-gateway,
.home-page .home-route-chronicle,
.home-page .home-products-showcase,
.home-page .home-cta-contact {
    padding-left: var(--home-fluid-space);
    padding-right: var(--home-fluid-space);
}

.home-page .home-route-gateway {
    gap: clamp(26px, 4vw, 56px);
}

.home-page .home-route-gateway-copy {
    max-width: min(100%, 760px);
}

.home-page .home-route-gateway-copy h2,
.home-page .home-route-copy h3,
.home-page .home-products-lead h2,
.home-page .home-cta-info h2,
.home-page .home-cta-form-card h3 {
    overflow-wrap: anywhere;
    text-wrap: balance;
}

.home-page .home-route-gateway-copy p,
.home-page .home-route-copy>p,
.home-page .home-route-points li,
.home-page .home-route-visual-note strong,
.home-page .home-route-visual-badge strong,
.home-page .home-product-copy p,
.home-page .home-cta-info>p,
.home-page .home-cta-address p,
.home-page .home-footer-brand p,
.home-page .home-footer-links a,
.home-page .home-footer-bottom p {
    overflow-wrap: anywhere;
}

.home-page .home-route-gateway-visual {
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
    gap: clamp(18px, 2vw, 24px);
    align-items: stretch;
}

.home-page .home-route-floating-card,
.home-page .home-route-floating-card-main,
.home-page .home-route-floating-card-side,
.home-page .home-route-floating-card-bottom {
    position: relative;
    inset: auto;
    width: 100%;
    max-width: none;
    height: 100%;
    transform: none;
}

.home-page .home-route-floating-card img {
    height: clamp(180px, 18vw, 240px);
}

.home-page .home-route-spotlights {
    gap: clamp(24px, 3vw, 36px);
}

.home-page .home-route-spotlight {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
    align-items: stretch;
}

.home-page .home-route-copy-meta,
.home-page .home-route-chip-row,
.home-page .home-route-copy-footer,
.home-page .home-product-actions,
.home-page .home-cta-form-actions,
.home-page .home-footer-social-icons {
    align-items: stretch;
}

.home-page .home-route-link-btn,
.home-page .home-route-finale-btn,
.home-page .home-product-btn,
.home-page .home-cta-submit {
    white-space: normal;
    text-align: center;
}

.home-page .home-route-visual {
    min-height: clamp(320px, 34vw, 480px);
}

.home-page .home-route-visual-note,
.home-page .home-route-visual-badge {
    max-width: min(82%, 280px);
}

.home-page .home-products-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr));
}

.home-page .home-product-media {
    min-height: clamp(220px, 22vw, 300px);
}

.home-page .home-cta-contact-grid,
.home-page .home-footer-inner {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
}

.home-page .home-cta-channel,
.home-page .home-contact-link-card,
.home-page .home-product-card {
    min-width: 0;
}

.home-page .home-cta-channel span:not(.home-cta-icon) {
    overflow-wrap: anywhere;
}

.home-page .home-cta-field input,
.home-page .home-cta-field textarea {
    box-sizing: border-box;
}

.home-page .home-footer-inner {
    align-items: start;
}

/* =============================================================
   HOME PAGE CLEANUP PASS
   ============================================================= */
.home-page #poojamain,
.home-page .leftpojamain,
.home-page .rightpoojamain,
.home-page .rightaboutpooja,
.home-page .rightbenefitswrap,
.home-page .benefititem,
.home-page .home-route-gateway-copy,
.home-page .home-route-chronicle-head,
.home-page .home-route-finale-copy,
.home-page .home-route-pulse-card,
.home-page .home-route-floating-card,
.home-page .home-route-spotlight,
.home-page .home-route-finale,
.home-page .home-cta-info,
.home-page .home-cta-form-card {
    box-shadow: 0 18px 36px rgba(122, 70, 15, 0.08) !important;
}

.home-page .home-route-floating-card,
.home-page .home-route-floating-card-main,
.home-page .home-route-floating-card-side,
.home-page .home-route-floating-card-bottom {
    transform: none !important;
}

.home-page .home-route-floating-card::after {
    display: none;
}

.home-page .pooja-slider-btn {
    width: clamp(28px, 2.4vw, 38px);
    height: clamp(54px, 4.4vw, 72px);
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none !important;
    padding: 0;
}

.home-page .pooja-slider-btn:hover,
.home-page .pooja-slider-btn:active {
    background: transparent;
    box-shadow: none !important;
}

.home-page .pooja-slider-btn-icon {
    width: 0;
    height: 0;
    background: none !important;
    border-top: clamp(14px, 1.2vw, 18px) solid transparent;
    border-bottom: clamp(14px, 1.2vw, 18px) solid transparent;
    transition: filter 0.2s ease, transform 0.2s ease;
}

.home-page .pooja-slider-btn-prev .pooja-slider-btn-icon,
.home-page .pooja-slider-btn-prev:hover .pooja-slider-btn-icon,
.home-page .pooja-slider-btn-prev:focus-visible .pooja-slider-btn-icon {
    border-right: clamp(20px, 1.8vw, 28px) solid #b35d08;
    border-left: 0;
    transform: none !important;
    filter: drop-shadow(0 4px 10px rgba(179, 93, 8, 0.22));
}

.home-page .pooja-slider-btn-next .pooja-slider-btn-icon,
.home-page .pooja-slider-btn-next:hover .pooja-slider-btn-icon,
.home-page .pooja-slider-btn-next:focus-visible .pooja-slider-btn-icon {
    border-left: clamp(20px, 1.8vw, 28px) solid #b35d08;
    border-right: 0;
    transform: none !important;
    filter: drop-shadow(0 4px 10px rgba(179, 93, 8, 0.22));
}

.home-page .pooja-slider-btn:focus-visible {
    outline: 2px solid rgba(179, 93, 8, 0.45);
    outline-offset: 6px;
}

.home-page .home-route-spotlight:nth-child(1),
.home-page .home-route-spotlight:nth-child(2),
.home-page .home-route-spotlight:nth-child(4) {
    background:
        radial-gradient(circle at 10% 12%, rgba(254, 175, 78, 0.22), transparent 34%),
        radial-gradient(circle at 88% 84%, rgba(217, 121, 13, 0.14), transparent 28%),
        linear-gradient(135deg, rgba(255, 251, 244, 0.99) 0%, rgba(255, 242, 219, 0.97) 100%) !important;
    border-color: rgba(179, 93, 8, 0.18) !important;
    box-shadow: 0 22px 44px rgba(179, 93, 8, 0.1) !important;
}

.home-page .home-route-spotlight:nth-child(1)::before,
.home-page .home-route-spotlight:nth-child(2)::before,
.home-page .home-route-spotlight:nth-child(4)::before {
    background: radial-gradient(circle, rgba(254, 175, 78, 0.2) 0%, transparent 70%) !important;
}

.home-page .home-route-spotlight:nth-child(1)::after,
.home-page .home-route-spotlight:nth-child(2)::after,
.home-page .home-route-spotlight:nth-child(4)::after {
    background: linear-gradient(115deg, transparent 0%, transparent 40%, rgba(254, 175, 78, 0.22) 50%, transparent 60%) !important;
}

.home-page .home-route-spotlight:nth-child(1) .home-route-copy h3,
.home-page .home-route-spotlight:nth-child(2) .home-route-copy h3,
.home-page .home-route-spotlight:nth-child(4) .home-route-copy h3,
.home-page .home-route-spotlight:nth-child(1) .home-route-copy-meta article strong,
.home-page .home-route-spotlight:nth-child(2) .home-route-copy-meta article strong,
.home-page .home-route-spotlight:nth-child(4) .home-route-copy-meta article strong,
.home-page .home-route-spotlight:nth-child(1) .home-route-visual-note strong,
.home-page .home-route-spotlight:nth-child(2) .home-route-visual-note strong,
.home-page .home-route-spotlight:nth-child(4) .home-route-visual-note strong,
.home-page .home-route-spotlight:nth-child(1) .home-route-visual-badge strong,
.home-page .home-route-spotlight:nth-child(2) .home-route-visual-badge strong,
.home-page .home-route-spotlight:nth-child(4) .home-route-visual-badge strong {
    color: #7f4307 !important;
}

.home-page .home-route-spotlight:nth-child(1) .home-route-kicker,
.home-page .home-route-spotlight:nth-child(2) .home-route-kicker,
.home-page .home-route-spotlight:nth-child(4) .home-route-kicker,
.home-page .home-route-spotlight:nth-child(1) .home-route-copy-footer>span,
.home-page .home-route-spotlight:nth-child(2) .home-route-copy-footer>span,
.home-page .home-route-spotlight:nth-child(4) .home-route-copy-footer>span,
.home-page .home-route-spotlight:nth-child(1) .home-route-copy-meta article span,
.home-page .home-route-spotlight:nth-child(2) .home-route-copy-meta article span,
.home-page .home-route-spotlight:nth-child(4) .home-route-copy-meta article span,
.home-page .home-route-spotlight:nth-child(1) .home-route-visual-note span,
.home-page .home-route-spotlight:nth-child(2) .home-route-visual-note span,
.home-page .home-route-spotlight:nth-child(4) .home-route-visual-note span,
.home-page .home-route-spotlight:nth-child(1) .home-route-visual-badge span,
.home-page .home-route-spotlight:nth-child(2) .home-route-visual-badge span,
.home-page .home-route-spotlight:nth-child(4) .home-route-visual-badge span {
    color: #b35d08 !important;
}

.home-page .home-route-spotlight:nth-child(1) .home-route-copy>p,
.home-page .home-route-spotlight:nth-child(2) .home-route-copy>p,
.home-page .home-route-spotlight:nth-child(4) .home-route-copy>p,
.home-page .home-route-spotlight:nth-child(1) .home-route-points li,
.home-page .home-route-spotlight:nth-child(2) .home-route-points li,
.home-page .home-route-spotlight:nth-child(4) .home-route-points li {
    color: #74401b !important;
}

.home-page .home-route-spotlight:nth-child(1) .home-route-kicker::before,
.home-page .home-route-spotlight:nth-child(2) .home-route-kicker::before,
.home-page .home-route-spotlight:nth-child(4) .home-route-kicker::before,
.home-page .home-route-spotlight:nth-child(1) .home-route-points li::before,
.home-page .home-route-spotlight:nth-child(2) .home-route-points li::before,
.home-page .home-route-spotlight:nth-child(4) .home-route-points li::before,
.home-page .home-route-spotlight:nth-child(1) .home-route-copy-dots i,
.home-page .home-route-spotlight:nth-child(2) .home-route-copy-dots i,
.home-page .home-route-spotlight:nth-child(4) .home-route-copy-dots i {
    background: linear-gradient(135deg, #feaf4e, #d9770d) !important;
}

.home-page .home-route-spotlight:nth-child(1) .home-route-chip-row span,
.home-page .home-route-spotlight:nth-child(2) .home-route-chip-row span,
.home-page .home-route-spotlight:nth-child(4) .home-route-chip-row span,
.home-page .home-route-spotlight:nth-child(1) .home-route-copy-meta article,
.home-page .home-route-spotlight:nth-child(2) .home-route-copy-meta article,
.home-page .home-route-spotlight:nth-child(4) .home-route-copy-meta article,
.home-page .home-route-spotlight:nth-child(1) .home-route-visual-note,
.home-page .home-route-spotlight:nth-child(2) .home-route-visual-note,
.home-page .home-route-spotlight:nth-child(4) .home-route-visual-note {
    background: rgba(254, 175, 78, 0.14) !important;
    border-color: rgba(179, 93, 8, 0.18) !important;
    color: #9a5208 !important;
    box-shadow: none !important;
}

.home-page .home-route-spotlight:nth-child(1) .home-route-preview-trigger,
.home-page .home-route-spotlight:nth-child(2) .home-route-preview-trigger,
.home-page .home-route-spotlight:nth-child(4) .home-route-preview-trigger {
    background: rgba(254, 175, 78, 0.12) !important;
    border-color: rgba(179, 93, 8, 0.22) !important;
    color: #8a4908 !important;
    box-shadow: none !important;
}

.home-page .home-route-spotlight:nth-child(1) .home-route-link-btn,
.home-page .home-route-spotlight:nth-child(2) .home-route-link-btn,
.home-page .home-route-spotlight:nth-child(4) .home-route-link-btn,
.home-page .home-route-spotlight:nth-child(1) .home-route-visual-badge,
.home-page .home-route-spotlight:nth-child(2) .home-route-visual-badge,
.home-page .home-route-spotlight:nth-child(4) .home-route-visual-badge {
    background: linear-gradient(135deg, #feaf4e, #d9770d) !important;
    color: #4a2504 !important;
    box-shadow: 0 14px 28px rgba(179, 93, 8, 0.16) !important;
}

.home-page .home-route-spotlight:nth-child(1) .home-route-visual,
.home-page .home-route-spotlight:nth-child(2) .home-route-visual,
.home-page .home-route-spotlight:nth-child(4) .home-route-visual {
    box-shadow: 0 18px 34px rgba(179, 93, 8, 0.14) !important;
}

.home-page .home-cta-info {
    background:
        radial-gradient(circle at 10% 90%, rgba(254, 175, 78, 0.16), transparent 30%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 245, 225, 0.95)) !important;
    border: 2px solid rgba(179, 93, 8, 0.16) !important;
}

.home-page .home-cta-tag {
    background: linear-gradient(135deg, #feaf4e, #d9770d) !important;
    color: #4a2504 !important;
}

.home-page .home-cta-info h2,
.home-page .home-cta-address strong,
.home-page .home-cta-channel strong {
    color: #7f4307 !important;
}

.home-page .home-cta-info>p,
.home-page .home-cta-address p,
.home-page .home-cta-channel span:not(.home-cta-icon) {
    color: #7a5230 !important;
}

.home-page .home-cta-channel {
    background: rgba(255, 255, 255, 0.82) !important;
    border-color: rgba(179, 93, 8, 0.16) !important;
}

.home-page .home-cta-channel:hover {
    box-shadow: 0 12px 24px rgba(179, 93, 8, 0.12) !important;
}

.home-page .home-cta-icon {
    background-color: rgba(254, 175, 78, 0.2) !important;
    border-color: rgba(179, 93, 8, 0.14) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}

.home-page .home-cta-address {
    background: rgba(254, 175, 78, 0.12) !important;
    border-color: rgba(179, 93, 8, 0.14) !important;
}

.home-feedback-section {
    width: min(1380px, calc(100% - clamp(24px, 3.6vw, 72px)));
    margin: 0 auto clamp(24px, 2.6vw, 34px);
    padding: clamp(22px, 2.4vw, 34px);
    border: 2px solid #111;
    border-radius: clamp(28px, 2.6vw, 40px);
    background: linear-gradient(135deg, rgba(255, 254, 249, 0.98) 0%, rgba(255, 243, 221, 0.98) 100%);
    box-shadow: none;
}

.home-feedback-heading-row {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: end;
}

.home-feedback-heading-row h2 {
    margin: 12px 0 0;
    font-family: 'Cinzel', serif;
    font-size: clamp(28px, 2.5vw, 40px);
    line-height: 1.2;
    color: #1d1208;
    text-wrap: balance;
}

.home-feedback-tag {
    width: fit-content;
    min-height: 36px;
    padding: 0 16px;
    border: 2px solid #111;
    border-radius: 999px;
    background: #fff8e4;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #5a3b18;
}

.home-feedback-marquee {
    margin-top: 18px;

    mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
}

.home-feedback-track {
    display: flex;
    width: max-content;
    animation: homeFeedbackMarquee 34s linear infinite;
}

.home-feedback-group {
    display: flex;
    gap: 18px;
}

.home-feedback-marquee:hover .home-feedback-track {
    animation-play-state: paused;
}

.home-feedback-card {
    width: clamp(260px, 22vw, 330px);
    min-height: 150px;
    padding: 18px;
    border: 2px solid #111;
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(255, 252, 246, 0.98) 0%, rgba(255, 244, 223, 0.96) 100%);
    box-shadow: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.home-feedback-head {
    display: flex;
    gap: 12px;
    align-items: center;
}

.home-feedback-avatar {
    flex: 0 0 auto;
    width: 52px;
    height: 52px;
    border: 2px solid #111;
    border-radius: 18px;
    background: linear-gradient(180deg, #fff4d8 0%, #ffe0ab 100%);
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #6f430b;
}

.home-feedback-name {
    font-family: 'Cinzel', serif;
    font-size: 18px;
    color: #1d1208;
}

.home-feedback-stars {
    margin-top: 4px;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #ff8a1e;
}

.home-feedback-card p {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(14px, 0.98vw, 15px);
    line-height: 1.72;
    color: #4b3a28;
}

@keyframes homeFeedbackMarquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

/* =============================================================
   HOME PAGE BUTTON COLOR OVERRIDE
   ============================================================= */
.home-page .booknow button,
.home-page .exprlorresrive button,
.home-page .shareivutton button,
.home-page .booknowb button,
.home-page .custom-button,
.home-page .aboutbtn,
.home-page .benefitbtn,
.home-page .viewallbtn,
.home-page .home-route-preview-trigger,
.home-page .home-route-link-btn,
.home-page .home-route-finale-btn,
.home-page .home-product-btn,
.home-page .home-product-btn-secondary,
.home-page .home-cta-submit,
.home-page .home-footer-social-btn {
    background: #882600 !important;
    background-image: none !important;
    border-color: #882600 !important;
    color: #fff8ef !important;
}

.home-page .booknow button:hover,
.home-page .exprlorresrive button:hover,
.home-page .shareivutton button:hover,
.home-page .booknowb button:hover,
.home-page .custom-button:hover,
.home-page .aboutbtn:hover,
.home-page .benefitbtn:hover,
.home-page .viewallbtn:hover,
.home-page .home-route-preview-trigger:hover,
.home-page .home-route-preview-trigger:focus-visible,
.home-page .home-route-link-btn:hover,
.home-page .home-route-finale-btn:hover,
.home-page .home-product-btn:hover,
.home-page .home-product-btn-secondary:hover,
.home-page .home-cta-submit:hover,
.home-page .home-footer-social-btn:hover {
    background: #6f1e00 !important;
    background-image: none !important;
    border-color: #6f1e00 !important;
    color: #fff8ef !important;
}

.home-page .home-route-preview-icon {
    filter: brightness(0) invert(1);
}

.home-page .pooja-slider-btn-prev .pooja-slider-btn-icon,
.home-page .pooja-slider-btn-prev:hover .pooja-slider-btn-icon,
.home-page .pooja-slider-btn-prev:focus-visible .pooja-slider-btn-icon {
    border-right-color: #882600;
}

.home-page .pooja-slider-btn-next .pooja-slider-btn-icon,
.home-page .pooja-slider-btn-next:hover .pooja-slider-btn-icon,
.home-page .pooja-slider-btn-next:focus-visible .pooja-slider-btn-icon {
    border-left-color: #882600;
}

.home-page .pooja-slider-btn:focus-visible {
    outline-color: rgba(136, 38, 0, 0.38);
}

/* =============================================================
   HOME ROUTE CHRONICLE NORMALIZED THEME
   ============================================================= */
.home-page .home-route-spotlight {
    background: #ffffff !important;
    background-image: none !important;
    border: 1.5px solid rgba(136, 38, 0, 0.14) !important;
    border-left: none !important;
    border-radius: 34px !important;
    padding-left: clamp(18px, 2vw, 24px) !important;
    box-shadow: 0 20px 34px rgba(136, 38, 0, 0.08) !important;
}

.home-page .home-route-spotlight::before,
.home-page .home-route-spotlight::after {
    content: none !important;
    display: none !important;
}

.home-page .home-route-spotlight .home-route-copy h3,
.home-page .home-route-spotlight .home-route-copy-meta article strong,
.home-page .home-route-spotlight .home-route-visual-note strong {
    color: #4d1900 !important;
}

.home-page .home-route-spotlight .home-route-kicker,
.home-page .home-route-spotlight .home-route-copy-footer>span,
.home-page .home-route-spotlight .home-route-copy-meta article span,
.home-page .home-route-spotlight .home-route-visual-note span {
    color: #882600 !important;
}

.home-page .home-route-spotlight .home-route-copy>p,
.home-page .home-route-spotlight .home-route-points li {
    color: #6b3418 !important;
}

.home-page .home-route-spotlight .home-route-kicker::before,
.home-page .home-route-spotlight .home-route-points li::before,
.home-page .home-route-spotlight .home-route-copy-dots i {
    background: #882600 !important;
    box-shadow: none !important;
}

.home-page .home-route-spotlight .home-route-chip-row span,
.home-page .home-route-spotlight .home-route-copy-meta article,
.home-page .home-route-spotlight .home-route-visual-note {
    background: rgba(136, 38, 0, 0.05) !important;
    border-color: rgba(136, 38, 0, 0.12) !important;
    color: #6b3418 !important;
    box-shadow: none !important;
}

.home-page .home-route-spotlight .home-route-visual {
    box-shadow: 0 18px 30px rgba(136, 38, 0, 0.08) !important;
}

.home-page .home-route-spotlight .home-route-visual-badge {
    background: #882600 !important;
    box-shadow: none !important;
}

.home-page .home-route-spotlight .home-route-visual-badge span,
.home-page .home-route-spotlight .home-route-visual-badge strong {
    color: #fff8ef !important;
}

.home-page .home-route-chronicle .home-route-preview-trigger,
.home-page .home-route-chronicle .home-route-link-btn,
.home-page .home-route-chronicle .home-route-finale-btn,
.home-page .home-products-showcase .home-product-btn,
.home-page .home-products-showcase .home-product-btn-secondary {
    background: #FF9200 !important;
    background-image: none !important;
    border-color: #FF9200 !important;
    color: #2b1400 !important;
}

.home-page .home-route-chronicle .home-route-preview-trigger:hover,
.home-page .home-route-chronicle .home-route-preview-trigger:focus-visible,
.home-page .home-route-chronicle .home-route-link-btn:hover,
.home-page .home-route-chronicle .home-route-finale-btn:hover,
.home-page .home-products-showcase .home-product-btn:hover,
.home-page .home-products-showcase .home-product-btn-secondary:hover {
    background: #e68100 !important;
    background-image: none !important;
    border-color: #e68100 !important;
    color: #2b1400 !important;
}







.home-page .home-route-visual-note strong .whatsapp-inline-text,
.home-page .home-route-visual-badge strong .whatsapp-inline-text {
    color: inherit !important;
}

.home-page .home-route-visual-note strong .whatsapp-inline-text img,
.home-page .home-route-visual-badge strong .whatsapp-inline-text img {
    transform: translateY(0.08em);
}


.site-kerala-bridge {
    width: min(100%, 1440px);
    margin: 0 auto;
    padding: clamp(18px, 3.4vw, 34px) clamp(18px, 4vw, 64px) clamp(8px, 2vw, 18px);
}

.site-kerala-bridge-card {
    display: block;
    min-height: auto;
    border: 2px solid rgba(17, 17, 17, 0.16);
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(255, 252, 246, 0.98) 0%, rgba(255, 244, 223, 0.96) 100%);
    text-decoration: none;
    color: inherit;
    padding: 16px;
    transition: transform 0.22s ease, border-color 0.22s ease;
    box-shadow: none;
}

.site-kerala-bridge-card:hover,
.site-kerala-bridge-card:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(122, 63, 18, 0.3);
    outline: none;
}

.site-kerala-bridge-overlay {
    padding: clamp(18px, 2.5vw, 26px);
    border-radius: 22px;
    background: rgba(114, 55, 9, 0.06);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: none;
}

.site-kerala-bridge-overlay h2 {
    margin: 0;
    font-family: 'Cinzel', serif;
    font-size: clamp(24px, 3vw, 40px);
    line-height: 1.08;
    letter-spacing: 0.08em;
    color: #5a2400;
}

@media (max-width: 768px) {
    .site-kerala-bridge {
        padding-top: 16px;
        padding-bottom: 10px;
    }

    .site-kerala-bridge-card {
        border-radius: 22px;
        padding: 12px;
    }

    .site-kerala-bridge-overlay {
        padding: 16px 14px;
        border-radius: 18px;
    }

    .site-kerala-bridge-overlay h2 {
        font-size: clamp(20px, 6vw, 28px);
    }
}
.home-page .home-astrology-bridge {
    width: min(100%, 1440px);
    margin: 0 auto;
    padding: clamp(18px, 3.4vw, 44px) clamp(18px, 4vw, 64px) clamp(12px, 2.8vw, 28px);
}

.home-page .home-astrology-bridge-card {
    display: block;
    min-height: auto;
    border: 2px solid rgba(17, 17, 17, 0.16);
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(255, 252, 246, 0.98) 0%, rgba(255, 244, 223, 0.96) 100%);
    text-decoration: none;
    color: inherit;
    padding: 16px;
    transition: transform 0.22s ease, border-color 0.22s ease;
}

.home-page .home-astrology-bridge-card:hover,
.home-page .home-astrology-bridge-card:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(122, 63, 18, 0.3);
    outline: none;
}

.home-page .home-astrology-bridge-overlay {
    padding: clamp(18px, 2.5vw, 26px);
    border-radius: 22px;
    background: rgba(114, 55, 9, 0.06);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.home-page .home-astrology-bridge-overlay h2 {
    margin: 0;
    font-family: 'Cinzel', serif;
    font-size: clamp(24px, 3vw, 40px);
    line-height: 1.08;
    letter-spacing: 0.08em;
    color: #5a2400;
}

@media (max-width: 768px) {
    .home-page .home-astrology-bridge {
        padding-top: 16px;
        padding-bottom: 10px;
    }

    .home-page .home-astrology-bridge-card {
        border-radius: 22px;
        padding: 12px;
    }

    .home-page .home-astrology-bridge-overlay {
        padding: 16px 14px;
        border-radius: 18px;
    }

    .home-page .home-astrology-bridge-overlay h2 {
        font-size: clamp(20px, 6vw, 28px);
    }
}







/* =============================================================
   HOME HERO BUTTONS MATCH ROUTE BUTTON
   ============================================================= */
.home-page .booknow button,
.home-page .exprlorresrive button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    height: auto !important;
    padding: 14px 22px !important;
    border: 2px solid #111 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    text-decoration: none !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(13px, 0.95vw, 15px) !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: normal !important;
    transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease !important;
}

.home-page .booknow button::before,
.home-page .booknow button::after,
.home-page .exprlorresrive button::before,
.home-page .exprlorresrive button::after {
    content: none !important;
    display: none !important;
}

.home-page .booknow button:hover,
.home-page .booknow button:focus-visible,
.home-page .exprlorresrive button:hover,
.home-page .exprlorresrive button:focus-visible {
    transform: translateY(-3px) !important;
    box-shadow: none !important;
    outline: none !important;
}




/* =============================================================
   HOME STICKY SIDE LINKS
   ============================================================= */
.home-page .home-side-sticky-nav {
    position: fixed;
    top: 50%;
    z-index: 80;
    display: flex;
    flex-direction: column;
    gap: 10px;
    transform: translateY(-50%);
    pointer-events: none;
}

.home-page .home-side-sticky-nav-left {
    left: 0;
}

.home-page .home-side-sticky-nav-right {
    right: 0;
}

.home-page .home-side-sticky-link {
    pointer-events: auto;
    width: clamp(38px, 4.6vw, 56px);
    min-height: clamp(138px, 22vh, 220px);
    padding: 16px 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background: linear-gradient(180deg, #0f4a24 0%, #082c14 100%);
    border: 2px solid rgba(255, 227, 178, 0.3);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.22);
    overflow: hidden;
    position: relative;
    transition: transform 0.22s ease, background 0.22s ease, border-color 0.22s ease;
}

.home-page .home-side-sticky-nav-left .home-side-sticky-link {
    border-left: none;
    border-radius: 0 14px 14px 0;
}

.home-page .home-side-sticky-nav-right .home-side-sticky-link {
    border-right: none;
    border-radius: 14px 0 0 14px;
}

.home-page .home-side-sticky-link::before {
    content: "";
    position: absolute;
    inset: 8px 6px;
    border: 1px solid rgba(255, 244, 214, 0.16);
    border-radius: inherit;
    pointer-events: none;
}

.home-page .home-side-sticky-link span {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    color: #fff6df;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(10px, 0.88vw, 12px);
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    text-align: center;
}

.home-page .home-side-sticky-nav-left .home-side-sticky-link:hover,
.home-page .home-side-sticky-nav-left .home-side-sticky-link:focus-visible {
    transform: translateX(6px);
    border-color: rgba(255, 227, 178, 0.46);
    outline: none;
}

.home-page .home-side-sticky-nav-right .home-side-sticky-link:hover,
.home-page .home-side-sticky-nav-right .home-side-sticky-link:focus-visible {
    transform: translateX(-6px);
    border-color: rgba(255, 227, 178, 0.46);
    outline: none;
}

.home-page .home-side-sticky-link-kundali {
    background: linear-gradient(180deg, #125328 0%, #0a3117 100%);
}

.home-page .home-side-sticky-link-janam {
    background: linear-gradient(180deg, #114621 0%, #092711 100%);
}

.home-page .home-side-sticky-link-horoscope {
    background: linear-gradient(180deg, #8a2a00 0%, #5c1600 100%);
}

@media (max-width: 980px) {
    .home-page .home-side-sticky-nav {
        top: 58%;
        gap: 8px;
    }

    .home-page .home-side-sticky-link {
        width: 34px;
        min-height: 118px;
        padding: 12px 6px;
    }

    .home-page .home-side-sticky-link span {
        font-size: clamp(9px, 2.1vw, 11px);
        letter-spacing: 0.12em;
    }
}

@media (max-width: 768px) {
    .home-page .home-route-copy-footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .home-page .home-route-copy-dots {
        display: none;
    }

    .home-page .home-route-chip-row span,
    .home-page .home-route-floating-meta span,
    .home-page .home-route-gateway-ribbon span {
        max-width: 100%;
        min-width: 0;
        white-space: normal;
        overflow-wrap: anywhere;
        line-height: 1.45;
    }

    .home-page .home-route-visual-note,
    .home-page .home-route-visual-badge {
        max-width: calc(100% - 28px);
    }

    .home-page .home-route-visual-note strong,
    .home-page .home-route-visual-badge strong {
        line-height: 1.35;
    }

    .home-page .home-route-floating-copy,
    .home-page .home-route-copy,
    .home-page .home-route-copy-meta article,
    .home-page .home-route-visual-note strong,
    .home-page .home-route-visual-badge strong {
        min-width: 0;
    }

    .home-page .home-route-spotlight {
        overflow: hidden;
    }

    .home-page .whatsapp-inline-chip {
        white-space: normal !important;
    }

    .home-page .whatsapp-inline-text,
    .home-page .whatsapp-inline-chip,
    .home-page .home-route-visual-note strong .whatsapp-inline-text,
    .home-page .home-route-visual-badge strong .whatsapp-inline-text {
        display: inline-flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 0.3em;
        max-width: 100%;
    }

    .home-page .whatsapp-inline-text.whatsapp-inline-chip .whatsapp-inline-icon,
    .home-page .whatsapp-inline-chip .whatsapp-inline-icon,
    .home-page .home-route-visual-note .whatsapp-inline-icon,
    .home-page .home-route-visual-badge .whatsapp-inline-icon,
    .home-page .home-route-floating-meta .whatsapp-inline-icon {
        width: 1.4em !important;
        height: 1.4em !important;
        margin-right: 0.14em !important;
        transform: translateY(0.06em) !important;
    }

    .home-page .home-route-spotlight {
        grid-template-columns: 1fr;
        justify-items: stretch;
    }

    .home-page .home-route-visual {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        justify-self: center;
        transform: none !important;
    }

    .home-page .home-route-spotlight:nth-child(5) .home-route-visual,
    .home-page .home-route-spotlight:nth-child(5):hover .home-route-visual {
        transform: none !important;
    }

    .home-page .home-route-spotlight:nth-child(6) {
        border-left: none !important;
        border-radius: 22px !important;
        padding-left: clamp(18px, 2vw, 24px) !important;
    }

    .home-page .home-route-spotlight:nth-child(6)::before {
        content: none !important;
        display: none !important;
    }

    .home-page .home-route-spotlight:nth-child(6) .home-route-visual {
        border-radius: 20px !important;
    }
}

@media (max-width: 560px) {
    .home-page .home-route-gateway,
    .home-page .home-route-chronicle,
    .home-page .home-products-showcase,
    .home-page .home-cta-contact,
    .home-page .home-astrology-bridge {
        padding-left: 14px;
        padding-right: 14px;
    }

    .home-page .home-route-spotlight,
    .home-page .home-route-pulse-card,
    .home-page .home-route-journey-card,
    .home-page .home-route-floating-card,
    .home-page .home-astrology-bridge-card {
        border-radius: 22px !important;
    }

    .home-page .home-route-copy h3 {
        font-size: clamp(23px, 8vw, 31px);
    }

    .home-page .home-route-copy > p,
    .home-page .home-route-points li,
    .home-page .home-route-chip-row span,
    .home-page .home-route-floating-meta span,
    .home-page .home-route-copy-footer > span {
        font-size: 13px;
        line-height: 1.6;
    }

    .home-page .home-route-visual {
        min-height: 290px;
    }

    .home-page .home-route-visual-note,
    .home-page .home-route-visual-badge {
        left: 12px;
        right: 12px;
        max-width: none;
    }

    .home-page .home-route-visual-badge {
        width: auto;
    }
}

@media (max-width: 680px) {
    .home-page .home-route-copy-meta {
        grid-template-columns: 1fr;
    }

    .home-page .home-route-copy-meta article,
    .home-page .home-route-preview-trigger,
    .home-page .home-route-link-btn {
        min-width: 0;
    }

    .home-page .home-route-copy-footer > span {
        width: 100%;
    }

    .home-page .home-route-preview-trigger {
        justify-content: center;
        text-align: center;
    }

    .home-page .home-route-preview-trigger span:last-child {
        overflow-wrap: anywhere;
    }
}

@media (max-width: 500px) {
    .home-page .home-route-copy h3 {
        font-size: clamp(22px, 7vw, 30px);
        line-height: 1.18;
    }

    .home-page .home-route-copy-meta article strong {
        font-size: 14px;
        line-height: 1.34;
        overflow-wrap: anywhere;
    }

    .home-page .home-route-copy > p,
    .home-page .home-route-points li,
    .home-page .home-route-chip-row span,
    .home-page .home-route-copy-footer > span,
    .home-page .home-route-preview-trigger,
    .home-page .home-route-link-btn {
        font-size: 12.5px;
        line-height: 1.58;
    }

    .home-page .home-route-chip-row {
        gap: 8px;
    }

    .home-page .home-route-chip-row span {
        width: 100%;
        max-width: 100%;
        padding: 10px 12px;
        border-radius: 16px;
        text-align: left;
    }

    .home-page .home-route-copy-footer {
        gap: 10px;
    }

    .home-page .home-route-preview-trigger,
    .home-page .home-route-link-btn {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .home-page .home-route-copy-meta {
        grid-template-columns: 1fr;
    }

    .home-page .home-route-floating-meta,
    .home-page .home-route-chip-row,
    .home-page .home-route-gateway-ribbon {
        gap: 8px;
    }

    .home-page .home-route-visual-note,
    .home-page .home-route-visual-badge {
        padding: 10px 12px;
    }

    .home-page .home-route-visual-note strong,
    .home-page .home-route-visual-badge strong {
        font-size: 14px;
    }
}

@media (max-width: 380px) {
    .home-page .home-route-copy {
        padding: 0;
    }

    .home-page .home-route-kicker {
        gap: 6px;
        flex-wrap: wrap;
        font-size: 11px;
        letter-spacing: 0.08em;
        line-height: 1.45;
    }

    .home-page .home-route-kicker::before {
        width: 20px;
        flex: 0 0 20px;
    }

    .home-page .home-route-copy h3 {
        font-size: clamp(21px, 8.4vw, 28px);
        line-height: 1.16;
    }

    .home-page .home-route-copy-meta {
        gap: 10px;
    }

    .home-page .home-route-copy-meta article {
        padding: 12px 12px 10px;
    }

    .home-page .home-route-copy-meta article strong {
        font-size: 14px;
        line-height: 1.35;
        overflow-wrap: anywhere;
    }

    .home-page .home-route-copy > p,
    .home-page .home-route-points li,
    .home-page .home-route-chip-row span,
    .home-page .home-route-copy-footer > span {
        font-size: 12px;
        line-height: 1.6;
    }

    .home-page .home-route-copy > p,
    .home-page .home-route-points li {
        display: block;
        -webkit-line-clamp: unset;
    }

    .home-page .home-route-chip-row span {
        width: 100%;
        padding: 10px 12px;
        border-radius: 16px;
        text-align: left;
    }

    .home-page .home-route-points li {
        padding-left: 24px;
    }

    .home-page .home-route-copy-footer {
        gap: 10px;
    }

    .home-page .home-route-preview-trigger,
    .home-page .home-route-link-btn {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .home-page .home-route-preview-trigger {
        min-height: 42px;
        padding: 10px 12px;
    }

    .home-page .home-route-link-btn {
        margin-top: 18px;
        padding: 12px 16px;
        font-size: 12px;
    }

    .home-page .whatsapp-inline-text,
    .home-page .whatsapp-inline-chip,
    .home-page .home-route-visual-note strong .whatsapp-inline-text,
    .home-page .home-route-visual-badge strong .whatsapp-inline-text {
        align-items: flex-start;
    }

    .home-page .whatsapp-inline-text.whatsapp-inline-chip .whatsapp-inline-icon,
    .home-page .home-route-copy .whatsapp-inline-icon {
        width: 1.28em !important;
        height: 1.28em !important;
    }
}
@media (max-width: 640px) {
    .home-page .home-side-sticky-link {
        width: 30px;
        min-height: 102px;
        padding: 10px 5px;
    }

    .home-page .home-side-sticky-link span {
        font-size: 9px;
        letter-spacing: 0.1em;
    }
}

/* =============================================================
   FOOTER MOBILE REFINEMENT
   ============================================================= */
@media (max-width: 900px) {
    .home-footer-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px 18px;
        padding: 28px 18px 24px;
        align-items: start;
    }

    .home-footer-brand,
    .home-footer-social {
        grid-column: 1 / -1;
    }

    .home-footer-brand,
    .home-footer-links,
    .home-footer-social {
        width: 100%;
        min-width: 0;
        text-align: left;
    }

    .home-footer-links {
        gap: 10px;
        align-self: start;
    }

    .home-footer-links a,
    .home-footer-brand p {
        overflow-wrap: anywhere;
    }

    .home-footer-social-icons {
        justify-content: flex-start;
    }

    .home-footer-bottom {
        justify-content: flex-start;
        text-align: left;
        gap: 10px;
        padding: 16px 18px 24px;
    }

    .home-footer-bottom p {
        width: 100%;
        max-width: 100%;
        overflow-wrap: anywhere;
        line-height: 1.7;
    }
}

@media (max-width: 560px) {
    .home-footer-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px 14px;
        padding: 24px 14px 20px;
    }

    .home-footer-brand h4 {
        font-size: 18px;
    }

    .home-footer-brand p,
    .home-footer-links a,
    .home-footer-bottom p {
        font-size: 13px;
    }

    .home-footer-links h5,
    .home-footer-social h5 {
        font-size: 11px;
        letter-spacing: 0.1em;
    }

    .home-footer-social-icons {
        gap: 8px;
    }

    .home-footer-social-btn {
        width: 40px;
        height: 40px;
        border-radius: 12px;
    }

    .home-footer-bottom {
        padding: 14px 14px 20px;
    }
}

/* =============================================================
   HOME FOOTER 500PX ALIGNMENT
   ============================================================= */
@media (max-width: 500px) {
    .home-page .home-footer-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px 12px !important;
        padding: 22px 12px 18px !important;
        align-items: start;
    }

    .home-page .home-footer-brand,
    .home-page .home-footer-social {
        grid-column: 1 / -1;
    }

    .home-page .home-footer-inner > .home-footer-links {
        width: 100%;
        min-width: 0;
        align-self: start;
        justify-self: stretch;
        text-align: left;
    }

    .home-page .home-footer-inner > .home-footer-links:nth-of-type(2) {
        padding-right: 6px;
    }

    .home-page .home-footer-inner > .home-footer-links:nth-of-type(3) {
        padding-left: 6px;
    }

    .home-page .home-footer-links a,
    .home-page .home-footer-brand p,
    .home-page .home-footer-bottom p {
        font-size: 12.5px;
        line-height: 1.65;
        overflow-wrap: anywhere;
    }

    .home-page .home-footer-links h5,
    .home-page .home-footer-social h5 {
        font-size: 10.5px;
        letter-spacing: 0.08em;
    }

    .home-page .home-footer-social-icons {
        justify-content: flex-start;
        gap: 8px;
    }

    .home-page .home-footer-bottom {
        padding: 12px 12px 18px !important;
        justify-content: flex-start;
        text-align: left;
    }
}

/* =============================================================
   HOME LANDING PAGE FULL RESPONSIVE SWEEP
   ============================================================= */
@media (max-width: 1080px) {
    .home-page #poojamain {
        grid-template-columns: 1fr;
        justify-items: stretch;
    }

    .home-page .leftpojamain,
    .home-page .rightpoojamain {
        width: 100%;
        max-width: 680px;
    }

    .home-page .home-route-gateway,
    .home-page .home-route-chronicle,
    .home-page .home-products-showcase,
    .home-page .home-contact-showcase,
    .home-page .home-footer {
        padding-left: 20px;
        padding-right: 20px;
    }

    .home-page .home-contact-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .home-page #homepage {
        height: auto;
        min-height: clamp(480px, calc(100svh - 72px), 760px);
        overflow: visible;
    }

    .home-page .slidermain,
    .home-page .slider,
    .home-page .slide,
    .home-page .slide.active {
        position: relative;
        inset: auto;
        height: auto;
        min-height: inherit;
    }

    .home-page .slide {
        display: none;
        visibility: visible;
        opacity: 1;
        transform: none;
    }

    .home-page .slide.active {
        display: block;
        z-index: 1;
    }

    .home-page .slidercontemain {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 20px;
        padding: 0 18px 34px;
    }

    .home-page .slidercontemain .sliderleft {
        flex-basis: auto;
        max-width: none;
        width: 100%;
        min-height: 0;
        gap: 16px;
        padding-left: 0;
        padding-right: 0;
    }

    .home-page .slidercontemain .sliderright {
        display: none !important;
    }
    .home-page .slidetopleft {
        width: min(100%, 280px);
        height: clamp(72px, 10vh, 108px);
        margin-top: 0;
        align-self: flex-start;
    }

    .home-page .slidemidleft,
    .home-page .slidefoterleft,
    .home-page .slidetextmain {
        width: 100%;
        max-width: none;
    }

    .home-page .hedadtext h1 {
        font-size: clamp(30px, 8.6vw, 50px);
        line-height: 1.08;
    }

    .home-page .textemidpara h3 {
        font-size: clamp(16px, 4vw, 24px);
        line-height: 1.45;
    }

    .home-page .texthomeiconstext {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .home-page .sliderhometertexbtn {
        width: 100%;
        gap: 12px;
    }

    .home-page .booknow,
    .home-page .exprlorresrive {
        flex: 1 1 100%;
    }

    .home-page .home-route-gateway {
        grid-template-columns: 1fr;
        gap: 26px;
        padding-top: 40px;
        padding-bottom: 34px;
    }

    .home-page .home-route-gateway-copy,
    .home-page .home-route-gateway-visual {
        max-width: none;
    }

    .home-page .home-route-journey-grid,
    .home-page .home-route-pulse-strip,
    .home-page .home-contact-visual-band,
    .home-page .home-contact-detail-grid {
        grid-template-columns: 1fr;
    }

    .home-page .home-route-gateway-ribbon,
    .home-page .home-route-floating-meta,
    .home-page .home-product-actions,
    .home-page .home-contact-form-actions {
        gap: 10px;
    }

    .home-page .home-route-gateway-copy h2,
    .home-page .home-products-lead h2,
    .home-page .home-contact-info-card h2,
    .home-page .home-contact-form-card h2 {
        font-size: clamp(28px, 5.8vw, 40px);
        line-height: 1.18;
    }

    .home-page .home-route-gateway-copy p,
    .home-page .home-route-journey-card p,
    .home-page .home-route-pulse-card span,
    .home-page .home-products-lead p,
    .home-page .home-contact-info-card > p,
    .home-page .home-contact-form-card > p,
    .home-page .home-contact-link-card p,
    .home-page .home-contact-address-card p {
        font-size: 13px;
        line-height: 1.68;
    }

    .home-page .home-route-gateway-ribbon span,
    .home-page .home-route-floating-meta span,
    .home-page .home-product-price-row span,
    .home-page .home-contact-link-card p,
    .home-page .home-contact-address-card p {
        overflow-wrap: anywhere;
    }

    .home-page .home-contact-form-actions,
    .home-page .home-product-actions {
        align-items: stretch;
    }

    .home-page .home-contact-form-actions .home-cta-submit,
    .home-page .home-product-btn,
    .home-page .home-product-btn-secondary {
        width: 100%;
    }

    .home-page .home-footer-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-page .home-footer-brand,
    .home-page .home-footer-social {
        grid-column: 1 / -1;
    }
}

@media (max-width: 640px) {
    .home-page .home-route-gateway,
    .home-page .home-route-chronicle,
    .home-page .home-products-showcase,
    .home-page .home-contact-showcase,
    .home-page .home-footer {
        padding-left: 14px;
        padding-right: 14px;
    }

    .home-page .home-route-gateway-ribbon span,
    .home-page .home-route-floating-meta span {
        min-height: 30px;
        padding: 0 10px;
        font-size: 11px;
    }

    .home-page .home-product-card,
    .home-page .home-contact-info-card,
    .home-page .home-contact-form-card {
        border-radius: 22px;
        padding: 16px;
    }

    .home-page .home-product-media,
    .home-page .home-contact-visual-main,
    .home-page .home-contact-visual-side {
        border-radius: 18px;
    }

    .home-page .home-product-price-row {
        align-items: flex-start;
    }
}

@media (max-width: 500px) {
    .home-page .slidercontemain {
        padding: 0 14px 28px;
        gap: 16px;
    }

    .home-page .hedadtext h1 {
        font-size: clamp(26px, 10vw, 40px);
    }

    .home-page .textemidpara h3 {
        font-size: 15px;
    }

    .home-page .texthomeiconstext {
        flex-direction: column;
        align-items: flex-start;
    }

    .home-page .home-route-gateway-copy h2,
    .home-page .home-products-lead h2,
    .home-page .home-contact-info-card h2,
    .home-page .home-contact-form-card h2 {
        font-size: clamp(24px, 8.2vw, 34px);
    }

    .home-page .home-route-gateway-copy p,
    .home-page .home-route-journey-card p,
    .home-page .home-route-pulse-card span,
    .home-page .home-products-lead p,
    .home-page .home-contact-info-card > p,
    .home-page .home-contact-form-card > p,
    .home-page .home-product-copy p,
    .home-page .home-contact-link-card p,
    .home-page .home-contact-address-card p {
        font-size: 12.5px;
        line-height: 1.64;
    }

    .home-page .home-route-floating-card strong,
    .home-page .home-product-copy h3,
    .home-page .home-contact-link-card strong,
    .home-page .home-contact-address-card strong {
        font-size: 18px;
        line-height: 1.22;
    }

    .home-page .home-route-floating-card p {
        font-size: 12.5px;
        line-height: 1.58;
    }

    .home-page .home-product-media {
        min-height: 210px;
    }

    .home-page .home-contact-link-card,
    .home-page .home-contact-address-card {
        padding: 14px;
        border-radius: 20px;
    }

    .home-page .home-contact-field input,
    .home-page .home-contact-field textarea {
        padding: 12px 14px;
        border-radius: 16px;
    }
}




/* Global All-Pages Responsive Hardening */
@media (max-width: 1080px) {
    .about-route-page,
    .contact-route-page,
    .products-route-page,
    .gallery-route-page,
    .horoscope-route-page,
    .horoscope-detail-page,
    .kundali-route-page,
    .janam-route-page,
    .panchang-route-page,
    .profile-route-page,
    .report-route-page,
    .pooja-route-page,
    .product-detail-page,
    .premium-pooja-page,
    .puja-detail-page {
        gap: 18px;
    }

    .products-hero-visual,
    .product-detail-story,
    .contact-form-section,
    .about-cta,
    .horoscope-detail-content-grid,
    .horoscope-detail-zodiac-grid,
    .profile-grid,
    .report-shell-grid,
    .gallery-product-feature,
    .gallery-product-showcase,
    .pooja-service-layout,
    .puja-detail-layout {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .product-detail-gallery,
    .gallery-hero,
    .about-hero,
    .contact-hero,
    .products-hero,
    .report-hero,
    .profile-hero,
    .horoscope-hero,
    .horoscope-detail-hero,
    .kundali-hero,
    .janam-hero,
    .panchang-hero,
    .pooja-hero,
    .puja-detail-hero {
        align-items: stretch;
    }
}

@media (max-width: 900px) {
    .about-route-page,
    .contact-route-page,
    .products-route-page,
    .gallery-route-page,
    .horoscope-route-page,
    .horoscope-detail-page,
    .kundali-route-page,
    .janam-route-page,
    .panchang-route-page,
    .profile-route-page,
    .report-route-page,
    .pooja-route-page,
    .product-detail-page,
    .premium-pooja-page,
    .puja-detail-page {
        width: min(100%, 100% - 28px);
        padding-bottom: 42px;
    }

    .about-hero,
    .contact-hero,
    .products-hero,
    .gallery-hero,
    .horoscope-hero,
    .horoscope-detail-hero,
    .kundali-hero,
    .janam-hero,
    .panchang-hero,
    .profile-hero,
    .report-hero,
    .pooja-hero,
    .puja-detail-hero,
    .about-split-section,
    .about-split-section-reverse,
    .contact-details-grid,
    .contact-form-section,
    .product-detail-main,
    .horoscope-service-layout,
    .gallery-product-feature,
    .gallery-product-showcase,
    .report-summary-grid,
    .profile-grid,
    .pooja-service-layout,
    .puja-detail-layout {
        grid-template-columns: 1fr !important;
    }

    .about-hero-copy,
    .contact-hero-copy,
    .products-hero-copy,
    .gallery-analyze-overlay,
    .horoscope-hero-copy,
    .horoscope-detail-copy,
    .kundali-hero-copy,
    .janam-hero-copy,
    .panchang-hero-copy,
    .profile-hero-copy,
    .report-hero-copy,
    .pooja-hero-copy,
    .puja-detail-copy,
    .product-detail-copy,
    .gallery-intro-card,
    .report-card,
    .profile-identity-card,
    .profile-editor-card,
    .contact-find-card,
    .contact-social-card,
    .contact-form-card,
    .contact-form-info {
        min-width: 0;
    }

    .about-hero-visual,
    .contact-hero-visual,
    .products-hero-visual,
    .gallery-hero-side,
    .horoscope-hero-visual,
    .horoscope-detail-visual,
    .kundali-hero-visual,
    .janam-hero-visual,
    .panchang-hero-visual,
    .profile-hero-visual,
    .report-hero-visual,
    .pooja-hero-visual,
    .puja-detail-visual,
    .product-detail-media,
    .gallery-product-media,
    .about-process-image-card,
    .about-cta-visual {
        min-height: 280px !important;
    }

    .about-primary-btn,
    .about-secondary-btn,
    .contact-primary-btn,
    .contact-secondary-btn,
    .products-primary-btn,
    .products-secondary-btn,
    .gallery-hero-action,
    .gallery-product-action,
    .horoscope-hero-action,
    .horoscope-detail-action,
    .profile-primary-btn,
    .profile-secondary-btn,
    .profile-upload-btn,
    .report-primary-btn,
    .report-secondary-btn,
    .pooja-primary-btn,
    .pooja-secondary-btn,
    .puja-detail-primary-btn,
    .puja-detail-secondary-btn,
    .product-detail-action {
        width: 100%;
    }

    .about-hero-chips,
    .contact-hero-actions,
    .products-hero-tags,
    .gallery-service-tabs,
    .horoscope-hero-actions,
    .horoscope-detail-hero-actions,
    .kundali-hero-tags,
    .janam-hero-tags,
    .panchang-hero-tags,
    .profile-hero-chips,
    .report-hero-actions,
    .product-detail-actions,
    .product-detail-highlights,
    .gallery-product-actions,
    .pooja-service-actions,
    .puja-detail-actions {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
    }

    .panchang-list-row,
    .report-card-head,
    .gallery-product-head,
    .product-detail-topline,
    .contact-inline-action,
    .contact-social-link {
        align-items: flex-start;
    }
}

@media (max-width: 768px) {
    .about-route-page,
    .contact-route-page,
    .products-route-page,
    .gallery-route-page,
    .horoscope-route-page,
    .horoscope-detail-page,
    .kundali-route-page,
    .janam-route-page,
    .panchang-route-page,
    .profile-route-page,
    .report-route-page,
    .pooja-route-page,
    .product-detail-page,
    .premium-pooja-page,
    .puja-detail-page {
        width: min(100%, 100% - 22px);
        gap: 16px;
    }

    .about-hero,
    .contact-hero,
    .products-hero,
    .gallery-hero,
    .horoscope-hero,
    .horoscope-detail-hero,
    .kundali-hero,
    .janam-hero,
    .panchang-hero,
    .profile-hero,
    .report-hero,
    .pooja-hero,
    .puja-detail-hero,
    .about-process-story,
    .about-values-section,
    .about-cta,
    .contact-find-card,
    .contact-social-card,
    .contact-form-info,
    .contact-form-card,
    .gallery-intro-card,
    .gallery-product-card,
    .gallery-blog-card,
    .gallery-accordion-item,
    .horoscope-service-card,
    .horoscope-zodiac-card,
    .horoscope-detail-card,
    .kundali-form-shell,
    .janam-form-shell,
    .panchang-controls-card,
    .panchang-info-card,
    .profile-identity-card,
    .profile-editor-card,
    .report-card,
    .report-empty-state,
    .product-card,
    .product-detail-story,
    .product-detail-help,
    .pooja-service-card,
    .puja-detail-card {
        padding: 16px !important;
        border-radius: 22px !important;
    }

    .about-hero-copy h1,
    .contact-hero-copy h1,
    .products-hero-copy h1,
    .gallery-analyze-overlay h1,
    .horoscope-hero-copy h1,
    .horoscope-detail-copy h1,
    .kundali-hero-copy h1,
    .janam-hero-copy h1,
    .panchang-hero-copy h1,
    .profile-hero-copy h1,
    .report-hero-copy h1,
    .pooja-hero-copy h1,
    .puja-detail-copy h1,
    .product-detail-copy h1 {
        font-size: clamp(26px, 7.2vw, 38px) !important;
        line-height: 1.12 !important;
        text-wrap: pretty;
    }

    .about-hero-copy p,
    .contact-hero-copy p,
    .products-hero-copy p,
    .gallery-analyze-overlay p,
    .gallery-intro-card p,
    .horoscope-hero-copy p,
    .horoscope-detail-copy p,
    .kundali-hero-copy p,
    .janam-hero-copy p,
    .panchang-hero-copy p,
    .profile-hero-copy p,
    .report-hero-copy p,
    .pooja-hero-copy p,
    .puja-detail-copy p,
    .product-detail-intro,
    .product-detail-body,
    .report-report-note,
    .report-meta-item strong,
    .profile-status-card strong,
    .contact-social-link p,
    .panchang-row-value,
    .gallery-long-copy p,
    .gallery-long-copy li,
    .horoscope-service-copy p,
    .horoscope-detail-summary p,
    .kundali-help-card p,
    .janam-help-card p {
        font-size: 13px !important;
        line-height: 1.68 !important;
        overflow-wrap: anywhere;
    }

    .about-hero-chips,
    .products-hero-tags,
    .kundali-hero-tags,
    .janam-hero-tags,
    .panchang-hero-tags,
    .profile-hero-chips,
    .horoscope-hero-chips,
    .product-detail-highlights,
    .gallery-service-tabs,
    .gallery-product-highlights,
    .report-card-meta,
    .profile-status-grid,
    .contact-direct-links,
    .contact-social-grid,
    .panchang-view-grid,
    .horoscope-detail-zodiac-grid,
    .horoscope-zodiac-grid,
    .pooja-service-grid,
    .product-grid {
        grid-template-columns: 1fr !important;
    }

    .kundali-form-grid,
    .janam-form-grid,
    .profile-form-grid,
    .horoscope-service-form-grid,
    .contact-form-section,
    .report-card-meta,
    .gallery-faq-block,
    .about-values-grid,
    .about-story-metrics,
    .product-detail-thumb-grid {
        grid-template-columns: 1fr !important;
    }

    .kundali-form-actions,
    .janam-form-actions,
    .profile-form-actions,
    .report-card-actions,
    .contact-form-actions,
    .product-detail-actions,
    .gallery-product-actions,
    .horoscope-hero-actions,
    .horoscope-detail-hero-actions {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .panchang-list-row,
    .report-card-head,
    .contact-inline-action,
    .contact-social-link,
    .product-detail-topline {
        flex-direction: column;
        align-items: flex-start;
    }

    .report-file-card,
    .report-transfer-card,
    .panchang-date-picker,
    .panchang-selected-date,
    .contact-inline-action,
    .contact-social-link,
    .profile-form-note,
    .gallery-faq-block article,
    .product-detail-empty,
    .report-empty-state {
        border-radius: 20px !important;
    }

    .products-table-wrap,
    .report-table-wrap,
    .admin-table-wrap,
    .panchang-table-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 500px) {
    .about-route-page,
    .contact-route-page,
    .products-route-page,
    .gallery-route-page,
    .horoscope-route-page,
    .horoscope-detail-page,
    .kundali-route-page,
    .janam-route-page,
    .panchang-route-page,
    .profile-route-page,
    .report-route-page,
    .pooja-route-page,
    .product-detail-page,
    .premium-pooja-page,
    .puja-detail-page {
        width: min(100%, 100% - 16px);
        gap: 14px;
        padding-bottom: 36px;
    }

    .about-hero,
    .contact-hero,
    .products-hero,
    .gallery-hero,
    .horoscope-hero,
    .horoscope-detail-hero,
    .kundali-hero,
    .janam-hero,
    .panchang-hero,
    .profile-hero,
    .report-hero,
    .pooja-hero,
    .puja-detail-hero,
    .about-process-story,
    .about-values-section,
    .about-cta,
    .contact-find-card,
    .contact-social-card,
    .contact-form-info,
    .contact-form-card,
    .gallery-intro-card,
    .gallery-product-card,
    .gallery-blog-card,
    .gallery-accordion-item,
    .horoscope-service-card,
    .horoscope-zodiac-card,
    .horoscope-detail-card,
    .kundali-form-shell,
    .janam-form-shell,
    .panchang-controls-card,
    .panchang-info-card,
    .profile-identity-card,
    .profile-editor-card,
    .report-card,
    .product-card,
    .product-detail-story,
    .product-detail-help,
    .pooja-service-card,
    .puja-detail-card,
    .report-file-card,
    .report-transfer-card {
        padding: 14px !important;
        border-radius: 18px !important;
    }

    .about-hero-copy h1,
    .contact-hero-copy h1,
    .products-hero-copy h1,
    .gallery-analyze-overlay h1,
    .horoscope-hero-copy h1,
    .horoscope-detail-copy h1,
    .kundali-hero-copy h1,
    .janam-hero-copy h1,
    .panchang-hero-copy h1,
    .profile-hero-copy h1,
    .report-hero-copy h1,
    .pooja-hero-copy h1,
    .puja-detail-copy h1,
    .product-detail-copy h1,
    .gallery-accordion-toggle strong,
    .report-card-head h3 {
        font-size: clamp(22px, 8vw, 30px) !important;
    }

    .about-hero-copy p,
    .contact-hero-copy p,
    .products-hero-copy p,
    .gallery-analyze-overlay p,
    .gallery-intro-card p,
    .horoscope-hero-copy p,
    .horoscope-detail-copy p,
    .kundali-hero-copy p,
    .janam-hero-copy p,
    .panchang-hero-copy p,
    .profile-hero-copy p,
    .report-hero-copy p,
    .pooja-hero-copy p,
    .puja-detail-copy p,
    .product-detail-intro,
    .product-detail-body,
    .report-report-note,
    .report-meta-item strong,
    .report-file-card strong,
    .profile-status-card strong,
    .contact-social-link p,
    .panchang-row-value,
    .gallery-long-copy p,
    .gallery-long-copy li,
    .horoscope-service-copy p,
    .horoscope-detail-summary p,
    .kundali-help-card p,
    .janam-help-card p,
    .product-detail-help p {
        font-size: 12.5px !important;
        line-height: 1.64 !important;
    }

    .about-hero-chips span,
    .products-hero-tags span,
    .kundali-hero-tags span,
    .janam-hero-tags span,
    .panchang-hero-tags span,
    .profile-hero-chips span,
    .horoscope-hero-chips span,
    .product-detail-highlights span,
    .report-type-chip,
    .report-status-chip,
    .report-ready-chip,
    .panchang-card-date,
    .gallery-product-chip,
    .pooja-service-chip,
    .pooja-service-price {
        min-height: 30px !important;
        padding-inline: 10px !important;
        font-size: 10.5px !important;
    }

    .about-hero-visual,
    .contact-hero-visual,
    .products-hero-visual,
    .gallery-hero-side,
    .horoscope-hero-visual,
    .horoscope-detail-visual,
    .kundali-hero-visual,
    .janam-hero-visual,
    .panchang-hero-visual,
    .profile-hero-visual,
    .report-hero-visual,
    .pooja-hero-visual,
    .puja-detail-visual,
    .product-detail-media,
    .gallery-product-media,
    .about-process-image-card,
    .about-cta-visual {
        min-height: 220px !important;
    }

    .contact-icon-badge,
    .panchang-icon-badge,
    .profile-note-icon,
    .report-status-icon,
    .gallery-accordion-arrow {
        transform: scale(0.92);
        transform-origin: top left;
    }

    .panchang-list-row,
    .report-card-head,
    .report-transfer-head,
    .contact-inline-action,
    .contact-social-link,
    .profile-form-note,
    .product-detail-topline {
        gap: 10px !important;
    }

    .report-transfer-head {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 380px) {
    .about-route-page,
    .contact-route-page,
    .products-route-page,
    .gallery-route-page,
    .horoscope-route-page,
    .horoscope-detail-page,
    .kundali-route-page,
    .janam-route-page,
    .panchang-route-page,
    .profile-route-page,
    .report-route-page,
    .pooja-route-page,
    .product-detail-page,
    .premium-pooja-page,
    .puja-detail-page {
        width: min(100%, 100% - 12px);
    }

    .about-primary-btn,
    .about-secondary-btn,
    .contact-primary-btn,
    .contact-secondary-btn,
    .products-primary-btn,
    .products-secondary-btn,
    .gallery-hero-action,
    .gallery-product-action,
    .horoscope-hero-action,
    .horoscope-detail-action,
    .profile-primary-btn,
    .profile-secondary-btn,
    .profile-upload-btn,
    .report-primary-btn,
    .report-secondary-btn,
    .pooja-primary-btn,
    .pooja-secondary-btn,
    .puja-detail-primary-btn,
    .puja-detail-secondary-btn,
    .product-detail-action {
        min-height: 44px !important;
        padding-inline: 14px !important;
        font-size: 12px !important;
    }
}