.wa-bar {
            background: #ff5500;
            color: #fff;
            font-weight: bold;
            padding: 7px 0;
            text-align: center;
            letter-spacing: 1px;
            font-size: 1.07em;
        }
        .main-menu {
            background: #00000094;
            max-width: 800px;
            margin: 0 auto;
            padding: 30px 10px 22px 10px;
            border-radius: 0 0 22px 22px;
            box-shadow: 0 4px 28px #0008;
        }
        .logo-box {
            text-align: center;
            margin-bottom: 12px;
        }
        .logo-box img {
            width: 200px;
        }
        .menu-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 5px 15px;
            margin: 16px 0 0 0;
            justify-content: center;
        }
        .menu-grid a {
            background: linear-gradient(90deg,rgba(194, 169, 25, 1) 0%, rgba(207, 189, 89, 1) 50%, rgba(212, 195, 40, 1) 100%);
            color: #000;
            font-size: 0.9em;
            padding: 5px 5px 5;
            border-radius: 7px;
            text-align: center;
            text-decoration: none;
            transition: background .16s, color .16s;
            border: 2px solid #ffd700;
            letter-spacing: .5px;
        }
        .menu-grid a:hover {
            background: #fffbe3;
            color: #000;
            border-color: #fffbe3;
        }
        .banner-wrap {
            text-align: center;
            margin: 18px 0 10px 0;
        }
        .banner-wrap img, .banner-wrap .banner-carousel {
            width: 98%;
            max-width: 640px;
            border-radius: 18px;
            box-shadow: 0 2px 18px #0007;
        }
        @media (max-width: 600px) {
            .main-menu { padding: 20px 2vw 15px 2vw; }
            .logo-box img { width: 120px; }
            .menu-grid { gap: 8px 8px; }
            .banner-wrap img, .banner-wrap .banner-carousel { border-radius: 9px; }
        }