/* Obedno – restaurants landing page (content only; header/footer come from the theme blocks) */
.ob-wrap { position: relative; isolation: isolate; background: #0e0d0a; color: #fff; font-family: 'Jost', 'Helvetica Neue', Arial, sans-serif; }
.ob-wrap * { box-sizing: border-box; }
.ob-wrap a { color: inherit; text-decoration: none; }
.ob-bg { position: absolute; inset: 0; z-index: 0; background-size: cover; background-position: center; filter: blur(6px) brightness(.45); }
.ob-bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.72) 45%, rgba(14,13,10,.97) 100%); }

.ob-main { position: relative; z-index: 1; padding: 60px 30px 90px; text-align: center; }
.ob-title { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 500; font-size: 54px; line-height: 1.1; margin: 0 0 8px; letter-spacing: .02em; text-transform: uppercase; color: #fff; }
.ob-sub { margin: 0 0 44px; font-size: 15px; letter-spacing: .18em; text-transform: uppercase; color: #c9b58a; }

/* 7 cards on one row on desktop, 2 per row on mobile */
.ob-city { max-width: 1500px; margin: 0 auto 64px; }
.ob-city:last-child { margin-bottom: 0; }
.ob-city-title { display: flex; align-items: center; gap: 22px; margin: 0 0 6px; font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 500; font-size: 40px; letter-spacing: .08em; text-transform: uppercase; color: #fff; }
.ob-city-title::before, .ob-city-title::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, rgba(201,181,138,0), rgba(201,181,138,.6)); }
.ob-city-title::after { background: linear-gradient(90deg, rgba(201,181,138,.6), rgba(201,181,138,0)); }
.ob-city-sub { margin: 0 0 28px; font-size: 13px; letter-spacing: .18em; text-transform: uppercase; color: #c9b58a; }
.ob-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px; }
.ob-city-2 .ob-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 580px; margin: 0 auto; }

.ob-card { position: relative; display: block; aspect-ratio: 2 / 3; border-radius: 16px; overflow: hidden; background-size: cover; background-position: center; box-shadow: 0 20px 50px rgba(0,0,0,.55); transition: transform .35s ease, box-shadow .35s ease; }
.ob-card::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.45); transition: background .35s; }
.ob-card:hover { transform: translateY(-6px); box-shadow: 0 30px 60px rgba(0,0,0,.7); }
.ob-card:hover::before { background: rgba(0,0,0,.3); }
.ob-card-frame { position: absolute; inset: 12px; border: 1px solid rgba(232,214,170,.75); border-radius: 10px; pointer-events: none; }
.ob-card-body { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 22px 16px; text-align: center; }
.ob-card-name { font-size: clamp(18px, 1.7vw, 28px); font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: #fff; line-height: 1.15; text-shadow: 0 2px 12px rgba(0,0,0,.6); }
.ob-card-addr { margin-top: 14px; font-size: clamp(12px, .9vw, 15px); font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: #d9c9a3; line-height: 1.5; text-shadow: 0 2px 10px rgba(0,0,0,.7); }

@media (max-width: 1100px) {
	.ob-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
	.ob-city-title { font-size: 32px; }
	.ob-card-name { font-size: 20px; }
	.ob-card-addr { font-size: 12px; }
}
@media (max-width: 767px) {
	.ob-main { padding: 40px 16px 60px; }
	.ob-title { font-size: 38px; }
	.ob-sub { margin-bottom: 28px; font-size: 13px; }
	.ob-grid, .ob-city-2 .ob-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; max-width: none; }
	.ob-city { margin-bottom: 40px; }
	.ob-city-title { font-size: 28px; gap: 14px; }
	.ob-city-sub { margin-bottom: 18px; font-size: 11px; }
	.ob-card { border-radius: 12px; }
	.ob-card-frame { inset: 9px; border-radius: 8px; }
	.ob-card-name { font-size: 18px; letter-spacing: .06em; }
	.ob-card-addr { font-size: 11px; margin-top: 10px; }
}

/* ---------- Elementor version of the page (containers + heading widgets) ---------- */
.ob-wrap.e-con { color: #fff; font-family: 'Jost', 'Helvetica Neue', Arial, sans-serif; }
.ob-wrap .elementor-widget-heading { margin: 0; }
.ob-wrap .elementor-heading-title { margin: 0; color: inherit; }
.ob-title.elementor-widget .elementor-heading-title { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 500; font-size: 54px; line-height: 1.1; letter-spacing: .02em; text-transform: uppercase; color: #fff; margin-bottom: 8px; }
.ob-sub.elementor-widget .elementor-heading-title { font-size: 15px; letter-spacing: .18em; text-transform: uppercase; color: #c9b58a; margin-bottom: 44px; }
.ob-city.e-con { margin-bottom: 64px; }
.ob-city.e-con:last-child { margin-bottom: 0; }
.ob-city-title.elementor-widget .elementor-heading-title { display: flex; align-items: center; gap: 22px; font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 500; font-size: 40px; letter-spacing: .08em; text-transform: uppercase; color: #fff; margin-bottom: 6px; }
.ob-city-title.elementor-widget .elementor-heading-title::before, .ob-city-title.elementor-widget .elementor-heading-title::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, rgba(201,181,138,0), rgba(201,181,138,.6)); }
.ob-city-title.elementor-widget .elementor-heading-title::after { background: linear-gradient(90deg, rgba(201,181,138,.6), rgba(201,181,138,0)); }
.ob-city-sub.elementor-widget .elementor-heading-title { font-size: 13px; letter-spacing: .18em; text-transform: uppercase; color: #c9b58a; margin-bottom: 28px; }
.ob-grid.e-con { display: flex; }
.ob-card.e-con { aspect-ratio: 2 / 3; min-height: 0; box-shadow: 0 20px 50px rgba(0,0,0,.55); transition: transform .35s ease, box-shadow .35s ease; text-align: center; }
.ob-card.e-con:hover { transform: translateY(-6px); box-shadow: 0 30px 60px rgba(0,0,0,.7); }
.ob-card.e-con::after { content: ""; position: absolute; inset: 12px; border: 1px solid rgba(232,214,170,.75); border-radius: 10px; pointer-events: none; z-index: 2; }
.ob-card.e-con .elementor-widget { position: relative; z-index: 1; width: 100%; }
.ob-card-name.elementor-widget .elementor-heading-title { font-size: clamp(18px, 1.7vw, 28px); font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: #fff; line-height: 1.15; text-shadow: 0 2px 12px rgba(0,0,0,.6); }
.ob-card-addr.elementor-widget .elementor-heading-title { margin-top: 14px; font-size: clamp(12px, .9vw, 15px); font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: #d9c9a3; line-height: 1.5; text-shadow: 0 2px 10px rgba(0,0,0,.7); }
@media (max-width: 1100px) {
	.ob-city-title.elementor-widget .elementor-heading-title { font-size: 32px; }
	.ob-card-name.elementor-widget .elementor-heading-title { font-size: 20px; }
	.ob-card-addr.elementor-widget .elementor-heading-title { font-size: 12px; }
}
@media (max-width: 767px) {
	.ob-title.elementor-widget .elementor-heading-title { font-size: 38px; }
	.ob-sub.elementor-widget .elementor-heading-title { font-size: 13px; margin-bottom: 28px; }
	.ob-city.e-con { margin-bottom: 40px; }
	.ob-city-title.elementor-widget .elementor-heading-title { font-size: 28px; gap: 14px; }
	.ob-city-sub.elementor-widget .elementor-heading-title { font-size: 11px; margin-bottom: 18px; }
	.ob-card.e-con { border-radius: 12px; }
	.ob-card.e-con::after { inset: 9px; border-radius: 8px; }
	.ob-card-name.elementor-widget .elementor-heading-title { font-size: 18px; letter-spacing: .06em; }
	.ob-card-addr.elementor-widget .elementor-heading-title { font-size: 11px; margin-top: 10px; }
}

/* front page: no theme title band, full-bleed content */
.home .page-title-section { display: none; }
.home .site-content .main > .container { max-width: none; width: 100%; padding: 0; }
.home .site-content .main .primary { padding: 0; }
.ob-wrap.e-con { width: 100%; max-width: none; }
.ob-wrap.e-con > .e-con-inner { max-width: 1500px; }
.ob-grid.e-con { align-items: flex-start; }
.ob-card.e-con { --width: 18%; flex: 0 0 18%; width: 18%; }
.ob-card.e-con .elementor-heading-title { font-family: 'Jost', 'Helvetica Neue', Arial, sans-serif; }
.ob-title.elementor-widget .elementor-heading-title, .ob-city-title.elementor-widget .elementor-heading-title { font-family: 'Cormorant Garamond', Georgia, serif; }
.ob-sub.elementor-widget .elementor-heading-title, .ob-city-sub.elementor-widget .elementor-heading-title { font-family: 'Jost', 'Helvetica Neue', Arial, sans-serif; }
@media (max-width: 1100px) { .ob-card.e-con { --width: 31%; flex-basis: 31%; width: 31%; } }
@media (max-width: 767px) { .ob-card.e-con { --width: 48%; flex-basis: 48%; width: 48%; } }
.ob-city-2 .ob-grid.e-con { max-width: none; justify-content: center; }