
:root{--bg:#fbf7ef;--soft:#f3eee4;--card:#fff;--sage:#8a9b7b;--sage2:#56684c;--deep:#30402d;--sand:#efe4d4;--txt:#252525;--mut:#696761;--line:rgba(48,64,45,.14);--shadow:0 24px 70px rgba(48,64,45,.12);--r:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,sans-serif;background:var(--bg);color:var(--txt);line-height:1.72}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}h1,h2,h3{font-family:'Cormorant Garamond',serif;color:var(--deep);line-height:1.05;margin:0}h1{font-size:clamp(3rem,7vw,6.6rem)}h2{font-size:clamp(2.1rem,4.5vw,4rem)}h3{font-size:1.65rem}p{margin:0 0 1rem;color:var(--mut)}.container{width:min(1210px,92%);margin:auto}.notice{background:var(--deep);color:#fff;font-size:.88rem}.notice a{color:#fff}.notice .container{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.55rem 0}.header{position:sticky;top:0;z-index:50;background:rgba(251,247,239,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0}.logo{display:flex;align-items:center;gap:.85rem}.logo img{width:64px;height:64px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:16px;padding:5px}.logo strong{display:block;color:var(--deep);font-weight:800}.logo small{display:block;color:var(--mut);font-size:.75rem}.links{display:flex;gap:.18rem;align-items:center;font-size:.88rem}.links a,.drop button{border:0;background:transparent;padding:.7rem .58rem;border-radius:999px;font-weight:700;color:var(--deep);cursor:pointer}.links a:hover,.drop:hover button{background:#fff}.drop{position:relative}.submenu{display:none;position:absolute;top:110%;left:0;min-width:270px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:.55rem}.submenu a{display:block;border-radius:12px;padding:.7rem}.drop:hover .submenu{display:block}.cta{background:var(--sage2)!important;color:#fff!important}.toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:14px;padding:.7rem .9rem;font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.98rem 1.35rem;font-weight:800;border:1px solid transparent}.primary{background:var(--sage2);color:#fff;box-shadow:0 14px 32px rgba(86,104,76,.22)}.secondary{background:#fff;color:var(--deep);border-color:var(--line)}.actions{display:flex;gap:.8rem;flex-wrap:wrap}.hero{padding:7rem 0 4.8rem;background:linear-gradient(90deg,rgba(251,247,239,.98),rgba(251,247,239,.72),rgba(251,247,239,.96)),url('../images/dharamsala1.jpg') center/cover}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:3rem;align-items:center}.kicker{display:inline-flex;background:rgba(255,255,255,.75);border:1px solid var(--line);color:var(--sage2);padding:.44rem .78rem;border-radius:999px;font-size:.82rem;font-weight:800;margin-bottom:1rem}.hero-text{font-size:1.12rem;max-width:720px;color:#55524c;margin:1.2rem 0 1.8rem}.media{position:relative;background:rgba(255,255,255,.74);border:1px solid var(--line);border-radius:42px;padding:1rem;box-shadow:var(--shadow)}.media img{height:560px;width:100%;object-fit:cover;border-radius:34px}.badge{position:absolute;left:-28px;bottom:52px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:1rem 1.15rem;box-shadow:var(--shadow)}.badge span,.badge small{display:block;color:var(--mut)}.badge strong{display:block;color:var(--deep);font-size:1.2rem}.stats,.quick-grid,.grid3,.grid4,.grid2{display:grid;gap:1.2rem}.stats{grid-template-columns:repeat(3,1fr);margin-top:2rem}.stats div,.card,.course,.class,.review,.faq{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.45rem;box-shadow:0 12px 34px rgba(48,64,45,.08)}.stats strong{display:block;color:var(--deep);font-size:1.2rem}.stats span{font-size:.88rem;color:var(--mut)}.quick{margin-top:-1.5rem;position:relative;z-index:2}.quick-grid{grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}.quick-grid div{padding:1.2rem;border-right:1px solid var(--line)}.quick-grid span{display:block;text-transform:uppercase;font-size:.75rem;font-weight:800;color:var(--mut)}.quick-grid strong{color:var(--deep)}.section{padding:5.2rem 0}.soft{background:linear-gradient(180deg,var(--bg),var(--soft))}.dark{background:linear-gradient(135deg,var(--deep),#1e2a1d);color:#fff}.dark h1,.dark h2,.dark h3{color:#fff}.dark p{color:rgba(255,255,255,.78)}.dark .kicker{background:rgba(255,255,255,.12);color:#eee;border-color:rgba(255,255,255,.18)}.head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2.3rem}.head p{max-width:620px}.center{max-width:840px;text-align:center;margin:0 auto 2.4rem}.split{display:grid;grid-template-columns:.92fr 1.08fr;gap:2.5rem;align-items:center}.rev{grid-template-columns:1.08fr .92fr}.frame{border-radius:36px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.frame img{width:100%;height:510px;object-fit:cover}.pills{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.2rem}.pills span{background:var(--sand);color:var(--deep);border-radius:999px;padding:.52rem .78rem;font-size:.88rem;font-weight:700}.grid2{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(4,1fr)}.course.featured{background:linear-gradient(145deg,#fff,#f4eddf)}.loc{display:inline-flex;background:var(--sand);color:var(--deep);font-weight:800;border-radius:999px;padding:.35rem .72rem;font-size:.82rem;margin-bottom:.8rem}.dates,.clean{list-style:none;padding:0;margin:1rem 0}.dates li,.clean li{background:var(--bg);border:1px solid var(--line);border-radius:15px;padding:.65rem .78rem;margin-bottom:.5rem;color:var(--deep);font-weight:650}.price{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1.15rem 0}.price div{background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:.9rem}.price strong{display:block;color:var(--deep);font-size:1.45rem}.timeline{max-width:880px;margin:auto;display:grid;gap:.75rem}.timeline div{display:grid;grid-template-columns:190px 1fr;gap:1rem;background:#fff;border:1px solid var(--line);border-radius:18px;padding:1rem}.timeline time{color:var(--deep);font-weight:800}.gallery-block{margin-bottom:2.3rem}.gallery{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:1rem}.gallery img{width:100%;height:270px;object-fit:cover;border-radius:24px;box-shadow:0 12px 34px rgba(48,64,45,.08)}.gallery img:first-child{height:558px;grid-row:span 2}.booking{display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem;align-items:start}.form,.upi{background:#fff;border:1px solid var(--line);border-radius:34px;padding:1.5rem;box-shadow:var(--shadow)}.form label{display:block;font-weight:700;color:var(--deep);margin-bottom:.35rem}.form input,.form select,.form textarea{width:100%;padding:1rem;border:1px solid var(--line);border-radius:16px;background:var(--bg);margin-bottom:1rem}.form textarea{min-height:130px}.upi{margin-top:1.4rem}.upi strong{display:block;font-size:1.55rem;color:var(--deep);word-break:break-word;margin:.35rem 0}.stars{color:#b69855;font-weight:800}.faq summary{font-weight:800;color:var(--deep);cursor:pointer}.footer{background:#1e2a1d;color:#fff;padding:3.5rem 0 1.2rem}.footer h3,.footer h4{color:#fff}.footer p,.footer a{color:rgba(255,255,255,.72)}.footer a{display:block;margin-bottom:.5rem}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:2rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:2rem;padding-top:1rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:rgba(255,255,255,.58);font-size:.9rem}.whatsapp{position:fixed;right:18px;bottom:18px;z-index:90;background:#25d366;color:#fff;border-radius:999px;padding:.85rem 1rem;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.22)}.note{background:#fff;border:1px dashed var(--sage);border-radius:20px;padding:1rem;color:var(--mut);font-size:.92rem}
@media(max-width:1100px){.toggle{display:inline-flex}.links{position:fixed;inset:88px 0 auto 0;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch;padding:1rem;max-height:calc(100vh - 88px);overflow:auto}.links.open{display:flex}.links a,.drop button{width:100%;text-align:left;background:var(--bg);border-radius:14px}.submenu{position:static;display:block;box-shadow:none;min-width:auto}.hero-grid,.split,.rev,.booking{grid-template-columns:1fr}.head{display:block}.grid4,.grid3,.grid2{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.notice .container{display:block}.logo small{display:none}.logo img{width:50px;height:50px}.hero{padding:4.8rem 0 3.2rem}.media img,.frame img{height:370px}.badge{position:static;margin-top:1rem}.stats,.quick-grid,.grid4,.grid3,.grid2,.footer-grid,.price{grid-template-columns:1fr}.quick-grid div{border-right:0;border-bottom:1px solid var(--line)}.timeline div{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.gallery img,.gallery img:first-child{height:280px;grid-row:auto}}


/* Header alignment refinement */
.header {
  min-height: 92px;
}

.nav {
  min-height: 92px;
  align-items: center;
}

.logo {
  gap: 0.9rem;
  flex: 0 0 auto;
  max-width: 310px;
}

.logo img {
  width: 62px;
  height: 62px;
  border-radius: 18px;
  object-fit: contain;
}

.logo strong {
  font-size: 1.18rem;
  line-height: 1.15;
  white-space: normal;
}

.logo small {
  font-size: 0.82rem;
  line-height: 1.2;
}

.nav-links {
  flex: 1;
  justify-content: flex-end;
  gap: 0.12rem;
}

.nav-links a,
.nav-drop button {
  padding: 0.62rem 0.58rem;
  line-height: 1.2;
  white-space: nowrap;
  font-size: 0.86rem;
}

.nav-cta {
  border-radius: 999px !important;
  padding: 0.76rem 1.05rem !important;
  min-width: auto;
  height: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.menu-toggle {
  display: none;
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 14px;
  padding: 0.7rem 0.9rem;
  font-weight: 800;
  cursor: pointer;
  font-size: 1rem;
  color: var(--deep);
}

.menu-toggle:hover {
  background: var(--bg);
}

@media (min-width: 1101px) {
  .nav {
    display: grid;
    grid-template-columns: minmax(260px, 330px) 1fr;
    column-gap: 1.2rem;
  }

  .nav-links {
    justify-self: end;
  }
}

@media (max-width: 1180px) and (min-width: 1101px) {
  .logo {
    max-width: 260px;
  }

  .logo strong {
    font-size: 1.05rem;
  }

  .nav-links a,
  .nav-drop button {
    font-size: 0.8rem;
    padding: 0.55rem 0.42rem;
  }

  .nav-cta {
    padding: 0.68rem 0.82rem !important;
  }
}

@media (max-width: 700px) {
  .header {
    min-height: auto;
  }

  .nav {
    min-height: 72px;
  }

  .logo {
    max-width: 240px;
  }

  .logo strong {
    font-size: 1rem;
  }
}


/* Production ready refinements */
html {
  scroll-padding-top: 96px;
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.header {
  min-height: 82px;
}

.nav {
  min-height: 82px;
  padding: 0.65rem 0;
}

.logo {
  max-width: 300px;
  gap: 0.78rem;
}

.logo img {
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  object-fit: contain;
}

.logo strong {
  font-size: 1.12rem;
  line-height: 1.15;
}

.logo small {
  font-size: 0.78rem;
}

.nav-links {
  justify-content: flex-end;
  gap: 0.1rem;
}

.nav-links a,
.nav-drop button {
  font-size: 0.84rem;
  padding: 0.58rem 0.52rem;
  line-height: 1.2;
  white-space: nowrap;
}

.nav-cta {
  border-radius: 999px !important;
  padding: 0.75rem 1.05rem !important;
  min-width: auto !important;
  height: auto !important;
}

.coming-card {
  min-height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.card,
.course-card,
.class-card,
.review-card,
.faq-item,
.form,
.upi-card {
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.card:hover,
.course-card:hover,
.class-card:hover,
.review-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 48px rgba(48,64,45,.12);
}

img {
  image-rendering: auto;
}

@media (min-width: 1101px) {
  .nav {
    display: grid;
    grid-template-columns: minmax(255px, 315px) 1fr;
    column-gap: 1.25rem;
  }

  .nav-links {
    justify-self: end;
  }
}

@media (max-width: 1220px) and (min-width: 1101px) {
  .logo {
    max-width: 260px;
  }

  .logo strong {
    font-size: 1rem;
  }

  .nav-links a,
  .nav-drop button {
    font-size: 0.78rem;
    padding: 0.52rem 0.38rem;
  }

  .nav-cta {
    padding: 0.62rem 0.75rem !important;
  }
}

@media (max-width: 700px) {
  .nav {
    min-height: 72px;
  }

  .logo img {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
  }

  .logo strong {
    font-size: 1rem;
  }
}


/* Fix Coming Soon cards visibility */
.section-dark .coming-card {
  background: rgba(255, 255, 255, 0.10) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
  min-height: 155px;
  padding: 1.35rem;
  border-radius: 26px;
  box-shadow: none;
}

.section-dark .coming-card h3 {
  color: #ffffff !important;
  font-size: 1.35rem;
  line-height: 1.15;
  margin-bottom: 0.6rem;
}

.section-dark .coming-card p {
  color: rgba(255, 255, 255, 0.78) !important;
  margin: 0;
  font-weight: 600;
}

.section-dark .grid-2,
.section-dark .grid-3 {
  align-items: stretch;
}

@media (max-width: 700px) {
  .section-dark .coming-card {
    min-height: auto;
  }
}


/* Guaranteed visible Coming Soon section */
.coming-soon-section .coming-soon-card h3,
.coming-soon-section .coming-soon-card p,
.coming-soon-section .coming-soon-card span {
  opacity: 1 !important;
  visibility: visible !important;
}

@media (max-width: 760px) {
  .coming-soon-section .coming-soon-grid {
    grid-template-columns: 1fr !important;
  }

  .coming-soon-section .coming-soon-card h3 {
    font-size: 24px !important;
  }
}

.coming-picture-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;max-width:1080px;margin:0 auto}
.coming-picture-card{min-height:315px!important;border-radius:30px!important;overflow:hidden;background-size:cover!important;background-position:center!important;display:flex!important;align-items:flex-end!important;padding:24px!important;box-shadow:0 20px 55px rgba(0,0,0,.24)!important;border:1px solid rgba(255,255,255,.16)!important}
.coming-picture-card span{display:inline-block!important;background:rgba(255,255,255,.92)!important;color:#1f331f!important;border-radius:999px!important;padding:6px 12px!important;font-size:13px!important;font-weight:800!important;margin-bottom:12px!important}
.coming-picture-card h3{color:#fff!important;font-size:clamp(1.7rem,3vw,2.3rem)!important;line-height:1.05!important;margin:0 0 8px!important;text-shadow:0 2px 14px rgba(0,0,0,.35)!important}
.coming-picture-card p{color:rgba(255,255,255,.88)!important;margin:0!important;max-width:520px!important}
@media(max-width:760px){.coming-picture-grid{grid-template-columns:1fr!important}.coming-picture-card{min-height:280px!important}}


/* Final production navigation cleanup */
.header {
  min-height: 86px !important;
}

.nav {
  min-height: 86px !important;
  padding: 0.7rem 0 !important;
}

.logo {
  max-width: 300px !important;
}

.logo img {
  width: 56px !important;
  height: 56px !important;
  flex: 0 0 56px !important;
}

.logo strong {
  font-size: 1.12rem !important;
  line-height: 1.12 !important;
}

.logo small {
  font-size: 0.78rem !important;
}

.nav-links {
  gap: 0.18rem !important;
  align-items: center !important;
}

.nav-links a,
.nav-drop button {
  font-family: Poppins, system-ui, sans-serif !important;
  font-size: 0.93rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  padding: 0.72rem 0.75rem !important;
  border-radius: 999px !important;
}

.nav-cta {
  padding: 0.82rem 1.15rem !important;
  border-radius: 999px !important;
  min-width: auto !important;
  height: auto !important;
}

@media (min-width: 1101px) {
  .nav {
    grid-template-columns: minmax(255px, 315px) 1fr !important;
  }
}

@media (max-width: 1240px) and (min-width: 1101px) {
  .nav-links a,
  .nav-drop button {
    font-size: 0.84rem !important;
    padding: 0.62rem 0.5rem !important;
  }

  .logo strong {
    font-size: 1.02rem !important;
  }
}

@media (max-width: 700px) {
  .nav {
    min-height: 72px !important;
  }

  .logo img {
    width: 48px !important;
    height: 48px !important;
    flex-basis: 48px !important;
  }
}


/* ===== FINAL DELIVERY HEADER OVERRIDE ===== */
.final-header,
.header.final-header {
  min-height: 82px !important;
  background: rgba(251,247,239,.96) !important;
  border-bottom: 1px solid rgba(48,64,45,.14) !important;
}

.final-nav,
.nav.final-nav {
  min-height: 82px !important;
  padding: 0.62rem 0 !important;
  display: grid !important;
  grid-template-columns: minmax(250px, 315px) 1fr !important;
  align-items: center !important;
  column-gap: 1.2rem !important;
}

.final-logo,
.logo.final-logo {
  max-width: 315px !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.78rem !important;
}

.final-logo img,
.logo.final-logo img {
  width: 56px !important;
  height: 56px !important;
  flex: 0 0 56px !important;
  object-fit: contain !important;
  border-radius: 16px !important;
}

.final-logo strong {
  font-size: 1.1rem !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  color: #30402d !important;
}

.final-logo small {
  font-size: 0.78rem !important;
  line-height: 1.2 !important;
  color: #696761 !important;
}

.final-nav-links,
.nav-links.final-nav-links {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 0.22rem !important;
  flex-wrap: nowrap !important;
}

.final-nav-links > a {
  font-family: Poppins, system-ui, sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  padding: 0.7rem 0.68rem !important;
  border-radius: 999px !important;
  color: #30402d !important;
  background: transparent !important;
}

.final-nav-links > a:hover {
  background: #fff !important;
}

.final-nav-links .final-book-btn,
.final-book-btn {
  background: #56684c !important;
  color: #fff !important;
  padding: 0.82rem 1.12rem !important;
  border-radius: 999px !important;
  min-width: auto !important;
  height: auto !important;
  box-shadow: 0 12px 26px rgba(86,104,76,.24) !important;
}

.nav-drop,
.nav-dropdown,
.submenu,
.dropdown-menu {
  display: none !important;
}

@media (max-width: 1220px) and (min-width: 1101px) {
  .final-nav,
  .nav.final-nav {
    grid-template-columns: minmax(225px, 270px) 1fr !important;
  }

  .final-logo strong {
    font-size: 1rem !important;
  }

  .final-nav-links > a {
    font-size: 0.82rem !important;
    padding: 0.62rem 0.48rem !important;
  }

  .final-nav-links .final-book-btn {
    padding: 0.68rem 0.8rem !important;
  }
}

@media (max-width: 1100px) {
  .menu-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    order: 2;
    flex: 0 0 auto;
  }

  .final-nav,
  .nav.final-nav {
    display: flex !important;
    min-height: 72px !important;
  }

  .final-nav-links,
  .nav-links.final-nav-links {
    position: fixed !important;
    inset: 88px 0 auto 0 !important;
    background: #fff !important;
    border-bottom: 1px solid rgba(48,64,45,.14) !important;
    box-shadow: 0 24px 70px rgba(48,64,45,.12) !important;
    display: none !important;
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 1rem !important;
  }

  .final-nav-links.open,
  .nav-links.final-nav-links.open {
    display: flex !important;
  }

  .final-nav-links > a {
    width: 100% !important;
    text-align: left !important;
    background: #fbf7ef !important;
    border-radius: 14px !important;
    margin-bottom: 0.35rem !important;
  }
}

@media (max-width: 700px) {
  .final-logo img {
    width: 48px !important;
    height: 48px !important;
    flex-basis: 48px !important;
  }
}


/* ===== FINAL V2 CLIENT DELIVERY ===== */
.final-header,
.header.final-header {
  min-height: 82px !important;
}

.final-nav,
.nav.final-nav {
  min-height: 82px !important;
  padding: 0.58rem 0 !important;
  display: grid !important;
  grid-template-columns: minmax(285px, 350px) 1fr !important;
  align-items: center !important;
  column-gap: 1rem !important;
}

.final-logo,
.logo.final-logo {
  max-width: 350px !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.9rem !important;
}

.final-logo img,
.logo.final-logo img {
  width: 72px !important;
  height: 72px !important;
  flex: 0 0 72px !important;
  object-fit: contain !important;
  border-radius: 18px !important;
  background: #fff !important;
}

.final-logo strong {
  font-size: 1.16rem !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  color: #30402d !important;
}

.final-logo small {
  font-size: 0.8rem !important;
  line-height: 1.15 !important;
}

.final-nav-links,
.nav-links.final-nav-links {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.18rem !important;
  flex-wrap: nowrap !important;
}

.final-nav-links > a {
  font-family: Poppins, system-ui, sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  padding: 0.65rem 0.62rem !important;
  border-radius: 999px !important;
  color: #30402d !important;
}

.final-nav-links .final-book-btn,
.final-book-btn {
  background: #56684c !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 0.78rem 1.05rem !important;
  min-width: auto !important;
  height: auto !important;
}

.nav-drop, .nav-dropdown, .submenu, .dropdown-menu {
  display: none !important;
}

.home-daily-classes .class-card,
.daily-home-card {
  background: #fff !important;
}

.daily-home-card strong,
.class-card strong {
  display: block !important;
  margin: 0.55rem 0 0.35rem !important;
}

.daily-home-card span,
.class-card span {
  display: block !important;
}

.founder-list li {
  font-weight: 700 !important;
}

.gallery-filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.6rem;
  margin: 1.5rem auto 1rem;
  max-width: 980px;
}

.gallery-filter {
  border: 1px solid rgba(48, 64, 45, .18);
  background: #fff;
  color: var(--deep);
  padding: 0.65rem 1rem;
  border-radius: 999px;
  font-size: 0.92rem;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}

.gallery-filter:hover,
.gallery-filter.active {
  background: var(--sage);
  color: #fff;
  border-color: var(--sage);
  transform: translateY(-1px);
}

.gallery-tabs {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.gallery-block {
  margin-bottom: 2.5rem !important;
  transition: opacity 0.35s ease, transform 0.35s ease;
}

.gallery-block.hidden {
  display: none !important;
  opacity: 0;
  transform: translateY(1rem);
}

.gallery-block h3 {
  font-size: 1.8rem !important;
  margin-bottom: 1rem !important;
}

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

.gallery-grid img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 24px;
  box-shadow: 0 12px 34px rgba(48, 64, 45, .08);
  transition: transform 0.25s ease;
}

.gallery-grid img:hover {
  transform: translateY(-2px) scale(1.01);
}

@media (max-width: 900px) {
  .gallery-grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }
}

@media (max-width: 700px) {
  .gallery-filters {
    justify-content: center;
    gap: 0.4rem;
  }

  .gallery-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1280px) and (min-width: 1101px) {
  .final-nav,
  .nav.final-nav {
    grid-template-columns: minmax(250px, 300px) 1fr !important;
  }
  .final-logo img {
    width: 62px !important;
    height: 62px !important;
    flex-basis: 62px !important;
  }
  .final-logo strong {
    font-size: 1.03rem !important;
  }
  .final-nav-links > a {
    font-size: 0.78rem !important;
    padding: 0.58rem 0.42rem !important;
  }
  .final-nav-links .final-book-btn {
    padding: 0.66rem 0.76rem !important;
  }
}

@media (max-width: 1100px) {
  .final-nav,
  .nav.final-nav {
    display: flex !important;
  }
  .final-nav-links,
  .nav-links.final-nav-links {
    position: fixed !important;
    inset: 88px 0 auto 0 !important;
    display: none !important;
    flex-direction: column !important;
    align-items: stretch !important;
    background: #fff !important;
    padding: 1rem !important;
  }
  .final-nav-links.open {
    display: flex !important;
  }
  .final-nav-links > a {
    width: 100% !important;
    text-align: left !important;
    background: #fbf7ef !important;
    margin-bottom: 0.35rem !important;
  }
}

@media (max-width: 700px) {
  .final-logo img {
    width: 54px !important;
    height: 54px !important;
    flex-basis: 54px !important;
  }
}
