:root{--purple:#7b3fe4;--purple-dark:#5328a8;--sea:#27b8c7;--sand:#f7efe2;--page-bg:#ffffff;--ink:#1a1a1a;}
*,*::before,*::after{box-sizing:border-box;}

body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(180deg,#fdfbff 0%,#f3f7ff 40%,#fdf6ec 100%);}

h1,h2,h3{margin:0;}
h1{font-family:'Fredoka',sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;}
h2{font-size:clamp(1.2rem,3vw,1.6rem);text-align:center;padding-bottom:10px;}

header.hero{position:relative;min-height:45vh;color:#fff;background-image:linear-gradient(135deg,rgba(83,40,168,0.75),rgba(39,184,199,0.7)),url("/img/bah-header.png");background-size:cover;background-position:center;display:flex;align-items:center;padding:1.5rem 0 2.5rem;}

.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(255,255,255,0.18),transparent 55%);pointer-events:none;}
.hero-inner{position:relative;margin:0 auto;z-index:1;}
.hero-row{display:flex;flex-direction:column;align-items:center;gap:0;}
.hero-logo img{max-width:300px;height:auto;}
.hero p{max-width:40rem;font-size:1.05rem;line-height:1.6;margin:0 auto;}

.hero-text{display:flex;flex-direction:column;text-align:center;gap:10px;margin: auto 1rem;}



main{max-width:1100px;margin:-1rem auto 1rem;padding:0 1.2rem;position:relative;z-index:5;}

.intro{background:var(--sand);padding:1.5rem;border-radius:20px;box-shadow:0 18px 40px rgba(0,0,0,0.18);display:grid;gap:1.3rem;position:relative;z-index:5;}
.intro h3{text-align: center;}

.intro p {
    font-size: 1.17rem;
    font-weight: 700;
	 text-align: center;
	 margin: 0px;
}

.booking{margin:1.5rem auto 1.5rem;background:#fff;border-radius:18px;box-shadow:0 12px 30px rgba(0,0,0,0.12);padding:1.4rem 1.2rem 1.7rem;}
	
	
	
	
	.booking p{margin:0 0 1.2rem;}
	.form-grid{display:grid;gap:1rem;}
	
	.form-colrow{display:flex;flex-direction:column;}
	
	.form-row{display:flex;flex-direction:column;gap:0.3rem;}
	.form-row label{font-size:0.9rem;font-weight:600;}
	.form-row input,.form-row textarea{border-radius:0.8rem;border:1px solid rgba(0,0,0,0.12);padding:0.6rem 0.7rem;font-size:0.95rem;font-family:inherit;outline:none;transition:border-color 0.15s ease,box-shadow 0.15s ease;}
	.form-row input:focus,.form-row textarea:focus{border-color:var(--purple);box-shadow:0 0 0 2px rgba(123,63,228,0.18);}
	
	input[type="datetime-local"] {
		width: 100%;
		min-width: 0;
	}
	
	.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:0.8rem 1.6rem;border-radius:999px;border:none;background:linear-gradient(135deg,var(--purple),var(--sea));color:#fff;font-weight:600;text-decoration:none;cursor:pointer;box-shadow:0 10px 25px rgba(0,0,0,0.25);transition:transform 0.15s ease,box-shadow 0.15s ease,filter 0.15s ease;}
	.btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(0,0,0,0.3);filter:brightness(1.05);}


.book-container{background:var(--sand);padding:1.2rem 1.1rem 1.6rem;border-radius:20px;box-shadow:0 18px 40px rgba(0,0,0,0.18);display:grid;gap:1.3rem;position:relative;z-index:5;}
	
	.book-header{display:flex;flex-direction:column;gap:0.3rem;}
	.book-header p{margin:0;max-width:40rem;}
	.book-tabs{display:flex;flex-wrap:wrap;gap:0.4rem;border-bottom:2px solid rgba(0,0,0,0.1);padding-bottom:0.3rem;	overflow-x:auto;}
	.book-tab{background:#e8dff7;border:none;padding:0.6rem 1.2rem;border-radius:10px;font-weight:600;cursor:pointer;color:var(--purple-dark);font-size:0.9rem;transition:0.2s;white-space:nowrap;width:100%;}
	.book-tab.active{background:var(--page-bg);color:var(--purple);box-shadow:0 -2px 0 var(--page-bg),0 4px 10px rgba(0,0,0,0.1);transform:translateY(1px);}
	.book-pages{background:var(--page-bg);border-radius:0 15px 15px 15px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.05);padding:1.2rem 1.1rem 1.3rem;}
	.book-pages::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(0,0,0,0.04) 0px,rgba(0,0,0,0.04) 2px,transparent 2px,transparent 6px);opacity:0.4;pointer-events:none;}
	.book-page{display:none;animation:slideIn 0.25s ease;position:relative;z-index:1;}
	.book-page.active{display:block;}
	.book-page p{margin:0.35rem 0;line-height:1.6;}
	.book-page ul{margin:0.4rem 0 0.4rem 1.2rem;}
	@keyframes slideIn{from{opacity:0;transform:translateX(12px);}to{opacity:1;transform:translateX(0);}}

footer{text-align:center;padding:1.5rem 1rem 2rem;font-size:0.85rem;color:rgba(0,0,0,0.6);}

@media (min-width:768px){
	header.hero{/*min-height:70vh;*/padding:2rem 1.5rem 3rem;}
	.hero-logo img{max-width:400px;}
	
	main{padding:0 1.5rem;margin:-3rem auto 1rem;}
	.book-container{padding:1.5rem;}
	.book-tabs{padding-bottom:0.4rem;}
	.book-tab{width:auto;}
	.book-pages{padding:1.5rem;}
	.booking{padding:1.8rem 1.5rem 2rem;}
	.form-colrow{flex-direction:row;column-gap:1rem;}
	.form-row{flex:1;}
	
	
	.hero-row{flex-direction:row;}
}