/* ==================================================================== *
 * RESPONSIVE
 * ==================================================================== */

@media (max-width: 1024px) {
	.wl-cats__grid {
		gap: 18px;
	}

	.wl-how,
	.wl-about {
		grid-template-columns: 1fr;
	}

	.wl-how__left {
		padding: 50px 34px 56px calc(var(--wl-how-bar, 30px) + 26px);
	}

	.wl-how__right,
	.wl-about__media {
		min-height: 380px;
		order: -1;
	}

	.wl-about__body {
		padding: 50px 28px 60px;
	}

	.wl-feature:nth-child(2n) {
		border-right: 0;
	}

	.wl-feature:nth-child(-n + 2) {
		border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	}

	.wl-love__grid,
	.wl-stories__grid,
	.wl-blog__grid {
		gap: 24px;
	}

	.wl-blog__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.wl-love__bgs {
		grid-template-columns: 1fr;
	}

	.wl-love__bg:not(:first-child) {
		display: none;
	}

	.wl-ocards__grid {
		gap: 24px;
	}
	.wl-ocard__title {
		font-size: 24px !important;
	}
}

@media (max-width: 767px) {
	.wl-wrap {
		padding: 0 16px;
	}

	.wl-hero__stage {
		min-height: 560px;
	}

	.wl-hero__inner {
		padding: 70px 18px;
	}

	.wl-hero__search {
		margin-top: 38px;
	}

	.wl-hero__actions {
		margin-top: 32px;
		gap: 12px;
	}

	.wl-btn {
		min-width: 190px;
		height: 50px;
		font-size: 14px;
	}

	.wl-cats__grid {
		gap: 16px;
	}

	.wl-cat::before {
		padding-top: var(--wl-cat-pad-m, var(--wl-cat-pad, 113%));
	}

	.wl-how__left {
		padding: 40px 20px 46px calc(var(--wl-how-bar, 30px) + 18px);
	}

	.wl-ess__head {
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		gap: 10px;
		text-align: start;
	}

	.wl-ess__title {
		text-align: start;
		width: 100%;
	}

	.wl-ess__link {
		align-self: flex-end;
		margin-inline-start: auto;
		text-align: end;
	}

	.wl-occasion {
		padding: 40px 0 36px;
	}
	.wl-occasion__nav {
		justify-content: center;
		gap: 12px 22px;
	}
	.wl-occasion__link {
		font-size: 14px;
	}

	.wl-ocards {
		padding: 16px 0 28px;
	}
	.wl-ocard__title {
		font-size: 22px !important;
	}

	.wl-feature {
		border-right: 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	}

	.wl-rlb {
		min-height: 520px;
	}

	.wl-track > * {
		width: var(--wl-card-w-mobile, 150px);
	}

	.wl-ess .wl-track > * {
		width: 230px;
	}

	.wl-community .wl-track > *,
	.wl-ig-feed .wl-track > * {
		width: 230px;
	}

	.wl-blog {
		padding: 32px 0 56px;
	}

	.wl-blog__intro {
		margin-bottom: 36px;
	}

	.wl-blog__grid {
		grid-template-columns: 1fr;
		gap: 22px;
	}

	.wl-blog-card__body {
		padding: 16px 16px 20px;
	}
}