/* TDL Header (v1.2.0) */
.tdl-hd{
  --tdl-hd-accent: #8f5240;
  --tdl-tri-1: #6b3b2f;
  --tdl-tri-2: #c07a2b;
  --tdl-tri-3: #8f5240;
  --tdl-tri-one: #8f5240;
  --tdl-tri-h: 10px;
  width: 100%;
  background: #fff;
  position: relative;
}

.tdl-hd__inner{
  margin: 0 auto;
  max-width: 1240px;
  padding: 12px 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 78px;
}

.tdl-hd__brand{ text-decoration:none; display:inline-flex; align-items:center; }
.tdl-hd__brand-text{ font-size: 40px; line-height: 1; letter-spacing: .2px; color: var(--tdl-hd-accent); }
.tdl-hd__brand-img{ height: 40px; width:auto; display:block; }

.tdl-hd__nav{ flex:1 1 auto; display:flex; justify-content:center; }
.tdl-hd__list{
  list-style:none;
  display:inline-flex;
  align-items:flex-start;
  gap: 38px;
  margin:0;
  padding:0;
}
.tdl-hd__list li{ display:inline-flex; }
.tdl-hd__list li > a{
  text-decoration:none;
  color:#111;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  width: max-content;
}
.tdl-hd__label{ font-size: 20px; line-height: 1.2; display:inline-block; }

.tdl-hd__tri{
  width: 100%;
  height: var(--tdl-tri-h);
  opacity: 0;
  transition: opacity .2s ease;
  display:block;
}
.tdl-hd__tri-svg{ width: 100%; height: 100%; display:block; }
.tdl-hd--tri-active .tdl-hd__list li.is-active .tdl-hd__tri{ opacity: 1; }
.tdl-hd--tri-hover .tdl-hd__list li:hover .tdl-hd__tri{ opacity: 1; }

.tdl-hd__right{ flex:0 0 auto; display:flex; align-items:center; }

/* WhatsApp pill */
.tdl-hd__btn{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding: 10px 18px 10px 12px;
  border-radius: 999px;
  background: var(--tdl-hd-accent);
  color:#fff;
  text-decoration:none;
  white-space:nowrap;
}
.tdl-hd__btn--static{ cursor: default; }
.tdl-hd__btn-ico{
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: rgba(255,255,255,.16);
  border: 1px solid rgba(255,255,255,.22);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing: border-box;
}
.tdl-hd__btn-ico svg{ width: 20px; height: 20px; fill: currentColor; display:block; }
.tdl-hd__btn-txt{ font-size: 16px; letter-spacing: .2px; }

/* Burger (hidden desktop) */
.tdl-hd__burger{
  display:none;
  border:0;
  background: transparent;
  padding: 8px;
  border-radius: 10px;
  color: #111;
  line-height: 0;
}
.tdl-hd__burger svg{ width: 26px; height: 26px; display:block; }

/* Mobile panel */
.tdl-hd__panel{
  display:none;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 50;
  background: #fff;
}
.tdl-hd--panel-shadow .tdl-hd__panel{ box-shadow: 0 18px 40px rgba(0,0,0,.12); }

.tdl-hd__panel-inner{
  max-width: 1240px;
  margin: 0 auto;
  padding: 14px 16px 18px;
  box-sizing: border-box;
}
.tdl-hd__panel-list{
  list-style: none;
  padding: 0;
  margin: 0;
  display:flex;
  flex-direction:column;
  gap: 10px;
}
.tdl-hd__panel-list a{
  display:block;
  padding: 10px 12px;
  border-radius: 12px;
  text-decoration:none;
  color:#111;
}
.tdl-hd__panel-list li.is-active a{
  background: rgba(143,82,64,.08);
}

/* Overlay mode */
.tdl-hd--overlay .tdl-hd__panel{
  position: fixed;
  top: 0;
  bottom: 0;
}
.tdl-hd--overlay .tdl-hd__panel-inner{
  padding-top: 80px;
}

/* Open state */
.tdl-hd.is-open .tdl-hd__panel{ display:block; }
.tdl-hd.is-open .tdl-hd__burger{ background: rgba(0,0,0,.06); }

/* Responsive */
@media (max-width: 1024px){
  .tdl-hd__brand-text{ font-size: 34px; }
  .tdl-hd__label{ font-size: 18px; }
  .tdl-hd__list{ gap: 24px; }
}
@media (max-width: 767px){
  .tdl-hd__inner{ min-height: 68px; }
  .tdl-hd--burger .tdl-hd__burger{ display:inline-flex; align-items:center; justify-content:center; }
  .tdl-hd--burger .tdl-hd__nav{ display:none; } /* desktop nav hidden on mobile */
  .tdl-hd--hide-btn-mobile .tdl-hd__right{ display:none; }
  .tdl-hd__inner{ justify-content: space-between; }
}
/* Burger icon toggle (open/close) */
.tdl-hd__burger .tdl-burger-close{ display:none; }
.tdl-hd.is-open .tdl-hd__burger .tdl-burger-open{ display:none; }
.tdl-hd.is-open .tdl-hd__burger .tdl-burger-close{ display:block; }