/* Final Yokuchi home reference layer. Keep this at the end. */
body.home,
body.front-page,
body.page-template-page-yokuchi-home,
body.page-template-page-blog,
body.page-template-page-blog-php,
body.yokuchi-blog-page {
	background: #faf9f7;
}

.home .site-content,
.front-page .site-content,
.page-template-page-yokuchi-home .site-content,
.page-template-page-blog .site-content,
.page-template-page-blog-php .site-content,
.yokuchi-blog-page .site-content {
	margin: 0;
	padding: 0;
}

.home .yokuchi-breadcrumbs,
.front-page .yokuchi-breadcrumbs,
.page-template-page-yokuchi-home .yokuchi-breadcrumbs,
.page-template-page-blog .yokuchi-breadcrumbs,
.page-template-page-blog-php .yokuchi-breadcrumbs,
.yokuchi-blog-page .yokuchi-breadcrumbs {
	display: none;
}

.home .site-header,
.front-page .site-header,
.page-template-page-yokuchi-home .site-header,
.page-template-page-blog .site-header,
.page-template-page-blog-php .site-header,
.yokuchi-blog-page .site-header {
	position: fixed !important;
	top: 0;
	background: transparent !important;
	border-bottom: 1px solid transparent !important;
	box-shadow: none;
}

.yokuchi-header-scrolled.home .site-header,
.yokuchi-header-scrolled.front-page .site-header,
.yokuchi-header-scrolled.page-template-page-yokuchi-home .site-header,
.yokuchi-header-scrolled.page-template-page-blog .site-header,
.yokuchi-header-scrolled.page-template-page-blog-php .site-header,
.yokuchi-header-scrolled.yokuchi-blog-page .site-header {
	background: rgba(255, 255, 255, 0.94) !important;
	border-bottom-color: rgba(20, 21, 21, 0.08) !important;
	box-shadow: 0 10px 30px rgba(20, 21, 21, 0.06);
}

body:not(.home):not(.front-page):not(.page-template-page-yokuchi-home):not(.page-template-page-blog):not(.page-template-page-blog-php):not(.yokuchi-blog-page) .site-header {
	position: fixed;
	top: 0;
	background: transparent;
	border-bottom: 1px solid transparent;
}

body.yokuchi-header-scrolled:not(.home):not(.front-page):not(.page-template-page-yokuchi-home):not(.page-template-page-blog):not(.page-template-page-blog-php):not(.yokuchi-blog-page) .site-header {
	background: #fff;
	border-bottom-color: rgba(20, 21, 21, 0.08);
}

.admin-bar .site-header {
	top: 32px;
}

@media (max-width: 782px) {
	.admin-bar .site-header {
		top: 46px;
	}
}

body:not(.home):not(.front-page):not(.page-template-page-yokuchi-home):not(.page-template-page-blog):not(.page-template-page-blog-php):not(.yokuchi-blog-page) .site-main.ast-container {
	width: min(calc(100% - 80px), 1200px);
	margin-right: auto;
	margin-left: auto;
	padding-top: 56px;
	padding-bottom: 88px;
}

@media (max-width: 781px) {
	body:not(.home):not(.front-page):not(.page-template-page-yokuchi-home):not(.page-template-page-blog):not(.page-template-page-blog-php):not(.yokuchi-blog-page) .site-main.ast-container {
		width: calc(100% - 32px);
		padding-top: 36px;
		padding-bottom: 56px;
	}
}

.yokuchi-front-main {
	margin: 0;
	padding: 0;
}

.yokuchi-home {
	--home-width: 1442px;
	margin: 0;
	background: transparent;
	color: #2b2b2b;
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.yokuchi-home .alignwide {
	width: min(calc(100% - 48px), var(--home-width)) !important;
	max-width: var(--home-width) !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.yokuchi-home-hero {
	min-height: 800px !important;
	background: #f3f1ee;
}

.yokuchi-home-hero .wp-block-cover__image-background {
	object-fit: cover;
	object-position: center bottom;
}

.yokuchi-home-hero-copy {
	max-width: 720px !important;
	padding-top: 220px;
	margin-inline: auto !important;
}

.yokuchi-home-hero-title,
.yokuchi-home-section-title {
	margin: 0;
	color: #141515;
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 0.34em;
	line-height: 1.2;
	text-transform: uppercase;
}

.yokuchi-home-hero-subtitle {
	margin: 16px 0 0;
	color: #2b2b2b;
	font-size: 14px;
	line-height: 1.45;
}

.yokuchi-home .wp-block-buttons {
	margin-top: 26px;
}

.yokuchi-home-button .wp-block-button__link,
.yokuchi-home-product-link,
.yokuchi-home-form button {
	min-width: 258px;
	min-height: 47px;
	border: 1px solid #141515;
	border-radius: 0;
	background: transparent;
	color: #2b2b2b;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 24px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.18em;
	line-height: 1;
	text-transform: uppercase;
	text-decoration: none;
}

.yokuchi-home-button .wp-block-button__link::after,
.yokuchi-home-product-link::after,
.yokuchi-home-more::after,
.yokuchi-home-form button::after {
	content: "  \2192";
	color: #e31e24;
	letter-spacing: 0;
}

.yokuchi-home-section {
	padding: 0 0 126px;
}

.yokuchi-home-intro {
	position: relative;
	padding-top: 186px;
}

.yokuchi-home-intro::before {
	content: "洋";
	position: absolute;
	top: 18px;
	left: 50%;
	z-index: 0;
	transform: translateX(-50%);
	color: #f0f0f0;
	font-size: 240px;
	font-weight: 700;
	line-height: 1;
}

.yokuchi-home-intro > .wp-block-group {
	position: relative;
	z-index: 1;
}

.yokuchi-home-section-title::after {
	content: "";
	display: block;
	width: 61px;
	height: 2px;
	margin-top: 28px;
	background: #e31e24;
}

.yokuchi-home-copy {
	max-width: 940px;
	margin: 28px 0 0;
	color: #6e6e6e;
	font-size: 14px;
	line-height: 1.55;
}

.yokuchi-home-intro-photos {
	gap: 20px;
	margin-top: 78px;
}

.yokuchi-home-intro-photos figure,
.yokuchi-home-product figure,
.yokuchi-home-feature-image,
.yokuchi-home-side-image {
	margin: 0;
}

.yokuchi-home-intro-photos img {
	width: 100%;
	aspect-ratio: 467 / 294;
	object-fit: cover;
}

.yokuchi-home-products {
	padding-top: 48px;
}

.yokuchi-home-products > .alignwide:first-child {
	display: flex !important;
	align-items: flex-end;
	justify-content: space-between;
}

.yokuchi-home-more {
	margin: 0;
	color: #2b2b2b;
	font-family: Inter, sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	letter-spacing: 2px;
	text-transform: uppercase;
	white-space: nowrap;
}

.yokuchi-home-product-grid {
	gap: 32px;
	margin-top: 54px;
}

.yokuchi-home-product img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: contain;
	padding: 28px;
	background: #fff;
}

.yokuchi-home-product > p:not(.yokuchi-home-product-link) {
	min-height: 44px;
	margin: 21px 0 15px;
	color: #2b2b2b;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.35;
}

.yokuchi-home-product-link {
	border: 0;
	min-width: 100%;
	margin: 0;
}

.yokuchi-home-inspire {
	padding-top: 34px;
	overflow: hidden;
}

.yokuchi-home-inspire-layout {
	align-items: flex-start;
	gap: 28px;
	margin-top: 70px;
}

.yokuchi-home-feature-image img {
	width: 100%;
	aspect-ratio: 950 / 510;
	object-fit: cover;
}

.yokuchi-home-side-image img {
	width: 420px;
	max-width: none;
	aspect-ratio: 420 / 510;
	object-fit: cover;
}

.yokuchi-home-caption {
	margin: 18px 0 0;
	color: #2b2b2b;
	font-size: 14px;
	font-weight: 700;
}

.yokuchi-home-b2b {
	min-height: 537px !important;
}

.yokuchi-home-b2b .wp-block-cover__image-background {
	width: 52% !important;
	left: auto !important;
	right: 0 !important;
	object-fit: contain;
	object-position: right bottom;
}

.yokuchi-home-b2b .wp-block-cover__inner-container {
	padding-top: 128px;
}

.yokuchi-home-b2b .yokuchi-home-copy {
	max-width: 560px;
}

.yokuchi-home-contact {
	padding-top: 170px;
	padding-bottom: 155px;
	background: #faf9f7;
}

.yokuchi-home-contact-layout {
	gap: 96px;
}

.yokuchi-home-contact-line {
	position: relative;
	margin-top: 28px;
	padding-left: 36px;
	color: #6e6e6e;
	font-size: 13px;
	line-height: 1.45;
}

.yokuchi-home-contact-line strong {
	color: #2b2b2b;
	font-size: 14px;
}

.yokuchi-home-form {
	display: grid;
	gap: 15px;
}

.yokuchi-home-form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
}

.yokuchi-home-form input,
.yokuchi-home-form textarea {
	box-sizing: border-box;
	width: 100%;
	min-height: 47px;
	border: 1px solid #d8d8d8;
	border-radius: 0;
	background: #fff;
	color: #2b2b2b;
	font: inherit;
	padding: 0 16px;
}

.yokuchi-home-form textarea {
	min-height: 166px;
	padding-top: 14px;
	resize: vertical;
}

.yokuchi-home-form label {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	color: #8a8a8a;
	font-size: 12px;
	line-height: 1.35;
}

.yokuchi-home-form label input {
	width: 16px;
	min-height: 16px;
	margin-top: 1px;
	padding: 0;
}

.yokuchi-home-form button {
	width: 260px;
	cursor: pointer;
}

@media (max-width: 781px) {
	.yokuchi-home .alignwide {
		width: calc(100% - 32px) !important;
	}

	.yokuchi-home-hero {
		min-height: 170px !important;
	}

	.yokuchi-home-hero-copy {
		max-width: 270px !important;
		padding-top: 54px;
	}

	.yokuchi-home-hero-title,
	.yokuchi-home-section-title {
		font-size: 16px;
		letter-spacing: 0.34em;
		line-height: 1.45;
	}

	.yokuchi-home-hero-title {
		letter-spacing: 0.42em;
	}

	.yokuchi-home-hero-subtitle {
		margin-top: 8px;
		font-size: 10px;
		line-height: 1.25;
	}

	.yokuchi-home-button .wp-block-button__link,
	.yokuchi-home-form button {
		width: 100%;
		min-width: 0;
		min-height: 43px;
		font-size: 10px;
	}

	.yokuchi-home-section {
		padding-bottom: 52px;
	}

	.yokuchi-home-intro {
		padding-top: 45px;
	}

	.yokuchi-home-intro::before {
		top: -6px;
		font-size: 96px;
	}

	.yokuchi-home-section-title::after {
		width: 50px;
		margin-top: 14px;
	}

	.yokuchi-home-copy {
		margin-top: 19px;
		font-size: 12px;
		line-height: 1.45;
	}

	.yokuchi-home-intro-photos {
		display: flex !important;
		width: calc(100vw - 16px);
		gap: 10px;
		margin-top: 30px;
		overflow-x: auto;
	}

	.yokuchi-home-intro-photos .wp-block-column {
		flex: 0 0 292px;
	}

	.yokuchi-home-products {
		padding-top: 0;
	}

	.yokuchi-home-products > .alignwide:first-child {
		display: block !important;
	}

	.yokuchi-home-products > .alignwide:first-child .yokuchi-home-more {
		display: none;
	}

	.yokuchi-home-product-grid {
		display: grid !important;
		grid-template-columns: 1fr;
		gap: 12px;
		margin-top: 25px;
	}

	.yokuchi-home-product {
		display: grid;
		grid-template-columns: 108px minmax(0, 1fr);
		column-gap: 18px;
		align-items: center;
		padding: 12px;
		background: transparent;
	}

	.yokuchi-home-product figure {
		grid-row: span 2;
	}

	.yokuchi-home-product img {
		padding: 8px;
	}

	.yokuchi-home-product > p:not(.yokuchi-home-product-link) {
		min-height: 0;
		margin: 0;
		font-size: 13px;
	}

	.yokuchi-home-product-link {
		min-height: 0;
		min-width: 0;
		border: 0;
		justify-content: flex-start;
		margin-top: 14px;
		font-size: 10px;
	}

	.yokuchi-home-product-grid::after {
		content: "ZOBACZ WIECEJ  \2192";
		min-height: 43px;
		border: 1px solid #141515;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #2b2b2b;
		font-size: 10px;
		font-weight: 700;
		letter-spacing: 0.18em;
		text-transform: uppercase;
	}

	.yokuchi-home-inspire {
		padding-top: 0;
	}

	.yokuchi-home-inspire-layout {
		display: block !important;
		margin-top: 28px;
	}

	.yokuchi-home-inspire-layout .wp-block-column:first-child {
		margin-bottom: 24px;
	}

	.yokuchi-home-inspire-layout .wp-block-column:last-child {
		display: none;
	}

	.yokuchi-home-feature-image img {
		aspect-ratio: 343 / 210;
	}

	.yokuchi-home-caption {
		font-size: 12px;
	}

	.yokuchi-home-b2b {
		min-height: 438px !important;
	}

	.yokuchi-home-b2b .wp-block-cover__inner-container {
		padding-top: 52px;
	}

	.yokuchi-home-b2b .wp-block-cover__image-background {
		width: 100% !important;
		height: 185px !important;
		top: auto !important;
		bottom: 0 !important;
		object-position: center bottom;
	}

	.yokuchi-home-contact {
		padding-top: 54px;
		padding-bottom: 54px;
	}

	.yokuchi-home-contact-layout {
		display: block !important;
	}

	.yokuchi-home-contact-line {
		margin-top: 22px;
		font-size: 12px;
	}

	.yokuchi-home-form {
		margin-top: 34px;
		gap: 10px;
	}

	.yokuchi-home-form-row {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.yokuchi-home-form input {
		min-height: 43px;
	}

	.yokuchi-home-form textarea {
		min-height: 120px;
	}
}

@media (max-width: 480px) {
	body.home,
	body.front-page,
	body.page-template-page-yokuchi-home {
		background: #fbfaf8;
	}

	.home .site-header,
	.front-page .site-header,
	.page-template-page-yokuchi-home .site-header {
		min-height: 43px;
	}

	.yokuchi-home .alignwide {
		width: calc(100% - 35px) !important;
	}

	.yokuchi-home-hero {
		min-height: 188px !important;
		height: auto;
		padding: 0 !important;
	}

	.yokuchi-home-hero .wp-block-cover__image-background {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center bottom;
	}

	.yokuchi-home-hero-copy {
		max-width: 290px !important;
		padding-top: 54px;
	}

	.yokuchi-home-hero-title {
		font-size: 14px;
		letter-spacing: 0.45em;
		line-height: 1.55;
	}

	.yokuchi-home-hero-subtitle {
		max-width: 230px;
		margin: 7px auto 0;
		font-size: 9px;
		line-height: 1.3;
	}

	.yokuchi-home .wp-block-buttons {
		margin-top: 15px;
	}

	.yokuchi-home-button .wp-block-button__link,
	.yokuchi-home-form button {
		min-height: 39px;
		border-color: #777;
		font-size: 9px;
		letter-spacing: 0.18em;
	}

	.yokuchi-home-section {
		padding-bottom: 46px;
	}

	.yokuchi-home-intro {
		padding-top: 43px;
	}

	.yokuchi-home-intro::before {
		top: -16px;
		color: #f1f1f0;
		font-size: 108px;
	}

	.yokuchi-home-section-title {
		font-size: 14px;
		letter-spacing: 0.38em;
		line-height: 1.75;
	}

	.yokuchi-home-section-title::after {
		width: 46px;
		height: 1px;
		margin-top: 9px;
	}

	.yokuchi-home-copy {
		margin-top: 17px;
		color: #777;
		font-size: 11px;
		line-height: 1.55;
	}

	.yokuchi-home-intro-photos {
		width: calc(100vw - 18px);
		gap: 9px;
		margin-top: 30px;
		padding-bottom: 2px;
		scrollbar-width: none;
	}

	.yokuchi-home-intro-photos::-webkit-scrollbar {
		display: none;
	}

	.yokuchi-home-intro-photos .wp-block-column {
		flex-basis: 288px;
	}

	.yokuchi-home-products {
		padding-top: 4px;
	}

	.yokuchi-home-product-grid {
		gap: 9px;
		margin-top: 22px;
	}

	.yokuchi-home-product {
		grid-template-columns: 104px minmax(0, 1fr);
		column-gap: 15px;
		min-height: 98px;
		padding: 10px 12px;
		background: #fff;
		box-shadow: 0 1px 0 rgba(20, 21, 21, 0.03);
	}

	.yokuchi-home-product img {
		aspect-ratio: 1;
		padding: 4px;
		background: #fff;
	}

	.yokuchi-home-product > p:not(.yokuchi-home-product-link) {
		align-self: end;
		font-size: 11px;
		font-weight: 700;
		line-height: 1.35;
	}

	.yokuchi-home-product-link {
		align-self: start;
		margin-top: 11px;
		font-size: 9px;
		letter-spacing: 0.12em;
	}

	.yokuchi-home-product-grid::after,
	.yokuchi-home-inspire .yokuchi-home-more {
		min-height: 39px;
		border-color: #777;
		font-size: 9px;
		letter-spacing: 0.18em;
	}

	.yokuchi-home-inspire {
		padding-top: 0;
	}

	.yokuchi-home-inspire-layout {
		margin-top: 25px;
	}

	.yokuchi-home-inspire-layout .wp-block-column:first-child {
		margin-bottom: 22px;
	}

	.yokuchi-home-feature-image img {
		aspect-ratio: 343 / 210;
	}

	.yokuchi-home-caption {
		margin-top: 11px;
		font-size: 10px;
		line-height: 1.35;
	}

	.yokuchi-home-inspire .yokuchi-home-more {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 24px;
		border: 1px solid #777;
		color: #2b2b2b;
		font-weight: 700;
		text-decoration: none;
	}

	.yokuchi-home-b2b {
		min-height: 418px !important;
		background-color: #f3f1ee !important;
	}

	.yokuchi-home-b2b .wp-block-cover__inner-container {
		padding-top: 44px;
	}

	.yokuchi-home-b2b .wp-block-cover__image-background {
		height: 151px !important;
		object-fit: contain;
		object-position: center bottom;
	}

	.yokuchi-home-contact {
		padding-top: 50px;
		padding-bottom: 46px;
	}

	.yokuchi-home-contact-line {
		margin-top: 20px;
		padding-left: 32px;
		font-size: 10px;
		line-height: 1.45;
	}

	.yokuchi-home-contact-line strong {
		font-size: 11px;
	}

	.yokuchi-home-form {
		margin-top: 32px;
		gap: 9px;
	}

	.yokuchi-home-form input,
	.yokuchi-home-form textarea {
		min-height: 39px;
		padding-inline: 13px;
		border-color: #d9d9d9;
		font-size: 10px;
	}

	.yokuchi-home-form textarea {
		min-height: 120px;
		padding-top: 12px;
	}

	.yokuchi-home-form label {
		margin: 3px 0 5px;
		font-size: 9px;
		line-height: 1.35;
	}
}