:root{
      --sea:#00796b;
      --sand:#ffd54f;
      --coconut:#3e2723;
      --leaf:#4caf50;
      --bg:#f1f8e9;
      --wave:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%2300796b" fill-opacity="0.1" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,112C672,96,768,96,864,112C960,128,1056,160,1152,160C1248,160,1344,128,1392,112L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>');
    }
    body{
      font-family:'Noto Sans Devanagari',sans-serif;
      background:var(--bg) var(--wave) bottom repeat-x;
      color:var(--coconut);
      overflow-x:hidden;
    }
    h1,h2,h3,h4,h5,h6{font-family:'Baloo 2',cursive;}
    .navbar{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);}
    .navbar-brand{font-weight:700;font-size:1.5rem;color:var(--sea)!important;}
    .nav-link{font-weight:600;margin-left:15px;color:var(--coconut)!important;transition:.3s;}
    .nav-link:hover,.nav-link.active{color:var(--sea)!important;transform:scale(1.05);}
    
    /* Hero */
    .hero{
      min-height:100vh;
      background: url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&q=80') center/cover no-repeat; /* Creative hero background: Tropical beach with palm trees */
      position:relative;
      display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;
    }
    .hero::before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.3),rgba(0,0,0,.6));}
    .hero-content{position:relative;z-index:2;max-width:800px;padding:20px;}
    .hero h1{font-size:3.5rem;text-shadow:2px 2px 8px rgba(0,0,0,.7);margin-bottom:20px;}
    .hero p{font-size:1.2rem;margin-bottom:30px;}
    .btn-kokan{background:var(--sand);color:var(--coconut);border:none;border-radius:50px;padding:15px 40px;font-weight:700;transition:.3s;box-shadow:0 4px 10px rgba(0,0,0,.2);}
    .btn-kokan:hover{background:var(--sea);color:#fff;transform:translateY(-3px);}
    
    section{padding:100px 0;position:relative;}
    .section-title{font-weight:700;font-size:2.5rem;margin-bottom:50px;position:relative;display:inline-block;color:var(--sea);}
    .section-title::after{content:'';width:80px;height:5px;background:var(--sand);position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);border-radius:5px;}
    
    .card{border:none;border-radius:20px;overflow:hidden;transition:.4s ease;background:#fff;box-shadow:0 10px 20px rgba(0,0,0,.1);}
    .card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.15);}
    .card-img-top{height:250px;object-fit:cover;}
    .card-body{padding:20px;}
    .card-title{font-size:1.2rem;margin-bottom:10px;}
    
    .footer{background:var(--coconut);color:#eee;text-align:center;padding:50px 0;position:relative;}
    .footer::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--wave) top repeat-x;transform:rotate(180deg);opacity:.2;}
    .social a{color:#fff;margin:0 15px;font-size:1.5rem;transition:.3s;}
    .social a:hover{color:var(--sand);transform:scale(1.2);}
    
    #topBtn{background:var(--sea);border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,.2);transition:.3s;}
    #topBtn:hover{transform:translateY(-5px);}
    
    /* Language Switcher */
    /* .lang-switch{position:fixed;top:80px;right:20px;z-index:1050;display:flex;flex-direction:column;gap:10px;} */
    .lang-switch button{background:var(--sand);border:none;border-radius:50px;padding:8px 20px;font-weight:600;color:var(--coconut);transition:.3s;}
    .lang-switch button:hover{background:var(--sea);color:#fff;}
    .lang-switch button.active{background:var(--sea);color:#fff;}
    
    /* Responsive */
    @media (max-width:768px){
      .hero h1{font-size:2.5rem;}
      .hero p{font-size:1rem;}
      section{padding:60px 0;}
      .section-title{font-size:2rem;}
      .lang-switch{top:70px;right:10px;}
      .hero-mini h1{font-size:2rem;}
      .lang-switch{top:70px;right:10px;}
    }
.hero-mini{
      height:40vh;
      background:linear-gradient(to right,var(--sea),var(--leaf));
      display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;
    }
    .hero-mini h1{font-size:2.5rem;text-shadow:1px 1px 3px rgba(0,0,0,.4);}
    
    .section-title{font-weight:700;font-size:1.8rem;margin-bottom:30px;color:var(--sea);}
    
    .menu-list{list-style:none;padding:0;margin:0;}
    .menu-list li{
      display:flex;justify-content:space-between;align-items:start;
      padding:12px 0;border-bottom:1px dashed var(--sea);
    }
    .menu-list li:last-child{border-bottom:none;}
    .item-name{font-weight:600;font-size:1rem;}
    .item-desc{font-size:.85rem;color:#555;margin-top:2px;}
    .item-price{
      background:var(--sand);color:var(--coconut);
      padding:4px 10px;border-radius:20px;font-weight:700;white-space:nowrap;
    }