/* EquaRent public site — EquaSuite design system, carried on EquaRent's OWN prefixed scope
   (.equarent-site). Variables live on the wrapper, never on :root. Ambiance = a variable set. */
.equarent-site {
	--equarent-blue: #1981de;
	--equarent-navy: #0c3a66;
	--equarent-sky:  #34bfff;
	--equarent-ink:  #000d1c;
	--equarent-paper: #ffffff;
	--equarent-soft: #f3f8fd;
	--equarent-line: #e2ebf3;
	--equarent-muted: #5a6675;
	--equarent-accent: var(--equarent-blue);
	--equarent-radius: 16px;
	--equarent-gap: 28px;
	--equarent-maxw: 960px;
	font-family: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	color: var(--equarent-ink);
	line-height: 1.6;
}
.equarent-site *,
.equarent-site *::before,
.equarent-site *::after { box-sizing: border-box; }

/* Site chrome */
.equarent-site__header { position: sticky; top: 0; z-index: 10; background: rgba( 255, 255, 255, .92 ); backdrop-filter: saturate( 1.2 ) blur( 6px ); border-bottom: 1px solid var(--equarent-line); }
.equarent-site__header-inner { max-width: var(--equarent-maxw); margin: 0 auto; padding: 10px 16px; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.equarent-site__brand { text-decoration: none; display: inline-flex; align-items: center; }
.equarent-site__brandname { font-weight: 800; font-size: 18px; color: var(--equarent-navy); }
.equarent-site__logo { max-height: 42px; width: auto; }
.equarent-site__nav { display: flex; flex-wrap: wrap; gap: 4px 18px; align-items: center; }
.equarent-site__navlink { text-decoration: none; color: var(--equarent-navy); font-weight: 600; font-size: 15px; padding: 6px 2px; }
.equarent-site__navlink:hover { color: var(--equarent-accent); }
.equarent-site__page { scroll-margin-top: 72px; }
@media ( max-width: 640px ) { .equarent-site__nav { display: none; } }
.equarent-site__footer { background: var(--equarent-navy); color: #fff; margin-top: var(--equarent-gap); }
.equarent-site__footer-inner { max-width: var(--equarent-maxw); margin: 0 auto; padding: 28px 16px; text-align: center; }
.equarent-site__footer a { color: #fff; }
.equarent-site__social { margin: 8px 0; opacity: .9; }
.equarent-site__meta { font-size: 13px; opacity: .7; margin: 6px 0 0; }

.equarent-section { max-width: var(--equarent-maxw); margin: 0 auto; padding: var(--equarent-gap) 16px; border-bottom: 1px solid var(--equarent-line); }
.equarent-section:last-child { border-bottom: none; }
.equarent-section__title { font-size: clamp( 20px, 3vw, 26px ); font-weight: 800; color: var(--equarent-navy); margin: 0 0 14px; }
.equarent-lead { font-size: 17px; margin: 0 0 12px; }
.equarent-muted { color: var(--equarent-muted); }
.equarent-prose p { margin: 0 0 12px; }

/* Buttons */
.equarent-btn { display: inline-block; border: 1px solid var(--equarent-accent); background: #fff; color: var(--equarent-accent); font-weight: 700; padding: 11px 20px; border-radius: 999px; text-decoration: none; cursor: pointer; font-size: 15px; }
.equarent-btn:hover { background: var(--equarent-soft); }
.equarent-btn--primary { background: var(--equarent-accent); color: #fff; }
.equarent-btn--primary:hover { background: var(--equarent-navy); border-color: var(--equarent-navy); }

/* Hero */
.equarent-section--hero { max-width: none; padding: 0; border-bottom: none; }
.equarent-section--spacer, .equarent-section--separator { padding: 0; border-bottom: none; }
.equarent-site__spacer { width: 100%; }
.equarent-site__separator { border: 0; border-top: 1px solid var(--equarent-line); margin: var(--equarent-gap) auto; max-width: 100%; }
.equarent-hero__inner { max-width: var(--equarent-maxw); margin: 0 auto; padding: clamp( 48px, 9vw, 110px ) 16px; text-align: center; background: linear-gradient( 135deg, var(--equarent-navy), var(--equarent-blue) 60%, var(--equarent-sky) ); color: #fff; border-radius: 0 0 var(--equarent-radius) var(--equarent-radius); }
.equarent-hero__name { font-size: clamp( 30px, 6vw, 52px ); font-weight: 800; margin: 0 0 12px; line-height: 1.1; }
.equarent-hero__tagline { font-size: clamp( 16px, 2.6vw, 21px ); margin: 0 0 6px; opacity: .95; }
.equarent-hero__place { font-size: 15px; opacity: .85; margin: 0 0 24px; }
.equarent-hero__inner .equarent-btn { background: #fff; color: var(--equarent-navy); border-color: #fff; }
.equarent-hero__inner .equarent-btn:hover { background: var(--equarent-soft); }
.equarent-hero__inner--image { position: relative; background-size: cover; background-position: center; }
.equarent-hero__inner--image::before { content: ""; position: absolute; inset: 0; background: linear-gradient( 135deg, rgba( 12, 58, 102, .72 ), rgba( 25, 129, 222, .5 ) ); border-radius: inherit; }
.equarent-hero__inner--image > * { position: relative; z-index: 1; }

/* Gallery (grid / masonry / carousel / fade) */
.equarent-gallery { position: relative; max-width: var(--equarent-maxw); margin: 0 auto; padding: var(--equarent-gap) 16px; }
.equarent-gallery__viewport { position: relative; }
.equarent-gallery__item { margin: 0; border-radius: 12px; overflow: hidden; background: var(--equarent-soft); }
.equarent-gallery__open { display: block; width: 100%; height: 100%; margin: 0; padding: 0; border: none; background: none; cursor: zoom-in; }
.equarent-gallery__img { width: 100%; height: 100%; object-fit: cover; display: block; }

.equarent-gallery--grid .equarent-gallery__track { display: grid; grid-template-columns: repeat( auto-fill, minmax( 220px, 1fr ) ); gap: 10px; }
.equarent-gallery--grid .equarent-gallery__item { aspect-ratio: 4 / 3; }

.equarent-gallery--masonry .equarent-gallery__track { column-count: 3; column-gap: 10px; }
.equarent-gallery--masonry .equarent-gallery__item { break-inside: avoid; margin-bottom: 10px; }
@media ( max-width: 780px ) { .equarent-gallery--masonry .equarent-gallery__track { column-count: 2; } }
@media ( max-width: 480px ) { .equarent-gallery--masonry .equarent-gallery__track { column-count: 1; } }

/* Mosaic: a dense grid where every 7th tile is featured at 2×2 — editorial, high-impact. */
.equarent-gallery--mosaic .equarent-gallery__track { display: grid; grid-template-columns: repeat( 4, 1fr ); grid-auto-rows: 140px; grid-auto-flow: dense; gap: 10px; }
.equarent-gallery--mosaic .equarent-gallery__item { height: 100%; }
.equarent-gallery--mosaic .equarent-gallery__item:nth-child( 7n + 1 ) { grid-column: span 2; grid-row: span 2; }
@media ( max-width: 780px ) { .equarent-gallery--mosaic .equarent-gallery__track { grid-template-columns: repeat( 2, 1fr ); grid-auto-rows: 120px; } }
@media ( max-width: 480px ) { .equarent-gallery--mosaic .equarent-gallery__item:nth-child( 7n + 1 ) { grid-row: span 1; } }

/* Carousel: the VIEWPORT clips; the TRACK (wider) is what transforms. */
.equarent-gallery--carousel .equarent-gallery__viewport { overflow: hidden; border-radius: 12px; }
.equarent-gallery--carousel .equarent-gallery__track { display: flex; transition: transform .45s ease; will-change: transform; }
.equarent-gallery--carousel .equarent-gallery__item { flex: 0 0 100%; aspect-ratio: 16 / 9; border-radius: 0; }

.equarent-gallery--fade .equarent-gallery__viewport { aspect-ratio: 16 / 9; border-radius: 12px; overflow: hidden; }
.equarent-gallery--fade .equarent-gallery__track { position: relative; height: 100%; }
.equarent-gallery--fade .equarent-gallery__item { position: absolute; inset: 0; opacity: 0; transition: opacity .6s ease; border-radius: 0; }
.equarent-gallery--fade .equarent-gallery__item.is-active { opacity: 1; }

/* Large, wide chevrons overlaid on the photos. */
.equarent-gallery__nav { position: absolute; top: 50%; transform: translateY( -50% ); width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; border: none; border-radius: 999px; background: rgba( 0, 0, 0, .32 ); color: #fff; cursor: pointer; transition: background .15s; z-index: 2; padding: 0; }
.equarent-gallery__nav:hover { background: rgba( 0, 0, 0, .58 ); }
.equarent-gallery__nav svg { width: 28px; height: 28px; }
.equarent-gallery__prev { left: 14px; }
.equarent-gallery__next { right: 14px; }

/* Full-screen lightbox (all gallery modes; images are clickable). */
.equarent-lightbox { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; background: rgba( 0, 0, 0, .9 ); }
.equarent-lightbox[hidden] { display: none; }
.equarent-lightbox__img { max-width: 92vw; max-height: 88vh; object-fit: contain; border-radius: 6px; box-shadow: 0 10px 50px rgba( 0, 0, 0, .5 ); }
.equarent-lightbox__close, .equarent-lightbox__nav { position: absolute; background: rgba( 255, 255, 255, .14 ); color: #fff; border: none; cursor: pointer; border-radius: 999px; display: flex; align-items: center; justify-content: center; }
.equarent-lightbox__close:hover, .equarent-lightbox__nav:hover { background: rgba( 255, 255, 255, .28 ); }
.equarent-lightbox__close { top: 18px; right: 18px; width: 44px; height: 44px; font-size: 24px; line-height: 1; }
.equarent-lightbox__nav { top: 50%; transform: translateY( -50% ); width: 56px; height: 56px; }
.equarent-lightbox__nav svg { width: 30px; height: 30px; }
.equarent-lightbox__prev { left: 18px; }
.equarent-lightbox__next { right: 18px; }

/* Facts */
.equarent-facts { display: flex; flex-wrap: wrap; gap: 14px 30px; justify-content: center; }
.equarent-fact { display: flex; align-items: center; gap: 9px; font-weight: 600; }
.equarent-fact__icon { opacity: .7; }

/* Amenities */
.equarent-amenities-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat( auto-fill, minmax( 220px, 1fr ) ); gap: 10px 20px; }
.equarent-amenity-item { display: flex; align-items: center; gap: 10px; }
.equarent-amenity-item__icon { opacity: .6; flex: 0 0 auto; }

/* Booking */
.equarent-booking { background: var(--equarent-soft); border: 1px solid var(--equarent-line); border-radius: var(--equarent-radius); padding: 22px 24px; }
.equarent-booking__price { font-size: 22px; margin: 0 0 4px; color: var(--equarent-navy); }
.equarent-booking__price span { font-size: 15px; font-weight: 400; color: var(--equarent-muted); }
.equarent-booking__min { margin: 0 0 10px; color: var(--equarent-muted); }
.equarent-booking__note { margin: 0; }

/* Booking widget */
.equarent-book { margin-top: 16px; }
.equarent-book__row { display: flex; flex-wrap: wrap; gap: 12px; }
.equarent-book__field { display: flex; flex-direction: column; gap: 4px; flex: 1 1 150px; font-size: 14px; }
.equarent-book__field--wide { flex-basis: 100%; }
.equarent-book__field span { font-weight: 600; color: var(--equarent-navy); }
.equarent-book__field input, .equarent-book__field textarea { border: 1px solid var(--equarent-line); border-radius: 10px; padding: 9px 11px; font: inherit; }
.equarent-book__field input:focus, .equarent-book__field textarea:focus { border-color: var(--equarent-blue); outline: none; box-shadow: 0 0 0 1px var(--equarent-blue); }
.equarent-book__quote { margin: 14px 0; border-top: 1px solid var(--equarent-line); padding-top: 12px; }
.equarent-book__line { display: flex; justify-content: space-between; padding: 3px 0; }
.equarent-book__line--total { border-top: 1px solid var(--equarent-line); margin-top: 6px; padding-top: 8px; font-weight: 800; color: var(--equarent-navy); }
.equarent-book__details { margin: 14px 0; }
.equarent-book__actions { margin-top: 12px; }
.equarent-book__status { margin: 10px 0 0; color: #8a1f11; min-height: 1em; }
.equarent-book__done { font-size: 17px; }

/* Reviews */
.equarent-stars { color: #f5a623; letter-spacing: 1px; }
.equarent-rev-summary { font-size: 18px; margin: 0 0 16px; }
.equarent-reviews { position: relative; }
/* Preview band: one horizontal row, slow right-to-left auto-scroll, pause on hover. */
.equarent-reviews--band { overflow: hidden; }
.equarent-reviews--band .equarent-reviews__track { display: flex; gap: 16px; align-items: stretch; }
/* Equal-height cards even when too few to scroll (no card defines an odd height). */
.equarent-reviews--band .equarent-rev { display: flex; flex-direction: column; }
.equarent-reviews--band.is-scrolling .equarent-reviews__track { width: max-content; animation: equarent-marquee 45s linear infinite; }
.equarent-reviews--band.is-scrolling:hover .equarent-reviews__track { animation-play-state: paused; }
.equarent-reviews--band .equarent-rev { flex: 0 0 300px; }
@keyframes equarent-marquee { from { transform: translateX( 0 ); } to { transform: translateX( -50% ); } }
/* Full list: stacked full-width cards + pager. */
.equarent-reviews--list { display: flex; flex-direction: column; gap: 14px; }
.equarent-reviews__pager { display: flex; flex-wrap: wrap; gap: 6px; margin: 18px 0 0; }
.equarent-reviews__page { display: inline-grid; place-items: center; min-width: 34px; height: 34px; padding: 0 8px; border-radius: 8px; border: 1px solid var(--equarent-line); text-decoration: none; color: var(--equarent-navy); }
.equarent-reviews__page.is-current { background: var(--equarent-accent); color: #fff; border-color: var(--equarent-accent); }
.equarent-rev { margin: 0; background: #fff; border: 1px solid var(--equarent-line); border-radius: 12px; padding: 16px 18px; }
.equarent-rev__head { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.equarent-rev__title { font-size: 16px; font-weight: 700; color: var(--equarent-navy); margin: 0 0 6px; }
.equarent-rev__body { margin: 0 0 8px; border: none; padding: 0; font-style: italic; color: #3a4452; }
.equarent-rev__by { font-size: 13px; color: var(--equarent-muted); }
.equarent-rev__badge { font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px; background: var(--equarent-soft); color: var(--equarent-navy); border: 1px solid var(--equarent-line); }
.equarent-rev__badge--google { background: #fef7e0; color: #a05a00; border-color: #f3dca0; }
.equarent-rev__badge--booking { background: #e9f0ff; color: #13357a; border-color: #bcd0f7; }
.equarent-rev__badge--airbnb { background: #ffe9ee; color: #a01037; border-color: #f7bccb; }
.equarent-review-form { margin-top: 8px; }
.equarent-review-form__status { color: #8a1f11; margin-left: 8px; }
.equarent-review-form__done { font-size: 16px; color: #1a7a38; }
/* Visual 1–5 star rating input (pure-CSS radios). */
.equarent-stars-input { display: inline-flex; flex-direction: row-reverse; justify-content: flex-end; font-size: 26px; line-height: 1; }
.equarent-stars-input input { position: absolute; opacity: 0; width: 0; height: 0; }
.equarent-stars-input label { color: #d7dde5; cursor: pointer; padding: 0 2px; transition: color .1s; }
.equarent-stars-input input:checked ~ label,
.equarent-stars-input label:hover,
.equarent-stars-input label:hover ~ label { color: #f5a623; }
.equarent-review-form__check { display: flex; gap: 8px; align-items: flex-start; margin: 10px 0; font-size: 13.5px; }
.equarent-review-form__consent span { color: #3a4452; }
.equarent-review-form__actions { display: flex; align-items: center; gap: 12px; margin-top: 14px; }
.equarent-review-form__cancel { background: #fff; color: var(--equarent-navy); border-color: var(--equarent-line); }
.equarent-book__consent { display: block; margin-top: 10px; font-size: 14px; }

/* Map */
.equarent-map { margin-top: 14px; }
.equarent-map__hint { font-size: 13px; color: var(--equarent-muted); margin: 8px 0 0; }
.equarent-map__frame { width: 100%; height: 360px; border: 1px solid var(--equarent-line); border-radius: var(--equarent-radius); }

/* Rules / contact */
.equarent-rules { margin: 0 0 12px; padding-left: 20px; }
.equarent-rules li { margin: 0 0 4px; }
.equarent-contact { font-size: 16px; }
.equarent-contact a { color: var(--equarent-blue); }

/* --- Legal / custom HTML pages --- */
.equarent-legal .equarent-legal__inner { max-width: 820px; margin: 0 auto; padding: 48px 20px 64px; }
.equarent-legal__title { font-size: 28px; line-height: 1.2; margin: 0 0 24px; }
.equarent-legal__content { line-height: 1.7; }
.equarent-legal__content h2 { margin: 28px 0 10px; }
.equarent-legal__content h3 { margin: 22px 0 8px; }
.equarent-legal__content p { margin: 0 0 14px; }
.equarent-legal__content ul, .equarent-legal__content ol { margin: 0 0 14px 22px; }
.equarent-legal__back { margin-top: 32px; }
.equarent-legal__back a { text-decoration: none; }

/* --- Language switcher --- */
.equarent-langsw { display: inline-block; }
.equarent-langsw__list { list-style: none; display: inline-flex; gap: 2px; margin: 0; padding: 0; }
.equarent-langsw__item { margin: 0; }
.equarent-langsw__link, .equarent-langsw__current { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .03em; padding: 4px 8px; border-radius: 6px; text-decoration: none; line-height: 1; }
.equarent-langsw__link { color: inherit; opacity: .6; }
.equarent-langsw__link:hover { opacity: 1; }
.equarent-langsw__current { background: rgba( 0, 0, 0, .06 ); }
.equarent-site__langsw { margin: 0 4px; }

/* --- Footer columns (footer builder) --- */
.equarent-site__footer-cols { display: grid; grid-template-columns: repeat( auto-fit, minmax( 180px, 1fr ) ); gap: 24px 32px; margin: 0 0 24px; }
.equarent-site__footer-coltitle { font-size: 14px; font-weight: 700; margin: 0 0 10px; opacity: .85; }
.equarent-site__footer-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 7px; }
.equarent-site__footer-link { text-decoration: none; opacity: .8; }
.equarent-site__footer-link:hover { opacity: 1; text-decoration: underline; }
.equarent-site__footer-img { max-height: 46px; width: auto; }

/* Footer: rounded image option + custom HTML block. */
.equarent-site__footer-img--round { border-radius: 10px; }
.equarent-site__footer-html { font-size: 14px; line-height: 1.6; }
.equarent-site__footer-html img { max-width: 100%; height: auto; vertical-align: middle; }

/* ---------------------------------------------------------------------------------------------
 * Front availability calendar (booking section). Scoped entirely under .equarent-availcal so it
 * never disturbs any other section. Green = available, grey = unavailable/past, with a today marker
 * and a selected-range highlight. Fits phone width.
 * ------------------------------------------------------------------------------------------------ */
.equarent-availcal {
	margin: 0 0 18px;
	border: 1px solid var(--equarent-line);
	border-radius: var(--equarent-radius);
	background: var(--equarent-paper);
	padding: 14px 14px 16px;
	max-width: 360px;
}
.equarent-availcal__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin: 0 0 10px;
}
.equarent-availcal__title {
	font-weight: 800;
	color: var(--equarent-navy);
	font-size: 15px;
	text-transform: capitalize;
}
.equarent-availcal__nav {
	border: 1px solid var(--equarent-line);
	background: var(--equarent-soft);
	color: var(--equarent-navy);
	width: 32px;
	height: 32px;
	border-radius: 999px;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.equarent-availcal__nav:hover {
	background: var(--equarent-line);
}
.equarent-availcal__nav:disabled {
	opacity: .4;
	cursor: default;
}
.equarent-availcal__grid {
	display: grid;
	grid-template-columns: repeat( 7, 1fr );
	gap: 4px;
}
.equarent-availcal__wd {
	text-align: center;
	font-size: 11px;
	font-weight: 700;
	color: var(--equarent-muted);
	text-transform: uppercase;
	padding: 2px 0 4px;
}
.equarent-availcal__cell {
	aspect-ratio: 1 / 1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	border-radius: 8px;
	user-select: none;
}
.equarent-availcal__cell--blank {
	background: transparent;
}
.equarent-availcal__cell.is-available {
	background: #e5f6ea;
	color: #1a7a3c;
	cursor: pointer;
	font-weight: 600;
}
.equarent-availcal__cell.is-available:hover {
	background: #cdeed7;
}
.equarent-availcal__cell.is-unavailable {
	background: var(--equarent-soft);
	color: var(--equarent-muted);
	text-decoration: line-through;
	cursor: default;
}
.equarent-availcal__cell.is-today {
	box-shadow: inset 0 0 0 2px var(--equarent-accent);
}
.equarent-availcal__cell.is-selected {
	background: var(--equarent-accent);
	color: #fff;
	font-weight: 800;
}
.equarent-availcal__cell.in-range {
	background: #cfe6fb;
	color: var(--equarent-navy);
}

@media ( max-width: 480px ) {
	.equarent-availcal {
		max-width: 100%;
	}
	.equarent-availcal__cell {
		font-size: 12px;
	}
}

/* -------------------------------------------------------------------------
   Payment-result page (basic): the panel shown on the Stripe return
   (?equarent_payment=success|cancel). Rendered as a standalone on-brand page
   or embedded via [equarent_payment_result]. All selectors stay under
   .equarent-payresult / .equarent-payresult-page.
   ------------------------------------------------------------------------- */
.equarent-payresult {
	--equarent-pr-accent: var(--equarent-accent, #1981de);
	--equarent-pr-navy: var(--equarent-navy, #0c3a66);
	--equarent-pr-ink: var(--equarent-ink, #000d1c);
	--equarent-pr-muted: var(--equarent-muted, #5a6675);
	--equarent-pr-paper: var(--equarent-paper, #ffffff);
	--equarent-pr-soft: var(--equarent-soft, #f3f8fd);
	--equarent-pr-line: var(--equarent-line, #e2ebf3);
	--equarent-pr-radius: var(--equarent-radius, 16px);
	--equarent-pr-ok: #1f9d55;
	--equarent-pr-warn: #c2721f;
	box-sizing: border-box;
	max-width: 620px;
	margin: 24px auto;
	padding: 0 16px;
	font-family: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	color: var(--equarent-pr-ink);
	line-height: 1.6;
}
.equarent-payresult *,
.equarent-payresult *::before,
.equarent-payresult *::after { box-sizing: border-box; }
.equarent-payresult__inner {
	background: var(--equarent-pr-paper);
	border: 1px solid var(--equarent-pr-line);
	border-radius: var(--equarent-pr-radius);
	box-shadow: 0 10px 30px rgba( 12, 58, 102, 0.08 );
	padding: 28px 24px;
	text-align: center;
}
.equarent-payresult__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 8px;
}
.equarent-payresult--success .equarent-payresult__icon { color: var(--equarent-pr-ok); }
.equarent-payresult--cancel .equarent-payresult__icon { color: var(--equarent-pr-warn); }
.equarent-payresult__title {
	margin: 4px 0 6px;
	font-size: 24px;
	font-weight: 800;
	color: var(--equarent-pr-navy);
}
.equarent-payresult__lead {
	margin: 0 auto 18px;
	max-width: 46ch;
	color: var(--equarent-pr-muted);
}
.equarent-payresult__ref {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
	margin: 0 auto 18px;
	padding: 12px 16px;
	background: var(--equarent-pr-soft);
	border: 1px dashed var(--equarent-pr-accent);
	border-radius: 12px;
}
.equarent-payresult__ref-label {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--equarent-pr-muted);
}
.equarent-payresult__ref-value {
	font-size: 22px;
	font-weight: 800;
	letter-spacing: 0.04em;
	color: var(--equarent-pr-navy);
}
.equarent-payresult__recap {
	margin: 0 0 16px;
	padding: 0;
	text-align: left;
	border-top: 1px solid var(--equarent-pr-line);
}
.equarent-payresult__row {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 16px;
	padding: 10px 2px;
	border-bottom: 1px solid var(--equarent-pr-line);
}
.equarent-payresult__dt {
	margin: 0;
	color: var(--equarent-pr-muted);
	font-size: 14px;
}
.equarent-payresult__dd {
	margin: 0;
	font-weight: 600;
	text-align: right;
	color: var(--equarent-pr-ink);
}
.equarent-payresult__contact {
	margin: 4px 0 0;
	font-size: 14px;
	color: var(--equarent-pr-muted);
}
.equarent-payresult__contact a {
	color: var(--equarent-pr-accent);
	text-decoration: underline;
}
.equarent-payresult__retry-note {
	margin: 0 auto 18px;
	max-width: 46ch;
	color: var(--equarent-pr-muted);
}
.equarent-payresult__actions { margin: 0; }
.equarent-payresult__btn {
	display: inline-block;
	padding: 12px 22px;
	background: var(--equarent-pr-accent);
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	border-radius: 999px;
	transition: filter 0.15s ease;
}
.equarent-payresult__btn:hover,
.equarent-payresult__btn:focus { filter: brightness( 0.92 ); }
html .equarent-payresult-body,
.equarent-payresult-body {
	margin: 0;
	padding: 0;
	background: var(--equarent-soft, #f3f8fd);
}
.equarent-payresult-page {
	box-sizing: border-box;
	position: relative;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 18px;
	padding: 40px 16px;
	background: var(--equarent-soft, #f3f8fd);
}
.equarent-payresult-page .equarent-payresult {
	margin: 0 auto;
	width: 100%;
}
.equarent-payresult-page__home {
	flex: 0 0 auto;
}
@media ( max-width: 480px ) {
	.equarent-payresult__inner { padding: 22px 16px; }
	.equarent-payresult__title { font-size: 21px; }
	.equarent-payresult__ref-value { font-size: 19px; }
	.equarent-payresult__row {
		flex-direction: column;
		align-items: flex-start;
		gap: 2px;
	}
	.equarent-payresult__dd { text-align: left; }
	.equarent-payresult-page {
		padding: 24px 14px;
	}
}