/* ============================================================
   KINDER KIDZ — MOBILE LANDSCAPE
   Single source of truth for phones turned sideways.
   Scope: landscape only, 568px–980px wide, up to 600px high.
   This does not run in mobile portrait, tablet portrait,
   tablet landscape or desktop.
   ============================================================ */
@media (orientation:landscape) and (min-width:568px) and (max-width:980px) and (max-height:600px){

  /* FRAME */
  html body{overflow-x:hidden!important}
  html body .container,
  html body.contact-page .hero-grid{
    width:min(920px,calc(100% - 28px))!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  html body .section{padding:30px 0!important}
  html body .section-tight{padding:18px 0!important}
  html body.page-home main>section:not(.hero):not(.cta){padding-top:36px!important;padding-bottom:36px!important}

  /* HEADER */
  html body .topbar{display:none!important}
  html body header{position:sticky!important;top:0!important;z-index:120!important}
  html body .nav{
    width:min(920px,calc(100% - 28px))!important;
    height:62px!important;
    min-height:62px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
  }
  html body .brand{min-width:0!important;margin-right:auto!important;flex:0 1 auto!important}
  html body .brand img{width:136px!important;height:48px!important;object-fit:contain!important;object-position:left center!important}
  html body .nav>.desktop-only,
  html body .header-visit{display:none!important}

  html body .kk-lang-desktop{display:none!important}
  html body .kk-lang-mobile{display:block!important;margin-left:auto!important;flex:0 0 auto!important}
  html body .kk-lang-mobile .kk-lang-toggle{
    height:38px!important;min-width:116px!important;padding:0 10px!important;
    border-radius:11px!important;font-size:11.5px!important;gap:6px!important
  }
  html body .kk-lang-mobile .kk-current-name{display:inline!important}
  html body .kk-lang-mobile .kk-lang-menu{width:160px!important;top:calc(100% + 6px)!important}
  html body .kk-lang-option{height:31px!important;font-size:11.5px!important}

  html body .menu-btn{
    display:grid!important;place-items:center!important;margin-left:4px!important;
    width:42px!important;height:42px!important;min-width:42px!important;
    padding:6px!important;border-radius:11px!important;background:#f3f7ec!important;color:var(--green)!important
  }
  html body .menu-btn svg{width:25px!important;height:25px!important}

  html body .navlinks{
    display:none!important;position:fixed!important;left:auto!important;right:0!important;top:62px!important;
    width:min(42vw,270px)!important;height:auto!important;min-height:0!important;
    max-height:calc(100vh - 62px)!important;overflow:auto!important;
    flex:none!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
    gap:0!important;padding:7px 14px 10px!important;background:#fffdf7!important;
    border-left:1px solid #e9e5dc!important;border-bottom:1px solid #e9e5dc!important;
    border-radius:0 0 0 18px!important;box-shadow:-12px 15px 28px rgba(0,0,0,.12)!important;z-index:400!important
  }
  html body .navlinks.open{display:flex!important}
  html body .navlinks a{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    width:100%!important;min-height:34px!important;margin:0!important;padding:6px 10px!important;
    font-size:12px!important;line-height:1.2!important;text-align:left!important;white-space:normal!important;position:relative!important
  }
  html body .navlinks a.active:after,
  html body .navlinks a:hover:after{left:10px!important;right:auto!important;bottom:1px!important;width:34px!important;height:2px!important}

  /* HERO — mobile landscape uses the available width instead of stacking */
  html body .hero{min-height:0!important;height:auto!important;padding:10px 0 12px!important;overflow:hidden!important}
  html body.page-home .hero>.container,
  html body .hero>.container.hero-grid,
  html body .hero-grid{
    width:min(920px,calc(100% - 28px))!important;
    min-height:0!important;height:auto!important;margin-left:auto!important;margin-right:auto!important;
    padding-top:0!important;padding-bottom:0!important;
    display:grid!important;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr)!important;
    gap:16px!important;align-items:center!important
  }
  html body .hero-copy{
    width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;
    margin:0!important;padding:0!important;display:block!important;align-self:center!important
  }
  html body.page-learning .learning-hero .hero-copy{
    width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;
    margin:0!important;padding:0!important;display:block!important;position:static!important;
    align-self:center!important;grid-template-rows:none!important;row-gap:0!important;align-content:normal!important
  }
  html body .hero .eyebrow{
    margin:0 0 6px!important;font-size:10.5px!important;line-height:1.25!important;letter-spacing:.07em!important
  }
  html body #kkHeroTitle,
  html body .hero h1{
    width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;
    margin:0!important;padding:0!important;font-size:clamp(28px,4vw,35px)!important;
    line-height:1.02!important;letter-spacing:-.03em!important;overflow:visible!important
  }
  html body.page-learning #kkHeroTitle,
  html body.page-rooms #kkHeroTitle,
  html body.page-parents #kkHeroTitle{font-size:clamp(27px,3.65vw,32px)!important}
  html body.page-fees #kkHeroTitle,
  html body.page-gallery #kkHeroTitle,
  html body.page-contact #kkHeroTitle,
  html body.page-about #kkHeroTitle{font-size:clamp(28px,3.8vw,33px)!important}
  html body #kkHeroTitle .kk-title-line{white-space:normal!important}

  html body .hero-copy p,
  html body .hero-copy .lead,
  html body.page-home .hero p{
    width:100%!important;max-width:none!important;margin:8px 0 10px!important;
    font-size:12.5px!important;line-height:1.42!important
  }
  html body .hero-actions{
    width:100%!important;margin:0!important;display:flex!important;grid-template-columns:none!important;
    flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important
  }
  html body .hero-actions .btn{
    width:auto!important;min-width:0!important;max-width:none!important;height:38px!important;min-height:38px!important;
    flex:1 1 0!important;padding:0 10px!important;font-size:11.5px!important;gap:6px!important;white-space:nowrap!important
  }
  html body .hero-actions .btn-icon{width:16px!important;height:16px!important;flex:0 0 16px!important}

  /* Landscape is short: keep decorative title animations out of the reading path. */
  html body .mobile-hero-gap-animation,
  html body .learning-desktop-gap-animation,
  html body .gallery-title-gap,
  html body .gallery-mobile-single-animation,
  html body .contact-title-gap,
  html body .about-hero-mini-animation,
  html body .title-gap{display:none!important}

  html body .hero-media{
    position:relative!important;width:100%!important;height:clamp(210px,29vw,248px)!important;
    min-height:210px!important;max-height:248px!important;margin:0!important;padding:0!important;align-self:center!important
  }
  html body.page-learning .learning-hero .hero-media{
    position:relative!important;width:100%!important;height:clamp(210px,29vw,248px)!important;
    min-height:210px!important;max-height:248px!important;margin:0!important;padding:0!important;align-self:center!important
  }
  html body .hero-media img,
  html body.page-home .hero-media img{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    min-height:0!important;max-height:none!important;object-fit:cover!important;object-position:center!important;
    border-radius:24px!important;box-shadow:0 10px 26px rgba(18,60,43,.10)!important
  }
  html body .hero-media:before,
  html body.page-home .hero-media:before{
    content:""!important;position:absolute!important;inset:8px -7px -7px 10px!important;
    background:#dceab8!important;border-radius:26px!important;transform:none!important
  }
  html body .hero-media .sun,
  html body .hero-media .doodle,
  html body.page-home .doodle{display:none!important}

  /* TRUST / FACTS */
  html body.page-home .trust-wrap{margin-top:8px!important}
  html body.page-home .trust,
  html body .stat-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;border-radius:18px!important}
  html body.page-home .trust-item,
  html body .stat-item{min-height:78px!important;padding:10px 8px!important}
  html body.page-home .trust-icon{width:34px!important;height:34px!important;font-size:17px!important;border-radius:10px!important}
  html body.page-home .trust b{font-size:11.5px!important}
  html body.page-home .trust small{font-size:9.5px!important}
  html body.contact-page .stats-compact{grid-template-columns:repeat(4,minmax(0,1fr))!important}

  /* MAIN CONTENT — use landscape width efficiently */
  html body.page-about .story-grid{grid-template-columns:.82fr 1.18fr!important;gap:20px!important;align-items:center!important}
  html body.page-about .stat-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  /* ABOUT ONLY — five value cards leave one landscape grid cell empty.
     Use that exact sixth cell for a decorative animation. */
  html body.page-about .values-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    position:relative!important;
  }
  html body.page-about .values-grid::after{
    content:"☆   ♡   ✿";
    grid-column:3;
    grid-row:2;
    align-self:stretch;
    justify-self:stretch;
    min-height:100%;
    display:grid;
    place-items:center;
    border-left:1px dashed #d6dcd1;
    color:#2f8a49;
    font-size:30px;
    letter-spacing:24px;
    text-indent:24px;
    background:
      radial-gradient(circle at 20% 40%,#3c94bd 0 6px,transparent 7px),
      radial-gradient(circle at 50% 58%,#ef7898 0 6px,transparent 7px),
      radial-gradient(circle at 80% 38%,#e5b52d 0 6px,transparent 7px),
      linear-gradient(90deg,transparent 8%,rgba(229,181,45,.48) 9% 90%,transparent 91%) 50% 42%/88% 2px no-repeat,
      linear-gradient(90deg,transparent 16%,rgba(47,138,73,.28) 17% 83%,transparent 84%) 50% 61%/76% 2px no-repeat;
    opacity:.86;
    animation:kkAboutLandscapePlay 3.4s ease-in-out infinite alternate;
    pointer-events:none;
  }

  @keyframes kkAboutLandscapePlay{
    0%{
      transform:translateY(5px) scale(.985);
      background-position:
        14% 43%,
        47% 58%,
        76% 40%,
        50% 42%,
        50% 61%;
    }
    100%{
      transform:translateY(-5px) scale(1);
      background-position:
        24% 38%,
        57% 53%,
        87% 34%,
        50% 42%,
        50% 61%;
    }
  }

  html body .room-grid,
  html body .rooms-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  html body .feature-grid,
  html body .feature-card{grid-template-columns:repeat(3,minmax(0,1fr))!important}

  /* HOME ONLY — landscape decoration beside Outdoor Learning. */
  html body.page-home .feature-grid{
    position:relative!important;
  }
  html body.page-home .feature-grid>.feature:last-child{
    grid-column:1/-1!important;
  }
  html body.page-home .feature-grid::after{
    content:"☆   ♡   ✿";
    grid-column:2/4;
    grid-row:2;
    align-self:stretch;
    justify-self:stretch;
    min-height:100%;
    display:grid;
    place-items:center;
    border-radius:22px;
    color:#2f8a49;
    font-size:31px;
    letter-spacing:30px;
    text-indent:30px;
    background:
      radial-gradient(circle at 18% 40%,#3c94bd 0 6px,transparent 7px),
      radial-gradient(circle at 50% 58%,#ef7898 0 6px,transparent 7px),
      radial-gradient(circle at 82% 38%,#e5b52d 0 6px,transparent 7px),
      linear-gradient(90deg,transparent 7%,rgba(229,181,45,.48) 8% 91%,transparent 92%) 50% 42%/88% 2px no-repeat,
      linear-gradient(90deg,transparent 14%,rgba(47,138,73,.28) 15% 84%,transparent 85%) 50% 61%/78% 2px no-repeat;
    opacity:.86;
    animation:kkHomeLandscapePlay 3.4s ease-in-out infinite alternate;
    pointer-events:none;
  }

  @keyframes kkHomeLandscapePlay{
    0%{
      transform:translateY(5px) scale(.985);
      background-position:
        12% 43%,
        48% 58%,
        78% 40%,
        50% 42%,
        50% 61%;
    }
    100%{
      transform:translateY(-5px) scale(1);
      background-position:
        23% 38%,
        56% 53%,
        87% 34%,
        50% 42%,
        50% 61%;
    }
  }

  /* ROOMS PAGE — keep the five-card strip tidy in landscape and use the empty space decoratively. */
  html body.page-rooms .feature-card{
    position:relative!important;
    align-items:stretch!important;
  }
  html body.page-rooms .feature{
    min-height:142px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
  }
  html body.page-rooms .feature:nth-child(2)::after,
  html body.page-rooms .feature:nth-child(4)::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    right:0!important;
    top:16px!important;
    bottom:16px!important;
    width:1px!important;
    background:#e9e4d8!important;
  }
  html body.page-rooms .feature:nth-child(4){grid-column:1!important;grid-row:2!important}
  html body.page-rooms .feature:nth-child(5){grid-column:1/-1!important;grid-row:3!important}
  html body.page-rooms .feature-card::after{
    content:"●   ☆   ♡   ●\A      ✿";
    white-space:pre;
    grid-column:2/4;
    grid-row:2;
    align-self:stretch;
    justify-self:stretch;
    display:grid;
    place-items:center;
    border-left:1px solid #e9e4d8;
    border-bottom:1px solid #eee9df;
    color:#2f8a49;
    font-size:28px;
    line-height:1.55;
    letter-spacing:14px;
    text-indent:14px;
    background:
      linear-gradient(90deg,transparent 13%,rgba(229,181,45,.48) 14% 86%,transparent 87%) 50% 40%/56% 2px no-repeat,
      linear-gradient(90deg,transparent 22%,rgba(143,189,143,.42) 23% 77%,transparent 78%) 50% 68%/42% 2px no-repeat;
    opacity:.9;
    animation:kkRoomsFeaturePlay 3.4s ease-in-out infinite alternate;
    pointer-events:none;
  }

  /* LEARNING PAGE — finish the second-row gap after “Expressive Arts & Design”. */
  html body.page-learning .approach-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    position:relative!important;
    align-items:stretch!important;
  }
  html body.page-learning .learning-card{
    min-height:168px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
  }
  html body.page-learning .approach-grid>.learning-card:nth-child(7){
    border-right:1px solid #eee9df!important;
  }
  html body.page-learning .approach-grid::after{
    content:"●   ☆   ♡\A    ✿";
    white-space:pre;
    grid-column:4;
    grid-row:2;
    align-self:stretch;
    justify-self:stretch;
    display:grid;
    place-items:center;
    color:#2f8a49;
    font-size:27px;
    line-height:1.55;
    letter-spacing:12px;
    text-indent:12px;
    background:
      linear-gradient(90deg,transparent 12%,rgba(229,181,45,.46) 13% 87%,transparent 88%) 50% 40%/58% 2px no-repeat,
      linear-gradient(90deg,transparent 24%,rgba(143,189,143,.42) 25% 75%,transparent 76%) 50% 68%/40% 2px no-repeat;
    opacity:.9;
    animation:kkLearningAreasPlay 3.4s ease-in-out infinite alternate;
    pointer-events:none;
  }

  html body .photo-grid,
  html body .gallery-row,
  html body .experience-gallery,
  html body .gallery-highlights,
  html body .accent-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}

  /* GALLERY PAGE — mobile landscape only: fill the final empty photo-grid cell
     with a soft semi-transparent nursery animation. */
  html body.page-gallery .photo-grid{
    position:relative!important;
    align-items:stretch!important;
  }
  html body.page-gallery .photo-grid::after{
    content:"☆   ♡   ✿\A   •   ☆   •";
    white-space:pre;
    grid-column:3;
    grid-row:3;
    align-self:stretch;
    justify-self:stretch;
    min-height:190px;
    display:grid;
    place-items:center;
    border:1px solid rgba(47,138,73,.12);
    border-radius:18px;
    color:rgba(47,138,73,.55);
    font-size:27px;
    line-height:1.6;
    letter-spacing:12px;
    text-indent:12px;
    background:
      radial-gradient(circle at 18% 24%,rgba(112,181,212,.20) 0 7px,transparent 8px),
      radial-gradient(circle at 80% 28%,rgba(247,216,91,.22) 0 7px,transparent 8px),
      radial-gradient(circle at 72% 72%,rgba(233,121,159,.18) 0 7px,transparent 8px),
      linear-gradient(135deg,rgba(255,253,247,.72),rgba(242,247,233,.52));
    box-shadow:0 8px 20px rgba(23,70,42,.03);
    opacity:.72;
    animation:kkGalleryLandscapePlay 3.6s ease-in-out infinite alternate;
    pointer-events:none;
  }

  @keyframes kkGalleryLandscapePlay{
    0%{transform:translateY(4px) scale(.99);opacity:.64}
    100%{transform:translateY(-4px) scale(1);opacity:.78}
  }

  /* ROOMS PAGE — the last gallery image leaves a wide second-row gap in landscape.
     Turn that exact gap into the same playful decorative zone instead of blank space. */
  html body.page-rooms .gallery-row{
    position:relative!important;
    align-items:stretch!important;
  }
  html body.page-rooms .gallery-row::after{
    content:"☁  🌈  A  ★  ◐  ☆  ☁";
    grid-column:2/4;
    grid-row:2;
    align-self:stretch;
    justify-self:stretch;
    min-height:116px;
    display:grid;
    place-items:center;
    border:1px solid #ecf0e3;
    border-radius:18px;
    background:
      linear-gradient(180deg,#fafcf2 0%,#fffdf3 100%),
      linear-gradient(90deg,rgba(143,189,143,.38),rgba(143,189,143,.38)) 50% 64%/72% 2px no-repeat;
    box-shadow:0 8px 20px rgba(23,70,42,.04);
    color:#2f8a49;
    font-size:26px;
    letter-spacing:10px;
    animation:kkRoomsGalleryTrail 4s ease-in-out infinite alternate;
    pointer-events:none;
  }

  /* LEARNING PAGE — add the missing divider and a small decorative zone after “Funded Places”. */
  html body.page-learning .learning-proof .proof-row{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    position:relative!important;
    align-items:stretch!important;
  }
  html body.page-learning .learning-proof .proof-row>.proof-item{
    min-height:92px!important;
  }
  html body.page-learning .learning-proof .proof-row>.proof-item:nth-child(5){
    border-right:1px solid #eee9df!important;
  }
  html body.page-learning .learning-proof .proof-row::after{
    content:"☀   ☆   ♡   ✿";
    grid-column:3;
    grid-row:2;
    align-self:stretch;
    justify-self:stretch;
    display:grid;
    place-items:center;
    color:#2f8a49;
    font-size:24px;
    letter-spacing:8px;
    background:
      linear-gradient(90deg,transparent 12%,rgba(229,181,45,.46) 13% 87%,transparent 88%) 50% 42%/64% 2px no-repeat,
      linear-gradient(90deg,transparent 24%,rgba(143,189,143,.38) 25% 75%,transparent 76%) 50% 66%/40% 2px no-repeat;
    opacity:.88;
    animation:kkLearningProofPlay 3.2s ease-in-out infinite alternate;
    pointer-events:none;
  }

  @keyframes kkRoomsFeaturePlay{
    0%{transform:translateY(4px) scale(.988);background-position:50% 40%,50% 68%}
    100%{transform:translateY(-4px) scale(1);background-position:54% 36%,46% 70%}
  }

  @keyframes kkLearningAreasPlay{
    0%{transform:translateY(4px) scale(.988);background-position:50% 40%,50% 68%}
    100%{transform:translateY(-4px) scale(1);background-position:54% 36%,46% 70%}
  }

  @keyframes kkRoomsGalleryTrail{
    0%{transform:translateY(4px) scale(.99)}
    100%{transform:translateY(-4px) scale(1)}
  }

  @keyframes kkLearningProofPlay{
    0%{transform:translateY(4px) scale(.99);background-position:50% 42%,50% 66%}
    100%{transform:translateY(-4px) scale(1);background-position:53% 39%,47% 69%}
  }
  /* PARENTS PAGE — five value cards leave one empty landscape cell after Flexible & Supportive. */
  html body.page-parents .parent-values{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    position:relative!important;
    align-items:stretch!important;
  }
  html body.page-parents .parent-values::after{
    content:"☆   ♡   ✿";
    grid-column:3;
    grid-row:2;
    align-self:stretch;
    justify-self:stretch;
    min-height:100%;
    display:grid;
    place-items:center;
    border-left:1px solid rgba(23,106,59,.10);
    color:#2f8a49;
    font-size:30px;
    letter-spacing:22px;
    text-indent:22px;
    background:
      radial-gradient(circle at 20% 40%,rgba(60,148,189,.72) 0 6px,transparent 7px),
      radial-gradient(circle at 50% 58%,rgba(239,120,152,.68) 0 6px,transparent 7px),
      radial-gradient(circle at 80% 38%,rgba(229,181,45,.72) 0 6px,transparent 7px),
      linear-gradient(90deg,transparent 10%,rgba(229,181,45,.34) 11% 89%,transparent 90%) 50% 42%/80% 2px no-repeat,
      linear-gradient(90deg,transparent 22%,rgba(47,138,73,.24) 23% 77%,transparent 78%) 50% 66%/56% 2px no-repeat;
    opacity:.76;
    animation:kkParentsValuesPlay 3.4s ease-in-out infinite alternate;
    pointer-events:none;
  }

  @keyframes kkParentsValuesPlay{
    0%{
      transform:translateY(4px) scale(.988);
      background-position:15% 43%,47% 58%,76% 40%,50% 42%,50% 66%;
    }
    100%{
      transform:translateY(-4px) scale(1);
      background-position:24% 38%,57% 53%,87% 34%,50% 42%,50% 66%;
    }
  }

  html body.page-parents .support-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  html body .testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body .price-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
  html body .price-card table{font-size:12px!important}
  html body .price-card td{padding:9px 11px!important}
  html body .price-head{padding:13px 12px!important;font-size:13px!important}

  html body .dual-columns,
  html body .contact-layout,
  html body .map-panel,
  html body .parent-strip,
  html body .action-banner .banner-grid,
  html body .proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  html body.contact-page .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body.contact-page .field.full{grid-column:1/-1!important}

  html body .section-title{margin-bottom:18px!important}
  html body .section-title h2{font-size:clamp(27px,3.6vw,34px)!important}
  html body .section-title p{font-size:12.5px!important;margin-top:6px!important}

  /* CTA / BANNERS */
  html body.page-home .cta-inner,
  html body .cta-inner{
    display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;
    gap:18px!important;padding-top:24px!important;padding-bottom:22px!important
  }
  html body.page-home .cta h2,
  html body .cta h2{font-size:28px!important}
  html body .cta-actions{display:flex!important;flex-direction:row!important;width:auto!important;gap:8px!important}
  html body .cta-actions .btn{width:auto!important;min-width:135px!important;padding:9px 14px!important;font-size:11.5px!important}
  html body .action-banner{padding:18px 20px 70px!important}
  html body .action-banner .actions{display:flex!important;flex-direction:row!important;gap:8px!important}
  html body .action-banner .actions .btn{width:auto!important;min-width:135px!important}

  /* FOOTER — brand above, then three clean columns */
  html body footer{padding:18px 0 10px!important}
  html body .footer-grid,
  html body .footer-grid-v5{
    display:grid!important;
    grid-template-columns:minmax(0,1.2fr) minmax(0,1.08fr) minmax(0,.92fr)!important;
    grid-template-areas:"brand brand brand" "quick contact info"!important;
    column-gap:18px!important;row-gap:12px!important;align-items:start!important
  }
  html body .footer-grid>.footer-brand,
  html body .footer-grid-v5>.footer-brand{
    grid-area:brand!important;width:100%!important;display:flex!important;flex-direction:column!important;
    align-items:center!important;justify-content:center!important;text-align:center!important
  }
  html body .footer-grid-v5>.quicklinks-group{grid-area:quick!important}
  html body .footer-grid-v5>.footer-contact-col{grid-area:contact!important}
  html body .footer-grid-v5>.footer-info{grid-area:info!important}
  html body .footer-grid:not(.footer-grid-v5)>:nth-child(2){grid-area:quick!important}
  html body .footer-grid:not(.footer-grid-v5)>:nth-child(3){grid-area:info!important}
  html body .footer-grid:not(.footer-grid-v5)>:nth-child(4){grid-area:contact!important}
  html body footer .footer-brand img{width:118px!important;height:43px!important;margin:0 auto 4px!important;object-fit:contain!important}
  html body footer .footer-brand p{max-width:360px!important;margin:0 auto!important;font-size:10.5px!important;line-height:1.35!important;text-align:center!important}
  html body footer .footer-title,
  html body footer h3{font-size:12px!important;margin:0 0 6px!important;text-align:center!important}
  html body footer .footer-list{gap:4px!important;font-size:10.5px!important;line-height:1.35!important;justify-items:center!important;text-align:center!important}
  html body .footer-links-2,
  html body .quicklinks-columns{grid-template-columns:1fr 1fr!important;gap:0 10px!important}
  html body footer a{overflow-wrap:anywhere!important}
  html body .footer-bottom{margin-top:10px!important;padding-top:7px!important;font-size:9.5px!important;gap:8px!important}

  /* FLOATING BUTTON */
  html body .scroll-nav-btn,
  html body .scroll-top{width:42px!important;height:42px!important;right:12px!important;bottom:12px!important;font-size:22px!important}
}