body.pooja-route-body {
    min-height: 100vh;
    overflow-x: hidden;
    background:
        radial-gradient(circle at top left, rgba(255, 214, 102, 0.48), transparent 34%),
        radial-gradient(circle at top right, rgba(255, 145, 77, 0.22), transparent 28%),
        linear-gradient(180deg, #fff8ea 0%, #fff4e2 52%, #fff1dc 100%);
    color: #1d1208;
}

.pooja-route-main {
    min-height: 100vh;
    background: transparent !important;
}

.pooja-route-page {
    width: min(1380px, calc(100% - clamp(24px, 3.6vw, 72px)));
    margin: 0 auto;
    padding: calc(clamp(86px, 6vw, 116px) + clamp(20px, 2vw, 32px)) 0 clamp(56px, 5vw, 80px);
    display: flex;
    flex-direction: column;
    gap: clamp(18px, 2vw, 28px);
}

.pooja-route-hero {
    position: relative;
    overflow: hidden;
    border: 2px solid #111;
    border-radius: clamp(24px, 2.4vw, 36px);
    background: linear-gradient(135deg, rgba(255, 253, 248, 0.98) 0%, rgba(255, 242, 214, 0.98) 100%);
    box-shadow: clamp(8px, 0.95vw, 12px) clamp(8px, 0.95vw, 12px) 0 rgba(0, 0, 0, 1);
    padding: clamp(24px, 2.6vw, 36px);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
    gap: clamp(18px, 2vw, 26px);
    isolation: isolate;
}

.pooja-route-hero>* {
    min-width: 0;
}

.pooja-route-hero::before,
.pooja-route-hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    border-radius: 999px;
    opacity: 0.55;
}

.pooja-route-hero::before {
    width: clamp(200px, 20vw, 280px);
    height: clamp(200px, 20vw, 280px);
    right: -54px;
    top: -80px;
    background: radial-gradient(circle, rgba(255, 196, 72, 0.8) 0%, rgba(255, 196, 72, 0) 70%);
}

.pooja-route-hero::after {
    width: clamp(180px, 18vw, 240px);
    height: clamp(180px, 18vw, 240px);
    left: -50px;
    bottom: -120px;
    background: radial-gradient(circle, rgba(255, 128, 0, 0.26) 0%, rgba(255, 128, 0, 0) 70%);
}

.pooja-route-hero-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 14px;
}

.pooja-route-pill {
    width: fit-content;
    min-height: 36px;
    padding: 0 16px;
    border: 2px solid #111;
    border-radius: 999px;
    background: #fff7df;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.pooja-route-hero-copy h1 {
    margin: 0;
    font-family: 'Cinzel', serif;
    font-size: clamp(32px, 3.2vw, 48px);
    line-height: 1.08;
    color: #1d1208;
    max-width: min(100%, 14ch);
    text-wrap: balance;
}

.pooja-route-hero-copy p {
    margin: 0;
    max-width: min(100%, 62ch);
    font-family: 'Poppins', sans-serif;
    font-size: clamp(14px, 1vw, 16px);
    line-height: 1.75;
    color: #4b3a28;
}

.pooja-route-search-panel {
    border: 2px solid #111;
    border-radius: 28px;
    background: rgba(255, 250, 241, 0.94);
    box-shadow: 8px 8px 0 rgba(0, 0, 0, 1);
    padding: clamp(18px, 1.7vw, 24px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 14px;
    width: min(100%, clamp(320px, 32vw, 460px));
    justify-self: end;
}

.pooja-route-search-label {
    font-family: 'Poppins', sans-serif;
    font-size: clamp(12px, 0.84vw, 13px);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #5c4324;
}

.pooja-route-search-field {
    position: relative;
}

.pooja-route-search-icon {
    position: absolute;
    left: 18px;
    top: 50%;
    width: 18px;
    height: 18px;
    border: 2px solid #111;
    border-radius: 50%;
    transform: translateY(-58%);
}

.pooja-route-search-icon::after {
    content: "";
    position: absolute;
    right: -7px;
    bottom: -5px;
    width: 9px;
    height: 2px;
    border-radius: 999px;
    background: #111;
    transform: rotate(45deg);
    transform-origin: center;
}

.pooja-route-search-field input {
    width: 100%;
    min-height: 60px;
    padding: 0 18px 0 54px;
    border: 2px solid #111;
    border-radius: 20px;
    background: #fffdf8;
    box-shadow: inset 0 0 0 1px rgba(255, 210, 95, 0.24);
    color: #1d1208;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(14px, 0.98vw, 15px);
    font-weight: 500;
    outline: none;
}

.pooja-route-search-field input:focus {
    background: #fffaf0;
    box-shadow: inset 0 0 0 1px rgba(255, 191, 47, 0.46), 0 0 0 4px rgba(255, 191, 47, 0.18);
}

.pooja-route-quick-searches {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.pooja-route-quick-searches button,
.pooja-route-empty button {
    min-height: 40px;
    padding: 0 16px;
    border: 2px solid #111;
    border-radius: 999px;
    background: #fff;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 1);
    color: #111;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: capitalize;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.pooja-route-quick-searches button:hover,
.pooja-route-quick-searches button:focus-visible,
.pooja-route-empty button:hover,
.pooja-route-empty button:focus-visible {
    background: #fff6df;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 1);
}

.pooja-route-results-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 18px;
    padding: 0 4px;
}

.pooja-route-results-head>div {
    flex: 1 1 320px;
    min-width: 0;
}

.pooja-route-results-label {
    margin: 0 0 8px 0;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #8a5a12;
}

.pooja-route-results-head h2 {
    margin: 0;
    font-family: 'Cinzel', serif;
    font-size: clamp(24px, 2vw, 34px);
    font-weight: 700;
    color: #1d1208;
}

.pooja-route-results-count {
    margin: 0;
    min-height: 44px;
    padding: 0 16px;
    max-width: 100%;
    border: 2px solid #111;
    border-radius: 999px;
    background: #fffdf8;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    color: #4b3a28;
}

.pooja-route-services {
    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: clamp(8px, 1vw, 12px) clamp(8px, 1vw, 12px) 0 rgba(0, 0, 0, 1);
    padding: clamp(22px, 2.4vw, 34px);
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.pooja-route-services-head {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pooja-route-services-head > div {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pooja-route-services-tag {
    width: fit-content;
    min-height: 36px;
    padding: 0 16px;
    border: 2px solid #111;
    border-radius: 999px;
    background: #fff7df;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 1);
    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;
}

.pooja-route-services-head h2,
.pooja-service-card h3 {
    margin: 0;
    font-family: 'Cinzel', serif;
    color: #1d1208;
    text-wrap: balance;
}

.pooja-route-services-head h2 {
    font-size: clamp(28px, 2.5vw, 40px);
    line-height: 1.2;
}

.pooja-route-services-head p,
.pooja-service-card p {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(14px, 1vw, 16px);
    line-height: 1.78;
    color: #4b3a28;
}

.pooja-route-services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    gap: 18px;
}

.pooja-service-card {
    border: 2px solid #111;
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 248, 232, 0.98) 100%);
    box-shadow: 7px 7px 0 rgba(0, 0, 0, 1);
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
    opacity: 0;
    transform: translateY(18px);
    animation: poojaRouteCardIn 0.48s ease forwards;
    animation-delay: calc(var(--pooja-service-index, 0) * 70ms);
}

.pooja-service-card.is-current {
    border-color: #ff9200;
    background: linear-gradient(180deg, rgba(255, 250, 240, 0.98) 0%, rgba(255, 241, 214, 0.98) 100%);
}

.pooja-service-visual {
    position: relative;
    min-height: 220px;
    border-radius: 24px;
    overflow: hidden;
    background: linear-gradient(160deg, #fff6e6 0%, #ffdca8 100%);
}

.pooja-service-image {
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.pooja-service-chip,
.pooja-service-price {
    position: absolute;
    min-height: 40px;
    padding: 0 16px;
    border: 2px solid #111;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: #2f1e12;
}

.pooja-service-chip {
    top: 14px;
    left: 14px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pooja-service-price {
    right: 14px;
    bottom: 14px;
    background: linear-gradient(135deg, #ff7a00 0%, #ffb347 100%);
    color: #fffaf0;
}

.pooja-service-card h3 {
    font-size: clamp(24px, 2vw, 30px);
    line-height: 1.22;
}

.pooja-service-btn {
    min-height: 50px;
    margin-top: auto;
    padding: 0 22px;
    border: 2px solid #111;
    border-radius: 999px;
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 700;
    background: linear-gradient(135deg, #ff7a00 0%, #ffb347 100%);
    color: #fffaf0;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.pooja-service-btn:hover,
.pooja-service-btn:focus-visible {
    transform: translate(-2px, -2px);
    box-shadow: 7px 7px 0 rgba(0, 0, 0, 1);
    outline: none;
}

.pooja-service-btn[aria-current="page"] {
    background: #fff7df;
    color: #8a4f00;
}

.pooja-route-list {
    display: flex;
    flex-direction: column;
    gap: clamp(18px, 2vw, 24px);
}

.pooja-route-card {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
    overflow: hidden;
    opacity: 0;
    transform: translateY(18px);
    animation: poojaRouteCardIn 0.48s ease forwards;
    animation-delay: calc(var(--pooja-card-index, 0) * 70ms);
}

.pooja-route-card>* {
    min-width: 0;
}

.pooja-route-card.is-highlighted {
    box-shadow: 0 0 0 4px rgba(255, 191, 47, 0.42), 10px 10px 0 rgba(0, 0, 0, 1);
}

.pooja-route-card .midleftimg {
    height: auto;
    min-height: clamp(240px, 24vw, 320px);
    aspect-ratio: 5 / 4;
    border-right: 2px solid #111;
    box-shadow: inset 0 -2px 0 rgba(17, 17, 17, 1);
    background-size: cover;
    background-position: center;
}

.pooja-route-card .midleftimg::after {
    content: attr(data-pooja-tag);
}

.pooja-route-card .midlefttexs {
    padding: clamp(18px, 1.6vw, 24px);
}

.pooja-route-card .midtextpooja {
    min-width: 0;
    gap: clamp(12px, 1vw, 16px);
}

.pooja-route-card-header {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pooja-route-kicker {
    width: fit-content;
    min-height: 34px;
    padding: 0 14px;
    border: 2px solid #111;
    border-radius: 999px;
    background: #fff7df;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 1);
    display: inline-flex;
    align-items: center;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #5c4324;
}

.pooja-route-card-subtitle {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(13px, 0.95vw, 15px);
    font-weight: 600;
    line-height: 1.6;
    color: #8a5a12;
}

.pooja-route-card-subtitle mark,
.pooja-route-card .nameofpuja h2 mark {
    padding: 0 6px;
    border-radius: 999px;
    background: #ffe7a0;
    color: inherit;
}

.pooja-route-card .detailspooja {
    height: auto;
    max-height: none;
}

.pooja-route-card .pricepooja::before {
    content: "Rs";
    width: 26px;
    font-size: 10px;
}

.pooja-route-card .pricepooja::after {
    content: attr(data-price-label);
}

.pooja-route-card-panels {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr));
    gap: clamp(12px, 1.4vw, 18px);
    align-items: start;
}

.pooja-route-about,
.pooja-route-card .rightbenefitswrap {
    min-height: 100%;
    min-width: 0;
}

.pooja-route-card .previewtext {
    min-height: calc(1.55em * 2);
}

.pooja-route-card .poojabutonsd {
    margin-top: 4px;
    flex-wrap: wrap;
    gap: clamp(10px, 1vw, 12px);
}

.pooja-route-card .shareivutton,
.pooja-route-card .booknowb {
    flex: 1 1 min(100%, 180px);
}

.pooja-route-empty {
    border: 2px solid #111;
    border-radius: 32px;
    background: linear-gradient(180deg, #fffdf8 0%, #fff4e2 100%);
    box-shadow: 10px 10px 0 rgba(0, 0, 0, 1);
    padding: clamp(22px, 2vw, 30px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.pooja-route-empty-tag {
    min-height: 34px;
    padding: 0 14px;
    border: 2px solid #111;
    border-radius: 999px;
    background: #fff7df;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 1);
    display: inline-flex;
    align-items: center;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.pooja-route-empty h3,
.pooja-route-empty p {
    margin: 0;
}

.pooja-route-empty h3 {
    font-family: 'Cinzel', serif;
    font-size: clamp(22px, 1.8vw, 30px);
    color: #1d1208;
}

.pooja-route-empty p {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 1.7;
    color: #4b3a28;
}

.puja-detail-slides-wrap {
    display: flex;
    flex-direction: column;
    gap: clamp(16px, 1.8vw, 22px);
}

.puja-detail-slides-head {
    padding: 0 4px;
}

.puja-detail-slides-list {
    margin-top: 2px;
}

.puja-detail-slides-list .detailspooja {
    height: calc(1.65em * 2 + 24px);
    max-height: calc(1.65em * 2 + 24px);
    overflow: hidden;
    scrollbar-gutter: stable;
}

.puja-detail-slides-list .detailspooja p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: calc(1.65em * 2);
    overflow: hidden;
    padding-right: 0;
}

.puja-detail-slides-list .detailspooja:hover,
.puja-detail-slides-list .detailspooja:focus-within {
    overflow-y: auto;
}

.puja-detail-slides-list .detailspooja:hover p,
.puja-detail-slides-list .detailspooja:focus-within p {
    display: block;
    -webkit-line-clamp: unset;
    max-height: none;
    overflow: visible;
    padding-right: 4px;
}

.puja-detail-slides-list .rightaboutpooja .expandcontent,
.puja-detail-slides-list .benefititem .expandcontent {
    display: block;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.puja-detail-slides-list .rightaboutpooja.expandcard:hover .previewtext,
.puja-detail-slides-list .rightaboutpooja.expandcard:focus-within .previewtext {
    max-height: 0;
    opacity: 0;
    margin: 0;
}

.puja-detail-slides-list .benefititem.expandcard:hover .benefithead p,
.puja-detail-slides-list .benefititem.expandcard:focus-within .benefithead p {
    max-height: 0;
    opacity: 0;
    margin: 0;
}

.puja-detail-slides-list .rightaboutpooja.expandcard:hover .expandcontent,
.puja-detail-slides-list .rightaboutpooja.expandcard:focus-within .expandcontent,
.puja-detail-slides-list .benefititem.expandcard:hover .expandcontent,
.puja-detail-slides-list .benefititem.expandcard:focus-within .expandcontent {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.puja-detail-body {
    background: #ffffff !important;
}

.puja-detail-body .pooja-route-main {
    background: #ffffff !important;
}

.puja-detail-page {
    width: min(1380px, calc(100% - clamp(24px, 3.6vw, 72px)));
    margin: 0 auto;
    padding: calc(clamp(86px, 6vw, 116px) + clamp(20px, 2vw, 32px)) 0 clamp(56px, 5vw, 80px);
    display: flex;
    flex-direction: column;
    gap: clamp(18px, 2vw, 28px);
}

.puja-detail-hero-shell,
.puja-detail-story,
.puja-detail-benefits,
.puja-detail-panel,
.puja-detail-summary-card,
.puja-detail-empty {
    border: 2px solid #111;
    border-radius: clamp(28px, 2.6vw, 40px);
    background: #ffffff;
    box-shadow: none;
}

.puja-detail-empty[hidden],
[data-puja-detail-root][hidden] {
    display: none !important;
}

.puja-detail-empty {
    width: fit-content;
    max-width: 100%;
    padding: clamp(18px, 2vw, 24px);
    justify-self: center;
}

.puja-detail-hero-shell {
    padding: clamp(22px, 2.6vw, 36px);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
    gap: clamp(20px, 2vw, 30px);
}

.puja-detail-visual,
.puja-detail-copy,
.puja-detail-story-main {
    min-width: 0;
}

.puja-detail-image-wrap {
    position: relative;
    min-height: clamp(320px, 34vw, 520px);
    border: 2px solid #111;
    border-radius: 32px;
    overflow: hidden;
    background: linear-gradient(160deg, #fff6e6 0%, #ffdca8 100%);
}

.puja-detail-image-wrap img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.puja-detail-image-tag,
.puja-detail-image-price,
.puja-detail-kicker,
.puja-detail-section-tag,
.puja-detail-back-link {
    width: fit-content;
    min-height: 36px;
    padding: 0 16px;
    border: 2px solid #111;
    border-radius: 999px;
    background: #fff7df;
    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;
    text-decoration: none;
}

.puja-detail-image-tag,
.puja-detail-image-price {
    position: absolute;
}

.puja-detail-image-tag {
    top: 18px;
    left: 18px;
}

.puja-detail-image-price {
    right: 18px;
    bottom: 18px;
    background: linear-gradient(135deg, #ff7a00 0%, #ffb347 100%);
    color: #fffaf0;
}

.puja-detail-copy {
    display: flex;
    flex-direction: column;
    gap: 14px;
    justify-content: center;
}

.puja-detail-copy h1,
.puja-detail-story-main h2,
.puja-detail-benefits h2,
.puja-detail-panel h3,
.puja-detail-summary-card h3,
.puja-detail-benefit-card h3 {
    margin: 0;
    font-family: 'Cinzel', serif;
    color: #1d1208;
    text-wrap: balance;
}

.puja-detail-copy h1 {
    font-size: clamp(34px, 3.1vw, 52px);
    line-height: 1.08;
}

.puja-detail-subtitle,
.puja-detail-intro,
.puja-detail-story-main p,
.puja-detail-long-copy p,
.puja-detail-summary-card p,
.puja-detail-benefit-card p,
.puja-detail-list li,
.puja-detail-mini-list li {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(14px, 1vw, 16px);
    line-height: 1.78;
    color: #4b3a28;
}

.puja-detail-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.puja-detail-primary-btn,
.puja-detail-secondary-btn {
    min-height: 50px;
    padding: 0 22px;
    border: 2px solid #111;
    border-radius: 999px;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 700;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.puja-detail-primary-btn {
    background: linear-gradient(135deg, #ff7a00 0%, #ffb347 100%);
    color: #fffaf0;
}

.puja-detail-secondary-btn {
    background: #fffdf8;
    color: #2f1e12;
    cursor: pointer;
}

.puja-detail-primary-btn:hover,
.puja-detail-primary-btn:focus-visible,
.puja-detail-secondary-btn:hover,
.puja-detail-secondary-btn:focus-visible,
.puja-detail-back-link:hover,
.puja-detail-back-link:focus-visible {
    transform: translate(-2px, -2px);
    box-shadow: none;
    outline: none;
}

.puja-detail-highlights {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.puja-detail-highlights span,
.puja-detail-benefit-tag {
    min-height: 34px;
    padding: 0 14px;
    border: 2px solid #111;
    border-radius: 999px;
    background: #fff;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: #6a461d;
}

.puja-detail-story,
.puja-detail-content-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
    gap: 18px;
}

.puja-detail-story {
    padding: clamp(22px, 2.4vw, 34px);
    align-items: start;
}

.puja-detail-story-main,
.puja-detail-summary-card {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.puja-detail-summary-card {
    padding: clamp(20px, 2vw, 28px);
}

.puja-detail-mini-list,
.puja-detail-list {
    margin: 0;
    padding-left: 20px;
    display: grid;
    gap: 10px;
}

.puja-detail-mini-list {
    padding-left: 0;
    list-style: none;
}

.puja-detail-mini-list li {
    border: 2px solid rgba(17, 17, 17, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.72);
    padding: 12px 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    justify-content: space-between;
}

.puja-detail-mini-list strong {
    color: #1d1208;
}

.puja-detail-list li::marker {
    color: #ff7a00;
}

.puja-detail-benefits {
    padding: clamp(22px, 2.4vw, 34px);
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.puja-detail-section-head {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.puja-detail-benefits-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
    gap: 18px;
}

.puja-detail-benefit-card,
.puja-detail-panel {
    padding: clamp(18px, 1.8vw, 24px);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.puja-detail-content-grid {
    gap: 18px;
}

.puja-detail-panel-wide {
    grid-column: 1 / -1;
}

@keyframes poojaRouteCardIn {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

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