/* Cup2Eat — brand layer on the Bellaria animation template */

.brand-lockup{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:186px;
	height:92px;
	text-decoration:none;
	line-height:1;
}
.brand-lockup .word{
	font-family:"Leckerli One", cursive;
	font-size:34px;
	color:#1c4634;
	letter-spacing:0.5px;
}
.brand-lockup .word b{color:#c4a15a; font-weight:400;}
.brand-lockup small{
	display:block;
	margin-top:4px;
	font-family:"ABeeZee", sans-serif;
	font-size:10px;
	letter-spacing:2.4px;
	text-transform:uppercase;
	color:#8a7044;
}
.main-header .logo{margin-left:-93px;}
.sticky-header .brand-lockup{width:160px; height:64px;}
.sticky-header .brand-lockup .word{font-size:26px;}
.sticky-header .logo{margin-left:-80px; top:8px; padding:0;}
.main-header .mobile-header .logo{margin-left:0; left:0; top:0; position:relative; width:auto;}

.side-mark{display:block; line-height:0;}
.side-mark img{
	width:72px;
	height:72px;
	border-radius:50%;
	object-fit:cover;
	display:block;
	background:#1c4634;
	box-shadow:0 6px 16px rgba(28,70,52,.16);
}
.main-header .main-box{position:relative;}
.main-header .menu-box > .side-mark{position:absolute; left:0; top:14px; z-index:12;}
.sticky-header .side-mark{position:absolute; left:18px; top:8px; z-index:12;}
.sticky-header .side-mark img{width:52px; height:52px;}
.mobile-header .side-mark{position:relative; float:left; margin:10px 8px 0 12px;}
.mobile-header .side-mark img{width:52px; height:52px;}
.mobile-header .brand-lockup{width:auto; height:64px; align-items:flex-start; padding-top:8px;}
.mobile-header .brand-lockup .word{font-size:22px;}
.mobile-header .brand-lockup small{font-size:9px; letter-spacing:1.2px;}
.mobile-menu .nav-logo{display:flex; align-items:center; gap:12px;}
.mobile-menu .side-mark{position:relative;}
.mobile-menu .nav-logo img{width:56px; height:56px; max-width:56px; border-radius:50%; object-fit:cover;}
.mobile-menu .brand-lockup{width:auto; height:auto; align-items:flex-start;}

.nav-order{
	margin:28px 0 0 12px;
	padding:8px 22px;
	background:#1c4634;
	color:#fff !important;
	border-radius:30px;
	font-size:15px;
	letter-spacing:0.5px;
}
.nav-order:hover{background:#c4a15a; color:#1c4634 !important;}

.main-menu .navigation > li > a{color:#1c4634;}
.main-menu .navigation > li.current > a,
.main-menu .navigation > li > a:hover{color:#a8843d;}
.main-menu .navigation > li > ul > li > a:hover{color:#1c4634;}

/* Hero */
.c2e-hero{
	position:relative;
	min-height:calc(100vh - 120px);
	display:flex;
	align-items:center;
	overflow:hidden;
	color:#fff;
}
.c2e-hero .slides{position:absolute; inset:0;}
.c2e-hero .ken{
	position:absolute;
	inset:-6%;
	background-size:cover;
	background-position:center;
	opacity:0;
	transition:opacity 1.1s ease;
	animation:c2eKen 22s ease-in-out infinite alternate;
	transform:scale(1.04);
}
.c2e-hero .ken.is-on{opacity:1; z-index:1;}
@keyframes c2eKen{
	from{transform:scale(1.02) translate3d(0,0,0);}
	to{transform:scale(1.12) translate3d(-1.5%,-1%,0);}
}
.c2e-hero .veil{
	position:absolute;
	inset:0;
	background:linear-gradient(180deg, rgba(16,36,28,0.12) 0%, rgba(16,36,28,0.22) 42%, rgba(16,36,28,0.45) 100%);
}
.c2e-hero .auto-container{position:relative; z-index:2; padding:48px 15px 56px; text-align:center;}
.c2e-hero .wow{
	background:none;
	display:block;
	max-width:760px;
	margin:0 auto;
	padding:0;
	border-radius:0;
}
.c2e-hero .eyebrow{
	letter-spacing:3.5px;
	text-transform:uppercase;
	font-size:14px;
	color:#f0d48a;
	margin-bottom:12px;
	text-shadow:0 2px 10px rgba(16,36,28,.55);
}
.c2e-hero h1{
	font-family:"Leckerli One", cursive;
	font-size:92px;
	line-height:0.95;
	color:#fff;
	margin:0 auto 16px;
	max-width:none;
	text-shadow:0 3px 18px rgba(16,36,28,.55), 0 1px 2px rgba(16,36,28,.45);
}
.c2e-hero p.lead{
	max-width:560px;
	margin:0 auto 8px;
	font-size:18px;
	line-height:1.65;
	color:#fff;
	text-shadow:0 2px 14px rgba(16,36,28,.65), 0 1px 2px rgba(16,36,28,.5);
}
.c2e-btn{
	display:inline-block;
	margin:12px 10px 0 0;
	padding:12px 26px;
	border-radius:30px;
	background:#f4efe4;
	color:#1c4634 !important;
	font-weight:600;
	letter-spacing:.3px;
	border:2px solid #f4efe4;
}
.c2e-btn.ghost{background:transparent; color:#fff !important; border-color:#fff;}
.c2e-btn.line{background:transparent; color:#1c4634 !important; border-color:#1c4634;}
.c2e-btn.solid{background:#1c4634; color:#fff !important; border-color:#1c4634;}
.c2e-btn:hover{background:#c4a15a; border-color:#c4a15a; color:#1c4634 !important;}

.c2e-marquee{
	background:#1c4634;
	color:#f6f1e6;
	overflow:hidden;
	white-space:nowrap;
	padding:16px 0;
}
.c2e-marquee-track{
	display:inline-flex;
	align-items:center;
	gap:0;
	min-width:max-content;
	animation:c2eMarquee 28s linear infinite;
}
.c2e-marquee:hover .c2e-marquee-track{animation-play-state:paused;}
.c2e-marquee span{
	display:inline-flex;
	align-items:center;
	padding:0 28px;
	font-size:15px;
	letter-spacing:.3px;
}
.c2e-marquee strong{color:#f0d48a; font-weight:600; margin-right:6px;}
.c2e-marquee span:before{
	content:"";
	width:7px;
	height:7px;
	border-radius:50%;
	background:#c4a15a;
	margin-right:28px;
	flex:none;
}
@keyframes c2eMarquee{
	from{transform:translateX(0);}
	to{transform:translateX(-50%);}
}

.c2e-block{padding:80px 0;}
.c2e-block.alt{background:#f7f4ee;}
.c2e-block h2{color:#1c4634;}
.c2e-copy{
	font-size:16px;
	line-height:1.75;
	color:#4b4540;
	max-width:760px;
	margin:0 auto 10px;
}

.c2e-cup-slide{text-align:center; padding:0 12px 8px;}
.c2e-round-pic{
	display:block;
	width:220px;
	height:220px;
	margin:0 auto 16px;
	border-radius:50%;
	overflow:hidden;
	position:relative;
	border:8px solid #f4efe4;
	box-shadow:0 14px 30px rgba(28,70,52,0.16);
	background:#efe8dc;
}
.c2e-round-pic img{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center 45%;
	display:block;
}
.c2e-cup-slide h3{margin:0 0 8px; font-size:28px; line-height:1.15;}
.c2e-cup-slide h3 a{color:#1c4634;}
.c2e-cup-slide h3 a:hover{color:#a8843d;}
.c2e-cup-slide p{color:#5c564f; line-height:1.55; margin:0;}
.c2e-cup-carousel .owl-dots{text-align:center; margin-top:18px;}
.c2e-cup-carousel .owl-dot span{
	width:10px; height:10px; margin:4px; background:#d9cbb6; display:block; border-radius:50%;
}
.c2e-cup-carousel .owl-dot.active span{background:#1c4634;}

.c2e-film{display:grid; grid-template-columns:repeat(4,1fr); gap:14px;}
.c2e-film a{display:block; position:relative; border-radius:16px; overflow:hidden; min-height:210px;}
.c2e-film img{width:100%; height:240px; object-fit:cover; object-position:center; display:block; transition:transform .7s ease;}
.c2e-film a:hover img{transform:scale(1.06);}
.c2e-film span{
	position:absolute; left:12px; bottom:12px;
	background:rgba(16,36,28,.72); color:#fff;
	padding:6px 12px; border-radius:20px; font-size:13px;
}
.c2e-rail{
	position:relative;
	max-width:1040px;
	margin:10px auto 0;
	padding:12px 0 24px;
}
.c2e-rail:before{
	content:"";
	position:absolute;
	left:50%;
	top:0;
	bottom:0;
	width:2px;
	background:linear-gradient(180deg,#c4a15a,#1c4634 40%,#c4a15a);
	transform:translateX(-50%);
}
.c2e-rail-item{
	position:relative;
	width:50%;
	padding:0 54px 110px 18px;
	opacity:0;
	transform:translate3d(-56px,24px,0);
	transition:opacity .75s ease, transform .75s ease;
}
.c2e-rail-item:nth-child(even){
	margin-left:50%;
	padding:0 18px 110px 54px;
	transform:translate3d(56px,24px,0);
}
.c2e-rail-item.is-in{opacity:1; transform:none;}
.c2e-rail-item:after{
	content:"";
	position:absolute;
	top:28px;
	width:18px;
	height:18px;
	border-radius:50%;
	background:#fff;
	border:4px solid #1c4634;
	box-shadow:0 0 0 6px rgba(196,161,90,.35);
	z-index:1;
	transition:transform .45s ease;
}
.c2e-rail-item:nth-child(odd):after{right:-9px;}
.c2e-rail-item:nth-child(even):after{left:-9px;}
.c2e-rail-item.is-in:after{transform:scale(1.08); border-color:#c4a15a;}
.c2e-rail-card{
	position:relative;
	overflow:hidden;
	background:linear-gradient(165deg,#ffffff 0%,#f8f3ea 100%);
	border-radius:22px;
	padding:26px 28px 26px 32px;
	border:1px solid rgba(196,161,90,.45);
	box-shadow:0 18px 40px rgba(28,70,52,.12);
	transition:transform .4s ease, box-shadow .4s ease;
}
.c2e-rail-card:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:7px;
	background:linear-gradient(180deg,#e8c97a,#1c4634);
}
.c2e-rail-item:nth-child(even) .c2e-rail-card{padding:26px 32px 26px 28px;}
.c2e-rail-item:nth-child(even) .c2e-rail-card:before{left:auto; right:0;}
.c2e-rail-item:hover .c2e-rail-card{
	transform:translateY(-8px);
	box-shadow:0 26px 50px rgba(28,70,52,.18);
}
.c2e-rail-card .n{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:58px;
	height:58px;
	margin-bottom:14px;
	border-radius:50%;
	background:#1c4634;
	color:#f0d48a;
	font-family:"Leckerli One",cursive;
	font-size:22px;
	line-height:1;
	box-shadow:0 10px 20px rgba(28,70,52,.22);
}
.c2e-rail-card h3{
	color:#1c4634;
	margin:0 0 12px;
	font-size:28px;
	line-height:1.2;
}
.c2e-rail-card h3:after{
	content:"";
	display:block;
	width:46px;
	height:3px;
	margin-top:10px;
	border-radius:3px;
	background:#c4a15a;
}
.c2e-rail-card p{margin:0; color:#4b4540; line-height:1.75; font-size:16px;}
.c2e-rail-item.is-in .c2e-rail-card h3,
.c2e-rail-item.is-in .c2e-rail-card p{
	animation:c2eRise .7s ease both;
}
.c2e-rail-item.is-in .c2e-rail-card p{animation-delay:.12s;}
@keyframes c2eRise{
	from{opacity:0; transform:translateY(16px);}
	to{opacity:1; transform:none;}
}

.c2e-card{
	background:#fff;
	border-radius:18px;
	overflow:hidden;
	box-shadow:0 16px 40px rgba(28,70,52,0.08);
	height:100%;
	display:flex;
	flex-direction:column;
	transition:transform .45s ease, box-shadow .45s ease;
}
.c2e-card:hover{transform:translateY(-8px); box-shadow:0 22px 50px rgba(28,70,52,0.16);}
.c2e-card .pic{
	display:block;
	height:240px;
	overflow:hidden;
}
.c2e-card .pic img{
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .8s ease;
}
.c2e-card:hover .pic img{transform:scale(1.08);}
.c2e-card .body{padding:22px 22px 26px; flex:1; display:flex; flex-direction:column;}
.c2e-card .tag{
	font-size:11px;
	letter-spacing:2px;
	text-transform:uppercase;
	color:#a8843d;
	margin-bottom:6px;
}
.c2e-card h3{margin:0 0 8px; font-size:26px;}
.c2e-card h3 a{color:#1c4634;}
.c2e-card p{color:#5c564f; line-height:1.6; flex:1;}
.c2e-card .more{
	color:#1c4634;
	font-weight:600;
	letter-spacing:0.4px;
}

.c2e-steps{display:flex; flex-wrap:wrap; margin:0 -12px;}
.c2e-step{
	flex:1 1 240px;
	margin:12px;
	background:#fff;
	border-radius:16px;
	padding:28px 24px;
	box-shadow:0 10px 28px rgba(28,70,52,0.06);
}
.c2e-step .n{
	font-family:"Leckerli One", cursive;
	font-size:42px;
	color:#c4a15a;
	line-height:1;
}
.c2e-step h3{color:#1c4634; margin:6px 0 8px;}
.c2e-step p{color:#5c564f; margin:0; line-height:1.6;}

.c2e-split{display:flex; flex-wrap:wrap; align-items:flex-start; gap:40px;}
.c2e-split .text{flex:1 1 320px; padding-top:0;}
.c2e-split .text .sec-title{margin:0 0 14px;}
.c2e-split .text .sec-title .divider{display:none;}
.c2e-split .text h2,
.c2e-split .text .sec-title h2{margin:0; color:#1c4634;}
.c2e-split .text p{color:#4b4540; line-height:1.75; font-size:16px;}
.c2e-split .photo{
	flex:1 1 340px;
	border-radius:18px;
	overflow:hidden;
	box-shadow:0 18px 40px rgba(28,70,52,0.15);
}
.c2e-split .photo img{width:100%; height:auto; max-height:460px; object-fit:cover; object-position:center; display:block;}

.c2e-page-hero{
	position:relative;
	min-height:320px;
	display:flex;
	align-items:flex-end;
	background-size:cover;
	background-position:center;
	color:#fff;
}
.c2e-page-hero:after{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(180deg, rgba(16,36,28,.2), rgba(16,36,28,.75));
}
.c2e-page-hero .auto-container{position:relative; z-index:1; padding-bottom:36px;}
.c2e-page-hero h1{
	font-family:"Leckerli One", cursive;
	font-size:64px;
	color:#fff;
	margin:0;
}
.c2e-page-hero .crumb{color:#f0d48a; margin-bottom:6px;}
.c2e-page-hero .crumb a{color:#fff;}

.c2e-detail{display:flex; flex-wrap:wrap; gap:40px; align-items:flex-start;}
.c2e-detail .gallery{flex:1 1 340px;}
.c2e-detail .gallery img{
	width:100%;
	border-radius:22px;
	object-fit:cover;
	max-height:560px;
	box-shadow:0 18px 40px rgba(28,70,52,0.12);
}
.c2e-detail .info{flex:1 1 340px;}
.c2e-detail .info h2{color:#1c4634; margin-top:0;}
.c2e-detail .info p{color:#4b4540; line-height:1.75; font-size:16px;}
.c2e-detail ul.facts{padding:0; margin:16px 0 22px; list-style:none;}
.c2e-detail ul.facts li{
	padding:10px 0;
	border-bottom:1px solid #eee4d4;
	color:#3d3833;
}
.c2e-detail ul.facts strong{color:#1c4634;}

.c2e-note{
	background:#f7f4ee;
	border-left:4px solid #c4a15a;
	padding:16px 18px;
	border-radius:8px;
	color:#4b4540;
	margin:18px 0;
}

.contact-grid{display:flex; flex-wrap:wrap; gap:28px;}
.contact-grid .panel{flex:1 1 300px; background:#fff; border-radius:18px; padding:28px; box-shadow:0 12px 32px rgba(28,70,52,.08);}
.contact-grid label{display:block; font-size:13px; letter-spacing:.4px; color:#1c4634; margin:12px 0 6px;}
.contact-grid input,
.contact-grid select,
.contact-grid textarea{
	width:100%;
	border:1px solid #e4dccb;
	border-radius:10px;
	padding:12px 14px;
	font-size:15px;
	background:#fff;
}
.contact-grid textarea{min-height:120px; resize:vertical;}
.order-success{
	display:none;
	background:#e7f3ec;
	color:#1c4634;
	border-radius:12px;
	padding:14px 16px;
	margin-bottom:12px;
}
.ig-link{
	display:inline-block;
	margin-top:4px;
	color:#1c4634;
	font-weight:700;
}
.c2e-facts{list-style:none; margin:18px 0 0; padding:0;}
.c2e-facts li{padding:10px 0; border-bottom:1px solid #eee4d4; color:#3d3833;}
.c2e-facts strong{display:block; color:#1c4634; font-size:13px; letter-spacing:.3px;}

.c2e-cta{
	background:#1c4634;
	color:#f6f1e6;
	padding:56px 0;
	text-align:center;
}
.c2e-cta h2{color:#fff; margin:0 0 10px; font-size:40px;}
.c2e-cta p{max-width:560px; margin:0 auto 8px; color:#f6f1e6; font-size:16px; line-height:1.6;}
.c2e-cta .c2e-btn.ghost{color:#fff !important; border-color:#fff;}

.c2e-footer{background:#f6f1e6; color:#2c2824; padding:28px 0 0; border-top:1px solid #e4d7c2;}
.c2e-foot-grid{
	display:grid;
	grid-template-columns:minmax(280px,1.3fr) minmax(150px,.6fr) minmax(160px,.7fr);
	gap:8px 36px;
	align-items:start;
}
.c2e-foot-brand{display:flex; align-items:flex-start; gap:14px;}
.c2e-foot-brand img{
	width:84px;
	height:84px;
	border-radius:50%;
	object-fit:cover;
	display:block;
	flex:0 0 84px;
	background:#1c4634;
	box-shadow:0 8px 18px rgba(28,70,52,.18);
}
.c2e-foot-brand strong{
	display:block;
	margin:2px 0 0;
	font-family:"Merienda One", cursive;
	font-size:28px;
	font-weight:400;
	line-height:1;
	color:#1c4634;
}
.c2e-foot-brand em{
	display:block;
	margin-top:8px;
	font-style:normal;
	letter-spacing:1.8px;
	text-transform:uppercase;
	font-size:11px;
	color:#8a7044;
}
.c2e-foot-brand small{display:block; margin-top:10px; color:#3d3833; font-size:14px; line-height:1.45;}
.c2e-foot-brand small a{color:#1c4634; font-weight:700;}
.c2e-foot-nav,
.c2e-foot-cups{display:flex; flex-direction:column; align-items:flex-start; gap:8px; margin:0; padding:4px 0 0;}
.c2e-foot-nav a{color:#1c4634; font-weight:700; font-size:15px; line-height:1.4;}
.c2e-foot-cups a{color:#6d645b; font-size:14px; line-height:1.4;}
.c2e-foot-meta{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:6px;
	margin-top:18px;
	padding-top:14px;
	border-top:1px solid #e4d7c2;
}
.c2e-foot-meta span{display:block; color:#3d3833; font-size:14px; line-height:1.5;}
.c2e-foot-bottom{margin-top:8px; padding:12px 0 14px; font-size:13px; color:#6d645b;}

@media (max-width: 991px){
	.c2e-hero{min-height:72vh;}
	.c2e-hero h1{font-size:58px;}
	.c2e-film{grid-template-columns:1fr 1fr;}
	.c2e-page-hero h1{font-size:46px;}
	.main-header .main-box{width:100%; margin:0;}
	.c2e-foot-grid{grid-template-columns:1fr 1fr;}
	.c2e-foot-brand{grid-column:1 / -1;}
}
@media (max-width: 767px){
	.c2e-hero{min-height:78vh; align-items:center;}
	.c2e-hero h1{font-size:44px;}
	.c2e-hero p.lead{font-size:16px;}
	.c2e-hero .auto-container{padding-bottom:36px;}
	.c2e-block{padding:52px 0;}
	.c2e-split{gap:18px;}
	.c2e-split .photo,
	.c2e-split .text{flex:1 1 100%;}
	.c2e-split .photo{order:-1;}
	.c2e-split .photo img{max-height:240px;}
	.c2e-detail .gallery,
	.c2e-detail .info{flex:1 1 100%;}
	.c2e-detail .gallery img{max-height:280px;}
	.c2e-footer{padding-top:22px;}
	.c2e-foot-grid{grid-template-columns:1fr;}
	.c2e-foot-brand img{width:68px; height:68px; flex-basis:68px;}
	.main-header .menu-box > .side-mark{display:none;}
	.c2e-cta{padding:40px 0;}
	.c2e-cta h2{font-size:32px;}
	.c2e-cta .c2e-btn{display:block; margin:12px auto 0; max-width:280px;}
	.c2e-card .pic{height:200px;}
	.c2e-film{grid-template-columns:1fr 1fr;}
	.c2e-round-pic{width:200px; height:200px;}
	.c2e-rail:before{left:16px; transform:none;}
	.c2e-rail-item,
	.c2e-rail-item:nth-child(even){
		width:100%;
		margin-left:0;
		padding:0 0 48px 46px;
		transform:translate3d(28px,16px,0);
	}
	.c2e-rail-item:nth-child(odd):after,
	.c2e-rail-item:nth-child(even):after{left:7px; right:auto;}
	.c2e-rail-item:nth-child(even) .c2e-rail-card{padding:22px 20px 22px 26px;}
	.c2e-rail-item:nth-child(even) .c2e-rail-card:before{left:0; right:auto;}
	.nav-order{display:none;}
	.mobile-header .brand-lockup .word{font-size:20px;}
}