/**
 * Content guide page — translated from the design of 2026-10-01. Only the
 * page body: the header and footer are Elementor's.
 *
 * Every rule is scoped under .hec-guide so it outranks the Elementor kit's
 * (0,1,1) element rules. Logical properties throughout: the site is RTL.
 *
 * One HTML serves both layouts. From 1024px the menu is a sticky side
 * column; below that it is a scrolling row of pills above the sections. The
 * bottom bar shows up to 767px.
 *
 * Two themes swap the accent set: .hec-guide--purple (the site's) and
 * .hec-guide--pink (the design's).
 *
 * Colours, measured on white unless noted:
 *   #7A4A79  purple accent text 6.8:1.
 *   #A13D6A  pink accent text 6.2:1; 5.7:1 on the #FBF3F6 tint.
 *   #6E6B85  muted text 5.1:1.
 *   #C79FC6, #E8B4C8 on #2A2337: 6.6:1 and 8.5:1.
 *   #25D366  WhatsApp green. White text on it is 2.0:1 and fails, so green
 *            buttons take the dark ink (7.6:1).
 */

.hec-guide {
	--hg-ink: #1F1B2D;
	--hg-text: #34304A;
	--hg-body: #4A4761;
	--hg-muted: #6E6B85;
	--hg-faint: #B7B4C6;
	--hg-line: #E3E1EA;
	--hg-ground: #F6F5F8;
	--hg-dark: #2A2337;
	--hg-whatsapp: #25D366;
	--hg-whatsapp-hover: #1EB457;
	--hg-display: "Amatic SC", "Noto Sans Hebrew", sans-serif;

	background: var(--hg-ground);
	color: var(--hg-ink);
	font-family: "Noto Sans Hebrew", sans-serif;
	line-height: 1.5;
}

.hec-guide.hec-guide--purple {
	--hg-accent: #7A4A79;
	--hg-tint: #F2ECF2;
	--hg-tint-line: #E2D3E1;
	--hg-pill-line: #E2D3E1;
	--hg-on-dark: #C79FC6;
	--hg-dot-off: #D9C8D8;
}

.hec-guide.hec-guide--pink {
	--hg-accent: #A13D6A;
	--hg-tint: #FBF3F6;
	--hg-tint-line: #F0DCE5;
	--hg-pill-line: #EBC9D7;
	--hg-on-dark: #E8B4C8;
	--hg-dot-off: #E3C1D0;
}

.hec-guide *,
.hec-guide *::before,
.hec-guide *::after {
	box-sizing: border-box;
}

.hec-guide a {
	color: inherit;
	text-decoration: none;
	transition: color .15s, background-color .15s, border-color .15s;
}

.hec-guide a:focus-visible,
.hec-guide button:focus-visible {
	outline: 2px solid var(--hg-accent);
	outline-offset: 2px;
}

.hec-guide h1,
.hec-guide h2,
.hec-guide h3,
.hec-guide p,
.hec-guide ul,
.hec-guide figure,
.hec-guide blockquote {
	margin: 0;
	padding: 0;
}

.hec-guide ul {
	list-style: none;
}

.hec-guide img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: 0;
}

.hec-guide .hec-guide__wrap {
	max-width: 1240px;
	margin-inline: auto;
	padding-inline: 24px;
}

/* ---------- Top band ---------- */

.hec-guide .hec-guide__top {
	background: var(--hg-tint);
	border-block-end: 1px solid var(--hg-tint-line);
}

.hec-guide .hec-guide__top .hec-guide__wrap {
	padding-block: 20px 56px;
}

.hec-guide .hec-guide__crumbs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	padding-block-end: 36px;
	font-size: 13px;
	color: var(--hg-muted);
}

.hec-guide .hec-guide__crumbs a,
.hec-guide .hec-guide__crumbs a:hover {
	color: var(--hg-muted);
}

.hec-guide .hec-guide__crumbs a:hover {
	text-decoration: underline;
}

.hec-guide .hec-guide__crumb-sep {
	color: var(--hg-faint);
}

.hec-guide .hec-guide__crumbs [aria-current] {
	color: var(--hg-ink);
	font-weight: 600;
}

.hec-guide .hec-guide__hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 48px;
	align-items: center;
}

.hec-guide .hec-guide__hero--solo {
	grid-template-columns: minmax(0, 760px);
}

.hec-guide .hec-guide__hero-text {
	min-width: 0;
}

.hec-guide .hec-guide__tag {
	display: inline-flex;
	align-items: center;
	margin-block-end: 20px;
	padding: 6px 12px;
	border: 1px solid var(--hg-pill-line);
	border-radius: 3px;
	background: #FFFFFF;
	color: var(--hg-accent);
	font-size: 13px;
	font-weight: 700;
}

.hec-guide .hec-guide__title {
	margin-block-end: 14px;
	color: var(--hg-ink);
	font-family: var(--hg-display);
	font-size: clamp(56px, 8vw, 92px);
	font-weight: 700;
	line-height: .95;
	text-wrap: pretty;
}

.hec-guide .hec-guide__subtitle {
	margin-block-end: 22px;
	color: var(--hg-accent);
	font-size: 24px;
	font-weight: 600;
}

.hec-guide .hec-guide__lead {
	max-width: 34em;
	margin-block-end: 30px;
	color: var(--hg-body);
	font-size: 18px;
	font-weight: 300;
	line-height: 1.7;
	text-wrap: pretty;
}

.hec-guide .hec-guide__shortcuts-label {
	margin-block-end: 10px;
	color: var(--hg-muted);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .04em;
}

.hec-guide .hec-guide__shortcuts {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
	gap: 8px;
}

.hec-guide .hec-guide__shortcut {
	display: flex;
	flex-direction: column;
	gap: 2px;
	height: 100%;
	padding: 12px 14px;
	border: 1px solid var(--hg-line);
	border-radius: 6px;
	background: #FFFFFF;
	color: var(--hg-ink);
}

.hec-guide a.hec-guide__shortcut:hover {
	border-color: var(--hg-accent);
	color: var(--hg-ink);
}

.hec-guide .hec-guide__shortcut-label {
	color: var(--hg-accent);
	font-size: 12px;
	font-weight: 700;
}

.hec-guide .hec-guide__shortcut-text {
	font-size: 14px;
	font-weight: 500;
}

.hec-guide .hec-guide__hero-media {
	position: relative;
	min-width: 0;
}

.hec-guide .hec-guide__hero-frame {
	aspect-ratio: 16 / 10;
	overflow: hidden;
	border-radius: 10px;
	background: var(--hg-tint-line);
}

.hec-guide .hec-guide__hero-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hec-guide .hec-guide__badge {
	position: absolute;
	inset-block-end: -22px;
	inset-inline-start: 22px;
	display: flex;
	align-items: center;
	gap: 14px;
	max-width: calc(100% - 44px);
	padding: 14px 18px;
	border-radius: 6px;
	background: var(--hg-dark);
	color: #FFFFFF;
	box-shadow: 0 12px 30px rgba(42, 35, 55, .22);
}

.hec-guide a.hec-guide__badge:hover {
	color: #FFFFFF;
	background: var(--hg-ink);
}

.hec-guide .hec-guide__badge-value {
	color: var(--hg-on-dark);
	font-size: 34px;
	font-weight: 800;
	line-height: 1;
	white-space: nowrap;
}

.hec-guide .hec-guide__badge-text {
	font-size: 13px;
	line-height: 1.4;
}

/* ---------- Menu and article ---------- */

.hec-guide .hec-guide__layout {
	display: grid;
	grid-template-columns: 230px minmax(0, 760px);
	gap: 56px;
	align-items: start;
	padding-block: 56px 24px;
}

.hec-guide .hec-guide__layout--solo {
	grid-template-columns: minmax(0, 760px);
}

.hec-guide .hec-guide__menu {
	position: sticky;
	top: var(--hec-guide-sticky-top, 24px);
	min-width: 0;
}

body.admin-bar .hec-guide .hec-guide__menu {
	top: calc(var(--hec-guide-sticky-top, 24px) + 32px);
}

.hec-guide .hec-guide__menu-title {
	margin-block-end: 12px;
	color: var(--hg-muted);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .08em;
}

.hec-guide .hec-guide__menu-list {
	display: flex;
	flex-direction: column;
	border-inline-start: 2px solid var(--hg-line);
	font-size: 14px;
}

.hec-guide .hec-guide__menu-link {
	display: block;
	margin-inline-start: -2px;
	padding: 7px 14px;
	border-inline-start: 2px solid transparent;
	color: var(--hg-body);
	line-height: 1.4;
}

.hec-guide a.hec-guide__menu-link:hover {
	border-inline-start-color: var(--hg-accent);
	color: var(--hg-accent);
}

.hec-guide .hec-guide__aside {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-block-start: 24px;
	padding: 12px 14px;
	border-radius: 6px;
	background: var(--hg-whatsapp);
	color: var(--hg-dark);
	font-size: 14px;
	font-weight: 700;
	text-align: center;
}

.hec-guide a.hec-guide__aside:hover {
	background: var(--hg-whatsapp-hover);
	color: var(--hg-dark);
}

.hec-guide .hec-guide__article {
	min-width: 0;
	color: var(--hg-text);
	font-size: 18px;
	line-height: 1.8;
}

.hec-guide .hec-guide__section {
	margin-block-end: 64px;
	scroll-margin-top: var(--hec-guide-sticky-top, 24px);
}

.hec-guide .hec-guide__section > :last-child {
	margin-block-end: 0;
}

.hec-guide .hec-guide__section-tag {
	margin-block-end: 6px;
	color: var(--hg-accent);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.5;
}

.hec-guide .hec-guide__heading {
	margin-block-end: 20px;
	color: var(--hg-ink);
	font-family: var(--hg-display);
	font-size: 52px;
	font-weight: 700;
	line-height: 1;
	text-wrap: pretty;
}

.hec-guide .hec-guide__heading--band {
	margin-block-end: 12px;
	font-size: 56px;
}

/* ---------- Blocks ---------- */

.hec-guide .hec-guide__text {
	margin-block-end: 8px;
}

.hec-guide .hec-guide__text p {
	margin-block-end: 16px;
	text-wrap: pretty;
}

.hec-guide .hec-guide__text strong,
.hec-guide .hec-guide__list-item strong,
.hec-guide .hec-guide__tip-text strong {
	color: var(--hg-ink);
	font-weight: 700;
}

.hec-guide .hec-guide__text--normal {
	color: var(--hg-text);
}

.hec-guide .hec-guide__text--note {
	color: var(--hg-muted);
	font-size: 15px;
}

.hec-guide .hec-guide__text--lead {
	color: var(--hg-ink);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.55;
}

.hec-guide .hec-guide__inline {
	color: var(--hg-accent);
	font-weight: 600;
}

.hec-guide a.hec-guide__inline:hover {
	color: var(--hg-ink);
	text-decoration: underline;
}

.hec-guide .hec-guide__quote {
	margin-block-end: 28px;
	padding: 26px 30px;
	border: 0;
	border-radius: 8px;
	color: var(--hg-ink);
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.45;
	text-wrap: pretty;
}

.hec-guide .hec-guide__quote--plain {
	background: #FFFFFF;
}

.hec-guide .hec-guide__quote--tint {
	background: var(--hg-tint);
	font-size: 22px;
	line-height: 1.5;
}

.hec-guide .hec-guide__list {
	display: grid;
	margin-block-end: 24px;
}

.hec-guide .hec-guide__list-item {
	background: #FFFFFF;
}

.hec-guide .hec-guide__list--rows {
	gap: 8px;
}

.hec-guide .hec-guide__list--rows .hec-guide__list-item {
	padding: 12px 18px;
	border-radius: 6px;
}

.hec-guide .hec-guide__list--joined {
	gap: 1px;
	overflow: hidden;
	border: 1px solid var(--hg-line);
	border-radius: 8px;
	background: var(--hg-line);
}

.hec-guide .hec-guide__list--joined .hec-guide__list-item {
	padding: 16px 20px;
}

.hec-guide .hec-guide__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-block-end: 24px;
}

.hec-guide .hec-guide__chip {
	padding: 6px 14px;
	border: 1px solid var(--hg-line);
	border-radius: 999px;
	font-size: 15px;
	line-height: 1.5;
}

.hec-guide .hec-guide__chips--plain .hec-guide__chip {
	background: #FFFFFF;
}

.hec-guide .hec-guide__chips--tint .hec-guide__chip {
	border-color: var(--hg-tint-line);
	background: var(--hg-tint);
}

.hec-guide .hec-guide__links {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 10px;
	margin-block-end: 24px;
}

.hec-guide .hec-guide__link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	height: 100%;
	padding: 16px 18px;
	border: 1px solid var(--hg-line);
	border-radius: 6px;
	background: #FFFFFF;
	color: var(--hg-ink);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
}

.hec-guide a.hec-guide__link:hover {
	border-color: var(--hg-accent);
	color: var(--hg-accent);
}

.hec-guide .hec-guide__link-arrow {
	color: var(--hg-accent);
}

.hec-guide .hec-guide__link--card {
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	gap: 4px;
	padding: 18px;
	color: var(--hg-text);
	font-size: 15px;
	font-weight: 400;
	line-height: 1.55;
}

.hec-guide a.hec-guide__link--card:hover {
	color: var(--hg-text);
}

.hec-guide .hec-guide__link--card .hec-guide__link-title {
	color: var(--hg-ink);
	font-size: 17px;
	font-weight: 700;
}

.hec-guide .hec-guide__link-text {
	display: block;
}

.hec-guide .hec-guide__link-cta {
	margin-block-start: 6px;
	color: var(--hg-accent);
	font-weight: 600;
}

.hec-guide .hec-guide__offer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-block-end: 16px;
	padding: 26px 28px;
	border-radius: 10px;
	background: var(--hg-dark);
	color: #FFFFFF;
}

.hec-guide .hec-guide__offer-main {
	display: flex;
	align-items: center;
	gap: 18px;
	min-width: 0;
}

.hec-guide .hec-guide__offer-value {
	color: var(--hg-on-dark);
	font-size: 48px;
	font-weight: 800;
	line-height: 1;
	white-space: nowrap;
}

.hec-guide .hec-guide__offer-text {
	font-size: 17px;
	font-weight: 500;
	line-height: 1.5;
}

.hec-guide .hec-guide__offer-btn {
	padding: 12px 22px;
	border-radius: 4px;
	background: var(--hg-on-dark);
	color: var(--hg-dark);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
}

.hec-guide a.hec-guide__offer-btn:hover {
	background: #FFFFFF;
	color: var(--hg-dark);
}

.hec-guide .hec-guide__tip {
	margin-block-end: 24px;
	padding: 22px 24px;
	border-radius: 8px;
	background: var(--hg-tint);
	font-size: 16px;
	line-height: 1.7;
}

.hec-guide .hec-guide__tip-title {
	margin-block-end: 6px;
	color: var(--hg-accent);
	font-weight: 700;
}

.hec-guide .hec-guide__tip-text p + p {
	margin-block-start: 10px;
}

.hec-guide .hec-guide__subheading {
	margin-block: 8px 14px;
	color: var(--hg-ink);
	font-family: inherit;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
}

.hec-guide .hec-guide__figure {
	margin-block-end: 24px;
	overflow: hidden;
	border-radius: 10px;
	background: var(--hg-tint-line);
}

.hec-guide .hec-guide__figure-image {
	width: 100%;
}

.hec-guide .hec-guide__feature {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
	gap: 24px;
	align-items: start;
	margin-block-end: 24px;
	padding: 22px;
	border-radius: 10px;
	background: #FFFFFF;
}

.hec-guide .hec-guide__feature-main {
	min-width: 0;
}

.hec-guide .hec-guide__feature-title {
	margin-block-end: 12px;
	color: var(--hg-ink);
	font-size: 17px;
	font-weight: 700;
	line-height: 1.5;
}

.hec-guide .hec-guide__feature-items {
	display: grid;
	gap: 10px;
	font-size: 15px;
	line-height: 1.5;
}

.hec-guide .hec-guide__feature-item {
	display: block;
}

.hec-guide .hec-guide__feature-name {
	display: block;
	color: var(--hg-ink);
}

.hec-guide .hec-guide__feature-text {
	display: block;
}

.hec-guide .hec-guide__feature-images {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	min-width: 0;
}

.hec-guide .hec-guide__feature-image {
	width: 100%;
	aspect-ratio: 1;
	border-radius: 6px;
	background: var(--hg-tint-line);
	object-fit: cover;
}

.hec-guide .hec-guide__levels {
	display: grid;
	gap: 10px;
	margin-block-end: 32px;
}

.hec-guide .hec-guide__level {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 16px;
	padding: 18px 20px;
	border-radius: 8px;
	background: #FFFFFF;
	color: var(--hg-text);
	font-size: 16px;
	line-height: 1.55;
}

.hec-guide a.hec-guide__level:hover {
	background: var(--hg-tint);
	color: var(--hg-text);
}

.hec-guide .hec-guide__level-head {
	display: flex;
	flex: 0 0 140px;
	align-items: center;
	gap: 8px;
}

.hec-guide .hec-guide__dots {
	display: flex;
	gap: 3px;
}

.hec-guide .hec-guide__dot {
	display: block;
	width: 8px;
	height: 8px;
	border: 1.5px solid var(--hg-dot-off);
	border-radius: 50%;
}

.hec-guide .hec-guide__dot--on {
	border-color: var(--hg-accent);
	background: var(--hg-accent);
}

.hec-guide .hec-guide__dot--ring {
	border-color: var(--hg-accent);
}

.hec-guide .hec-guide__level-label {
	color: var(--hg-ink);
	font-weight: 700;
}

.hec-guide .hec-guide__level-text {
	flex: 1 1 220px;
	min-width: 0;
}

.hec-guide .hec-guide__divider {
	height: 0;
	margin-block: 0 28px;
	border: 0;
	border-block-start: 1px solid var(--hg-line);
	background: none;
}

/* ---------- Vendors and gallery bands ---------- */

.hec-guide .hec-guide__vendors {
	border-block: 1px solid var(--hg-line);
	background: #FFFFFF;
	scroll-margin-top: var(--hec-guide-sticky-top, 24px);
}

.hec-guide .hec-guide__vendors .hec-guide__wrap,
.hec-guide .hec-guide__gallery .hec-guide__wrap {
	padding-block: 64px;
}

.hec-guide .hec-guide__gallery {
	scroll-margin-top: var(--hec-guide-sticky-top, 24px);
}

.hec-guide .hec-guide__band-head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-block-end: 32px;
}

.hec-guide .hec-guide__band-words {
	max-width: 640px;
}

.hec-guide .hec-guide__band-words > :last-child {
	margin-block-end: 0;
}

.hec-guide .hec-guide__band-text {
	color: var(--hg-body);
	font-size: 17px;
	line-height: 1.7;
	text-wrap: pretty;
}

.hec-guide .hec-guide__more {
	padding: 11px 18px;
	border: 1px solid var(--hg-dark);
	border-radius: 4px;
	color: var(--hg-dark);
	font-size: 14px;
	font-weight: 600;
}

.hec-guide a.hec-guide__more:hover {
	background: var(--hg-dark);
	color: #FFFFFF;
}

/* The grid's cards are the community directory's, styled by community.css.
   This only gives their wrapper room to be measured: the directory's column
   counts follow the wrapper's width. */
.hec-guide .hec-guide__cards {
	width: 100%;
	min-width: 0;
}

.hec-guide .hec-guide__gallery .hec-guide__band-head {
	margin-block-end: 24px;
}

.hec-guide .hec-guide__textlink {
	color: var(--hg-accent);
	font-size: 15px;
	font-weight: 600;
}

.hec-guide a.hec-guide__textlink:hover {
	color: var(--hg-ink);
}

.hec-guide .hec-guide__shots {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
	gap: 12px;
}

.hec-guide .hec-guide__shot {
	aspect-ratio: 3 / 4;
	overflow: hidden;
	border-radius: 6px;
	background: var(--hg-tint-line);
}

.hec-guide .hec-guide__shot-link {
	display: block;
	width: 100%;
	height: 100%;
	cursor: zoom-in;
}

.hec-guide .hec-guide__shot-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ---------- Phone bar: hidden until 767px ---------- */

.hec-guide .hec-guide__bar {
	display: none;
}

.hec-guide .hec-guide__bar-btn {
	display: flex;
	flex: 1 1 0;
	align-items: center;
	justify-content: center;
	min-width: 0;
	height: 48px;
	padding-inline: 10px;
	border-radius: 6px;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
}

.hec-guide .hec-guide__bar-btn--whatsapp {
	background: var(--hg-whatsapp);
	color: var(--hg-dark);
}

.hec-guide a.hec-guide__bar-btn--whatsapp:hover {
	background: var(--hg-whatsapp-hover);
	color: var(--hg-dark);
}

.hec-guide .hec-guide__bar-btn--dark {
	background: var(--hg-dark);
	color: #FFFFFF;
}

.hec-guide a.hec-guide__bar-btn--dark:hover {
	background: var(--hg-ink);
	color: #FFFFFF;
}

/* ---------- Lightbox (built by guide-page.js) ---------- */

.hec-guide .hec-guide__lightbox {
	width: 100vw;
	max-width: none;
	height: 100vh;
	max-height: none;
	margin: 0;
	padding: 24px;
	border: 0;
	background: transparent;
}

.hec-guide .hec-guide__lightbox[open] {
	display: flex;
	align-items: center;
	justify-content: center;
}

.hec-guide .hec-guide__lightbox::backdrop {
	background: rgba(31, 27, 45, .88);
}

.hec-guide .hec-guide__lightbox-image {
	max-width: min(1100px, 100%);
	max-height: 100%;
	border-radius: 4px;
	object-fit: contain;
}

/* Element in the selector and the states listed: the theme reset and the
   kit both restyle button:hover and button:focus. */
.hec-guide button.hec-guide__lightbox-close,
.hec-guide button.hec-guide__lightbox-close:hover,
.hec-guide button.hec-guide__lightbox-close:focus,
.hec-guide button.hec-guide__lightbox-prev,
.hec-guide button.hec-guide__lightbox-prev:hover,
.hec-guide button.hec-guide__lightbox-prev:focus,
.hec-guide button.hec-guide__lightbox-next,
.hec-guide button.hec-guide__lightbox-next:hover,
.hec-guide button.hec-guide__lightbox-next:focus {
	position: fixed;
	width: 48px;
	height: 48px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .92);
	color: var(--hg-ink);
	font: 700 26px/1 sans-serif;
	cursor: pointer;
}

.hec-guide .hec-guide__lightbox-close {
	inset-block-start: 16px;
	inset-inline-end: 16px;
}

.hec-guide .hec-guide__lightbox-prev,
.hec-guide .hec-guide__lightbox-next {
	inset-block-start: calc(50% - 24px);
}

.hec-guide .hec-guide__lightbox-prev {
	inset-inline-start: 16px;
}

.hec-guide .hec-guide__lightbox-next {
	inset-inline-end: 16px;
}

/* ---------- Below 1024px: one column, the menu as a scrolling row ---------- */

@media (max-width: 1023px) {
	.hec-guide .hec-guide__hero {
		grid-template-columns: minmax(0, 1fr);
		gap: 32px;
	}

	.hec-guide .hec-guide__layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 32px;
		padding-block-start: 40px;
	}

	.hec-guide .hec-guide__menu {
		position: static;
	}

	.hec-guide .hec-guide__menu-title {
		margin-block-end: 10px;
	}

	.hec-guide .hec-guide__menu-list {
		flex-direction: row;
		gap: 8px;
		overflow-x: auto;
		margin-inline: -24px;
		padding-inline: 24px;
		border: 0;
		scrollbar-width: none;
	}

	.hec-guide .hec-guide__menu-link {
		margin: 0;
		padding: 9px 14px;
		border: 1px solid var(--hg-line);
		border-radius: 999px;
		background: #FFFFFF;
		color: var(--hg-text);
		white-space: nowrap;
	}

	.hec-guide .hec-guide__aside {
		display: none;
	}

	.hec-guide .hec-guide__heading {
		font-size: 44px;
	}

	.hec-guide .hec-guide__heading--band {
		font-size: 46px;
	}
}

/* ---------- Up to 767px: phone spacing and the bottom bar ---------- */

@media (max-width: 767px) {
	.hec-guide .hec-guide__wrap {
		padding-inline: 16px;
	}

	.hec-guide .hec-guide__top .hec-guide__wrap {
		padding-block-end: 48px;
	}

	.hec-guide .hec-guide__crumbs {
		padding-block-end: 24px;
	}

	.hec-guide .hec-guide__menu-list {
		margin-inline: -16px;
		padding-inline: 16px;
	}

	.hec-guide .hec-guide__badge {
		inset-inline-start: 12px;
		max-width: calc(100% - 24px);
	}

	.hec-guide .hec-guide__article {
		font-size: 17px;
	}

	.hec-guide .hec-guide__section {
		margin-block-end: 48px;
	}

	.hec-guide .hec-guide__quote {
		padding: 20px 22px;
		font-size: 20px;
	}

	.hec-guide .hec-guide__offer {
		padding: 22px 20px;
	}

	.hec-guide .hec-guide__offer-value {
		font-size: 40px;
	}

	.hec-guide .hec-guide__vendors .hec-guide__wrap,
	.hec-guide .hec-guide__gallery .hec-guide__wrap {
		padding-block: 48px;
	}

	.hec-guide .hec-guide__shots {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hec-guide .hec-guide__bar {
		display: flex;
		position: sticky;
		bottom: 0;
		z-index: 50;
		gap: 8px;
		padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
		border-block-start: 1px solid var(--hg-line);
		background: #FFFFFF;
		box-shadow: 0 -8px 24px rgba(42, 35, 55, .08);
	}
}

@media (prefers-reduced-motion: reduce) {
	.hec-guide a {
		transition: none;
	}
}