/* ================================================================
   PAGE: play-group.css
   Page-specific sections only; shared components live in ../components.
   ================================================================ */

/* Best Play school in patudi */
    .mp-global-early-years-campus {
      font-family: 'Poppins', sans-serif;
      line-height: 1.7;
      color: #2d2a24;
      background: #fef5e9;
      max-width: 1280px;
      margin: 0 auto;
      background-color: #fffef7;
      overflow-x: hidden;
      position: relative;
      width: 100%;
    }
   
    .holistic-learning-enclave {
      padding: 1.2rem 1.2rem;
      position: relative;
      width: 100%;
      overflow-wrap: break-word;
      word-break: break-word;
    }
    @media (min-width: 768px) {
      .holistic-learning-enclave { padding: 1.25rem 2rem; }
    }
    
    .mp-global-early-years-campus h1 {
      font-family: 'Poppins', sans-serif;
      font-size: 1.75rem;
      font-weight: 650;
      color: #E91A4F;
      letter-spacing: -0.01em;
      margin-bottom: 0.75rem;
      background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 12"><path fill="%23fbd26a" d="M0,6 Q30,2 60,6 T120,6" stroke="%23f5a623" stroke-width="1.5" fill="none"/></svg>') repeat-x bottom;
      background-size: 40px 8px;
      padding-bottom: 0.9rem;
      line-height: 1.25;
      word-break: break-word;
    }
    @media (min-width: 480px) { .mp-global-early-years-campus h1 { font-size: 1.9rem; } }
    @media (min-width: 768px) { .mp-global-early-years-campus h1 { font-size: 2.2rem; } }
   
    .mp-vision-headline {
      font-size: 1.5rem;
      font-weight: 650;
      color: #061B45;
      margin: 0 0 0.6rem 0;
      display: inline-block;
      padding: 0 0.5rem 0.2rem 0;
      border-left: 8px solid #E91A4F;
      padding-left: 1rem;
      word-break: break-word;
      line-height: 1.3;
      font-family: 'Poppins', sans-serif;
      letter-spacing: -0.02em;
    }
    @media (min-width: 640px) {
      .mp-vision-headline { font-size: 1.75rem; }
    }

      
  
    .descriptive-paragraph {
      font-size: 1rem;
      margin-bottom: 0.9rem;
      color: #657084;
      font-weight: 400;
      line-height: 1.75;
    }
    @media (min-width: 768px) {
      .descriptive-paragraph {
        font-size: 0.96rem;
        line-height: 1.75;
      }
    }
   
    .inspired-crayon-separator {
      height: 8px;
      background: repeating-linear-gradient(90deg, #f9bc7c, #f9bc7c 12px, #ffe1b3 12px, #ffe1b3 24px);
      width: 90px;
      border-radius: 20px;
      margin: 0.4rem 0 1.2rem 0;
    }
   
    .young-explorers-gallery {
      display: grid;
      grid-template-columns: 1fr;
      gap: 1.2rem;
      margin: 0.65rem 0 0.8rem;
    }
    @media (min-width: 540px) { .young-explorers-gallery { gap: 1.3rem; } }
    @media (min-width: 640px) { .young-explorers-gallery { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; } }
    @media (min-width: 1024px) { .young-explorers-gallery { grid-template-columns: repeat(4, 1fr); gap: 1.6rem; } }
   
    .cherished-moment-frame {
      background: #fffaf2;
      border-radius: 36px 36px 28px 28px;
      overflow: hidden;
      border: 2px solid #f3e5d5;
      height: 100%;
      display: flex;
      flex-direction: column;
    }
    .cherished-moment-frame img {
      width: 100%;
      height: auto;
      aspect-ratio: 4 / 3;
      object-fit: cover;
      display: block;
      border-bottom: 2px solid #ffe0bf;
    }
    .memory-caption-text {
      padding: 0.8rem 0.9rem 1rem;
      font-size: 0.8rem;
      font-weight: 600;
      color: #555;
      text-align: center;
      background: #fffef5;
      line-height: 1.6;
      flex: 1;
    }
    @media (min-width: 480px) {
      .memory-caption-text { font-size: 0.85rem; padding: 0.9rem 1rem; }
    }
   
    .developmental-pillars-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 1rem;
      margin: 1.5rem 0;
    }
    @media (min-width: 600px) {
      .developmental-pillars-grid { grid-template-columns: repeat(2, 1fr); gap: 1.3rem; }
    }
    .growth-cornerstone {
      background: #fff4e9;
      padding: 1rem 1.2rem;
      border-radius: 40px;
      border: 1px solid #ffe0bf;
      word-break: break-word;
    }
    .growth-cornerstone strong {
      color: #db6e3a;
      font-weight: 800;
      display: block;
      font-size: 1rem;
      margin-bottom: 0.4rem;
    }
    .growth-cornerstone span {
      font-size: 0.9rem;
      color: #5a4c3e;
      line-height: 1.65;
    }
   
    .educational-milestone-podium {
      background: #fcf3e6;
      padding: 1.2rem 1.4rem;
      border-radius: 48px;
      margin: 1.6rem 0;
      border-left: 12px solid #f7b05e;
      border-right: 2px solid #ffe2bf;
    }
    @media (min-width: 640px) {
      .educational-milestone-podium { padding: 1.4rem 2rem; }
    }
    .cherished-moment-frame, .growth-cornerstone, .educational-milestone-podium,
    img, .mp-global-early-years-campus {
      box-shadow: none !important;
      text-shadow: none !important;
    }
    
    .sunlit-play-area-bg { background: #fef9f2; }
    
    @media (max-width: 480px) {
      .holistic-learning-enclave {
         padding: 1rem 1rem; 
        }
      .mp-global-early-years-campus h1 { font-size: 1.65rem;
         background-size: 34px 8px; 
         padding-bottom: 0.75rem; }
      .mp-vision-headline { 
        font-size: 1.4rem; 
        border-left-width: 6px;
         padding-left: 0.8rem; }
      .growth-cornerstone { padding: 0.9rem 1rem; }
      .growth-cornerstone strong { font-size: 0.95rem; }
      .growth-cornerstone span { font-size: 0.85rem; }
      .educational-milestone-podium { padding: 1rem 1rem; border-left-width: 8px; }
      .memory-caption-text { font-size: 0.7rem; padding: 0.6rem 0.6rem; }
      .young-explorers-gallery { gap: 1rem; }
      .inspired-crayon-separator { width: 75px; height: 7px; }
      .descriptive-paragraph { font-size: 0.95rem; line-height: 1.6; }
    }
    .mp-global-early-years-campus, .holistic-learning-enclave,
    .young-explorers-gallery, .developmental-pillars-grid {
      max-width: 100%;
      overflow-x: hidden;
    }
    .cherished-moment-frame img { border-radius: 0; }
    .growth-cornerstone, .cherished-moment-frame { cursor: default; }

    .holistic-learning-enclave + .holistic-learning-enclave {
      padding-top: 0.5rem;
    }

    .holistic-learning-enclave:has(+ .holistic-learning-enclave .young-explorers-gallery) {
      padding-bottom: 0.65rem;
    }


    /* Best Play school in patudi END*/






  

/* ================================================================
   PAGE-LEVEL VISUAL POLISH
   This source is appended to each isolated page stylesheet.
   ================================================================ */

/* Smooth, accessible interaction feedback */
a,
button,
[role="button"] {
  -webkit-tap-highlight-color: transparent;
}

a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible {
  outline: 3px solid rgba(214, 168, 75, 0.9);
  outline-offset: 3px;
}

/* Media presentation remains contained within its own page */
img {
  height: auto;
}

/* Prevent long labels, links, and table content from breaking layouts */
p,
li,
td,
th,
a {
  overflow-wrap: break-word;
}

/* Refined motion where the visitor allows animation */
@media (prefers-reduced-motion: no-preference) {
  img,
  a,
  button {
    transition-duration: 220ms;
    transition-timing-function: ease;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

@media print {
  .mp-top-strip,
  .mp-main-header,
  .mp-mobile-menu,
  .mp-overlay,
  .apply-now,
  .whatsapp {
    display: none !important;
  }
}