:root{--green:#0f4a3a;--dark:#0b3d30;--cream:#fbf3e0;--cream2:#f6ead0;--rust:#c8441b;--gold:#f4c55a;--text:#1e2d28}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Poppins,sans-serif;background:var(--cream);color:var(--text);line-height:1.5;overflow-x:hidden}
img{max-width:100%;display:block;object-fit:cover;
  /* background:#cfdde0; */
}
a{color:inherit;text-decoration:none}
h1,h2,h3.d,.logo b{font-family:"Rozha One",serif;color:var(--green);font-weight:400;line-height:1.05}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.btn{display:inline-block;background:var(--green);color:#fff;font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:13px 26px;border-radius:8px;border:2px solid var(--green);cursor:pointer;font-family:inherit;transition:.2s}
.btn:hover{background:var(--dark)}
.btn.o {
    background: #0f4838;
    color: #fff;
}
.btn.o:hover{background:var(--green);color:#fff}
.btn.g{background:var(--gold);color:var(--dark);border-color:var(--gold)}
.top{background:var(--rust);color:#fff;text-align:center;font-size:13px;padding:8px 12px;display:flex;justify-content:center;gap:28px;align-items:center}
.top i{font-family:"Dancing Script",cursive;font-size:16px}
header{background:var(--cream);position:sticky;top:0;z-index:50;border-bottom:1px solid #eadfc4}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px;gap:16px}
.logo{display:flex;align-items:center;gap:8px}
.logo b{font-size:25px;line-height:.9;display:block}
.menu{display:flex;gap:32px;font-size:16px;font-weight:500}
.menu a:hover{color:var(--rust)}
.burger{display:none;background:none;border:0;font-size:28px;color:var(--green);cursor:pointer}
.mt-buller-logo {
    display: inline-flex;
    align-items: center;
    background: transparent !important;
}

.logo-image {
    display: block;
    width: 250px;
    height: auto;
    object-fit: contain;
    background: transparent !important;
    mix-blend-mode: multiply;
}
.nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-phone a {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: inherit;
  font-weight: 600;
}

.header-phone .phone-icon {
  flex-shrink: 0;
}
/* --- Fix Mobile Phone Alignment --- */
.header-phone a {
  display: flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
  color: #333;
  font-weight: 600;
  white-space: nowrap; /* Prevents number from splitting into two lines */
}

/* Make font size smaller on mobile so it doesn't crowd */
@media (max-width: 768px) {
  .nav {
    padding: 8px 12px;
    gap: 10px;
  }

  .logo-image {
    max-height: 35px; /* Slightly smaller logo for mobile */
  }

  .header-phone a {
    font-size: 0.8rem; /* Smaller text to fit narrow screens */
  }

  .header-phone svg {
    width: 14px;
    height: 14px;
  }
}
@media(max-width:1024px){
.menu{gap:18px;font-size:12px}
.cards{grid-template-columns:repeat(2,1fr)}
.search{grid-template-columns:repeat(2,1fr);max-width:none;bottom:-110px}
/* .feat{padding-top:140px} */
.hero{min-height:620px}
.hbus{width:46%;bottom:150px}
.fg{grid-template-columns:1fr 1fr;row-gap:28px}
.fg>div:nth-child(3){border-left:0;padding-left:0}
.search .btn{grid-column:1/-1}
}
@media(max-width:820px){
.burger{display:block}
.menu{display:none;position:absolute;top:70px;left:0;right:0;background:var(--cream);flex-direction:column;padding:16px 24px;gap:14px;border-bottom:1px solid #eadfc4}
.menu.open{display:flex}
.nav>.btn{display:none}
.hero .wrap{padding-bottom:300px}
.hero:before{background:linear-gradient(180deg,rgba(251,243,224,.8),rgba(251,243,224,.2) 70%)}
.hbus{width:80%;right:10%;bottom:130px}
.day .wrap,.ski .wrap,.meet .wrap{grid-template-columns:1fr}
.day .t{padding:24px}.day img{aspect-ratio:16/9}.meet img{aspect-ratio:16/9}
.ski .wrap{gap:20px}
.meet .t{padding:22px 24px 26px;max-width:none}
.steps{grid-template-columns:1fr;gap:24px}
.step{border:0;border-top:1px solid #d9cba8;padding-top:20px}
.step:first-child{border:0;padding-top:0}
.feat .wrap{grid-template-columns:1fr 1fr;row-gap:20px}
.feat div:nth-child(3){border-left:0}
}
@media(max-width:560px){
.top{font-size:11px;gap:8px}.top i,.top img{display:none}
.cards{grid-template-columns:1fr}
.search{grid-template-columns:1fr;left:16px;width:calc(100% - 32px);bottom:-250px}
/* .feat{padding-top:270px} */
.hero{min-height:560px}
.hero .wrap{padding-bottom:230px}
.hbus{width:94%;right:3%;bottom:90px}
.wrap{padding:0 16px}
.title:before,.title:after{max-width:24px}
.fg{grid-template-columns:1fr}
.fg>div{border:0;padding:0}
.copy{justify-content:center;text-align:center}
.logo b{font-size:20px}
}