/*
Theme Name: Dailys Site
Theme URI: https://guoji2.lanchag.cn/
Author: Dailys
Description: Editable block theme for the Dailys OEM and ODM hygiene products website.
Version: 0.4.0
Requires at least: 6.7
Requires PHP: 7.4
Text Domain: dailys-site
*/

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	overflow-x: hidden;
}

:root {
	--dailys-page-gutter: 28px;
	--dailys-page-max: 1440px;
	--dailys-section-space: 104px;
	--dailys-border: #dfe1ea;
	--dailys-muted: #5d6072;
	--dailys-shadow: 0 18px 50px rgba(23, 25, 47, 0.12);
}

* {
	box-sizing: border-box;
}

.has-brand-blue-background-color {
	background-color: #25298b !important;
}

.has-brand-red-background-color {
	background-color: #ed111c !important;
}

.has-ink-background-color {
	background-color: #17192f !important;
}

.has-paper-color {
	color: #ffffff !important;
}

a {
	text-underline-offset: 0.18em;
}

.dailys-container {
	width: min(calc(100% - (2 * var(--dailys-page-gutter))), var(--dailys-page-max));
	max-width: none;
	margin-inline: auto;
}

.dailys-announcement {
	min-height: 38px;
	display: flex;
	align-items: center;
	font-size: 13px;
	font-weight: 700;
}

.dailys-announcement p {
	margin: 0;
}

.dailys-header {
	position: relative;
	z-index: 20;
	border-bottom: 1px solid var(--dailys-border);
	background: #fff;
}

.dailys-header-main {
	min-height: 84px;
}

.dailys-header .wp-block-site-title {
	margin: 0;
	font-size: 26px;
	font-weight: 800;
}

.dailys-header .custom-logo,
.dailys-footer .custom-logo {
	width: 150px;
	height: auto;
	display: block;
}

.dailys-header .wp-block-navigation-item__content {
	font-size: 15px;
	font-weight: 650;
	text-decoration: none;
}

.wp-block-button__link {
	min-height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 24px;
	transition: transform 160ms ease, background-color 160ms ease, color 160ms ease;
}

.wp-block-button__link:hover {
	transform: translateY(-2px);
}

.wp-block-button__link:focus-visible,
.wp-block-navigation-item__content:focus-visible {
	outline: 3px solid #ed111c;
	outline-offset: 3px;
}

.dailys-hero {
	width: min(calc(100% - (2 * var(--dailys-page-gutter))), var(--dailys-page-max));
	min-height: min(680px, calc(100svh - 166px)) !important;
	margin: 24px auto 0;
	border-radius: 18px;
	overflow: hidden;
}

.dailys-hero .wp-block-cover__background {
	opacity: 0.66;
}

.dailys-hero-copy {
	width: min(100%, 800px);
	margin-left: 0 !important;
}

.dailys-eyebrow {
	margin-bottom: 18px;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
}

.dailys-hero h1 {
	max-width: 780px;
	margin-top: 0;
	margin-bottom: 24px;
	font-size: 64px;
}

.dailys-hero-lede {
	max-width: 690px;
	font-size: 20px;
}

.dailys-hero .wp-block-buttons {
	margin-top: 32px;
}

.dailys-hero .wp-block-button:not(.is-style-outline) .wp-block-button__link {
	background-color: #ed111c;
	color: #ffffff;
}

.dailys-hero .is-style-outline .wp-block-button__link {
	border: 2px solid #ffffff;
	color: #ffffff;
}

.dailys-proof {
	padding: 40px 0;
	border-bottom: 1px solid var(--dailys-border);
}

.dailys-proof .wp-block-columns {
	margin-bottom: 0;
}

.dailys-metric {
	min-height: 92px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 26px;
	border-left: 1px solid var(--dailys-border);
}

.dailys-metric:first-child {
	border-left: 0;
}

.dailys-metric strong {
	display: block;
	font-size: 30px;
	line-height: 1.1;
	color: #25298b;
}

.dailys-metric p {
	margin: 8px 0 0;
	color: var(--dailys-muted);
}

.dailys-section {
	padding: var(--dailys-section-space) 0;
}

.dailys-section-heading {
	max-width: 820px;
	margin-bottom: 48px;
}

.dailys-section-heading h2 {
	margin-top: 0;
	margin-bottom: 16px;
	font-size: 46px;
}

.dailys-section-heading p {
	font-size: 18px;
	color: var(--dailys-muted);
}

.dailys-categories .wp-block-columns,
.dailys-oem-grid,
.dailys-markets .wp-block-columns {
	gap: 24px;
}

.dailys-category {
	position: relative;
	margin: 0;
}

.dailys-category figure {
	margin: 0 0 24px;
	border-radius: 8px;
	overflow: hidden;
	background: #f4f5fa;
}

.dailys-category img {
	width: 100%;
	height: 520px;
	display: block;
	object-fit: cover;
}

.dailys-category h3 {
	margin: 0 0 10px;
	font-size: 26px;
}

.dailys-category p {
	color: var(--dailys-muted);
}

.dailys-category a {
	font-weight: 800;
	color: #25298b;
}

.dailys-oem {
	background: #f4f5fa;
}

.dailys-oem-grid > .wp-block-column {
	padding: 26px 0;
	border-top: 1px solid #cfd2df;
}

.dailys-oem-grid h3 {
	margin: 0 0 10px;
	font-size: 21px;
}

.dailys-oem-grid p {
	margin: 0;
	color: var(--dailys-muted);
}

.dailys-certifications {
	background: #25298b;
	color: #fff;
}

.dailys-certifications .dailys-section-heading p {
	color: #e1e3ff;
}

.dailys-cert-list {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.dailys-cert-list p {
	margin: 0;
	padding: 22px 18px;
	border: 1px solid rgba(255, 255, 255, 0.34);
	border-radius: 8px;
	font-size: 17px;
	font-weight: 750;
	text-align: center;
}

.dailys-market {
	padding-top: 22px;
	border-top: 3px solid #ed111c;
}

.dailys-market h3 {
	margin: 0 0 8px;
	font-size: 20px;
}

.dailys-market p {
	margin: 0;
	color: var(--dailys-muted);
}

.dailys-factory {
	background: #f7e7e9;
}

.dailys-factory .wp-block-columns {
	gap: 64px;
	align-items: center !important;
}

.dailys-factory figure {
	margin: 0;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: var(--dailys-shadow);
}

.dailys-factory img {
	width: 100%;
	height: 520px;
	object-fit: cover;
}

.dailys-factory h2 {
	font-size: 46px;
}

.dailys-factory-list {
	padding-left: 20px;
}

.dailys-factory-list li {
	margin-bottom: 10px;
}

.dailys-final-cta {
	padding: 92px 0;
	background: #17192f;
	color: #fff;
}

.dailys-final-cta h2 {
	max-width: 900px;
	margin-top: 0;
	font-size: 48px;
}

.dailys-final-cta p {
	max-width: 720px;
	color: #dfe1ea;
}

.dailys-catalog-hero {
	padding: 68px 0 58px;
}

.dailys-catalog-hero .woocommerce-breadcrumb,
.dailys-product-main .woocommerce-breadcrumb {
	margin-bottom: 26px;
	font-size: 14px;
	color: var(--dailys-muted);
}

.dailys-catalog-hero h1 {
	max-width: 920px;
	margin: 0;
	font-size: 56px;
}

.dailys-catalog-hero .term-description {
	max-width: 760px;
	margin-top: 18px;
	font-size: 18px;
	color: var(--dailys-muted);
}

.dailys-catalog-content {
	padding-top: 46px;
	padding-bottom: 104px;
}

.dailys-catalog-tools {
	min-height: 52px;
	margin-bottom: 28px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--dailys-border);
}

.dailys-catalog-tools p {
	margin: 0;
}

.dailys-catalog-tools select {
	min-height: 44px;
	padding: 8px 38px 8px 14px;
	border: 1px solid #b8bbc9;
	border-radius: 4px;
	background-color: #fff;
	color: #17192f;
}

.dailys-product-grid ul.wc-block-product-template {
	gap: 48px 24px;
}

.dailys-product-grid .wc-block-product {
	text-align: left;
}

.dailys-product-grid .wc-block-components-product-image,
.dailys-product-grid .wc-block-grid__product-image {
	margin-bottom: 20px;
	border-radius: 8px;
	overflow: hidden;
	background: #f4f5fa;
}

.dailys-product-grid .wc-block-components-product-image img,
.dailys-product-grid .wc-block-grid__product-image img {
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
}

.dailys-product-grid .wp-block-woocommerce-product-title,
.dailys-product-grid .wc-block-components-product-title {
	margin: 0 0 10px;
	font-size: 22px;
	line-height: 1.25;
}

.dailys-product-grid .wp-block-woocommerce-product-summary {
	color: var(--dailys-muted);
}

.dailys-product-main {
	padding-top: 34px;
	padding-bottom: 104px;
}

.dailys-product-columns {
	gap: 64px;
	align-items: flex-start !important;
	margin-top: 20px;
	margin-bottom: 72px;
}

.dailys-product-main .woocommerce-product-gallery,
.dailys-product-main .wp-block-woocommerce-product-image-gallery {
	border-radius: 8px;
	overflow: hidden;
	background: #f4f5fa;
}

.dailys-product-summary {
	position: sticky;
	top: 24px;
	padding: 34px 0;
}

.dailys-product-summary h1 {
	margin: 0 0 24px;
	font-size: 48px;
}

.dailys-product-summary .wp-block-post-excerpt {
	font-size: 18px;
	color: var(--dailys-muted);
}

.dailys-product-summary .wp-block-woocommerce-product-meta {
	margin: 26px 0;
	padding: 18px 0;
	border-top: 1px solid var(--dailys-border);
	border-bottom: 1px solid var(--dailys-border);
}

.dailys-product-quote .wp-block-button__link {
	width: 100%;
	min-height: 56px;
	background: #ed111c;
	color: #fff;
	text-decoration: none;
}

.dailys-quote-note {
	margin-top: 14px;
	font-size: 14px;
	color: var(--dailys-muted);
}

.dailys-related-products {
	margin-top: 72px;
	padding-top: 64px;
	border-top: 1px solid var(--dailys-border);
}

.dailys-landing-page > .wp-block-post-content,
.dailys-landing-page > .wp-block-post-content > *:first-child {
	margin-top: 0;
}

.dailys-page-hero {
	width: min(calc(100% - (2 * var(--dailys-page-gutter))), var(--dailys-page-max));
	margin: 24px auto 0;
	border-radius: 18px;
	overflow: hidden;
}

.dailys-page-hero-copy {
	width: 100%;
}

.dailys-page-hero-copy > * {
	max-width: 820px;
	margin-left: 0 !important;
}

.dailys-page-hero h1,
.dailys-document-hero h1 {
	margin-top: 0;
	margin-bottom: 24px;
	font-size: 58px;
}

.dailys-page-lede {
	max-width: 760px;
	font-size: 20px;
	color: var(--dailys-muted);
}

.wp-block-cover.dailys-page-hero .dailys-page-lede {
	color: #fff;
}

.dailys-fact-band {
	padding: 38px 0;
	border-bottom: 1px solid var(--dailys-border);
}

.dailys-fact-band .wp-block-columns {
	margin-bottom: 0;
}

.dailys-fact {
	padding: 6px 26px;
	border-left: 1px solid var(--dailys-border);
}

.dailys-fact:first-child {
	border-left: 0;
}

.dailys-fact h2 {
	margin: 0;
	font-size: 34px;
	color: #25298b;
}

.dailys-fact p {
	margin: 8px 0 0;
	color: var(--dailys-muted);
}

.dailys-split {
	gap: 72px;
}

.dailys-split h2,
.dailys-contact-brief h2 {
	margin-top: 0;
	font-size: 44px;
}

.dailys-split p,
.dailys-split li {
	color: var(--dailys-muted);
}

.dailys-split figure {
	margin: 0;
	border-radius: 8px;
	overflow: hidden;
}

.dailys-split figure img {
	width: 100%;
	min-height: 470px;
	display: block;
	object-fit: cover;
}

.dailys-factory-gallery {
	gap: 24px;
}

.dailys-factory-gallery figure {
	margin: 0 0 18px;
	border-radius: 8px;
	overflow: hidden;
}

.dailys-factory-gallery img {
	width: 100%;
	height: 430px;
	display: block;
	object-fit: cover;
}

.dailys-factory-gallery h3 {
	margin: 0;
	font-size: 22px;
}

.dailys-process {
	gap: 16px;
	margin-bottom: 16px;
}

.dailys-process-last {
	margin-bottom: 0;
}

.dailys-process-step {
	min-height: 240px;
	padding: 26px;
	border: 1px solid var(--dailys-border);
	border-top: 4px solid #25298b;
	border-radius: 8px;
	background: #fff;
}

.dailys-step-number {
	margin: 0 0 32px;
	font-weight: 800;
	color: #ed111c;
}

.dailys-process-step h3 {
	margin: 0 0 10px;
	font-size: 22px;
}

.dailys-process-step p:last-child {
	margin-bottom: 0;
	color: var(--dailys-muted);
}

.dailys-document-grid {
	gap: 28px;
}

.dailys-document {
	padding: 28px;
	border: 1px solid var(--dailys-border);
	border-radius: 8px;
	background: #fff;
}

.dailys-document figure {
	margin: 0 0 30px;
	border: 1px solid var(--dailys-border);
	background: #f4f5fa;
}

.dailys-document img {
	width: 100%;
	height: 500px;
	display: block;
	object-fit: contain;
}

.dailys-document h2 {
	font-size: 32px;
}

.dailys-document p:last-child {
	color: var(--dailys-muted);
}

.dailys-scope-note {
	margin-top: 38px;
	padding: 26px 30px;
	border-left: 4px solid #ed111c;
	background: #f4f5fa;
}

.dailys-scope-note h3,
.dailys-scope-note p {
	margin-top: 0;
}

.dailys-contact-grid {
	gap: 18px;
	margin-bottom: 56px;
}

.dailys-contact-channel {
	min-height: 210px;
	padding: 26px;
	border: 1px solid var(--dailys-border);
	border-radius: 8px;
}

.dailys-contact-channel h2 {
	margin-top: 0;
	font-size: 26px;
}

.dailys-contact-channel a {
	font-weight: 750;
	color: #25298b;
}

.dailys-location-grid {
	gap: 48px;
	padding-top: 40px;
	border-top: 1px solid var(--dailys-border);
}

.dailys-location-grid h3 {
	margin-top: 0;
	font-size: 24px;
}

.dailys-location-grid p {
	max-width: 620px;
	color: var(--dailys-muted);
}

.dailys-contact-brief ul {
	margin-top: 0;
	padding-left: 20px;
}

.dailys-contact-brief li {
	margin-bottom: 9px;
}

.dailys-contact-brief .wp-block-buttons {
	margin-top: 26px;
}

.dailys-inquiry-layout {
	gap: 72px;
	align-items: flex-start !important;
}

.dailys-inquiry-layout h2 {
	margin-top: 0;
	font-size: 42px;
}

.dailys-inquiry-layout > .wp-block-column:first-child > p:last-child {
	color: var(--dailys-muted);
}

.dailys-inquiry-form-wrap {
	padding: 32px;
	border: 1px solid var(--dailys-border);
	border-radius: 8px;
	background: #fff;
}

.dailys-form-status:not(:empty) {
	margin-bottom: 24px;
	padding: 14px 16px;
	border-left: 4px solid #25298b;
	background: #f4f5fa;
	font-weight: 700;
}

.dailys-form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.dailys-inquiry-form p {
	margin: 0 0 20px;
}

.dailys-inquiry-form label {
	display: block;
	margin-bottom: 7px;
	font-size: 14px;
	font-weight: 750;
}

.dailys-inquiry-form input,
.dailys-inquiry-form textarea {
	width: 100%;
	min-height: 48px;
	padding: 11px 13px;
	border: 1px solid #a9adbd;
	border-radius: 4px;
	background: #fff;
	color: #17192f;
	font: inherit;
}

.dailys-inquiry-form textarea {
	min-height: 170px;
	resize: vertical;
}

.dailys-inquiry-form input:focus,
.dailys-inquiry-form textarea:focus {
	border-color: #25298b;
	outline: 3px solid rgba(37, 41, 139, 0.18);
	outline-offset: 1px;
}

.dailys-inquiry-form button {
	border: 0;
	background: #ed111c;
	color: #fff;
	font-weight: 800;
	cursor: pointer;
}

.dailys-inquiry-form button:hover {
	transform: translateY(-2px);
}

.dailys-form-note {
	font-size: 13px;
	color: var(--dailys-muted);
}

.dailys-honeypot {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.dailys-editorial-notice {
	padding: 18px 20px;
	border-left: 4px solid #ed111c;
	background: #f4f5fa;
}

.dailys-record-list {
	padding-top: 64px;
	padding-bottom: 104px;
}

.dailys-post-grid {
	gap: 40px 24px;
}

.dailys-post-grid > li {
	margin: 0;
}

.dailys-post-grid .wp-block-post-featured-image {
	margin-bottom: 18px;
	border-radius: 8px;
	overflow: hidden;
	background: #f4f5fa;
}

.dailys-post-grid .wp-block-post-title {
	margin: 0 0 10px;
	font-size: 24px;
}

.dailys-post-grid .wp-block-post-excerpt {
	color: var(--dailys-muted);
}

.dailys-single-record,
.dailys-article {
	padding-top: 72px;
	padding-bottom: 104px;
}

.dailys-single-record > .wp-block-post-title,
.dailys-article > .wp-block-post-title {
	margin-top: 0;
	font-size: 54px;
}

.dailys-single-record > .wp-block-post-featured-image,
.dailys-article > .wp-block-post-featured-image {
	margin: 38px 0;
	border-radius: 8px;
	overflow: hidden;
}

.dailys-article-meta {
	color: var(--dailys-muted);
}

.dailys-single-record .dailys-final-cta,
.dailys-article .dailys-final-cta {
	width: 100vw;
	margin-top: 72px;
	margin-left: calc(50% - 50vw);
}

.dailys-footer {
	padding: 72px 0 32px;
}

.dailys-footer-grid {
	gap: 48px;
}

.dailys-footer h3 {
	margin-top: 0;
	font-size: 18px;
}

.dailys-footer p,
.dailys-footer a {
	color: #dfe1ea;
}

.dailys-footer-bottom {
	margin-top: 44px;
	padding-top: 24px;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

@media (max-width: 1024px) {
	:root {
		--dailys-section-space: 80px;
	}

	.dailys-header-main {
		min-height: 74px;
	}

	.dailys-hero h1 {
		font-size: 48px;
	}

	.dailys-category img,
	.dailys-factory img {
		height: 420px;
	}

	.dailys-product-columns {
		gap: 40px;
	}

	.dailys-product-summary h1 {
		font-size: 40px;
	}

	.dailys-cert-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dailys-page-hero h1,
	.dailys-document-hero h1 {
		font-size: 48px;
	}

	.dailys-split {
		gap: 44px;
	}

	.dailys-inquiry-layout {
		gap: 40px;
	}

	.dailys-factory-gallery img {
		height: 360px;
	}

	.dailys-process {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dailys-process-step {
		min-height: 220px;
	}
}

@media (max-width: 781px) {
	:root {
		--dailys-page-gutter: 16px;
		--dailys-section-space: 64px;
	}

	.dailys-announcement {
		min-height: 34px;
		font-size: 12px;
	}

	.dailys-header-main {
		min-height: 68px;
	}

	.dailys-header .custom-logo {
		width: 116px;
	}

	.dailys-header .wp-block-site-title {
		font-size: 22px;
		white-space: nowrap;
	}

	.dailys-header .wp-block-buttons {
		display: none;
	}

	.dailys-hero {
		min-height: min(620px, calc(100svh - 126px)) !important;
		margin-top: 12px;
		border-radius: 12px;
	}

	.dailys-hero h1 {
		font-size: 40px;
	}

	.dailys-hero-lede {
		font-size: 17px;
	}

	.dailys-proof .wp-block-columns {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0;
	}

	.dailys-metric,
	.dailys-metric:first-child {
		padding: 18px 12px;
		border-top: 1px solid var(--dailys-border);
		border-left: 0;
	}

	.dailys-section-heading h2,
	.dailys-factory h2,
	.dailys-final-cta h2 {
		font-size: 36px;
	}

	.dailys-category img,
	.dailys-factory img {
		height: 360px;
	}

	.dailys-factory .wp-block-columns {
		gap: 36px;
	}

	.dailys-catalog-hero {
		padding: 46px 0 40px;
	}

	.dailys-catalog-hero h1 {
		font-size: 40px;
	}

	.dailys-catalog-content,
	.dailys-product-main {
		padding-bottom: 72px;
	}

	.dailys-product-columns {
		gap: 24px;
		margin-bottom: 52px;
	}

	.dailys-product-summary {
		position: static;
		padding-top: 12px;
	}

	.dailys-product-summary h1 {
		font-size: 36px;
	}

	.dailys-page-hero {
		margin-top: 12px;
		border-radius: 12px;
	}

	.dailys-page-hero h1,
	.dailys-document-hero h1 {
		font-size: 38px;
	}

	.dailys-page-lede {
		font-size: 17px;
	}

	.dailys-fact-band .wp-block-columns {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dailys-fact,
	.dailys-fact:first-child {
		padding: 18px 12px;
		border-top: 1px solid var(--dailys-border);
		border-left: 0;
	}

	.dailys-split h2,
	.dailys-contact-brief h2 {
		font-size: 36px;
	}

	.dailys-split figure img {
		min-height: 360px;
	}

	.dailys-factory-gallery img {
		height: 320px;
	}

	.dailys-document img {
		height: 400px;
	}

	.dailys-contact-grid {
		margin-bottom: 36px;
	}

	.dailys-contact-channel {
		min-height: auto;
	}

	.dailys-inquiry-layout h2 {
		font-size: 36px;
	}

	.dailys-inquiry-form-wrap {
		padding: 24px;
	}

	.dailys-record-list,
	.dailys-single-record,
	.dailys-article {
		padding-top: 48px;
		padding-bottom: 72px;
	}

	.dailys-single-record > .wp-block-post-title,
	.dailys-article > .wp-block-post-title {
		font-size: 40px;
	}
}

@media (max-width: 520px) {
	.dailys-hero h1 {
		font-size: 34px;
	}

	.dailys-cert-list {
		grid-template-columns: 1fr;
	}

	.dailys-category img,
	.dailys-factory img {
		height: 320px;
	}

	.dailys-page-hero h1,
	.dailys-document-hero h1 {
		font-size: 34px;
	}

	.dailys-process {
		grid-template-columns: 1fr;
	}

	.dailys-process-step {
		min-height: 0;
	}

	.dailys-document {
		padding: 18px;
	}

	.dailys-document img {
		height: 320px;
	}

	.dailys-form-grid {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.dailys-inquiry-form-wrap {
		padding: 18px;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}