/*
Theme Name: wayawa
Theme URI: https://www.wayawa.ai
Author: wanghero
Description: wayawa.ai 独立主题：在美华人的资讯与折扣，报纸风双板块首页。按 docs/design/homepage-2026-10-28 设计稿实现。
Version: 1.2.3
Requires at least: 6.5
Requires PHP: 8.1
License: GNU General Public License v2 or later
Text Domain: wayawa
*/

/* ---------- Token ---------- */
:root {
	--paper: #faf8f3;
	--ink: #1a1a1a;
	--t2: #444;
	--t3: #555;
	--t4: #666;
	--t5: #888;
	--line: #e2ddd2;
	--line2: #cfc8ba;
	--red: #b3261e;
	--green: #1f7a4d;
	--green-bg: #eef4ee;
	--green-line: #cfe0d2;
	--green-meta: #6b7d6f;
	--foot: #1a1a1a;
	--foot-text: #d8d4cb;
	--ph1: #e7e2d8;
	--ph2: #efebe3;
	--serif: 'Noto Serif SC', 'Songti SC', serif;
	--sans: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
	--mono: 'JetBrains Mono', Menlo, monospace;
	--shadow-menu: 0 8px 24px rgba(0, 0, 0, .08);
	--shadow-card: 0 4px 16px rgba(31, 122, 77, .15);
}

/* ---------- Base ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	background: var(--paper);
	color: var(--ink);
	font: 400 15px/1.6 var(--sans);
}
a { color: inherit; text-decoration: none; }
a:hover { color: var(--red); }
img { max-width: 100%; height: auto; display: block; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
h1, h2, h3, h4 { margin: 0; font-family: var(--serif); font-weight: 900; }
p { margin: 0; }
:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.wrap { max-width: 1280px; margin: 0 auto; background: var(--paper); }
.ph { background: repeating-linear-gradient(135deg, var(--ph1) 0 6px, var(--ph2) 6px 12px); }
.price { font: 700 22px var(--mono); color: var(--green); }

/* ---------- 顶条 ---------- */
.topbar {
	display: flex;
	justify-content: space-between;
	padding: 10px 40px;
	font-size: 13px;
	color: var(--t4);
	border-bottom: 1px solid var(--line);
}
.topbar-links { display: flex; gap: 20px; }

/* ---------- 刊头 ---------- */
.masthead { text-align: center; padding: 28px 40px 20px; }
.masthead-title { font: 900 60px/1 var(--serif); letter-spacing: -1px; }
.masthead-title a:hover { color: var(--ink); }
.masthead-tagline { font: 500 15px var(--sans); color: var(--t3); margin-top: 10px; letter-spacing: 4px; }

/* ---------- 主导航 ---------- */
.nav {
	display: flex;
	align-items: center;
	gap: 32px;
	margin: 0 40px;
	padding: 12px 0;
	border-top: 3px solid var(--ink);
	border-bottom: 1px solid var(--ink);
	font: 700 16px var(--sans);
}
.nav-item { position: relative; }
.nav-toggle { font: inherit; }
.nav-item[data-tone="news"] > .nav-toggle { color: var(--red); }
.nav-item[data-tone="deals"] > .nav-toggle { color: var(--green); }
.nav-sub {
	display: none;
	position: absolute;
	top: 100%;
	left: -16px;
	padding-top: 12px;
	z-index: 10;
}
.nav-sub-inner {
	display: flex;
	flex-direction: column;
	min-width: 160px;
	padding: 8px 0;
	background: #fff;
	border: 1px solid var(--ink);
	border-top: 3px solid var(--ink);
	box-shadow: var(--shadow-menu);
}
.nav-item[data-tone="news"] .nav-sub-inner { border-top-color: var(--red); }
.nav-item[data-tone="deals"] .nav-sub-inner { border-top-color: var(--green); }
.nav-sub a { font: 500 15px var(--sans); padding: 8px 16px; white-space: nowrap; color: var(--ink); }
.nav-item[data-tone="news"] .nav-sub a:hover,
.nav-item[data-tone="news"] .nav-sub a:focus-visible { background: var(--paper); color: var(--red); }
.nav-item[data-tone="deals"] .nav-sub a:hover,
.nav-item[data-tone="deals"] .nav-sub a:focus-visible { background: var(--green-bg); color: var(--green); }
.nav-item.is-open > .nav-sub { display: block; }
@media (hover: hover) {
	.nav-item:hover > .nav-sub,
	.nav-item:focus-within > .nav-sub { display: block; }
}
.nav-search { margin-left: auto; }
.nav-search input {
	width: 200px;
	padding: 7px 12px;
	border: 1px solid var(--line2);
	border-radius: 0;
	background: #fff;
	font: 400 14px var(--sans);
	color: var(--ink);
	outline: none;
}
.nav-search input:focus { border-color: var(--ink); }

/* ---------- 页脚 ---------- */
.footer {
	display: grid;
	grid-template-columns: 1.2fr 1fr 1fr .8fr;
	gap: 40px;
	padding: 40px;
	background: var(--foot);
	color: var(--foot-text);
	font-size: 14px;
}
.footer a:hover { color: #fff; }
.footer-brand { display: flex; flex-direction: column; gap: 8px; }
.footer-brand-name { font: 900 28px var(--serif); color: #fff; }
.footer-col { display: flex; flex-direction: column; gap: 10px; }
.footer-col-title { font-weight: 700; color: #fff; }
.footer-links { display: flex; flex-wrap: wrap; gap: 8px 16px; }
.footer-copy { color: var(--t5); font-size: 12px; margin-top: 12px; }

/* ---------- 通用：区块标题、meta、行 ---------- */
.kicker { font: 700 13px var(--sans); color: var(--red); letter-spacing: 2px; }
.meta { font: 400 12px var(--sans); color: var(--t5); }
.more { font: 500 14px var(--sans); }
.more-red { color: var(--red); }
.more-green { color: var(--green); }
.more-green:hover { color: var(--green); text-decoration: underline; }
.section-head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	padding-bottom: 10px;
	border-bottom: 2px solid var(--ink);
}
.section-head-deals { border-bottom-color: var(--green); }
.section-title { font: 900 26px var(--serif); }
.empty { font: 400 14px var(--sans); color: var(--t5); padding: 24px 0; }
.rows { display: grid; grid-template-columns: 1fr 1fr; gap: 0 36px; }
.row {
	display: flex;
	gap: 14px;
	padding: 14px 0;
	border-bottom: 1px solid var(--line);
}
.row-img { width: 112px; height: 74px; flex: none; object-fit: cover; }
.row-body { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.row-title { font: 700 16px/1.45 var(--serif); text-wrap: pretty; }

/* ---------- 首屏 ---------- */
.hero {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 40px;
	padding: 32px 40px;
	border-bottom: 1px solid var(--line);
}
.hero-news { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.lead { display: flex; flex-direction: column; gap: 14px; }
.lead:hover { color: var(--ink); }
.lead:hover .lead-title { color: var(--red); }
.lead-img { width: 100%; height: 400px; object-fit: cover; }
.lead-meta { font: 700 13px var(--sans); color: var(--red); }
.lead-title { font: 900 34px/1.3 var(--serif); text-wrap: pretty; }
.lead-excerpt { font: 400 16px/1.7 var(--sans); color: var(--t2); }
.hero-small {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
	padding-top: 20px;
	border-top: 1px solid var(--line);
}
.small { display: flex; flex-direction: column; gap: 8px; }
.small-img { width: 100%; height: 110px; object-fit: cover; }
.small-title { font: 700 16px/1.45 var(--serif); text-wrap: pretty; }
.hero-deals {
	align-self: start;
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 20px 22px;
	background: var(--green-bg);
	border-top: 4px solid var(--green);
}
.hero-deals-head { display: flex; justify-content: space-between; align-items: baseline; padding-bottom: 10px; }
.hero-deals-title { font: 900 22px var(--serif); }
.pick {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 14px 0;
	border-top: 1px solid var(--green-line);
}
.pick:hover { color: var(--ink); }
.pick:hover .pick-title { color: var(--green); }
.pick-title { font: 500 15px/1.5 var(--sans); }
.pick-meta { font: 400 12px var(--sans); color: var(--green-meta); }

/* ---------- 主体 ---------- */
.main {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 40px;
	padding: 32px 40px 48px;
}
.main-col { display: flex; flex-direction: column; gap: 48px; min-width: 0; }
.news-tabs { display: flex; flex-direction: column; gap: 18px; }
.tabs { display: flex; flex-wrap: wrap; gap: 6px; }
.tab {
	font: 500 14px var(--sans);
	padding: 4px 12px;
	border: 1px solid var(--line2);
	background: #fff;
	color: #333;
}
.tab:hover { color: var(--red); border-color: var(--red); }
.tab.is-active { background: var(--red); border-color: var(--red); color: #fff; }
.tabpanel[hidden] { display: none; }

.deals-today {
	display: flex;
	flex-direction: column;
	gap: 18px;
	padding: 24px;
	margin: 0 -24px;
	background: var(--green-bg);
}
.deals-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.card { display: flex; flex-direction: column; background: #fff; }
.card:hover { color: var(--ink); box-shadow: var(--shadow-card); }
.card:hover .card-title { color: var(--green); }
.card-img { width: 100%; height: 170px; object-fit: cover; }
.card-body { display: flex; flex-direction: column; gap: 6px; padding: 14px 16px 16px; }
.price-lg { font-size: 24px; }
.card-title { font: 500 15px/1.5 var(--sans); }

/* ---------- aside ---------- */
.aside { display: flex; flex-direction: column; gap: 40px; min-width: 0; }
.aside-title { font: 900 20px var(--serif); padding-bottom: 8px; margin-bottom: 6px; border-bottom: 2px solid var(--red); }
.aside-title-deals { border-bottom-color: var(--green); }
.flash-row {
	display: grid;
	grid-template-columns: 52px 1fr;
	gap: 10px;
	padding: 10px 0;
	border-bottom: 1px dotted var(--line2);
}
.flash-time { font: 500 13px var(--mono); color: var(--red); }
.flash-title { font: 400 14px/1.55 var(--sans); }
.hot-row {
	display: grid;
	grid-template-columns: 28px 1fr;
	gap: 10px;
	padding: 12px 0;
	border-bottom: 1px dotted var(--line2);
}
.hot-n { font: 900 22px var(--serif); color: var(--green); }
.hot-body { display: flex; flex-direction: column; gap: 3px; }
.hot-title { font: 400 14px/1.5 var(--sans); }
.price-sm { font-size: 14px; }

/* ---------- 内页通用 ---------- */
.masthead-inner { display: flex; align-items: baseline; gap: 16px; text-align: left; padding: 22px 40px 16px; }
.masthead-title-sm { font: 900 38px/1 var(--serif); letter-spacing: -.5px; }
.masthead-title-sm:hover { color: var(--ink); }
.masthead-tagline-sm { font: 500 14px var(--sans); color: var(--t3); letter-spacing: 3px; }
.inner { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 56px; padding: 28px 40px 64px; min-height: 560px; }
.inner-main { min-width: 0; display: flex; flex-direction: column; gap: 22px; }
.inner-solo { padding: 28px 40px 64px; }
.crumbs { display: flex; flex-wrap: wrap; gap: 8px; font: 400 13px var(--sans); color: var(--t5); }
.crumb-last.tone-news { color: var(--red); }
.crumb-last.tone-deals { color: var(--green); }
.tone-news { color: var(--red); }
.tone-deals { color: var(--green); }
.kicker-green { color: var(--green); }
.chip { font: 400 13px var(--sans); padding: 4px 10px; background: #fff; border: 1px solid var(--line2); }
.chip:hover { border-color: var(--red); }
.btn-ink { align-self: flex-start; background: var(--ink); color: #fff; font: 700 16px var(--sans); padding: 13px 36px; }
.btn-ink:hover { background: #000; color: #fff; }

/* ---------- 文章页：资讯 ---------- */
.post { display: flex; flex-direction: column; gap: 22px; }
.post-head { display: flex; flex-direction: column; gap: 14px; }
.post-title { font: 900 40px/1.3 var(--serif); text-wrap: pretty; }
.post-meta { display: flex; gap: 14px; font: 400 14px var(--sans); color: var(--t4); padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.post-figure { margin: 0; display: flex; flex-direction: column; gap: 8px; }
.post-img { width: 100%; height: 440px; object-fit: cover; }
.post-caption { font: 400 13px var(--sans); color: var(--t5); }
.post-body { max-width: 720px; font: 400 18px/1.9 var(--sans); color: #2a2a2a; }
.post-body > * + * { margin-top: 20px; }
.post-body p { margin: 0; }
.post-body p + p { margin-top: 20px; }
.post-body h2 { font: 900 24px/1.4 var(--serif); color: var(--ink); margin-top: 32px; }
.post-body h3 { font: 700 20px/1.4 var(--serif); color: var(--ink); }
.post-body blockquote { margin: 4px 0; padding: 4px 0 4px 20px; border-left: 3px solid var(--red); font: 700 20px/1.7 var(--serif); color: var(--ink); }
.post-body img { width: 100%; height: auto; }
.post-body a { color: var(--red); text-decoration: underline; text-underline-offset: 3px; }
.post-body ul, .post-body ol { padding-left: 22px; }
.post-body script { display: none; }
.post-body, .post-title, .deal-title, .lead-title, .arow-title, .srow-title { overflow-wrap: anywhere; }
.post-body iframe, .post-body table, .post-body pre { max-width: 100%; }
.post-body table, .post-body pre { display: block; overflow-x: auto; }
.post-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.post-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--line); padding: 18px 0; }
.post-nav a { display: flex; flex-direction: column; gap: 6px; }
.post-nav-next { text-align: right; }
.post-nav-label { font: 400 13px var(--sans); color: var(--t5); }
.post-nav-title { font: 700 16px/1.5 var(--serif); }
.related { display: flex; flex-direction: column; gap: 16px; }
.related-title { font: 900 22px var(--serif); border-bottom: 2px solid var(--ink); padding-bottom: 8px; }
.related-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.related-card { display: flex; flex-direction: column; gap: 8px; }
.related-img { width: 100%; height: 100px; object-fit: cover; }
.related-card-title { font: 700 15px/1.45 var(--serif); text-wrap: pretty; }

/* ---------- 文章页：折扣 ---------- */
.deal-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); background: var(--green-bg); border-top: 4px solid var(--green); }
.deal-card-img { min-height: 380px; display: flex; }
.deal-img { width: 100%; min-height: 380px; object-fit: cover; }
.deal-card-body { padding: 32px; display: flex; flex-direction: column; gap: 16px; justify-content: center; }
.deal-title { font: 900 28px/1.4 var(--serif); text-wrap: pretty; }
.deal-price { font: 700 52px/1 var(--mono); color: var(--green); }
.deal-meta { display: flex; gap: 12px; font: 400 14px var(--sans); color: #5d6e61; }
.buy { align-self: flex-start; display: inline-flex; gap: 10px; align-items: center; background: var(--green); color: #fff; font: 700 17px var(--sans); padding: 14px 36px; }
.buy:hover { background: #17603c; color: #fff; }
.deal-note { font: 400 12px/1.6 var(--sans); color: var(--green-meta); }
.post-body-deal { font-size: 17px; }
.post-body-deal .big-bold-center { text-align: left; }
.deals-more { margin-top: 8px; }
.section-title-sm { font-size: 22px; }
.card-img-sm { height: 140px; }

/* ---------- 归档 ---------- */
.arch-head { display: flex; flex-direction: column; gap: 10px; padding-bottom: 18px; border-bottom: 3px solid var(--ink); }
.arch-head-news { border-bottom-color: var(--red); }
.arch-head-deals { border-bottom-color: var(--green); }
.arch-title { font: 900 44px/1.2 var(--serif); }
.arch-count { font: 400 15px var(--sans); color: var(--t4); }
.tabs-deals .tab:hover { color: var(--green); border-color: var(--green); }
.tabs-deals .tab.is-active { background: var(--green); border-color: var(--green); color: #fff; }
.arows { display: flex; flex-direction: column; }
.arow { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 24px; padding: 22px 0; border-bottom: 1px solid var(--line); }
.arow-img { width: 100%; height: 140px; object-fit: cover; }
.arow-body { display: flex; flex-direction: column; gap: 8px; justify-content: center; }
.arow-cat { font: 700 12px var(--sans); }
.arow-title { font: 700 21px/1.45 var(--serif); text-wrap: pretty; }
.arow-excerpt { font: 400 15px/1.7 var(--sans); color: var(--t3); }
.pager { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; padding-top: 12px; }
.pager .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 8px; font: 500 14px var(--sans); color: #333; background: #fff; border: 1px solid var(--line2); }
.pager .page-numbers.current { background: var(--ink); border-color: var(--ink); color: #fff; }
.pager .page-numbers.dots { border-color: transparent; background: transparent; }
.pager a.page-numbers:hover { border-color: var(--ink); color: var(--ink); }

/* ---------- 搜索 ---------- */
.search-big { display: flex; border: 2px solid var(--ink); background: #fff; }
.search-big input { flex: 1; min-width: 0; border: 0; padding: 14px 18px; font: 500 20px var(--sans); background: transparent; color: var(--ink); outline: none; }
.search-big button { border: 0; background: var(--ink); color: #fff; font: 700 16px var(--sans); padding: 0 28px; }
.search-440 { width: 440px; max-width: 100%; margin-top: 8px; }
.search-440 input { padding: 12px 16px; font: 400 16px var(--sans); }
.search-440 button { font-size: 15px; padding: 0 22px; }
.search-stat { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; border-bottom: 1px solid var(--ink); padding-bottom: 12px; font: 400 15px var(--sans); color: var(--t3); }
.search-stat strong { color: var(--ink); }
.search-filters { display: flex; gap: 6px; }
.search-filters a { font: 500 14px var(--sans); padding: 4px 12px; border: 1px solid var(--line2); background: #fff; color: #333; }
.search-filters a.is-active { background: var(--ink); border-color: var(--ink); color: #fff; }
.srows { display: flex; flex-direction: column; }
.srow { display: grid; grid-template-columns: minmax(0, 1fr) 140px; gap: 24px; padding: 20px 0; border-bottom: 1px solid var(--line); }
.srow-body { display: flex; flex-direction: column; gap: 8px; }
.srow-top { display: flex; gap: 10px; align-items: center; }
.badge { font: 700 12px var(--sans); color: #fff; padding: 2px 8px; }
.badge-news { background: var(--red); }
.badge-deals { background: var(--green); }
.srow-title { font: 700 19px/1.45 var(--serif); text-wrap: pretty; }
.srow-excerpt { font: 400 14px/1.7 var(--sans); color: var(--t3); }
.srow-img { width: 100%; height: 92px; object-fit: cover; }

/* ---------- 兜底列表 / 404 ---------- */
.fb { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; max-width: 1000px; margin: 0 auto; }
.fb-col { display: flex; flex-direction: column; }
.fb-row { display: flex; flex-direction: column; gap: 4px; padding: 12px 0; border-bottom: 1px dotted var(--line2); }
.fb-deal { display: grid; grid-template-columns: 90px 1fr; gap: 10px; align-items: baseline; }
.fb-title { font: 400 15px/1.5 var(--sans); }
.e404 { display: flex; flex-direction: column; align-items: center; gap: 18px; text-align: center; padding: 24px 0 40px; margin: 32px auto 48px; max-width: 1000px; border-bottom: 1px solid var(--line); }
.e404-code { font: 900 140px/1 var(--serif); }
.e404-text { font: 700 24px var(--serif); }

/* ---------- 页面 / 关于 / 联系 ---------- */
.page-solo { display: flex; flex-direction: column; gap: 28px; max-width: 760px; margin: 24px auto 0; }
.page-title { font: 900 48px/1.2 var(--serif); border-bottom: 3px solid var(--ink); padding-bottom: 20px; }
.page-body { font: 400 19px/1.9 var(--sans); color: #2a2a2a; }
.page-body > * + * { margin-top: 18px; }
.page-body a { color: var(--red); text-decoration: underline; text-underline-offset: 3px; }
.about-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.about-col { display: flex; flex-direction: column; gap: 10px; padding-top: 16px; border-top: 4px solid var(--red); }
.about-col-deals { border-top-color: var(--green); }
.about-col-title { font: 900 24px var(--serif); }
.about-col-list { font: 400 15px/1.8 var(--sans); color: var(--t3); }
.about-contact { display: flex; justify-content: space-between; align-items: center; gap: 16px; background: #fff; border: 1px solid var(--line); padding: 20px 24px; font: 400 15px var(--sans); color: var(--t3); }
.about-contact a { font-weight: 700; color: var(--ink); }
.contact { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 56px; max-width: 1000px; margin: 24px auto 0; }
.contact-main { display: flex; flex-direction: column; gap: 20px; }
.contact-form { display: flex; flex-direction: column; gap: 18px; }
.contact-form label { display: flex; flex-direction: column; gap: 6px; font: 500 14px var(--sans); }
.contact-form input, .contact-form select, .contact-form textarea { border: 1px solid var(--line2); border-radius: 0; background: #fff; padding: 11px 12px; font: 400 15px var(--sans); color: var(--ink); outline: none; }
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { border-color: var(--ink); }
.contact-form textarea { resize: vertical; }
.form-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.notice-ok { background: var(--green-bg); border-top: 4px solid var(--green); padding: 20px 24px; font: 400 16px/1.7 var(--sans); }
.notice-err { color: var(--red); font: 500 14px var(--sans); }
.contact-side { display: flex; flex-direction: column; gap: 20px; padding-top: 96px; }
.contact-side-item { display: flex; flex-direction: column; gap: 6px; border-top: 1px solid var(--ink); padding-top: 14px; font: 400 15px var(--sans); color: var(--t2); }
.contact-side-label { font: 700 14px var(--sans); color: var(--ink); }
.contact-side-mono { font: 500 15px var(--mono); }

/* ---------- ≤1119px：单列 ---------- */
@media (max-width: 1119px) {
	.topbar, .masthead, .inner-solo { padding-left: 16px; padding-right: 16px; }
	.masthead { padding-top: 20px; padding-bottom: 14px; }
	.masthead-title { font-size: 40px; }
	.masthead-tagline { letter-spacing: 2px; }
	.masthead-inner { flex-wrap: wrap; gap: 6px 12px; }
	.masthead-title-sm { font-size: 30px; }
	.nav { margin: 0 16px; flex-wrap: wrap; gap: 12px 24px; }
	.nav-item { position: static; }
	.nav-sub { position: static; padding-top: 8px; width: 100%; }
	.nav-sub-inner { box-shadow: none; }
	.nav-search { margin-left: 0; width: 100%; }
	.nav-search input { width: 100%; }
	.hero { grid-template-columns: 1fr; gap: 32px; padding: 24px 16px; }
	.lead-img { height: auto; aspect-ratio: 16 / 9; }
	.lead-title { font-size: 26px; }
	.hero-small { grid-template-columns: 1fr 1fr; }
	.small-img { height: auto; aspect-ratio: 16 / 10; }
	.main { grid-template-columns: 1fr; gap: 40px; padding: 24px 16px 40px; }
	.rows { grid-template-columns: 1fr; gap: 0; }
	.deals-today { margin: 0; padding: 16px; }
	.deals-grid { grid-template-columns: 1fr 1fr; gap: 16px; }
	.footer { grid-template-columns: 1fr 1fr; gap: 28px; padding: 32px 16px; }
	.inner { grid-template-columns: 1fr; gap: 40px; padding: 24px 16px 48px; }
	.post-title { font-size: 28px; }
	.post-img { height: auto; aspect-ratio: 16 / 9; }
	.post-body { font-size: 17px; }
	.post-nav { grid-template-columns: 1fr; gap: 14px; }
	.post-nav-next { text-align: left; }
	.related-grid { grid-template-columns: 1fr 1fr; }
	.deal-card { grid-template-columns: 1fr; }
	.deal-card-img, .deal-img { min-height: 0; }
	.deal-img { height: auto; aspect-ratio: 4 / 3; }
	.deal-card-body { padding: 20px 16px; }
	.deal-title { font-size: 22px; }
	.deal-price { font-size: 40px; }
	.arch-title { font-size: 32px; }
	.arow { grid-template-columns: 1fr; gap: 12px; }
	.arow-img { height: auto; aspect-ratio: 16 / 9; }
	.arow-title { font-size: 19px; }
	.srow { grid-template-columns: 1fr; }
	.srow-img { height: auto; aspect-ratio: 16 / 9; }
	.search-big input { font-size: 17px; padding: 12px 14px; }
	.search-big button { padding: 0 18px; }
	.fb { grid-template-columns: 1fr; gap: 32px; }
	.e404-code { font-size: 96px; }
	.e404 { margin: 16px auto 32px; }
	.page-title { font-size: 32px; padding-bottom: 14px; }
	.page-body { font-size: 17px; }
	.about-cols { grid-template-columns: 1fr; }
	.about-contact { flex-direction: column; align-items: flex-start; }
	.contact { grid-template-columns: 1fr; gap: 32px; }
	.contact-side { padding-top: 0; }
	.form-row2 { grid-template-columns: 1fr; }
}
@media (max-width: 599px) {
	.deals-grid { grid-template-columns: 1fr; }
	.hero-small { grid-template-columns: 1fr; }
	.related-grid { grid-template-columns: 1fr; }
	.footer { grid-template-columns: 1fr; }
	.masthead-title { font-size: 36px; }
}