*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;
}

body{
    min-height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    background:
        linear-gradient(135deg,#0f172a,#1e293b,#2563eb);
    color:#fff;
}

.container{
    width:min(1200px,95vw);
    padding:2rem;
}

.header-card{
    text-align:center;
    margin-bottom:2rem;
}

.title{
    font-size:clamp(1.5rem,3vw,3rem);
    font-weight:600;
    letter-spacing:2px;
    opacity:.9;
    margin-bottom:1rem;
}

.call_no{
    display:block;
    font-size:clamp(5rem,15vw,12rem);
    font-weight:900;
    color:#ffffff;
    text-shadow:
        0 0 20px rgba(255,255,255,.3),
        0 0 40px rgba(255,255,255,.2);
	min-height:191px;
}

.grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(350px,1fr));
    gap:1.5rem;
}

.card{
    background:rgba(255,255,255,.12);
    backdrop-filter:blur(15px);
    border:1px solid rgba(255,255,255,.2);
    border-radius:24px;
    padding:2rem;
    box-shadow:0 15px 40px rgba(0,0,0,.25);
}

.card-title{
    font-size:clamp(1.2rem,2vw,2rem);
    margin-bottom:1rem;
    font-weight:600;
}

.waiting{
    display:block;
    font-size:clamp(3rem,8vw,6rem);
    font-weight:800;
    color:#4ade80;
    margin-bottom:1rem;
}

.waiting_no,
.noshow_no{
    display:block;
    width:100%;
    font-size:clamp(1.5rem,3vw,2.5rem);
    line-height:1.5;
    word-wrap:break-word;
    overflow-wrap:break-word;
}

.no-show-title{
    color:#fca5a5;
}

.noshow_no{
    color:#fecaca;
}

.footer{
    text-align:center;
    margin-top:2rem;
    opacity:.7;
    font-size:.9rem;
}
.logo-img{
	width:150px;
}
.top-shop-title{
	display:grid;
	width:100%;
	font-size:40px;
	font-family: Serif;
}
.top-shop-sub-title{
	 display:grid;
	width:100%;
	font-family: Serif;
	font-size:20px;
	color: #666;
}

@media (max-width:768px){

    .container{
        padding:1rem;
    }

    .grid{
        grid-template-columns:1fr;
    }

    .card{
        padding:1.5rem;
    }
	
}