.tv-intro{
  max-width:900px;
  margin:0 auto 30px auto;
  text-align:center;
  color:#ddd;
  line-height:1.7;
  font-size:1rem;
}
.tv-intro strong{
  color:#ffb6c1; /* blaga roze nijansa kao ton sajta */
}




  /* 📺 TV sekcija responsive */
 .tv-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 20px auto;
  max-width: 1200px;
  width: 100%;
}

.tv-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
}

.tv-screen {
  position: absolute;
  left: 24.5%;          /* fino pomeranje ulevo/desno */
  top: 28.5%;           /* fino pomeranje nagore */
  width: 45.2%;         /* širina ekrana u odnosu na PNG */
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 26px;
  background: #000;
  z-index: 2;
}

.tv-screen video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #000;
}

.tv-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: 3;
  pointer-events: none;
}





.tv-btn{
  all: unset;                 /* skida SVE UA i framework stilove */
  position: absolute;
  right: 24.4%;
  top: 54.6%;
  width: 4.0%;                /* radi responsive; menjaš samo ovu vrednost po želji */
  aspect-ratio: 1/1;
  display: block;
  box-sizing: border-box;
  min-width: 0;               /* sprečava ‘kočenje’ širine */
  min-height: 0;
  padding: 0;                 /* neutralizuje .btn padding iz frameworka */
  border: 0;
  background: transparent;    /* potpuno transparentno */
  cursor: pointer;
  z-index: 999;               /* iznad svega iz TV-a */
  pointer-events: auto;
  transition: transform 120ms ease;
  opacity: 0.3;             
border-radius: 50% / 45%;
clip-path: ellipse(50% 45% at 50% 50%);
.tv-btn.pressed{ transform: scale(0.92);
}

.tv-btn::after{
  content:"";
  position:absolute; inset:-6%;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  box-shadow:0 0 0 0 rgba(255,192,203,.45);
  background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.18), transparent 60%);
}

@keyframes tvPulse {
  0%   { opacity:.28; transform: scale(1);   box-shadow: 0 0 0 0 rgba(255,192,203,.45); }
  100% { opacity:0;   transform: scale(1.5); box-shadow: 0 0 0 14px rgba(255,192,203,0); }
}

/* klasa koju dodajemo na pritisak */
.tv-btn.pressed{
  transform: scale(0.92);              /* utisnuće */
}
.tv-btn.pressed::after{ opacity:1; animation:tvPulse 280ms ease-out; }

.tv-btn:active {
  transform: scale(0.9);
  opacity: 0.3;             /* ostaje nevidljivo i na klik */
}

.tv-status {
  margin-top: 12px;
  font-size: 0.9rem;
  color: #ccc;
}

/* 🎯 Responsivnost */
@media (max-width: 768px) {
  .tv-wrap { max-width: 95vw; }

}

@media (max-width: 480px) {

  .tv-status { font-size: 0.75rem; }
}