/*
 * Packing Lists page and the home short list. Ported from
 * "Packing List.dc.html" and the gear section of "Five Parks Life Home v2".
 *
 * Everything is scoped to .fpl-gear so the short list can sit inside any
 * theme. Palette (shared with the other FPL Core pages): parchment #f7efe2,
 * tan #f1e4cd, paper #fffdf7, ink #3a2f24, brown #6b5b45 / #5a4d3c, rust
 * #b06a2e (hover #8a4e1d), navy #2f4d7a (hover #24406b), gold #f0c98a,
 * dashed rule #ddcdab, dark #2e2318 / #1c1510.
 */

html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
body.fpl-gear-page {
	margin: 0;
	padding: 0;
	background: #f7efe2;
	-webkit-font-smoothing: antialiased;
}

.fpl-gear {
	font-family: "Figtree", sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: #3a2f24;
	text-align: left;
	min-width: 0;
}
body.fpl-gear-page .fpl-gear {
	background: #f7efe2;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	overflow-x: clip;
}
.fpl-gear *,
.fpl-gear *::before,
.fpl-gear *::after {
	box-sizing: border-box;
}
.fpl-gear a {
	color: #b06a2e;
	text-decoration-color: rgba(176, 106, 46, 0.45);
}
.fpl-gear a:hover {
	color: #8a4e1d;
}
.fpl-gear a:focus-visible,
.fpl-gear button:focus-visible {
	outline: 2px solid #b06a2e;
	outline-offset: 2px;
}
.fpl-gear h1,
.fpl-gear h2,
.fpl-gear h3 {
	font-family: "Figtree", sans-serif;
	text-transform: none;
	color: inherit;
	padding: 0;
}
.fpl-gear img {
	max-width: 100%;
	height: auto;
}
.fpl-gear-main {
	flex: 1 0 auto;
}
.fpl-gear .fpl-gear-kicker {
	font-weight: 700;
	letter-spacing: 4px;
	font-size: 13px;
	color: #b06a2e;
}
.fpl-gear .fpl-gear-hand {
	font-family: "Caveat", cursive;
	color: #6b5b45;
	font-weight: 600;
}

/* Header */
.fpl-gear-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 14px clamp(20px, 4vw, 48px);
	flex-wrap: wrap;
	background: #2e2318;
}
.fpl-gear .fpl-gear-brand {
	display: flex;
	align-items: center;
	gap: 12px;
	color: #f7efe2;
	text-decoration: none;
}
.fpl-gear .fpl-gear-brand img {
	width: 46px;
	height: 46px;
	object-fit: contain;
}
.fpl-gear-brand span {
	font-weight: 700;
	letter-spacing: 4px;
	font-size: 15px;
}
.fpl-gear-nav {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	align-items: center;
	font-weight: 700;
	letter-spacing: 2.5px;
	font-size: 13px;
}
.fpl-gear .fpl-gear-nav a {
	color: #f7efe2;
	text-decoration: none;
}
.fpl-gear .fpl-gear-nav a:hover {
	color: #f0c98a;
}
.fpl-gear .fpl-gear-nav a.fpl-gear-nav__pill {
	color: #2e2318;
	background: #f7efe2;
	padding: 9px 18px;
	border-radius: 999px;
}
.fpl-gear .fpl-gear-nav a.fpl-gear-nav__pill:hover {
	background: #f0c98a;
}
.fpl-gear-header a:focus-visible {
	outline-color: #f0c98a;
}

/* Logged-in preview note */
.fpl-gear .fpl-gear-preview-note {
	margin: 0;
	padding: 10px clamp(20px, 5vw, 64px);
	background: #fcf3dc;
	border-bottom: 2px dashed #ddcdab;
	font-size: 13.5px;
	color: #5a4d3c;
	text-align: center;
}

/* Hero */
.fpl-gear-hero {
	padding: 64px clamp(20px, 5vw, 64px) 12px;
	text-align: center;
}
.fpl-gear-hero__inner {
	max-width: 760px;
	margin: 0 auto;
}
.fpl-gear .fpl-gear-hero__title {
	font-weight: 800;
	letter-spacing: -0.02em;
	font-size: clamp(42px, 5.5vw, 68px);
	line-height: 1.05;
	margin: 12px 0 8px;
	color: #3a2f24;
}
.fpl-gear .fpl-gear-hero__intro {
	font-size: 17.5px;
	line-height: 1.7;
	color: #6b5b45;
	margin: 0;
}
.fpl-gear .fpl-gear-hero__hand {
	font-size: 24px;
	margin: 12px 0 0;
	transform: rotate(-1deg);
}
.fpl-gear-empty {
	padding: 40px 20px 80px;
	text-align: center;
	color: #6b5b45;
}

/* Sticky jump tags */
.fpl-gear-jump {
	position: sticky;
	top: 0;
	z-index: 50;
	background: rgba(247, 239, 226, 0.94);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	padding: 16px clamp(20px, 5vw, 64px);
}
body.admin-bar .fpl-gear-jump {
	top: 32px;
}
.fpl-gear-jump__inner {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	justify-content: center;
}
.fpl-gear .fpl-gear-tag {
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 9px;
	flex: 0 0 auto;
	border: 2.5px solid #3a2f24;
	border-radius: 6px;
	padding: 10px 18px 10px 13px;
	font-weight: 800;
	letter-spacing: 2px;
	font-size: 13px;
	line-height: 1.2;
	white-space: nowrap;
	box-shadow: 3px 3px 0 rgba(58, 47, 36, 0.25);
	background: #fffdf7;
	color: #5a4d3c;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.fpl-gear .fpl-gear-tag--navy {
	color: #2f4d7a;
}
.fpl-gear .fpl-gear-tag--1 { transform: rotate(-2deg); }
.fpl-gear .fpl-gear-tag--2 { transform: rotate(1.5deg); }
.fpl-gear .fpl-gear-tag--3 { transform: rotate(-1deg); }
.fpl-gear .fpl-gear-tag--4 { transform: rotate(2deg); }
.fpl-gear .fpl-gear-tag:hover {
	transform: rotate(0deg) translateY(-1px);
	box-shadow: 4px 4px 0 rgba(58, 47, 36, 0.3);
	color: #3a2f24;
}
.fpl-gear-tag__dot {
	width: 11px;
	height: 11px;
	border-radius: 50%;
	border: 2.5px solid currentColor;
	flex: 0 0 auto;
}

/* Sections */
.fpl-gear-section {
	padding: 44px clamp(20px, 5vw, 64px) 56px;
	scroll-margin-top: calc(var(--fpl-gear-jump-h, 76px) + 14px);
}
body.admin-bar .fpl-gear-section,
body.admin-bar .fpl-gear-card--kit {
	scroll-margin-top: calc(var(--fpl-gear-jump-h, 76px) + 46px);
}
.fpl-gear-card--kit {
	scroll-margin-top: calc(var(--fpl-gear-jump-h, 76px) + 28px);
}
.fpl-gear-section--tan,
.fpl-gear-closing.fpl-gear-section--tan {
	background: #f1e4cd url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22540%22%20viewBox%3D%220%200%20640%20540%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23a8845a%22%20stroke-width%3D%221.4%22%20opacity%3D%220.08%22%3E%3Cpath%20d%3D%22M120%2C80%20C200%2C30%20340%2C50%20370%2C120%20C400%2C190%20300%2C230%20210%2C210%20C120%2C190%2060%2C130%20120%2C80%20Z%22%2F%3E%3Cpath%20d%3D%22M150%2C100%20C210%2C62%20320%2C78%20345%2C130%20C370%2C182%20295%2C208%20225%2C192%20C155%2C176%20105%2C135%20150%2C100%20Z%22%2F%3E%3Cpath%20d%3D%22M180%2C118%20C225%2C92%20298%2C102%20318%2C138%20C338%2C174%20288%2C188%20238%2C176%20C188%2C164%20148%2C142%20180%2C118%20Z%22%2F%3E%3Cpath%20d%3D%22M480%2C330%20C570%2C290%20620%2C350%20600%2C410%20C580%2C470%20470%2C480%20420%2C440%20C370%2C400%20390%2C370%20480%2C330%20Z%22%2F%3E%3Cpath%20d%3D%22M490%2C352%20C558%2C322%20595%2C366%20580%2C410%20C565%2C454%20482%2C460%20445%2C430%20C408%2C400%20425%2C382%20490%2C352%20Z%22%2F%3E%3Cpath%20d%3D%22M502%2C374%20C548%2C354%20570%2C382%20560%2C410%20C550%2C438%20496%2C440%20472%2C420%20C448%2C400%20458%2C392%20502%2C374%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") repeat;
	background-size: 640px 540px;
}
.fpl-gear-section__inner {
	max-width: 820px;
	margin: 0 auto;
}
.fpl-gear-section--group .fpl-gear-section__inner {
	max-width: 1160px;
}
.fpl-gear-section__head {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 18px;
}
.fpl-gear-section--group .fpl-gear-section__head {
	margin-bottom: 6px;
}
.fpl-gear-section__titles {
	min-width: 0;
}
.fpl-gear-num {
	flex: 0 0 auto;
	width: 50px;
	height: 50px;
	border: 3px solid #b06a2e;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 900;
	font-size: 19px;
	color: #b06a2e;
}
.fpl-gear-section--navy .fpl-gear-num {
	border-color: #2f4d7a;
	color: #2f4d7a;
}
.fpl-gear-num--1 { transform: rotate(-5deg); }
.fpl-gear-num--2 { transform: rotate(4deg); }
.fpl-gear-num--3 { transform: rotate(-4deg); }
.fpl-gear-num--4 { transform: rotate(5deg); }
.fpl-gear .fpl-gear-section__title {
	font-weight: 800;
	letter-spacing: -0.01em;
	font-size: clamp(26px, 3vw, 34px);
	line-height: 1.15;
	margin: 0;
}
.fpl-gear .fpl-gear-section__hand {
	font-size: 21px;
	line-height: 1.25;
}
.fpl-gear .fpl-gear-section__intro {
	font-size: 15px;
	line-height: 1.6;
	color: #6b5b45;
	margin: 10px 0 26px;
	max-width: 70ch;
}

/* Cards */
.fpl-gear-card {
	position: relative;
	background: #fffdf7;
	border-radius: 10px;
	box-shadow: 0 18px 42px rgba(58, 47, 36, 0.18);
	padding: 28px clamp(20px, 4vw, 40px) 32px;
	min-width: 0;
}
.fpl-gear-card::before {
	content: "";
	position: absolute;
	top: -14px;
	left: 42%;
	width: 120px;
	height: 30px;
	background: rgba(224, 197, 148, 0.75);
	transform: rotate(-4deg);
	border-radius: 2px;
	z-index: 2;
}
.fpl-gear-card--tape-2::before {
	left: 38%;
	transform: rotate(3deg);
}
.fpl-gear-card--tape-3::before {
	left: 44%;
	transform: rotate(-3deg);
}
.fpl-gear-card--single + .fpl-gear-kits {
	margin-top: 36px;
}
.fpl-gear-kits {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(290px, 100%), 1fr));
	gap: 28px;
	align-items: start;
}
.fpl-gear-card--kit {
	padding: 26px 24px 28px;
	box-shadow: 0 16px 36px rgba(58, 47, 36, 0.16);
}
.fpl-gear-card--kit::before {
	top: -13px;
	left: 36%;
	width: 104px;
	height: 26px;
}
.fpl-gear-card--kit.fpl-gear-card--tape-2::before {
	left: 40%;
}
.fpl-gear-card--kit.fpl-gear-card--tape-3::before {
	left: 34%;
}
.fpl-gear .fpl-gear-card__title {
	font-weight: 800;
	letter-spacing: -0.01em;
	font-size: 22px;
	line-height: 1.2;
	margin: 0;
}
.fpl-gear .fpl-gear-card__hand {
	font-size: 20px;
	line-height: 1.25;
	margin: 2px 0 10px;
}
.fpl-gear .fpl-gear-card__intro {
	font-size: 15px;
	line-height: 1.6;
	color: #6b5b45;
	margin: 0 0 14px;
}

/* Checkbox rows */
.fpl-gear .fpl-gear-rows {
	list-style: none;
	margin: 0;
	padding: 0;
}
.fpl-gear .fpl-gear-row {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 2px dashed #ddcdab;
}
.fpl-gear .fpl-gear-row::before,
.fpl-gear .fpl-gear-row::marker {
	content: none;
}
.fpl-gear .fpl-gear-row:last-child {
	border-bottom: 0;
}
.fpl-gear .fpl-gear-row__input {
	position: absolute;
	opacity: 0;
	width: 24px;
	height: 24px;
	margin: 0;
	top: 50%;
	left: 4px;
	transform: translateY(-50%);
	pointer-events: none;
}
.fpl-gear .fpl-gear-row__label {
	display: flex;
	gap: 14px;
	align-items: center;
	padding: 13px 4px;
	cursor: pointer;
	margin: 0;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
	color: #3a2f24;
	text-transform: none;
	letter-spacing: normal;
}
.fpl-gear .fpl-gear-row__box {
	position: relative;
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	border: 2.5px solid #3a2f24;
	border-radius: 4px;
	background: #fffdf7;
	transition: background-color 0.12s ease;
}
.fpl-gear .fpl-gear-row__box::after {
	content: "";
	position: absolute;
	left: 6px;
	top: 1px;
	width: 7px;
	height: 13px;
	border: solid #3a2f24;
	border-width: 0 3px 3px 0;
	transform: rotate(45deg) scale(0.4);
	opacity: 0;
	transition: opacity 0.12s ease, transform 0.12s ease;
}
.fpl-gear .fpl-gear-row__input:checked + .fpl-gear-row__label .fpl-gear-row__box {
	background: #f0c98a;
}
.fpl-gear .fpl-gear-row__input:checked + .fpl-gear-row__label .fpl-gear-row__box::after {
	opacity: 1;
	transform: rotate(45deg) scale(1);
}
.fpl-gear .fpl-gear-row__input:focus-visible + .fpl-gear-row__label .fpl-gear-row__box {
	outline: 2px solid #b06a2e;
	outline-offset: 2px;
}
.fpl-gear .fpl-gear-row__label:hover .fpl-gear-row__box {
	background: #fcf3dc;
}
.fpl-gear .fpl-gear-row__input:checked + .fpl-gear-row__label:hover .fpl-gear-row__box {
	background: #f0c98a;
}
.fpl-gear .fpl-gear-row--off .fpl-gear-row__label {
	cursor: default;
}
.fpl-gear .fpl-gear-row--off .fpl-gear-row__box,
.fpl-gear .fpl-gear-row--off .fpl-gear-row__label:hover .fpl-gear-row__box {
	border-style: dashed;
	border-color: #b9a888;
	background: transparent;
}
.fpl-gear-row__text {
	min-width: 0;
}
.fpl-gear .fpl-gear-row__name {
	font-weight: 700;
}
.fpl-gear-row__sep {
	color: #c9a46a;
	font-weight: 700;
}
.fpl-gear-card--kit .fpl-gear-row__label {
	gap: 12px;
	padding: 12px 2px;
	font-size: 15px;
}
.fpl-gear-card--kit .fpl-gear-row__input {
	left: 2px;
}
.fpl-gear .fpl-gear-flag {
	display: inline-block;
	margin-left: 8px;
	padding: 1px 7px;
	border-radius: 999px;
	background: #e9dcc2;
	color: #5a4d3c;
	font-size: 10.5px;
	font-weight: 800;
	letter-spacing: 1px;
	vertical-align: 2px;
	white-space: nowrap;
}
.fpl-gear .fpl-gear-flag--asin {
	background: #f3d6c4;
	color: #8a3d12;
}

/* Pack It */
.fpl-gear .fpl-gear-btn {
	display: block;
	cursor: pointer;
	width: 100%;
	margin: 22px 0 0;
	background: #b06a2e;
	color: #fffdf7;
	font-family: "Figtree", sans-serif;
	font-weight: 700;
	letter-spacing: 2px;
	font-size: 16px;
	line-height: 1.3;
	text-transform: none;
	padding: 15px 20px;
	border-radius: 999px;
	border: none;
	box-shadow: none;
	transition: background-color 0.15s ease;
}
.fpl-gear .fpl-gear-btn:hover {
	background: #8a4e1d;
	color: #fffdf7;
}
.fpl-gear .fpl-gear-btn--navy {
	background: #2f4d7a;
}
.fpl-gear .fpl-gear-btn--navy:hover {
	background: #24406b;
}
.fpl-gear .fpl-gear-btn--navy:focus-visible {
	outline-color: #2f4d7a;
}
.fpl-gear-card--kit .fpl-gear-btn {
	margin-top: 18px;
	font-size: 14px;
	padding: 13px 18px;
}
.fpl-gear .fpl-gear-status {
	font-size: 12.5px;
	line-height: 1.45;
	color: #6b5b45;
	text-align: center;
	margin: 10px 0 0;
}
.fpl-gear-card--kit .fpl-gear-status {
	margin-top: 8px;
}
.fpl-gear .fpl-gear-status--off {
	margin-top: 18px;
	font-style: italic;
}
.fpl-gear .fpl-gear-disclosure {
	font-size: 11.5px;
	line-height: 1.45;
	color: #8a7a62;
	text-align: center;
	margin: 4px 0 0;
}

/* Closing links */
.fpl-gear-closing {
	text-align: center;
	padding: 0 clamp(20px, 5vw, 64px) 72px;
}
.fpl-gear-section--plain.fpl-gear-closing {
	background: transparent;
}
.fpl-gear .fpl-gear-browse {
	font-weight: 700;
	letter-spacing: 2px;
	font-size: 14px;
	color: #b06a2e;
	text-decoration: none;
	border-bottom: 2px solid #e5b96f;
}
.fpl-gear .fpl-gear-closing__hand {
	font-size: 21px;
	margin: 30px 0 0;
}

/* Footer */
.fpl-gear-footer {
	background: #1c1510;
	color: #c9b998;
	padding: 36px clamp(20px, 5vw, 64px);
}
.fpl-gear-footer__inner {
	max-width: 1160px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	align-items: center;
	justify-content: space-between;
}
.fpl-gear .fpl-gear-footer__home {
	color: #f0c98a;
	font-weight: 700;
	letter-spacing: 2px;
	font-size: 13px;
	text-decoration: none;
}
.fpl-gear-footer__meta {
	font-size: 12.5px;
}
.fpl-gear .fpl-gear-footer__meta a {
	color: #c9b998;
}

/* Home short list */
.fpl-gear.fpl-gear-teaser {
	padding: 88px clamp(20px, 5vw, 64px);
	background: #2e2318;
	color: #f7efe2;
}
.fpl-gear-teaser__grid {
	max-width: 1100px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
	gap: 52px;
	align-items: start;
}
.fpl-gear-teaser__text {
	min-width: 0;
}
.fpl-gear .fpl-gear-teaser__kicker {
	color: #f0c98a;
}
.fpl-gear .fpl-gear-teaser__title {
	font-weight: 800;
	letter-spacing: -0.02em;
	font-size: clamp(38px, 4.5vw, 58px);
	line-height: 1.05;
	margin: 10px 0 14px;
	color: #f7efe2;
}
.fpl-gear .fpl-gear-teaser__intro {
	font-size: 17px;
	line-height: 1.65;
	color: rgba(247, 239, 226, 0.85);
	max-width: 46ch;
	margin: 0;
}
.fpl-gear-teaser__links {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-top: 28px;
	align-items: flex-start;
}
.fpl-gear .fpl-gear-teaser__link {
	color: #f7efe2;
	font-weight: 700;
	letter-spacing: 2px;
	font-size: 14px;
	text-decoration: none;
	border-bottom: 2px solid rgba(247, 239, 226, 0.4);
}
.fpl-gear .fpl-gear-teaser__link:hover {
	color: #f0c98a;
}
.fpl-gear .fpl-gear-teaser__link--gold {
	color: #f0c98a;
	border-bottom-color: rgba(240, 201, 138, 0.5);
}
.fpl-gear .fpl-gear-teaser__link--gold:hover {
	color: #f7efe2;
}
.fpl-gear .fpl-gear-teaser__hand {
	font-size: 22px;
	color: #f0c98a;
	transform: rotate(-1deg);
	transform-origin: left center;
	margin: 42px 0 0;
}
.fpl-gear-teaser__card {
	min-width: 0;
	background: #f7efe2;
	color: #3a2f24;
	border-radius: 8px;
	padding: 26px clamp(18px, 3vw, 34px) 30px;
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
}
.fpl-gear .fpl-gear-teaser__cardhand {
	font-size: 24px;
	margin-bottom: 6px;
}
.fpl-gear-teaser .fpl-gear-btn {
	font-size: 17px;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
}
.fpl-gear-teaser .fpl-gear-disclosure {
	color: #7a6a52;
}

@media (max-width: 782px) {
	body.admin-bar .fpl-gear-jump {
		top: 46px;
	}
}
@media (max-width: 600px) {
	body.admin-bar .fpl-gear-jump {
		top: 0;
	}
	body.admin-bar .fpl-gear-section,
	body.admin-bar .fpl-gear-card--kit {
		scroll-margin-top: calc(var(--fpl-gear-jump-h, 60px) + 14px);
	}
}
@media (max-width: 640px) {
	.fpl-gear-header {
		gap: 12px;
	}
	.fpl-gear-nav {
		gap: 12px;
		letter-spacing: 1.5px;
		font-size: 12px;
	}
	.fpl-gear .fpl-gear-nav a.fpl-gear-nav__pill {
		padding: 8px 14px;
	}
	.fpl-gear-hero {
		padding-top: 48px;
	}
	/* One scrollable row of tags keeps the sticky bar short on a phone. */
	.fpl-gear-jump {
		padding: 10px 0;
	}
	.fpl-gear-jump__inner {
		flex-wrap: nowrap;
		justify-content: flex-start;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		padding: 6px 20px 8px;
		gap: 12px;
	}
	.fpl-gear-jump__inner::-webkit-scrollbar {
		display: none;
	}
	.fpl-gear .fpl-gear-tag {
		padding: 8px 14px 8px 11px;
		font-size: 12px;
		letter-spacing: 1.5px;
	}
	.fpl-gear-section {
		padding-top: 36px;
		padding-bottom: 44px;
	}
	.fpl-gear .fpl-gear-row__label {
		align-items: flex-start;
	}
	.fpl-gear .fpl-gear-row__box {
		margin-top: 1px;
	}
	.fpl-gear .fpl-gear-row__input {
		top: 14px;
		transform: none;
	}
	.fpl-gear.fpl-gear-teaser {
		padding-top: 64px;
		padding-bottom: 64px;
	}
}
@media (prefers-reduced-motion: reduce) {
	.fpl-gear .fpl-gear-tag,
	.fpl-gear .fpl-gear-row__box,
	.fpl-gear .fpl-gear-row__box::after,
	.fpl-gear .fpl-gear-btn {
		transition: none;
	}
}