@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Epilogue:wght@400;500;600;700;800&display=swap');

:root{
  --cp-red:#f40403;
  --cp-red-dark:#911922;
  --cp-yellow:#ffd40d;
  --cp-black:#111111;
  --cp-cream:#fffaf5;
  --cp-white:#ffffff;
  --cp-text:#666666;
  --cp-border:rgba(255,255,255,0.12);
  --cp-radius:24px;
  --cp-shadow:0 18px 40px rgba(0,0,0,.10);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Fredoka One', cursive;
  overflow-x:hidden;
  color:var(--cp-black);
  background:#fff;
}
p,span,a,li,input,button{
  font-family:'Epilogue', sans-serif;
}
a{text-decoration:none}
img{max-width:100%;height:auto;display:block}
ul{list-style:none;margin:0;padding:0}
h1,h2,h3,h4,h5,h6{margin:0}
h2{font-size:clamp(34px,4vw,60px)}
.gap{padding:100px 0}
.no-bottom{padding-bottom:0}
.line{
  width:82px;
  height:8px;
  margin:14px auto 0;
  background:var(--cp-yellow);
  border-radius:999px;
}

.button,
.full-menu-btn{
  min-height:56px;
  padding:16px 32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(135deg,var(--cp-red),#bc0000);
  font-weight:700;
  font-size:15px;
  box-shadow:0 10px 26px rgba(244,4,3,.24);
  border:2px solid transparent;
  transition:.28s ease;
}
.button:hover,
.full-menu-btn:hover{
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 16px 32px rgba(244,4,3,.30);
}
.heading span{
  display:inline-block;
  color:var(--cp-red);
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:14px;
  font-weight:700;
  margin-bottom:8px;
}
.heading h2,
.heading-two h2{
  color:#111;
}

/* Header */
header.three{
  position:absolute;
  inset:0 0 auto 0;
  z-index:1000;
  padding-top:24px;
}
header.three .container{position:relative;z-index:2}
.logo{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.logo img{width:200px;max-width:100%;height:auto}
header.three .contact{
  display:flex;
  align-items:center;
}
header.three .contact i{
  width:52px;
  height:52px;
  min-width:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--cp-yellow);
  border-radius:50%;
  margin-right:18px;
}
header.three .contact svg{width:28px;height:auto}
.contact span,.contact h6{color:#fff;font-size:15px;line-height:1.5}
.contact a h6{border-bottom:1px solid rgba(255,255,255,.55);display:inline-block}
.three-menu{min-height:52px}
.bar-menu{
  border:0;
  background:transparent;
  padding:0;
  display:none;
}
.bar-menu i{
  color:#fff;
  font-size:28px;
}
.menu-toggle,.menu-close{
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
}

/* Mobile nav */
.mobile-nav-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.52);
  opacity:0;
  visibility:hidden;
  transition:.28s ease;
  z-index:1090;
}
.mobile-nav{
  position:fixed;
  top:0;
  left:0;
  width:min(88vw,380px);
  height:100vh;
  background:linear-gradient(180deg,#df0202 0%, #8a0000 100%);
  padding:22px 22px 20px;
  transform:translateX(-102%);
  transition:.32s ease;
  z-index:1100;
  overflow-y:auto;
  box-shadow:none;
}
.mobile-nav.open{
  transform:translateX(0);
}
.mobile-nav-overlay.active{
  opacity:1;
  visibility:visible;
}
body.menu-open{overflow:hidden}
.mobile-nav-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:20px;
}
.res-log img{width:155px!important}
.menu-close{
  width:42px;
  height:42px;
  border-radius:50%;
  background:rgba(255,255,255,.10);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
}
.mobile-nav > ul > li{
  padding:14px 0;
  border-bottom:1px solid rgba(255,255,255,.18);
}
.mobile-nav > ul > li > a{
  color:#fff;
  font-size:18px;
  font-weight:600;
}
.mobile-nav-footer{
  padding-top:24px;
}
.booking li{
  display:flex;
  align-items:flex-start;
  margin-bottom:18px;
}
.booking li i{
  width:56px;
  height:56px;
  min-width:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--cp-yellow);
  border-radius:50%;
  margin-right:16px;
}
.booking li svg{width:30px;height:auto}
.booking li span{
  display:block;
  font-size:13px;
  text-transform:uppercase;
  color:#fff;
  margin-bottom:4px;
}
.booking li a span,
.booking li h6{
  color:#fff;
  font-size:15px;
  line-height:1.6;
}
.social-media{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.social-media li a i{
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(255,255,255,.14);
  color:#fff;
  transition:.25s ease;
}
.social-media li a:hover i{
  background:var(--cp-yellow);
  color:#111;
}

/* Hero */
.featured-arae-three{
  padding-top:180px;
  padding-bottom:60px;
  background-position:center;
  background-size:cover;
  position:relative;
}
.featured-arae-three::before{
  content:"";
  position:absolute;
  width:880px;
  height:400px;
  border-radius:191px;
  border-bottom-right-radius:0;
  border-top-right-radius:0;
  right:0;
  top:30%;
  z-index:0;
  background:var(--cp-red);
}
.featured-arae-three .container{position:relative;z-index:1}
.fastest-delivery h4{
  color:#fff;
  font-size:23px;
  margin-bottom:10px;
}
.featured-arae-three h1{
  font-size:84px;
  line-height:1.05;
  color:var(--cp-yellow);
  margin-bottom:16px;
  text-transform:capitalize;
}
.featured-arae-three p{
  font-size:20px;
  line-height:1.8;
  width:70%;
  color:#fff;
  padding-bottom:60px;
}
ul.star{
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--cp-yellow);
}
ul.star li i{font-size:14px}
.fastest-delivery-img{position:relative}
.three-slider.owl-carousel .owl-item img{
  width:90%;
  margin-left:65px;
  margin-top:33px;
}
.good-food-steak-upto{
  position:absolute;
  top:48%;
  left:-45px;
  width:190px;
  height:190px;
  padding:20px;
  border-radius:50%;
  background:var(--cp-yellow);
  border:3px solid #111;
  outline:5px solid var(--cp-yellow);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  z-index:2;
}
.good-food-steak-upto h2{font-size:36px;color:#111}
.good-food-steak-upto h6{
  color:#111;
  font-size:16px;
  text-transform:uppercase;
  letter-spacing:.14em;
}
.featured-arae-three .owl-nav{
  position:absolute;
  top:50%;
  left:0;
  width:100%;
  transform:translateY(-50%);
  z-index:5;
  pointer-events:none;
}
.featured-arae-three .owl-nav button.owl-prev,
.featured-arae-three .owl-nav button.owl-next{
  position:absolute;
  width:52px;
  height:52px;
  border-radius:50%!important;
  background:#111!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 20px rgba(0,0,0,.18);
  pointer-events:auto;
  transition:.28s ease;
  margin:0!important;
}
.featured-arae-three .owl-nav button.owl-prev{left:-80px}
.featured-arae-three .owl-nav button.owl-next{right:-80px}
.featured-arae-three .owl-nav button:hover{
  background:#f3274c!important;
}
.featured-arae-three .owl-nav button span{display:none}
.featured-arae-three .owl-dots{
  text-align:center;
  margin-top:25px;
  display:block!important;
}
.featured-arae-three .owl-dots .owl-dot span{
  width:12px;
  height:12px;
  margin:5px 6px;
  background:rgba(255,255,255,.35);
  transition:.25s ease;
}
.featured-arae-three .owl-dots .owl-dot.active span{
  background:#f3274c;
  transform:scale(1.12);
}

/* Slick menu */
.slick-menu-section{
  padding:50px 0 20px!important;
  background:linear-gradient(135deg,#f8f9fa 0%, #e9ecef 100%);
  position:relative;
}
.slick-menu-section::before{
  content:'';
  position:absolute;
  inset:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='grain' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23f02720' opacity='0.03'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100' height='100' fill='url(%23grain)'/%3E%3C/svg%3E");
  pointer-events:none;
}
.slick-list{
  max-width:1400px;
  margin:0 auto;
  padding:20px 0;
  position:relative;
  z-index:1;
}
.slick-list .slick-slide{padding:0}
.menu-item-card{
  background:#fff;
  border-radius:25px;
  overflow:hidden;
  box-shadow:0 15px 40px rgba(0,0,0,.12);
  transition:all .4s cubic-bezier(.4,0,.2,1);
  text-align:center;
  height:100%;
  border:1px solid rgba(240,39,32,.10);
  position:relative;
  cursor:pointer;
  margin:0 2px;
}
.menu-item-card:hover{
  transform:translateY(-12px) scale(1.03);
  box-shadow:0 30px 70px rgba(240,39,32,.25);
  border-color:rgba(240,39,32,.40);
}
.menu-item-card::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(240,39,32,.08) 0%, transparent 50%);
  opacity:0;
  transition:opacity .3s ease;
  pointer-events:none;
}
.menu-item-card:hover::before{opacity:1}
.menu-item-card img{
  width:100%;
  height:400px;
  object-fit:cover;
  transition:transform .6s cubic-bezier(.4,0,.2,1);
  display:block;
}
.menu-item-card:hover img{transform:scale(1.1)}
.menu-item-card h4{
  font-size:1.4rem;
  font-weight:700;
  margin:25px 0 15px;
  color:#333;
  padding:0 20px;
  line-height:1.3;
  letter-spacing:.5px;
}
.menu-item-card.clicked{
  transform:translateY(-8px) scale(1.02);
  box-shadow:0 25px 60px rgba(145,25,34,.25);
}
.slick-arrow{display:none!important}
.slick-dots{
  position:relative;
  bottom:auto;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-top:40px;
  padding:20px 0;
}
.slick-dots li{
  position:relative;
  display:inline-block;
  width:12px;
  height:12px;
  margin:0 8px;
}
.slick-dots li button{
  font-size:0;
  line-height:0;
  display:block;
  width:12px;
  height:12px;
  padding:5px;
  cursor:pointer;
  color:transparent;
  border:0;
  outline:none;
  background:transparent;
}
.slick-dots li button::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:12px;
  height:12px;
  opacity:.5;
  background:var(--cp-red-dark);
  border-radius:50%;
  transition:all .3s ease;
}
.slick-dots li.slick-active button::before{
  opacity:1;
  background:var(--cp-red-dark);
  transform:scale(1.2);
  box-shadow:0 0 10px rgba(145,25,34,.3);
}
/* Delivery partners */
.delivery-partners-section{
  background:linear-gradient(180deg,#fffaf5 0%, #fff3ec 100%);
}
.welcome-to-foodio{width:min(100%,760px);margin:0 auto}
.about-section .sub-title{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:800;
  color:#fff;
  background:linear-gradient(135deg,var(--cp-red),#b40000);
  padding:10px 18px;
  border-radius:999px;
  margin-bottom:14px;
  box-shadow:0 10px 20px rgba(244,4,3,.18);
}
.section-intro{
  max-width:760px;
  margin:18px auto 0;
  color:#6a6a6a;
  font-size:16px;
  line-height:1.9;
}
.delivery-highlight h3{
  font-size:36px;
  line-height:1.25;
  color:#111;
  margin-bottom:14px;
}
.delivery-highlight p{
  color:#666;
  line-height:1.9;
}
.highlight-badge{
  display:inline-block;
  background:linear-gradient(135deg,var(--cp-red),#b90000);
  color:#fff;
  border-radius:999px;
  padding:9px 16px;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:14px;
}
.feature-box{
  background:#fff;
  border-radius:18px;
  padding:18px;
  margin-bottom:14px;
  box-shadow:0 12px 30px rgba(0,0,0,.06);
  border:1px solid rgba(0,0,0,.05);
  transition:.25s ease;
}
.feature-box:hover{transform:translateY(-3px)}
.feature-box .icon{
  width:56px;
  min-width:56px;
  height:56px;
  border-radius:16px;
  background:linear-gradient(135deg,var(--cp-red),#8d0000);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  margin-right:16px;
}
.feature-box h5{
  font-size:18px;
  margin-bottom:6px;
}
.feature-box p{
  margin:0;
  color:#666;
  line-height:1.75;
  font-size:14px;
}
.partner-cards{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.partner-card{
  display:flex;
  align-items:center;
  gap:16px;
  padding:16px 18px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(0,0,0,.05);
  box-shadow:0 14px 28px rgba(0,0,0,.08);
  transition:.25s ease;
}
.partner-card:hover{transform:translateY(-4px)}
.uber-eats-card{background:linear-gradient(135deg,#eefcf3,#ffffff)}
.just-eat-card{background:linear-gradient(135deg,#fff3ec,#ffffff)}
.deliveroo-card{background:linear-gradient(135deg,#eefcff,#ffffff)}
.partner-logo{
  width:74px;
  height:74px;
  min-width:74px;
  border-radius:20px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.partner-logo img{
  max-width:56px;
  max-height:56px;
  object-fit:contain;
}
.partner-info h6{
  color:#111;
  font-size:20px;
  margin-bottom:4px;
}
.partner-info span{
  color:#666;
  font-size:14px;
  font-weight:600;
}
.delivery-image-layout{position:relative}
.delivery-badge-card{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:linear-gradient(135deg,#111,#cb0808);
  color:#fff;
  border-radius:999px;
  padding:12px 18px;
  font-size:13px;
  font-weight:800;
  margin-bottom:20px;
  box-shadow:0 12px 25px rgba(0,0,0,.16);
}
.delivery-badge-card i{color:var(--cp-yellow)}
.delivery-food-card{
  border-radius:28px;
  overflow:hidden;
  background:#f4f4f4;
  box-shadow:0 20px 45px rgba(0,0,0,.14);
}
.delivery-food-card img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.tall-card{height:480px}
.small-card{height:228px}

/* How we work */
.how-we-work{
  background:transparent;
  position:relative;
  padding:90px 0;
}
.how-we-work::before{
  content:"";
  position:absolute;
  inset:0 23% 0 0;
  background:#df0202;
  border-top-right-radius:420px;
  border-bottom-right-radius:420px;
}
.how-we-work .container{position:relative;z-index:1}
.how-we-work .heading h6,
.how-we-work .heading h2,
.easy-orded h4,
.easy-orded p{color:#fff}
.easy-orded-style{
  display:flex;
  gap:24px;
  justify-content:space-between;
}
.easy-orded{
  width:calc(33.333% - 16px);
  position:relative;
  margin-top:36px;
}
.easy-orded sup{
  position:absolute;
  top:0;
  left:0;
  width:36px;
  height:36px;
  border-radius:50%;
  background:#111;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:15px;
  z-index:1;
}
.easy-orded i{
  width:110px;
  height:110px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--cp-yellow);
  border-radius:50%;
  outline:7px solid var(--cp-yellow);
  border:1px solid #111;
  margin-bottom:24px;
}
.easy-orded svg{
  width:56px;
  height:auto;
}
.easy-orded p{
  padding-top:10px;
  line-height:1.8;
}
.easy-orded-video{
  text-align:right;
}
.easy-orded-video img{
  width:min(100%,520px);
  margin-left:auto;
  border-radius:50%;
  box-shadow:0 18px 42px rgba(0,0,0,.18);
}

/* Weekly section */
.section-weekly .heading{
  margin-bottom:40px;
}
.section-weekly #v-pills-tab{
  padding:28px;
  background:#fff7e5;
  border-radius:26px;
}
.section-weekly .nav-pills .nav-link{
  width:100%;
  text-align:left;
  padding:18px 22px 18px 42px;
  background:#fff;
  border-radius:15px;
  color:#111;
  font-size:17px;
  margin-top:8px;
  position:relative;
  border:0;
}
.section-weekly .nav-pills .nav-link::before{
  content:"";
  position:absolute;
  left:18px;
  top:24px;
  width:14px;
  height:14px;
  border-radius:50%;
  border:5px solid #c2c2c2;
}
.section-weekly .nav-pills .nav-link.active{
  background:var(--cp-yellow);
}
.section-weekly .nav-pills .nav-link.active::before{
  border-color:var(--cp-red);
}
.deal-week.two{
  border:7px solid var(--cp-yellow);
  border-radius:22px;
  padding:42px;
  background:#fff;
}
.quality-foods{
  display:flex;
  flex-wrap:wrap;
  gap:0;
  padding-bottom:20px;
}
.quality-foods li{
  width:50%;
  display:flex;
  align-items:center;
  margin-bottom:18px;
}
.quality-foods img{
  margin-right:10px;
  width:20px;
  height:20px;
}
.deal-week h2{
  font-size:38px;
  margin-bottom:26px;
  color:#111;
}

/* Instagram gallery - intentionally smaller */
.instagram-gallery-section{
  background:linear-gradient(180deg,#fffaf8 0%, #fff3ef 100%);
}
.instagram-gallery-section .container{
  max-width:1380px;
}
.gallery-header{
  max-width:760px;
  margin:0 auto 34px;
}
.gallery-tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:linear-gradient(135deg,var(--cp-red),#b50000);
  color:#fff;
  padding:10px 18px;
  border-radius:999px;
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
  margin-bottom:16px;
}
.gallery-header p{
  margin-top:12px;
  color:#666;
  line-height:1.9;
}
.gallery-btn-wrap{margin-top:24px}
.instagram-gallery-grid{
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:12px;
}
.gallery-card{
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(0,0,0,.05);
  background:#fff;
  box-shadow:0 10px 24px rgba(0,0,0,.08);
}
.gallery-card img{
  width:100%;
  height:150px;
  object-fit:cover;
  transition:.35s ease;
}
.gallery-card:hover img{
  transform:scale(1.05);
}
.gallery-overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg, rgba(244,4,3,.08), rgba(0,0,0,.44));
  opacity:0;
  transition:.28s ease;
}
.gallery-card:hover .gallery-overlay{
  opacity:1;
}
.gallery-overlay i{
  width:48px;
  height:48px;
  border-radius:50%;
  background:rgba(255,255,255,.96);
  color:var(--cp-red);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
}

/* Footer */
footer.three{
  padding:0;
  background-position:center;
  background-size:cover;
}
.footer-text p{
  font-size:17px;
  color:#eee;
  padding-top:26px;
  width:86%;
  line-height:1.9;
}
.link-about.Newsletter h3{
  color:#fff;
  display:inline-block;
  border-bottom:6px solid var(--cp-yellow);
  margin:60px 0 28px;
}
footer.three .booking li a span,
footer.three .booking li h6{
  color:#fff;
}
.footer-bottom-bg{background:#000}
.footer-bootem{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  margin-top:54px;
  padding:26px 0 32px;
}
.footer-bootem h6,
footer.three .header-social-media a{
  color:#fff;
}
.header-social-media{
  display:flex;
  align-items:center;
  gap:22px;
  flex-wrap:wrap;
}
.header-social-media a{
  border-bottom:1px solid transparent;
  transition:.2s ease;
}
.header-social-media a:hover{
  border-color:#fff;
}

/* Progress */
#progress{
  z-index:111;
  position:fixed;
  bottom:20px;
  right:16px;
  height:64px;
  width:64px;
  display:none;
  place-items:center;
  border-radius:50%;
  box-shadow:0 0 10px rgba(0,0,0,.2);
  cursor:pointer;
}
#progress-value{
  height:calc(100% - 12px);
  width:calc(100% - 12px);
  background:#fff;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:22px;
  color:#001a2e;
}

/* Helpers */
.footer-bottom-bg .container,
.featured-arae-three .container{position:relative}
.theme-btn{display:inline-flex}


/* Contact page restored styles */
.mobile-nav a#res-cross{
  position:absolute;
  top:18px;
  right:18px;
  width:42px;
  height:42px;
  border-radius:50%;
  background:rgba(255,255,255,.10);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;
}
.mobile-nav a#res-cross::before{
  content:"\f00d";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  color:#fff;
  font-size:18px;
  line-height:1;
}
.get-in-touch h2{
  margin-bottom:30px;
  font-size:50px;
}
.get-in-touch > p{
  margin-bottom:22px;
}
.get-in-touch .booking{
  display:flex;
  flex-wrap:wrap;
  gap:20px;
}
.get-in-touch .booking li{
  display:block;
  text-align:center;
  width:calc(50% - 10px);
  border:5px solid var(--cp-yellow);
  background:#fff;
  margin:0;
  padding:34px 24px;
  border-radius:20px;
  box-shadow:0 12px 30px rgba(0,0,0,.08);
}
.get-in-touch .booking li i{
  margin:0 auto 20px;
  width:76px;
  height:76px;
  min-width:76px;
  background:var(--cp-red);
}
.get-in-touch .booking li svg{
  width:40px;
  height:auto;
  fill:#fff;
}
.get-in-touch .booking li span{
  color:#666;
  font-size:14px;
  margin-bottom:6px;
}
.get-in-touch .booking li a span,
.get-in-touch .booking li h6{
  color:#111;
  font-size:18px;
  line-height:1.6;
}
.leave-comment input{
  width:100%;
  height:65px;
  font-family:'Epilogue',sans-serif;
  border:3px solid #d6deec;
  outline:none;
  margin-bottom:20px;
  border-radius:10px;
  padding:0 20px 0 30px;
  color:#555;
  background:#fff;
}
.leave-comment input:focus,
.leave-comment textarea:focus{
  border-color:var(--cp-yellow);
}
.leave-comment input::placeholder,
.leave-comment textarea::placeholder{
  color:#666;
}
.leave-comment textarea{
  width:100%;
  min-height:190px;
  padding:22px 24px 22px 30px;
  font-family:'Epilogue',sans-serif;
  border:3px solid #d6deec;
  outline:none;
  margin-bottom:20px;
  border-radius:10px;
  color:#555;
  background:#fff;
  resize:vertical;
}
form.add-review.leave-comment button.button{
  width:auto;
}
.mapouter iframe{
  border-radius:30px;
  height:420px;
  width:100%;
  margin-top:40px;
  display:block;
  border:0;
}
.contact-location-row{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:16px;
  flex-wrap:wrap;
}
.contact-location-row i{
  color:var(--cp-red);
  font-size:20px;
}
.contact-location-row p{
  margin:0;
}
.day-time{
  text-align:center;
  flex:1 1 0;
}
.day-time h6{
  font-size:24px;
  color:#fff;
}
.day-time h4{
  color:var(--cp-yellow);
  font-size:24px;
  padding-top:14px;
  padding-bottom:4px;
}
.day-time span{
  color:#fff;
}
.opening-hours{
  z-index:11;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-radius:30px;
  margin:auto;
  margin-top:-70px;
  position:relative;
  width:min(90%, 1320px);
  margin-bottom:120px;
  padding:46px 80px;
  background:linear-gradient(135deg,#111 0%, #1b1b1b 100%);
  box-shadow:0 18px 40px rgba(0,0,0,.24);
}
.boder-line{
  display:block;
  width:1px;
  height:120px;
  background:rgba(255,255,255,.18);
  flex:0 0 1px;
}
/* Right-side mobile menu */
@media (max-width: 1199.98px) {
  #mobile-nav,
  .mobile-nav {
    left: auto !important;
    right: 0 !important;
    transform: translateX(101%) !important;
    -webkit-transform: translateX(101%) !important;
    -moz-transform: translateX(101%) !important;
    -o-transform: translateX(101%) !important;
  }

  #mobile-nav.open,
  .mobile-nav.open {
    left: auto !important;
    right: 0 !important;
    transform: translateX(0) !important;
    -webkit-transform: translateX(0) !important;
    -moz-transform: translateX(0) !important;
    -o-transform: translateX(0) !important;
  }

  .mobile-nav a#res-cross:before {
    right: 20px;
    left: auto;
  }
}

@media (max-width: 767.98px) {
  #mobile-nav,
  .mobile-nav {
    width: min(86vw, 380px) !important;
  }
}

@media (max-width: 575.98px) {
  #mobile-nav,
  .mobile-nav {
    width: 100vw !important;
  }
}

.cp-flavour-art{
  width:100%;
  padding:0;
}

.cp-flavour-frame{
  width:100%;
  max-width:none;
  margin:0;
  border:0;
  box-shadow:none;
  overflow:hidden;
  background:var(--fb-dark);
}

.cp-topbar {
  position: relative;
  background: #9a1715;
  padding: 18px 16px 20px;
  text-align: center;
  overflow: hidden;
}
.cp-topbar::before,
.cp-topbar::after{
  content:'🌶';
  position:absolute;
  top:16px;
  font-size:78px;
  line-height:1;
  opacity:.22;
  color:#efc892;
  transform:rotate(-18deg);
  animation: cpPepperFloat 6s ease-in-out infinite;
}
.cp-topbar::before{left:16px;}
.cp-topbar::after{right:16px; transform:rotate(18deg) scaleX(-1); animation-delay:1.2s;}

.cp-kicker {
  display: block;
  color:#e8c588;
  font-size: clamp(22px,2.4vw,42px);
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 4px;
  text-shadow: -2px -2px 0 #69140f,2px -2px 0 #9a1715,-2px 2px 0 #9a1715 ,2px 2px 0 #9a1715;
  margin-top: 20px;
}
.cp-title {
  margin: 0;
  color: #e8c588;
  font-size: clamp(34px,4.5vw,76px);
  line-height: .95;
  font-weight: 800;
  text-transform: uppercase;
  text-shadow: -3px -3px 0 var(--fb-stroke),3px -3px 0 var(--fb-stroke),-3px 3px 0 var(--fb-stroke),3px 3px 0 var(--fb-stroke);
}
.cp-board{
  display:grid;
  grid-template-columns:repeat(6,1fr);
}

.cp-panel{
  position:relative;
  min-height:560px;
  padding:28px 10px 0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  overflow:hidden;
  animation: cpRise .8s ease both;
}

.cp-panel:nth-child(1){animation-delay:.05s;}
.cp-panel:nth-child(2){animation-delay:.15s;}
.cp-panel:nth-child(3){animation-delay:.25s;}
.cp-panel:nth-child(4){animation-delay:.35s;}
.cp-panel:nth-child(5){animation-delay:.45s;}
.cp-panel:nth-child(6){animation-delay:.55s;}

.cp-panel::before{
  content:'';
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 25% 18%, rgba(255,255,255,.1) 0 2px, transparent 3px),
    radial-gradient(circle at 65% 30%, rgba(255,255,255,.09) 0 2px, transparent 3px),
    radial-gradient(circle at 40% 48%, rgba(255,255,255,.08) 0 3px, transparent 4px),
    radial-gradient(circle at 70% 68%, rgba(255,255,255,.08) 0 3px, transparent 4px),
    radial-gradient(circle at 20% 78%, rgba(255,255,255,.1) 0 3px, transparent 4px);
  opacity:.55;
  pointer-events:none;
}

.cp-panel::after{
  content:'🌶';
  position:absolute;
  inset:auto 8px 210px auto;
  font-size:42px;
  opacity:.25;
  color:rgba(255,255,255,.7);
  transform:rotate(24deg);
  animation: cpPepperFloat 7s ease-in-out infinite;
}

.cp-bbq{background:linear-gradient(180deg,#7d2716 0%, #6e170d 100%);} 
.cp-lemon{background:linear-gradient(180deg,#e4df30 0%, #cbc620 100%);} 
.cp-mild{background:linear-gradient(180deg,#f9b12b 0%, #f39b18 100%);} 
.cp-hot{background:linear-gradient(180deg,#f07b22 0%, #ea6617 100%);} 
.cp-inferno{background:linear-gradient(180deg,#ab161c 0%, #911116 100%);} 
.cp-super{background:linear-gradient(180deg,#6a140f 0%, #53100d 100%);} 

.cp-flavour-word{
  position:absolute;
  top:26px;
  left:50%;
  transform:translateX(-50%) rotate(-72deg);
  margin:0;
  font-size:clamp(34px,3.4vw,68px);
  line-height:.86;
  font-weight:800;
  text-transform:uppercase;
  color:rgba(121,37,26,.95);
  text-align:center;
  letter-spacing:1px;
  width:180px;
  text-shadow:0 2px 0 rgba(0,0,0,.04);
  transform-origin:center center;
}
.cp-lemon .cp-flavour-word{color:rgba(121,153,44,.92);} 
.cp-mild .cp-flavour-word{color:rgba(245,199,80,.92);} 
.cp-hot .cp-flavour-word{color:rgba(196,80,18,.92);} 
.cp-inferno .cp-flavour-word{color:rgba(236,39,49,.9);} 
.cp-super .cp-flavour-word{color:rgba(178,42,34,.9);} 

.cp-splash{
  position:absolute;
  top:114px;
  left:50%;
  transform:translateX(-50%);
  width:110px;
  height:170px;
  pointer-events:none;
  animation: cpSplashPulse 3.2s ease-in-out infinite;
}
.cp-splash::before,
.cp-splash::after,
.cp-splash span{
  content:'';
  position:absolute;
  border-radius:999px;
  background:currentColor;
}
.cp-splash::before{width:52px;height:128px;left:29px;top:0;transform:rotate(8deg);} 
.cp-splash::after{width:44px;height:72px;left:5px;top:88px;transform:rotate(34deg);} 
.cp-splash span{width:44px;height:72px;right:4px;top:92px;transform:rotate(-34deg);} 
.cp-bbq .cp-splash{color:#d66a30;} 
.cp-lemon .cp-splash{color:#8caf42;} 
.cp-mild .cp-splash{color:#efc44b;} 
.cp-hot .cp-splash{color:#f2aa3e;} 
.cp-inferno .cp-splash{color:#ef2237;} 
.cp-super .cp-splash{color:#c62a23;} 

.cp-bottle{
  position:relative;
  width:min(88%,190px);
  aspect-ratio: 0.74 / 1.38;
  margin-top:auto;
  filter:drop-shadow(0 5px 8px rgba(0,0,0,.18));
  animation: cpBottleFloat 4.6s ease-in-out infinite;
}

.cp-panel:nth-child(2) .cp-bottle{animation-delay:.4s;}
.cp-panel:nth-child(3) .cp-bottle{animation-delay:.8s;}
.cp-panel:nth-child(4) .cp-bottle{animation-delay:1.2s;}
.cp-panel:nth-child(5) .cp-bottle{animation-delay:1.6s;}
.cp-panel:nth-child(6) .cp-bottle{animation-delay:2s;}

.cp-bottle-neck{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:0;
  width:24%;
  height:14%;
  background:transparent;
  border-left:6px solid #f3f1eb;
  border-right:6px solid #f3f1eb;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
}
.cp-bottle-cap{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:12%;
  width:42%;
  height:10%;
  border-radius:12px;
  background:var(--cap-color);
  border:5px solid #f3f1eb;
  box-shadow:inset 0 -6px 0 rgba(0,0,0,.1);
}
.cp-bottle-body{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:19%;
  width:78%;
  height:78%;
  background:var(--glass-color);
  border:6px solid #f3f1eb;
  border-radius:18px 18px 30px 30px;
  clip-path:polygon(35% 0,65% 0,74% 10%,88% 22%,100% 52%,100% 100%,0 100%,0 52%,12% 22%,26% 10%);
}
.cp-bottle-inner{
  position:absolute;
  inset:6% 7% 6%;
  clip-path:polygon(35% 0,65% 0,74% 10%,88% 22%,100% 52%,100% 100%,0 100%,0 52%,12% 22%,26% 10%);
  background:linear-gradient(180deg,var(--bottle-top) 0%, var(--bottle-bottom) 100%);
}
.cp-bottle-label{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:8%;
  width:74%;
  height:40%;
  background:#efe3bc;
  border:3px solid #c75a3d;
  border-radius:22px 22px 18px 18px;
  box-shadow:0 0 0 4px rgba(255,255,255,.2) inset;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:8px;
}
.cp-bottle-label::before{
  content:'';
  position:absolute;
  inset:8px;
  border:2px solid #d1905d;
  border-radius:18px 18px 14px 14px;
}
.cp-bottle-label span{
  position:relative;
  z-index:2;
  color:#b73320;
  font-weight:800;
  line-height:.95;
  font-size:clamp(11px,1.2vw,20px);
  text-transform:uppercase;
}
.cp-bottle-label small{
  display:block;
  font-size:.66em;
}

.cp-bbq{
  --cap-color:#6c2416;
  --glass-color:#672212;
  --bottle-top:#884220;
  --bottle-bottom:#54170e;
}
.cp-lemon{
  --cap-color:#84a22c;
  --glass-color:#bdd432;
  --bottle-top:#dfe94e;
  --bottle-bottom:#adc528;
}
.cp-mild{
  --cap-color:#d85f1f;
  --glass-color:#f39b22;
  --bottle-top:#ffc14b;
  --bottle-bottom:#ef8f18;
}
.cp-hot{
  --cap-color:#db311d;
  --glass-color:#f36a21;
  --bottle-top:#ff9637;
  --bottle-bottom:#ef5a19;
}
.cp-inferno{
  --cap-color:#e2242a;
  --glass-color:#bc161d;
  --bottle-top:#da2029;
  --bottle-bottom:#8f1317;
}
.cp-super{
  --cap-color:#6e1714;
  --glass-color:#64140e;
  --bottle-top:#8c2a1a;
  --bottle-bottom:#54120d;
}

@keyframes cpRise{
  from{opacity:0; transform:translateY(30px);} 
  to{opacity:1; transform:translateY(0);} 
}

@keyframes cpBottleFloat{
  0%,100%{transform:translateY(0);} 
  50%{transform:translateY(-10px);} 
}

@keyframes cpSplashPulse{
  0%,100%{transform:translateX(-50%) scale(1);} 
  50%{transform:translateX(-50%) scale(1.04);} 
}

@keyframes cpPepperFloat{
  0%,100%{translate:0 0;} 
  50%{translate:0 -8px;} 
}

/* laptop */
@media (max-width: 1199.98px){
  .cp-panel{min-height:500px;}
  .cp-flavour-word{width:154px; font-size:clamp(32px,3.2vw,54px);} 
  .cp-splash{top:110px; width:96px; height:150px;} 
}

/* tablet */
@media (max-width: 991.98px){
  .cp-kicker{font-size:clamp(18px,2.6vw,30px);} 
  .cp-title{font-size:clamp(30px,5.2vw,54px);} 
  .cp-board{grid-template-columns:repeat(3,1fr);} 
  .cp-panel{min-height:430px; padding-top:22px;} 
  .cp-flavour-word{
    top:20px;
    width:132px;
    font-size:clamp(28px,4vw,44px);
    transform:translateX(-50%) rotate(-64deg);
  }
  .cp-splash{
    top:88px;
    width:84px;
    height:132px;
  }
  .cp-bottle{width:min(82%,160px);} 
}

/* mobile */
@media (max-width: 767.98px){
  .cp-flavour-art{padding:0;} 
  .cp-topbar{padding:14px 12px 16px;} 
  .cp-topbar::before,
  .cp-topbar::after{font-size:42px; top:12px;} 
  .cp-topbar::before{left:8px;} 
  .cp-topbar::after{right:8px;} 

  .cp-kicker{
    font-size:16px;
    line-height:1.05;
    margin-bottom:2px;
    letter-spacing:.5px;
    text-shadow:-1px -1px 0 var(--fb-stroke),1px -1px 0 var(--fb-stroke),-1px 1px 0 var(--fb-stroke),1px 1px 0 var(--fb-stroke);
  }

  .cp-title{
    font-size:28px;
    line-height:.95;
    text-shadow:-2px -2px 0 var(--fb-stroke),2px -2px 0 var(--fb-stroke),-2px 2px 0 var(--fb-stroke),2px 2px 0 var(--fb-stroke);
  }

  .cp-board{grid-template-columns:repeat(2,1fr);} 

  .cp-panel{
    min-height:360px;
    padding:18px 8px 0;
  }

  .cp-flavour-word{
    top:12px;
    left:50%;
    width:108px;
    font-size:30px;
    line-height:.82;
    transform:translateX(-50%) rotate(-56deg);
    letter-spacing:.4px;
  }

  .cp-bbq .cp-flavour-word{left:52%;}
  .cp-lemon .cp-flavour-word{left:51%;}

  .cp-splash{
    top:70px;
    width:72px;
    height:108px;
  }
  .cp-splash::before{width:34px;height:84px;left:20px;} 
  .cp-splash::after{width:30px;height:48px;left:3px;top:58px;} 
  .cp-splash span{width:30px;height:48px;right:3px;top:60px;} 

  .cp-bottle{width:min(78%,138px);} 
  .cp-bottle-neck{border-left-width:4px; border-right-width:4px;} 
  .cp-bottle-cap{border-width:4px; border-radius:10px;} 
  .cp-bottle-body{border-width:4px;} 

  .cp-panel::after{
    font-size:28px;
    bottom:148px;
  }
}

/* small mobile */
@media (max-width: 479.98px){
  .cp-kicker{font-size:13px;} 
  .cp-title{font-size:22px;} 
  .cp-board{grid-template-columns:repeat(2,1fr);} 
  .cp-panel{min-height:300px;} 

  .cp-flavour-word{
    top:10px;
    width:88px;
    font-size:24px;
    line-height:.8;
    transform:translateX(-50%) rotate(-52deg);
  }

  .cp-bbq .cp-flavour-word{left:54%;}
  .cp-lemon .cp-flavour-word{left:52%;}

  .cp-splash{
    top:58px;
    width:58px;
    height:90px;
  }
  .cp-splash::before{width:28px;height:64px;left:16px;} 
  .cp-splash::after{width:23px;height:40px;left:2px;top:48px;} 
  .cp-splash span{width:23px;height:40px;right:2px;top:50px;} 

  .cp-bottle{width:min(80%,118px);} 
  .cp-bottle-label span{font-size:10px;} 

  .cp-panel::after{
    font-size:22px;
    bottom:126px;
    right:4px;
  }
}

/* very small */
@media (max-width: 359.98px){
  .cp-title{font-size:20px;} 
  .cp-panel{min-height:280px;} 
  .cp-flavour-word{
    width:78px;
    font-size:20px;
    transform:translateX(-50%) rotate(-48deg);
  }
  .cp-bottle{width:min(82%,106px);} 
}