.placeholder {
	position: relative;
	text-align: center;
}

.placeholder img {
	width: 100%;
	height: auto;
	opacity: 0.7; /* Dark opacity */
}

.play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


.play-btn {
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 2%;
	padding-bottom: 2%;
	font-size: 1.5rem;
}
/* Any additional custom styles can go here */

.slot-card {
    text-align: center;
}

.slot-button {
    background-color: #28a745; /* Light green color */
    color: white;
    font-weight: bold;
    transition: background-color 0.3s;
}

.slot-button:hover {
    background-color: #32c253; /* Darker green on hover */
    color: white;
}
.table-responsive {
    max-width: 600px; /* Optional: limits the table width for readability */
}

.table th, .table td {
    text-align: left;
    padding: 10px;
}

.register-button {
	position: absolute;
	bottom: 20px;
	left: 20px;
	padding: 1rem 2rem;
	background-color: rgb(237, 57, 3);
	color: #000;
	font-weight: bold;
	font-size: 1.5rem;
	text-decoration: none;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
	white-space: nowrap;
	z-index: 10;
	transition: background-color 0.3s ease;
  }
  
  /* Hover-ефект */
  .register-button:hover {
	background-color: rgb(200, 40, 0);
  }
  
  /* Адаптація для планшетів і мобільних */
  @media (max-width: 768px) {
	.register-button {
	  padding: 0.8rem 1.6rem;
	  font-size: 1.2rem;
	  bottom: 15px;
	  left: 15px;
	}
  }
  
  @media (max-width: 480px) {
	.register-button {
	  padding: 0.6rem 1.2rem;
	  font-size: 1rem;
	  bottom: 10px;
	  left: 10px;
	}
  }
/* === SEO TEXT BLOCK ================================================= */
.seo-text{
  display:block !important;          /* на случай где-то стоит display:none */
  visibility:visible !important;
  max-width:100%;                    /* чтобы не вылазило */
  margin:40px auto 50px;
  padding:24px 28px;
  background:#ffffff;
  border:1px solid #e4e6eb;
  border-radius:10px;
  box-shadow:0 2px 6px rgba(0,0,0,.04);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:16px;
  line-height:1.58;
  color:#222;
  overflow-wrap:break-word;
}

.seo-text > *:first-child{
  margin-top:0;
}
.seo-text > *:last-child{
  margin-bottom:0;
}

.seo-text h1,
.seo-text h2,
.seo-text h3,
.seo-text h4{
  font-weight:700;
  line-height:1.25;
  margin:1.6em 0 .8em;
  color:#111;
}

.seo-text h1{font-size:clamp(1.6rem,2.4vw,2.2rem);}
.seo-text h2{font-size:clamp(1.4rem,2.1vw,1.9rem);}
.seo-text h3{font-size:clamp(1.25rem,1.9vw,1.6rem);}
.seo-text h4{font-size:clamp(1.1rem,1.7vw,1.35rem);}

.seo-text p{
  margin:0 0 1.05em;
}

.seo-text ul,
.seo-text ol{
  margin:0 0 1.15em 1.4em;
  padding:0;
}
.seo-text li{
  margin:.35em 0;
}

.seo-text a{
  color:#0056b3;
  text-decoration:underline;
  transition:color .2s;
  word-break:break-word;
}
.seo-text a:hover{
  color:#003e82;
  text-decoration:none;
}

.seo-text img{
  max-width:100%;
  height:auto;
  display:block;
  margin:1.2em auto;
  border-radius:6px;
}

.seo-text strong,
.seo-text b{
  font-weight:600;
  color:#000;
}

.seo-text blockquote{
  margin:1.4em 0;
  padding:1em 1.2em;
  background:#f7f9fb;
  border-left:4px solid #11a950;
  border-radius:4px;
  font-style:italic;
}

@media (max-width:576px){
  .seo-text{
    padding:18px 18px 22px;
    font-size:15px;
  }
  .seo-text h1{font-size:1.55rem;}
  .seo-text h2{font-size:1.4rem;}
  .seo-text h3{font-size:1.25rem;}
  .seo-text h4{font-size:1.13rem;}
}
/* =================================================================== */