/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* DopDrip image logo (replaces previous text logo). */
.site-logo img {
	display: none !important;
}
.site-logo a {
	display: inline-block;
	width: 140px;
	height: 56px;
	background-image: url('/wp-content/uploads/2026/06/sitelogo.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	text-indent: -9999px;
	overflow: hidden;
	white-space: nowrap;
	color: transparent !important;
	font-size: 0 !important;
}
@media (max-width: 768px) {
	.site-logo a { width: 110px; height: 46px; }
}

/* Hide My Account text label, keep icon */
.wd-header-my-account .wd-tools-text {
	display: none !important;
}

/* Phase 15E: account controls and desktop navigation disclosure */
.wd-header-my-account > a:focus-visible,
.show-password-input:focus-visible,
.tdd-submenu-toggle:focus-visible {
	outline: 3px solid #111 !important;
	outline-offset: 4px !important;
}

@media (min-width: 1025px) {
	.wd-header-my-account.wd-style-icon > a {
		min-width: 40px;
		min-height: 40px;
	}

	.wd-header-my-account.tdd-account-open > .wd-dropdown {
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		transform: none !important;
	}

	.wd-nav-main > li.tdd-a11y-ready {
		position: relative;
	}

	.wd-nav-main > li.tdd-a11y-ready > a {
		padding-inline-end: 25px;
	}

	.wd-nav-main > li.tdd-a11y-ready > a::after {
		visibility: hidden;
	}

	.tdd-submenu-toggle {
		position: absolute;
		z-index: 5;
		top: 50%;
		inset-inline-end: 1px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 26px;
		height: 30px;
		padding: 0;
		border: 0;
		border-radius: 4px;
		background: transparent;
		color: currentColor;
		font: inherit;
		line-height: 1;
		transform: translateY(-50%);
		cursor: pointer;
	}

	.tdd-submenu-toggle:hover {
		background: rgba(0, 0, 0, .06);
	}

	.tdd-submenu-toggle[aria-expanded="true"] .tdd-submenu-caret {
		transform: rotate(180deg);
	}

	.tdd-submenu-caret {
		display: block;
		font-size: 12px;
		transition: transform .2s ease;
	}

	.wd-nav-main > li.tdd-submenu-open > .wd-dropdown {
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		transform: none !important;
	}
}

@media (max-width: 1024px) {
	.tdd-submenu-toggle {
		display: none !important;
	}
}

/* Hide Woodmart demo category strip / navigation below header */
.wd-header-cats,
.header-categories-nav,
.wd-header-nav.wd-header-secondary-nav,
.categories-menu-dropdown,
.header-categories,
.wd-nav-categories,
.whb-secondary-menu,
.whb-row.whb-categories-row {
	display: none !important;
}

/* Search toggle icon in header */
.tdd-header-search-wrap {
	display: inline-flex;
	align-items: center;
}
.tdd-search-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #333;
	padding: 8px;
	transition: color 0.2s;
}
.tdd-search-toggle:hover {
	color: #000;
}

/* Search overlay */
.tdd-search-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.6);
	z-index: 99999;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding-top: 120px;
}
.tdd-search-overlay-inner {
	background: #fff;
	border-radius: 12px;
	padding: 24px;
	width: min(600px, 90vw);
	position: relative;
	box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}
.tdd-search-overlay-inner form {
	display: flex;
	gap: 8px;
}
.tdd-search-input {
	flex: 1;
	padding: 14px 18px;
	font-size: 16px;
	border: 2px solid #ddd;
	border-radius: 8px;
	outline: none;
	transition: border-color 0.2s;
}
.tdd-search-input:focus {
	border-color: #111;
}
.tdd-search-submit {
	padding: 14px 18px;
	background: #111;
	color: #fff;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	display: flex;
	align-items: center;
}
.tdd-search-submit:hover {
	background: #333;
}
.tdd-search-close {
	position: absolute;
	top: -12px;
	right: -12px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: none;
	background: #111;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* --- Live search suggestions dropdown --- */
.tdd-search-overlay-inner { position: relative; }
.tdd-search-suggestions[hidden] { display: none; }
.tdd-search-suggestions {
	margin-top: 10px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 12px 36px rgba(0, 0, 0, 0.18);
	max-height: 60vh;
	overflow-y: auto;
	z-index: 100001;
}
.tdd-search-result {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 10px 14px;
	text-decoration: none !important;
	color: #111 !important;
	border-bottom: 1px solid #f0f0f0;
	transition: background-color 0.15s ease;
}
.tdd-search-result:last-child { border-bottom: none; }
.tdd-search-result:hover,
.tdd-search-result:focus { background: #f7f7f7; outline: none; }
.tdd-search-result-img {
	width: 48px;
	height: 48px;
	object-fit: cover;
	border-radius: 6px;
	flex-shrink: 0;
	background: #f3f3f3;
}
.tdd-search-result-img-placeholder { display: block; }
.tdd-search-result-body {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
	flex: 1;
}
.tdd-search-result-title {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	color: #111;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.tdd-search-result-price {
	font-size: 13px;
	color: #555;
}
.tdd-search-result-price del { color: #999; margin-right: 6px; }
.tdd-search-result-price ins { text-decoration: none; color: #c0392b; font-weight: 700; }
.tdd-search-empty {
	padding: 18px 16px;
	text-align: center;
	color: #888;
	font-size: 14px;
}
@media (max-width: 600px) {
	.tdd-search-suggestions { max-height: 50vh; }
	.tdd-search-result-img { width: 42px; height: 42px; }
	.tdd-search-result-title { font-size: 13px; }
}

/* Hide Woodmart demo footer globally, show clean DopDrip footer */
.wd-footer .main-footer {
	display: none !important;
}
.wd-footer .copyrights-wrapper {
	display: none !important;
}

/* Original DOPDRIP footer */
.tdd-clean-footer {
	--tdd-footer-bg: #0a0a0a;
	--tdd-footer-panel: #111;
	--tdd-footer-line: #282828;
	--tdd-footer-muted: #a3a3a3;
	background: var(--tdd-footer-bg);
	color: #fff;
	font-size: 14px;
	line-height: 1.65;
	overflow: hidden;
}
.tdd-clean-footer,
.tdd-clean-footer * {
	box-sizing: border-box;
}
.tdd-footer-shell {
	width: min(100% - 48px, 1240px);
	margin-inline: auto;
}
.tdd-clean-footer a {
	color: inherit;
	text-decoration: none;
	text-underline-offset: 4px;
}
.tdd-clean-footer a:hover {
	color: #fff;
	text-decoration: underline;
}
.tdd-clean-footer a:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 4px;
}
.tdd-footer-trust {
	background: #050505;
	border-bottom: 1px solid var(--tdd-footer-line);
}
.tdd-footer-trust-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.tdd-trust-item {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-height: 92px;
	padding: 22px 18px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .12em;
	text-align: center;
}
.tdd-trust-item + .tdd-trust-item {
	border-left: 1px solid var(--tdd-footer-line);
}
.tdd-trust-item svg {
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	fill: currentColor;
}
.tdd-footer-main {
	background: var(--tdd-footer-panel);
	padding: 68px 0 64px;
}
.tdd-footer-grid {
	display: grid;
	grid-template-columns: minmax(250px, 1.45fr) repeat(3, minmax(150px, 1fr));
	gap: clamp(32px, 5vw, 76px);
}
.tdd-footer-grid.tdd-footer-grid--no-social {
	grid-template-columns: minmax(250px, 1.45fr) repeat(2, minmax(150px, 1fr));
}
.tdd-footer-logo {
	margin-bottom: 22px;
}
.tdd-footer-logo-link {
	display: inline-flex;
}
.tdd-footer-brand-logo {
	display: block;
	width: auto;
	height: auto;
	max-width: 184px;
	max-height: 56px;
	filter: brightness(0) invert(1);
}
.tdd-footer-brand p {
	max-width: 360px;
	margin: 0;
	color: var(--tdd-footer-muted);
	font-size: 14px;
}
.tdd-footer-column h2 {
	margin: 0 0 20px;
	color: #fff;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
}
.tdd-footer-column ul,
.tdd-footer-bottom ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.tdd-footer-column li + li {
	margin-top: 11px;
}
.tdd-footer-column a,
.tdd-footer-unavailable {
	color: var(--tdd-footer-muted);
}
.tdd-footer-unavailable small {
	font-size: 10px;
	letter-spacing: .08em;
	text-transform: uppercase;
	opacity: .65;
}
.tdd-footer-bottom {
	background: var(--tdd-footer-bg);
	border-top: 1px solid var(--tdd-footer-line);
}
.tdd-footer-bottom-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: 24px;
	min-height: 76px;
	padding-block: 20px;
}
.tdd-footer-bottom p {
	grid-column: 1;
	justify-self: start;
	margin: 0;
	color: #c7c7c7;
	font-size: 12px;
	letter-spacing: .04em;
}
.tdd-footer-bottom nav {
	grid-column: 2;
	justify-self: center;
	min-width: 0;
}
.tdd-footer-bottom ul {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px 24px;
}
.tdd-footer-bottom a,
.tdd-footer-bottom .tdd-footer-unavailable {
	color: #a8a8a8;
	font-size: 12px;
}
.tdd-name-error {
	display: block;
	margin-top: 7px;
	color: #b42318;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
}
.tdd-name-error[hidden] {
	display: none !important;
}
input[aria-invalid="true"] {
	border-color: #b42318 !important;
	box-shadow: 0 0 0 1px #b42318;
}
@media (max-width: 900px) {
	.tdd-footer-grid {
		grid-template-columns: minmax(230px, 1.35fr) repeat(3, minmax(120px, 1fr));
		gap: 28px;
	}
}
@media (max-width: 767px) {
	.tdd-footer-shell {
		width: min(100% - 36px, 680px);
	}
	.tdd-footer-trust-grid {
		grid-template-columns: 1fr;
	}
	.tdd-trust-item {
		justify-content: flex-start;
		min-height: 68px;
		padding: 16px 4px;
		text-align: left;
	}
	.tdd-trust-item + .tdd-trust-item {
		border-top: 1px solid var(--tdd-footer-line);
		border-left: 0;
	}
	.tdd-footer-main {
		padding: 48px 0 44px;
	}
	.tdd-footer-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 38px 24px;
	}
	.tdd-footer-grid.tdd-footer-grid--no-social {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.tdd-footer-brand {
		grid-column: 1 / -1;
	}
	.tdd-footer-bottom-row {
		grid-template-columns: 1fr;
		justify-items: center;
		gap: 12px;
		text-align: center;
	}
	.tdd-footer-bottom p,
	.tdd-footer-bottom nav {
		grid-column: 1;
		justify-self: center;
	}
	.tdd-footer-bottom nav {
		width: 100%;
	}
	.tdd-footer-bottom ul {
		justify-content: center;
	}
}
@media (max-width: 390px) {
	.tdd-footer-shell {
		width: min(100% - 28px, 360px);
	}
	.tdd-footer-grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}
	.tdd-footer-grid.tdd-footer-grid--no-social {
		grid-template-columns: 1fr;
	}
	.tdd-footer-brand {
		grid-column: auto;
	}
	.tdd-footer-bottom ul {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
	}
}

/* Force full-width, no sidebar on all tdd-homepage-active pages (Home + Deals) */
.tdd-homepage-active .sidebar-container {
	display: none !important;
}
.tdd-homepage-active .site-content.wd-grid-col {
	flex-basis: 100% !important;
	max-width: 100% !important;
}
.tdd-homepage-active .content-layout-wrapper {
	display: block !important;
}

/* ===================================================================
   HOMEPAGE ELEMENTOR STYLE POLISH — Page 67 only
   Scoped to body.page-id-67 + Elementor element IDs.
   Does NOT affect products, menus, header, footer, or other pages.
   =================================================================== */

/* --- Design tokens --- */
body.page-id-67 {
	--tdd-gold:    #d4a843;
	--tdd-blue:    #4a90d9;
	--tdd-green:   #3dbc7b;
	--tdd-red:     #d94a4a;
	--tdd-crimson: #c0392b;
	--tdd-dark:    #0d0d0d;
	--tdd-card-bg: #111111;
	--tdd-card-border: #2a2a2a;
	--tdd-muted:   #888888;
	--tdd-max-w:   1440px;
	--tdd-gap:     28px;
}

/* -------------------------------------------------------
   SECTION A: Category Tiles  (container e8955d7)
   Premium dark cards with accent top-borders, hover lift
   ------------------------------------------------------- */
body.page-id-67 .elementor-element-e8955d7 {
	max-width: var(--tdd-max-w);
	margin-left: auto !important;
	margin-right: auto !important;
	gap: var(--tdd-gap) !important;
}

/* Individual category cards — hover lift + glow */
body.page-id-67 .elementor-element-5963894,
body.page-id-67 .elementor-element-580817a,
body.page-id-67 .elementor-element-24c29e5,
body.page-id-67 .elementor-element-140d16b {
	min-height: 180px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	cursor: pointer;
	overflow: hidden;
}

body.page-id-67 .elementor-element-5963894:hover,
body.page-id-67 .elementor-element-580817a:hover,
body.page-id-67 .elementor-element-24c29e5:hover,
body.page-id-67 .elementor-element-140d16b:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);
}

/* Accent glow per card on hover */
body.page-id-67 .elementor-element-5963894:hover {
	box-shadow: 0 12px 32px rgba(212, 168, 67, 0.2);
}
body.page-id-67 .elementor-element-580817a:hover {
	box-shadow: 0 12px 32px rgba(74, 144, 217, 0.2);
}
body.page-id-67 .elementor-element-24c29e5:hover {
	box-shadow: 0 12px 32px rgba(61, 188, 123, 0.2);
}
body.page-id-67 .elementor-element-140d16b:hover {
	box-shadow: 0 12px 32px rgba(217, 74, 74, 0.2);
}

/* Category card headings — ensure link color inherits */
body.page-id-67 .elementor-element-e8955d7 .elementor-heading-title a {
	color: inherit !important;
	text-decoration: none !important;
}

/* Category responsive: 4 → 2 → 1 */
@media (max-width: 1024px) {
	body.page-id-67 .elementor-element-e8955d7 {
		flex-wrap: wrap !important;
		gap: 16px !important;
	}
	body.page-id-67 .elementor-element-5963894,
	body.page-id-67 .elementor-element-580817a,
	body.page-id-67 .elementor-element-24c29e5,
	body.page-id-67 .elementor-element-140d16b {
		width: calc(50% - 8px) !important;
		min-height: 150px;
	}
}

@media (max-width: 768px) {
	body.page-id-67 .elementor-element-5963894,
	body.page-id-67 .elementor-element-580817a,
	body.page-id-67 .elementor-element-24c29e5,
	body.page-id-67 .elementor-element-140d16b {
		width: 100% !important;
		min-height: auto;
	}
}

/* -------------------------------------------------------
   SECTION B: Best Sellers Header + Grid
   (container 2254731, section a5782b4)
   Max-width, vertical center header, clean grid
   ------------------------------------------------------- */

/* Header row: max-width + vertical center */
body.page-id-67 .elementor-element-2254731 {
	max-width: var(--tdd-max-w);
	margin-left: auto !important;
	margin-right: auto !important;
	align-items: center !important;
}

/* Grid section: max-width */
body.page-id-67 .elementor-element-a5782b4 > .elementor-container {
	max-width: var(--tdd-max-w);
	margin-left: auto;
	margin-right: auto;
}

/* Product grid gap */
body.page-id-67 .elementor-element-a5782b4 .wd-products.wd-grid-g {
	gap: var(--tdd-gap);
}

/* Product cards — subtle hover lift */
body.page-id-67 .elementor-element-a5782b4 .wd-product,
body.page-id-67 .elementor-element-ca2da76 .wd-product {
	transition: transform 0.25s ease, box-shadow 0.25s ease;
	border-radius: 8px;
	overflow: hidden;
}

body.page-id-67 .elementor-element-a5782b4 .wd-product:hover,
body.page-id-67 .elementor-element-ca2da76 .wd-product:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

/* Product title styling */
body.page-id-67 .elementor-element-a5782b4 .wd-product .wd-entities-title a,
body.page-id-67 .elementor-element-ca2da76 .wd-product .wd-entities-title a,
body.page-id-67 .elementor-element-607ef14 .wd-product .wd-entities-title a {
	font-weight: 600;
	font-size: 14px;
	line-height: 1.4;
}

/* -------------------------------------------------------
   SECTION C: Seasonal Header + Grid
   (container dc8364f, section ca2da76)
   Same max-width + vertical center treatment
   ------------------------------------------------------- */

body.page-id-67 .elementor-element-dc8364f {
	max-width: var(--tdd-max-w);
	margin-left: auto !important;
	margin-right: auto !important;
	align-items: center !important;
}

body.page-id-67 .elementor-element-ca2da76 > .elementor-container {
	max-width: var(--tdd-max-w);
	margin-left: auto;
	margin-right: auto;
}

body.page-id-67 .elementor-element-ca2da76 .wd-products.wd-grid-g {
	gap: var(--tdd-gap);
}

/* VIEW ALL button hover polish for both sections */
body.page-id-67 .elementor-element-2254731 .elementor-button,
body.page-id-67 .elementor-element-dc8364f .elementor-button {
	transition: background-color 0.25s ease, color 0.25s ease;
}

body.page-id-67 .elementor-element-2254731 .elementor-button:hover,
body.page-id-67 .elementor-element-dc8364f .elementor-button:hover {
	background-color: #111 !important;
	color: #fff !important;
}

/* -------------------------------------------------------
   SECTION D: Deals Banner (section 94bc7ac)
   Dark full-width, red eyebrow, gold CTA — already styled
   via Elementor settings, just add subtle polish
   ------------------------------------------------------- */

/* Subtle radial glow behind the banner */
body.page-id-67 .elementor-element-94bc7ac {
	position: relative;
	overflow: hidden;
}

body.page-id-67 .elementor-element-94bc7ac::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 600px;
	height: 600px;
	background: radial-gradient(circle, rgba(212, 168, 67, 0.06) 0%, transparent 70%);
	pointer-events: none;
	z-index: 0;
}

body.page-id-67 .elementor-element-94bc7ac > .elementor-container {
	position: relative;
	z-index: 1;
}

/* -------------------------------------------------------
   SECTION E: Deals Grid (section 607ef14)
   3-column layout, clean cards with subtle background
   ------------------------------------------------------- */

body.page-id-67 .elementor-element-607ef14 {
	background: #fafafa;
}

body.page-id-67 .elementor-element-607ef14 > .elementor-container {
	max-width: var(--tdd-max-w);
	margin-left: auto;
	margin-right: auto;
}

/* Force 3 columns for deals grid (Woodmart uses CSS Grid) */
body.page-id-67 .elementor-element-607ef14 .wd-products.wd-grid-g {
	grid-template-columns: repeat(3, 1fr) !important;
	gap: var(--tdd-gap);
}

/* Deal product cards — white with subtle shadow */
body.page-id-67 .elementor-element-607ef14 .wd-product {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

body.page-id-67 .elementor-element-607ef14 .wd-product:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
}

/* Sale badge polish on deals grid */
body.page-id-67 .elementor-element-607ef14 .wd-product .onsale {
	background: var(--tdd-crimson) !important;
	color: #fff !important;
	font-weight: 700;
	border-radius: 4px;
}

/* Sale price color */
body.page-id-67 .elementor-element-607ef14 .wd-product del {
	color: var(--tdd-muted);
	font-size: 0.9em;
}

body.page-id-67 .elementor-element-607ef14 .wd-product ins {
	color: var(--tdd-crimson);
	font-weight: 700;
	text-decoration: none;
}

/* Deals grid responsive: 3 → 2 → 1 */
@media (max-width: 1024px) {
	body.page-id-67 .elementor-element-607ef14 .wd-products.wd-grid-g {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

@media (max-width: 768px) {
	body.page-id-67 .elementor-element-607ef14 .wd-products.wd-grid-g {
		grid-template-columns: 1fr !important;
	}
}

/* -------------------------------------------------------
   SECTION F: Product grid responsive for BS + Seasonal
   4 → 2 → 1
   ------------------------------------------------------- */
@media (max-width: 1024px) {
	body.page-id-67 .elementor-element-a5782b4 .wd-products.wd-grid-g,
	body.page-id-67 .elementor-element-ca2da76 .wd-products.wd-grid-g {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

@media (max-width: 768px) {
	body.page-id-67 .elementor-element-a5782b4 .wd-products.wd-grid-g,
	body.page-id-67 .elementor-element-ca2da76 .wd-products.wd-grid-g {
		grid-template-columns: 1fr !important;
	}

	/* Stack header rows on mobile */
	body.page-id-67 .elementor-element-2254731,
	body.page-id-67 .elementor-element-dc8364f {
		flex-direction: column !important;
		gap: 16px !important;
	}

	body.page-id-67 .elementor-element-2254731 .e-con,
	body.page-id-67 .elementor-element-dc8364f .e-con {
		width: 100% !important;
	}

	/* Center button on mobile */
	body.page-id-67 .elementor-element-2254731 .elementor-widget-button .elementor-widget-container,
	body.page-id-67 .elementor-element-dc8364f .elementor-widget-button .elementor-widget-container {
		text-align: center !important;
	}
}

/* -------------------------------------------------------
   GLOBAL POLISH — scoped to page-id-67 only
   ------------------------------------------------------- */

/* Smooth scroll */
body.page-id-67 {
	scroll-behavior: smooth;
}

/* Add-to-cart button polish */
body.page-id-67 .wd-product .add_to_cart_button,
body.page-id-67 .wd-product .button.product_type_simple {
	border-radius: 6px !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	font-size: 12px !important;
	transition: background-color 0.25s ease, transform 0.15s ease;
}

body.page-id-67 .wd-product .add_to_cart_button:hover,
body.page-id-67 .wd-product .button.product_type_simple:hover {
	transform: scale(1.02);
}

/* Sale badge global polish */
body.page-id-67 .wd-product .onsale {
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px;
	border-radius: 4px !important;
}

/* Price alignment */
body.page-id-67 .wd-product .price {
	font-size: 15px;
	font-weight: 600;
}

/* ===================================================================
   PHASE 1 GLOBAL CLEANUP — Shop/Archive/Search pages
   =================================================================== */

/*
 * Task 3: Hide Woodmart grey category nav strip on shop/archive/search.
 * Targets the full section container (.elementor-element-2587a27) and
 * the nav wrap (.wd-nav-product-cat-wrap) as a fallback.
 * .woocommerce-page covers shop + all category archives.
 * .search-results covers product search pages.
 * Homepage (body.page-id-67) does NOT have .woocommerce-page, so no conflict.
 */
.woocommerce-page .wd-nav-product-cat-wrap,
.woocommerce-page .elementor-element-2587a27,
.search-results .wd-nav-product-cat-wrap {
	display: none !important;
}

/* ===================================================================
   PHASE 2A — Carousel speed, logo fit, category tile polish
   =================================================================== */

/*
 * Task 2: Slow down brand marquee.
 * Woodmart marquee sets speed=8 → 8s animation-duration (too fast).
 * Override to 40s for smooth, readable scroll.
 */
.elementor-element-39c08d9 .wd-marquee-content {
	animation-duration: 40s !important;
}

/*
 * Task 3: Uniform brand carousel cards.
 * Cards: fixed size, white background, rounded, centered logo, brand name below.
 * Logos: object-fit contain, capped at 80% of inner box, no stretch.
 * Marquee container background is the existing #0d0d0d (Brands Row 1 section).
 */
.elementor-element-39c08d9 .wd-marquee-content {
	gap: 18px;
	align-items: center;
}

.elementor-element-39c08d9 .wd-marquee-item img {
	display: block;
	object-fit: contain !important;
	object-position: center;
	flex-shrink: 0;
}
/* The wd-fill <a> is an overlay click target — keep it covering the card */
.elementor-element-39c08d9 .wd-marquee-item .wd-fill {
	position: absolute !important;
	inset: 0;
	z-index: 2;
}
.elementor-element-39c08d9 .wd-marquee-item {
	position: relative;
}

/*
 * Task 4: Category tile CSS polish.
 * The four dark cards (Streetwear, Footwear, Accessories, Deals) get:
 * - Gradient depth (dark-to-darker), replacing flat #111
 * - Hover: subtle inner glow + arrow reveal
 * - Min-height increase for presence
 * - "Shop →" pseudo-element that slides in on hover
 * Scoped to page-id-67 only. Links and Elementor IDs unchanged.
 */
body.page-id-67 .elementor-element-5963894,
body.page-id-67 .elementor-element-580817a,
body.page-id-67 .elementor-element-24c29e5,
body.page-id-67 .elementor-element-140d16b {
	background: linear-gradient(160deg, #1c1c1c 0%, #0a0a0a 100%) !important;
	min-height: 200px !important;
	position: relative;
	overflow: hidden;
}

/* Subtle grain texture overlay via pseudo */
body.page-id-67 .elementor-element-5963894::after,
body.page-id-67 .elementor-element-580817a::after,
body.page-id-67 .elementor-element-24c29e5::after,
body.page-id-67 .elementor-element-140d16b::after {
	content: "SHOP →";
	position: absolute;
	bottom: 20px;
	left: 28px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 2px;
	color: rgba(255, 255, 255, 0.35);
	text-transform: uppercase;
	transform: translateY(8px);
	opacity: 0;
	transition: opacity 0.3s ease, transform 0.3s ease;
	pointer-events: none;
}

body.page-id-67 .elementor-element-5963894:hover::after,
body.page-id-67 .elementor-element-580817a:hover::after,
body.page-id-67 .elementor-element-24c29e5:hover::after,
body.page-id-67 .elementor-element-140d16b:hover::after {
	opacity: 1;
	transform: translateY(0);
}

/* Per-card accent glow on hover (matches top border color) */
body.page-id-67 .elementor-element-5963894:hover {
	background: linear-gradient(160deg, #1f1a0f 0%, #0a0a0a 100%) !important;
}
body.page-id-67 .elementor-element-580817a:hover {
	background: linear-gradient(160deg, #0f1620 0%, #0a0a0a 100%) !important;
}
body.page-id-67 .elementor-element-24c29e5:hover {
	background: linear-gradient(160deg, #0f1a13 0%, #0a0a0a 100%) !important;
}
body.page-id-67 .elementor-element-140d16b:hover {
	background: linear-gradient(160deg, #1f0f0f 0%, #0a0a0a 100%) !important;
}

/* ============================================================
   FINAL MICRO-FIX — Category card polish only.
   Per-tile vibe: large faded category-themed glyph in the
   background with subtle gradient, animated hover sweep.
   Does NOT change titles, links, or Elementor structure.
   ============================================================ */
body.page-id-67 .elementor-element-5963894,
body.page-id-67 .elementor-element-580817a,
body.page-id-67 .elementor-element-24c29e5,
body.page-id-67 .elementor-element-140d16b {
	background: linear-gradient(150deg, #1f1f1f 0%, #0a0a0a 70%) !important;
	min-height: 230px !important;
	position: relative;
	overflow: hidden;
}

/* Background glyphs per card using emoji */
body.page-id-67 .elementor-element-5963894::before { content: "👕"; }   /* Streetwear */
body.page-id-67 .elementor-element-580817a::before { content: "👟"; }   /* Footwear */
body.page-id-67 .elementor-element-24c29e5::before { content: "🧢"; }   /* Accessories */
body.page-id-67 .elementor-element-140d16b::before { content: "🔥"; }   /* Deals */

body.page-id-67 .elementor-element-5963894::before,
body.page-id-67 .elementor-element-580817a::before,
body.page-id-67 .elementor-element-24c29e5::before,
body.page-id-67 .elementor-element-140d16b::before {
	position: absolute;
	right: -12px;
	bottom: -28px;
	font-size: 180px;
	line-height: 1;
	opacity: 0.10;
	filter: grayscale(0.5) blur(0.6px);
	transform: rotate(-6deg);
	pointer-events: none;
	transition: opacity 0.5s ease, transform 0.6s ease;
	z-index: 0;
}
body.page-id-67 .elementor-element-5963894:hover::before,
body.page-id-67 .elementor-element-580817a:hover::before,
body.page-id-67 .elementor-element-24c29e5:hover::before,
body.page-id-67 .elementor-element-140d16b:hover::before {
	opacity: 0.18;
	transform: rotate(-2deg) scale(1.05);
}

/* Diagonal accent sweep on hover */
body.page-id-67 .elementor-element-5963894,
body.page-id-67 .elementor-element-580817a,
body.page-id-67 .elementor-element-24c29e5,
body.page-id-67 .elementor-element-140d16b {
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}
body.page-id-67 .elementor-element-5963894 > *,
body.page-id-67 .elementor-element-580817a > *,
body.page-id-67 .elementor-element-24c29e5 > *,
body.page-id-67 .elementor-element-140d16b > * {
	position: relative;
	z-index: 1;
}
body.page-id-67 .elementor-element-5963894:hover {
	background: linear-gradient(150deg, #2a2010 0%, #0a0a0a 70%) !important;
	box-shadow: 0 16px 40px rgba(212, 168, 67, 0.25);
}
body.page-id-67 .elementor-element-580817a:hover {
	background: linear-gradient(150deg, #11202e 0%, #0a0a0a 70%) !important;
	box-shadow: 0 16px 40px rgba(74, 144, 217, 0.25);
}
body.page-id-67 .elementor-element-24c29e5:hover {
	background: linear-gradient(150deg, #112617 0%, #0a0a0a 70%) !important;
	box-shadow: 0 16px 40px rgba(61, 188, 123, 0.25);
}
body.page-id-67 .elementor-element-140d16b:hover {
	background: linear-gradient(150deg, #2a1212 0%, #0a0a0a 70%) !important;
	box-shadow: 0 16px 40px rgba(217, 74, 74, 0.25);
}

/* SHOP → reveal on hover (was added in earlier phase, refine timing here) */
body.page-id-67 .elementor-element-5963894:hover::after,
body.page-id-67 .elementor-element-580817a:hover::after,
body.page-id-67 .elementor-element-24c29e5:hover::after,
body.page-id-67 .elementor-element-140d16b:hover::after {
	color: rgba(255, 255, 255, 0.85);
}

/* ===================================================================
   PHASE 15D - Homepage navigation and shared product-card truthfulness
   =================================================================== */

/* Elementor renders these as native anchor containers. The full visible card
   is therefore one normal link rather than a JavaScript navigation layer. */
body.page-id-67 a.tdd-el-category-card {
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

body.page-id-67 a.tdd-el-category-card:focus,
body.page-id-67 a.tdd-el-category-card:focus-visible {
	outline: 3px solid #fff !important;
	outline-offset: 5px !important;
	box-shadow: 0 0 0 8px rgba(17, 17, 17, .75);
}

body.page-id-67 a.tdd-el-category-card .elementor-heading-title {
	color: inherit;
}

/* Reserve two subtitle lines on compact cards so wrapped and unwrapped copy
   shares one title and CTA baseline. */
@media (max-width: 767px) {
	body.page-id-67 a.tdd-el-category-card {
		min-height: 124px !important;
		padding: 0 10px 16px !important;
	}

	body.page-id-67 a.tdd-el-category-card > .elementor-widget-heading:nth-child(2) {
		display: flex;
		align-items: flex-end;
		height: 32px;
		margin: 10px 0 6px !important;
	}

	body.page-id-67 a.tdd-el-category-card > .elementor-widget-heading:nth-child(2) p.elementor-heading-title {
		line-height: 1.2;
	}

	body.page-id-67 a.tdd-el-category-card > .elementor-widget-heading:nth-child(3) {
		margin: 0 !important;
	}

	body.page-id-67 a.tdd-el-category-card::after {
		content: "SHOP \2192";
		position: absolute;
		left: 10px;
		bottom: 10px;
		color: rgba(255, 255, 255, .78);
		font-size: 11px;
		font-weight: 700;
		letter-spacing: 2px;
		text-transform: uppercase;
		opacity: .78;
		transform: none;
		pointer-events: none;
	}
}

/* Size chips are display-only availability information. Colour swatches keep
   their separate WoodMart image-switching behavior. */
.wd-products .tdd-loop-size-swatches,
.wd-products .tdd-loop-size-swatches * {
	cursor: default !important;
}

/* Variable cards always expose the truthful Select Options text. */
.wd-products a.product_type_variable.add-to-cart-loop .wd-action-icon {
	display: none !important;
}

.wd-products a.product_type_variable.add-to-cart-loop .wd-action-text {
	display: inline-flex !important;
	opacity: 1 !important;
	transform: none !important;
}

/* Shared vertical rhythm: cards fill their row, CTAs share a baseline, and
   bottom spacing comes from the component instead of product exceptions. */
.wd-products .wd-product .wd-product-wrapper {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.wd-products .wd-product .product-element-bottom {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	padding: 0 12px 18px;
}

.wd-products .wd-product .wd-add-btn {
	margin-top: auto;
	padding-top: 12px;
}

/* Normalize the rendered frame without replacing photography. contain keeps
   each garment centered, undistorted, and fully visible. */
.wd-products .wd-product .product-element-top {
	aspect-ratio: 1 / 1;
	background: #f5f5f5;
	overflow: hidden;
}

.wd-products .wd-product .product-image-link,
.wd-products .wd-product .product-image-link img,
.wd-products .wd-product .hover-img,
.wd-products .wd-product .hover-img img {
	width: 100%;
	height: 100% !important;
}

.wd-products .wd-product .product-image-link img,
.wd-products .wd-product .hover-img img {
	object-fit: contain !important;
	object-position: center;
}

/* Phase 15I — make WoodMart's existing registration route unmistakable without
   replacing its account dropdown or duplicating WooCommerce forms. */
@media (min-width: 1025px) {
	.wd-header-my-account .wd-dropdown-register .create-account-link {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 42px;
		padding: 9px 15px;
		border: 2px solid #1c1c1c;
		border-radius: 6px;
		background: #fff;
		color: #1c1c1c;
		font-size: 12px;
		font-weight: 700;
		letter-spacing: .35px;
		line-height: 1.2;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
	}

	.wd-header-my-account .wd-dropdown-register .create-account-link:hover {
		border-color: #1c1c1c;
		background: #1c1c1c;
		color: #fff;
	}

	.wd-header-my-account .wd-dropdown-register .create-account-link:focus-visible {
		outline: 3px solid #111;
		outline-offset: 3px;
	}
}

body.woocommerce-account .woocommerce-form-register button[type="submit"] {
	min-height: 44px;
	padding: 11px 24px;
	border: 2px solid #1c1c1c;
	border-radius: 6px;
	font-weight: 700;
	letter-spacing: .35px;
}

body.woocommerce-account .woocommerce-form-register button[type="submit"]:focus-visible {
	outline: 3px solid #111;
	outline-offset: 3px;
}

@media (max-width: 767px) {
	body.woocommerce-account .woocommerce-form-register button[type="submit"] {
		width: 100%;
	}
}

/* ===================================================================
   PHASE 15J - Client-approved visual and responsive polish
   =================================================================== */

/* Keep Phase 15E's disclosure geometry and behavior, while making only the
   top-level menu caret and submenu interaction states more legible. */
@media (min-width: 1025px) {
	.tdd-submenu-caret {
		font-size: 16px;
		line-height: 1;
		transform-origin: center;
	}

	.wd-nav-main .wd-dropdown .wd-sub-menu > li > a {
		padding: 8px 10px;
		border-radius: 5px;
		transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
	}

	.wd-nav-main .wd-dropdown .wd-sub-menu > li > a:hover,
	.wd-nav-main .wd-dropdown .wd-sub-menu > li > a:focus-visible {
		background: rgba(17, 17, 17, .07);
		color: #111;
		box-shadow: inset 3px 0 0 #111;
	}
}

/* The marquee section is already Elementor full-width. Remove only its 32px
   section inset and 10px populated-column inset; retain vertical breathing
   room and the existing item gap inside the moving content. */
body.page-id-67 .elementor-element-39c08d9 {
	padding-inline: 0 !important;
}

body.page-id-67 .elementor-element-39c08d9 > .elementor-container,
body.page-id-67 .elementor-element-39c08d9 .elementor-element-68efa5c,
body.page-id-67 .elementor-element-39c08d9 .elementor-element-ed8aa03,
body.page-id-67 .elementor-element-39c08d9 .elementor-widget-container {
	width: 100% !important;
	max-width: none !important;
}

body.page-id-67 .elementor-element-39c08d9 .elementor-element-68efa5c > .elementor-widget-wrap {
	padding: 10px 0 !important;
}

/* One responsive category-heading token for both Elementor card sets. */
body.page-id-67 a.tdd-el-category-card > .elementor-widget-heading:nth-child(3) .elementor-heading-title {
	font-size: clamp(15px, 2vw, 29px) !important;
	line-height: 1.08 !important;
}

/* Strengthen the shared View All component without changing either archive
   destination. Geometry is identical in normal, hover, and focus states. */
body.page-id-67 .elementor-element-2254731 .elementor-button,
body.page-id-67 .elementor-element-dc8364f .elementor-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 20px !important;
	border: 2px solid #111 !important;
	border-radius: 6px;
	background: #111 !important;
	color: #fff !important;
	font-weight: 700;
	letter-spacing: .75px;
	line-height: 1;
	transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;
}

body.page-id-67 .elementor-element-2254731 .elementor-button:hover,
body.page-id-67 .elementor-element-dc8364f .elementor-button:hover,
body.page-id-67 .elementor-element-2254731 .elementor-button:focus-visible,
body.page-id-67 .elementor-element-dc8364f .elementor-button:focus-visible {
	background: #fff !important;
	color: #111 !important;
	box-shadow: 0 5px 14px rgba(17, 17, 17, .16);
}

body.page-id-67 .elementor-element-2254731 .elementor-button:focus-visible,
body.page-id-67 .elementor-element-dc8364f .elementor-button:focus-visible {
	outline: 3px solid #111 !important;
	outline-offset: 3px !important;
}

/* Select Options uses one stable 44px box in every state. The span owns the
   reusable padding, so no product or section receives a special-case height. */
.wd-products a.product_type_variable.add-to-cart-loop {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 44px !important;
	min-height: 44px;
}

.wd-products a.product_type_variable.add-to-cart-loop .wd-action-text,
.wd-products a.product_type_variable.add-to-cart-loop:hover .wd-action-text,
.wd-products a.product_type_variable.add-to-cart-loop:focus-visible .wd-action-text {
	align-items: center;
	justify-content: center;
	height: 44px !important;
	min-height: 44px;
	padding: 8px 18px !important;
	line-height: 1.2;
}

.wd-products a.product_type_variable.add-to-cart-loop:focus-visible {
	outline: 3px solid #111 !important;
	outline-offset: 3px !important;
}

@media (max-width: 767px) {
	/* A compact two-column grid with a reserved CTA zone fixes the confirmed
	   heading/SHOP collision at its source and keeps every card fully tappable. */
	body.page-id-67 .tdd-el-category-section {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 14px !important;
		padding: 10px 8px 18px !important;
	}

	body.page-id-67 a.tdd-el-category-card {
		min-width: 0;
		min-height: 156px !important;
		padding: 0 10px 38px !important;
	}

	body.page-id-67 a.tdd-el-category-card > .elementor-widget-heading:nth-child(2) {
		margin: 10px 0 6px !important;
	}

	body.page-id-67 a.tdd-el-category-card > .elementor-widget-heading:nth-child(3) {
		min-width: 0;
		margin: 0 !important;
	}

	body.page-id-67 a.tdd-el-category-card > .elementor-widget-heading:nth-child(3) .elementor-heading-title {
		font-size: clamp(14px, 4vw, 16px) !important;
		letter-spacing: .8px !important;
		white-space: normal;
	}

	body.page-id-67 a.tdd-el-category-card::after {
		left: 10px;
		bottom: 12px;
		line-height: 1.2;
	}

	/* Shared mobile section-header spacing. Width-specific layout below keeps
	   DOM and focus order as heading then link. */
	body.page-id-67 .tdd-el-bestsellers-header,
	body.page-id-67 .tdd-el-seasonal-header {
		gap: 12px !important;
		padding: 48px 12px 0 !important;
		align-items: center !important;
	}

	body.page-id-67 .tdd-el-bestsellers-header > .e-con,
	body.page-id-67 .tdd-el-seasonal-header > .e-con {
		flex: none !important;
		width: auto !important;
		min-width: 0;
		max-width: none !important;
	}

	body.page-id-67 .tdd-el-bestsellers-header h2,
	body.page-id-67 .tdd-el-seasonal-header h2 {
		font-size: clamp(22px, 5.8vw, 24px) !important;
		line-height: 1.1 !important;
		white-space: nowrap;
	}

	body.page-id-67 .tdd-el-bestsellers-header .elementor-widget-button,
	body.page-id-67 .tdd-el-seasonal-header .elementor-widget-button {
		margin: 0 !important;
	}
}

@media (min-width: 360px) and (max-width: 767px) {
	body.page-id-67 .tdd-el-bestsellers-header,
	body.page-id-67 .tdd-el-seasonal-header {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
	}

	body.page-id-67 .tdd-el-bestsellers-header > .e-con:last-child,
	body.page-id-67 .tdd-el-seasonal-header > .e-con:last-child {
		justify-self: end;
	}
}

@media (max-width: 359px) {
	body.page-id-67 a.tdd-el-category-card {
		padding-inline: 5px !important;
	}

	body.page-id-67 a.tdd-el-category-card > .elementor-widget-heading:nth-child(3) .elementor-heading-title {
		font-size: 13px !important;
		letter-spacing: .3px !important;
	}

	body.page-id-67 a.tdd-el-category-card::after {
		left: 5px;
	}
}

@media (max-width: 359px) {
	body.page-id-67 .tdd-el-bestsellers-header,
	body.page-id-67 .tdd-el-seasonal-header {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		justify-items: start;
	}
}

/* ===================================================================
   PHASE 15M - Final client visual and content polish
   =================================================================== */

/* All four linked category cards use one centered content axis. Their shared
   Elementor structure, height, padding, focus behavior, and destinations stay
   intact; only alignment and the generated SHOP label are normalized. */
body.page-id-67 a.tdd-el-category-card {
	align-items: center !important;
	text-align: center !important;
}

body.page-id-67 a.tdd-el-category-card > .elementor-widget-heading {
	width: 100%;
	text-align: center !important;
}

body.page-id-67 a.tdd-el-category-card > .elementor-widget-heading .elementor-heading-title {
	text-align: center !important;
}

body.page-id-67 a.tdd-el-category-card::after {
	left: 50% !important;
	right: auto !important;
	white-space: nowrap;
	transform: translate(-50%, 8px);
}

body.page-id-67 a.tdd-el-category-card:hover::after,
body.page-id-67 a.tdd-el-category-card:focus-visible::after {
	opacity: 1;
	transform: translate(-50%, 0);
}

@media (max-width: 767px) {
	body.page-id-67 a.tdd-el-category-card::after {
		left: 50% !important;
		opacity: .78;
		transform: translateX(-50%) !important;
	}
}

/* WoodMart adds its cart glyph on the variable CTA anchor itself. The nested
   icon was already disabled, so suppress this remaining pseudo-element and
   retain the truthful SELECT OPTIONS label in normal, hover, and focus states. */
.wd-products a.product_type_variable.add-to-cart-loop::before {
	content: none !important;
	display: none !important;
}

.wd-products a.product_type_variable.add-to-cart-loop:hover .wd-action-text,
.wd-products a.product_type_variable.add-to-cart-loop:focus-visible .wd-action-text {
	opacity: 1 !important;
	transform: none !important;
}

/* Exact in-copy link added to the Shipping Information instruction. */
a.tdd-contact-us-link {
	color: #111;
	font-weight: 700;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

a.tdd-contact-us-link:hover {
	color: #555;
}

a.tdd-contact-us-link:focus-visible {
	border-radius: 2px;
	outline: 3px solid #111;
	outline-offset: 3px;
}

/* Keep every policy item on one consistent, accessible line box. */
.tdd-footer-bottom li {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	margin: 0 !important;
}

.tdd-footer-bottom li > a,
.tdd-footer-bottom li > .tdd-footer-unavailable {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	line-height: 1.4;
	text-align: center;
}

@media (max-width: 767px) {
	.tdd-footer-bottom ul {
		flex-direction: row !important;
		flex-wrap: wrap;
		gap: 0 clamp(14px, 4vw, 24px);
	}
}

@media (max-width: 390px) {
	.tdd-footer-bottom ul {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0 12px;
	}

	.tdd-footer-bottom li:last-child {
		grid-column: 1 / -1;
		justify-self: center;
	}
}