/* =========== © 2024 Centroarts.com - https://honista.com =========== */

/* Block Current */
.lite-block {
	--block-pad: 32px; font-size: var(--btn-text-size); overflow: hidden;
	position: relative; z-index: 1; background-color: rgba(var(--color-body-rgb), 0.9);
	border-radius: 24px; box-shadow: inset 0 0 0 1px rgba(var(--color-primary-rgb), 0.1), 0px 12px 32px -12px rgba(0, 0, 0, 0.20);
	backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
}
.lite-block-head { padding: var(--block-pad); justify-content: space-between; }
.lite-block-head, .lbh-tag { display: flex; align-items: center; font-style: normal; }
.lbh-tag + .lbh-tag { margin-left: 8px; } 
.lbh-tag .ic { margin-right: 4px; }

:dir(rtl) .lbh-tag + .lbh-tag { margin-right: 8px; margin-left: 0; }
:dir(rtl) .lbh-tag .ic { margin-left: 4px; margin-right: 0; }

.lite-block-cont { text-align: center; padding: var(--block-pad); padding-top: 0; }
.lite-block-icon { margin: 0 auto 20px auto; display: block; }
.lite-block .title { margin-bottom: 8px; }
.lite-block .unit-rating { margin-left: auto; margin-right: auto; }
.lite-block .rate-stat { display: flex; justify-content: center; }
.lite-block .rate-stat > * + * { margin-left: .3em; }

:dir(rtl) .lite-block .rate-stat > * + * { margin-right: .3em; margin-left: 0; }

.lite-block-btn { text-align: center; padding: var(--block-pad); padding-top: 0; }
.lite-block-btn .muted { margin-top: 16px; }

.lite-block-foot-link {
	background-color: rgba(var(--color-primary-rgb), 0.05);
	display: block; padding: calc(var(--block-pad) / 2) var(--block-pad);
	text-align: center; transition: background-color .2s ease;
}
.lite-block-foot-link:hover { background-color: rgba(var(--color-primary-rgb), 0.1); }

.lite-last-in .honista-smart-bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; user-select: none; pointer-events: none; }
.lite-last-in .honista-smart-circle:first-child { position: absolute; left: -80px; top: 8px; opacity: .3; }
.lite-last-in .honista-smart-circle:last-child { position: absolute; right: -80px; bottom: 8px; opacity: .3; }

@media (min-width: 992px) {
	.lite-str { display: flex; }
	.lite-last { flex: 0 0 376px; max-width: 376px; min-width: 376px; }
	.lite-cont { position: relative; flex: 1 1 auto; padding-left: 72px; }
	.lite-last-in .honista-smart-circle:first-child { left: -40px; top: -20px; }
	.lite-last-in .honista-smart-circle:last-child { right: -32px; bottom: -32px; }
	.lite-last-in { position: sticky; z-index: 1; top: var(--wrp-pad); }

	:dir(rtl) .lite-cont { padding-right: 72px; padding-left: 0; }
	:dir(rtl) .lite-last-in .honista-smart-circle:first-child { left: 40px; }
	:dir(rtl) .lite-last-in .honista-smart-circle:last-child { right: 32px; }

	.section-features .grid { --grid-gap: 48px; }

	/* FAQ */
	.section-faq .expand-item-title { padding-left: 0; padding-right: 0; }
	.section-faq .expand-item-cont { padding-left: 40px; padding-right: 0; }
}
@media (max-width: 991px) {
	.lite-last {
		position: relative; z-index: 1;
		margin: -32px calc(var(--wrp-pad)/-1); ;
		padding: 32px var(--wrp-pad);
		overflow: hidden;
	}
	.lite-block .title { display: none; }
	.lite-section .heading { text-align: center; }

	.lite-cont > .section-block:first-child { padding-top: var(--section-gap); }
	.lite-cont .section-about { margin-left: calc(var(--wrp-pad)/-1); margin-right: calc(var(--wrp-pad)/-1); padding-left: var(--wrp-pad); padding-right: var(--wrp-pad); }

	.section-features .grid { --grid-gap: 12px; }
	.section-features:has(.scroll-h) > .title { padding-left: var(--wrp-pad); padding-right: var(--wrp-pad); }
	.section-features:has(.scroll-h) { margin-left: calc(var(--wrp-pad)/-1); margin-right: calc(var(--wrp-pad)/-1); }
	
	.grid.scroll-h { padding-left: var(--wrp-pad); padding-right: var(--wrp-pad); }
	.grid.scroll-h .short-item { padding: 32px !important; min-width: 248px; border-radius: 24px; background-color: rgba(var(--color-primary-rgb), 0.05); }
	.grid.scroll-h .short-icon { padding: 0; background-color: transparent; width: 36px; height: 36px; }
}

/* About */
.section-about { border-bottom: 1px solid rgba(var(--color-text-rgb), 0.1); padding-bottom: var(--section-gap); }

/* Spoiler */
.text-collapse > .trigger-action:checked ~ .text-collapse-cont {
	overflow: hidden; max-height: 360px;
}

.text-collapse-cont { position: relative; }
.text-collapse-cont > *:last-child { margin-bottom: 0; }
.text-collapse > .trigger-action:checked ~ .text-collapse-cont::after { content: ""; } 
.text-collapse-cont::after {
	position: absolute; left: 0; bottom: 0; right: 0; max-height: 100%; height: 126px;
	background-image: linear-gradient(to top, rgba(var(--color-body-rgb), 1), rgba(var(--color-body-rgb), 0));
	pointer-events: none;
}
.text-collapse-btn { margin: 0; margin-top: 8px; display: block; padding: 8px 0; font-weight: bold; cursor: pointer; color: var(--color-primary); }
.text-collapse-btn:hover { color: var(--color-primary-h); }
.text-collapse > .trigger-action:not(:checked) ~ .text-collapse-btn > span { display: none; }
.text-collapse > .trigger-action:not(:checked) ~ .text-collapse-btn::after { content: attr(data-alt); }

/* Features */
.section-features .grid { --grid-cols: 3; }
.section-features .short-item { padding-right: 0; }

/* Updates */
.update-item { display: flex; }
.update-item-icon { display: flex; align-items: center; padding: 4px 0; flex: 0 0 24px; margin-right: 12px; color: var(--color-primary); }
:dir(rtl) .update-item-icon { margin-left: 12px; margin-right: 0; }
.update-item .text { flex: 1 1 auto; }