/* ==========================================================================
   SHRI MOKSHAM — Master Responsive Engine across All Devices & Screens
   Guarantees: Zero Horizontal Overflow, No Glitches, Butter-Smooth 60/120fps Scroll,
   Touch Ergonomics, and Flawless Visual Excellence on Every Device.
   ========================================================================== */

/* --------------------------------------------------------------------------
   0. Global Universal Anti-Glitch & Viewport Hardening
   -------------------------------------------------------------------------- */
html, body {
  width: 100% !important;
  max-width: 100vw !important;
  overflow-x: clip !important;
  position: relative;
  -webkit-text-size-adjust: 100%;
}

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

/* Prevent unwanted horizontal overflow on any image or svg, while keeping hero canvas edge-to-edge */
img, svg {
  max-width: 100%;
  height: auto;
}

.hero-scrub-canvas,
.hero-scrub-video {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
}

p {
  text-wrap: pretty;
  overflow-wrap: break-word;
  word-break: normal;
}

/* Mobile tap ergonomics */
button, a, input, select {
  -webkit-tap-highlight-color: transparent;
}

/* --------------------------------------------------------------------------
   1. Breakpoint: Small Desktops & Landscape Tablets (<= 1200px)
   -------------------------------------------------------------------------- */
@media (max-width: 1200px) {
  .offerings-4grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
  }

  .grand-pathways-container {
    width: 94%;
  }

  .footer-master-grid {
    grid-template-columns: 1.3fr 1fr 1fr 1fr;
    gap: 2rem;
  }
}

/* --------------------------------------------------------------------------
   2. Breakpoint: Tablets & Portrait iPads (<= 992px)
   -------------------------------------------------------------------------- */
@media (max-width: 992px) {
  /* Header & Navigation */
  .desktop-nav {
    display: none !important;
  }

  .mobile-nav-toggle {
    display: flex !important;
  }

  .btn-header-course {
    display: none !important;
  }

  .header-container {
    padding: 0.4rem 1rem;
    width: 95%;
  }

  /* Hero Section */
  .hero-scroll-track {
    height: 250vh;
  }

  /* Four Sacred Pathways */
  .grand-pathways-121-grid {
    grid-template-columns: 1fr;
    gap: 1.4rem;
  }

  .grand-pathway-card.is-full-width {
    min-height: 340px;
    padding: 2.2rem 1.8rem;
  }

  .grand-pathway-card.is-half-width {
    min-height: 360px;
  }

  /* Kundli & Panchang Hub */
  .vedic-interactive-hub {
    grid-template-columns: 1fr;
    gap: 1.8rem;
    width: 95%;
  }

  /* 3D Sri Yantra Stage */
  .sriyantra-3d-stage-card {
    grid-template-columns: 1fr;
    gap: 1.8rem;
    width: 95%;
    padding: 1.8rem 1.4rem;
  }

  /* 9 Grahas Explorer */
  .grahas-grid-stage {
    grid-template-columns: repeat(5, 1fr);
    gap: 0.5rem;
  }

  .graha-detail-lens-card {
    grid-template-columns: 1fr;
    padding: 1.4rem 1.2rem;
  }

  /* Offerings & Pathways */
  .offerings-4grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.4rem;
  }

  .stats-strip-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
  }

  .quote-testimonial-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  /* Footer */
  .footer-master-grid {
    grid-template-columns: 1fr 1fr;
    gap: 2.2rem;
  }

  /* The Journey of Shri Moksham */
  .heritage-review-card {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    padding: 2rem 1.6rem;
  }

  .heritage-action-card {
    display: none !important;
  }

  .btn-heritage-course-mobile,
  .btn-heritage-whatsapp-mobile {
    display: inline-flex !important;
  }

  .heritage-cta-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.75rem !important;
  }

  /* Upcoming Seva Drops Swipe Track (Tablet) */
  .seva-swipe-track {
    gap: 1.15rem !important;
    padding: 0.6rem 0.6rem 1.4rem 0.6rem !important;
  }

  .seva-drop-card {
    flex: 0 0 320px !important;
    width: 320px !important;
  }
}

/* --------------------------------------------------------------------------
   3. Breakpoint: Large Phones & Small Tablets (<= 768px)
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  /* Eliminate scroll jumpiness: disable dynamic content-visibility on mobile */
  section:not(.hero-scroll-track) {
    content-visibility: visible !important;
    contain-intrinsic-size: none !important;
  }

  /* Hero Section: Snappy 125vh track for smooth mobile scrubbing without feeling trapped */
  .hero-scroll-track {
    height: 125vh !important;
  }

  .hero-sticky-frame {
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    height: 100dvh !important;
    padding: 0 0 1.8rem 0;
  }

  .hero-minimal-overlay {
    bottom: 0.6rem;
    padding: 0 1rem;
    width: 100%;
  }

  .hero-brand-glass-badge {
    padding: 0.75rem 1.2rem !important;
    border-radius: 26px !important;
    max-width: min(92vw, 340px) !important;
    margin: 0 auto;
  }

  .hero-minimal-brand-title {
    font-size: 1.3rem !important;
    letter-spacing: 0.12em;
  }

  .hero-minimal-brand-tagline {
    font-size: clamp(0.76rem, 3.2vw, 0.88rem);
    letter-spacing: 0.04em;
    white-space: normal;
    text-wrap: balance;
  }

  .hero-climax-action-pill {
    bottom: 1.2rem;
    flex-direction: column;
    gap: 0.65rem;
    padding: 0 1.2rem;
    width: 100%;
  }

  .hero-climax-action-pill .btn {
    width: 100%;
    max-width: 290px;
    justify-content: center;
  }

  /* Universal Section Spacing & Anti-Gap Tightening on Mobile */
  .section-spacing {
    padding-top: 1.8rem !important;
    padding-bottom: 1.8rem !important;
  }

  .grand-pathways-section {
    padding: 2.2rem 0 1.8rem 0 !important;
  }

  .grand-pathways-container {
    width: 95% !important;
  }

  .grand-pathways-121-grid {
    gap: 1.1rem !important;
    width: 100% !important;
  }

  .grand-pathway-card {
    min-height: auto !important;
    padding: 1.4rem 1.15rem !important;
    border-radius: 18px !important;
  }

  .grand-pathway-card.is-full-width {
    min-height: auto !important;
    padding: 1.4rem 1.15rem !important;
  }

  .grand-pathway-title {
    font-size: 1.18rem !important;
    margin-bottom: 0.35rem !important;
  }

  .grand-pathway-desc {
    font-size: 0.84rem !important;
    line-height: 1.55 !important;
    margin-bottom: 0.85rem !important;
  }

  .btn-grand-pathway {
    width: 100%;
    min-width: 0;
    justify-content: center;
  }

  .what-we-offer-section {
    padding: 2.2rem 0 1.8rem 0 !important;
  }

  .offerings-header {
    margin-bottom: 1.3rem !important;
  }

  .offerings-title {
    font-size: clamp(1.4rem, 5vw, 1.8rem) !important;
  }

  .offerings-4grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.85rem !important;
    margin-bottom: 1.4rem !important;
  }

  .offering-card {
    padding: 1.3rem 0.85rem 1.1rem 0.85rem !important;
    border-radius: 16px !important;
  }

  .offering-card:nth-child(5) {
    grid-column: span 2 !important;
    max-width: 480px !important;
    margin: 0 auto !important;
    width: 100% !important;
  }

  .offering-icon-circle {
    width: 44px !important;
    height: 44px !important;
    margin-bottom: 0.6rem !important;
  }

  .offering-card-title {
    font-size: 0.95rem !important;
    margin-bottom: 0.3rem !important;
  }

  .offering-card-desc {
    font-size: 0.78rem !important;
    line-height: 1.48 !important;
    margin-bottom: 0.7rem !important;
  }

  .master-stats-strip {
    padding: 2.2rem 0 !important;
  }

  .site-footer {
    padding: 2.5rem 0 1.5rem 0 !important;
  }

  /* Section Intros */
  .section-intro h2 {
    font-size: clamp(1.5rem, 5vw, 1.9rem);
  }

  .section-intro p {
    font-size: 0.88rem;
    line-height: 1.55;
    padding: 0 0.5rem;
  }

  /* 9 Grahas Explorer */
  .grahas-grid-stage {
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
  }

  .graha-cell-card {
    padding: 0.8rem 0.45rem;
  }

  .graha-detail-lens-card {
    padding: 1.3rem 1.1rem;
    border-radius: 18px;
    gap: 1.1rem;
  }

  .graha-lens-title {
    font-size: 1.2rem;
  }

  .graha-lens-action {
    font-size: 0.82rem;
  }

  /* Treatises Carousel Track */
  .treatises-swipe-track {
    gap: 0.9rem;
    padding: 0.6rem 0.2rem 1.4rem 0.2rem;
  }

  .treatise-card {
    flex: 0 0 min(290px, 84vw);
    width: min(290px, 84vw);
    padding: 1.4rem 1.1rem;
    border-radius: 18px;
  }

  .treatise-title {
    font-size: 1.12rem;
  }

  .treatise-excerpt {
    font-size: 0.82rem;
  }

  /* Kundli & Panchang */
  .kundli-calculator-card,
  .panchang-widget-card {
    padding: 1.6rem 1.2rem;
    border-radius: 22px;
  }

  /* 3D Sri Yantra */
  .sriyantra-canvas-wrapper {
    height: 300px;
  }

  /* Floating Widgets */
  .floating-soham-container {
    bottom: 1.2rem;
    left: 1.2rem;
  }

  .floating-soham-only {
    width: 50px;
    height: 50px;
  }

  .floating-omm-container {
    bottom: 5.8rem !important;
    left: 1.2rem !important;
  }

  .floating-omm-only {
    width: 50px !important;
    height: 50px !important;
  }

  .omm-badge-tag,
  .soham-badge-tag {
    font-size: 0.44rem !important;
    padding: 1px 5px !important;
    bottom: -5px !important;
  }

  .floating-soham-pod {
    position: fixed;
    left: 50%;
    bottom: 5rem;
    transform: translateX(-50%) translateY(20px) scale(0.92);
    transform-origin: center bottom;
    width: calc(100vw - 28px);
    max-width: 340px;
  }

  .floating-soham-pod.is-open {
    transform: translateX(-50%) translateY(0) scale(1);
  }

  .floating-whatsapp-only {
    bottom: 1.2rem;
    right: 1.2rem;
    width: 50px;
    height: 50px;
  }

  .floating-whatsapp-only svg {
    width: 27px;
    height: 27px;
  }

  /* Course Highlights Bar */
  .course-highlights-bar {
    flex-direction: column;
    align-items: stretch;
    gap: 0.6rem;
  }

  .course-highlight-item {
    justify-content: center;
  }

  /* Course Modal */
  .course-modal-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    background: rgba(4, 9, 17, 0.8) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 1rem !important;
  }

  .course-modal-window {
    width: 100% !important;
    max-width: 360px !important;
    margin: auto !important;
    padding: 1.4rem 1.2rem !important;
    border-radius: 20px !important;
  }

  /* The Journey of Shri Moksham — Ultra-Compact & Gorgeous Mobile Card */
  .heritage-review-card {
    grid-template-columns: 1fr !important;
    padding: 1.4rem 1.1rem !important;
    border-radius: 20px !important;
    gap: 0 !important;
    box-shadow: 0 12px 36px rgba(212, 175, 55, 0.16) !important;
  }

  /* Completely hide the redundant second inner action card on mobile */
  .heritage-action-card {
    display: none !important;
  }

  .heritage-brand-display {
    gap: 0.85rem !important;
    align-items: center !important;
    margin-bottom: 0.75rem !important;
  }

  .heritage-logo-frame {
    width: 50px !important;
    height: 50px !important;
    flex-shrink: 0 !important;
  }

  .heritage-main-title {
    font-size: clamp(1.22rem, 4.8vw, 1.55rem) !important;
    line-height: 1.25 !important;
  }

  .heritage-lead-text {
    font-size: 0.88rem !important;
    line-height: 1.6 !important;
    margin-bottom: 0.55rem !important;
  }

  .heritage-sub-text {
    font-size: 0.84rem !important;
    line-height: 1.55 !important;
    margin-bottom: 0.75rem !important;
  }

  .heritage-triad-banner {
    padding: 0.65rem 0.85rem !important;
    border-radius: 12px !important;
    margin-bottom: 0.75rem !important;
  }

  .heritage-triad-title {
    font-size: 0.72rem !important;
    margin-bottom: 0.12rem !important;
  }

  .heritage-triad-quote {
    font-size: 0.8rem !important;
    line-height: 1.45 !important;
  }

  .heritage-feature-chips {
    gap: 0.35rem !important;
    margin-bottom: 0.75rem !important;
  }

  .heritage-chip {
    font-size: 0.72rem !important;
    padding: 0.25rem 0.6rem !important;
  }

  .heritage-stats-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0.4rem !important;
    margin: 0.75rem 0 0.95rem 0 !important;
  }

  .heritage-stat-box {
    padding: 0.6rem 0.2rem !important;
    border-radius: 12px !important;
  }

  .heritage-stat-num {
    font-size: 1.15rem !important;
    line-height: 1.1 !important;
  }

  .heritage-stat-label {
    font-size: 0.58rem !important;
    letter-spacing: 0.04em !important;
    margin-top: 0.15rem !important;
  }

  /* Unified mobile CTA row */
  .heritage-cta-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.6rem !important;
    width: 100% !important;
    margin-top: 0.6rem !important;
  }

  .btn-heritage-course-mobile {
    display: inline-flex !important;
    width: 100% !important;
    justify-content: center !important;
    font-size: 0.84rem !important;
    padding: 0.72rem 1rem !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.35) !important;
  }

  .btn-heritage-whatsapp-mobile {
    display: inline-flex !important;
    width: 100% !important;
    justify-content: center !important;
    font-size: 0.84rem !important;
    padding: 0.72rem 1rem !important;
    background: #25D366 !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
  }

  .btn-heritage-treatise {
    display: inline-flex !important;
    width: 100% !important;
    justify-content: center !important;
    font-size: 0.82rem !important;
    padding: 0.68rem 1rem !important;
    text-align: center !important;
    background: transparent !important;
    border: 1.5px solid var(--gold-primary) !important;
    color: var(--text-dark) !important;
    box-shadow: none !important;
  }

  /* iOS input auto-zoom prevention */
  input, select, textarea, .kundli-input-field, .stay-inspired-input {
    font-size: 16px !important;
  }

  /* Upcoming Seva Drops Horizontal Swipe Carousel */
  .seva-container {
    width: 100% !important;
    max-width: 100vw !important;
    padding: 0 !important;
  }

  .seva-swipe-nav-bar {
    padding: 0 1rem !important;
    gap: 0.6rem !important;
  }

  .seva-swipe-hint {
    font-size: 0.72rem !important;
  }

  .seva-nav-controls-group {
    gap: 0.65rem !important;
  }

  .seva-swipe-pagination {
    padding: 0.26rem 0.65rem !important;
    gap: 0.55rem !important;
  }

  .seva-dot {
    width: 7px !important;
    height: 7px !important;
  }

  .seva-dot.active {
    width: 18px !important;
  }

  .seva-counter-pill {
    font-size: 0.68rem !important;
    padding-left: 0.35rem !important;
  }

  .seva-swipe-track {
    gap: 1rem !important;
    padding: 0.6rem 1.25rem 1.4rem 1.25rem !important;
    scroll-padding: 0 1.25rem !important;
  }

  .seva-drop-card {
    flex: 0 0 calc(85vw - 1.25rem) !important;
    width: calc(85vw - 1.25rem) !important;
    max-width: 325px !important;
    border-radius: 20px !important;
  }

  .seva-card-media {
    height: 190px !important;
  }

  .seva-card-body {
    padding: 1.25rem 1.15rem 1.15rem 1.15rem !important;
  }

  .seva-card-title {
    font-size: 1.18rem !important;
  }

  .seva-card-desc {
    font-size: 0.85rem !important;
    line-height: 1.58 !important;
  }

  .seva-card-meta {
    margin-top: 0.95rem !important;
    padding-top: 0.75rem !important;
    font-size: 0.75rem !important;
  }
}

/* --------------------------------------------------------------------------
   4. Breakpoint: Standard Smartphones (<= 580px)
   -------------------------------------------------------------------------- */
@media (max-width: 580px) {
  /* Header Actions */
  .header-actions .soundscape-toggle-pill {
    display: none;
  }

  .header-container {
    padding: 0.35rem 0.65rem;
    width: 96%;
  }

  .brand-emblem-wrap {
    width: 32px;
    height: 32px;
  }

  .brand-name {
    font-size: 0.88rem;
    letter-spacing: 0.08em;
  }

  .btn-header-consultation {
    padding: 0.42rem 0.8rem;
    font-size: 0.7rem;
    letter-spacing: 0.04em;
  }

  /* Kundli Form single column */
  .kundli-form-grid {
    grid-template-columns: 1fr;
    gap: 0.85rem;
  }

  .kundli-calculator-card {
    padding: 1.35rem 1rem;
  }

  .blueprint-result-grid {
    grid-template-columns: 1fr;
    gap: 0.6rem;
  }

  .blueprint-box {
    padding: 0.8rem 0.6rem;
  }

  /* 4-Way Offerings: 2 cols down to 420px, then 1 col below */
  .offerings-4grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
  }

  @media (max-width: 420px) {
    .offerings-4grid {
      grid-template-columns: 1fr;
    }
    .offering-card:nth-child(5) {
      grid-column: auto !important;
    }
  }

  .offering-card {
    padding: 1.8rem 1.2rem;
  }

  /* Master Stats Strip */
  .stats-strip-grid {
    grid-template-columns: 1fr;
    gap: 0.9rem;
  }

  .stats-metric-box {
    padding: 0.75rem 1rem;
  }

  /* Testimonial card */
  .testimonial-showcase-card {
    padding: 1.6rem 1.2rem;
  }

  .moksham-quote-card {
    padding: 1.4rem 1rem;
  }

  /* Footer Newsletter */
  .stay-inspired-container {
    flex-direction: column;
    align-items: stretch;
    gap: 1.1rem;
  }

  .stay-inspired-form {
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    gap: 0.6rem;
  }

  .stay-inspired-input,
  .btn-stay-inspired-submit {
    width: 100%;
  }

  .footer-master-grid {
    grid-template-columns: 1fr;
    gap: 1.8rem;
  }

  .footer-bottom-flex {
    flex-direction: column;
    text-align: center;
    gap: 0.75rem;
  }

  /* Sri Yantra */
  .sriyantra-canvas-wrapper {
    height: 250px;
  }

  .diya-modal-window {
    padding: 1.4rem 1.1rem;
    border-radius: 20px;
  }

  /* The Journey of Shri Moksham & Seva Drops */
  .heritage-review-card {
    padding: 1.4rem 1rem !important;
    border-radius: 18px !important;
  }

  .heritage-stats-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0.35rem !important;
  }

  .heritage-stat-box {
    padding: 0.6rem 0.2rem !important;
  }

  .heritage-stat-num {
    font-size: 1.05rem !important;
  }

  .heritage-stat-label {
    font-size: 0.58rem !important;
    line-height: 1.2 !important;
  }

  /* Upcoming Seva Drops Swipe at 580px */
  .seva-swipe-nav-bar {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.65rem !important;
    padding: 0 0.5rem !important;
  }

  .seva-swipe-hint {
    justify-content: center !important;
    font-size: 0.68rem !important;
  }

  .seva-nav-controls-group {
    width: 100% !important;
    justify-content: space-between !important;
  }
}

/* --------------------------------------------------------------------------
   5. Breakpoint: Ultra-Narrow & Compact Mobile Devices (<= 380px)
   -------------------------------------------------------------------------- */
@media (max-width: 380px) {
  .brand-tagline-micro {
    display: none;
  }

  .btn-header-consultation {
    padding: 0.38rem 0.65rem;
    font-size: 0.68rem;
  }

  .hero-brand-glass-badge {
    padding: 0.75rem 1.1rem;
    border-radius: 24px;
  }

  .hero-minimal-brand-title {
    font-size: 1.2rem;
    letter-spacing: 0.1em;
  }

  .hero-minimal-brand-tagline {
    font-size: 0.82rem;
  }

  .grahas-grid-stage {
    grid-template-columns: repeat(3, 1fr);
    gap: 0.35rem;
  }

  .graha-cell-card {
    padding: 0.6rem 0.25rem;
  }

  .graha-symbol {
    font-size: 1.1rem;
  }

  .graha-name-en {
    font-size: 0.66rem;
  }

  .graha-name-sa {
    font-size: 0.58rem;
  }

  .treatise-card {
    flex: 0 0 86vw;
    width: 86vw;
  }

  .floating-soham-container {
    bottom: 0.9rem !important;
    left: 0.9rem !important;
  }

  .floating-soham-only {
    width: 44px !important;
    height: 44px !important;
  }

  .floating-omm-container {
    bottom: 4.8rem !important;
    left: 0.9rem !important;
  }

  .floating-omm-only {
    width: 44px !important;
    height: 44px !important;
  }

  .omm-badge-tag,
  .soham-badge-tag {
    font-size: 0.38rem !important;
    padding: 0 4px !important;
    bottom: -4px !important;
  }

  .floating-whatsapp-only {
    width: 44px;
    height: 44px;
  }

  .floating-whatsapp-only svg {
    width: 24px;
    height: 24px;
  }

  /* Ultra-Narrow: The Journey of Shri Moksham */
  .heritage-review-card {
    padding: 1.2rem 0.75rem !important;
    border-radius: 16px !important;
  }

  .heritage-logo-frame {
    width: 46px !important;
    height: 46px !important;
  }

  .heritage-main-title {
    font-size: 1.2rem !important;
  }

  .heritage-chip {
    font-size: 0.7rem !important;
    padding: 0.25rem 0.55rem !important;
  }

  .heritage-stats-grid {
    grid-template-columns: 1fr !important;
    gap: 0.45rem !important;
  }

  .heritage-stat-box {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0.55rem 0.9rem !important;
    text-align: left !important;
  }

  .heritage-stat-label {
    margin-top: 0 !important;
  }

  .btn-heritage-treatise {
    font-size: 0.76rem !important;
    padding: 0.65rem 0.8rem !important;
  }

  /* Ultra-Narrow: Upcoming Seva Drops */
  .seva-swipe-track {
    gap: 0.85rem !important;
    padding: 0.4rem 0.85rem 1.2rem 0.85rem !important;
    scroll-padding: 0 0.85rem !important;
  }

  .seva-drop-card {
    flex: 0 0 calc(88vw - 0.75rem) !important;
    width: calc(88vw - 0.75rem) !important;
    border-radius: 18px !important;
  }

  .seva-card-media {
    height: 165px !important;
  }

  .seva-card-body {
    padding: 1rem 0.85rem !important;
  }

  .seva-card-title {
    font-size: 1.08rem !important;
  }

  .seva-card-desc {
    font-size: 0.8rem !important;
    line-height: 1.52 !important;
  }

  .seva-card-meta {
    margin-top: 0.8rem !important;
    padding-top: 0.7rem !important;
    font-size: 0.72rem !important;
  }

  .seva-dot {
    width: 6px !important;
    height: 6px !important;
  }

  .seva-dot.active {
    width: 16px !important;
  }

  .seva-counter-pill {
    font-size: 0.65rem !important;
  }
}

/* ==========================================================================
   LIVE PANCHANG (DUAL CHANDRA & SURYA) COMPACT RESPONSIVE ENHANCEMENTS
   ========================================================================== */
@media (max-width: 768px) {
  .panchang-widget-card {
    padding: 1.25rem 1rem !important;
  }
  .panchang-dual-pillars {
    grid-template-columns: 1fr !important;
    gap: 0.6rem !important;
  }
  .panchang-wing {
    padding: 0.65rem 0.75rem !important;
  }
  .panchang-aux-row {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.35rem !important;
  }
  .panchang-muhurat-dual {
    grid-template-columns: 1fr !important;
    gap: 0.4rem !important;
  }
}

@media (max-width: 480px) {
  .panchang-widget-card {
    padding: 1rem 0.75rem !important;
  }
  .panchang-title {
    font-size: 1.05rem !important;
  }
  .wing-tithi-value {
    font-size: 0.8rem !important;
  }
  .wing-compact-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 0.3rem !important;
  }
  .mini-label {
    font-size: 0.5rem !important;
  }
  .mini-val {
    font-size: 0.68rem !important;
  }
  .aux-val {
    font-size: 0.68rem !important;
  }
  .muhurat-pill-title,
  .muhurat-pill-time {
    font-size: 0.68rem !important;
  }
}