/* User guide block (Shturko_User_Guide). The pages open in the shared gallery of the product page
   (shturko-product-showcase.css). Soft UI like the rest of the site: regular weight, pill buttons, soft corners. */
.shturko-guide {
	display: flex; gap: 16px; align-items: center; margin: 20px 0; padding: 16px;
	border: 1px solid #e6e9ee; border-radius: 16px; background: #fff; color: var(--color-text, #1f4568);
}
.shturko-guide__cover {
	flex: none; width: 88px; padding: 0; border: 0; border-radius: 10px; background: none; cursor: zoom-in;
	box-shadow: 0 8px 22px rgba(31, 69, 104, .14);
}
.shturko-guide__cover img { display: block; width: 100%; height: auto; border-radius: 10px }
.shturko-guide__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px }
.shturko-guide__kicker { margin: 0; color: #6b7a89; font-size: .85rem; letter-spacing: .04em; text-transform: uppercase }
.shturko-guide__title { margin: 0; color: #1f3a52; font-size: 1.15rem; font-weight: 400 !important; line-height: 1.3 }
.shturko-guide__text { margin: 0; color: #33475b; font-size: .93rem; line-height: 1.5 }
.shturko-guide__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px }
.shturko-guide__btn {
	display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border: 1px solid #d5dbe2;
	border-radius: 999px; background: #fff; color: #1f3a52; font-size:inherit;font-weight:inherit;line-height:inherit; font-size: .92rem; font-weight: 400;
	text-decoration: none; cursor: pointer;
}
.shturko-guide__btn--primary { border-color: var(--color-primary, #f04d23); background: var(--color-primary, #f04d23); color: #fff }
.shturko-guide__btn:hover { text-decoration: none; filter: brightness(.97) }
@media (max-width: 520px) {
	.shturko-guide { align-items: flex-start }
	.shturko-guide__cover { width: 70px }
	.shturko-guide__btn { flex: 1 1 100%; justify-content: center }
}

.shturko-guide-wrap { max-width: 760px; margin: 32px auto; padding: 0 16px }