@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap');
:root{--red:#a60d18;--dark:#271714;--gold:#f5b51b;--cream:#fff9f0;--muted:#6b625e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--dark);font-family:'DM Sans',Arial,sans-serif;background:#fff}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.container{width:min(1140px,92%);margin:auto}.header{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 2px 16px #351b1612}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{width:190px;max-height:64px;object-fit:contain}.navlinks{display:flex;align-items:center;gap:30px}.navlinks a{font-weight:700;font-size:14px;transition:color .2s}.navlinks a:hover{color:var(--red)}.hamburger{display:none;border:0;background:transparent;cursor:pointer;padding:10px}.hamburger span{display:block;width:25px;height:3px;background:var(--dark);margin:5px;border-radius:3px}.hero{position:relative;background:#3a1812}.hero-img{width:100%;height:auto;max-height:660px;object-fit:cover}.hero-actions{position:absolute;left:7%;bottom:7%;display:flex;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--red);border:2px solid var(--red);color:#fff;padding:14px 25px;border-radius:8px;font-weight:800;transition:.2s}.btn:hover{background:#800b12;transform:translateY(-2px)}.btn-outline{background:#fff;color:var(--red);border-color:#fff}.btn-outline:hover{background:#fff2e4}.section{padding:90px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.eyebrow{color:var(--red);font-weight:800;letter-spacing:2px;font-size:12px;margin:0 0 16px}h1,h2,h3{font-family:'Outfit',Arial,sans-serif}h1{font-size:clamp(34px,4vw,54px);line-height:1.12;margin:0 0 22px}h2{font-size:clamp(30px,3.5vw,44px);line-height:1.16;margin:0 0 18px}h1 span,h2 span{color:var(--red)}p{line-height:1.8;color:var(--muted)}.text-link{display:inline-block;color:var(--red);font-weight:800;margin-top:10px}.intro-art img{width:100%;border-radius:20px;box-shadow:0 20px 45px #3b23151c}.intro-art small{display:block;margin-top:10px;color:#888}.center{text-align:center}.menu-section{background:var(--cream)}.section-sub{max-width:650px;margin:0 auto 38px}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.menu-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 12px 28px #41261b0b;transition:transform .2s}.menu-card:hover{transform:translateY(-6px)}.food-visual{height:190px;display:grid;place-items:center;font-size:92px;background:radial-gradient(circle at center,#fff4d2,#f3c77b)}.menu-content{padding:24px}.menu-content h3{font-size:23px;margin:12px 0 7px}.menu-content p{margin:0;font-size:14px}.tag{display:inline-block;background:#fff0e7;color:var(--red);font-size:11px;font-weight:800;padding:6px 10px;border-radius:30px}.feature{background:var(--red);color:#fff;padding:58px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;text-align:center}.feature-icon{font-size:40px}.feature h3{font-size:23px;margin:14px 0 6px}.feature p{color:#fff4e7;margin:0}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:34px}.gallery img{width:100%;height:320px;object-fit:cover;border-radius:16px}.gallery-note{text-align:center;font-size:13px}.contact-section{background:#fff8ee}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.contact-line{display:flex;gap:12px;margin-top:18px;font-weight:600}.contact-panel{background:#fff;padding:42px;border-radius:20px;box-shadow:0 15px 35px #42211b12;border-top:5px solid var(--gold)}.contact-panel h3{font-size:27px;margin:0}.contact-panel .btn{margin:10px 0}.contact-panel small{display:block;color:#888}.footer{background:#211512;color:#fff;padding:55px 0 25px}.footer-inner{text-align:center}.footer img{width:210px;max-height:85px;object-fit:contain;margin:auto}.footer p{color:#c6bcb6}.footer-links{display:flex;justify-content:center;gap:28px;margin:22px 0}.footer small{color:#ad9f98}.back-top{position:fixed;right:22px;bottom:22px;border:0;border-radius:50%;width:45px;height:45px;background:var(--red);color:white;font-size:23px;cursor:pointer;opacity:0;pointer-events:none;transition:.2s}.back-top.visible{opacity:1;pointer-events:auto}@media(max-width:800px){.nav{min-height:66px}.brand img{width:155px}.hamburger{display:block}.navlinks{display:none;position:absolute;left:0;right:0;top:66px;background:#fff;padding:18px 5%;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 12px 20px #0001}.navlinks.open{display:flex}.navlinks a{padding:13px 5px}.hero-img{min-height:260px;object-fit:cover;object-position:center}.hero-actions{left:4%;bottom:5%}.hero-actions .btn{font-size:12px;padding:10px 12px}.section{padding:60px 0}.two-col,.contact-grid{grid-template-columns:1fr;gap:30px}.menu-grid{grid-template-columns:1fr;max-width:450px;margin:auto}.feature-grid{grid-template-columns:1fr;gap:30px}.gallery{grid-template-columns:1fr}.gallery img{height:auto;max-height:330px}.contact-panel{padding:28px}}

/* Interior pages */
.page-hero{background:linear-gradient(120deg,#3b1612,#a60d18);color:white;padding:76px 0 70px;position:relative;overflow:hidden}.page-hero:after{content:'和';position:absolute;right:5%;top:-55px;font-size:240px;opacity:.08;pointer-events:none}.page-hero .eyebrow{color:#ffcb54}.page-hero h1{max-width:780px}.page-hero h1 span{color:#ffcb54}.page-hero p{color:#ffe7d9;max-width:670px}.breadcrumbs{font-size:13px;margin-bottom:22px;color:#ffe3d3}.breadcrumbs a{text-decoration:underline}.content-section{padding:75px 0}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.story-grid img{border-radius:18px;width:100%;box-shadow:0 15px 35px #0002}.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.info-card{background:#fff8ee;padding:28px;border-radius:16px;border:1px solid #f4e1c9}.info-card h3{margin:0 0 10px}.menu-tools{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:25px 0 36px}.filter-btn{cursor:pointer;border:1px solid #e4c9b7;border-radius:30px;background:white;padding:11px 20px;font-weight:700;color:#4a2d25}.filter-btn.active,.filter-btn:hover{background:var(--red);color:#fff;border-color:var(--red)}.menu-card[hidden]{display:none}.notice{border-left:4px solid var(--gold);background:#fff6df;padding:16px 20px;border-radius:8px;color:#60442b;font-size:14px;margin-top:28px}.gallery-page-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.gallery-tile{border:0;padding:0;background:white;text-align:left;cursor:pointer;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px #0001}.gallery-tile img{width:100%;height:290px;object-fit:cover}.gallery-tile span{display:block;padding:16px 20px;font-weight:700}.lightbox{position:fixed;inset:0;background:#100a09e8;display:none;align-items:center;justify-content:center;z-index:500;padding:50px 16px}.lightbox.open{display:flex}.lightbox img{max-height:82vh;max-width:95vw;object-fit:contain}.lightbox-close{position:absolute;right:22px;top:16px;border:0;background:none;color:white;font-size:40px;cursor:pointer}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px}.contact-box{background:#fff8ee;border-radius:18px;padding:32px}.contact-box h2{font-size:28px}.field{display:block;font-weight:700;margin:16px 0 6px}.form-input{width:100%;padding:13px 15px;border:1px solid #d9c9be;border-radius:9px;font:inherit;background:white}.form-input:focus{outline:2px solid #d99d3c}.contact-box .btn{margin-top:20px}.form-status{font-size:13px}.cta-strip{background:#fff5e8;padding:44px 0;text-align:center}.cta-strip h2{margin-bottom:12px}.footer-links a:hover{color:#ffcb54}@media(max-width:800px){.page-hero{padding:55px 0}.page-hero:after{font-size:140px;top:0}.story-grid,.contact-layout{grid-template-columns:1fr}.info-cards{grid-template-columns:1fr}.gallery-page-grid{grid-template-columns:1fr}.gallery-tile img{height:auto}.content-section{padding:55px 0}}

/* Homepage SEO article */
.seo-article{background:#fff}.seo-wrap{max-width:940px}.seo-wrap h2{max-width:830px}.seo-wrap h3{font-size:25px;margin:32px 0 12px}.seo-wrap p{margin:0 0 18px}.seo-wrap a{color:var(--red);text-decoration:underline;text-underline-offset:3px}.seo-faq{margin-top:38px;padding-top:14px;border-top:1px solid #eaded2}.seo-faq details{border-bottom:1px solid #eaded2;padding:16px 0}.seo-faq summary{cursor:pointer;font-weight:800;font-size:17px}.seo-faq details p{margin:12px 0 0}@media(max-width:800px){.seo-wrap h3{font-size:22px}}

/* Menu poster and expanded catalog */
.menu-poster{margin:0 auto 65px;max-width:1120px}.menu-poster img{width:100%;height:auto;border-radius:16px;box-shadow:0 16px 36px #311a1420}.menu-poster figcaption{text-align:center;color:#77645d;font-size:13px;margin-top:12px}.menu-grid .menu-card{border-top:4px solid var(--gold)}.menu-grid .menu-content{min-height:155px}.menu-grid .menu-content h3{font-size:20px;line-height:1.25}.menu-grid .menu-content p{line-height:1.65}@media(max-width:800px){.menu-poster{margin-bottom:45px}.menu-grid .menu-content{min-height:0}}

/* Artikel SEO Galeri */
.gallery-seo { background:#fffaf3; }
.gallery-seo .seo-article { max-width:900px; margin:0 auto; color:#35271f; line-height:1.85; }
.gallery-seo h2 { margin:22px 0 14px; font-size:clamp(1.5rem,3vw,2.15rem); line-height:1.3; }
.gallery-seo h3 { margin:25px 0 10px; font-size:1.25rem; }
.gallery-seo p { margin:0 0 16px; }
.gallery-seo a { color:#ae2218; text-decoration:underline; text-underline-offset:3px; }
.gallery-faq details { padding:15px 18px; margin:12px 0; border:1px solid #e8d8c6; border-radius:12px; background:white; }
.gallery-faq summary { cursor:pointer; font-weight:700; }
.gallery-faq details p { margin:12px 0 0; }

/* Contact page SEO content */
.contact-seo{padding-top:35px;padding-bottom:65px}.contact-seo .seo-article{max-width:920px;margin:auto}.contact-seo h2{margin:24px 0 15px;line-height:1.3}.contact-seo h3{margin:24px 0 10px}.contact-seo p{line-height:1.85;margin:0 0 16px}.contact-seo a{text-decoration:underline;text-underline-offset:3px}.contact-seo .seo-faq{margin-top:18px}.contact-seo .seo-faq details{border:1px solid rgba(120,100,80,.24);border-radius:12px;padding:15px 18px;margin:10px 0}.contact-seo .seo-faq summary{font-weight:700;cursor:pointer}.contact-seo .seo-faq details p{margin:12px 0 0}
.restaurant-location { padding: 65px 20px; background: #fffaf3; } .location-container { max-width: 1100px; margin: 0 auto; text-align: center; } .location-container h2 { font-size: 30px; color: #a61e18; margin-bottom: 15px; } .location-container p { color: #555; line-height: 1.8; margin-bottom: 25px; } .google-maps { overflow: hidden; border-radius: 16px; box-shadow: 0 8px 25px rgba(0,0,0,0.12); } .google-maps iframe { display: block; width: 100%; height: 420px; border: 0; } .maps-button { display: inline-block; margin-top: 25px; padding: 14px 28px; background: #b22222; color: #fff; border-radius: 8px; text-decoration: none; font-weight: 600; transition: background 0.3s; } .maps-button:hover { background: #861717; } @media (max-width: 768px) { .restaurant-location { padding: 40px 15px; } .location-container h2 { font-size: 23px; } .google-maps iframe { height: 320px; } }
/* dropdown backlink */
.domain-dropdown { width: 100%; max-width: 450px; margin: 20px auto; font-family: Arial, sans-serif; } .domain-details { width: 100%; border: 1px solid #e5e7eb; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07); overflow: hidden; } .domain-dropdown-btn { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; color: #222222; font-size: 15px; font-weight: 700; cursor: pointer; list-style: none; transition: background 0.3s ease; } .domain-dropdown-btn::-webkit-details-marker { display: none; } .domain-dropdown-btn::marker { content: ""; } .domain-dropdown-btn:hover { background: #fff5ed; } .dropdown-arrow { font-size: 12px; color: #d97706; transition: transform 0.3s ease; } .domain-details[open] .dropdown-arrow { transform: rotate(180deg); } .domain-dropdown-menu { display: flex; flex-direction: column; max-height: 350px; overflow-y: auto; background: #ffffff; border-top: 1px solid #eeeeee; padding: 8px; } .domain-dropdown-menu a { display: block; padding: 12px 15px; margin: 2px 0; color: #333333; font-size: 14px; font-weight: 500; line-height: 1.5; text-decoration: none; border-radius: 7px; transition: all 0.2s ease; } .domain-dropdown-menu a:hover { background: #fff0df; color: #c65c00; padding-left: 20px; } .domain-dropdown-menu::-webkit-scrollbar { width: 5px; } .domain-dropdown-menu::-webkit-scrollbar-track { background: #f5f5f5; } .domain-dropdown-menu::-webkit-scrollbar-thumb { background: #d6a36c; border-radius: 10px; } @media (max-width: 768px) { .domain-dropdown { max-width: 100%; margin: 15px auto; } .domain-dropdown-btn { padding: 14px 16px; font-size: 14px; } .domain-dropdown-menu { max-height: 300px; } .domain-dropdown-menu a { padding: 11px 12px; font-size: 13px; } }