* { box-sizing: border-box; }
:root{
  --brand:#ff6600; --brand-dark:#d35400; --text:#222; --muted:#6b7280;
  --paper:#fff; --paper-2:#f7f7f7; --ink:#111;
}
html,body{height:100%}
body{
  margin:0; font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,"Cursive", "Courier New", monospace;
  color:var(--text); background:var(--paper); line-height:1.6;
}

/* Header / Nav */
.site-header{position:sticky; top:0; z-index:50; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px; background:#111; color:#fff;}
.logo a{color:#fff; text-decoration:none; font-weight:700; font-size: 2em; size: 30em;  letter-spacing:.5px;}
.nav ul{list-style:none; display:flex; gap:18px; margin:0; padding:0;}
.nav a{color:#fff; text-decoration:none; font-weight:600;}
.nav a:hover{color:var(--brand)}
.btn.btn-small{padding:6px 10px; border-radius:8px; background:var(--brand); border:2px solid var(--brand); color:#fff;}
.btn.btn-small:hover{background:var(--brand-dark); border-color:var(--brand-dark);}

/* Mobile nav */
.nav-toggle{display:none}
.hamburger{display:none; color:#fff; cursor:pointer; font-size:26px;}
@media (max-width: 760px){
  .nav ul{display:none; position:absolute; right:0; top:64px; background:#111; flex-direction:column; width:70%; padding:12px;}
  .nav-toggle:checked ~ .nav ul{display:flex}
  .hamburger{display:block}
}

/* Hero */
.hero{position:relative; height:60vh; min-height:420px;}
.hero img{width:100%; height:100%; object-fit:cover; filter:brightness(60%);}
.hero-overlay{position:absolute; inset:0; display:grid; place-content:center; text-align:center; color:#fff; padding:0 16px;}
.hero-overlay h1{font-size:clamp(2rem,5vw,3.4rem); line-height:1.1;}
.cta-wrap{margin-top:18px; display:flex; gap:12px; justify-content:center; flex-wrap:wrap;}

/* Buttons */
.btn{display:inline-block; padding:10px 18px; border-radius:10px; background:var(--brand); color:#fff; text-decoration:none; font-weight:700; border:2px solid var(--brand); cursor:pointer}
.btn:hover{background:var(--brand-dark); border-color:var(--brand-dark);}
.btn-ghost{background:transparent; color:black; border-color:#d35400;}
.btn-ghost:hover{background:#fff; color:#111;}

/* Layout */
.container{max-width:1100px; margin:0 auto; padding:40px 16px;}
.highlights{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
.card{background:var(--paper-2); padding:18px; border-radius:12px; box-shadow:0 1px 0 rgba(0,0,0,.05); text-align:center;}
.card h3{color:var(--brand); margin:6px 0 4px;}
.featured h2,.menu h2{margin-bottom:12px;}
.grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
.tile{background:var(--paper-2); border-radius:12px; overflow:hidden;}
.tile img{width:100%; height:200px; object-fit:cover; display:block;}
.tile h4{padding:12px;}

.page-hero.small{background:var(--paper-2); padding:32px 16px; text-align:center;}
.page-hero.small h1{margin-bottom:6px;}
.two-col{display:grid; grid-template-columns:1.2fr .8fr; gap:24px; align-items:start;}
.rounded{border-radius:12px; width:100%; height:auto; display:block;}
.list{margin-left:18px; display:grid; gap:6px;}
.muted{color:var(--muted);}
.center{text-align:center;}
.mt-2{margin-top:16px;}

/* Menu */
.menu-grid{display:grid; gap:8px; margin-bottom:20px;}
.menu-item{display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:8px; padding:10px 12px; background:var(--paper-2); border-radius:10px;}
.menu-item h4{font-size:1rem;}
.menu .dots{height:1px; background:#ddd;}
.menu .price{font-weight:700;}

/* Slider */
.slider{position:relative; overflow:hidden; border-radius:12px;}
.slides{display:flex; transition:transform .4s ease;}
.slides img{width:100%; max-height:420px; object-fit:cover; flex:1 0 100%;}
.slider button{position:absolute; top:50%; transform:translateY(-50%); background:rgba(0,0,0,.5); color:#fff; border:none; padding:8px 12px; cursor:pointer; border-radius:6px; font-size:22px;}
.slider .prev{left:8px;} .slider .next{right:8px;}

/* Testimonials */
.testimonials{display:grid; gap:16px; grid-template-columns:repeat(3,1fr);}
.quote{background:var(--paper-2); padding:16px; border-radius:12px; font-style:italic;}
.quote h5{margin-top:8px; font-style:normal;}

/* Forms */
.form{background:var(--paper-2); padding:16px; border-radius:12px;}
.form-row{display:grid; gap:6px; margin-bottom:12px;}
input, textarea{padding:10px 12px; border:1px solid #ddd; border-radius:8px; font:inherit;}
.form-actions{display:flex; gap:10px; align-items:center; flex-wrap:wrap;}
.map-wrap{margin-top:12px; border-radius:12px; overflow:hidden; box-shadow:0 1px 0 rgba(0,0,0,.05);}

/* Footer */
.site-footer{background:#111; color:#fff; margin-top:40px;}
.footer-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; padding:24px 16px;}
.site-footer a{color:var(--brand); text-decoration:none;}
.site-footer a:hover{text-decoration:underline;}
copyright, .copyright{text-align:center; padding:10px 16px; border-top:1px solid rgba(255,255,255,.1); opacity:.8;}

/* Floating action buttons */
.floating-icons{position:fixed; right:20px; bottom:20px; display:flex; flex-direction:column; gap:12px; z-index:1000;}
.fab{display:flex; align-items:center; justify-content:center; width:55px; height:55px; border-radius:50%; font-size:24px; text-decoration:none; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.25); transition:transform .15s ease;}
.fab:hover{transform:scale(1.08);}
.fab-wa{background:#25D366;}
.fab-phone{background:#ff5722;}

/* Responsive */
@media (max-width: 900px){
  .two-col{grid-template-columns:1fr;}
  .grid-3,.highlights,.testimonials{grid-template-columns:1fr 1fr;}
}
@media (max-width: 640px){
  .grid-3,.highlights,.testimonials{grid-template-columns:1fr;}
  .hero{height:50vh; min-height:360px;}
}
video {
  width: 100%;
  height: auto;
}
.containerex {
            width: 90%;
            max-width: 700px; /* Size of your white box */
            margin: 25px auto; /* Center it vertically and horizontally */
            padding: 20px 30px;
            background-color: white; /* Make it white */
            border-radius: 50px; /* Rounded corners like your image */
            box-shadow: 0 50px 35px rgba(0,0,1,0.9); /* Soft shadow */
            overflow-x: auto; /* Prevent overflow horizontally */
        }