/* LORE Coffee Menu — front-end */
.lore-menu {
	--lore-bg: #f1ebe2;
	--lore-ink: #1d1a17;
	--lore-muted: #5a534c;
	--lore-accent: #e6c6a2;
	--lore-script: #c39a72;
	--lore-line: #d8cfc3;
	direction: ltr;
	max-width: 1100px;
	margin: 0 auto;
	padding: 40px 48px 28px;
	background: var(--lore-bg) radial-gradient(circle at 85% 8%, rgba(255,255,255,.55), transparent 45%);
	color: var(--lore-ink);
	font-family: 'Montserrat', sans-serif;
	box-sizing: border-box;
}
.lore-menu *, .lore-menu *::before, .lore-menu *::after { box-sizing: border-box; }
.lore-menu img { max-width: 100%; height: auto; display: block; border: 0; box-shadow: none; }

/* Header */
.lore-head { display: grid; grid-template-columns: 1fr auto 1fr; align-items: start; gap: 20px; margin-bottom: 36px; }
.lore-side { font-size: 11px; letter-spacing: .35em; line-height: 1.85; color: var(--lore-muted); text-transform: uppercase; }
.lore-side-r { justify-self: end; }
.lore-dash { display: block; width: 24px; height: 1px; background: var(--lore-muted); margin-top: 14px; }
.lore-brand { text-align: center; }
.lore-logo { display: inline-flex; align-items: center; gap: 6px; font-size: 92px; line-height: 1; font-weight: 400; letter-spacing: -.02em; }
.lore-logo span { font-family: 'Montserrat', sans-serif; font-weight: 400; }
.lore-mark { width: 92px; height: 92px; color: var(--lore-ink); }
.lore-logo-img { max-height: 110px; margin: 0 auto; }
.lore-tagline { margin-top: 16px; font-size: 12px; letter-spacing: .45em; }

/* Grid */
.lore-grid { display: grid; grid-template-columns: 1fr 1fr; }
.lore-sec { display: grid; grid-template-columns: 1fr 38%; gap: 14px; padding: 28px 26px 30px; position: relative; }
.lore-sec:nth-child(odd)  { border-right: 1px solid var(--lore-line); }
.lore-sec:nth-child(-n+2) { border-bottom: 1px solid var(--lore-line); }

.lore-title-ar { margin: 0; font-family: 'Tajawal', sans-serif; font-weight: 800; font-size: clamp(26px, 3.4vw, 40px); line-height: 1.1; text-align: left; white-space: nowrap; }
.lore-title-ar span { display: inline-block; padding: 0 8px; background: linear-gradient(transparent 58%, var(--lore-accent) 58%); }
.lore-title-en { margin: 12px 0 18px 10px; font-size: 19px; letter-spacing: .3em; font-weight: 400; }

.lore-items { list-style: none; margin: 0; padding: 0 0 0 10px; }
.lore-items li { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; padding: 11px 0 10px; border-bottom: 1px solid var(--lore-line); margin: 0; }
.lore-items li:last-child { border-bottom: 0; }
.lore-names { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-width: 0; }
.lore-ar { font-family: 'Tajawal', sans-serif; font-weight: 700; font-size: 19px; line-height: 1.2; }
.lore-en { font-size: 11.5px; letter-spacing: .18em; color: var(--lore-muted); }
.lore-price { text-align: center; flex-shrink: 0; min-width: 34px; }
.lore-price b { display: block; font-family: 'Tajawal', sans-serif; font-weight: 700; font-size: 21px; line-height: 1; }
.lore-price small { font-size: 9.5px; letter-spacing: .2em; color: var(--lore-muted); }

.lore-note { margin: 24px 0 0 10px; font-size: 10.5px; letter-spacing: .32em; line-height: 1.7; color: var(--lore-muted); text-transform: uppercase; }

/* Visual */
.lore-visual { display: flex; flex-direction: column; justify-content: flex-end; position: relative; }
.lore-script { font-family: 'Allura', cursive; color: var(--lore-script); font-size: 40px; line-height: .95; transform: rotate(-12deg); text-align: center; margin: 0 0 auto; padding: 4px 6px 18px; max-width: 200px; align-self: center; }
.lore-visual img { border-radius: 6px; margin-top: 10px; }

/* Footer */
.lore-foot { display: grid; grid-template-columns: 1fr auto 1fr; align-items: end; padding: 18px 26px 0; font-size: 11px; letter-spacing: .35em; color: var(--lore-muted); }
.lore-foot .lore-dash { display: inline-block; vertical-align: middle; margin: 0 0 0 10px; }
.lore-foot-r { justify-self: end; }
.lore-foot-r b { color: var(--lore-ink); font-weight: 500; letter-spacing: .4em; }
.lore-leaf { width: 90px; color: #9a8b7e; opacity: .85; }

/* Responsive */
@media (max-width: 900px) {
	.lore-menu { padding: 28px 16px; }
	.lore-grid { grid-template-columns: 1fr; }
	.lore-sec { border-right: 0 !important; border-bottom: 1px solid var(--lore-line); padding: 26px 4px; }
	.lore-sec:last-child { border-bottom: 0; }
	.lore-logo { font-size: 60px; } .lore-mark { width: 60px; height: 60px; }
	.lore-side { font-size: 9px; letter-spacing: .25em; }
	.lore-tagline { font-size: 10px; letter-spacing: .3em; }
}
@media (max-width: 560px) {
	.lore-head { grid-template-columns: 1fr; text-align: center; }
	.lore-side { display: none; }
	.lore-sec { grid-template-columns: 1fr; }
	.lore-visual { order: -1; max-width: 260px; margin: 0 auto; }
	.lore-title-ar { font-size: 32px; }
	.lore-foot { grid-template-columns: 1fr 1fr; padding: 18px 4px 0; font-size: 9px; }
	.lore-leaf { display: none; }
}
@media print { .lore-menu { max-width: none; } }