:root{
--bg:#0b0b0d;
--ink:#fff;
--accent:#e63946;
}
*{box-sizing:border-box}
body{margin:0;font-family:Montserrat;background:var(--bg);color:var(--ink)}


body::before{
content:"Slxm Ink";
position:fixed;inset:0;
display:flex;align-items:center;justify-content:center;
font-family:'Permanent Marker';
font-size:16vw;color:rgba(255,255,255,.04);
animation:float 18s infinite;
pointer-events:none
}


@keyframes float{50%{transform:translateY(-30px) rotate(-10deg)}}


.hero{text-align:center;padding:30vh 0}
.hero span{color:var(--accent)}


.btn{border:1px solid var(--accent);padding:.8rem 1.6rem;border-radius:999px;color:#fff;text-decoration:none}
.primary{background:var(--accent)}


.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:1100px;margin:5rem auto}
.gallery img{width:100%;height:300px;object-fit:cover;border-radius:16px}

/* ===== Gallery Page ===== */

.gallery-hero{

  text-align:center;
  padding:18vh 0 8vh;
}

.gallery-hero h1{
  font-size:3rem;
  letter-spacing:.25em;
}

.gallery-page{
    
  width:1100px;
  margin:0 auto 6rem;
}

.gallery-grid{
  display:inline-flex;
  flex-wrap:wrap;
  gap:1.2rem;
  justify-content:center;
}


.gallery-grid img{

  width:100%;
  height:320px;
  object-fit:cover;
  border-radius:18px;
  transition:.45s ease;
  cursor:pointer;
}

.gallery-grid img:hover{
  transform:scale(1.05) rotate(-.4deg);
  box-shadow:0 20px 50px rgba(0,0,0,.6);
  display: inline-flex;
}






.booking-page{display:flex;flex-direction:column;align-items:center;gap:2rem;padding-top:20vh}
.booking-box{background:#111;padding:2.5rem;border-radius:20px;width:360px}
.booking-box input{width:100%;padding:1rem;margin:.7rem 0;border-radius:12px;border:none}
.map{width:1100px;height:300px;border:0;border-radius:20px}


.shop{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;width:1100px;margin:4rem auto}
.product img{width:100%;height:260px;object-fit:cover;border-radius:18px}

.socials{display:flex;gap:1.4rem;justify-content:center}
.icon{
width:28px;height:28px;
opacity:.6;transition:.3s
}
.icon:hover{opacity:1;filter:drop-shadow(0 0 8px #e63946)}
.ig{background:url('data:image/svg+xml;utf8,<svg fill="white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 2C4.243 2 2 4.243 2 7v10c0 2.757 2.243 5 5 5h10c2.757 0 5-2.243 5-5V7c0-2.757-2.243-5-5-5H7zm5 5a5 5 0 100 10 5 5 0 000-10z"/></svg>') center/contain no-repeat}
.fb{background:url('data:image/svg+xml;utf8,<svg fill="white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22 12a10 10 0 10-11.5 9.9v-7H8v-3h2.5V9.5A3.5 3.5 0 0114 6h2.5v3H14a1 1 0 00-1 1V12h3.5l-.5 3H13v7A10 10 0 0022 12z"/></svg>') center/contain no-repeat}
.tt{background:url('data:image/svg+xml;utf8,<svg fill="white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16 2c.3 2.1 1.7 3.9 3.8 4.2V9c-1.5 0-2.9-.5-4-1.4V14a6 6 0 11-6-6c.3 0 .7 0 1 .1V11a3 3 0 103 3V2h3z"/></svg>') center/contain no-repeat}

footer{text-align:center;padding:3rem;color:#aaa}
.wa-float{position:fixed;right:24px;bottom:24px;background:#25d366;color:#fff;padding:1rem;border-radius:50%}