/**
 * SilverTeam/GastRock módosítás – 2026-06-02
 * Étteremkritika egyedi bejegyzés sablon manga stílusa.
 */

.gastrock-review-single-page {
	background-color: #fffaf0;
	background-image:
		radial-gradient(circle at 1px 1px, rgba(0,0,0,.09) 1px, transparent 1.6px),
		linear-gradient(135deg, rgba(255,216,30,.16) 0 24%, transparent 24% 100%),
		linear-gradient(315deg, rgba(235,28,36,.08) 0 18%, transparent 18% 100%);
	background-size: 11px 11px, 100% 520px, 100% 760px;
	background-repeat: repeat, no-repeat, no-repeat;
	position: relative;
	overflow: hidden;
}

.gastrock-review-single-page::before,
.gastrock-review-single-page::after {
	content: "";
	position: absolute;
	pointer-events: none;
	z-index: 0;
}

.gastrock-review-single-page::before {
	top: 90px;
	right: -160px;
	width: 520px;
	height: 520px;
	border-radius: 50%;
	background: repeating-conic-gradient(from -18deg, rgba(0,0,0,.14) 0deg 3deg, transparent 3deg 8deg);
	opacity: .18;
}

.gastrock-review-single-page::after {
	left: -90px;
	bottom: 70px;
	width: 360px;
	height: 360px;
	background: #ffe225;
	clip-path: polygon(50% 0, 58% 34%, 93% 14%, 70% 47%, 100% 55%, 65% 63%, 84% 96%, 52% 75%, 25% 100%, 35% 66%, 0 76%, 28% 52%, 4% 24%, 40% 36%);
	opacity: .16;
}

.gastrock-review-single-page .container {
	position: relative;
	z-index: 1;
}

.gastrock-review-single-hero {
	padding: 58px 0 70px;
	position: relative;
}

.gastrock-review-single-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(340px, .82fr);
	gap: 46px;
	align-items: start;
}

.gastrock-review-single-copy-panel {
	position: relative;
	background: rgba(255,255,255,.96);
	border: 4px solid #111;
	border-radius: 26px;
	box-shadow: 12px 12px 0 #111;
	padding: clamp(24px, 3vw, 44px);
	overflow: hidden;
}

.gastrock-review-single-copy-panel::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		repeating-linear-gradient(115deg, rgba(0,0,0,.035) 0 1px, transparent 1px 11px),
		radial-gradient(circle at 16px 16px, rgba(0,0,0,.04) 1px, transparent 1.5px);
	background-size: auto, 16px 16px;
	pointer-events: none;
}

.gastrock-review-single-copy-panel > * {
	position: relative;
	z-index: 1;
}

.gastrock-review-single-kicker {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	background: #ffe225;
	border: 3px solid #111;
	border-radius: 999px;
	box-shadow: 4px 4px 0 #111;
	padding: 7px 15px 5px;
	font-family: "GastRock Mouse Memoirs", Impact, sans-serif;
	letter-spacing: .7px;
	font-size: 15px;
	text-transform: uppercase;
	margin-bottom: 14px;
}

.gastrock-review-single-copy-panel h1 {
	font-family: "GastRock Mouse Memoirs", Impact, sans-serif;
	font-size: clamp(42px, 6vw, 76px);
	line-height: .92;
	letter-spacing: .5px;
	margin: 0 0 18px;
	color: #111;
	text-shadow: 3px 3px 0 #ffe225;
}

.gastrock-review-single-lead {
	font-size: clamp(17px, 1.35vw, 21px);
	line-height: 1.6;
	font-weight: 800;
	color: #1b1b1b;
	margin: 0 0 22px;
}

.gastrock-review-single-mini-rating {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: #fff;
	border: 3px solid #111;
	border-radius: 999px;
	box-shadow: 5px 5px 0 #111;
	padding: 8px 11px;
	margin: 0 0 24px;
}

.gastrock-review-single-stars {
	display: inline-flex;
	gap: 1px;
	font-size: 18px;
	line-height: 1;
	color: #d8d8d8;
	text-shadow: 1px 1px 0 #111;
}

.gastrock-review-single-stars .is-active {
	color: #ffe225;
}

.gastrock-review-single-score {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 56px;
	min-height: 34px;
	background: #e51b23;
	border: 2px solid #111;
	border-radius: 999px;
	color: #fff;
	font-family: "GastRock Mouse Memoirs", Impact, sans-serif;
	font-size: 20px;
	letter-spacing: .5px;
	padding: 2px 10px 0;
	box-shadow: 2px 2px 0 #111;
}

.gastrock-review-single-content {
	font-size: 17px;
	line-height: 1.78;
	color: #1b1b1b;
}

.gastrock-review-single-content p {
	margin: 0 0 18px;
}

.gastrock-review-single-content p:first-of-type::first-letter {
	float: left;
	font-family: "GastRock Mouse Memoirs", Impact, sans-serif;
	font-size: 72px;
	line-height: .85;
	padding: 8px 8px 0 0;
	color: #e51b23;
	text-shadow: 3px 3px 0 #ffe225, 4px 4px 0 #111;
}

.gastrock-review-single-media {
	position: sticky;
	top: 92px;
}

.gastrock-review-single-media::before {
	content: "";
	position: absolute;
	top: -30px;
	right: -28px;
	width: 180px;
	height: 180px;
	background: #e51b23;
	clip-path: polygon(50% 0, 60% 35%, 98% 22%, 70% 50%, 96% 78%, 60% 65%, 50% 100%, 40% 65%, 4% 78%, 30% 50%, 2% 22%, 40% 35%);
	z-index: 0;
}

.gastrock-review-single-main-photo {
	position: relative;
	display: block;
	width: 100%;
	border: 0;
	background: #fff;
	padding: 14px 14px 52px;
	border-radius: 18px;
	box-shadow: 12px 14px 0 #111;
	transform: rotate(2.2deg);
	cursor: pointer;
	z-index: 1;
	transition: transform .2s ease, box-shadow .2s ease;
}

.gastrock-review-single-main-photo:hover,
.gastrock-review-single-main-photo:focus-visible {
	transform: rotate(0deg) translateY(-4px);
	box-shadow: 16px 18px 0 #111;
	outline: none;
}

.gastrock-review-single-main-photo img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 4.7;
	object-fit: cover;
	border: 4px solid #111;
	border-radius: 12px;
}

.gastrock-review-single-photo-label,
.gastrock-review-single-photo-count {
	position: absolute;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: "GastRock Mouse Memoirs", Impact, sans-serif;
	letter-spacing: .6px;
	border: 3px solid #111;
}

.gastrock-review-single-photo-label {
	left: 18px;
	bottom: 16px;
	background: #ffe225;
	border-radius: 999px;
	padding: 7px 13px 5px;
	box-shadow: 4px 4px 0 #111;
	color: #111;
	font-size: 15px;
	text-transform: uppercase;
}

.gastrock-review-single-photo-count {
	right: 18px;
	bottom: 15px;
	background: #e51b23;
	border-radius: 12px;
	padding: 7px 10px 5px;
	box-shadow: 3px 3px 0 #111;
	color: #fff;
	font-size: 16px;
}

.gastrock-review-single-thumbs {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin-top: 28px;
	transform: rotate(-1deg);
}

.gastrock-review-single-thumbs button {
	border: 3px solid #111;
	background: #fff;
	padding: 4px;
	border-radius: 12px;
	box-shadow: 4px 4px 0 #111;
	cursor: pointer;
	transition: transform .16s ease, box-shadow .16s ease;
}

.gastrock-review-single-thumbs button:hover,
.gastrock-review-single-thumbs button:focus-visible {
	transform: translateY(-3px);
	box-shadow: 6px 7px 0 #111;
	outline: none;
}

.gastrock-review-single-thumbs img {
	display: block;
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: 7px;
}

.gastrock-review-single-no-photo {
	min-height: 420px;
	display: grid;
	place-items: center;
	background: #fff;
	border: 4px solid #111;
	border-radius: 18px;
	box-shadow: 12px 14px 0 #111;
	font-family: "GastRock Mouse Memoirs", Impact, sans-serif;
	font-size: 32px;
}

.gastrock-review-single-score-section {
	padding: 0 0 86px;
}

.gastrock-review-single-score-panel {
	position: relative;
	background: #111;
	border: 5px solid #111;
	border-radius: 28px;
	box-shadow: 12px 12px 0 #e51b23;
	padding: clamp(22px, 3vw, 38px);
	overflow: hidden;
}

.gastrock-review-single-score-panel::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		repeating-linear-gradient(90deg, rgba(255,226,37,.12) 0 18px, transparent 18px 34px),
		radial-gradient(circle at 1px 1px, rgba(255,255,255,.12) 1px, transparent 1.8px);
	background-size: auto, 12px 12px;
	pointer-events: none;
}

.gastrock-review-single-score-heading,
.gastrock-review-single-score-grid {
	position: relative;
	z-index: 1;
}

.gastrock-review-single-score-heading {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 22px;
	color: #fff;
}

.gastrock-review-single-score-heading span {
	display: inline-flex;
	background: #ffe225;
	border: 3px solid #fff;
	border-radius: 999px;
	box-shadow: 4px 4px 0 #e51b23;
	padding: 7px 14px 5px;
	font-family: "GastRock Mouse Memoirs", Impact, sans-serif;
	color: #111;
	letter-spacing: .8px;
	text-transform: uppercase;
}

.gastrock-review-single-score-heading h2 {
	font-family: "GastRock Mouse Memoirs", Impact, sans-serif;
	font-size: clamp(34px, 4.4vw, 58px);
	line-height: .95;
	margin: 0;
	color: #fff;
	text-shadow: 3px 3px 0 #e51b23;
}

.gastrock-review-single-score-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.gastrock-review-single-score-card {
	position: relative;
	background: #fff;
	border: 4px solid #111;
	border-radius: 20px;
	box-shadow: 6px 6px 0 #ffe225;
	padding: 18px 18px 20px;
	min-height: 138px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
}

.gastrock-review-single-score-card::after {
	content: "";
	position: absolute;
	right: -32px;
	bottom: -34px;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	background: repeating-conic-gradient(rgba(229,27,35,.16) 0 8deg, transparent 8deg 16deg);
}

.gastrock-review-single-score-card-label {
	position: relative;
	z-index: 1;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: .4px;
	font-size: 13px;
	margin-bottom: 8px;
	color: #e51b23;
}

.gastrock-review-single-score-card strong {
	position: relative;
	z-index: 1;
	font-family: "GastRock Mouse Memoirs", Impact, sans-serif;
	font-size: clamp(24px, 2.4vw, 38px);
	line-height: 1.02;
	letter-spacing: .5px;
	color: #111;
	text-shadow: 2px 2px 0 #ffe225;
}

.gastrock-review-lightbox {
	position: fixed;
	inset: 0;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 70px 96px;
	background: rgba(0,0,0,.88);
	z-index: 99999;
}

.gastrock-review-lightbox.is-open {
	display: flex;
}

.gastrock-review-lightbox figure {
	position: relative;
	max-width: min(1100px, 90vw);
	max-height: 86vh;
	margin: 0;
	background: #fff;
	border: 5px solid #fff;
	border-radius: 18px;
	box-shadow: 12px 12px 0 #e51b23;
	overflow: hidden;
}

.gastrock-review-lightbox img {
	display: block;
	max-width: 100%;
	max-height: 76vh;
	object-fit: contain;
	background: #111;
}

.gastrock-review-lightbox figcaption {
	padding: 10px 16px;
	font-weight: 800;
	color: #111;
	background: #ffe225;
	border-top: 4px solid #111;
}

.gastrock-review-lightbox-close,
.gastrock-review-lightbox-prev,
.gastrock-review-lightbox-next {
	position: absolute;
	border: 4px solid #111;
	background: #ffe225;
	color: #111;
	font-family: "GastRock Mouse Memoirs", Impact, sans-serif;
	box-shadow: 5px 5px 0 #e51b23;
	cursor: pointer;
	z-index: 2;
	transition: transform .16s ease;
}

.gastrock-review-lightbox-close:hover,
.gastrock-review-lightbox-prev:hover,
.gastrock-review-lightbox-next:hover,
.gastrock-review-lightbox-close:focus-visible,
.gastrock-review-lightbox-prev:focus-visible,
.gastrock-review-lightbox-next:focus-visible {
	transform: translateY(-2px);
	outline: none;
}

.gastrock-review-lightbox-close {
	top: 24px;
	right: 24px;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	font-size: 36px;
	line-height: 42px;
}

.gastrock-review-lightbox-prev,
.gastrock-review-lightbox-next {
	top: 50%;
	width: 60px;
	height: 78px;
	border-radius: 18px;
	font-size: 56px;
	line-height: 58px;
}

.gastrock-review-lightbox-prev {
	left: 24px;
}

.gastrock-review-lightbox-next {
	right: 24px;
}

body.gastrock-review-lightbox-open {
	overflow: hidden;
}

@media (max-width: 1199px) {
	.gastrock-review-single-layout {
		grid-template-columns: minmax(0, 1fr) minmax(300px, 390px);
		gap: 32px;
	}

	.gastrock-review-single-score-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 991px) {
	.gastrock-review-single-hero {
		padding: 36px 0 56px;
	}

	.gastrock-review-single-layout {
		grid-template-columns: 1fr;
	}

	.gastrock-review-single-media {
		position: relative;
		top: auto;
		max-width: 560px;
		margin: 0 auto;
		order: -1;
	}

	.gastrock-review-single-main-photo {
		transform: rotate(-1.3deg);
	}
}

@media (max-width: 767px) {
	.gastrock-review-single-copy-panel {
		padding: 22px;
		border-width: 3px;
		box-shadow: 7px 7px 0 #111;
	}

	.gastrock-review-single-content {
		font-size: 16px;
	}

	.gastrock-review-single-content p:first-of-type::first-letter {
		font-size: 52px;
	}

	.gastrock-review-single-score-heading {
		display: block;
	}

	.gastrock-review-single-score-heading h2 {
		margin-top: 12px;
	}

	.gastrock-review-single-score-grid {
		grid-template-columns: 1fr;
	}

	/*
	 * SilverTeam/GastRock módosítás – 2026-06-02
	 * Mobilon a galéria bélyegképei rejtve vannak, hogy ne foglaljanak túl sok helyet.
	 * A fő kép továbbra is lightbox nyitóképként működik.
	 */
	.gastrock-review-single-thumbs {
		display: none;
	}

	.gastrock-review-lightbox {
		padding: 72px 16px 42px;
	}

	.gastrock-review-lightbox-prev,
	.gastrock-review-lightbox-next {
		top: auto;
		bottom: 16px;
		width: 54px;
		height: 58px;
		font-size: 42px;
		line-height: 40px;
	}

	.gastrock-review-lightbox-prev {
		left: calc(50% - 72px);
	}

	.gastrock-review-lightbox-next {
		right: calc(50% - 72px);
	}

	.gastrock-review-lightbox img {
		max-height: 68vh;
	}
}

@media (max-width: 480px) {
	.gastrock-review-single-main-photo {
		padding: 10px 10px 48px;
		box-shadow: 7px 9px 0 #111;
	}

	.gastrock-review-single-main-photo img {
		aspect-ratio: 4 / 4.6;
	}

	.gastrock-review-single-photo-label,
	.gastrock-review-single-photo-count {
		font-size: 13px;
	}
}


/* =========================================================
 * SILVERTEAM / GASTROCK NOTE – 2026-06-08
 * Mobil lightbox gesztusok: pinch zoom, húzás, swipe lapozás.
 * ========================================================= */
.gastrock-review-lightbox figure,
.gastrock-review-lightbox img {
  touch-action: none !important;
  overscroll-behavior: contain;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
.gastrock-review-lightbox img {
  transform-origin: center center;
  will-change: transform;
}
.gastrock-review-lightbox.is-zoomed figure,
.gastrock-review-lightbox.is-zoomed img { cursor: grab; }
.gastrock-review-lightbox figure.is-dragging,
.gastrock-review-lightbox img.is-dragging { cursor: grabbing !important; }
