×

注意!页面内容来自https://bonoo.co.uk/,本站不储存任何内容,为了更好的阅读体验进行在线解析,若有广告出现,请及时反馈。若您觉得侵犯了您的利益,请通知我们进行删除,然后访问 原网页

< id="hfe-skip-link-"> .hfe-skip-link{position:absolute;left:-9999px;top:0;z-index:100000;padding:0.75em 1.5em;background:#fff;color:#0073aa;font-size:14px;text-decoration:underline;border-radius:0 0 3px 0;} .hfe-skip-link:focus{left:0;outline:2px solid #0073aa;outline-offset:-2px;} Skip to main content

Bonoo

<>.elementor-4080 .elementor-element.elementor-element-8f89907{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:11px;--padding-bottom:11px;--padding-left:11px;--padding-right:11px;--z-index:99;}.she-header-transparent-yes{position:absolute;}.elementor-4080 .elementor-element.elementor-element-217586a2{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4080 .elementor-element.elementor-element-2af207be{text-align:start;}.elementor-4080 .elementor-element.elementor-element-2af207be img{width:36%;}.elementor-4080 .elementor-element.elementor-element-6d397533{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4080 .elementor-element.elementor-element-69c8580{margin:-7px 0px calc(var(--kit-widget-spacing0px) + 0px) 0px;}@media(min-width:768px){.elementor-4080 .elementor-element.elementor-element-217586a2{--width:40%;}}@media(max-width:1024px){.elementor-4080 .elementor-element.elementor-element-8f89907{--padding-top:16px;--padding-bottom:16px;--padding-left:32px;--padding-right:32px;}.elementor-4080 .elementor-element.elementor-element-2af207be img{width:65%;}}@media(max-width:767px){.elementor-4080 .elementor-element.elementor-element-8f89907{--padding-top:16px;--padding-bottom:16px;--padding-left:20px;--padding-right:20px;}.elementor-4080 .elementor-element.elementor-element-217586a2{--width:58%;}.elementor-4080 .elementor-element.elementor-element-2af207be{margin:12px 0px calc(var(--kit-widget-spacing0px) + 0px) 0px;}.elementor-4080 .elementor-element.elementor-element-2af207be img{width:45%;}.elementor-4080 .elementor-element.elementor-element-6d397533{--width:35%;}.elementor-4080 .elementor-element.elementor-element-69c8580{margin:-30px 0px calc(var(--kit-widget-spacing0px) + 0px) 0px;}}
<> /* 🔥 HAMBURGER */ .bonoo-menu-toggle { width: 72px; height: 46px; background: transparent !important; border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; position: fixed; right: 30px; z-index: 99999; } /* HEX BORDER (IVORY) */ .bonoo-menu-toggle::before { content: ""; position: absolute; inset: 0; border: 2px solid #f4ead8; background: transparent !important; clip-path: polygon( 12% 0%88% 0%100% 35% 100% 65%88% 100%12% 100% 0% 65%0% 35% ); } /* LINES */ .bonoo-menu-toggle span { position: absolute; width: 32px; height: 2px; background: #f4ead8; } /* ONLY 2 LINES */ .bonoo-menu-toggle span:nth-child(1) { top: 18px; } .bonoo-menu-toggle span:nth-child(2) { top: 26px; } .bonoo-menu-toggle span:nth-child(3) { display: none; } /* HOVER */ .bonoo-menu-toggle:hover::before { border-color: #fff8e9; } .bonoo-menu-toggle:hover span { background: #fff8e9; } /* 🔥 SIDEBAR */ .bonoo-sidebar-menu { position: fixed; top: 0; right: -380px; width: 360px; max-width: 90%; height: 100vh; background: #23372f; z-index: 999999; padding: 90px 35px; transition: 0.4s ease; } .bonoo-sidebar-menu.active { right: 0; } /* MENU LINKS */ .bonoo-sidebar-menu nav a { display: block; color: #f4ead8; text-decoration: none; font-family: Georgiaserif; font-size: 18px; letter-spacing: 2px; text-transform: uppercase; padding: 14px 0; } .bonoo-sidebar-menu nav a:hover { color: #c37a3a; } /* CLOSE BUTTON */ .bonoo-menu-close { position: absolute; top: 25px; right: 30px; font-size: 34px; color: #f4ead8; background: none; border: none; cursor: pointer; } /* OVERLAY */ .bonoo-menu-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.6); opacity: 0; visibility: hidden; transition: 0.3s; z-index: 999998; } .bonoo-menu-overlay.active { opacity: 1; visibility: visible; }

This is a title

Type your paragraph here

Authentic Indian Tapas Restaurant

Modern Indian dining inspired by flavoureleganceand atmosphere.

RESERVATIONS
<> /* ========================================= FULL WIDTH FIX ========================================= */ selector, .elementor-widget-html, .elementor-widget-container{ width:100vw !important; max-width:100vw !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; padding:0 !important; overflow:hidden; } body{ overflow-x:hidden; } /* ========================================= HERO ========================================= */ .bonoo-hero{ position:fixed; inset:0; width:100%; height:100vh; z-index:0; background-image:url("https://bonoo.co.uk/wp-content/uploads/2026/05/DSC00269.webp"); background-size:cover; background-position:center; background-repeat:no-repeat; display:flex; align-items:center; justify-content:center; overflow:hidden; transition: opacity 0.7s ease-out, transform 0.7s ease-out; will-change:opacitytransform; } /* ========================================= OVERLAY ========================================= */ .bonoo-overlay{ position:absolute; inset:0; background:rgba(0,0,0,0.45); z-index:1; } /* ========================================= SPACER ========================================= */ .bonoo-space{ height:100vh; position:relative; z-index:1; } /* ========================================= CONTENT ========================================= */ .bonoo-content{ position:relative; z-index:2; text-align:center; padding:0 24px; max-width:1100px; } /* ========================================= TITLE ========================================= */ .bonoo-content h1{ margin:0; color:#f4e7d3; font-size:66px; line-height:1; font-weight:500; letter-spacing:1px; font-family:'Cormorant Garamond'serif; } /* ========================================= SUBTITLE ========================================= */ .bonoo-subtitle{ color:rgba(244,231,211,0.88); font-size:20px; line-height:1.8; margin-top:24px; max-width:850px; margin-left:auto; margin-right:auto; font-family:'Cormorant Garamond'serif; } /* ========================================= BUTTON ========================================= */ .bonoo-btn{ position:fixed !important; bottom:45px !important; left:50% !important; transform:translateX(-50%) !important; z-index:2147483647 !important; color:#fff8e9 !important; text-decoration:none !important; font-family:Georgia"Times New Roman"serif; font-size:11px; letter-spacing:4px; font-weight:600; padding:10px 24px; border:1.5px solid #fff8e9; background:rgba(0,0,0,0.35); clip-path:polygon( 10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% ); backdrop-filter:blur(3px); transition:0.3s ease; } .bonoo-btn:hover{ background:#fff8e9 !important; color:#000 !important; } /* ========================================= SCROLL EFFECT ========================================= */ .bonoo-hero.hide-hero{ opacity:0; transform:translateY(-80px); pointer-events:none; } /* ========================================= MOBILE ========================================= */ @media(max-width:768px){ .bonoo-hero{ background-position:center center; background-size:cover; background-attachment:scroll; } .bonoo-content{ padding:0 24px; } .bonoo-content h1{ font-size:54px; line-height:1.05; } .bonoo-subtitle{ font-size:17px; line-height:1.7; margin-top:16px; max-width:92%; } .bonoo-btn{ bottom:32px !important; font-size:10px; padding:10px 22px; } }
<> /* ========================= SECTION ========================= */ .lx-slider-section{ width:100%; padding:70px 0; overflow:hidden; position:relative; } /* subtle background pattern */ .lx-slider-section::before{ content:""; position:absolute; inset:0; background-image: radial-gradient(rgba(255,255,255,0.03) 1pxtransparent 1px); background-size:34px 34px; pointer-events:none; } /* ========================= WRAPPER ========================= */ .lx-slider-wrap{ width:88%; max-width:1460px; margin:auto; position:relative; } /* ========================= BORDER CLOSE TO IMAGE ========================= */ /* OUTER BORDER */ .lx-slider-wrap::before{ content:""; position:absolute; top:8%; bottom:8%; left:8%; right:8%; border:2px solid #d8cfb2; z-index:6; pointer-events:none; } /* INNER BORDER */ .lx-slider-wrap::after{ content:""; position:absolute; top:9.2%; bottom:9.2%; left:9.2%; right:9.2%; border:1px solid rgba(216,207,178,0.75); z-index:6; pointer-events:none; } /* ========================= CORNER DESIGN ========================= */ .lx-frame{ position:absolute; width:18px; height:18px; z-index:8; pointer-events:none; } .lx-top-left{ top:8%; left:8%; border-top:3px solid #d8cfb2; border-left:3px solid #d8cfb2; } .lx-top-right{ top:8%; right:8%; border-top:3px solid #d8cfb2; border-right:3px solid #d8cfb2; } .lx-bottom-left{ bottom:8%; left:8%; border-bottom:3px solid #d8cfb2; border-left:3px solid #d8cfb2; } .lx-bottom-right{ bottom:8%; right:8%; border-bottom:3px solid #d8cfb2; border-right:3px solid #d8cfb2; } /* ========================= SLIDER AREA ========================= */ .lx-slides{ position:relative; width:100%; height:790px; overflow:hidden; display:flex; align-items:center; justify-content:center; } /* SLIDES */ .lx-slide{ position:absolute; inset:0; opacity:0; transition:opacity 1s ease; display:flex; align-items:center; justify-content:center; } .lx-slide.active{ opacity:1; z-index:2; } /* IMAGE */ .lx-slide img{ width:78%; max-width:1150px; height:78%; object-fit:cover; display:block; } /* ========================= ARROWS ========================= */ .lx-arrow{ position:absolute; top:50%; transform:translateY(-50%); width:36px; height:36px; border:none; background:transparent; color:#efe6ca; font-size:22px; font-weight:300; cursor:pointer; z-index:20; display:flex; align-items:center; justify-content:center; transition:0.25s ease; } .lx-arrow:hover{ opacity:0.7; } .lx-prev{ left:5%; } .lx-next{ right:5%; } /* diamond behind arrows */ .lx-arrow::before{ content:""; position:absolute; width:10px; height:10px; border:1px solid rgba(239,230,202,0.9); transform:rotate(45deg); z-index:-1; } /* ========================= RESPONSIVE ========================= */ @media(max-width:1100px){ .lx-slides{ height:560px; } .lx-slide img{ width:84%; height:80%; } } @media(max-width:768px){ .lx-slider-wrap{ width:94%; } .lx-slides{ height:340px; } .lx-slide img{ width:88%; height:76%; } .lx-arrow{ font-size:18px; } .lx-arrow::before{ width:8px; height:8px; } .lx-prev{ left:2%; } .lx-next{ right:2%; } /* mobile borders */ .lx-slider-wrap::before{ top:12%; bottom:12%; left:4%; right:4%; } .lx-slider-wrap::after{ top:14%; bottom:14%; left:6%; right:6%; } .lx-top-left{ top:12%; left:4%; } .lx-top-right{ top:12%; right:4%; } .lx-bottom-left{ bottom:12%; left:4%; } .lx-bottom-right{ bottom:12%; right:4%; } }

Our Story

At Bonoowe believe food should feel personaljust like home. That’s why every dish we serve is freshly prepared in our kitchen with certified halal ingredientsand always made with care.

READ MORE
<> .bonoo-read-section { text-align: center; } /* BUTTON */ .bonoo-read-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 160px; height: 48px; text-decoration: none !important; font-family: Georgia"Times New Roman"serif; font-size: 14px; letter-spacing: 4px; text-transform: uppercase; background: transparent; clip-path: polygon(12% 0%88% 0%100% 50%88% 100%12% 100%0% 50%); z-index: 1; } /* TEXT CONTROL */ .bonoo-read-btn span { position: relative; z-index: 3; color: #f4ead8 !important; transition: color 0.25s ease; } /* BORDER */ .bonoo-read-btn::before { content: ""; position: absolute; inset: 0; background: #f4ead8; clip-path: inherit; z-index: 1; } /* INNER BG */ .bonoo-read-btn::after { content: ""; position: absolute; inset: 2px; background: #23372f; clip-path: inherit; z-index: 2; transition: background 0.25s ease; } /* 🔥 HOVER */ .bonoo-read-btn:hover span { color: #23372f !important; } .bonoo-read-btn:hover::after { background: #f4ead8; }

Food & Drink

The Essence of Bonoo’s menu captures the heart of India’s culinary journeycelebrating a rich tapestry of regional flavors and deep-rooted traditions. We honor the heritage of every dishstaying true to original recipes and authentic techniques. Every bite is designed to be a timeless exploration of spice and soul.

You won’t find shortcuts herejust bold ingredientstraditional recipescertified halal foodand flavours that speak for themselves.

<> .bonoo-about-holder { width: 100%; height: 100vh; position: relative; } .bonoo-about-fixed-inner { width: 100vw; height: 100vh; position: sticky; top: 0; overflow: hidden; } .bonoo-about-bg { position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; } .bonoo-about-overlay { position: absolute; inset: 0; z-index: 1; } .bonoo-about-wrap { position: absolute; top: 50%; right: 10%; transform: translateY(-50%); width: 390px; max-width: 90%; text-align: center; color: #f5efe4; z-index: 2; } .bonoo-about-wrap h2 { margin: 0 0 34px; font-family: Georgiaserif; font-size: 36px; font-weight: 400; letter-spacing: 14px; text-transform: uppercase; } .bonoo-line { display: flex; justify-content: center; align-items: center; gap: 6px; margin-bottom: 38px; } .bonoo-line span { width: 10px; height: 10px; border: 1.5px solid #c37a3a; transform: rotate(45deg); } .bonoo-line i { width: 42px; height: 8px; border-top: 1.5px solid #c37a3a; border-bottom: 1.5px solid #c37a3a; } .bonoo-about-wrap p { margin: 0 auto 24px; font-family: Georgiaserif; font-size: 14px; line-height: 1.8; letter-spacing: 1.6px; font-weight: 600; color: #f5efe4; } .bonoo-info-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 160px; height: 48px; margin-top: 20px; padding: 0 28px; color: #f4ead8; text-decoration: none; font-family: Georgiaserif; font-size: 14px; letter-spacing: 4px; text-transform: uppercase; z-index: 1; } .bonoo-info-btn::before { content: ""; position: absolute; inset: 0; background: #f4ead8; clip-path: polygon(12% 0%88% 0%100% 50%88% 100%12% 100%0% 50%); z-index: -2; } .bonoo-info-btn::after { content: ""; position: absolute; inset: 1.5px; background: #27372f; clip-path: polygon(12% 0%88% 0%100% 50%88% 100%12% 100%0% 50%); z-index: -1; } .bonoo-info-btn:hover { color: #27372f; } .bonoo-info-btn:hover::after { background: #f4ead8; } @media (max-width: 768px) { .bonoo-about-holder { height: auto; } .bonoo-about-fixed-inner { position: relative; height: auto; min-height: 100vh; padding: 80px 20px; } .bonoo-about-wrap { position: relative; top: auto; right: auto; transform: none; margin: 0 auto; width: 100%; } .bonoo-about-wrap h2 { font-size: 28px; letter-spacing: 8px; } .bonoo-about-wrap p { font-size: 14px; } }

A Taste of Excellence

A curated selection of our finest offeringsdesigned to tantalize the palate. Explore a menu where tradition meets innovation in every bite.Experience bold Indian flavoursshare small platesand create unforgettable memories with us.

Our Locations

EXPLORE
<> .bonoo-read-section { text-align: center; } /* BUTTON */ .bonoo-read-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 160px; height: 48px; text-decoration: none !important; font-family: Georgia"Times New Roman"serif; font-size: 14px; letter-spacing: 4px; text-transform: uppercase; background: transparent; clip-path: polygon(12% 0%88% 0%100% 50%88% 100%12% 100%0% 50%); z-index: 1; } /* TEXT CONTROL */ .bonoo-read-btn span { position: relative; z-index: 3; color: #f4ead8 !important; transition: color 0.25s ease; } /* BORDER */ .bonoo-read-btn::before { content: ""; position: absolute; inset: 0; background: #f4ead8; clip-path: inherit; z-index: 1; } /* INNER BG */ .bonoo-read-btn::after { content: ""; position: absolute; inset: 2px; background: #23372f; clip-path: inherit; z-index: 2; transition: background 0.25s ease; } /* 🔥 HOVER */ .bonoo-read-btn:hover span { color: #23372f !important; } .bonoo-read-btn:hover::after { background: #f4ead8; }

Our Locations

✽ ✽
EXPLORE
<> .bonoo-locations-hero { position: relative; width: 100%; height: 100vh; z-index: 1; background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; overflow: hidden; } .bonoo-locations-overlay { position: absolute; inset: 0; z-index: 1; } .bonoo-locations-content { position: relative; z-index: 2; text-align: center; padding: 0 20px; transform: translateY(-20px); } .bonoo-locations-content h1 { font-family: Georgia"Times New Roman"serif; font-size: clamp(34px4vw62px); font-weight: 400; color: #fff8e9; margin: 0; } .bonoo-locations-icons { margin-top: 28px; font-size: clamp(34px3vw54px); color: #fff8e9; letter-spacing: 18px; } .bonoo-locations-btn { display: inline-block; margin-top: 36px; color: #fff8e9 !important; text-decoration: none !important; font-family: Georgia"Times New Roman"serif; font-size: 11px; letter-spacing: 4px; font-weight: 600; padding: 10px 28px; border: 1.5px solid #fff8e9; background: rgba(0,0,0,0.35); clip-path: polygon(10% 0%90% 0%100% 50%90% 100%10% 100%0% 50%); } .bonoo-locations-btn:hover { background: #fff8e9 !important; color: #000 !important; } @media (max-width: 768px) { .bonoo-locations-content h1 { font-size: 32px; } .bonoo-locations-icons { font-size: 34px; letter-spacing: 12px; } .bonoo-locations-btn { font-size: 10px; padding: 10px 24px; } }

Explore Bonoo Premium Foods

EXPLORE
<> .bonoo-read-section { text-align: center; } /* BUTTON */ .bonoo-read-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 160px; height: 48px; text-decoration: none !important; font-family: Georgia"Times New Roman"serif; font-size: 14px; letter-spacing: 4px; text-transform: uppercase; background: transparent; clip-path: polygon(12% 0%88% 0%100% 50%88% 100%12% 100%0% 50%); z-index: 1; } /* TEXT CONTROL */ .bonoo-read-btn span { position: relative; z-index: 3; color: #f4ead8 !important; transition: color 0.25s ease; } /* BORDER */ .bonoo-read-btn::before { content: ""; position: absolute; inset: 0; background: #f4ead8; clip-path: inherit; z-index: 1; } /* INNER BG */ .bonoo-read-btn::after { content: ""; position: absolute; inset: 2px; background: #23372f; clip-path: inherit; z-index: 2; transition: background 0.25s ease; } /* 🔥 HOVER */ .bonoo-read-btn:hover span { color: #23372f !important; } .bonoo-read-btn:hover::after { background: #f4ead8; }

RESERVATIONS

Book A Table
<> .bonoo-table-section { text-align: center; } .bonoo-table-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 200px; height: 48px; text-decoration: none !important; font-family: Georgia"Times New Roman"serif; font-size: 14px; letter-spacing: 4px; text-transform: uppercase; background: transparent; clip-path: polygon(12% 0%88% 0%100% 50%88% 100%12% 100%0% 50%); z-index: 1; } .bonoo-table-btn span { position: relative; z-index: 3; color: #f4ead8 !important; transition: color 0.25s ease; } .bonoo-table-btn::before { content: ""; position: absolute; inset: 0; background: #f4ead8; clip-path: inherit; z-index: 1; } .bonoo-table-btn::after { content: ""; position: absolute; inset: 2px; background: #23372f; clip-path: inherit; z-index: 2; transition: background 0.25s ease; } .bonoo-table-btn:hover span { color: #23372f !important; } .bonoo-table-btn:hover::after { background: #f4ead8; }
Explore Our

The Restaurants

Step into a world of authentic flavourselegant interiorsand unforgettable dining experiences. Discover our signature restaurants crafted for food lovers who appreciate luxury and taste together.

Restaurant 1

Bonoo Mayfair

Luxury Indian Dining
Restaurant 2

Bonoo Lounge

Fine Dining Experience
Restaurant 3

Bonoo Flavors

Modern Indian Cuisine & Signature Experiences
Restaurant 4

Bonoo Signature

Premium Culinary Journey
<> .bonoo-restaurants-section{ position:relative; overflow:hidden; padding:120px 7%; font-family:inherit; } .bonoo-restaurants-wrapper{ max-width:1400px; margin:0 auto; display:grid; grid-template-columns:0.95fr 1.05fr; gap:80px; align-items:center; } /* LEFT CONTENT */ .bonoo-restaurants-content{ color:#fffaf0; } .bonoo-restaurants-small{ display:inline-block; color:#d59645; font-size:18px; letter-spacing:4px; text-transform:uppercase; font-weight:600; margin-bottom:18px; } .bonoo-restaurants-content h2{ margin:0; color:#fffaf0; font-family:Georgiaserif; font-size:clamp(42px,5vw,78px); font-weight:500; letter-spacing:7px; text-transform:uppercase; line-height:1.1; } .bonoo-restaurants-divider{ display:flex; align-items:center; gap:12px; margin:32px 0; } .bonoo-restaurants-divider span{ width:70px; height:1px; background:#d59645; } .bonoo-restaurants-divider i{ width:10px; height:10px; border:1px solid #d59645; transform:rotate(45deg); } .bonoo-restaurants-content p{ color:rgba(255,255,255,0.78); line-height:1.9; font-size:17px; max-width:560px; } /* SLIDER */ .bonoo-restaurants-slider{ position:relative; overflow:hidden; width:100%; } .bonoo-restaurants-track{ display:flex; gap:28px; width:max-content; animation:bonooRestaurantSlide 28s linear infinite; } .bonoo-restaurants-slider:hover .bonoo-restaurants-track{ animation-play-state:paused; } /* CARD */ .bonoo-restaurant-card{ position:relative; min-width:320px; height:500px; overflow:hidden; border-radius:28px; background:#111; border:1px solid rgba(213,150,69,0.35); box-shadow:0 30px 80px rgba(0,0,0,0.45); flex-shrink:0; } .bonoo-restaurant-card img{ width:100%; height:100%; object-fit:cover; transition:transform .7s ease; } .bonoo-restaurant-card:hover img{ transform:scale(1.08); } .bonoo-restaurant-overlay{ position:absolute; left:0; bottom:0; width:100%; padding:32px 28px; background:linear-gradient(to toprgba(0,0,0,0.92)transparent); } .bonoo-restaurant-overlay h3{ margin:0 0 10px; color:#fff; font-size:28px; font-family:Georgiaserif; letter-spacing:1px; } .bonoo-restaurant-overlay span{ color:#d59645; font-size:14px; letter-spacing:3px; text-transform:uppercase; } /* ANIMATION */ @keyframes bonooRestaurantSlide{ 0%{ transform:translateX(0); } 100%{ transform:translateX(-50%); } } /* TABLET */ @media (max-width:1024px){ .bonoo-restaurants-wrapper{ grid-template-columns:1fr; gap:55px; text-align:center; } .bonoo-restaurants-divider{ justify-content:center; } .bonoo-restaurants-content p{ margin:0 auto; } .bonoo-restaurant-card{ min-width:280px; height:420px; } } /* MOBILE */ @media (max-width:600px){ .bonoo-restaurants-section{ padding:75px 22px; } .bonoo-restaurants-content h2{ font-size:36px; letter-spacing:4px; } .bonoo-restaurants-track{ gap:18px; } .bonoo-restaurant-card{ min-width:240px; height:360px; border-radius:22px; } .bonoo-restaurant-overlay{ padding:24px 20px; } .bonoo-restaurant-overlay h3{ font-size:22px; } }

Private Dining Room & Events Hampstead

EXPLORE
<> .bonoo-read-section { text-align: center; } /* BUTTON */ .bonoo-read-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 160px; height: 48px; text-decoration: none !important; font-family: Georgia"Times New Roman"serif; font-size: 14px; letter-spacing: 4px; text-transform: uppercase; background: transparent; clip-path: polygon(12% 0%88% 0%100% 50%88% 100%12% 100%0% 50%); z-index: 1; } /* TEXT CONTROL */ .bonoo-read-btn span { position: relative; z-index: 3; color: #f4ead8 !important; transition: color 0.25s ease; } /* BORDER */ .bonoo-read-btn::before { content: ""; position: absolute; inset: 0; background: #f4ead8; clip-path: inherit; z-index: 1; } /* INNER BG */ .bonoo-read-btn::after { content: ""; position: absolute; inset: 2px; background: #23372f; clip-path: inherit; z-index: 2; transition: background 0.25s ease; } /* 🔥 HOVER */ .bonoo-read-btn:hover span { color: #23372f !important; } .bonoo-read-btn:hover::after { background: #f4ead8; }