/* === TLK Distributors Banner: full-width background, constrained content === */

.tlkdist{
  position: relative;
  isolation: isolate;          /* keeps overlay/background behind text */
  width: 100vw;                /* full bleed */
  left: 50%;
  right: 50%;
  margin-left: -50vw;          /* pull full width outside any theme container */
  margin-right: -50vw;
  overflow: hidden;            /* prevents bg bleed / rounding issues */
}

/* Background layer */
.tlkdist-bg{
  position: absolute;
  inset: 0;
  z-index: -2;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: scale(1.02);      /* helps prevent 1px edges on some browsers */
}

/* Dark overlay */
.tlkdist::before{
  content:"";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(0,0,0,var(--overlay,0.62));
}

/* Constrain inner content */
.tlkdist-wrap{
  max-width: 1200px;           /* change to match your theme/container width */
  margin: 0 auto;
  padding: 56px 20px;          /* mobile-friendly gutters */
}

.tlkdist-inner{
  text-align: center;
}

.tlkdist-title{
  margin: 8px 0 14px;
  font-weight: 500;
  font-size: clamp(32px, 2.6vw, 52px);
  letter-spacing: .2px;
  color: #fff;
}

.tlkdist-text{
  color: #fff;
  font-size: 20px;
  line-height: 1.65;
  margin: 0 0 18px;
}

/* Small mobile adjustments */
@media (max-width: 480px) {
  .tlkdist-text { font-size: 17px; }
}

@media (max-width: 640px){
  .tlkdist-title{ font-size: clamp(30px, 2.65vw, 45px); }
}

/* Hide line break on mobile */
@media (max-width: 768px){
  .desktop-only{ display:none; }
}

/* Desktop spacing */
@media (min-width: 1024px){
  .tlkdist-wrap{
    padding: 70px 24px;
  }
}