.gi-rental-showcase,
.gi-rental-showcase * {
	box-sizing: border-box;
}

.gi-rental-showcase {
	--gi-gold: #e5b92f;
	--gi-gold-light: #ffe780;
	--gi-gold-dark: #9b6506;
	--gi-black: #030304;
	--gi-panel: #0e0e10;
	--gi-white: #fbfaf5;
	--gi-muted: #b9b7b0;
	position: relative;
	isolation: isolate;
	direction: rtl;
	overflow: hidden;
	padding: clamp(72px, 7vw, 112px) max(24px, calc((100vw - 1300px) / 2));
	border-block: 1px solid rgba(229, 185, 47, .2);
	background:
		radial-gradient(circle at 18% 46%, rgba(226, 177, 40, .14), transparent 28%),
		radial-gradient(circle at 88% 0%, rgba(255, 229, 118, .055), transparent 29%),
		linear-gradient(135deg, #030304 0%, #0c0c0e 50%, #050505 100%);
	color: var(--gi-white);
	font-family: inherit;
}

.gi-rental-showcase::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -3;
	opacity: .28;
	background-image:
		linear-gradient(rgba(255, 255, 255, .032) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, .032) 1px, transparent 1px);
	background-size: 56px 56px;
	-webkit-mask-image: radial-gradient(ellipse at 20% 50%, #000, transparent 68%);
	mask-image: radial-gradient(ellipse at 20% 50%, #000, transparent 68%);
}

.gi-rental-showcase::after {
	content: "GENERATORS ISRAEL";
	position: absolute;
	inset-inline-start: 2%;
	bottom: -3%;
	z-index: -2;
	color: rgba(255, 255, 255, .018);
	font: 900 clamp(66px, 10vw, 154px)/.8 Arial, sans-serif;
	letter-spacing: .035em;
	white-space: nowrap;
	pointer-events: none;
}

.gi-rental-showcase__ambient {
	position: absolute;
	inset: 0;
	z-index: -1;
	overflow: hidden;
	pointer-events: none;
}

.gi-rental-showcase__ambient-glow {
	position: absolute;
	width: min(48vw, 680px);
	aspect-ratio: 1;
	inset-inline-start: 4%;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
	background: rgba(229, 185, 47, .09);
	filter: blur(128px);
}

.gi-rental-showcase__ambient-line {
	position: absolute;
	inset-inline-start: -12%;
	width: 62%;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(255, 220, 92, .6), transparent);
	filter: drop-shadow(0 0 10px rgba(229, 185, 47, .45));
	opacity: .24;
	transform: rotate(-12deg);
	animation: gi-rental-showcase-scan 8s ease-in-out infinite;
}

.gi-rental-showcase__ambient-line--one { top: 29%; }
.gi-rental-showcase__ambient-line--two { top: 70%; animation-delay: -4.2s; }

.gi-rental-showcase__grid {
	width: min(1300px, 100%);
	margin-inline: auto;
	display: grid;
	grid-template-columns: minmax(380px, .82fr) minmax(590px, 1.38fr);
	align-items: center;
	gap: clamp(30px, 4vw, 72px);
}

.gi-rental-showcase__content {
	position: relative;
	z-index: 7;
}

.gi-rental-showcase__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
	padding: 9px 15px;
	border: 1px solid rgba(229, 185, 47, .3);
	border-radius: 999px;
	background: linear-gradient(110deg, rgba(229, 185, 47, .12), rgba(229, 185, 47, .035));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 10px 30px rgba(0, 0, 0, .2);
	color: var(--gi-gold-light);
	font-size: 13px;
	font-weight: 850;
}

.gi-rental-showcase__eyebrow-dot,
.gi-rental-showcase__stage-status i {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--gi-gold-light);
	box-shadow: 0 0 0 5px rgba(229, 185, 47, .1), 0 0 20px rgba(255, 215, 94, .9);
	animation: gi-rental-showcase-pulse 2.2s ease-in-out infinite;
}

.gi-rental-showcase h2 {
	max-width: 690px;
	margin: 0;
	color: #fff;
	font-size: clamp(42px, 4.65vw, 70px);
	font-weight: 950;
	line-height: .99;
	letter-spacing: -.045em;
}

.gi-rental-showcase h2 span {
	display: inline-block;
	margin-top: 11px;
	background: linear-gradient(128deg, #fff4b2 0%, #e6ba30 42%, #a66d08 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	filter: drop-shadow(0 12px 28px rgba(229, 185, 47, .13));
}

.gi-rental-showcase__lead {
	max-width: 570px;
	margin: 25px 0 0;
	color: var(--gi-muted);
	font-size: clamp(17px, 1.3vw, 20px);
	line-height: 1.75;
}

.gi-rental-showcase__benefits {
	display: grid;
	gap: 12px;
	margin: 27px 0 0;
	padding: 0;
	list-style: none;
	color: #dedbd4;
	font-size: 14px;
}

.gi-rental-showcase__benefits li {
	display: flex;
	align-items: center;
	gap: 10px;
}

.gi-rental-showcase__benefits li > span {
	display: grid;
	place-items: center;
	width: 23px;
	height: 23px;
	flex: 0 0 23px;
	border-radius: 50%;
	background: linear-gradient(145deg, #ffe478, #af7307);
	box-shadow: 0 7px 20px rgba(229, 185, 47, .18), inset 0 1px 0 rgba(255, 255, 255, .55);
	color: #090909;
	font-size: 13px;
	font-weight: 950;
}

.gi-rental-showcase__benefits b {
	margin-inline-end: 3px;
	color: #fff;
	font-weight: 850;
}

.gi-rental-showcase__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 32px;
}

.gi-rental-showcase__button {
	--button-x: 0px;
	--button-y: 0px;
	position: relative;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 56px;
	padding: 0 21px;
	border: 1px solid transparent;
	border-radius: 14px;
	text-decoration: none !important;
	font-size: 15px;
	font-weight: 900;
	transform: translate3d(var(--button-x), var(--button-y), 0);
	transition: transform .24s cubic-bezier(.2, .75, .2, 1), box-shadow .24s ease, border-color .24s ease, background .24s ease;
	will-change: transform;
}

.gi-rental-showcase__button::before,
.gi-rental-showcase__stage-cta::before {
	content: "";
	position: absolute;
	top: -100%;
	left: -35%;
	width: 18%;
	height: 290%;
	transform: rotate(20deg);
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .42), transparent);
	transition: left .7s ease;
}

.gi-rental-showcase__button:hover::before,
.gi-rental-showcase__button:focus-visible::before,
.gi-rental-showcase__stage-cta:hover::before,
.gi-rental-showcase__stage-cta:focus-visible::before { left: 120%; }

.gi-rental-showcase__button svg,
.gi-rental-showcase__mode svg,
.gi-rental-showcase__gesture svg {
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.gi-rental-showcase__button svg { width: 21px; height: 21px; }
.gi-rental-showcase__button .gi-rental-showcase__button-arrow { width: 18px; height: 18px; transition: transform .2s ease; }
.gi-rental-showcase__button:hover .gi-rental-showcase__button-arrow { transform: translateX(-3px); }

.gi-rental-showcase__button-icon {
	display: grid;
	place-items: center;
	width: 31px;
	height: 31px;
	margin-inline-start: -8px;
	border-radius: 9px;
	background: rgba(0, 0, 0, .11);
}

.gi-rental-showcase__button-icon svg { width: 18px; height: 18px; }

.gi-rental-showcase__button--gold {
	background: linear-gradient(135deg, #ffe77f 0%, #e1b42d 48%, #ad7108 100%);
	box-shadow: 0 15px 38px rgba(214, 163, 26, .25), inset 0 1px 0 rgba(255, 255, 255, .62);
	color: #070707 !important;
}

.gi-rental-showcase__button--ghost {
	border-color: rgba(255, 255, 255, .14);
	background: rgba(255, 255, 255, .045);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
	color: #fff !important;
	backdrop-filter: blur(8px);
}

.gi-rental-showcase__button--gold:hover,
.gi-rental-showcase__button--gold:focus-visible { box-shadow: 0 20px 52px rgba(229, 185, 47, .36), inset 0 1px 0 rgba(255, 255, 255, .7); }

.gi-rental-showcase__button--ghost:hover,
.gi-rental-showcase__button--ghost:focus-visible {
	border-color: rgba(229, 185, 47, .52);
	background: rgba(229, 185, 47, .085);
}

/* מונע מחוקי קישורים גלובליים של התבנית להפוך כפתור לשקוף בזמן לחיצה. */
.gi-rental-showcase__button:active,
.gi-rental-showcase__stage-cta:active {
	opacity: 1 !important;
	visibility: visible !important;
}

.gi-rental-showcase__button--gold:active {
	background: linear-gradient(135deg, #ffe77f 0%, #e1b42d 48%, #ad7108 100%);
	color: #070707 !important;
}

.gi-rental-showcase__button--ghost:active {
	border-color: rgba(229, 185, 47, .52);
	background: rgba(229, 185, 47, .085);
	color: #fff !important;
}

.gi-rental-showcase__button:focus-visible,
.gi-rental-showcase__mode:focus-visible,
.gi-rental-showcase__viewer:focus-visible,
.gi-rental-showcase__part:focus-visible,
.gi-rental-showcase__stage-cta:focus-visible {
	outline: 3px solid rgba(255, 220, 105, .92);
	outline-offset: 4px;
}

.gi-rental-showcase__microcopy {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 14px 2px 0;
	color: rgba(255, 255, 255, .48);
	font-size: 11px;
	line-height: 1.5;
}

.gi-rental-showcase__microcopy span { color: var(--gi-gold); font-size: 8px; }

.gi-rental-showcase__stage {
	position: relative;
	min-width: 0;
	padding: 14px;
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 30px;
	background:
		linear-gradient(140deg, rgba(255, 255, 255, .046), transparent 38%),
		rgba(8, 8, 9, .56);
	box-shadow: 0 34px 85px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .06);
	backdrop-filter: blur(8px);
}

.gi-rental-showcase__stage::before {
	content: "";
	position: absolute;
	inset: -1px;
	z-index: -1;
	border-radius: inherit;
	background: linear-gradient(120deg, rgba(255, 226, 111, .21), transparent 32%, transparent 70%, rgba(229, 185, 47, .13));
}

.gi-rental-showcase__stage-head,
.gi-rental-showcase__modebar {
	display: flex;
	align-items: center;
}

.gi-rental-showcase__stage-head {
	justify-content: space-between;
	gap: 14px;
	padding: 5px 8px 12px;
}

.gi-rental-showcase__stage-status {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	color: rgba(255, 255, 255, .62);
	font-size: 10px;
	font-weight: 800;
}

.gi-rental-showcase__stage-status i { width: 6px; height: 6px; }

.gi-rental-showcase__stage-brand {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #fff;
	font-size: 11px;
	font-weight: 900;
}

.gi-rental-showcase__stage-brand b {
	display: grid;
	place-items: center;
	width: 29px;
	height: 29px;
	border-radius: 8px;
	background: linear-gradient(145deg, #ffe574, #b87508);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .62), 0 5px 16px rgba(229, 185, 47, .22);
	color: #070707;
	font: 950 19px/1 Arial, sans-serif;
}

.gi-rental-showcase__modebar {
	position: relative;
	z-index: 20;
	gap: 6px;
	width: max-content;
	max-width: calc(100% - 20px);
	margin: 0 auto -18px;
	padding: 5px;
	border: 1px solid rgba(255, 255, 255, .09);
	border-radius: 14px;
	background: rgba(5, 5, 6, .9);
	box-shadow: 0 12px 35px rgba(0, 0, 0, .36), inset 0 1px 0 rgba(255, 255, 255, .045);
	backdrop-filter: blur(12px);
}

.gi-rental-showcase__mode {
	border: 0;
	font-family: inherit;
	cursor: pointer;
	transition: color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease;
}

.gi-rental-showcase__mode {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 39px;
	padding: 0 13px;
	border-radius: 10px;
	background: transparent;
	color: rgba(255, 255, 255, .58);
	font-size: 11px;
	font-weight: 850;
}

.gi-rental-showcase__mode svg { width: 17px; height: 17px; }

.gi-rental-showcase__mode:hover,
.gi-rental-showcase__mode.is-active {
	background: linear-gradient(135deg, rgba(255, 227, 117, .19), rgba(169, 108, 5, .16));
	box-shadow: inset 0 0 0 1px rgba(229, 185, 47, .24);
	color: #f6cf57;
}

.gi-rental-showcase__viewer {
	--rx: 0deg;
	--ry: 0deg;
	--light-x: 50%;
	--light-y: 43%;
	--product-x: 0px;
	--product-y: 0px;
	--shadow-x: 0px;
	--orbit-x: 0px;
	--orbit-y: 0px;
	position: relative;
	overflow: hidden;
	display: block;
	width: 100%;
	aspect-ratio: 1.26 / 1;
	min-height: 480px;
	border: 1px solid rgba(255, 255, 255, .045);
	border-radius: 23px;
	background:
		radial-gradient(circle at var(--light-x) var(--light-y), rgba(255, 219, 93, .15), transparent 22%),
		radial-gradient(circle at 50% 69%, rgba(229, 185, 47, .075), transparent 37%),
		linear-gradient(145deg, rgba(255, 255, 255, .022), rgba(255, 255, 255, .004));
	perspective: 1300px;
	cursor: grab;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.gi-rental-showcase__viewer.is-dragging { cursor: grabbing; }
.gi-rental-showcase__viewer::before,
.gi-rental-showcase__viewer::after {
	content: "";
	position: absolute;
	pointer-events: none;
}

.gi-rental-showcase__viewer::before {
	inset: 0;
	background:
		linear-gradient(90deg, transparent 49.85%, rgba(255, 255, 255, .027) 50%, transparent 50.15%),
		linear-gradient(transparent 49.85%, rgba(255, 255, 255, .024) 50%, transparent 50.15%);
	-webkit-mask-image: radial-gradient(circle, #000, transparent 73%);
	mask-image: radial-gradient(circle, #000, transparent 73%);
}

.gi-rental-showcase__viewer::after {
	inset: 0;
	z-index: 12;
	border-radius: inherit;
	box-shadow: inset 0 0 90px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .025);
}

.gi-rental-showcase__orbit {
	position: absolute;
	inset: 16% 7% 15%;
	z-index: 1;
	border: 1px solid rgba(229, 185, 47, .16);
	border-radius: 50%;
	transform: translate3d(var(--orbit-x), var(--orbit-y), 0) rotate(-8deg);
	transition: transform .12s ease-out;
	box-shadow: inset 0 0 70px rgba(229, 185, 47, .035), 0 0 100px rgba(229, 185, 47, .035);
	pointer-events: none;
}

.gi-rental-showcase__orbit::before,
.gi-rental-showcase__orbit::after,
.gi-rental-showcase__orbit i,
.gi-rental-showcase__orbit b {
	content: "";
	position: absolute;
	border-radius: 50%;
}

.gi-rental-showcase__orbit::before {
	inset: 8%;
	border: 1px dashed rgba(255, 215, 94, .15);
	animation: gi-rental-showcase-orbit 24s linear infinite;
}

.gi-rental-showcase__orbit::after {
	width: 10px;
	height: 10px;
	left: 18%;
	top: 5%;
	background: #ffe27a;
	box-shadow: 0 0 25px 7px rgba(255, 215, 94, .55);
}

.gi-rental-showcase__orbit i { inset: 19%; border: 1px solid rgba(255, 255, 255, .055); }
.gi-rental-showcase__orbit b { width: 5px; height: 5px; right: 23%; bottom: 5%; background: rgba(255, 255, 255, .72); box-shadow: 0 0 18px rgba(255, 229, 121, .75); }

.gi-rental-showcase__product {
	position: absolute;
	inset: 2% 1% 3%;
	z-index: 5;
	transform: translate3d(var(--product-x), var(--product-y), 0) rotateX(var(--rx)) rotateY(var(--ry));
	transform-style: preserve-3d;
	transform-origin: 50% 58%;
	transition: transform .06s linear;
	will-change: transform;
	pointer-events: none;
}

.gi-rental-showcase__product-halo {
	position: absolute;
	inset: 24% 9% 20%;
	z-index: -1;
	border-radius: 50%;
	background: rgba(226, 178, 40, .13);
	filter: blur(54px);
}

.gi-rental-showcase__image {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: drop-shadow(0 32px 24px rgba(0, 0, 0, .68));
	user-select: none;
	-webkit-user-drag: none;
	transition: opacity .5s cubic-bezier(.22, .8, .2, 1), transform .65s cubic-bezier(.22, .8, .2, 1), filter .35s ease, clip-path .72s cubic-bezier(.22, .8, .2, 1);
}

.gi-rental-showcase__image--closed { opacity: 1; transform: translateZ(24px) scale(1); }
.gi-rental-showcase__image--open { opacity: 0; transform: translateZ(14px) scale(.965); clip-path: inset(0 46% 0 46% round 18px); }
.gi-rental-showcase__stage.is-open .gi-rental-showcase__image--closed { opacity: 0; transform: translateZ(12px) scale(.975); }
.gi-rental-showcase__stage.is-open .gi-rental-showcase__image--open { opacity: 1; transform: translateZ(30px) scale(1.025); clip-path: inset(0); filter: drop-shadow(0 34px 28px rgba(0, 0, 0, .72)); }

.gi-rental-showcase__shine {
	position: absolute;
	inset: 9% 4% 11%;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(110deg, transparent 7%, #000 35%, #000 73%, transparent 94%);
	mask-image: linear-gradient(110deg, transparent 7%, #000 35%, #000 73%, transparent 94%);
	pointer-events: none;
}

.gi-rental-showcase__shine::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at var(--light-x) var(--light-y), rgba(255, 239, 181, .18), transparent 21%);
	mix-blend-mode: screen;
}

.gi-rental-showcase__shine::after {
	content: "";
	position: absolute;
	top: -35%;
	left: -50%;
	width: 18%;
	height: 170%;
	transform: rotate(18deg);
	background: linear-gradient(90deg, transparent, rgba(255, 238, 167, .25), transparent);
	filter: blur(3px);
	animation: gi-rental-showcase-shine 7s ease-in-out infinite 1.2s;
}

.gi-rental-showcase__shadow {
	position: absolute;
	z-index: 3;
	left: 14%;
	right: 10%;
	bottom: 16%;
	height: 7%;
	border-radius: 50%;
	background: rgba(0, 0, 0, .88);
	filter: blur(20px);
	transform: translateX(var(--shadow-x)) rotate(-2deg);
	transition: transform .15s ease-out;
	pointer-events: none;
}

.gi-rental-showcase__spark {
	position: absolute;
	z-index: 7;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #ffe584;
	box-shadow: 0 0 18px 5px rgba(229, 185, 47, .5);
	animation: gi-rental-showcase-spark 4.8s ease-in-out infinite;
	pointer-events: none;
}

.gi-rental-showcase__spark--one { left: 12%; top: 26%; }
.gi-rental-showcase__spark--two { right: 10%; top: 34%; animation-delay: -1.7s; transform: scale(.65); }
.gi-rental-showcase__spark--three { left: 31%; bottom: 19%; animation-delay: -3.1s; transform: scale(.45); }

.gi-rental-showcase__parts {
	position: absolute;
	inset: 0;
	z-index: 18;
	opacity: 0;
	pointer-events: none;
	transform: translate3d(var(--product-x), var(--product-y), 0) rotateX(var(--rx)) rotateY(var(--ry));
	transform-origin: 50% 58%;
	transition: opacity .28s ease .15s, transform .06s linear;
	will-change: transform;
}

.gi-rental-showcase__stage.is-open .gi-rental-showcase__parts {
	opacity: 1;
	pointer-events: auto;
}

.gi-rental-showcase__part {
	position: absolute;
	left: var(--part-x);
	top: var(--part-y);
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	gap: 7px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #fff;
	font-family: inherit;
	cursor: pointer;
}

.gi-rental-showcase__part i {
	position: relative;
	display: block;
	width: 13px;
	height: 13px;
	flex: 0 0 13px;
	border: 3px solid #070707;
	border-radius: 50%;
	background: #ffdf67;
	box-shadow: 0 0 0 5px rgba(229, 185, 47, .17), 0 0 21px rgba(255, 218, 85, .8);
}

.gi-rental-showcase__part i::after {
	content: "";
	position: absolute;
	inset: -8px;
	border: 1px solid rgba(255, 220, 101, .62);
	border-radius: 50%;
	animation: gi-rental-showcase-ring 2.2s ease-out infinite;
}

.gi-rental-showcase__part span {
	padding: 6px 9px;
	border: 1px solid rgba(229, 185, 47, .25);
	border-radius: 8px;
	background: rgba(4, 4, 5, .82);
	box-shadow: 0 8px 25px rgba(0, 0, 0, .35);
	backdrop-filter: blur(8px);
	color: rgba(255, 255, 255, .82);
	font-size: 9px;
	font-weight: 850;
	white-space: nowrap;
	opacity: 0;
	transform: translateX(5px);
	transition: opacity .2s ease, transform .2s ease, color .2s ease, border-color .2s ease;
}

.gi-rental-showcase__part:hover span,
.gi-rental-showcase__part:focus-visible span,
.gi-rental-showcase__part.is-active span {
	opacity: 1;
	transform: translateX(0);
	border-color: rgba(255, 224, 109, .55);
	color: #ffe37a;
}

.gi-rental-showcase__gesture {
	position: absolute;
	left: 50%;
	bottom: 15px;
	z-index: 20;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 34px;
	padding: 0 11px;
	border: 1px solid rgba(255, 255, 255, .09);
	border-radius: 999px;
	background: rgba(5, 5, 6, .72);
	backdrop-filter: blur(9px);
	color: rgba(255, 255, 255, .5);
	font-size: 10px;
	font-weight: 750;
	transform: translateX(-50%);
	pointer-events: none;
}

.gi-rental-showcase__gesture svg { width: 16px; height: 16px; color: #dfb436; }
.gi-rental-showcase__gesture-touch { display: none; }

.gi-rental-showcase__part-panel {
	position: relative;
	display: grid;
	grid-template-columns: minmax(130px, .38fr) 1fr auto;
	align-items: center;
	gap: 16px;
	margin: 10px 3px 0;
	padding: 14px 16px;
	border: 1px solid rgba(229, 185, 47, .2);
	border-radius: 15px;
	background: linear-gradient(110deg, rgba(229, 185, 47, .09), rgba(255, 255, 255, .025));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
	animation: gi-rental-showcase-panel-in .34s cubic-bezier(.2, .78, .2, 1) both;
}

.gi-rental-showcase__part-panel[hidden] { display: none; }
.gi-rental-showcase__part-panel div { display: grid; gap: 2px; }
.gi-rental-showcase__part-panel div span { color: #c39725; font-size: 8px; font-weight: 850; text-transform: uppercase; }
.gi-rental-showcase__part-panel strong { color: #fff; font-size: 13px; font-weight: 900; }
.gi-rental-showcase__part-panel p { margin: 0; color: rgba(255, 255, 255, .62); font-size: 11px; line-height: 1.55; }

.gi-rental-showcase__part-panel button {
	display: grid;
	place-items: center;
	width: 29px;
	height: 29px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 9px;
	background: rgba(0, 0, 0, .25);
	color: rgba(255, 255, 255, .58);
	font: 400 20px/1 Arial, sans-serif;
	cursor: pointer;
}

.gi-rental-showcase__stage-cta {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 66px;
	margin-top: 10px;
	padding: 10px 17px;
	border: 1px solid rgba(229, 185, 47, .32);
	border-radius: 16px;
	background: linear-gradient(120deg, rgba(255, 230, 126, .14), rgba(172, 111, 7, .1));
	box-shadow: 0 13px 35px rgba(0, 0, 0, .23), inset 0 1px 0 rgba(255, 255, 255, .05);
	color: #fff !important;
	text-decoration: none !important;
	transition: transform .22s ease, border-color .22s ease, background .22s ease;
}

.gi-rental-showcase__stage-cta:hover,
.gi-rental-showcase__stage-cta:focus-visible {
	transform: translateY(-2px);
	border-color: rgba(255, 226, 112, .64);
	background: linear-gradient(120deg, rgba(255, 230, 126, .19), rgba(172, 111, 7, .13));
}

.gi-rental-showcase__stage-cta:active {
	background: linear-gradient(120deg, rgba(255, 230, 126, .19), rgba(172, 111, 7, .13));
	color: #fff !important;
}

.gi-rental-showcase__stage-cta span { display: grid; gap: 3px; }
.gi-rental-showcase__stage-cta small { color: rgba(255, 255, 255, .52); font-size: 9px; font-weight: 700; }
.gi-rental-showcase__stage-cta b { color: #ffe175; font-size: 13px; font-weight: 900; }
.gi-rental-showcase__stage-cta i { color: #ffe175; font-size: 22px; font-style: normal; transition: transform .2s ease; }
.gi-rental-showcase__stage-cta:hover i { transform: translateX(-4px); }

.gi-rental-showcase__disclaimer {
	margin: 8px 3px 0;
	color: rgba(255, 255, 255, .28);
	font-size: 8px;
	text-align: center;
}

.gi-rental-showcase.is-paused *,
.gi-rental-showcase.is-paused *::before,
.gi-rental-showcase.is-paused *::after { animation-play-state: paused !important; }

@keyframes gi-rental-showcase-shine {
	0%, 16% { left: -45%; opacity: 0; }
	28% { opacity: .95; }
	49%, 100% { left: 135%; opacity: 0; }
}

@keyframes gi-rental-showcase-orbit { to { transform: rotate(360deg); } }

@keyframes gi-rental-showcase-pulse {
	0%, 100% { opacity: .65; transform: scale(.82); }
	50% { opacity: 1; transform: scale(1); }
}

@keyframes gi-rental-showcase-spark {
	0%, 100% { opacity: .2; translate: 0 8px; }
	50% { opacity: 1; translate: 0 -10px; }
}

@keyframes gi-rental-showcase-ring {
	0% { opacity: .8; transform: scale(.55); }
	80%, 100% { opacity: 0; transform: scale(1.45); }
}

@keyframes gi-rental-showcase-panel-in {
	from { opacity: 0; transform: translateY(-7px) scale(.985); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes gi-rental-showcase-scan {
	0%, 100% { translate: -9% 0; opacity: .1; }
	50% { translate: 18% 0; opacity: .34; }
}

@media (max-width: 1100px) {
	.gi-rental-showcase__grid {
		grid-template-columns: minmax(340px, .78fr) minmax(520px, 1.22fr);
		gap: 27px;
	}

	.gi-rental-showcase__viewer { min-height: 450px; }
	.gi-rental-showcase__part span { display: none; }
}

@media (max-width: 930px) {
	.gi-rental-showcase { padding-block: 68px; }

	.gi-rental-showcase__grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.gi-rental-showcase__content {
		max-width: 760px;
		margin-inline: auto;
		text-align: center;
	}

	.gi-rental-showcase__lead { margin-inline: auto; }

	.gi-rental-showcase__benefits {
		width: max-content;
		max-width: 100%;
		margin-inline: auto;
		text-align: right;
	}

	.gi-rental-showcase__actions,
	.gi-rental-showcase__microcopy { justify-content: center; }

	.gi-rental-showcase__stage {
		width: min(820px, 100%);
		margin-inline: auto;
	}
}

@media (max-width: 620px) {
	.gi-rental-showcase {
		padding: 54px 14px 48px;
		background:
			radial-gradient(circle at 50% 71%, rgba(229, 185, 47, .15), transparent 37%),
			linear-gradient(160deg, #030304, #0b0b0d 58%, #040404);
	}

	.gi-rental-showcase::before {
		-webkit-mask-image: linear-gradient(#000, transparent 82%);
		mask-image: linear-gradient(#000, transparent 82%);
	}

	.gi-rental-showcase::after { display: none; }
	.gi-rental-showcase__grid { gap: 32px; }

	.gi-rental-showcase h2 {
		font-size: clamp(36px, 11.8vw, 50px);
		line-height: 1.02;
	}

	.gi-rental-showcase__lead { margin-top: 20px; font-size: 16px; line-height: 1.66; }
	.gi-rental-showcase__eyebrow { margin-bottom: 16px; font-size: 11px; }

	.gi-rental-showcase__benefits {
		width: 100%;
		gap: 10px;
		margin-top: 23px;
		padding: 14px;
		border: 1px solid rgba(255, 255, 255, .07);
		border-radius: 15px;
		background: rgba(255, 255, 255, .025);
		font-size: 12px;
	}

	.gi-rental-showcase__actions { display: grid; grid-template-columns: 1fr; margin-top: 24px; }
	.gi-rental-showcase__button { width: 100%; min-height: 55px; }
	.gi-rental-showcase__microcopy { align-items: flex-start; margin-top: 12px; font-size: 10px; }

	.gi-rental-showcase__stage { padding: 8px; border-radius: 23px; }
	.gi-rental-showcase__stage-head { padding: 5px 7px 11px; }
	.gi-rental-showcase__stage-status { font-size: 8px; }
	.gi-rental-showcase__stage-brand span { display: none; }

	.gi-rental-showcase__modebar {
		max-width: calc(100% - 12px);
		margin-bottom: -16px;
		padding: 4px;
	}

	.gi-rental-showcase__mode { min-height: 37px; padding-inline: 9px; font-size: 9px; }
	.gi-rental-showcase__mode svg { width: 15px; height: 15px; }
	.gi-rental-showcase__viewer {
		aspect-ratio: 1 / 1.05;
		min-height: 350px;
		border-radius: 18px;
	}

	.gi-rental-showcase__product { inset: 4% 0 5%; }
	.gi-rental-showcase__stage.is-open .gi-rental-showcase__image--open { transform: translateZ(24px) scale(1.08); }
	.gi-rental-showcase__part i { width: 12px; height: 12px; flex-basis: 12px; }
	.gi-rental-showcase__part span { display: none; }

	.gi-rental-showcase__gesture { min-height: 31px; padding-inline: 9px; font-size: 9px; }
	.gi-rental-showcase__gesture-desktop { display: none; }
	.gi-rental-showcase__gesture-touch { display: inline; }

	.gi-rental-showcase__part-panel {
		grid-template-columns: 1fr auto;
		gap: 8px 12px;
		padding: 12px;
	}

	.gi-rental-showcase__part-panel p { grid-column: 1 / -1; grid-row: 2; font-size: 10px; }
	.gi-rental-showcase__part-panel button { grid-column: 2; grid-row: 1; }
	.gi-rental-showcase__stage-cta { min-height: 61px; padding-inline: 14px; }
	.gi-rental-showcase__stage-cta b { font-size: 11px; }
	.gi-rental-showcase__stage-cta small { font-size: 8px; }
}

@media (max-width: 380px) {
	.gi-rental-showcase__mode { padding-inline: 7px; }
	.gi-rental-showcase__viewer { min-height: 326px; }
	.gi-rental-showcase__gesture { max-width: 145px; }
}

@media (prefers-reduced-motion: reduce) {
	.gi-rental-showcase *,
	.gi-rental-showcase *::before,
	.gi-rental-showcase *::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}

	.gi-rental-showcase__gesture { display: none; }
}