@import url("fontawesome-all.min.css");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,400italic,600");

/*
	Telephasic by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	-webkit-text-size-adjust: none;
}

mark {
	background-color: transparent;
	color: inherit;
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input,
select,
textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

/* Basic */

@-ms-viewport {
	width: device-width;
}

html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

body {
	background: #f5f7fa;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	color: #52575c;
	line-height: 1.75em;
	font-size: 14pt;
}

body.is-preload *,
body.is-preload *:before,
body.is-preload *:after {
	-moz-animation: none !important;
	-webkit-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
}

input,
textarea,
select {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	color: #52575c;
	line-height: 1.75em;
	font-size: 15pt;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 300;
	color: #52575c;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
	text-decoration: none;
}

h2 {
	font-size: 2em;
	line-height: 1.25em;
}

h3 {
	font-size: 1.5em;
	line-height: 1.5em;
}

a {
	-moz-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
	-webkit-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
	-ms-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
	transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
	color: inherit;
	text-decoration: none;
	border-bottom: dotted 1px #62676c;
}

a:hover {
	color: #f35858;
	border-bottom-color: rgba(255, 255, 255, 0);
}

strong,
b {
	font-weight: 400;
	color: #42474c;
}

em,
i {
	font-style: italic;
}

sub {
	position: relative;
	top: 0.5em;
	font-size: 0.8em;
}

sup {
	position: relative;
	top: -0.5em;
	font-size: 0.8em;
}

hr {
	border: 0;
	border-top: solid 1px #c2c7cc;
}

blockquote {
	border-left: solid 0.5em #c2c7cc;
	padding: 1em 0 1em 2em;
	font-style: italic;
}

p,
ul,
ol,
dl,
table {
	margin-bottom: 1.5em;
}

br.clear {
	clear: both;
}

.features {
	margin-bottom: 1.5em;
}

.feature {
	text-align: center;
}

/* Sections/Article */

section,
article {
	margin-bottom: 3em;
}

section> :last-child,
article> :last-child,
section:last-child,
article:last-child {
	margin-bottom: 0;
}

.row>section,
.row>article {
	margin-bottom: 0;
}

header {
	margin-bottom: 1.5em;
}

header>p {
	display: block;
	color: #f35858;
	padding: 0.75em 0 1em 0;
	font-size: 1.5em;
	line-height: 1.5em;
}

header.major {
	text-align: center;
}

/* Container */

.container {
	margin: 0 auto;
	max-width: 100%;
	width: 1200px;
}

@media screen and (max-width: 1280px) {

	.container {
		width: 960px;
	}

}

@media screen and (max-width: 1080px) {

	.container {
		width: 100%;
	}

}

@media screen and (max-width: 820px) {

	.container {
		width: 100%;
	}

}

@media screen and (max-width: 736px) {

	.container {
		width: 100%;
	}

}

@media screen and (max-width: 480px) {

	.container {
		width: 100%;
	}

}

/* Row */

.row {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	align-items: stretch;
}

.row>* {
	box-sizing: border-box;
}

.row.gtr-uniform>*> :last-child {
	margin-bottom: 0;
}

.row.aln-left {
	justify-content: flex-start;
}

.row.aln-center {
	justify-content: center;
}

.row.aln-right {
	justify-content: flex-end;
}

.row.aln-top {
	align-items: flex-start;
}

.row.aln-middle {
	align-items: center;
}

.row.aln-bottom {
	align-items: flex-end;
}

.row>.imp {
	order: -1;
}

.row>.col-1 {
	width: 8.33333%;
}

.row>.off-1 {
	margin-left: 8.33333%;
}

.row>.col-2 {
	width: 16.66667%;
}

.row>.off-2 {
	margin-left: 16.66667%;
}

.row>.col-3 {
	width: 25%;
}

.row>.off-3 {
	margin-left: 25%;
}

.row>.col-4 {
	width: 33.33333%;
}

.row>.off-4 {
	margin-left: 33.33333%;
}

.row>.col-5 {
	width: 41.66667%;
}

.row>.off-5 {
	margin-left: 41.66667%;
}

.row>.col-6 {
	width: 50%;
}

.row>.off-6 {
	margin-left: 50%;
}

.row>.col-7 {
	width: 58.33333%;
}

.row>.off-7 {
	margin-left: 58.33333%;
}

.row>.col-8 {
	width: 66.66667%;
}

.row>.off-8 {
	margin-left: 66.66667%;
}

.row>.col-9 {
	width: 75%;
}

.row>.off-9 {
	margin-left: 75%;
}

.row>.col-10 {
	width: 83.33333%;
}

.row>.off-10 {
	margin-left: 83.33333%;
}

.row>.col-11 {
	width: 91.66667%;
}

.row>.off-11 {
	margin-left: 91.66667%;
}

.row>.col-12 {
	width: 100%;
}

.row>.off-12 {
	margin-left: 100%;
}

.row.gtr-0 {
	margin-top: 0px;
	margin-left: 0px;
}

.row.gtr-0>* {
	padding: 0px 0 0 0px;
}

.row.gtr-0.gtr-uniform {
	margin-top: 0px;
}

.row.gtr-0.gtr-uniform>* {
	padding-top: 0px;
}

.row.gtr-25 {
	margin-top: -12.5px;
	margin-left: -12.5px;
}

.row.gtr-25>* {
	padding: 12.5px 0 0 12.5px;
}

.row.gtr-25.gtr-uniform {
	margin-top: -12.5px;
}

.row.gtr-25.gtr-uniform>* {
	padding-top: 12.5px;
}

.row.gtr-50 {
	margin-top: -25px;
	margin-left: -25px;
}

.row.gtr-50>* {
	padding: 25px 0 0 25px;
}

.row.gtr-50.gtr-uniform {
	margin-top: -25px;
}

.row.gtr-50.gtr-uniform>* {
	padding-top: 25px;
}

.row {
	margin-top: -50px;
	margin-left: -50px;
}

.row>* {
	padding: 50px 0 0 50px;
}

.row.gtr-uniform {
	margin-top: -50px;
}

.row.gtr-uniform>* {
	padding-top: 50px;
}

.row.gtr-150 {
	margin-top: -75px;
	margin-left: -75px;
}

.row.gtr-150>* {
	padding: 75px 0 0 75px;
}

.row.gtr-150.gtr-uniform {
	margin-top: -75px;
}

.row.gtr-150.gtr-uniform>* {
	padding-top: 75px;
}

.row.gtr-200 {
	margin-top: -100px;
	margin-left: -100px;
}

.row.gtr-200>* {
	padding: 100px 0 0 100px;
}

.row.gtr-200.gtr-uniform {
	margin-top: -100px;
}

.row.gtr-200.gtr-uniform>* {
	padding-top: 100px;
}

@media screen and (max-width: 1280px) {

	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}

	.row>* {
		box-sizing: border-box;
	}

	.row.gtr-uniform>*> :last-child {
		margin-bottom: 0;
	}

	.row.aln-left {
		justify-content: flex-start;
	}

	.row.aln-center {
		justify-content: center;
	}

	.row.aln-right {
		justify-content: flex-end;
	}

	.row.aln-top {
		align-items: flex-start;
	}

	.row.aln-middle {
		align-items: center;
	}

	.row.aln-bottom {
		align-items: flex-end;
	}

	.row>.imp-normal {
		order: -1;
	}

	.row>.col-1-normal {
		width: 8.33333%;
	}

	.row>.off-1-normal {
		margin-left: 8.33333%;
	}

	.row>.col-2-normal {
		width: 16.66667%;
	}

	.row>.off-2-normal {
		margin-left: 16.66667%;
	}

	.row>.col-3-normal {
		width: 25%;
	}

	.row>.off-3-normal {
		margin-left: 25%;
	}

	.row>.col-4-normal {
		width: 33.33333%;
	}

	.row>.off-4-normal {
		margin-left: 33.33333%;
	}

	.row>.col-5-normal {
		width: 41.66667%;
	}

	.row>.off-5-normal {
		margin-left: 41.66667%;
	}

	.row>.col-6-normal {
		width: 50%;
	}

	.row>.off-6-normal {
		margin-left: 50%;
	}

	.row>.col-7-normal {
		width: 58.33333%;
	}

	.row>.off-7-normal {
		margin-left: 58.33333%;
	}

	.row>.col-8-normal {
		width: 66.66667%;
	}

	.row>.off-8-normal {
		margin-left: 66.66667%;
	}

	.row>.col-9-normal {
		width: 75%;
	}

	.row>.off-9-normal {
		margin-left: 75%;
	}

	.row>.col-10-normal {
		width: 83.33333%;
	}

	.row>.off-10-normal {
		margin-left: 83.33333%;
	}

	.row>.col-11-normal {
		width: 91.66667%;
	}

	.row>.off-11-normal {
		margin-left: 91.66667%;
	}

	.row>.col-12-normal {
		width: 100%;
	}

	.row>.off-12-normal {
		margin-left: 100%;
	}

	.row.gtr-0 {
		margin-top: 0px;
		margin-left: 0px;
	}

	.row.gtr-0>* {
		padding: 0px 0 0 0px;
	}

	.row.gtr-0.gtr-uniform {
		margin-top: 0px;
	}

	.row.gtr-0.gtr-uniform>* {
		padding-top: 0px;
	}

	.row.gtr-25 {
		margin-top: -10px;
		margin-left: -10px;
	}

	.row.gtr-25>* {
		padding: 10px 0 0 10px;
	}

	.row.gtr-25.gtr-uniform {
		margin-top: -10px;
	}

	.row.gtr-25.gtr-uniform>* {
		padding-top: 10px;
	}

	.row.gtr-50 {
		margin-top: -20px;
		margin-left: -20px;
	}

	.row.gtr-50>* {
		padding: 20px 0 0 20px;
	}

	.row.gtr-50.gtr-uniform {
		margin-top: -20px;
	}

	.row.gtr-50.gtr-uniform>* {
		padding-top: 20px;
	}

	.row {
		margin-top: -40px;
		margin-left: -40px;
	}

	.row>* {
		padding: 40px 0 0 40px;
	}

	.row.gtr-uniform {
		margin-top: -40px;
	}

	.row.gtr-uniform>* {
		padding-top: 40px;
	}

	.row.gtr-150 {
		margin-top: -60px;
		margin-left: -60px;
	}

	.row.gtr-150>* {
		padding: 60px 0 0 60px;
	}

	.row.gtr-150.gtr-uniform {
		margin-top: -60px;
	}

	.row.gtr-150.gtr-uniform>* {
		padding-top: 60px;
	}

	.row.gtr-200 {
		margin-top: -80px;
		margin-left: -80px;
	}

	.row.gtr-200>* {
		padding: 80px 0 0 80px;
	}

	.row.gtr-200.gtr-uniform {
		margin-top: -80px;
	}

	.row.gtr-200.gtr-uniform>* {
		padding-top: 80px;
	}

}

@media screen and (max-width: 1080px) {

	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}

	.row>* {
		box-sizing: border-box;
	}

	.row.gtr-uniform>*> :last-child {
		margin-bottom: 0;
	}

	.row.aln-left {
		justify-content: flex-start;
	}

	.row.aln-center {
		justify-content: center;
	}

	.row.aln-right {
		justify-content: flex-end;
	}

	.row.aln-top {
		align-items: flex-start;
	}

	.row.aln-middle {
		align-items: center;
	}

	.row.aln-bottom {
		align-items: flex-end;
	}

	.row>.imp-narrow {
		order: -1;
	}

	.row>.col-1-narrow {
		width: 8.33333%;
	}

	.row>.off-1-narrow {
		margin-left: 8.33333%;
	}

	.row>.col-2-narrow {
		width: 16.66667%;
	}

	.row>.off-2-narrow {
		margin-left: 16.66667%;
	}

	.row>.col-3-narrow {
		width: 25%;
	}

	.row>.off-3-narrow {
		margin-left: 25%;
	}

	.row>.col-4-narrow {
		width: 33.33333%;
	}

	.row>.off-4-narrow {
		margin-left: 33.33333%;
	}

	.row>.col-5-narrow {
		width: 41.66667%;
	}

	.row>.off-5-narrow {
		margin-left: 41.66667%;
	}

	.row>.col-6-narrow {
		width: 50%;
	}

	.row>.off-6-narrow {
		margin-left: 50%;
	}

	.row>.col-7-narrow {
		width: 58.33333%;
	}

	.row>.off-7-narrow {
		margin-left: 58.33333%;
	}

	.row>.col-8-narrow {
		width: 66.66667%;
	}

	.row>.off-8-narrow {
		margin-left: 66.66667%;
	}

	.row>.col-9-narrow {
		width: 75%;
	}

	.row>.off-9-narrow {
		margin-left: 75%;
	}

	.row>.col-10-narrow {
		width: 83.33333%;
	}

	.row>.off-10-narrow {
		margin-left: 83.33333%;
	}

	.row>.col-11-narrow {
		width: 91.66667%;
	}

	.row>.off-11-narrow {
		margin-left: 91.66667%;
	}

	.row>.col-12-narrow {
		width: 100%;
	}

	.row>.off-12-narrow {
		margin-left: 100%;
	}

	.row.gtr-0 {
		margin-top: 0px;
		margin-left: 0px;
	}

	.row.gtr-0>* {
		padding: 0px 0 0 0px;
	}

	.row.gtr-0.gtr-uniform {
		margin-top: 0px;
	}

	.row.gtr-0.gtr-uniform>* {
		padding-top: 0px;
	}

	.row.gtr-25 {
		margin-top: -10px;
		margin-left: -10px;
	}

	.row.gtr-25>* {
		padding: 10px 0 0 10px;
	}

	.row.gtr-25.gtr-uniform {
		margin-top: -10px;
	}

	.row.gtr-25.gtr-uniform>* {
		padding-top: 10px;
	}

	.row.gtr-50 {
		margin-top: -20px;
		margin-left: -20px;
	}

	.row.gtr-50>* {
		padding: 20px 0 0 20px;
	}

	.row.gtr-50.gtr-uniform {
		margin-top: -20px;
	}

	.row.gtr-50.gtr-uniform>* {
		padding-top: 20px;
	}

	.row {
		margin-top: -40px;
		margin-left: -40px;
	}

	.row>* {
		padding: 40px 0 0 40px;
	}

	.row.gtr-uniform {
		margin-top: -40px;
	}

	.row.gtr-uniform>* {
		padding-top: 40px;
	}

	.row.gtr-150 {
		margin-top: -60px;
		margin-left: -60px;
	}

	.row.gtr-150>* {
		padding: 60px 0 0 60px;
	}

	.row.gtr-150.gtr-uniform {
		margin-top: -60px;
	}

	.row.gtr-150.gtr-uniform>* {
		padding-top: 60px;
	}

	.row.gtr-200 {
		margin-top: -80px;
		margin-left: -80px;
	}

	.row.gtr-200>* {
		padding: 80px 0 0 80px;
	}

	.row.gtr-200.gtr-uniform {
		margin-top: -80px;
	}

	.row.gtr-200.gtr-uniform>* {
		padding-top: 80px;
	}

}

@media screen and (max-width: 820px) {

	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}

	.row>* {
		box-sizing: border-box;
	}

	.row.gtr-uniform>*> :last-child {
		margin-bottom: 0;
	}

	.row.aln-left {
		justify-content: flex-start;
	}

	.row.aln-center {
		justify-content: center;
	}

	.row.aln-right {
		justify-content: flex-end;
	}

	.row.aln-top {
		align-items: flex-start;
	}

	.row.aln-middle {
		align-items: center;
	}

	.row.aln-bottom {
		align-items: flex-end;
	}

	.row>.imp-narrower {
		order: -1;
	}

	.row>.col-1-narrower {
		width: 8.33333%;
	}

	.row>.off-1-narrower {
		margin-left: 8.33333%;
	}

	.row>.col-2-narrower {
		width: 16.66667%;
	}

	.row>.off-2-narrower {
		margin-left: 16.66667%;
	}

	.row>.col-3-narrower {
		width: 25%;
	}

	.row>.off-3-narrower {
		margin-left: 25%;
	}

	.row>.col-4-narrower {
		width: 33.33333%;
	}

	.row>.off-4-narrower {
		margin-left: 33.33333%;
	}

	.row>.col-5-narrower {
		width: 41.66667%;
	}

	.row>.off-5-narrower {
		margin-left: 41.66667%;
	}

	.row>.col-6-narrower {
		width: 50%;
	}

	.row>.off-6-narrower {
		margin-left: 50%;
	}

	.row>.col-7-narrower {
		width: 58.33333%;
	}

	.row>.off-7-narrower {
		margin-left: 58.33333%;
	}

	.row>.col-8-narrower {
		width: 66.66667%;
	}

	.row>.off-8-narrower {
		margin-left: 66.66667%;
	}

	.row>.col-9-narrower {
		width: 75%;
	}

	.row>.off-9-narrower {
		margin-left: 75%;
	}

	.row>.col-10-narrower {
		width: 83.33333%;
	}

	.row>.off-10-narrower {
		margin-left: 83.33333%;
	}

	.row>.col-11-narrower {
		width: 91.66667%;
	}

	.row>.off-11-narrower {
		margin-left: 91.66667%;
	}

	.row>.col-12-narrower {
		width: 100%;
	}

	.row>.off-12-narrower {
		margin-left: 100%;
	}

	.row.gtr-0 {
		margin-top: 0px;
		margin-left: 0px;
	}

	.row.gtr-0>* {
		padding: 0px 0 0 0px;
	}

	.row.gtr-0.gtr-uniform {
		margin-top: 0px;
	}

	.row.gtr-0.gtr-uniform>* {
		padding-top: 0px;
	}

	.row.gtr-25 {
		margin-top: -7.5px;
		margin-left: -7.5px;
	}

	.row.gtr-25>* {
		padding: 7.5px 0 0 7.5px;
	}

	.row.gtr-25.gtr-uniform {
		margin-top: -7.5px;
	}

	.row.gtr-25.gtr-uniform>* {
		padding-top: 7.5px;
	}

	.row.gtr-50 {
		margin-top: -15px;
		margin-left: -15px;
	}

	.row.gtr-50>* {
		padding: 15px 0 0 15px;
	}

	.row.gtr-50.gtr-uniform {
		margin-top: -15px;
	}

	.row.gtr-50.gtr-uniform>* {
		padding-top: 15px;
	}

	.row {
		margin-top: -30px;
		margin-left: -30px;
	}

	.row>* {
		padding: 30px 0 0 30px;
	}

	.row.gtr-uniform {
		margin-top: -30px;
	}

	.row.gtr-uniform>* {
		padding-top: 30px;
	}

	.row.gtr-150 {
		margin-top: -45px;
		margin-left: -45px;
	}

	.row.gtr-150>* {
		padding: 45px 0 0 45px;
	}

	.row.gtr-150.gtr-uniform {
		margin-top: -45px;
	}

	.row.gtr-150.gtr-uniform>* {
		padding-top: 45px;
	}

	.row.gtr-200 {
		margin-top: -60px;
		margin-left: -60px;
	}

	.row.gtr-200>* {
		padding: 60px 0 0 60px;
	}

	.row.gtr-200.gtr-uniform {
		margin-top: -60px;
	}

	.row.gtr-200.gtr-uniform>* {
		padding-top: 60px;
	}

}

@media screen and (max-width: 736px) {

	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}

	.row>* {
		box-sizing: border-box;
	}

	.row.gtr-uniform>*> :last-child {
		margin-bottom: 0;
	}

	.row.aln-left {
		justify-content: flex-start;
	}

	.row.aln-center {
		justify-content: center;
	}

	.row.aln-right {
		justify-content: flex-end;
	}

	.row.aln-top {
		align-items: flex-start;
	}

	.row.aln-middle {
		align-items: center;
	}

	.row.aln-bottom {
		align-items: flex-end;
	}

	.row>.imp-mobile {
		order: -1;
	}

	.row>.col-1-mobile {
		width: 8.33333%;
	}

	.row>.off-1-mobile {
		margin-left: 8.33333%;
	}

	.row>.col-2-mobile {
		width: 16.66667%;
	}

	.row>.off-2-mobile {
		margin-left: 16.66667%;
	}

	.row>.col-3-mobile {
		width: 25%;
	}

	.row>.off-3-mobile {
		margin-left: 25%;
	}

	.row>.col-4-mobile {
		width: 33.33333%;
	}

	.row>.off-4-mobile {
		margin-left: 33.33333%;
	}

	.row>.col-5-mobile {
		width: 41.66667%;
	}

	.row>.off-5-mobile {
		margin-left: 41.66667%;
	}

	.row>.col-6-mobile {
		width: 50%;
	}

	.row>.off-6-mobile {
		margin-left: 50%;
	}

	.row>.col-7-mobile {
		width: 58.33333%;
	}

	.row>.off-7-mobile {
		margin-left: 58.33333%;
	}

	.row>.col-8-mobile {
		width: 66.66667%;
	}

	.row>.off-8-mobile {
		margin-left: 66.66667%;
	}

	.row>.col-9-mobile {
		width: 75%;
	}

	.row>.off-9-mobile {
		margin-left: 75%;
	}

	.row>.col-10-mobile {
		width: 83.33333%;
	}

	.row>.off-10-mobile {
		margin-left: 83.33333%;
	}

	.row>.col-11-mobile {
		width: 91.66667%;
	}

	.row>.off-11-mobile {
		margin-left: 91.66667%;
	}

	.row>.col-12-mobile {
		width: 100%;
	}

	.row>.off-12-mobile {
		margin-left: 100%;
	}

	.row.gtr-0 {
		margin-top: 0px;
		margin-left: 0px;
	}

	.row.gtr-0>* {
		padding: 0px 0 0 0px;
	}

	.row.gtr-0.gtr-uniform {
		margin-top: 0px;
	}

	.row.gtr-0.gtr-uniform>* {
		padding-top: 0px;
	}

	.row.gtr-25 {
		margin-top: -5px;
		margin-left: -5px;
	}

	.row.gtr-25>* {
		padding: 5px 0 0 5px;
	}

	.row.gtr-25.gtr-uniform {
		margin-top: -5px;
	}

	.row.gtr-25.gtr-uniform>* {
		padding-top: 5px;
	}

	.row.gtr-50 {
		margin-top: -10px;
		margin-left: -10px;
	}

	.row.gtr-50>* {
		padding: 10px 0 0 10px;
	}

	.row.gtr-50.gtr-uniform {
		margin-top: -10px;
	}

	.row.gtr-50.gtr-uniform>* {
		padding-top: 10px;
	}

	.row {
		margin-top: -20px;
		margin-left: -20px;
	}

	.row>* {
		padding: 20px 0 0 20px;
	}

	.row.gtr-uniform {
		margin-top: -20px;
	}

	.row.gtr-uniform>* {
		padding-top: 20px;
	}

	.row.gtr-150 {
		margin-top: -30px;
		margin-left: -30px;
	}

	.row.gtr-150>* {
		padding: 30px 0 0 30px;
	}

	.row.gtr-150.gtr-uniform {
		margin-top: -30px;
	}

	.row.gtr-150.gtr-uniform>* {
		padding-top: 30px;
	}

	.row.gtr-200 {
		margin-top: -40px;
		margin-left: -40px;
	}

	.row.gtr-200>* {
		padding: 40px 0 0 40px;
	}

	.row.gtr-200.gtr-uniform {
		margin-top: -40px;
	}

	.row.gtr-200.gtr-uniform>* {
		padding-top: 40px;
	}

}

@media screen and (max-width: 480px) {

	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}

	.row>* {
		box-sizing: border-box;
	}

	.row.gtr-uniform>*> :last-child {
		margin-bottom: 0;
	}

	.row.aln-left {
		justify-content: flex-start;
	}

	.row.aln-center {
		justify-content: center;
	}

	.row.aln-right {
		justify-content: flex-end;
	}

	.row.aln-top {
		align-items: flex-start;
	}

	.row.aln-middle {
		align-items: center;
	}

	.row.aln-bottom {
		align-items: flex-end;
	}

	.row>.imp-mobilep {
		order: -1;
	}

	.row>.col-1-mobilep {
		width: 8.33333%;
	}

	.row>.off-1-mobilep {
		margin-left: 8.33333%;
	}

	.row>.col-2-mobilep {
		width: 16.66667%;
	}

	.row>.off-2-mobilep {
		margin-left: 16.66667%;
	}

	.row>.col-3-mobilep {
		width: 25%;
	}

	.row>.off-3-mobilep {
		margin-left: 25%;
	}

	.row>.col-4-mobilep {
		width: 33.33333%;
	}

	.row>.off-4-mobilep {
		margin-left: 33.33333%;
	}

	.row>.col-5-mobilep {
		width: 41.66667%;
	}

	.row>.off-5-mobilep {
		margin-left: 41.66667%;
	}

	.row>.col-6-mobilep {
		width: 50%;
	}

	.row>.off-6-mobilep {
		margin-left: 50%;
	}

	.row>.col-7-mobilep {
		width: 58.33333%;
	}

	.row>.off-7-mobilep {
		margin-left: 58.33333%;
	}

	.row>.col-8-mobilep {
		width: 66.66667%;
	}

	.row>.off-8-mobilep {
		margin-left: 66.66667%;
	}

	.row>.col-9-mobilep {
		width: 75%;
	}

	.row>.off-9-mobilep {
		margin-left: 75%;
	}

	.row>.col-10-mobilep {
		width: 83.33333%;
	}

	.row>.off-10-mobilep {
		margin-left: 83.33333%;
	}

	.row>.col-11-mobilep {
		width: 91.66667%;
	}

	.row>.off-11-mobilep {
		margin-left: 91.66667%;
	}

	.row>.col-12-mobilep {
		width: 100%;
	}

	.row>.off-12-mobilep {
		margin-left: 100%;
	}

	.row.gtr-0 {
		margin-top: 0px;
		margin-left: 0px;
	}

	.row.gtr-0>* {
		padding: 0px 0 0 0px;
	}

	.row.gtr-0.gtr-uniform {
		margin-top: 0px;
	}

	.row.gtr-0.gtr-uniform>* {
		padding-top: 0px;
	}

	.row.gtr-25 {
		margin-top: -5px;
		margin-left: -5px;
	}

	.row.gtr-25>* {
		padding: 5px 0 0 5px;
	}

	.row.gtr-25.gtr-uniform {
		margin-top: -5px;
	}

	.row.gtr-25.gtr-uniform>* {
		padding-top: 5px;
	}

	.row.gtr-50 {
		margin-top: -10px;
		margin-left: -10px;
	}

	.row.gtr-50>* {
		padding: 10px 0 0 10px;
	}

	.row.gtr-50.gtr-uniform {
		margin-top: -10px;
	}

	.row.gtr-50.gtr-uniform>* {
		padding-top: 10px;
	}

	.row {
		margin-top: -20px;
		margin-left: -20px;
	}

	.row>* {
		padding: 20px 0 0 20px;
	}

	.row.gtr-uniform {
		margin-top: -20px;
	}

	.row.gtr-uniform>* {
		padding-top: 20px;
	}

	.row.gtr-150 {
		margin-top: -30px;
		margin-left: -30px;
	}

	.row.gtr-150>* {
		padding: 30px 0 0 30px;
	}

	.row.gtr-150.gtr-uniform {
		margin-top: -30px;
	}

	.row.gtr-150.gtr-uniform>* {
		padding-top: 30px;
	}

	.row.gtr-200 {
		margin-top: -40px;
		margin-left: -40px;
	}

	.row.gtr-200>* {
		padding: 40px 0 0 40px;
	}

	.row.gtr-200.gtr-uniform {
		margin-top: -40px;
	}

	.row.gtr-200.gtr-uniform>* {
		padding-top: 40px;
	}

}

/* Image */

.image {
	-moz-transition: opacity 0.25s ease-in-out;
	-webkit-transition: opacity 0.25s ease-in-out;
	-ms-transition: opacity 0.25s ease-in-out;
	transition: opacity 0.25s ease-in-out;
	display: inline-block;
	outline: 0;
	border: 0;
}

.image img {
	display: block;
	width: 100%;
}

.image.fit {
	display: block;
	width: 100%;
}

.image.featured {
	display: block;
	width: 100%;
	margin: 0 0 3em 0;
}

.image.left {
	float: left;
	margin: 0 2em 2em 0;
}

.image.centered {
	display: block;
	margin: 0 0 3em 0;
}

.image.centered img {
	margin: 0 auto;
	width: auto;
}

a.image:hover {
	opacity: 0.85;
}

/* List */

ul {
	list-style: disc;
	padding-left: 1em;
}

ul li {
	padding-left: 0.5em;
}

ol {
	list-style: decimal;
	padding-left: 1.25em;
}

ol li {
	padding-left: 0.25em;
}

/* Actions */

ul.actions {
	padding-top: 1em;
	list-style: none;
	padding-left: 0;
}

ul.actions.major {
	text-align: center;
}

ul.actions li {
	display: inline-block;
	margin-left: 1em;
	padding-left: 0;
}

ul.actions li:first-child {
	margin-left: 0;
}

/* Divided */

ul.divided {
	list-style: none;
	padding-left: 0;
}

ul.divided li {
	border-top: solid 1px #d2d7dc;
	padding-top: 2em;
	margin-top: 2em;
	padding-left: 0;
}

ul.divided li:first-child {
	padding-top: 0;
	margin-top: 0;
	border-top: 0;
}

/* Icons */

ul.icons {
	list-style: none;
	padding-left: 0;
}

ul.icons li {
	padding-left: 0;
}

ul.icons li:before {
	display: inline-block;
	color: #fff;
	background: #61666b;
	width: 2.5em;
	height: 2.5em;
	border-radius: 0.35em;
	text-align: center;
	line-height: 2.5em;
	margin-right: 0.75em;
}

/* Menu */

ul.menu {
	list-style: none;
	padding-left: 0;
}

ul.menu li {
	display: inline-block;
	border-left: solid 1px #d2d7dc;
	padding-left: 1em;
	margin-left: 1em;
}

ul.menu li:first-child {
	border-left: 0;
	padding-left: 0;
	margin-left: 0;
}

/* Form */

form .actions {
	padding-top: 0;
}

form label {
	display: block;
	font-weight: 300;
	color: #52575c;
	margin: 0 0 0.5em 0;
}

form input[type="text"],
form input[type="email"],
form input[type="password"],
form select,
form textarea {
	-moz-transition: background-color 0.25s ease-in-out;
	-webkit-transition: background-color 0.25s ease-in-out;
	-ms-transition: background-color 0.25s ease-in-out;
	transition: background-color 0.25s ease-in-out;
	-webkit-appearance: none;
	display: block;
	background: #f9fbfe;
	border: solid 1px #d2d7dc;
	border-radius: 0.35em;
	width: 100%;
	line-height: 1.5em;
	padding: 0.75em;
}

form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="password"]:focus,
form select:focus,
form textarea:focus {
	background: #fff;
}

form textarea {
	min-height: 7em;
}

form ::-webkit-input-placeholder {
	color: #555 !important;
}

form :-moz-placeholder {
	color: #555 !important;
}

form ::-moz-placeholder {
	color: #555 !important;
}

form :-ms-input-placeholder {
	color: #555 !important;
}

form ::-moz-focus-inner {
	border: 0;
}

/* Table */

table {
	width: 100%;
}

table.default {
	width: 100%;
}

table.default tbody tr {
	border-top: solid 1px #D2D7DC;
}

table.default tbody tr:nth-child(2n+1) {
	background: #f9fbfe;
}

table.default td {
	padding: 0.5em 1em 0.5em 1em;
}

table.default th {
	text-align: left;
	font-weight: 400;
	padding: 0.5em 1em 0.5em 1em;
}

table.default tfoot {
	border-top: solid 1px #D2D7DC;
}

/* Button */

input[type="button"],
input[type="submit"],
input[type="reset"],
button,
.button {
	-moz-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
	-webkit-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
	-ms-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
	transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
	display: inline-block;
	color: inherit;
	background: none;
	text-decoration: none;
	border: solid 1px #c2c7cc;
	border-radius: 0.35em;
	padding: 0.8em 2em 0.8em 2em;
	cursor: pointer;
	outline: 0;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover,
.button:hover {
	color: #f35858;
	border-color: rgba(243, 88, 88, 0.5);
}

/* Icons */

.icon {
	text-decoration: none;
	text-decoration: none;
}

.icon:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	text-transform: none !important;
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
}

.icon:before {
	line-height: inherit;
}

.icon>.label {
	display: none;
}

.icon.solid:before {
	font-weight: 900;
}

.icon.brands:before {
	font-family: 'Font Awesome 5 Brands';
}

/* Wrappers */

.wrapper {
	position: relative;
	background: #fff;
	overflow-x: hidden;
	padding: 6em 0 6em 0;
}

.image-wrapper {
	position: relative;
}

.image-wrapper .image {
	position: relative;
	z-index: 2;
}

.image-wrapper.first:before {
	content: '';
	display: block;
	width: 2000%;
	height: 100%;
	position: absolute;
	left: -1000%;
	top: 0;
	z-index: 1;
	box-shadow: inset 0px 0px 0px 1px #e8e8e8;
	background: #f6f8fb url("images/image-wrapper.svg");
}

#header-wrapper {
	position: relative;
	padding: 4em 0 2em 0;
	background-image: url("images/header.svg");
	background-image: url("images/overlay.png"), url("images/header.svg"), -moz-linear-gradient(75deg, #FF7088 15%, #F2B69D 55%);
	background-image: url("images/overlay.png"), url("images/header.svg"), -webkit-linear-gradient(75deg, #FF7088 15%, #F2B69D 55%);
	background-image: url("images/overlay.png"), url("images/header.svg"), -ms-linear-gradient(75deg, #FF7088 15%, #F2B69D 55%);
	background-image: url("images/overlay.png"), url("images/header.svg"), linear-gradient(75deg, #FF7088 15%, #F2B69D 55%);
	background-color: #f08c89;
	background-size: 100% 620%;
	background-size: 128px 128px, 100% 620%, auto;
	background-repeat: repeat, no-repeat, no-repeat;
}

.homepage #header-wrapper {
	padding: 10em 0 6em 0;
	background-size: 128px 128px, 100% 100%, auto;
}

#promo-wrapper {
	position: relative;
	background-image: url("images/overlay.png"), url("../../images/promo.jpg");
	background-size: 192px 192px, cover;
	background-position: top left, center center;
	color: #fff;
	text-align: center;
	padding: 6em 0 6em 0;
}

#footer-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	position: relative;
	border-top: solid 1px #c2c7cc;
	padding: 6em 0 6em 0;
	background-image: url("images/overlay.png"), url("images/footer.svg");
	background-size: 128px 128px, 100% 100%;
}

/* Header */

#logo {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 50%;
	width: 15em;
	margin-left: -7.5em;
}

#logo a {
	display: block;
	width: 100%;
	height: 4em;
	line-height: 4em;
	background: rgba(255, 255, 255, 0.15);
	border: solid 1px;
	border-color: #fff;
	border-color: rgba(255, 255, 255, 0.75);
	border-top: 0;
	border-radius: 0 0 0.35em 0.35em;
	color: #fff;
	display: inline-block;
	font-weight: 600;
	letter-spacing: 3px;
	text-align: center;
	text-transform: uppercase;
}

#nav {
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4em;
	line-height: 4em;
}

#nav>ul {
	margin: 0;
}

#nav>ul>li {
	display: inline-block;
	margin-left: 1em;
}

#nav>ul>li>ul {
	display: none;
}

#nav>ul>li>span,
#nav>ul>li>a {
	color: #fff;
	text-decoration: none;
	outline: 0;
	border: 0;
	border: solid 1px rgba(255, 255, 255, 0);
	border-radius: 0.35em;
	padding: 0.3em 1em 0.3em 1em;
	-moz-transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
	-webkit-transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
	-o-transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
	-ms-transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
	transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
}

#nav>ul>li.active>span,
#nav>ul>li.active>a {
	border-color: rgba(255, 255, 255, 0.75);
	background-color: rgba(255, 255, 255, 0.15);
	color: #fff;
}

#nav>ul>li:first-child {
	margin-left: 0;
}

#nav>ul>li.break {
	margin-left: 20em;
}

.dropotron {
	text-align: left;
	line-height: 2em;
	border-radius: 0.35em;
	min-width: 12em;
	background: #fff;
	line-height: 1em;
	padding: 0.85em 0 0.85em 0;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
	margin-top: -0.8em;
	list-style: none;
}

.dropotron a,
.dropotron span {
	display: block;
	padding: 0.65em 1em 0.65em 1em;
	border-top: solid 1px #e8e8e8;
	border-bottom: 0;
}

.dropotron li {
	padding-left: 0;
}

.dropotron li:first-child>a,
.dropotron li:first-child>span {
	border-top: 0;
}

.dropotron li.active>a,
.dropotron li.active>span {
	color: #f35858;
}

.dropotron.level-0 {
	font-size: 0.9em;
	margin-top: 0;
}

.dropotron.level-0:before {
	content: '';
	position: absolute;
	top: -1em;
	width: 1em;
	height: 1em;
	border-bottom: solid 0.5em #fff;
	border-left: solid 0.5em rgba(255, 255, 255, 0);
	border-right: solid 0.5em rgba(255, 255, 255, 0);
}

.dropotron.level-0.center:before {
	left: 50%;
	margin-left: -0.5em;
}

.dropotron.level-0.left:before {
	left: 1em;
}

.dropotron.level-0.right:before {
	right: 1em;
}

/* Hero */

#hero {
	position: relative;
	color: #fff;
	text-align: center;
	z-index: 1;
}

#hero h2 {
	color: #fff;
	font-size: 3em;
}

#hero strong {
	color: inherit;
}

#hero header>span {
	color: #fff;
}

#hero p {
	font-size: 1.5em;
	line-height: 1.5em;
}

#hero .button {
	background: #fff;
	border-color: rgba(255, 255, 255, 0);
	color: #f08c89;
	font-size: 1.25em;
}

#hero .button:hover {
	border-color: rgba(255, 255, 255, 0.75);
	background-color: rgba(255, 255, 255, 0.15);
	color: #fff;
}

#hero a {
	color: #fff;
	border-color: #fff;
	border-color: rgba(255, 255, 255, 0.5);
}

#hero a:hover {
	border-color: rgba(255, 255, 255, 0);
}

/* Promo */

#promo {
	background: rgba(255, 255, 255, 0.05);
	border: solid 1px rgba(255, 255, 255, 0.25);
	border-radius: 0.5em;
	padding: 1.75em 2.5em 1.75em 2.5em;
	display: inline-block;
	position: relative;
	z-index: 1;
}

#promo h2 {
	color: #fff;
	display: inline-block;
	margin-right: 1em;
	font-size: 1.75em;
}

#promo .button {
	background: #fff;
	border-color: rgba(255, 255, 255, 0);
	color: #27636B;
	font-size: 1.25em;
}

#promo .button:hover {
	border-color: rgba(255, 255, 255, 0.75);
	background-color: rgba(255, 255, 255, 0.15);
	color: #fff;
}

/* Main */

#main {
	padding-bottom: 4em;
}

/* Sidebar */

#sidebar section {
	border-top: solid 1px #d2d7dc;
	margin-top: 3em;
	padding-top: 3em;
}

#sidebar section:first-child {
	border-top: 0;
	margin-top: 0;
	padding-top: 0;
}

/* Footer */

#footer {
	position: relative;
	z-index: 1;
}

#footer header.major {
	margin-bottom: 3em;
}

/* Copyright */

#copyright {
	position: relative;
	z-index: 1;
	text-align: center;
	border-top: solid 1px #d2d7dc;
	color: #a2a7ac;
	padding-top: 4em;
	margin-top: 6em;
}

/* Normal */

@media screen and (max-width: 1280px) {

	/* Basic */

	body,
	input,
	textarea,
	select {
		line-height: 1.5em;
		font-size: 13pt;
	}

	span.extra {
		display: none;
	}

	/* Wrappers */

	.wrapper {
		padding: 5em 0 5em 0;
	}

	#header-wrapper {
		padding: 2em 0 2em 0;
	}

	.homepage #header-wrapper {
		padding: 8em 0 4em 0;
	}

	#promo-wrapper {
		padding: 5em 0 5em 0;
	}

	#footer-wrapper {
		padding: 5em 0 5em 0;
	}

}

/* Narrow */

@media screen and (max-width: 1080px) {

	/* Sections/Article */

	header br {
		display: none;
	}

	/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	button,
	.button {
		padding-left: 1.25em;
		padding-right: 1.25em;
	}

	/* Wrappers */

	.wrapper {
		padding: 4em 2em 4em 2em;
	}

	#header-wrapper {
		padding: 5em 0 1em 0;
	}

	.homepage #header-wrapper {
		padding: 5em 0 4em 0;
	}

	#promo-wrapper {
		padding: 2em;
	}

	#footer-wrapper {
		padding: 4em 2em 4em 2em;
	}

	/* Header */

	#nav {
		position: relative;
		margin: 0.5em 0 0 0;
		line-height: 2.25em;
		height: 2.25em;
	}

	#nav>ul>li {
		margin-left: 0;
	}

	#nav>ul>li.break {
		margin-left: 0;
	}

	.dropotron.level-0 {
		margin-top: 1.1em;
	}

	/* Hero */

	#hero {
		padding: 3.5em 4em 0 4em;
	}

	#hero h2 {
		font-size: 2.75em;
	}

	#hero p br {
		display: none;
	}

	/* Promo */

	#promo {
		padding: 1.75em 2.5em 1.75em 2.5em;
		display: inline-block;
	}

	#promo .button {
		font-size: 1.25em;
	}

	#promo h2 {
		display: block;
		margin: 0 0 1em 0;
		font-size: 1.5em;
	}

	/* Copyright */

	#copyright {
		padding-top: 2em;
		margin-top: 3em;
	}

}

/* Narrower */

@media screen and (max-width: 820px) {

	/* Basic */

	body,
	input,
	textarea,
	select {
		line-height: 1.5em;
		font-size: 14pt;
	}

	span.extra {
		display: inline;
	}

	.features {
		margin-bottom: 0;
	}

	/* Sections/Article */

	section,
	article {
		margin-bottom: 3em;
	}

	.row>section,
	.row>article {
		margin-bottom: 3em;
	}

	section:last-child,
	article:last-child {
		margin-bottom: 0;
	}

	.row>section:last-child,
	.row>article:last-child {
		margin-bottom: 0;
	}

	/* Menu */

	ul.menu {
		text-align: center;
	}

	ul.menu li {
		display: block;
		border: 0;
		padding: 0;
		margin: 0;
		line-height: 2em;
	}

	ul.menu li:first-child {
		border-top: 0;
	}

	/* Actions */

	ul.actions.major {
		padding-top: 2em;
	}

	/* Header */

	#nav {
		font-size: 0.9em;
	}

	#nav>ul>li>span,
	#nav>ul>li>a {
		padding: 0.25em 0.5em 0.25em 0.5em;
	}

	/* Hero */

	#hero h2 {
		font-size: 2.5em;
	}

	/* Main */

	#main {
		padding-bottom: 0;
	}

	/* Content */

	#content {
		margin-bottom: 3em;
	}

	/* Sidebar */

	#sidebar {
		margin-bottom: 3em;
	}

	#sidebar section {
		border-top: 0;
		margin-top: 0;
		padding-top: 1em;
	}

	/* Footer */

	#footer header.major {
		margin-bottom: 1.5em;
	}

}

/* Mobile */

#navPanel,
#navButton {
	display: none;
}

@media screen and (max-width: 736px) {

	/* Basic */

	html,
	body {
		overflow-x: hidden;
	}

	body,
	input,
	textarea,
	select {
		font-size: 13pt;
		letter-spacing: 0;
	}

	h2 {
		font-size: 1.5em;
		line-height: 1.25em;
	}

	/* Sections/Article */

	header {
		margin-bottom: 1em;
	}

	header>p {
		font-size: 1em;
	}

	/* Divided */

	ul.divided li {
		padding-top: 0.75em;
		margin-top: 0.75em;
	}

	/* Wrappers */

	.wrapper {
		padding: 3em 20px 3em 20px;
	}

	#header-wrapper {
		padding: 3em 20px 20px 20px;
		text-align: center;
	}

	.homepage #header-wrapper {
		padding: 3em 20px 3em 20px;
	}

	#promo-wrapper {
		padding: 20px;
	}

	#footer-wrapper {
		padding: 3em 20px 3em 20px;
	}

	/* Header */

	#logo {
		position: relative;
	}

	#logo a {
		border: solid 1px rgba(255, 255, 255, 0.75);
		border-radius: 0.35em;
		height: 3em;
		line-height: 3em;
	}

	/* Nav */

	#nav {
		display: none;
	}

	/* Footer */

	#footer ul.divided {
		margin: 0;
	}

	#footer ul.divided li:first-child {
		border-top: solid 1px #d2d7dc;
		padding-top: 0.75em;
		margin-top: 0.75em;
	}

	#footer ul.divided:first-child li:first-child {
		border-top: 0;
		padding-top: 0;
		margin-top: 0;
	}

	/* Hero */

	#hero {
		padding: 2.5em 2em 0 2em;
	}

	#hero header {
		margin: 0 0 1.25em 0;
	}

	#hero header h2 {
		font-size: 1.5em;
	}

	#hero p {
		font-size: 1em;
	}

	/* Nav */

	#page-wrapper {
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-transition: -moz-transform 0.5s ease;
		-webkit-transition: -webkit-transform 0.5s ease;
		-ms-transition: -ms-transform 0.5s ease;
		transition: transform 0.5s ease;
		padding-bottom: 1px;
	}

	#navButton {
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-transition: -moz-transform 0.5s ease;
		-webkit-transition: -webkit-transform 0.5s ease;
		-ms-transition: -ms-transform 0.5s ease;
		transition: transform 0.5s ease;
		display: block;
		height: 44px;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10001;
	}

	#navButton .toggle {
		text-decoration: none;
		border: 0;
		height: 100%;
		left: 0;
		outline: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

	#navButton .toggle:before {
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		line-height: 1;
		text-transform: none !important;
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
	}

	#navButton .toggle:before {
		background: rgba(128, 132, 136, 0.35);
		border-radius: 0 0 0.35em 0.35em;
		border-top: 0;
		color: #fff;
		content: '\f0c9';
		display: block;
		font-size: 18px;
		height: 30px;
		left: 50%;
		line-height: 30px;
		margin-left: -40px;
		position: absolute;
		text-align: center;
		text-decoration: none;
		width: 80px;
	}

	#navPanel {
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-transform: translateY(-50vh);
		-webkit-transform: translateY(-50vh);
		-ms-transform: translateY(-50vh);
		transform: translateY(-50vh);
		-moz-transition: -moz-transform 0.5s ease;
		-webkit-transition: -webkit-transform 0.5s ease;
		-ms-transition: -ms-transform 0.5s ease;
		transition: transform 0.5s ease;
		background-image: url("images/overlay.png"), url("images/navPanel.svg"), -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.25));
		background-image: url("images/overlay.png"), url("images/navPanel.svg"), -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.25));
		background-image: url("images/overlay.png"), url("images/navPanel.svg"), -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.25));
		background-image: url("images/overlay.png"), url("images/navPanel.svg"), linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.25));
		display: block;
		left: 0;
		overflow-y: auto;
		position: fixed;
		top: 0;
		width: 100%;
		height: 50vh;
		z-index: 10002;
		box-shadow: inset 0px -2px 5px 0px rgba(0, 0, 0, 0.25);
		font-size: 1em;
		background-color: #45474a;
		background-size: 128px 128px, 100% 100%, 100% 100%;
	}

	#navPanel .link {
		position: relative;
		z-index: 1;
		display: block;
		text-decoration: none;
		padding: 0.75em;
		color: #ddd;
		border: 0;
		border-top: dotted 1px rgba(255, 255, 255, 0.1);
	}

	#navPanel .link.depth-0 {
		color: #fff;
		font-weight: 400;
	}

	#navPanel .indent-1 {
		display: inline-block;
		width: 1em;
	}

	#navPanel .indent-2 {
		display: inline-block;
		width: 2em;
	}

	#navPanel .indent-3 {
		display: inline-block;
		width: 3em;
	}

	#navPanel .indent-4 {
		display: inline-block;
		width: 4em;
	}

	#navPanel .indent-5 {
		display: inline-block;
		width: 5em;
	}

	#navPanel .depth-0 {
		color: #fff;
	}

	body.navPanel-visible #page-wrapper {
		-moz-transform: translateY(50vh);
		-webkit-transform: translateY(50vh);
		-ms-transform: translateY(50vh);
		transform: translateY(50vh);
	}

	body.navPanel-visible #navButton {
		-moz-transform: translateY(50vh);
		-webkit-transform: translateY(50vh);
		-ms-transform: translateY(50vh);
		transform: translateY(50vh);
	}

	body.navPanel-visible #navPanel {
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

}

/* Mobile (Portrait) */

@media screen and (max-width: 480px) {

	/* Basic */

	body,
	input,
	textarea,
	select {
		font-size: 12pt;
		letter-spacing: 0;
	}

	.feature {
		text-align: left;
	}

	/* Sections/Article */

	section,
	article {
		margin-bottom: 2em;
	}

	.row>section,
	.row>article {
		margin-bottom: 2em;
	}

	header.major {
		text-align: left;
	}

	/* Image */

	.image {
		display: block;
	}

	.image.full,
	.image.left {
		float: none;
		display: block;
		width: 100%;
		margin: 0 0 1.5em 0;
	}

	.image-centered {
		float: none;
		display: block;
		width: 100%;
		margin: 0 0 1.5em 0;
	}

	/* Actions */

	ul.actions li {
		display: block;
		margin: 1em 0 0 0;
	}

	ul.actions li:first-child {
		margin-top: 0;
	}

	ul.actions.major {
		text-align: left !important;
	}

	/* Form */

	form textarea {
		min-height: 10em;
	}

	/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	button,
	.button {
		display: block;
		width: 100%;
		text-align: center;
	}

	/* Header */

	#logo {
		position: relative;
		left: 0;
		top: 0;
		margin: 0;
		width: 100%;
	}

	/* Hero */

	#hero {
		padding: 2.5em 0 0 0;
	}

	/* Promo */

	#promo {
		padding: 20px;
	}

	/* Content */

	#content {
		margin-bottom: 2em;
	}

	/* Sidebar */

	#sidebar {
		margin-bottom: 2em;
	}

	/* Footer */

	#footer header.major {
		margin-bottom: 1em;
	}

}

/* ================================================================
   Dontcha Blooms navigation + homepage section sizing
   Keep all custom navigation rules together in this section.
   ================================================================ */

#header {
	position: static;
}

.site-nav,
.site-nav * {
	box-sizing: border-box;
}

.site-nav {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 82px;
	min-height: 82px;
	padding: 0 4vw;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	background: #fbf7ee;
	color: #171717;
	box-shadow: none;
	font-family: 'Source Sans Pro', sans-serif;
	transition: background-color 220ms ease, color 220ms ease, box-shadow 220ms ease;
}

/* Homepage: nav sits transparently over the hero until the hero has passed. */
.homepage .site-nav:not(.is-scrolled),
.flowers-page .site-nav:not(.is-scrolled) {
	background: transparent;
	color: #fff;
	box-shadow: none;
}

.site-nav a,
.site-nav button {
	border: 0;
	color: inherit;
	text-decoration: none;
	font: inherit;
}

.site-nav a:hover {
	color: inherit;
	border: 0;
}

.site-nav .brand {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	border: 0;
}

.brand-wordmark {
	font-size: 0.92rem;
	line-height: 1;
	font-weight: 600;
	letter-spacing: 0.18em;
	white-space: nowrap;
}

.brand-logo {
	display: block;
	width: auto;
	height: 49px;
	max-width: 128px;
	object-fit: contain;
	filter: none;
	transition: filter .2s ease;
}

/* White wordmark only while the navbar is transparent over a hero. */
.homepage .site-nav:not(.is-scrolled):not(.mobile-open) .brand-logo,
.flowers-page .site-nav:not(.is-scrolled):not(.mobile-open) .brand-logo {
	filter: brightness(0) invert(1);
}

/* nav-v6.js uses .is-scrolled for the solid state. */
.site-nav.is-scrolled .brand-logo,
.site-nav.mobile-open .brand-logo {
	filter: none;
}


.nav-links {
	display: flex;
	align-items: center;
	gap: clamp(1.35rem, 2.4vw, 2.7rem);
	margin-left: 2rem;
	flex-shrink: 0;
}

.nav-links>a,
.nav-item>a {
	display: inline-flex;
	align-items: center;
	min-height: 82px;
	font-size: 0.82rem;
	font-weight: 400;
	letter-spacing: 0.025em;
	white-space: nowrap;
	border: 0;
	flex-shrink: 0;
}

.nav-item {
	position: relative;
}

.nav-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	width: 140px;
	min-width: 140px;
	padding-top: 0;
	transform: translateY(6px);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
	color: inherit;
}

.has-dropdown:hover .nav-dropdown,
.has-dropdown:focus-within .nav-dropdown {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
}

.nav-dropdown-inner {
	padding: 0.45rem 0;
	background: #fbf7ee;
	border: 1px solid rgba(0, 0, 0, 0.08);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.09);
	transition: background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.nav-dropdown-inner a {
	display: block;
	padding: 0.68rem 0.85rem;
	font-size: 0.8rem;
	line-height: 1.3;
	border: 0;
	white-space: nowrap;
	color: #171717;
}

.nav-dropdown-inner a:hover {
	background: #f7f7f5;
	color: #171717;
}

/* Match the dropdown surface to a transparent navbar over hero imagery. */
.homepage .site-nav:not(.is-scrolled) .nav-dropdown-inner,
.flowers-page .site-nav:not(.is-scrolled) .nav-dropdown-inner {
	background: transparent;
	border-color: transparent;
	box-shadow: none;
}

.homepage .site-nav:not(.is-scrolled) .nav-dropdown-inner a,
.flowers-page .site-nav:not(.is-scrolled) .nav-dropdown-inner a {
	color: #fff;
}

.homepage .site-nav:not(.is-scrolled) .nav-dropdown-inner a:hover,
.flowers-page .site-nav:not(.is-scrolled) .nav-dropdown-inner a:hover {
	background: rgba(255, 255, 255, 0.12);
	color: #fff;
}

/* Cart sits in the same nav rhythm as Bloom Bar: no divider line. */
.nav-utility {
	padding-left: 0;
	border-left: 0 !important;
}

.mobile-nav-toggle,
.mobile-nav-drawer,
.mobile-nav-backdrop {
	display: none;
}

body.dontcha-nav-open,
body.dontcha-cart-open {
	overflow: hidden;
}


/* Shared cart drawer. */
.cart-drawer {
	position: fixed !important;
	top: 0;
	right: 0;
	z-index: 2147483000;
	width: min(92vw, 520px);
	height: 100vh;
	height: 100dvh;
	display: flex;
	flex-direction: column;
	background: #fafaf7;
	color: #28241f;
	transform: translate3d(102%, 0, 0);
	visibility: hidden;
	pointer-events: none;
	transition: transform 240ms ease, visibility 0s linear 240ms;
	box-shadow: -20px 0 50px rgba(0, 0, 0, 0.12);
}

.cart-drawer.is-open {
	transform: translate3d(0, 0, 0);
	visibility: visible;
	pointer-events: auto;
	transition: transform 240ms ease;
}

.cart-drawer-backdrop {
	position: fixed !important;
	inset: 0;
	z-index: 2147482999;
	border: 0;
	background: rgba(0, 0, 0, 0.28);
	box-shadow: none;
}

.cart-drawer-backdrop[hidden] {
	display: none;
}

.cart-drawer-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.5rem 1.8rem 1.15rem;
	border-bottom: 1px solid #ddd6cb;
}

.cart-drawer-header h2 {
	margin: 0;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 1.55rem;
	font-weight: 400;
}

.cart-drawer-close {
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: #28241f;
	font-size: 2rem;
	line-height: 1;
	cursor: pointer;
}

.cart-drawer-items {
	flex: 1 1 auto;
	padding: 0 1.8rem;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.cart-drawer-empty {
	margin: 2rem 0;
	color: #746d63;
}

.cart-drawer-item {
	display: grid;
	grid-template-columns: 82px minmax(0, 1fr);
	gap: .9rem;
	height: 132px;
	padding: 1.05rem 0;
	border-bottom: 1px solid #ddd6cb;
	overflow: hidden;
}

.cart-item-image {
	display: block;
	width: 82px;
	height: 102px;
	overflow: hidden;
	background: #ece7de;
	border-bottom: 0;
}

.cart-item-image img,
.cart-item-image-placeholder {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cart-item-heading {
	display: flex;
	justify-content: space-between;
	gap: .75rem;
}

.cart-item-heading h3,
.cart-item-heading span {
	margin: 0;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: .98rem;
	font-weight: 400;
	line-height: 1.25;
}

.cart-item-heading span {
	white-space: nowrap;
}

.cart-item-option {
	margin: .3rem 0 0;
	font-size: .76rem;
	color: #746d63;
}

.cart-item-note {
	display: -webkit-box;
	margin: .4rem 0 0;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-size: .7rem;
	line-height: 1.3;
	color: #746d63;
}

.cart-item-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-top: .7rem;
}

.cart-item-quantity {
	display: inline-flex;
	align-items: center;
	gap: .65rem;
}

.cart-item-quantity button,
.cart-item-remove {
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: #28241f;
	font: inherit;
	cursor: pointer;
}

.cart-item-remove {
	font-size: .75rem;
	border-bottom: 1px solid currentColor;
}

.cart-drawer-footer {
	padding: 1.15rem 1.8rem 1.7rem;
	border-top: 1px solid #ddd6cb;
	background: #fafaf7;
}

.cart-drawer-subtotal {
	display: flex;
	justify-content: space-between;
	margin-bottom: .9rem;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 1.1rem;
}

.cart-drawer-subtotal strong {
	font-weight: 400;
}

.cart-drawer-checkout,
.cart-drawer-continue {
	display: flex;
	width: 100%;
	min-height: 48px;
	align-items: center;
	justify-content: center;
	border: 1px solid #28241f !important;
	background: #28241f;
	color: #fff !important;
	font-size: .76rem;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.cart-drawer-continue {
	background: transparent;
	color: #28241f !important;
}

/* Cart page. */
.cart-page {
	background: #f8f3e9;
	color: #4b2418;
}

.cart-page #header-wrapper {
	padding: 0;
	background: #f8f3e9;
}

.cart-page-main {
	min-height: 100vh;
	padding: calc(82px + 3rem) clamp(2rem, 5vw, 5rem) 5rem;
	display: grid;
	grid-template-columns: minmax(0, 1.65fr) minmax(360px, .9fr);
	gap: clamp(2.5rem, 5vw, 5rem);
	background: #f8f3e9;
}

.cart-page-heading {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 2rem;
	padding-bottom: 1.4rem;
	border-bottom: 1px solid #d8cfc0;
}

.cart-page-heading h1 {
	margin: 0;
	font-family: Georgia, 'Times New Roman', serif;
	font-style: italic;
	font-size: 2.25rem;
	font-weight: 400;
	color: #4b2418;
}

.cart-page-heading h1 span {
	display: inline-grid;
	place-items: center;
	min-width: 28px;
	height: 28px;
	margin-left: .45rem;
	border-radius: 50%;
	background: #eee5d6;
	font: 600 .72rem 'Source Sans Pro', sans-serif;
	font-style: normal;
}

.cart-page-heading>a {
	font-size: .72rem;
	font-weight: 600;
	letter-spacing: .11em;
	text-transform: uppercase;
	color: #4b2418;
}

.cart-page-item {
	display: grid;
	grid-template-columns: 108px minmax(0, 1fr);
	gap: 1.2rem;
	height: 158px;
	padding: 1.25rem 0;
	border-bottom: 1px solid #d8cfc0;
	overflow: hidden;
}

.cart-page-item-image {
	display: block;
	width: 108px;
	height: 132px;
	overflow: hidden;
	background: #ece7de;
	border-bottom: 0;
}

.cart-page-item-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cart-page-item-info {
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.cart-page-item-top {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
}

.cart-page-item-top h2 {
	margin: 0 0 .25rem;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 1.12rem;
	font-style: italic;
	font-weight: 400;
	color: #4b2418;
}

.cart-page-item-top p {
	margin: 0;
	font-size: .78rem;
	color: #765c51;
}

.cart-page-item-top strong {
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 1rem;
	font-weight: 400;
	white-space: nowrap;
}

.cart-page-card-note {
	display: -webkit-box;
	margin-top: .35rem !important;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-size: .68rem !important;
	line-height: 1.25;
}

.cart-page-item-bottom {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 1rem;
}

.cart-page-qty-label {
	display: block;
	margin-bottom: .3rem;
	font-family: Georgia, 'Times New Roman', serif;
	font-style: italic;
	font-size: .88rem;
}

.cart-page-qty {
	display: flex;
	gap: .75rem;
	align-items: center;
}

.cart-page-qty button,
.cart-page-item-links button {
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: #4b2418;
	font: inherit;
	cursor: pointer;
}

.cart-page-item-links {
	display: flex;
	gap: 1rem;
}

.cart-page-item-links button,
.cart-page-item-links a {
	font-size: .7rem;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #765c51;
	border-bottom: 0;
}

.cart-page-empty {
	padding: 4rem 0;
	text-align: center;
}

.cart-summary-panel {
	border: 1px solid #d8cfc0;
	align-self: start;
	background: rgba(255, 255, 255, .18);
}

.cart-summary-inner {
	padding: clamp(1.5rem, 3vw, 2.3rem);
}

.cart-summary-total {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	padding-bottom: 1.6rem;
	border-bottom: 1px solid #d8cfc0;
}

.cart-summary-total span {
	font-size: .92rem;
}

.cart-summary-total strong {
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 1.75rem;
	font-style: italic;
	font-weight: 400;
}

.cart-summary-copy {
	margin: 1.4rem 0;
	font-size: .84rem;
	line-height: 1.55;
	color: #765c51;
}

.cart-summary-section {
	padding-top: 1rem;
	border-top: 1px solid #d8cfc0;
}

.cart-summary-label,
.cart-summary-field>span {
	display: block;
	margin-bottom: .55rem;
	font-size: .66rem;
	font-weight: 600;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.cart-fulfilment-options {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .6rem;
}

.cart-fulfilment-options button {
	min-height: 46px;
	border: 1px solid #d8cfc0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: #4b2418;
	font-size: .68rem;
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.cart-fulfilment-options button.is-selected {
	background: #5a2a16;
	color: #fff;
	border-color: #5a2a16;
}

.cart-fulfilment-options small {
	margin-left: .35rem;
	font-size: .6rem;
}

.cart-summary-field {
	display: block;
	margin-top: 1rem;
}

.cart-summary-field input,
.cart-summary-field select {
	width: 100%;
	height: 42px;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #d8cfc0;
	border-radius: 0;
	background: transparent;
	color: #4b2418;
	box-shadow: none;
}

.cart-terms {
	display: flex;
	gap: .55rem;
	align-items: flex-start;
	margin: 2rem 0 1rem;
	font-size: .78rem;
	line-height: 1.4;
}

.cart-terms input {
	margin-top: .15rem;
}

.cart-continue-button {
	width: 100%;
	min-height: 48px;
	border-radius: 0;
	border: 1px solid #5a2a16;
	background: #5a2a16;
	color: #fff;
	letter-spacing: .14em;
	text-transform: uppercase;
	box-shadow: none;
}

.cart-checkout-message {
	min-height: 1.15rem;
	margin: .2rem 0 .55rem;
	font-size: .72rem;
	color: #9f4b3f;
}

/* Flowers page hero and catalogue layout. */
.flowers-page #header-wrapper {
	padding: 0;
	background: none;
}

.flowers-hero {
	width: 100%;
	height: clamp(280px, 38vh, 460px);
	background: url('../../images/flowers-hero2.webp') center center / cover no-repeat;
}

.flowers-page .wrapper {
	padding: 0;
	background: #f7f2e8;
}

.flowers-page .flowers-content {
	width: min(92vw, 1540px);
	max-width: none;
	padding: clamp(3.6rem, 5.2vw, 5.6rem) 0 clamp(3rem, 4.5vw, 4.8rem);
}

.flowers-intro {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
	gap: clamp(2rem, 7vw, 9rem);
	align-items: center;
	margin-bottom: clamp(2.8rem, 4vw, 4.2rem);
}

.flowers-intro h1 {
	margin: 0;
	font-size: clamp(2.15rem, 3.8vw, 4.15rem);
	line-height: 0.95;
	font-family: Georgia, 'Times New Roman', serif;
	font-style: italic;
	font-weight: 500;
	color: #4b2418;
}

.flowers-intro p {
	max-width: 540px;
	margin: 0;
	font-size: clamp(.92rem, 1.05vw, 1.08rem);
	line-height: 1.55;
	color: #4b2418;
}

.flower-category {
	margin: 0 0 clamp(3rem, 4.5vw, 4.7rem);
	scroll-margin-top: 105px;
}

.flower-category:last-child {
	margin-bottom: 0;
}

.flower-category h2 {
	margin: 0 0 1rem;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: clamp(1.28rem, 1.7vw, 1.72rem);
	font-weight: 500;
	color: #4b2418;
}

.product-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(1.1rem, 2.5vw, 2.8rem);
}

.product-card {
	min-width: 0;
}

.product-card-image {
	width: 100%;
	aspect-ratio: 1.82 / 1;
	background-image: url('../../images/flowers-hero.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
}

.product-card:nth-child(1) .product-card-image {
	background-position: 18% 52%;
}

.product-card:nth-child(2) .product-card-image {
	background-position: 52% 52%;
}

.product-card:nth-child(3) .product-card-image {
	background-position: 82% 52%;
}

.product-card h3 {
	margin: 1rem 0 0.15rem;
	font-size: 1rem;
	font-weight: 500;
	color: #4b2418;
}

.product-card p {
	margin: 0;
	font-size: 0.88rem;
	line-height: 1.4;
	color: #765c51;
}


/* Shared Flowers product cards: links and catalogue-generated content. */
.product-card-link {
	display: block;
	color: inherit;
	text-decoration: none;
	border: 0;
}

.product-card-link:hover {
	color: inherit;
	border: 0;
}

.product-card-image {
	background-color: #ece7de;
	transition: transform 260ms ease;
}

.product-card-link:hover .product-card-image {
	transform: scale(1.012);
}

.product-card-price {
	margin-top: 0.22rem !important;
}

/* Product detail page: data-driven gallery + sticky information. v7 mobile viewport composition */
.product-page {
	background: #fafaf7;
}

.product-page #header-wrapper {
	padding: 0;
	background: none;
}

/* Product pages use the same shared navbar dimensions and styling as every other page. */

.product-page .product-layout {
	display: grid;
	padding-top: 82px;
	grid-template-columns: minmax(0, 1fr) minmax(420px, 1fr);
	align-items: start;
	background: #fafaf7;
}

.product-mobile-first-screen {
	display: contents;
}

.product-mobile-summary {
	display: none;
}

.product-desktop-summary {
	display: block;
}

.product-gallery-wrap {
	position: relative;
	min-width: 0;
	background: #f2f0eb;
}

.product-gallery {
	min-width: 0;
	background: #f2f0eb;
}

.product-media {
	width: 100%;
	height: calc(100vh - 82px);
	height: calc(100svh - 82px);
	min-height: 540px;
	margin: 0;
	overflow: hidden;
	background: #f2f0eb;
}

.product-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-media.is-size-guide {
	height: calc(100vh - 82px);
	height: calc(100svh - 82px);
	min-height: 0 !important;
	background-color: #FAFAF7;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	padding: clamp(1.5rem, 4vw, 4rem);
}

.product-media.is-size-guide img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.product-info-column {
	position: sticky;
	top: 82px;
	height: calc(100vh - 82px);
	height: calc(100svh - 82px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding: 0 clamp(2.5rem, 6vw, 7rem) 4rem;
	background: #fafaf7;
	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
}

.product-info {
	width: min(100%, 560px);
	margin-top: clamp(1.7rem, 3vh, 2.35rem);
	padding-bottom: 2rem;
	text-align: center;
	color: #28241f;
}

.product-breadcrumb {
	margin: 0 0 0.9rem;
	font-size: 0.72rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #746d63;
}

.product-title {
	margin: 0;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: clamp(1.9rem, 2.45vw, 2.75rem);
	font-weight: 400;
	line-height: 1.08;
	color: #28241f;
}

.product-subtitle {
	margin: 0.35rem 0 0.75rem;
	font-size: 0.78rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #746d63;
}

.product-price {
	margin: 0 0 0.9rem;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 1.08rem;
	color: #28241f;
}

.product-detail-tabs {
	max-width: 540px;
	margin: 0.8rem auto 0;
}

.product-tab-list {
	display: flex;
	justify-content: center;
	gap: clamp(1rem, 2.2vw, 2rem);
	border-bottom: 1px solid #d8d2c8;
}

.product-tab {
	position: relative;
	padding: 0 0 0.65rem;
	border: 0;
	background: transparent;
	box-shadow: none;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 0.74rem;
	font-weight: 500;
	letter-spacing: 0.11em;
	text-transform: uppercase;
	color: #7a7369;
	cursor: pointer;
}

.product-tab::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 1px;
	background: transparent;
}

.product-tab.is-active {
	color: #28241f;
}

.product-tab.is-active::after {
	background: #28241f;
}

.product-tab-panel {
	padding-top: 0.62rem;
}

.product-tab-panel[hidden] {
	display: none;
}

.product-description {
	max-width: 520px;
	margin: 0 auto;
	font-size: 0.8rem;
	line-height: 1.38;
	color: #514b43;
}

.product-option-label {
	display: block;
	margin-bottom: 0.5rem;
	font-size: 0.74rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #746d63;
}

.product-options {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.55rem;
	margin-bottom: 0.75rem;
}

.product-option {
	min-width: 78px;
	padding: 0.7rem 0.9rem;
	border: 1px solid #bdb5aa;
	background: transparent;
	color: #28241f;
	font-size: 0.78rem;
	cursor: pointer;
}

.product-option.is-selected {
	border-color: #28241f;
	background: #28241f;
	color: #fff;
}

.product-options.has-error .product-option {
	border-color: #9f4b3f;
}

.product-validation {
	min-height: 0;
	margin: 0 auto 0.15rem;
	font-size: 0.72rem;
	color: #9f4b3f;
}

.product-validation:empty {
	display: none;
}

.product-card-note-label {
	display: block;
	width: min(100%, 420px);
	margin: 1.15rem auto 0.55rem;
	text-align: left;
	font-size: 0.78rem;
	font-weight: 500;
	color: #514b43;
}

.product-card-note-label span {
	float: right;
	font-size: 0.7rem;
	font-weight: 400;
	color: #8a8277;
}

.product-card-note {
	display: block;
	width: min(100%, 420px);
	height: 74px;
	min-height: 74px;
	margin: 0 auto 0.7rem;
	padding: 0.78rem 0.82rem;
	resize: vertical;
	border: 1px solid #bdb5aa;
	border-radius: 0;
	background: transparent;
	color: #28241f;
	font: inherit;
	box-shadow: none;
}

.product-card-note:focus {
	border-color: #28241f;
	outline: none;
}

.product-add-button {
	width: min(100%, 420px);
	min-height: 48px;
	padding: 0.8rem 1.1rem;
	border: 1px solid #28241f;
	border-radius: 0;
	background: #28241f;
	color: #fff;
	font-size: 0.78rem;
	font-weight: 400;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	box-shadow: none;
	cursor: pointer;
}

.product-add-button:hover {
	background: transparent;
	color: #28241f;
}

.product-contact-actions {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.7rem;
	margin-top: 1.4rem;
}

.product-contact-button {
	display: inline-flex;
	min-width: 180px;
	min-height: 48px;
	padding: 0.8rem 1.1rem;
	align-items: center;
	justify-content: center;
	border: 1px solid #28241f !important;
	background: #28241f;
	color: #fff !important;
	font-size: 0.78rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.product-contact-button.is-secondary {
	background: transparent;
	color: #28241f !important;
}

.product-contact-button:hover {
	background: transparent;
	color: #28241f !important;
}

.product-contact-button.is-secondary:hover {
	background: #28241f;
	color: #fff !important;
}

.product-carousel-dots {
	display: none;
}

.product-edit-note {
	margin: 1.15rem auto 0;
	font-size: 0.75rem;
	line-height: 1.5;
	color: #8a8277;
}

.product-not-found {
	min-height: 100vh;
	display: grid;
	place-items: center;
	padding: 6rem 2rem;
	text-align: center;
}

/* Homepage viewport sections. */
.homepage #header-wrapper {
	width: 100%;
	height: 100vh;
	height: 100svh;
	min-height: 100vh;
	min-height: 100svh;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-size: cover;
	background-position: center center;
}

.homepage #hero {
	width: 100%;
	min-height: 0;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-top: 110px;
	padding-bottom: 60px;
}

.homepage #page-wrapper>.wrapper,
.homepage #promo-wrapper {
	min-height: 100vh;
	min-height: 100svh;
	display: flex;
	align-items: center;
}

.homepage #page-wrapper>.wrapper>.container,
.homepage #promo-wrapper>#promo {
	width: 100%;
}

@media screen and (max-width: 1080px) and (min-width: 781px) {
	.homepage #header-wrapper {
		height: 100vh;
		height: 100svh;
		min-height: 100vh;
		min-height: 100svh;
	}

	.homepage #hero {
		min-height: 0;
		flex: 1 1 auto;
	}

	.site-nav {
		padding-left: 28px;
		padding-right: 28px;
	}

	.nav-links {
		gap: 1.15rem;
	}

	.nav-links>a,
	.nav-item>a {
		font-size: 0.76rem;
	}

	.flowers-intro {
		grid-template-columns: 0.8fr 1fr;
		gap: 3rem;
	}

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

	.product-page .product-layout {
		grid-template-columns: minmax(0, 1.08fr) minmax(380px, 0.92fr);
	}

	.product-info-column {
		padding: 0 3.5rem 3rem;
	}

	.product-info {
		margin-top: 1.25rem;
	}
}

@media screen and (max-width: 780px) {
	.site-nav {
		height: 68px;
		min-height: 68px;
		padding: 0 20px;
	}

	.nav-links {
		display: none;
	}

	.brand-wordmark {
		font-size: 0.78rem;
		letter-spacing: 0.16em;
	}

	.mobile-nav-toggle {
		display: inline-flex;
		width: 42px;
		height: 42px;
		padding: 0;
		margin: 0 -8px 0 0;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 7px;
		background: transparent;
		cursor: pointer;
		appearance: none;
	}

	.mobile-nav-toggle span {
		display: block;
		width: 22px;
		height: 1px;
		background: #171717;
		transform-origin: center;
		transition: transform 180ms ease, opacity 180ms ease, background-color 220ms ease;
	}

	.homepage .site-nav:not(.is-scrolled):not(.mobile-open) .mobile-nav-toggle span {
		background: #fff;
	}

	.mobile-open .mobile-nav-toggle span:first-child {
		transform: translateY(4px) rotate(45deg);
	}

	.mobile-open .mobile-nav-toggle span:last-child {
		transform: translateY(-4px) rotate(-45deg);
	}

	.mobile-nav-drawer {
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 1002;
		width: min(86vw, 390px);
		height: 100vh;
		height: 100dvh;
		padding: 92px 28px 32px;
		background: #fff;
		color: #171717;
		transform: translateX(102%);
		transition: transform 220ms ease;
		overflow-y: auto;
		box-shadow: -18px 0 40px rgba(0, 0, 0, 0.08);
	}

	.mobile-open .mobile-nav-drawer {
		transform: translateX(0);
	}

	.mobile-nav-backdrop {
		display: block;
		position: fixed;
		inset: 0;
		z-index: 1001;
		background: rgba(0, 0, 0, 0.28);
	}

	.mobile-nav-backdrop[hidden] {
		display: none;
	}

	.mobile-open .mobile-nav-toggle {
		position: fixed;
		top: 13px;
		right: 20px;
		z-index: 1003;
		color: #171717;
	}

	.mobile-open .mobile-nav-toggle span {
		background: #171717;
	}

	.mobile-nav-menu {
		display: flex;
		flex-direction: column;
	}

	.mobile-nav-menu>a,
	.mobile-nav-flowers-link {
		display: flex;
		width: 100%;
		min-height: 54px;
		padding: 0;
		margin: 0;
		align-items: center;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 0.92rem !important;
		font-weight: 400 !important;
		line-height: 1.2;
		letter-spacing: 0;
		text-transform: none;
		color: #171717;
		text-decoration: none;
		border: 0;
	}

	.mobile-nav-flowers-row {
		display: flex;
		width: 100%;
		min-height: 54px;
		align-items: stretch;
	}

	.mobile-nav-flowers-link {
		flex: 1 1 auto;
		min-width: 0;
		font-size: 0.92rem !important;
		font-weight: 400 !important;
		line-height: 1.2 !important;
		letter-spacing: 0 !important;
	}

	.mobile-nav-flowers-toggle {
		display: flex;
		flex: 0 0 52px;
		width: 52px;
		min-height: 54px;
		padding: 0;
		margin: 0;
		align-items: center;
		justify-content: flex-end;
		background: transparent;
		border: 0;
		box-shadow: none;
		color: #171717;
		cursor: pointer;
		appearance: none;
	}

	.mobile-nav-caret {
		display: inline-block;
		font-size: 1.2rem;
		line-height: 1;
		transition: transform 180ms ease;
	}

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

	.mobile-nav-submenu {
		display: block;
		height: 0;
		overflow: hidden;
		opacity: 0;
		transition: height 220ms ease, opacity 160ms ease;
	}

	.mobile-nav-submenu.is-open {
		height: 150px;
		opacity: 1;
	}

	.mobile-nav-submenu>a {
		display: flex;
		width: 100%;
		height: 50px;
		min-height: 50px;
		padding: 0 0 0 1rem;
		margin: 0;
		align-items: center;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 0.82rem;
		font-weight: 400;
		line-height: 1.2;
		letter-spacing: 0;
		color: #555;
		text-decoration: none;
		border: 0;
	}

	.mobile-nav-cart {
		margin-top: 0.9rem;
	}

	.homepage #header-wrapper {
		height: 100svh !important;
		min-height: 100svh !important;
		max-height: 100svh !important;
		padding: 0 !important;
		box-sizing: border-box;
		overflow: hidden;
	}

	.homepage #hero {
		height: 100%;
		min-height: 0;
		padding-top: 68px;
		padding-bottom: 0;
		box-sizing: border-box;
	}

	.flowers-hero {
		height: clamp(210px, 32vh, 300px);
		background-position: 55% center;
	}

	.flowers-page .flowers-content {
		width: min(90vw, 680px);
		padding-top: clamp(4rem, 12vw, 5.5rem);
	}

	.flowers-intro {
		grid-template-columns: 1fr;
		gap: 1.5rem;
		margin-bottom: 3.5rem;
	}

	.flowers-intro p {
		max-width: 620px;
	}

	.product-grid {
		grid-template-columns: 1fr;
		gap: 2.2rem;
	}

	.product-card-image {
		aspect-ratio: 5 / 3;
	}

	.product-page .product-layout {
		display: block;
		padding-top: 68px;
	}

	.product-mobile-first-screen {
		display: grid;
		grid-template-rows: minmax(0, 1fr) auto;
		height: calc(100svh - 68px);
		min-height: 0;
		overflow: hidden;
		background: #fff;
	}

	.product-gallery-wrap {
		position: relative;
		width: 100%;
		height: 100%;
		min-height: 0;
		overflow: hidden;
	}

	.product-gallery {
		display: flex;
		width: 100%;
		height: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.product-gallery::-webkit-scrollbar {
		display: none;
	}

	.product-media,
	.product-media.is-size-guide {
		flex: 0 0 100%;
		width: 100%;
		height: 100%;
		min-height: 0;
		padding: 0;
		scroll-snap-align: start;
		scroll-snap-stop: always;
	}

	.product-media.is-size-guide {
		min-height: 0 !important;
		padding: clamp(1.25rem, 7vw, 2.75rem);
		background: #fafaf7;
	}

	.product-carousel-dots {
		position: absolute;
		left: 50%;
		bottom: 18px;
		z-index: 2;
		display: flex;
		gap: 8px;
		transform: translateX(-50%);
	}

	.product-carousel-dot {
		width: 8px;
		height: 8px;
		padding: 0;
		border: 1px solid rgba(255, 255, 255, 0.95);
		border-radius: 50%;
		background: rgba(255, 255, 255, 0.45);
		box-shadow: none;
		appearance: none;
		cursor: pointer;
	}

	.product-carousel-dot.is-active {
		background: #fff;
	}

	.product-mobile-summary {
		display: block;
		box-sizing: border-box;
		min-height: 188px;
		padding: 0.85rem 7vw 1rem;
		text-align: center;
		overflow: hidden;
	}

	.product-desktop-summary {
		display: none;
	}

	.product-info-column {
		position: static;
		height: auto;
		min-height: 0;
		padding: 2.2rem 7vw 4rem;
		align-items: flex-start;
		overflow: visible;
	}

	.product-breadcrumb {
		margin-bottom: 0.45rem;
	}

	.product-title {
		font-size: clamp(1.75rem, 7vw, 2.35rem);
		line-height: 1.05;
		margin-bottom: 0;
	}

	.product-subtitle {
		margin-top: 0.18rem;
		margin-bottom: 0.35rem;
	}

	.product-price {
		font-size: 1.05rem;
		margin-top: 0.2rem;
		margin-bottom: 0;
	}

	.product-option-label {
		margin-top: 0;
	}

	.product-info {
		width: 100%;
		margin-top: 0;
		padding-bottom: 0;
	}

	.product-options {
		flex-wrap: nowrap;
		gap: 0.45rem;
	}

	.product-tab-list {
		gap: 0.85rem;
	}

	.product-tab {
		font-size: 0.68rem;
		letter-spacing: 0.08em;
	}

	.product-option {
		flex: 1 1 0;
		min-width: 0;
	}

	.product-card-note-label,
	.product-card-note,
	.product-add-button {
		width: 100%;
	}

	.product-card-note {
		height: auto;
		min-height: 112px;
		padding: 0.85rem;
	}

	/* Keep the complete mobile intro visible on both short and tall phones. */
	@media screen and (max-height: 740px) {
		.product-mobile-summary {
			min-height: 172px;
			padding-top: 0.7rem;
			padding-bottom: 0.75rem;
		}

		.product-title {
			font-size: clamp(1.6rem, 6.6vw, 2.05rem);
		}
	}

	@media screen and (min-height: 900px) {
		.product-mobile-summary {
			min-height: 194px;
		}
	}

	.flowers-page .site-nav:not(.is-scrolled):not(.mobile-open) .mobile-nav-toggle span {
		background: #fff;
	}


	.cart-drawer {
		width: min(94vw, 430px);
	}

	.cart-drawer-header,
	.cart-drawer-footer {
		padding-left: 1.2rem;
		padding-right: 1.2rem;
	}

	.cart-drawer-items {
		padding-left: 1.2rem;
		padding-right: 1.2rem;
	}

	.cart-drawer-item {
		grid-template-columns: 74px minmax(0, 1fr);
		gap: .8rem;
		height: 122px;
	}

	.cart-item-image {
		width: 74px;
		height: 92px;
	}

	.cart-page-main {
		padding: calc(68px + 2rem) 6vw 4rem;
		display: block;
	}

	.cart-page-heading {
		align-items: center;
	}

	.cart-page-heading h1 {
		font-size: 1.9rem;
	}

	.cart-page-heading>a {
		font-size: .64rem;
	}

	.cart-page-item {
		grid-template-columns: 86px minmax(0, 1fr);
		gap: .9rem;
		height: 142px;
	}

	.cart-page-item-image {
		width: 86px;
		height: 108px;
	}

	.cart-page-item-top h2 {
		font-size: 1rem;
	}

	.cart-page-item-bottom {
		margin-top: 1.2rem;
	}

	.cart-summary-panel {
		margin-top: 2.5rem;
	}
}

@media screen and (max-width: 736px) {
	.homepage #header-wrapper {
		height: 100svh !important;
		min-height: 100svh !important;
		max-height: 100svh !important;
	}

	.product-title {
		font-size: clamp(1.8rem, 8.3vw, 2.35rem);
	}

	.product-media,
	.product-media.is-size-guide {
		height: clamp(400px, 61svh, 425px);
	}
}

@media screen and (max-width: 480px) {
	.homepage #header-wrapper {
		height: 100svh !important;
		min-height: 100svh !important;
		max-height: 100svh !important;
	}

	.product-info-column {
		padding-left: 6vw;
		padding-right: 6vw;
	}

	.product-title {
		font-size: clamp(1.72rem, 8.4vw, 2.08rem);
	}

	.product-media,
	.product-media.is-size-guide {
		height: clamp(400px, 62svh, 420px);
	}
}

/* Tall/wide phones such as iPhone Pro-class screens: do not let the gallery consume the full first view. */
@media screen and (min-width: 400px) and (max-width: 780px) {

	.product-media,
	.product-media.is-size-guide {
		height: clamp(400px, 58svh, 420px);
	}
}

/* ==========================================================================
   POTLUCK BLOOMS PAGE
   ========================================================================== */

.potluck-page {
	background: #f7f2e8;
	color: #54250f;
}

.potluck-page #header-wrapper {
	min-height: 82px;
	height: 82px;
	background: #f7f2e8;
}

.potluck-page .site-nav {
	background: #f7f2e8;
	color: #54250f;
}

.potluck-page .site-nav .brand,
.potluck-page .site-nav .nav-links>a,
.potluck-page .site-nav .nav-item>a {
	color: #54250f;
}

.potluck-main {
	background: #f7f2e8;
}

/* Each chapter occupies one viewport below the desktop nav. */
.potluck-intro,
.potluck-inside,
.potluck-kits,
.scenic-steps-section,
.potluck-gallery-section {
	height: calc(100svh - 82px);
	min-height: calc(100svh - 82px);
	box-sizing: border-box;
	scroll-margin-top: 82px;
}

.potluck-intro {
	position: relative;
	display: grid;
	place-items: center;
	padding: 5rem 6vw 8rem;
	text-align: center;
}

.potluck-intro-inner {
	max-width: 880px;
	transform: translateY(-1rem);
}

.potluck-intro h1,
.potluck-inside h2,
.potluck-kits h2,
.potluck-kits h3,
.scenic-steps-title,
.scenic-step h3,
.potluck-gallery-heading h2 {
	font-family: Georgia, 'Times New Roman', serif;
	font-weight: 400;
	color: #54250f;
}

.potluck-intro h1 {
	margin: 0 0 2.7rem;
	font-size: clamp(4.6rem, 7.2vw, 7.4rem);
	line-height: .92;
	font-style: italic;
	letter-spacing: -.045em;
}

.potluck-intro p {
	margin: 0;
	font-size: clamp(1.05rem, 1.35vw, 1.45rem);
	line-height: 1.55;
	font-weight: 600;
	color: #714329;
}

.potluck-journey {
	position: absolute;
	left: 50%;
	bottom: 4.2rem;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.2rem;
	color: #8a654e;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .22em;
}

.potluck-journey i {
	display: block;
	width: 1px;
	height: 42px;
	background: #bcae9f;
}

.potluck-inside {
	display: grid;
	grid-template-columns: minmax(0, 1.55fr) minmax(320px, .85fr);
	align-items: center;
	align-content: center;
	gap: clamp(4rem, 7vw, 8rem);
	padding: clamp(3.5rem, 5vw, 5.5rem) 5.5vw;
	overflow: hidden;
}

.potluck-inside-image {
	width: 100%;
	height: min(72svh, 720px);
	overflow: hidden;
}

.potluck-inside-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.potluck-inside-copy {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.potluck-inside-copy h2 {
	margin: 0 0 2rem;
	font-size: clamp(3.4rem, 5vw, 5.3rem);
	line-height: 1;
	font-style: italic;
	letter-spacing: -.035em;
}

.potluck-inside-copy p {
	margin: 0;
	font-size: clamp(1rem, 1.22vw, 1.35rem);
	line-height: 1.7;
	font-weight: 600;
	color: #714329;
}

/* Choose your kit is a full editorial spread. */
.potluck-kits {
	display: grid;
	grid-template-columns: minmax(190px, .42fr) minmax(0, 1.58fr);
	gap: clamp(2rem, 3.2vw, 4rem);
	align-items: center;
	align-content: center;
	padding: clamp(2.6rem, 3.4vw, 3.5rem) 4vw clamp(3.6rem, 4.4vw, 4.8rem);
	overflow: hidden;
}

.potluck-kits-intro {
	align-self: center;
	max-width: 300px;
}

.potluck-kits-intro h2 {
	margin: 0 0 2.2rem;
	font-size: clamp(3.2rem, 4.3vw, 4.8rem);
	line-height: .98;
	font-style: italic;
	letter-spacing: -.035em;
}

.potluck-kits-intro p {
	margin: 0;
	font-size: 1.05rem;
	line-height: 1.55;
	font-weight: 600;
	color: #714329;
}

.potluck-kits-track {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(1.5rem, 2.4vw, 2.6rem);
	align-items: stretch;
	min-width: 0;
}

.potluck-kit-card {
	min-width: 0;
	display: grid;
	grid-template-rows: auto 1fr;
	height: 100%;
}

.potluck-kit-image {
	width: 100%;
	aspect-ratio: 1.54 / 1;
	overflow: hidden;
}

.potluck-kit-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .5s ease;
}

.potluck-kit-card:hover .potluck-kit-image img {
	transform: scale(1.015);
}

.potluck-kit-copy {
	padding: 1.05rem .7rem 0;
	display: grid;
	grid-template-rows: minmax(2.7em, auto) minmax(3.9em, auto) minmax(1.55em, auto) minmax(1.55em, auto) auto;
	align-content: start;
	height: 100%;
}

.potluck-kit-copy h3 {
	margin: 0 0 .75rem;
	font-size: clamp(1.8rem, 2.4vw, 2.7rem);
	line-height: 1;
}

.potluck-kit-copy>p:not(.potluck-kit-guests):not(.potluck-kit-price) {
	margin: 0 0 .65rem;
	font-size: .92rem;
	line-height: 1.4;
	font-weight: 600;
	color: #714329;
}

.potluck-kit-guests,
.potluck-kit-price {
	margin: .22rem 0;
	font-family: Georgia, 'Times New Roman', serif;
	font-style: italic;
	font-size: 1.02rem;
	color: #714329;
}

.potluck-kit-price {
	margin-top: .7rem;
}

.potluck-kit-button {
	align-self: start;
	justify-self: start;
	margin-top: 1.2rem;
	border: 0;
	border-radius: 0;
	background: #61260d;
	color: #fff;
	padding: .9rem 1.45rem;
	min-width: 170px;
	text-transform: uppercase;
	font-size: .7rem;
	font-weight: 700;
	letter-spacing: .12em;
	cursor: pointer;
}

.potluck-kit-button span {
	margin-left: .35rem;
}

/* How it works — scenic full-screen chapter. */
.scenic-steps-section {
	position: relative;
	display: flex;
	align-items: stretch;
	overflow: hidden;
	color: #fbf7ee;
	background: #5e5852;
}

.scenic-steps-media {
	position: absolute;
	inset: 0;
}

.scenic-steps-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: blur(4.5px) saturate(.9);
	transform: scale(1.02);
}

.scenic-steps-overlay {
	position: absolute;
	inset: 0;
	background: rgba(97, 92, 86, 0.42);
}

.scenic-steps-inner {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	min-height: 0;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(48px, 6vw, 80px) clamp(22px, 5vw, 72px);
}

.scenic-steps-eyebrow {
	display: block;
	margin-bottom: .5rem;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: rgba(251, 247, 238, .78);
}

.scenic-steps-title {
	font-size: clamp(3.6rem, 5.6vw, 6.3rem);
	font-style: italic;
	line-height: .95;
	letter-spacing: -.035em;
	color: #fbf7ee;
	margin: 6px 0 20px;
}

.scenic-steps-line {
	display: block;
	width: 100%;
	height: auto;
	margin: -38px 0 -56px;
}

.scenic-steps-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: clamp(16px, 2.5vw, 32px);
}

.scenic-step {
	color: #fbf7ee;
	max-width: 260px;
}

.scenic-step b {
	display: block;
	font-family: Georgia, 'Times New Roman', serif;
	font-style: italic;
	font-size: clamp(26px, 2.6vw, 34px);
	color: #fbf7ee;
	margin-bottom: 8px;
}

.scenic-step h3 {
	font-family: Georgia, 'Times New Roman', serif;
	font-style: italic;
	font-weight: 400;
	font-size: clamp(18px, 1.8vw, 22px);
	line-height: 1.15;
	margin: 0 0 8px;
	color: #fbf7ee;
}

.scenic-step p {
	font-size: 13px;
	line-height: 1.55;
	color: rgba(251, 247, 238, .84);
	margin: 0;
	max-width: 220px;
}

/* Sleek gallery: generous frame, tight image rhythm, shorter editorial tiles. */
.potluck-gallery-section {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(3rem, 4vw, 4.25rem) clamp(4rem, 6vw, 7rem);
	overflow: hidden;
}

.potluck-gallery-heading {
	flex: 0 0 auto;
}

.potluck-gallery-heading p {
	margin: 0 0 .8rem;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: #c08b22;
}

.potluck-gallery-heading h2 {
	margin: 0 0 1.35rem;
	font-size: clamp(3.2rem, 4.6vw, 5rem);
	font-style: italic;
	line-height: .95;
	letter-spacing: -.035em;
}

.potluck-gallery-grid {
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1.16fr repeat(4, 1fr);
	grid-template-rows: repeat(2, minmax(0, 1fr));
	gap: 7px;
	height: min(59svh, 620px);
}

.potluck-gallery-grid figure {
	margin: 0;
	min-width: 0;
	min-height: 0;
	overflow: hidden;
	background: #e9e4dc;
}

.potluck-gallery-feature {
	grid-row: 1 / span 2;
}

.potluck-gallery-grid img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.potluck-gallery-toggle {
	display: none;
}

@media screen and (max-width: 1080px) {
	.potluck-inside {
		grid-template-columns: 1.2fr .85fr;
		gap: 3rem;
		padding-left: 4vw;
		padding-right: 4vw;
	}

	.potluck-inside-image {
		height: min(66svh, 640px);
	}

	.potluck-kits {
		grid-template-columns: .55fr repeat(2, 1fr);
		gap: 1.5rem;
		padding-left: 3vw;
		padding-right: 3vw;
	}

	.potluck-kit-copy {
		padding-left: .25rem;
		padding-right: .25rem;
	}

	.scenic-steps-line {
		margin-top: -22px;
		margin-bottom: -42px;
	}

	.scenic-steps-grid {
		gap: 1.6rem;
	}

	.potluck-gallery-section {
		padding-left: 4vw;
		padding-right: 4vw;
	}

	.potluck-gallery-grid {
		grid-template-columns: 1.15fr repeat(3, 1fr);
		grid-template-rows: repeat(3, minmax(0, 1fr));
		height: min(60svh, 600px);
	}

	.potluck-gallery-feature {
		grid-row: 1 / span 2;
	}
}

@media screen and (max-width: 820px) {
	.potluck-page #header-wrapper {
		height: 68px;
		min-height: 68px;
	}

	.potluck-intro,
	.potluck-inside,
	.potluck-kits,
	.scenic-steps-section,
	.potluck-gallery-section {
		height: auto;
		min-height: calc(100svh - 68px);
		scroll-margin-top: 68px;
	}

	.potluck-intro {
		height: calc(100svh - 68px);
		padding: 4rem 7vw 7rem;
	}

	.potluck-intro h1 {
		font-size: clamp(3.4rem, 13vw, 5.4rem);
		margin-bottom: 2rem;
	}

	.potluck-intro p {
		font-size: .98rem;
	}

	.potluck-desktop-break {
		display: none;
	}

	.potluck-journey {
		bottom: 2.5rem;
	}

	/* Anchor target remains visually centred on tablets and phones. */
	.potluck-inside {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: stretch;
		gap: clamp(1.5rem, 4svh, 2.2rem);
		padding: 3rem 7vw;
		text-align: center;
	}

	.potluck-inside-image {
		width: 100%;
		height: clamp(260px, 43svh, 430px);
	}

	.potluck-inside-copy {
		justify-content: center;
		text-align: center;
	}

	.potluck-inside-copy h2 {
		font-size: clamp(3rem, 12vw, 4.5rem);
		margin-bottom: 1rem;
	}

	.potluck-inside-copy p {
		font-size: .96rem;
		line-height: 1.55;
	}

	.potluck-kits {
		display: block;
		padding: 3rem 0 3.25rem;
		overflow: hidden;
	}

	.potluck-kits-intro {
		max-width: 520px;
		text-align: center;
		margin: 0 auto 2rem;
		padding: 0 6vw;
	}

	.potluck-kits-intro h2 {
		font-size: clamp(3rem, 12vw, 4.5rem);
		margin-bottom: .9rem;
	}

	.potluck-kits-intro p {
		font-size: .92rem;
	}

	.potluck-kits-track {
		display: flex;
		gap: 1rem;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		scroll-padding-left: 6vw;
		padding: 0 6vw 1rem;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.potluck-kits-track::-webkit-scrollbar {
		display: none;
	}

	.potluck-kit-card {
		flex: 0 0 84%;
		scroll-snap-align: start;
		display: grid;
		grid-template-rows: auto 1fr;
		height: auto;
	}

	.potluck-kit-image {
		aspect-ratio: 1.12 / 1;
	}

	.potluck-kit-copy {
		padding: .9rem .15rem 0;
		grid-template-rows: 2.65em 4.35em 1.65em 1.65em 48px;
	}

	.potluck-kit-copy h3 {
		font-size: clamp(1.65rem, 6vw, 2.2rem);
		margin-bottom: .55rem;
	}

	.potluck-kit-copy>p:not(.potluck-kit-guests):not(.potluck-kit-price) {
		font-size: .82rem;
		line-height: 1.4;
	}

	.potluck-kit-guests,
	.potluck-kit-price {
		font-size: .95rem;
	}

	.potluck-kit-button {
		min-width: 170px;
		width: auto;
		height: 48px;
		padding: 0 1.15rem;
		font-size: .64rem;
		align-self: stretch;
	}

	.scenic-steps-section {
		min-height: calc(100svh - 68px);
	}

	.scenic-steps-inner {
		min-height: calc(100svh - 68px);
		height: auto;
		padding: 3rem 6vw;
	}

	.scenic-steps-title {
		font-size: clamp(3.3rem, 12vw, 5rem);
		margin-bottom: 1rem;
	}

	.scenic-steps-line {
		display: none;
	}

	.scenic-steps-grid {
		grid-template-columns: 1fr 1fr;
		gap: 2rem 2.4rem;
	}

	.scenic-step {
		max-width: none;
	}

	.potluck-gallery-section {
		justify-content: center;
		padding: 3rem 5vw;
	}

	.potluck-gallery-heading {
		text-align: left;
	}

	.potluck-gallery-heading h2 {
		font-size: clamp(3rem, 11vw, 4.4rem);
		margin-bottom: 1.2rem;
	}

	.potluck-gallery-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: none;
		height: auto;
		gap: 6px;
	}

	.potluck-gallery-grid figure {
		aspect-ratio: .83 / 1;
	}

	.potluck-gallery-feature {
		grid-row: auto;
	}

	.potluck-gallery-grid figure:nth-child(n+5) {
		display: none;
	}

	.potluck-gallery-grid.is-expanded figure:nth-child(n+5) {
		display: block;
	}

	.potluck-gallery-toggle {
		display: grid;
		place-items: center;
		width: 58px;
		height: 58px;
		margin: 1.6rem auto 0;
		border: 0;
		border-radius: 50%;
		background: rgba(84, 37, 15, .1);
		color: #54250f;
		font-size: 2rem;
		font-weight: 300;
		line-height: 1;
		cursor: pointer;
		transition: transform .25s ease, background .25s ease;
	}

	.potluck-gallery-toggle[aria-expanded="true"] {
		transform: rotate(45deg);
		background: rgba(84, 37, 15, .16);
	}
}

@media screen and (max-width: 600px) {

	/* One clear kit at a time, with the next card peeking in. */
	.potluck-kits-intro {
		margin-bottom: 1.6rem;
	}

	.potluck-kits-track {
		gap: .85rem;
		scroll-padding-left: 5vw;
		padding-left: 5vw;
		padding-right: 5vw;
	}

	.potluck-kit-card {
		flex-basis: 86%;
	}

	.potluck-kit-image {
		aspect-ratio: 1.06 / 1;
	}

	.potluck-kit-copy h3 {
		font-size: clamp(1.5rem, 7vw, 2rem);
	}

	.potluck-kit-copy>p:not(.potluck-kit-guests):not(.potluck-kit-price) {
		font-size: .78rem;
	}

	.potluck-kit-guests,
	.potluck-kit-price {
		font-size: .9rem;
	}

	.scenic-steps-grid {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}

	.scenic-step {
		display: grid;
		grid-template-columns: 46px 1fr;
		column-gap: .75rem;
	}

	.scenic-step b {
		grid-row: 1 / span 2;
	}

	.scenic-step h3 {
		margin-top: .15rem;
	}

	.scenic-step p {
		max-width: 100%;
	}

	.potluck-gallery-section {
		padding-top: 3.25rem;
		padding-bottom: 3.25rem;
	}

	.potluck-gallery-grid figure {
		aspect-ratio: .78 / 1;
	}
}

@media screen and (max-width: 480px) {
	.potluck-intro {
		padding-left: 8vw;
		padding-right: 8vw;
	}

	.potluck-intro h1 {
		font-size: clamp(3.05rem, 15vw, 4.5rem);
	}

	.potluck-intro p {
		font-size: .92rem;
		line-height: 1.5;
	}

	.potluck-inside {
		padding-left: 6vw;
		padding-right: 6vw;
	}

	.potluck-kits {
		padding-left: 3.5vw;
		padding-right: 3.5vw;
	}

	.potluck-gallery-section {
		padding-left: 4vw;
		padding-right: 4vw;
	}

	.potluck-gallery-grid {
		gap: 5px;
	}
}


/* Potluck interaction refinements — kit carousel + gallery lightbox */
@media screen and (max-width: 820px) {
	.potluck-kits {
		overflow: visible;
	}

	.potluck-kits-track {
		align-items: stretch;
		touch-action: pan-x pan-y;
		overscroll-behavior-x: contain;
		-webkit-overflow-scrolling: touch;
		cursor: grab;
	}

	.potluck-kits-track:active {
		cursor: grabbing;
	}

	.potluck-kit-card {
		align-self: stretch;
		height: auto;
	}

	.potluck-kit-copy {
		height: 100%;
		grid-template-rows: 2.65em 4.35em 1.65em 1.65em 48px;
	}

	.potluck-kit-copy h3 {
		min-height: 1.15em;
	}

	.potluck-kit-copy>p:not(.potluck-kit-guests):not(.potluck-kit-price) {
		min-height: 3.55em;
	}

	.potluck-kit-guests {
		min-height: 1.5em;
	}

	.potluck-kit-price {
		min-height: 1.5em;
	}

	.potluck-kit-button {
		margin-top: 0;
		align-self: stretch;
	}
}

.potluck-gallery-grid figure {
	cursor: zoom-in;
}

.potluck-lightbox {
	position: fixed;
	inset: 0;
	z-index: 10050;
	display: none;
	align-items: center;
	justify-content: center;
	background: rgba(20, 16, 12, .91);
	padding: clamp(18px, 3vw, 48px);
}

.potluck-lightbox.is-open {
	display: flex;
}

.potluck-lightbox-stage {
	position: relative;
	width: min(84vw, 1320px);
	height: min(86vh, 900px);
	display: flex;
	align-items: center;
	justify-content: center;
}

.potluck-lightbox-image {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
}

.potluck-lightbox-close,
.potluck-lightbox-arrow {
	position: fixed;
	z-index: 2;
	border: 0;
	background: transparent;
	color: #fff;
	cursor: pointer;
	font-family: Arial, sans-serif;
	font-weight: 300;
}

.potluck-lightbox-close {
	top: 18px;
	right: 24px;
	font-size: 2.25rem;
	line-height: 1;
	padding: .35rem;
}

.potluck-lightbox-arrow {
	top: 50%;
	transform: translateY(-50%);
	font-size: 3rem;
	line-height: 1;
	padding: 1rem;
}

.potluck-lightbox-prev {
	left: 18px;
}

.potluck-lightbox-next {
	right: 18px;
}

.potluck-lightbox-count {
	position: fixed;
	left: 50%;
	bottom: 18px;
	transform: translateX(-50%);
	color: rgba(255, 255, 255, .82);
	font-size: .72rem;
	letter-spacing: .16em;
}

body.potluck-lightbox-open {
	overflow: hidden !important;
}

@media screen and (max-width: 820px) {
	.potluck-lightbox {
		padding: 16px;
	}

	.potluck-lightbox-stage {
		width: 100%;
		height: 78vh;
	}

	.potluck-lightbox-close {
		top: 10px;
		right: 10px;
		font-size: 2rem;
	}

	.potluck-lightbox-arrow {
		font-size: 2.4rem;
		padding: .7rem;
	}

	.potluck-lightbox-prev {
		left: 2px;
	}

	.potluck-lightbox-next {
		right: 2px;
	}
}

/* Potluck gallery remains clickable without a magnifying-glass cursor. */
.potluck-gallery-grid figure,
.potluck-gallery-grid img {
	cursor: pointer !important;
}

/* Bloom Bar editorial full-screen build */

/* ==========================================================================
   BLOOM BAR PAGE
   ========================================================================== */
.bloom-bar-page {
	background: #f8f3e9;
	color: #5b260f;
}

.bloom-bar-page #header-wrapper {
	min-height: 82px;
	height: 82px;
	background: #f8f3e9 !important;
	background-image: none !important;
}

.bloom-bar-page #header-wrapper::before,
.bloom-bar-page #header-wrapper::after {
	display: none !important;
	content: none !important;
}

.bloom-bar-page .site-nav {
	background: #f8f3e9;
	color: #5b260f;
}

.bloom-bar-page .site-nav .brand,
.bloom-bar-page .site-nav .nav-links>a,
.bloom-bar-page .site-nav .nav-item>a {
	color: #5b260f;
}

.bloom-bar-page main {
	background: #f8f3e9;
}

.bloom-bar-page .bloom-section {
	height: calc(100svh - 82px);
	min-height: 620px;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	scroll-margin-top: 82px;
}

.bloom-hero {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 5rem 5vw;
	background: #f8f3e9 !important;
	background-image: none !important;
}

.bloom-hero-inner h1 {
	font-family: var(--serif);
	font-size: clamp(5rem, 8vw, 9rem);
	font-style: italic;
	font-weight: 400;
	line-height: .95;
	margin: 0 0 2.2rem;
	color: #5b260f;
}

.bloom-hero-inner p {
	font-size: clamp(1.05rem, 1.35vw, 1.45rem);
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 2rem;
}

.bloom-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 1.1rem 1.8rem;
	background: #5b260f;
	color: #fff !important;
	text-transform: uppercase;
	letter-spacing: .16em;
	font-size: .72rem;
	font-weight: 700;
	text-decoration: none;
}

.bloom-journey {
	position: absolute;
	bottom: 3.2rem;
	left: 50%;
	transform: translateX(-50%);
	text-transform: uppercase;
	letter-spacing: .22em;
	font-size: .7rem;
	color: #8a624d;
	text-decoration: none;
}

.bloom-journey:after {
	content: "";
	display: block;
	width: 1px;
	height: 38px;
	background: #b9a38e;
	margin: 1rem auto 0;
}

/* Bloom scenic chapter reuses Potluck scenic system, with Bloom-specific positioning. */
.bloom-scenic {
	height: calc(100svh - 82px);
	min-height: 620px;
}

.bloom-scenic .scenic-steps-inner {
	min-height: 100%;
}

.bloom-scenic .scenic-step:nth-child(1) {
	margin-top: -100px;
}

.bloom-scenic .scenic-step:nth-child(2) {
	margin-top: -90px;
}

.bloom-scenic .scenic-step:nth-child(3) {
	margin-top: -95px;
}

.bloom-scenic .scenic-step:nth-child(4) {
	margin-top: -130px;
}

/* Pricing — exactly one desktop viewport, all cards equal. */
.bloom-pricing {
	display: flex;
	align-items: center;
	padding: clamp(2rem, 3vw, 3rem) 4.5vw;
	background: #f8f3e9;
}

.bloom-pricing-wrap {
	width: 100%;
}

.bloom-eyebrow {
	text-transform: uppercase;
	letter-spacing: .25em;
	color: #b88725;
	font-weight: 700;
	font-size: .7rem;
}

.bloom-pricing h2,
.bloom-gallery h2 {
	font-family: var(--serif);
	font-style: italic;
	font-size: clamp(3rem, 4.3vw, 5rem);
	font-weight: 400;
	line-height: 1;
	margin: 1rem 0 1rem;
	color: #5b260f;
}

.bloom-pricing-intro {
	font-size: .95rem;
	line-height: 1.4;
	margin: 0 0 1rem;
	max-width: 1500px;
}

.bloom-tier-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-auto-rows: 1fr;
	gap: clamp(1.25rem, 3vw, 3rem);
	align-items: stretch;
}

.bloom-tier {
	background: #f5ead6;
	padding: .65rem;
	height: 100%;
	min-width: 0;
	box-sizing: border-box;
	display: flex;
}

.bloom-tier-inner {
	border: 1px solid #dccdb7;
	padding: clamp(1.45rem, 2vw, 2.25rem);
	width: 100%;
	height: 100%;
	min-height: 310px;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

.bloom-tier h3 {
	font-family: var(--serif);
	font-style: italic;
	font-size: clamp(1.65rem, 2vw, 2rem);
	margin: 0 0 .4rem;
	color: #5b260f;
}

.bloom-tier-price,
.bloom-tier-label {
	text-transform: uppercase;
	letter-spacing: .14em;
	font-size: .72rem !important;
	line-height: 1.4 !important;
	font-weight: 700;
}

.bloom-tier hr {
	border: 0;
	border-top: 1px solid #d7c6ae;
	margin: 1.1rem 0;
	width: 100%;
}

.bloom-tier p,
.bloom-tier li {
	font-size: .88rem;
	line-height: 1.5;
}

.bloom-tier ul {
	list-style: none;
	padding: 0;
	margin: .35rem 0 .8rem;
}

.bloom-stem-count {
	margin-top: auto;
	padding-top: .6rem;
}

/* Booking CTA — full-bleed blurred image chapter. */
.booking-cta-section {
	position: relative;
	color: #fff;
	display: flex;
	align-items: stretch;
	background: #5e5852;
}

.booking-cta-media {
	position: absolute;
	inset: 0;
}

.booking-cta-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: blur(3px) saturate(.9);
	transform: scale(1.015);
}

.booking-cta-overlay {
	position: absolute;
	inset: 0;
	background: rgba(97, 92, 86, .42);
}

.booking-cta-inner {
	position: relative;
	z-index: 1;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(3rem, 5vw, 5.5rem) 4.5vw;
	box-sizing: border-box;
}

.booking-cta-inner>h2 {
	font-family: var(--serif);
	font-style: italic;
	font-weight: 400;
	font-size: clamp(4rem, 6vw, 7rem);
	line-height: .95;
	margin: 0;
	color: #fff;
}

.bloom-facts {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 4vw;
	margin: 3rem 0 4rem;
}

.bloom-fact h3 {
	font-family: var(--serif);
	font-style: italic;
	color: #fff;
	font-size: 1.25rem;
	margin-bottom: .55rem;
}

.bloom-fact p {
	font-size: .9rem;
	color: rgba(255, 255, 255, .9);
	line-height: 1.45;
}

.bloom-enquiry {
	border-top: 1px solid rgba(255, 255, 255, .35);
	padding-top: 3rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 3rem;
}

.bloom-enquiry-copy h3 {
	font-family: var(--serif);
	font-style: italic;
	color: #fff;
	font-size: 2rem;
	font-weight: 400;
	max-width: 650px;
	line-height: 1.35;
}

.bloom-enquiry-copy p {
	max-width: 760px;
	font-size: .9rem;
	color: rgba(255, 255, 255, .9);
}

.bloom-gallery {
	padding: 4rem 4.2vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: #f8f3e9;
}

.bloom-gallery-grid {
	display: grid;
	grid-template-columns: 1.5fr repeat(4, 1fr);
	grid-template-rows: repeat(2, minmax(0, 1fr));
	height: min(61vh, 610px);
	gap: 18px;
}

.bloom-gallery-grid figure {
	margin: 0;
	overflow: hidden;
}

.bloom-gallery-grid figure:first-child {
	grid-row: 1/span 2;
}

.bloom-gallery-grid img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

@media screen and (max-width:1280px) {
	.bloom-pricing {
		padding-left: 3.5vw;
		padding-right: 3.5vw;
	}

	.bloom-tier-grid {
		gap: 1.5rem;
	}

	.bloom-tier-inner {
		min-height: 320px;
		padding: 1.7rem;
	}
}

@media screen and (max-width:1080px) {
	.bloom-bar-page .bloom-section {
		height: auto;
		min-height: calc(100svh - 82px);
	}

	.bloom-scenic .scenic-step:nth-child(n) {
		margin-top: 0;
	}

	.bloom-tier-inner {
		min-height: 300px;
	}
}

@media screen and (max-width:820px) {
	.bloom-bar-page #header-wrapper {
		height: 68px;
		min-height: 68px;
	}

	.bloom-bar-page .bloom-section {
		height: auto;
		min-height: calc(100svh - 68px);
		scroll-margin-top: 68px;
	}

	.bloom-hero {
		padding: 4rem 7vw 5.5rem;
	}

	.bloom-hero-inner h1 {
		font-size: clamp(4rem, 17vw, 6rem);
	}

	.bloom-scenic {
		min-height: calc(100svh - 68px);
	}

	.bloom-scenic .scenic-steps-inner {
		min-height: calc(100svh - 68px);
		height: auto;
	}

	.bloom-pricing {
		padding: 3rem 0 3.5rem;
		overflow: hidden;
	}

	.bloom-pricing-wrap>.bloom-eyebrow,
	.bloom-pricing-wrap>h2,
	.bloom-pricing-wrap>.bloom-pricing-intro {
		margin-left: 7vw;
		margin-right: 7vw;
	}

	.bloom-tier-grid {
		display: flex;
		gap: 1rem;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		scroll-padding-left: 7vw;
		padding: 0 7vw .75rem;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.bloom-tier-grid::-webkit-scrollbar {
		display: none;
	}

	.bloom-tier {
		flex: 0 0 84%;
		height: auto;
		min-height: 0;
		scroll-snap-align: start;
		scroll-snap-stop: always;
		padding: .55rem;
	}

	.bloom-tier-inner {
		min-height: 390px;
		height: 100%;
		padding: 1.8rem;
	}

	.booking-cta-inner {
		min-height: calc(100svh - 68px);
		padding: 3rem 7vw;
	}

	.booking-cta-inner>h2 {
		font-size: 3.3rem;
	}

	.bloom-facts {
		grid-template-columns: 1fr 1fr;
		gap: 2rem;
		margin: 2rem 0;
	}

	.bloom-enquiry {
		align-items: flex-start;
		flex-direction: column;
	}

	.bloom-gallery {
		padding: 3.5rem 5vw;
	}

	.bloom-gallery-grid {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: none;
		height: auto;
		gap: 7px;
	}

	.bloom-gallery-grid figure,
	.bloom-gallery-grid figure:first-child {
		grid-row: auto;
		aspect-ratio: .9;
	}

	.bloom-gallery-grid figure:nth-child(n+5) {
		display: none;
	}
}

@media screen and (max-width:480px) {
	.bloom-facts {
		grid-template-columns: 1fr;
		gap: 1.2rem;
	}
}

/* ================================================================
   Homepage editorial offerings
   ================================================================ */
.homepage .home-hero {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.homepage .home-hero #hero {
	padding: 0;
}



.home-offerings-section {
	background: #f8f3e9;
	color: #5b260f;
	box-sizing: border-box;
}

/* Intro stays editorial and airy. */
.home-offerings-intro {
	width: min(1580px, 100%);
	margin: 0 auto;
	padding: clamp(3.8rem, 7vh, 6.2rem) clamp(3rem, 5vw, 5.5rem) clamp(3.2rem, 5.5vh, 5rem);
	display: grid;
	grid-template-columns: minmax(260px, .9fr) minmax(420px, 1fr);
	align-items: start;
	gap: clamp(4rem, 9vw, 10rem);
}

.home-offerings-intro h2 {
	font-family: var(--serif, Georgia, serif);
	font-style: italic;
	font-weight: 400;
	font-size: clamp(2.6rem, 3.8vw, 4.5rem);
	line-height: .98;
	letter-spacing: -.04em;
	margin: 0;
	color: #5b260f;
	text-transform: none;
}

.home-offerings-copy {
	max-width: 650px;
}

.home-offerings-copy p {
	font-size: clamp(.88rem, 1vw, 1.02rem);
	line-height: 1.48;
	margin: 0 0 1rem;
	color: #5b260f;
}

.home-offerings-copy p:last-child {
	margin-bottom: 0;
}

/* Three full-bleed offering panels, matching the supplied desktop reference. */
.home-offerings-grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
}

.home-offering-card {
	position: relative;
	display: block;
	min-width: 0;
	overflow: hidden;
	color: #fff !important;
	text-decoration: none !important;
	border: 0 !important;
}

.home-offering-card figure {
	margin: 0;
	width: 100%;
	height: clamp(300px, 40vh, 430px);
	overflow: hidden;
	background: #d9d1c5;
}

.home-offering-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .55s ease;
}

.home-offering-card::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(18, 12, 8, .58) 0%, rgba(18, 12, 8, .17) 42%, rgba(18, 12, 8, 0) 72%);
	pointer-events: none;
}

.home-offering-card:hover img {
	transform: scale(1.015);
}

.home-offering-meta {
	position: absolute;
	z-index: 2;
	left: clamp(1.7rem, 2.3vw, 2.8rem);
	right: clamp(1.7rem, 2.3vw, 2.8rem);
	bottom: clamp(1.5rem, 2.3vw, 2.5rem);
	color: #fff;
}

.home-offering-meta h3 {
	font-family: var(--serif, Georgia, serif);
	font-style: italic;
	font-weight: 400;
	font-size: clamp(2rem, 2.7vw, 3.25rem);
	line-height: 1;
	margin: 0 0 .65rem;
	color: #fff;
}

.home-offering-meta p {
	max-width: 500px;
	font-size: clamp(.78rem, .9vw, .96rem);
	line-height: 1.42;
	margin: 0 0 1rem;
	color: rgba(255, 255, 255, .94);
}

.home-offering-meta span {
	display: inline-block;
	font-size: .68rem;
	font-weight: 700;
	letter-spacing: .13em;
	text-transform: uppercase;
	color: #fff;
}

@media screen and (min-width:821px) and (min-height:680px) {
	.home-offerings-section {
		height: calc(100svh - 72px);
		min-height: 620px;
		display: grid;
		grid-template-rows: minmax(250px, 38%) minmax(0, 62%);
		overflow: hidden;
	}

	.home-offerings-grid {
		min-height: 0;
	}

	.home-offering-card,
	.home-offering-card figure {
		height: 100%;
		min-height: 0;
	}
}


@media screen and (min-width:821px) and (max-width:1180px) {
	.home-offerings-section {
		height: calc(100svh - 72px);
		min-height: 600px;
		grid-template-rows: minmax(240px, 40%) minmax(0, 60%);
	}

	.home-offerings-intro {
		padding-top: clamp(3rem, 6vh, 4.5rem);
		padding-bottom: clamp(2.5rem, 4.5vh, 3.8rem);
	}

	.home-offerings-intro h2 {
		font-size: clamp(2.4rem, 4vw, 3.4rem);
	}

	.home-offering-meta h3 {
		font-size: clamp(1.65rem, 2.8vw, 2.4rem);
	}

	.home-offering-meta p {
		font-size: clamp(.72rem, 1.05vw, .86rem);
		line-height: 1.35;
	}
}

@media screen and (max-width:1080px) and (min-width:821px) {
	.home-offerings-intro {
		padding-left: 5vw;
		padding-right: 5vw;
		gap: 3.5rem;
	}

	.home-offerings-intro h2 {
		font-size: clamp(2.35rem, 4vw, 3.5rem);
	}
}

/* Mobile: keep the vertical image rows, but put all words over each image. */
@media screen and (max-width:820px) {
	.home-offerings-section {
		padding: 0 0 4rem;
	}

	.home-offerings-intro {
		display: block;
		width: auto;
		padding: 3.4rem 8vw 3.7rem;
	}

	.home-offerings-intro h2 {
		font-size: clamp(2.15rem, 9vw, 3.2rem);
		margin-bottom: 1.3rem;
	}

	.home-offerings-copy {
		max-width: 32rem;
	}

	.home-offerings-copy p {
		font-size: .88rem;
		line-height: 1.5;
	}

	.home-offerings-grid {
		display: block;
		width: 100%;
	}

	.home-offering-card {
		width: 82%;
		margin: 0 auto clamp(4rem, 14vw, 6rem);
	}

	.home-offering-card:last-child {
		margin-bottom: 0;
	}

	.home-offering-card figure {
		width: 100%;
		height: auto;
		aspect-ratio: 1.48 / 1;
		margin: 0;
	}

	.home-offering-card::after {
		background: linear-gradient(to top, rgba(18, 12, 8, .65) 0%, rgba(18, 12, 8, .2) 48%, rgba(18, 12, 8, 0) 76%);
	}

	.home-offering-meta {
		left: 1.35rem;
		right: 1.35rem;
		bottom: 1.35rem;
	}

	.home-offering-meta h3 {
		font-size: clamp(1.8rem, 7vw, 2.45rem);
		margin-bottom: .45rem;
	}

	.home-offering-meta p {
		font-size: .8rem;
		line-height: 1.38;
		margin-bottom: .75rem;
		max-width: 25rem;
	}

	.home-offering-meta span {
		font-size: .61rem;
	}
}

@media screen and (max-width:480px) {
	.home-offerings-intro {
		padding-left: 9vw;
		padding-right: 9vw;
	}

	.home-offering-card {
		width: 84%;
		margin-bottom: 4.3rem;
	}

	.home-offering-card figure {
		aspect-ratio: 1.48 / 1;
	}
}


/* However you gather — desktop/tablet alignment refinement */
@media screen and (min-width:821px) {
	.home-offerings-intro {
		align-items: center;
	}

	.home-offerings-copy {
		align-self: center;
		margin-left: auto;
		width: min(100%, 650px);
		padding-left: clamp(3rem, 6vw, 7rem);
	}

	.home-offerings-intro h2 {
		align-self: center;
		margin-top: 0;
		margin-bottom: 0;
	}
}

/* Flowers page — desktop refinement */
@media screen and (min-width: 821px) {
	.flowers-content {
		padding-top: clamp(2.6rem, 4vw, 4rem);
		padding-bottom: clamp(2.6rem, 4vw, 4rem);
	}

	.flower-section,
	.flowers-section,
	.product-section {
		margin-bottom: clamp(2.1rem, 3vw, 3.2rem);
		padding-bottom: 0;
	}

	.flower-section+.flower-section,
	.flowers-section+.flowers-section,
	.product-section+.product-section {
		margin-top: 0;
	}

	.flowers-grid,
	.product-grid {
		margin-bottom: 0;
	}

	.flower-card img,
	.product-card img,
	.flowers-grid img {
		aspect-ratio: 1.68 / 1;
		object-fit: cover;
	}
}

/* Solid navbar treatment */
.site-header,
.navbar,
#header {
	border-bottom: 0 !important;
	box-shadow: none;
}

.site-header.is-solid,
.navbar.is-solid,
#header.is-solid,
body:not(.home) .site-header,
body:not(.home) .navbar {
	background: #fbf7ee;
}

.nav-wordmark {
	display: block;
	width: auto;
	height: clamp(34px, 3.1vw, 48px);
	object-fit: contain;
}

@media screen and (max-width:820px) {
	.nav-wordmark {
		height: 34px;
	}
}


/* Homepage hero copy */
.homepage #hero .home-hero-copy {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(2rem, 4vw, 4.8rem);
	padding: 0 clamp(2rem, 7vw, 8rem);
	color: #fff;
	pointer-events: none;
	z-index: 2;
	text-shadow: 0 2px 16px rgba(34, 19, 11, .28), 0 1px 3px rgba(34, 19, 11, .22);
}

.homepage #hero .home-hero-copy h1 {
	margin: 0;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: clamp(21px, 3vw, 36px);
	font-style: italic;
	font-weight: 600;
	line-height: .88;
	letter-spacing: -.035em;
	color: inherit;
	text-transform: none;
}

.homepage #hero .home-hero-copy p {
	margin: .35rem 0 0;
	max-width: 34rem;
	font-size: clamp(1rem, 1.15vw, 1.3rem);
	font-weight: 500;
	line-height: 1.35;
	color: inherit;
	text-shadow: 0 2px 14px rgba(34, 19, 11, .34), 0 1px 3px rgba(34, 19, 11, .28);
}

@media screen and (max-width:820px) {
	.homepage #hero .home-hero-copy {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: .9rem;
		padding: 0 7vw;
		text-align: center;
	}

	.homepage #hero .home-hero-copy h1 {
		font-size: clamp(20px, 6vw, 29px);
		line-height: .92;
	}

	.homepage #hero .home-hero-copy p {
		max-width: 300px;
		margin: 0;
		font-size: clamp(14px, 3.6vw, 17px);
		line-height: 1.35;
	}
}

/* Soft editorial image reveal */
img.soft-image-reveal {
	opacity: 0;
	filter: blur(8px);
	transform: scale(1.025);
	transition: opacity 1.05s cubic-bezier(.22, .61, .36, 1), filter 1.25s cubic-bezier(.22, .61, .36, 1), transform 1.45s cubic-bezier(.22, .61, .36, 1);
	will-change: opacity, filter, transform;
}

img.soft-image-reveal.is-revealed {
	opacity: 1;
	filter: blur(0);
	transform: scale(1);
}

.homepage #header-wrapper {
	position: relative;
}

.homepage #header-wrapper::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: #fbf7ee;
	pointer-events: none;
	opacity: 1;
	transition: opacity 1.15s cubic-bezier(.22, .61, .36, 1);
}

.homepage #header-wrapper.hero-image-revealed::after {
	opacity: 0;
}

.homepage #header-wrapper>#header {
	position: relative;
	z-index: 20;
}

.homepage #header-wrapper>#hero {
	position: relative;
	z-index: 2;
	pointer-events: none;
}

@media (prefers-reduced-motion:reduce) {
	img.soft-image-reveal {
		opacity: 1;
		filter: none;
		transform: none;
		transition: none;
	}

	.homepage #header-wrapper::after {
		display: none;
	}
}

.homepage .site-nav {
	z-index: 1100;
}

/* ==========================================================================
   PRODUCT DETAIL — EDITORIAL TWO-PART LAYOUT
   Section 1: gallery + purchase information. Section 2: included/delivery/care.
   ========================================================================== */
.product-page {
	background: #fbf7ee;
}

.product-page .product-layout {
	display: block;
	padding-top: 82px;
	background: #fbf7ee;
}

.product-primary-section {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(420px, 1fr);
	height: calc(100svh - 82px);
	min-height: 650px;
	background: #fbf7ee;
}

.product-gallery-wrap {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 0;
	overflow: hidden;
	background: #f0ece5;
}

.product-gallery {
	display: flex;
	width: 100%;
	height: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-width: none;
	background: #f0ece5;
}

.product-gallery::-webkit-scrollbar {
	display: none;
}

.product-media,
.product-media.is-size-guide {
	flex: 0 0 100%;
	width: 100%;
	height: 100%;
	min-height: 0 !important;
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
	scroll-snap-align: start;
	scroll-snap-stop: always;
	background: #f0ece5;
}

.product-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-media.is-size-guide {
	padding: clamp(2rem, 5vw, 5rem);
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fafaf7;
}

.product-media.is-size-guide img {
	object-fit: contain;
}

.product-carousel-arrow {
	position: absolute;
	top: 50%;
	z-index: 4;
	width: 42px;
	height: 42px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(251, 247, 238, .82);
	color: #2a241f;
	font: 300 28px/1 Georgia, serif;
	box-shadow: none;
	transform: translateY(-50%);
	cursor: pointer;
}

.product-carousel-arrow.is-prev {
	left: 20px;
}

.product-carousel-arrow.is-next {
	right: 20px;
}

.product-carousel-dots {
	position: absolute;
	left: 50%;
	bottom: 20px;
	z-index: 4;
	display: flex;
	gap: 8px;
	transform: translateX(-50%);
}

.product-carousel-dot {
	width: 8px;
	height: 8px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, .95);
	border-radius: 50%;
	background: rgba(255, 255, 255, .4);
	box-shadow: none;
}

.product-carousel-dot.is-active {
	background: #fff;
}

.product-info-column {
	position: static;
	height: 100%;
	min-height: 0;
	padding: clamp(2.4rem, 5vh, 4.5rem) clamp(3rem, 6vw, 7rem);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow-y: auto;
	background: #fbf7ee;
}

.product-info {
	width: min(100%, 520px);
	margin: 0;
	padding: 0;
	text-align: left;
	color: #28241f;
}

.product-breadcrumb {
	margin: 0 0 1.25rem;
	font-size: .68rem;
	font-weight: 600;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: #6f675d;
}

.product-title {
	margin: 0;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: clamp(3.2rem, 5vw, 6.25rem);
	font-weight: 400;
	line-height: .92;
	letter-spacing: -.035em;
	color: #171513;
}

.product-subtitle {
	margin: .85rem 0 1.8rem;
	font-size: .7rem;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: #82796e;
}

.product-price {
	margin: 0 0 1.5rem;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: clamp(1.55rem, 2vw, 2rem);
	color: #171513;
}

.product-intro-description {
	max-width: 430px;
	margin: 0 0 1.9rem;
	font-size: .92rem;
	line-height: 1.65;
	color: #5d554b;
}

.product-option-row {
	display: grid;
	grid-template-columns: 72px 1fr;
	align-items: stretch;
	margin: 0 0 1.65rem;
	border: 1px solid #d7d0c5;
}

.product-option-label {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0 .8rem;
	font-size: .62rem;
	font-weight: 600;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #625a50;
}

.product-options {
	display: flex;
	justify-content: stretch;
	flex-wrap: nowrap;
	gap: 0;
	margin: 0;
}

.product-option {
	flex: 1 1 0;
	min-width: 0;
	padding: .9rem .7rem;
	border: 0;
	border-left: 1px solid #d7d0c5;
	background: transparent;
	color: #4e473f;
	font-size: .82rem;
	box-shadow: none;
}

.product-option.is-selected {
	background: transparent;
	color: #171513;
	font-weight: 700;
}

.product-options.has-error {
	outline: 1px solid #9f4b3f;
}

.product-note-row {
	margin-top: .2rem;
}

.product-card-note-label {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0 0 .5rem;
	font-size: .63rem;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #625a50;
}

.product-card-note-label span {
	float: none;
	font-size: inherit;
	font-weight: 500;
	color: #82796e;
}

.product-card-note {
	display: block;
	width: 100%;
	height: 54px;
	min-height: 54px;
	margin: 0 0 1rem;
	padding: .8rem 0;
	resize: vertical;
	border: 0;
	border-bottom: 1px solid #8f877c;
	background: transparent;
	color: #28241f;
	font: inherit;
	box-shadow: none;
}

.product-card-note:focus {
	border-color: #28241f;
	outline: none;
}

.product-validation {
	margin: -.45rem 0 .7rem;
	font-size: .72rem;
	color: #9f4b3f;
}

.product-validation:empty {
	display: none;
}

.product-add-button {
	width: min(100%, 240px);
	min-height: 54px;
	margin-top: .4rem;
	padding: .9rem 1.2rem;
	border: 1px solid #171513;
	border-radius: 0;
	background: #171513;
	color: #fff;
	font-size: .7rem;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
	box-shadow: none;
}

.product-add-button:hover {
	background: transparent;
	color: #171513;
}

.product-contact-actions {
	justify-content: flex-start;
	margin-top: 1.8rem;
}

.product-aftercare {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
	border-top: 1px solid #ddd5c9;
	background: #fbf7ee;
}

.product-aftercare-block {
	min-height: 360px;
	padding: clamp(3.2rem, 6vw, 6rem) clamp(2.5rem, 4.5vw, 5rem);
	border-right: 1px solid #ddd5c9;
}

.product-aftercare-block:last-child {
	border-right: 0;
}

.product-aftercare-kicker {
	display: block;
	margin-bottom: 2.2rem;
	font-size: .62rem;
	letter-spacing: .18em;
	color: #948a7d;
}

.product-aftercare-block h2 {
	margin: 0 0 1.1rem;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: clamp(1.6rem, 2.2vw, 2.35rem);
	font-weight: 400;
	color: #28241f;
}

.product-aftercare-block p {
	max-width: 430px;
	margin: 0;
	font-size: .88rem;
	line-height: 1.7;
	color: #5d554b;
}

/* Legacy first-screen/tabs are no longer used by the redesigned product markup. */
.product-mobile-first-screen,
.product-mobile-summary,
.product-desktop-summary,
.product-detail-tabs,
.product-edit-note {
	display: none !important;
}

@media screen and (max-width: 1080px) {
	.product-primary-section {
		grid-template-columns: minmax(0, 1.05fr) minmax(390px, .95fr);
		min-height: 600px;
	}

	.product-info-column {
		padding: 2.4rem 4vw;
	}

	.product-title {
		font-size: clamp(2.7rem, 5vw, 4.5rem);
	}

	.product-intro-description {
		font-size: .86rem;
		line-height: 1.55;
	}
}

@media screen and (max-width: 820px) {
	.product-page .product-layout {
		padding-top: 68px;
	}

	.product-primary-section {
		display: block;
		height: auto;
		min-height: 0;
	}

	.product-gallery-wrap {
		height: clamp(430px, 58svh, 560px);
	}

	.product-gallery,
	.product-media,
	.product-media.is-size-guide {
		height: 100% !important;
		min-height: 0 !important;
	}

	.product-media img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.product-media.is-size-guide {
		padding: 1.5rem;
	}

	.product-carousel-arrow {
		width: 36px;
		height: 36px;
		font-size: 23px;
	}

	.product-carousel-arrow.is-prev {
		left: 12px;
	}

	.product-carousel-arrow.is-next {
		right: 12px;
	}

	.product-info-column {
		height: auto;
		padding: 2.6rem 7vw 3.5rem;
		display: block;
		overflow: visible;
	}

	.product-info {
		width: 100%;
	}

	.product-breadcrumb {
		margin-bottom: .8rem;
	}

	.product-title {
		font-size: clamp(2.3rem, 10vw, 3.7rem);
		line-height: .95;
	}

	.product-subtitle {
		margin: .55rem 0 1rem;
	}

	.product-price {
		margin-bottom: 1.15rem;
		font-size: 1.35rem;
	}

	.product-intro-description {
		margin-bottom: 1.5rem;
		font-size: .88rem;
	}

	.product-option-row {
		grid-template-columns: 64px 1fr;
	}

	.product-option {
		padding: .9rem .4rem;
	}

	.product-add-button {
		width: 100%;
	}

	.product-aftercare {
		grid-template-columns: 1fr;
	}

	.product-aftercare-block {
		min-height: 0;
		padding: 3.2rem 7vw;
		border-right: 0;
		border-bottom: 1px solid #ddd5c9;
	}

	.product-aftercare-block:last-child {
		border-bottom: 0;
	}

	.product-aftercare-kicker {
		margin-bottom: 1.4rem;
	}
}

@media screen and (max-width: 480px) {
	.product-gallery-wrap {
		height: clamp(390px, 55svh, 500px);
	}

	.product-info-column {
		padding-left: 6vw;
		padding-right: 6vw;
	}

	.product-title {
		font-size: clamp(2.1rem, 10.5vw, 3.2rem);
	}
}

\n\n

/* ===== Product hierarchy refinement ===== */
\n.product-breadcrumb {
	margin: 0 0 1rem;
	font-size: .67rem;
	font-weight: 600;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: #6f675d
}

.product-title {
	margin: 0 0 1.05rem;
	font-size: clamp(3rem, 4.7vw, 5.7rem);
	line-height: .84
}

.product-title span {
	display: block
}

.product-subtitle {
	display: none !important
}

.product-price {
	margin: 0 0 1.35rem;
	font-size: clamp(1.18rem, 1.4vw, 1.45rem);
	line-height: 1.1
}

.product-option-row {
	display: block;
	margin: 0 0 1.6rem;
	border: 0
}

.product-option-label {
	display: block;
	margin: 0 0 .62rem;
	padding: 0;
	font-size: .64rem;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: none;
	color: #625a50
}

.product-options {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: nowrap;
	gap: 0;
	margin: 0
}

.product-option {
	flex: 0 0 auto;
	min-width: 0;
	padding: .1rem 1.35rem;
	border: 0;
	border-left: 1px solid #cfc7bb;
	background: transparent;
	color: #6b6259;
	font-size: .88rem;
	line-height: 1.35;
	box-shadow: none
}

.product-option:first-child {
	padding-left: 0;
	border-left: 0
}

.product-option.is-selected {
	background: transparent;
	color: #171513;
	font-weight: 700
}

.product-options.has-error {
	outline: 0
}

.product-options.has-error .product-option {
	color: #9f4b3f
}

@media screen and (max-width:1080px) {
	.product-title {
		font-size: clamp(2.65rem, 5.2vw, 4.5rem)
	}

	.product-price {
		font-size: 1.2rem
	}
}

@media screen and (max-width:820px) {
	.product-breadcrumb {
		margin-bottom: .72rem
	}

	.product-title {
		margin-bottom: .85rem;
		font-size: clamp(2.25rem, 10vw, 3.35rem);
		line-height: .87
	}

	.product-price {
		margin-bottom: 1.1rem;
		font-size: 1.12rem
	}

	.product-option-label {
		margin-bottom: .68rem
	}

	.product-option {
		padding: .08rem 1rem;
		font-size: .84rem
	}
}

@media screen and (max-width:480px) {
	.product-title {
		font-size: clamp(2rem, 10.5vw, 2.9rem)
	}

	.product-option {
		padding-left: .85rem;
		padding-right: .85rem
	}
}

\n
/* ==========================================================================
   PRODUCT DETAIL — DESKTOP RESTORE
   Desktop: full-screen stacked images on left; all product information on right.
   <=820px: horizontal carousel retained.
   ========================================================================== */
@media screen and (min-width: 821px) {
	.product-page .product-layout {
		padding-top: 82px;
	}

	.product-primary-section {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(420px, 1fr);
		height: auto;
		min-height: calc(100vh - 82px);
		align-items: start;
	}

	.product-gallery-wrap {
		position: relative;
		width: 100%;
		height: auto;
		overflow: visible;
	}

	.product-gallery {
		display: block;
		width: 100%;
		height: auto;
		overflow: visible;
		scroll-snap-type: none;
	}

	.product-media,
	.product-media.is-size-guide {
		display: block;
		width: 100%;
		height: calc(100svh - 82px);
		min-height: 620px !important;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}

	.product-media img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

	.product-media.is-size-guide {
		padding: clamp(2rem, 4vw, 4rem);
		display: flex;
		align-items: center;
		justify-content: center;
		background: #fafaf7;
	}

	.product-media.is-size-guide img {
		object-fit: contain;
	}

	.product-carousel-arrow,
	.product-carousel-dots {
		display: none !important;
	}

	.product-info-column {
		position: relative;
		height: auto;
		min-height: calc(100svh - 82px);
		padding: 0;
		display: block;
		overflow: visible;
		background: #fbf7ee;
	}

	.product-info {
		width: 100%;
		max-width: none;
		margin: 0;
		padding: 0;
	}

	.product-purchase-panel {
		min-height: calc(100svh - 82px);
		padding: clamp(1.8rem, 3.4vh, 3rem) clamp(3rem, 6vw, 7rem) clamp(2.8rem, 5vh, 4.5rem);
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		box-sizing: border-box;
	}

	.product-breadcrumb {
		margin: 0 0 .8rem;
		font-size: .67rem;
		letter-spacing: .2em;
	}

	.product-title {
		margin: 0 0 .95rem;
		font-size: clamp(3.3rem, 4.9vw, 5.9rem);
		line-height: .96;
		letter-spacing: -.01em;
	}

	.product-title span {
		display: block;
	}

	.product-price {
		margin: 0 0 1.2rem;
		font-size: clamp(1.15rem, 1.35vw, 1.4rem);
	}

	.product-intro-description {
		margin-bottom: 1.5rem;
	}

	.product-option-row {
		display: block;
		margin: 0 0 1.5rem;
		border: 0;
	}

	.product-option-label {
		display: block;
		margin: 0 0 .62rem;
		padding: 0;
		font-size: .64rem;
		font-weight: 600;
		letter-spacing: .14em;
		text-transform: none;
		color: #625a50;
	}

	.product-options {
		display: flex;
		align-items: stretch;
		justify-content: flex-start;
		flex-wrap: nowrap;
		gap: 10px;
		margin: 0;
	}

	.product-option,
	.product-option:first-child {
		flex: 0 0 auto;
		min-width: 72px;
		min-height: 52px;
		padding: .72rem 1.2rem;
		border: 1px solid #cfc7bb;
		background: transparent !important;
		color: #6b6259;
		font-size: .86rem;
		line-height: 1.2;
		box-shadow: none;
	}

	.product-option:hover,
	.product-option.is-selected {
		background: transparent !important;
		border-color: #625a50;
		color: #171513;
	}

	.product-option.is-selected {
		font-weight: 700;
	}

	.product-options.has-error {
		outline: 0;
	}

	.product-options.has-error .product-option {
		border-color: #9f4b3f;
	}

	.product-aftercare {
		display: block;
		width: 100%;
		border-top: 1px solid #ddd5c9;
		background: #fbf7ee;
	}

	.product-aftercare-block {
		min-height: 0;
		padding: clamp(3rem, 5vw, 5rem) clamp(3rem, 6vw, 7rem);
		border-right: 0;
		border-bottom: 1px solid #ddd5c9;
	}

	.product-aftercare-block:last-child {
		border-bottom: 0;
	}

	.product-aftercare-kicker {
		margin-bottom: 1.2rem;
	}

	.product-aftercare-block h2 {
		margin-bottom: .9rem;
		font-size: clamp(1.55rem, 2vw, 2.15rem);
	}

	.product-aftercare-block p {
		max-width: 480px;
	}
}

@media screen and (max-width: 820px) {
	.product-option-row {
		display: block;
		border: 0;
	}

	.product-option-label {
		display: block;
		margin: 0 0 .65rem;
		padding: 0;
	}

	.product-options {
		display: flex;
		gap: 8px;
	}

	.product-option,
	.product-option:first-child {
		flex: 1 1 0;
		min-width: 0;
		min-height: 50px;
		padding: .7rem .5rem;
		border: 1px solid #cfc7bb;
		background: transparent !important;
	}

	.product-option.is-selected {
		border-color: #625a50;
		background: transparent !important;
	}
}


/* ========================================================================== 
   PRODUCT DETAIL — COHERENT FINAL LAYOUT
   ========================================================================== */

/* Title + style + options — authoritative styling */
.product-breadcrumb {
	text-transform: uppercase !important;
	font-size: .66rem !important;
	font-weight: 600 !important;
	letter-spacing: .20em !important;
	color: #756d63 !important;
}

.product-title {
	font-family: Georgia, 'Times New Roman', serif !important;
	font-weight: 400 !important;
}

.product-title span {
	display: block !important;
}

.product-subtitle {
	display: none !important;
}

.product-option-row {
	display: block !important;
	border: 0 !important;
	background: transparent !important;
}

.product-option-label {
	display: block !important;
	padding: 0 !important;
	text-transform: none !important;
}

.product-options {
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 10px !important;
}

.product-option,
.product-option:first-child {
	border: 1px solid #c9c1b6 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.product-option:hover,
.product-option.is-selected {
	background: transparent !important;
	border-color: #6b6258 !important;
	color: #201d19 !important;
}

@media screen and (min-width:821px) {
	.product-page .product-layout {
		padding-top: 82px !important;
	}

	.product-primary-section {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(420px, 1fr) !important;
		align-items: start !important;
		min-height: calc(100svh - 82px) !important;
		height: auto !important;
	}

	/* LEFT: full-height image stack; never carousel on desktop */
	.product-gallery-wrap,
	.product-gallery {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		overflow: visible !important;
		scroll-snap-type: none !important;
	}

	.product-media {
		width: 100% !important;
		height: calc(100svh - 82px) !important;
		min-height: 580px !important;
		overflow: hidden !important;
	}

	.product-media img {
		width: 100% !important;
		height: 100% !important;
		display: block !important;
		object-fit: cover !important;
	}

	.product-media.is-size-guide {
		height: calc(100svh - 82px) !important;
		min-height: 0 !important;
		padding: clamp(2rem, 4vw, 4rem) !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		background: #fafaf7 !important;
	}

	.product-media.is-size-guide img {
		object-fit: contain !important;
	}

	.product-carousel-arrow,
	.product-carousel-dots {
		display: none !important;
	}

	/* RIGHT column flows with the left image stack. */
	.product-info-column {
		position: relative !important;
		top: auto !important;
		height: auto !important;
		min-height: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
		display: block !important;
		background: #fbf7ee !important;
	}

	.product-info {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
		text-align: left !important;
	}

	/* Exactly one first viewport: style through Add to Cart. */
	.product-purchase-panel {
		height: calc(100svh - 82px) !important;
		min-height: 580px !important;
		box-sizing: border-box !important;
		padding: clamp(1.45rem, 2.6vh, 2.35rem) clamp(3rem, 6vw, 6.75rem) clamp(1.8rem, 3vh, 2.8rem) !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: flex-start !important;
		align-items: flex-start !important;
		overflow: hidden !important;
	}

	.product-breadcrumb {
		margin: 0 0 .7rem !important;
	}

	.product-title {
		margin: 0 0 .82rem !important;
		font-size: clamp(3.15rem, 4.7vw, 5.6rem) !important;
		line-height: 1.00 !important;
		letter-spacing: .005em !important;
	}

	.product-price {
		margin: 0 0 1rem !important;
		font-size: clamp(1.08rem, 1.25vw, 1.32rem) !important;
	}

	.product-intro-description {
		max-width: 440px !important;
		margin: 0 0 1.15rem !important;
		font-size: .84rem !important;
		line-height: 1.5 !important;
	}

	.product-option-row {
		margin: 0 0 1rem !important;
	}

	.product-option-label {
		margin: 0 0 .5rem !important;
		font-size: .64rem !important;
		letter-spacing: .10em !important;
	}

	.product-option,
	.product-option:first-child {
		min-width: 72px !important;
		min-height: 48px !important;
		padding: .65rem 1.15rem !important;
		font-size: .84rem !important;
	}

	.product-note-row {
		width: 100% !important;
		margin-top: 0 !important;
	}

	.product-card-note-label {
		margin-bottom: .35rem !important;
	}

	.product-card-note {
		height: 44px !important;
		min-height: 44px !important;
		margin-bottom: .55rem !important;
		padding: .55rem 0 !important;
	}

	.product-validation {
		margin: .15rem 0 !important;
		min-height: 0 !important;
	}

	.product-add-button {
		width: min(100%, 240px) !important;
		min-height: 50px !important;
		margin-top: .15rem !important;
	}

	/* Right-half accordion after the first viewport. */
	.product-aftercare.product-accordion {
		display: block !important;
		width: 100% !important;
		padding: 0 clamp(3rem, 6vw, 6.75rem) clamp(4rem, 7vw, 6rem) !important;
		border-top: 0 !important;
		background: #fbf7ee !important;
	}

	.product-info-disclosure {
		width: 100% !important;
		border-top: 1px solid #d8d0c5 !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.product-info-disclosure:last-child {
		border-bottom: 1px solid #d8d0c5 !important;
	}

	.product-info-disclosure summary {
		position: relative !important;
		list-style: none !important;
		cursor: pointer !important;
		padding: 1.15rem 2rem 1.15rem 0 !important;
		font-size: .66rem !important;
		font-weight: 600 !important;
		letter-spacing: .15em !important;
		text-transform: uppercase !important;
		color: #28241f !important;
	}

	.product-info-disclosure summary::-webkit-details-marker {
		display: none !important;
	}

	.product-info-disclosure summary::after {
		content: '+' !important;
		position: absolute !important;
		right: 0 !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		font-size: 1rem !important;
		font-weight: 400 !important;
		letter-spacing: 0 !important;
	}

	.product-info-disclosure[open] summary::after {
		content: '−' !important;
	}

	.product-info-disclosure-body {
		padding: 0 0 1.4rem !important;
	}

	.product-info-disclosure-body p {
		max-width: 500px !important;
		margin: 0 !important;
		font-size: .84rem !important;
		line-height: 1.65 !important;
		color: #5d554b !important;
	}

	/* Mid-size desktops/tablets: preserve the same hierarchy, just compact it. */
	@media (max-height:760px) {
		.product-purchase-panel {
			padding-top: 1rem !important;
			padding-bottom: 1.1rem !important;
		}

		.product-title {
			font-size: clamp(2.75rem, 4.2vw, 4.7rem) !important;
		}

		.product-intro-description {
			font-size: .78rem !important;
			line-height: 1.4 !important;
			margin-bottom: .8rem !important;
		}

		.product-option-row {
			margin-bottom: .75rem !important;
		}

		.product-card-note {
			height: 38px !important;
			min-height: 38px !important;
		}

		.product-add-button {
			min-height: 44px !important;
		}
	}
}

@media screen and (max-width:820px) {

	/* Mobile remains a carousel. */
	.product-primary-section {
		display: block !important;
	}

	.product-gallery-wrap {
		overflow: hidden !important;
	}

	.product-gallery {
		display: flex !important;
		overflow-x: auto !important;
		scroll-snap-type: x mandatory !important;
	}

	.product-media {
		flex: 0 0 100% !important;
		width: 100% !important;
		scroll-snap-align: start !important;
	}

	.product-title {
		line-height: .95 !important;
		letter-spacing: 0 !important;
	}

	.product-option-row {
		display: block !important;
		border: 0 !important;
	}

	.product-option-label {
		display: block !important;
		margin: 0 0 .55rem !important;
	}

	.product-options {
		display: flex !important;
		gap: 8px !important;
	}

	.product-option,
	.product-option:first-child {
		flex: 1 1 0 !important;
		min-width: 0 !important;
		min-height: 50px !important;
		padding: .7rem .5rem !important;
		border: 1px solid #c9c1b6 !important;
		background: transparent !important;
	}

	/* On mobile, accordions remain below purchase details, full width. */
	.product-aftercare.product-accordion {
		display: block !important;
		padding: 0 1.5rem 3rem !important;
		background: #fbf7ee !important;
	}

	.product-info-disclosure {
		border-top: 1px solid #d8d0c5 !important;
	}

	.product-info-disclosure:last-child {
		border-bottom: 1px solid #d8d0c5 !important;
	}

	.product-info-disclosure summary {
		list-style: none !important;
		position: relative !important;
		padding: 1.05rem 2rem 1.05rem 0 !important;
		font-size: .66rem !important;
		font-weight: 600 !important;
		letter-spacing: .14em !important;
		text-transform: uppercase !important;
	}

	.product-info-disclosure summary::-webkit-details-marker {
		display: none !important;
	}

	.product-info-disclosure summary::after {
		content: '+' !important;
		position: absolute !important;
		right: 0 !important;
	}

	.product-info-disclosure[open] summary::after {
		content: '−' !important;
	}

	.product-info-disclosure-body {
		padding: 0 0 1.25rem !important;
	}

	.product-info-disclosure-body p {
		margin: 0 !important;
		font-size: .84rem !important;
		line-height: 1.6 !important;
	}
}


/* ==========================================================================
   PRODUCT DETAIL — REFERENCE MATCH
   Desktop only: tune alignment, spacing, typography and purchase controls.
   ========================================================================== */
@media screen and (min-width: 821px) {
	.product-purchase-panel {
		min-height: calc(100svh - 82px);
		padding:
			clamp(3.8rem, 7.5vh, 6.2rem) clamp(4.5rem, 7vw, 8rem) clamp(3.2rem, 5vh, 4.5rem);
		justify-content: flex-start;
	}

	.product-breadcrumb {
		margin: 0 0 1.15rem;
		font-size: .68rem;
		font-weight: 600;
		letter-spacing: .23em;
		text-transform: uppercase;
		color: #7d7469;
	}

	.product-title {
		margin: 0 0 1.9rem;
		font-size: clamp(4.2rem, 5.35vw, 6.35rem);
		line-height: .80;
		letter-spacing: -.028em;
		max-width: 640px;
	}

	.product-title span {
		display: block;
	}

	.product-price {
		margin: 0 0 2.3rem;
		font-family: var(--serif, Georgia, serif);
		font-size: clamp(1.55rem, 1.65vw, 1.9rem);
		font-weight: 500;
		line-height: 1;
	}

	.product-intro-description {
		max-width: 430px;
		margin: 0 0 1.4rem;
		font-size: .95rem;
		line-height: 1.72;
		color: #5f574e;
	}

	.product-option-row {
		margin: .15rem 0 1.9rem;
	}

	.product-option-label {
		margin: 0 0 .8rem;
		font-size: .64rem;
		font-weight: 600;
		letter-spacing: .16em;
		text-transform: none;
		color: #5e574f;
	}

	.product-options {
		gap: 8px;
	}

	.product-option,
	.product-option:first-child {
		min-width: 60px;
		min-height: 42px;
		padding: .62rem .95rem;
		border: 1px solid #d4cdc2;
		background: transparent !important;
		font-size: .72rem;
		font-weight: 400;
		color: #5d554d;
	}

	.product-option:hover,
	.product-option.is-selected {
		border-color: #8c8378;
		background: transparent !important;
		color: #171513;
	}

	.product-option.is-selected {
		font-weight: 600;
	}

	.product-note {
		margin-top: .65rem;
		margin-bottom: 2.4rem;
	}

	.product-note-head {
		margin-bottom: .65rem;
		font-size: .63rem;
		letter-spacing: .15em;
	}

	.product-note textarea {
		min-height: 0 !important;
		height: 44px !important;
		padding: .7rem 0;
		border: 0 !important;
		border-bottom: 1px solid #8d8579 !important;
		background: transparent !important;
		resize: none;
		font-size: .84rem;
		line-height: 1.3;
		box-shadow: none !important;
	}

	.product-note textarea::placeholder {
		color: #6e675f;
		opacity: .9;
	}

	.product-add,
	.product-contact-link {
		width: auto;
		min-width: 240px;
		min-height: 56px;
		padding: 0 2.3rem;
		margin-top: .2rem;
		font-size: .72rem;
		letter-spacing: .16em;
	}

	/* Make sure the first section feels balanced against the image height. */
	.product-purchase-panel>* {
		flex: 0 0 auto;
	}
}

@media screen and (min-width: 821px) and (max-width: 1180px) {
	.product-purchase-panel {
		padding-left: clamp(2.5rem, 5vw, 4.5rem);
		padding-right: clamp(2.5rem, 5vw, 4.5rem);
	}

	.product-title {
		font-size: clamp(3.45rem, 5.7vw, 5rem);
		line-height: .84;
		margin-bottom: 1.55rem;
	}

	.product-price {
		font-size: 1.4rem;
		margin-bottom: 1.8rem;
	}

	.product-intro-description {
		font-size: .9rem;
		line-height: 1.62;
		max-width: 390px;
	}
}


/* ==========================================================================
   FLOWERS PAGE SCROLL RESTORE
   Product-page independent scrolling must never lock normal catalogue pages.
   ========================================================================== */

html,
body {
	overflow-x: hidden;
}

body:not(.product-page) {
	height: auto !important;
	min-height: 100% !important;
	overflow-y: auto !important;
}

body:not(.product-page) #page-wrapper {
	height: auto !important;
	min-height: 100% !important;
	overflow: visible !important;
}

/* Explicitly restore ordinary page flow for Flowers. */
body.flowers-page,
body.flowers-page #page-wrapper,
body.flowers-page main,
body.flowers-page .flowers-page-content {
	height: auto !important;
	max-height: none !important;
	overflow: visible !important;
}

/* ==========================================================================
   PRODUCT TYPOGRAPHY — DESKTOP / IPAD AND ABOVE
   Slightly larger and more open while keeping the approved composition.
   ========================================================================== */
@media screen and (min-width: 821px) {

	/* More breathing room between title lines. */
	.product-title {
		font-size: clamp(52px, min(5.25vw, 7.1vh), 80px) !important;
		line-height: .98 !important;
		letter-spacing: -.012em !important;
		margin-bottom: clamp(25px, 3.2vh, 38px) !important;
	}

	/* Slightly larger price and a clearer gap after the name. */
	.product-price {
		font-size: clamp(20px, min(1.7vw, 2.55vh), 27px) !important;
		margin-bottom: clamp(25px, 3.2vh, 36px) !important;
	}

	/* Description gets a touch more presence. */
	.product-intro-description {
		max-width: 470px !important;
		font-size: clamp(13px, min(1.02vw, 1.7vh), 16px) !important;
		line-height: 1.62 !important;
	}

	/* Keep size selector proportional after the larger text. */
	.product-option-row {
		margin-top: clamp(15px, 2vh, 22px) !important;
	}

	.product-option-label {
		font-size: clamp(10px, .74vw, 12px) !important;
	}

	/* Gift message label + input slightly larger. */
	.product-card-note-label {
		font-size: clamp(10px, .72vw, 12px) !important;
	}

	.product-card-note-label span {
		font-size: clamp(9px, .66vw, 11px) !important;
	}

	.product-card-note {
		font-size: clamp(13px, .96vw, 15px) !important;
	}

	/* Keep CTA inside the viewport by letting the flexible spacer absorb
	   the extra typography rather than pushing the button down. */
	.product-note-row {
		margin-top: auto !important;
	}
}

/* iPad landscape / narrower desktop: increase type, but not enough to
   disturb the first-screen composition. */
@media screen and (min-width: 821px) and (max-width: 1180px) {
	.product-title {
		font-size: clamp(48px, min(5.6vw, 6.8vh), 66px) !important;
		line-height: .98 !important;
		margin-bottom: clamp(22px, 2.8vh, 30px) !important;
	}

	.product-price {
		font-size: clamp(19px, 1.8vw, 23px) !important;
		margin-bottom: clamp(22px, 2.8vh, 30px) !important;
	}

	.product-intro-description {
		font-size: clamp(13px, 1.15vw, 15px) !important;
		line-height: 1.58 !important;
	}
}


/* ==========================================================================
   PRODUCT PAGE — CLEAN SEQUENCED SCROLL
   Only product.html is viewport-locked.
   Right text pane scrolls first; then left image pane.
   ========================================================================== */
@media screen and (min-width: 821px) {

	body.product-page {
		height: 100svh !important;
		overflow: hidden !important;
	}

	body.product-page #page-wrapper {
		height: 100svh !important;
		overflow: hidden !important;
	}

	body.product-page .product-layout {
		height: calc(100svh - 82px) !important;
		padding-top: 82px !important;
		overflow: hidden !important;
	}

	body.product-page .product-primary-section {
		display: grid !important;
		grid-template-columns: 50% 50% !important;
		height: calc(100svh - 82px) !important;
		min-height: 0 !important;
		overflow: hidden !important;
		align-items: stretch !important;
	}

	/* Left = image scroll container */
	body.product-page .product-gallery-wrap {
		width: 100% !important;
		height: calc(100svh - 82px) !important;
		min-height: 0 !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
		overscroll-behavior: contain !important;
		scrollbar-width: none;
	}

	body.product-page .product-gallery-wrap::-webkit-scrollbar {
		display: none;
	}

	body.product-page .product-gallery {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		overflow: visible !important;
		scroll-snap-type: none !important;
	}

	body.product-page .product-media,
	body.product-page .product-media.is-size-guide {
		width: 100% !important;
		height: calc(100svh - 82px) !important;
		min-height: calc(100svh - 82px) !important;
		margin: 0 !important;
	}

	body.product-page .product-media img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
	}

	body.product-page .product-media.is-size-guide {
		padding: clamp(2rem, 4vw, 4rem) !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		background: #fafaf7 !important;
	}

	body.product-page .product-media.is-size-guide img {
		object-fit: contain !important;
	}

	body.product-page .product-carousel-arrow,
	body.product-page .product-carousel-dots {
		display: none !important;
	}

	/* Right = text scroll container */
	body.product-page .product-info-column {
		width: 100% !important;
		height: calc(100svh - 82px) !important;
		min-height: 0 !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
		overscroll-behavior: contain !important;
		scrollbar-width: none;
		background: #fbf7ee !important;
	}

	body.product-page .product-info-column::-webkit-scrollbar {
		display: none;
	}

	body.product-page .product-info {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* First text screen remains exactly one viewport high. */
	body.product-page .product-purchase-panel {
		height: calc(100svh - 82px) !important;
		min-height: calc(100svh - 82px) !important;
		max-height: calc(100svh - 82px) !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}

	/* Accordion starts below the purchase screen and ends at Care. */
	body.product-page .product-aftercare.product-accordion {
		width: 100% !important;
		margin: 0 !important;
		padding-bottom: 0 !important;
		box-sizing: border-box !important;
	}

	body.product-page .product-aftercare.product-accordion>.product-info-disclosure:last-child {
		margin-bottom: 0 !important;
	}

	body.product-page .product-aftercare.product-accordion>.product-info-disclosure:last-child summary {
		margin-bottom: 0 !important;
	}

	body.product-page .product-aftercare.product-accordion>.product-info-disclosure:last-child:not([open]) {
		padding-bottom: 0 !important;
	}

	body.product-page .product-aftercare.product-accordion>.product-info-disclosure:last-child[open] .product-info-disclosure-body {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}

	body.product-page .product-aftercare.product-accordion>.product-info-disclosure:last-child[open] .product-info-disclosure-body p:last-child {
		margin-bottom: 0 !important;
	}

	/* Non-product pages must retain ordinary document scrolling. */
	body:not(.product-page),
	body:not(.product-page) #page-wrapper {
		height: auto !important;
		max-height: none !important;
		overflow-y: visible !important;
	}
}


/* ==========================================================================
   PRODUCT PAGE — GEOMETRY REPAIR
   Keep the approved scroll sequence, but guarantee:
   1) Add to Cart is inside first viewport
   2) imagery reaches the bottom edge
   3) text scroll stops only after Care is visible
   ========================================================================== */
@media screen and (min-width: 821px) {

	body.product-page .product-layout {
		height: 100svh !important;
		padding-top: 82px !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}

	body.product-page .product-primary-section {
		height: 100% !important;
		min-height: 0 !important;
		grid-template-columns: 50% 50% !important;
	}

	/* Both panes take the exact remaining height beneath the navbar. */
	body.product-page .product-gallery-wrap,
	body.product-page .product-info-column {
		height: 100% !important;
		min-height: 0 !important;
	}

	/* Every desktop image is exactly one pane-height, with no bottom gap. */
	body.product-page .product-media,
	body.product-page .product-media.is-size-guide {
		height: 100% !important;
		min-height: calc(100svh - 82px) !important;
		box-sizing: border-box !important;
	}

	body.product-page .product-media img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		display: block !important;
	}

	/*
	 * First right-hand screen:
	 * use grid rows instead of loose margins, so the CTA always owns a
	 * visible row at the bottom of the viewport.
	 */
	body.product-page .product-purchase-panel {
		height: 100% !important;
		min-height: 100% !important;
		max-height: 100% !important;
		overflow: hidden !important;
		box-sizing: border-box !important;

		padding:
			clamp(28px, 4.2vh, 44px) clamp(48px, 5vw, 76px) clamp(24px, 3.4vh, 34px) clamp(58px, 5.8vw, 90px) !important;

		display: grid !important;
		grid-template-rows:
			auto
			/* style */
			auto
			/* title */
			auto
			/* price */
			auto
			/* description */
			auto
			/* options */
			1fr
			/* flexible breathing room */
			auto
			/* gift note */
			auto
			/* validation */
			auto
			/* CTA */
		;
		align-content: stretch !important;
	}

	body.product-page .product-breadcrumb {
		margin: 0 0 clamp(10px, 1.25vh, 14px) !important;
	}

	body.product-page .product-title {
		font-size: clamp(50px, min(5.15vw, 6.7vh), 76px) !important;
		line-height: 1.00 !important;
		letter-spacing: -.01em !important;
		margin: 0 0 clamp(18px, 2.3vh, 26px) !important;
	}

	body.product-page .product-price {
		font-size: clamp(20px, min(1.7vw, 2.35vh), 26px) !important;
		margin: 0 0 clamp(18px, 2.3vh, 26px) !important;
	}

	body.product-page .product-intro-description {
		font-size: clamp(13px, min(1vw, 1.55vh), 16px) !important;
		line-height: 1.55 !important;
		margin: 0 !important;
		max-width: 470px !important;
	}

	body.product-page .product-option-row {
		margin: clamp(12px, 1.6vh, 18px) 0 0 !important;
	}

	body.product-page .product-note-row {
		margin: 0 0 clamp(14px, 1.8vh, 20px) !important;
		max-width: 470px !important;
	}

	body.product-page .product-card-note-label {
		font-size: clamp(10px, .72vw, 12px) !important;
		margin-bottom: 7px !important;
	}

	body.product-page .product-card-note {
		height: clamp(31px, 3.7vh, 39px) !important;
		min-height: 31px !important;
		max-height: 39px !important;
		font-size: clamp(13px, .95vw, 15px) !important;
	}

	body.product-page .product-validation {
		min-height: 0 !important;
		margin: 0 0 7px !important;
	}

	body.product-page .product-add-button {
		width: clamp(220px, 17vw, 242px) !important;
		min-width: 220px !important;
		height: clamp(48px, 5.5vh, 58px) !important;
		min-height: 48px !important;
		margin: 0 !important;
	}

	/* Compact accordion so all three headings are reachable cleanly. */
	body.product-page .product-aftercare.product-accordion {
		padding:
			0 clamp(48px, 5vw, 76px) 0 clamp(58px, 5.8vw, 90px) !important;
	}

	body.product-page .product-info-disclosure summary {
		padding: 1.1rem 2rem 1.1rem 0 !important;
	}

	body.product-page .product-info-disclosure-body {
		padding: 0 0 1.25rem !important;
	}

	body.product-page .product-aftercare.product-accordion>.product-info-disclosure:last-child {
		border-bottom: 1px solid #d8d0c5 !important;
		margin-bottom: 0 !important;
	}
}

/* Shorter desktop windows: preserve the same structure, just scale it down. */
@media screen and (min-width: 821px) and (max-height: 820px) {
	body.product-page .product-purchase-panel {
		padding-top: 22px !important;
		padding-bottom: 20px !important;
	}

	body.product-page .product-title {
		font-size: clamp(44px, min(4.8vw, 6vh), 58px) !important;
		line-height: .98 !important;
		margin-bottom: 13px !important;
	}

	body.product-page .product-price {
		font-size: 19px !important;
		margin-bottom: 14px !important;
	}

	body.product-page .product-intro-description {
		font-size: 12.5px !important;
		line-height: 1.42 !important;
	}

	body.product-page .product-option-row {
		margin-top: 9px !important;
	}

	body.product-page .product-option,
	body.product-page .product-option:first-child {
		height: 34px !important;
		min-height: 34px !important;
	}

	body.product-page .product-note-row {
		margin-bottom: 10px !important;
	}

	body.product-page .product-add-button {
		height: 47px !important;
		min-height: 47px !important;
	}
}


/* ==========================================================================
   PRODUCT PAGE — RESTORE APPROVED SPACING
   Geometry stays fixed; typography/content must NOT be compressed to force-fit.
   ========================================================================== */
@media screen and (min-width: 821px) {

	body.product-page .product-purchase-panel {
		height: calc(100svh - 82px) !important;
		min-height: calc(100svh - 82px) !important;
		max-height: calc(100svh - 82px) !important;
		padding:
			clamp(34px, 4.6vh, 52px) clamp(48px, 5vw, 76px) clamp(28px, 3.8vh, 40px) clamp(58px, 5.8vw, 90px) !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		overflow: hidden !important;
	}

	body.product-page .product-breadcrumb {
		margin: 0 0 clamp(16px, 2vh, 22px) !important;
	}

	body.product-page .product-title {
		font-size: clamp(56px, min(5.25vw, 7.1vh), 80px) !important;
		line-height: .98 !important;
		letter-spacing: -.012em !important;
		margin: 0 0 clamp(25px, 3.2vh, 38px) !important;
	}

	body.product-page .product-price {
		font-size: clamp(20px, min(1.7vw, 2.55vh), 27px) !important;
		margin: 0 0 clamp(25px, 3.2vh, 36px) !important;
	}

	body.product-page .product-intro-description {
		max-width: 470px !important;
		font-size: clamp(13px, min(1.02vw, 1.7vh), 16px) !important;
		line-height: 1.62 !important;
		margin: 0 !important;
	}

	body.product-page .product-option-row {
		margin: clamp(18px, 2.3vh, 25px) 0 0 !important;
	}

	/* This spacer, rather than typography, absorbs viewport-height differences. */
	body.product-page .product-note-row {
		margin-top: auto !important;
		margin-bottom: clamp(18px, 2.2vh, 24px) !important;
		width: 100% !important;
		max-width: 470px !important;
	}

	body.product-page .product-card-note-label {
		margin-bottom: 10px !important;
	}

	body.product-page .product-card-note {
		height: 42px !important;
		min-height: 42px !important;
		max-height: 42px !important;
	}

	body.product-page .product-validation {
		margin: 0 0 8px !important;
	}

	body.product-page .product-add-button {
		width: min(240px, 100%) !important;
		min-width: 220px !important;
		height: 56px !important;
		min-height: 56px !important;
		margin: 0 !important;
		flex: 0 0 auto !important;
	}
}

/* Only genuinely short laptop windows get a small proportional reduction. */
@media screen and (min-width: 821px) and (max-height: 700px) {
	body.product-page .product-purchase-panel {
		padding-top: 24px !important;
		padding-bottom: 20px !important;
	}

	body.product-page .product-breadcrumb {
		margin-bottom: 11px !important;
	}

	body.product-page .product-title {
		font-size: clamp(48px, min(4.9vw, 6.5vh), 62px) !important;
		margin-bottom: 17px !important;
	}

	body.product-page .product-price {
		font-size: 20px !important;
		margin-bottom: 17px !important;
	}

	body.product-page .product-intro-description {
		font-size: 13px !important;
		line-height: 1.5 !important;
	}

	body.product-page .product-option-row {
		margin-top: 12px !important;
	}

	body.product-page .product-note-row {
		margin-bottom: 12px !important;
	}

	body.product-page .product-add-button {
		height: 50px !important;
		min-height: 50px !important;
	}
}


/* ==========================================================================
   PRODUCT DESKTOP — IMAGE FILLS THE ENTIRE LEFT VIEW
   Keep the approved right-side layout unchanged.
   ========================================================================== */
@media screen and (min-width: 821px) {

	body.product-page .product-gallery-wrap {
		height: calc(100svh - 82px) !important;
		min-height: calc(100svh - 82px) !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
		background: transparent !important;
	}

	body.product-page .product-gallery {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/*
	 * Each image is exactly one full left-pane viewport.
	 * Do not use height:100% here because the gallery itself is auto-height.
	 */
	body.product-page .product-media,
	body.product-page .product-media:not(.is-size-guide) {
		position: relative !important;
		display: block !important;
		width: 100% !important;
		height: calc(100svh - 82px) !important;
		min-height: calc(100svh - 82px) !important;
		max-height: none !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		background: transparent !important;
	}

	body.product-page .product-media:not(.is-size-guide) img {
		position: absolute !important;
		inset: 0 !important;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		min-height: 100% !important;
		max-height: none !important;
		margin: 0 !important;
		object-fit: cover !important;
		object-position: center center;
	}

	/* Size-guide treatment remains contained, but still fills one full screen. */
	body.product-page .product-media.is-size-guide {
		width: 100% !important;
		height: calc(100svh - 82px) !important;
		min-height: calc(100svh - 82px) !important;
		max-height: none !important;
		padding: clamp(2rem, 4vw, 4rem) !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
		background: #fafaf7 !important;
		overflow: hidden !important;
	}

	body.product-page .product-media.is-size-guide img {
		position: static !important;
		width: 100% !important;
		height: 100% !important;
		max-width: 100% !important;
		max-height: 100% !important;
		object-fit: contain !important;
	}
}


/* ==========================================================================
   2026-08-23 — PRODUCT OPTIONS + CART DRAWER/CART SUMMARY REFINEMENT
   ========================================================================== */

/* 1) Product size buttons — proportions from supplied reference */
.product-options {
	display: flex !important;
	justify-content: flex-start !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
	gap: 11px !important;
	margin-bottom: 0 !important;
}

.product-option,
.product-option:first-child {
	flex: 0 0 76px !important;
	width: 76px !important;
	min-width: 76px !important;
	height: 50px !important;
	min-height: 50px !important;
	padding: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border: 1px solid #c9c1b6 !important;
	border-radius: 5px !important;
	background: transparent !important;
	color: #625a52 !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	box-shadow: none !important;
}

.product-option:hover,
.product-option.is-selected {
	background: transparent !important;
	color: #28241f !important;
	border-color: #7f766b !important;
}

/* Keep the same button proportion on phones, simply let the row fit the width. */
@media screen and (max-width: 480px) {
	.product-options {
		gap: 9px !important;
	}

	.product-option,
	.product-option:first-child {
		flex: 1 1 0 !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		height: 48px !important;
		min-height: 48px !important;
	}
}

/* 2 + 3) Cart drawer: 95% of previous width, true independent scrolling,
   and even/tighter vertical rhythm between rows. */
.cart-drawer {
	width: min(87.4vw, 494px) !important;
	/* 95% of min(92vw, 520px) */
	height: 100dvh !important;
	max-height: 100dvh !important;
	overflow: hidden !important;
}

.cart-drawer-header {
	flex: 0 0 auto !important;
	padding: 1.05rem 1.35rem .8rem !important;
}

.cart-drawer-items {
	flex: 1 1 0 !important;
	min-height: 0 !important;
	height: auto !important;
	padding: 0 1.35rem !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	overscroll-behavior: contain !important;
	-webkit-overflow-scrolling: touch !important;
	scrollbar-width: thin;
}

.cart-drawer-footer {
	flex: 0 0 auto !important;
	padding: .85rem 1.35rem 1rem !important;
}

.cart-drawer-item {
	display: grid !important;
	grid-template-columns: 74px minmax(0, 1fr) !important;
	gap: .72rem !important;
	height: auto !important;
	min-height: 108px !important;
	padding: .62rem 0 !important;
	align-items: start !important;
	border-bottom: 1px solid #ddd6cb !important;
	overflow: visible !important;
}

.cart-item-image {
	width: 74px !important;
	height: 90px !important;
}

.cart-item-heading {
	gap: .5rem !important;
}

.cart-item-heading h3,
.cart-item-heading span {
	font-size: .92rem !important;
	line-height: 1.08 !important;
}

.cart-item-option {
	margin: .15rem 0 0 !important;
	font-size: .72rem !important;
	line-height: 1.08 !important;
}

.cart-item-note {
	margin: .16rem 0 0 !important;
	font-size: .67rem !important;
	line-height: 1.1 !important;
	-webkit-line-clamp: 1 !important;
}

.cart-item-actions {
	margin-top: .32rem !important;
	gap: .6rem !important;
}

.cart-item-quantity {
	gap: .48rem !important;
	line-height: 1 !important;
}

.cart-item-remove {
	font-size: .7rem !important;
}

/* Mobile drawer: also 95% of the previous 94vw / 430px rule. */
@media screen and (max-width: 820px) {
	.cart-drawer {
		width: min(89.3vw, 409px) !important;
	}

	.cart-drawer-header {
		padding: .95rem 1rem .7rem !important;
	}

	.cart-drawer-items {
		padding: 0 1rem !important;
	}

	.cart-drawer-footer {
		padding: .75rem 1rem .9rem !important;
	}

	.cart-drawer-item {
		grid-template-columns: 68px minmax(0, 1fr) !important;
		min-height: 100px !important;
		padding: .55rem 0 !important;
		gap: .62rem !important;
	}

	.cart-item-image {
		width: 68px !important;
		height: 82px !important;
	}
}

/* 4) Cart summary: fit fully in the available screen and vertically centre it.
   Desktop/iPad landscape keeps only the cart-item list scrolling. */
@media screen and (min-width: 821px) {
	body.cart-page {
		height: 100svh !important;
		overflow: hidden !important;
	}

	body.cart-page #page-wrapper {
		height: 100svh !important;
		overflow: hidden !important;
	}

	.cart-page-main {
		height: 100svh !important;
		min-height: 0 !important;
		box-sizing: border-box !important;
		padding:
			calc(82px + .75rem) clamp(2rem, 5vw, 5rem) .75rem !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1.65fr) minmax(340px, .9fr) !important;
		gap: clamp(2.2rem, 4vw, 4rem) !important;
		align-items: stretch !important;
		overflow: hidden !important;
	}

	.cart-page-items-panel {
		height: 100% !important;
		min-height: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		overflow: hidden !important;
	}

	.cart-page-heading {
		flex: 0 0 auto !important;
		padding-bottom: .9rem !important;
	}

	.cart-page-items {
		flex: 1 1 0 !important;
		min-height: 0 !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
		overscroll-behavior: contain !important;
	}

	.cart-summary-panel {
		position: static !important;
		align-self: center !important;
		width: 100% !important;
		max-height: calc(100svh - 82px - 1.5rem) !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
	}

	.cart-summary-inner {
		box-sizing: border-box !important;
		padding: clamp(.9rem, 1.8vh, 1.25rem) clamp(1rem, 1.8vw, 1.35rem) !important;
	}

	.cart-summary-total {
		padding-bottom: clamp(.65rem, 1.1vh, .9rem) !important;
	}

	.cart-summary-total strong {
		font-size: clamp(1.45rem, 2.1vw, 1.75rem) !important;
	}

	.cart-summary-copy {
		margin: clamp(.6rem, 1.2vh, .9rem) 0 !important;
		font-size: clamp(.72rem, .9vw, .82rem) !important;
		line-height: 1.35 !important;
	}

	.cart-summary-section {
		padding-top: clamp(.55rem, 1vh, .8rem) !important;
	}

	.cart-summary-label,
	.cart-summary-field>span {
		margin-bottom: .35rem !important;
	}

	.cart-fulfilment-options button {
		min-height: 38px !important;
	}

	.cart-summary-field {
		margin-top: clamp(.45rem, .9vh, .65rem) !important;
	}

	.cart-summary-field input,
	.cart-summary-field select {
		height: 32px !important;
	}

	.cart-terms {
		margin: clamp(.65rem, 1.2vh, .9rem) 0 .55rem !important;
		font-size: .74rem !important;
		line-height: 1.25 !important;
	}
}

/* Tablet portrait / mobile cart:
   make the summary itself a viewport-height section, vertically centred. */
@media screen and (max-width: 820px) {
	.cart-summary-panel {
		min-height: calc(100svh - 68px) !important;
		display: flex !important;
		align-items: center !important;
		box-sizing: border-box !important;
		margin-top: 0 !important;
	}

	.cart-summary-inner {
		width: 100% !important;
		padding: clamp(1rem, 4vw, 1.35rem) !important;
	}
}


/* ==========================================================================
   CART SUMMARY — RESTORE AIRY REFERENCE STYLE
   Keep full proportions; only position/scale very lightly to fit viewport.
   ========================================================================== */
@media screen and (min-width: 821px) {

	.cart-summary-panel {
		align-self: center !important;
		width: 100% !important;
		max-height: calc(100svh - 82px - 1.5rem) !important;
		overflow: hidden !important;
	}

	.cart-summary-inner {
		padding: clamp(1.45rem, 2.5vw, 2.15rem) !important;
	}

	.cart-summary-total {
		padding-bottom: 1.5rem !important;
	}

	.cart-summary-total span {
		font-size: .92rem !important;
	}

	.cart-summary-total strong {
		font-size: clamp(1.7rem, 2.5vw, 2rem) !important;
	}

	.cart-summary-copy {
		margin: 1.25rem 0 !important;
		font-size: .84rem !important;
		line-height: 1.5 !important;
	}

	.cart-summary-section {
		padding-top: .95rem !important;
	}

	.cart-summary-label,
	.cart-summary-field>span {
		margin-bottom: .5rem !important;
		font-size: .66rem !important;
		letter-spacing: .16em !important;
	}

	.cart-fulfilment-options {
		gap: .65rem !important;
	}

	.cart-fulfilment-options button {
		min-height: 46px !important;
		font-size: .68rem !important;
	}

	.cart-summary-field {
		margin-top: .95rem !important;
	}

	.cart-summary-field input,
	.cart-summary-field select {
		height: 42px !important;
		font-size: .92rem !important;
	}

	.cart-terms {
		margin: 1.65rem 0 .95rem !important;
		font-size: .82rem !important;
		line-height: 1.4 !important;
	}

	.cart-summary-panel .button,
	.cart-summary-panel button[type="submit"],
	.cart-summary-panel .cart-continue-button {
		min-height: 54px !important;
		font-size: .78rem !important;
		letter-spacing: .13em !important;
	}
}

/* For shorter desktop windows, preserve the same visual style and only
   reduce spacing modestly — no typography squashing. */
@media screen and (min-width: 821px) and (max-height: 800px) {

	.cart-summary-inner {
		padding: 1.2rem 1.35rem !important;
	}

	.cart-summary-total {
		padding-bottom: 1.15rem !important;
	}

	.cart-summary-copy {
		margin: .95rem 0 !important;
		line-height: 1.42 !important;
	}

	.cart-summary-section {
		padding-top: .78rem !important;
	}

	.cart-summary-field {
		margin-top: .72rem !important;
	}

	.cart-terms {
		margin: 1.2rem 0 .75rem !important;
	}

	.cart-summary-field input,
	.cart-summary-field select {
		height: 38px !important;
	}
}


/* ==========================================================================
   2026-08-23 — SIZE BUTTONS + CART DRAWER REFINEMENT
   ========================================================================== */

/* 1) Product size options — square corners, no rounding */
.product-option,
.product-option:first-child {
	border-radius: 0 !important;
}

/* 2 + 3) Cart drawer:
   - another 5% narrower
   - rows ~5% larger
   - much smaller gap between one product and the next
*/
.cart-drawer {
	width: min(83vw, 469px) !important;
	/* ~95% of previous 87.4vw / 494px */
}

.cart-drawer-items {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* Let content determine row height, but make the visual row ~5% larger. */
.cart-drawer-item {
	grid-template-columns: 78px minmax(0, 1fr) !important;
	gap: .76rem !important;
	min-height: 114px !important;
	height: auto !important;
	padding: .48rem 0 !important;
	margin: 0 !important;
	align-items: start !important;
	border-bottom: 1px solid #ddd6cb !important;
}

/* Remove any extra spacing introduced by neighbouring rows. */
.cart-drawer-item+.cart-drawer-item {
	margin-top: 0 !important;
	padding-top: .48rem !important;
}

.cart-item-image {
	width: 78px !important;
	height: 95px !important;
}

.cart-item-heading {
	gap: .52rem !important;
}

.cart-item-heading h3,
.cart-item-heading span {
	line-height: 1.06 !important;
}

.cart-item-option {
	margin-top: .1rem !important;
	line-height: 1.06 !important;
}

.cart-item-note {
	margin-top: .12rem !important;
	line-height: 1.08 !important;
}

.cart-item-actions {
	margin-top: .28rem !important;
	gap: .58rem !important;
}

/* Mobile drawer: another 5% narrower there too */
@media screen and (max-width: 820px) {
	.cart-drawer {
		width: min(84.8vw, 389px) !important;
		/* ~95% of previous 89.3vw / 409px */
	}

	.cart-drawer-item {
		grid-template-columns: 71px minmax(0, 1fr) !important;
		min-height: 105px !important;
		padding: .44rem 0 !important;
		gap: .66rem !important;
	}

	.cart-drawer-item+.cart-drawer-item {
		padding-top: .44rem !important;
	}

	.cart-item-image {
		width: 71px !important;
		height: 86px !important;
	}
}


/* ==========================================================================
   CART DRAWER — CENTRE DIVIDERS BETWEEN ITEMS
   Keep current row scale, but centre content vertically so the separator
   sits visually halfway between one product and the next.
   ========================================================================== */
.cart-drawer-item {
	min-height: 120px !important;
	padding: .62rem 0 !important;
	align-items: center !important;
}

.cart-item-image {
	align-self: center !important;
}

.cart-item-copy {
	align-self: center !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	min-height: 95px !important;
}

.cart-item-heading {
	align-items: flex-start !important;
}

.cart-drawer-item+.cart-drawer-item {
	padding-top: .62rem !important;
}

/* Mobile: same visual centering, slightly tighter */
@media screen and (max-width: 820px) {
	.cart-drawer-item {
		min-height: 110px !important;
		padding: .56rem 0 !important;
		align-items: center !important;
	}

	.cart-item-copy {
		min-height: 86px !important;
	}

	.cart-drawer-item+.cart-drawer-item {
		padding-top: .56rem !important;
	}
}


/* ==========================================================================
   CART LINE METADATA + CART EDITOR
   ========================================================================== */

/* Drawer: 5–10% larger row, still evenly centred around divider */
.cart-drawer-item {
	grid-template-columns: 82px minmax(0, 1fr) !important;
	min-height: 128px !important;
	padding: .68rem 0 !important;
	gap: .8rem !important;
	align-items: center !important;
}

.cart-item-image {
	width: 82px !important;
	height: 100px !important;
}

.cart-item-details {
	align-self: center !important;
	min-width: 0 !important;
}

.cart-item-option,
.cart-item-note {
	margin: .13rem 0 0 !important;
	font-size: .68rem !important;
	line-height: 1.12 !important;
	color: #776f67 !important;
	letter-spacing: .02em !important;
}

.cart-item-option span,
.cart-item-note span {
	text-transform: uppercase !important;
	font-size: .58rem !important;
	letter-spacing: .12em !important;
	color: #5f574f !important;
}

.cart-item-actions {
	margin-top: .42rem !important;
}

@media screen and (max-width: 820px) {
	.cart-drawer-item {
		grid-template-columns: 75px minmax(0, 1fr) !important;
		min-height: 116px !important;
		padding: .62rem 0 !important;
		gap: .7rem !important;
	}

	.cart-item-image {
		width: 75px !important;
		height: 92px !important;
	}
}

/* Cart page metadata */
.cart-page-option,
.cart-page-card-note {
	margin: .16rem 0 0 !important;
	font-size: .72rem !important;
	line-height: 1.22 !important;
	color: #776f67 !important;
}

.cart-page-option span,
.cart-page-card-note span {
	text-transform: uppercase !important;
	font-size: .61rem !important;
	letter-spacing: .12em !important;
	color: #5f574f !important;
}

.cart-page-item-links button {
	background: none !important;
	border: 0 !important;
	padding: 0 !important;
	font: inherit !important;
	color: inherit !important;
	text-transform: uppercase !important;
	letter-spacing: .12em !important;
	cursor: pointer !important;
	border-bottom: 1px solid currentColor !important;
}

/* Modal editor */
.cart-edit-modal {
	position: fixed;
	inset: 0;
	z-index: 12000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.25rem;
	background: rgba(30, 27, 23, .32);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .2s ease, visibility .2s ease;
}

.cart-edit-modal.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.cart-edit-dialog {
	position: relative;
	width: min(92vw, 520px);
	max-height: min(88svh, 720px);
	overflow-y: auto;
	background: #fbf7ee;
	border: 1px solid #d8d0c5;
	padding: clamp(1.5rem, 4vw, 2.25rem);
	box-shadow: 0 18px 60px rgba(30, 27, 23, .14);
}

.cart-edit-close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	border: 0;
	background: none;
	font-size: 1.7rem;
	line-height: 1;
	cursor: pointer;
	color: #28241f;
}

.cart-edit-eyebrow,
.cart-edit-label {
	text-transform: uppercase;
	letter-spacing: .14em;
	font-size: .68rem;
	color: #776f67;
}

.cart-edit-eyebrow {
	margin: 0 0 .55rem;
}

.cart-edit-dialog h2 {
	margin: 0 2.5rem 1.5rem 0;
	font-family: var(--serif);
	font-size: clamp(1.7rem, 4vw, 2.3rem);
	font-weight: 400;
}

.cart-edit-field {
	display: block;
	margin-top: 1.35rem;
}

.cart-edit-label {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: .65rem;
}

.cart-edit-label em {
	font-style: normal;
	font-size: .6rem;
}

.cart-edit-options {
	display: flex;
	gap: .7rem;
	flex-wrap: wrap;
}

.cart-edit-option {
	min-width: 72px;
	height: 48px;
	border: 1px solid #c9c1b6;
	border-radius: 0;
	background: transparent;
	color: #625a52;
	cursor: pointer;
}

.cart-edit-option.is-selected {
	border-color: #28241f;
	color: #28241f;
}

.cart-edit-field textarea {
	width: 100%;
	min-height: 110px;
	resize: vertical;
	border: 1px solid #c9c1b6;
	background: transparent;
	padding: .8rem;
	font: inherit;
	color: #28241f;
}

.cart-edit-validation {
	min-height: 1.2em;
	margin: .65rem 0 0;
	font-size: .72rem;
	color: #8a3b2c;
}

.cart-edit-actions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .75rem;
	margin-top: 1rem;
}

.cart-edit-actions button {
	height: 50px;
	border: 1px solid #28241f;
	border-radius: 0;
	text-transform: uppercase;
	letter-spacing: .12em;
	font-size: .7rem;
	cursor: pointer;
}

.cart-edit-cancel {
	background: transparent;
	color: #28241f;
}

.cart-edit-save {
	background: #28241f;
	color: #fbf7ee;
}

body.cart-edit-open {
	overflow: hidden !important;
}


/* ==========================================================================
   CART TYPOGRAPHY + ROW RHYTHM
   Change these FOUR variables later to restyle both the drawer and cart page.
   ========================================================================== */
:root {
	--cart-font-display: Georgia, 'Times New Roman', serif;
	--cart-font-body: 'Source Sans Pro', Arial, sans-serif;
	--cart-font-action: 'Source Sans Pro', Arial, sans-serif;
	--cart-text-color: #3f3b37;
}

/* Use one typography system across BOTH cart surfaces. */
.cart-drawer,
.cart-page-main,
.cart-edit-modal {
	font-family: var(--cart-font-body) !important;
	color: var(--cart-text-color) !important;
}

.cart-drawer h2,
.cart-drawer h3,
.cart-drawer strong,
.cart-page-main h1,
.cart-page-main h2,
.cart-page-main strong,
.cart-summary-total strong,
.cart-edit-dialog h2 {
	font-family: var(--cart-font-display) !important;
}

.cart-item-option,
.cart-item-note,
.cart-page-option,
.cart-page-card-note,
.cart-page-qty-label,
.cart-summary-copy,
.cart-summary-label,
.cart-summary-field,
.cart-terms {
	font-family: var(--cart-font-body) !important;
}

.cart-item-remove,
.cart-page-item-links button,
.cart-page-item-links a,
.cart-drawer-checkout,
.cart-page-qty button,
.cart-item-quantity button,
.cart-continue-button {
	font-family: var(--cart-font-action) !important;
}

/* REMOVE / EDIT — reference style: clean uppercase, spaced out, no underline. */
.cart-item-remove,
.cart-page-item-links button,
.cart-page-item-links a {
	border: 0 !important;
	border-bottom: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	letter-spacing: .16em !important;
	font-size: .68rem !important;
	font-weight: 600 !important;
	color: #7a6258 !important;
	padding: 0 !important;
	cursor: pointer !important;
}

.cart-item-remove:hover,
.cart-page-item-links button:hover,
.cart-page-item-links a:hover {
	color: #4b2418 !important;
	text-decoration: none !important;
}

/* ==========================================================================
   CART PAGE — REFERENCE-LIKE ROW PROPORTIONS
   Less space between products + divider visually centred between rows.
   ========================================================================== */
.cart-page-item {
	display: grid !important;
	grid-template-columns: 106px minmax(0, 1fr) !important;
	gap: 1.35rem !important;
	height: auto !important;
	min-height: 152px !important;
	padding: 10px 0 !important;
	margin: 0 !important;
	align-items: center !important;
	border-bottom: 1px solid #d8cfc0 !important;
	overflow: visible !important;
}

.cart-page-item-image {
	width: 106px !important;
	height: 128px !important;
	align-self: center !important;
}

.cart-page-item-info {
	min-height: 128px !important;
	align-self: center !important;
	justify-content: center !important;
	gap: .72rem !important;
}

.cart-page-item-top {
	align-items: flex-start !important;
	gap: 1.25rem !important;
}

.cart-page-item-top h2 {
	margin: 0 0 .18rem !important;
	font-style: normal !important;
	line-height: 1.12 !important;
}

.cart-page-option,
.cart-page-card-note {
	margin: .12rem 0 0 !important;
	line-height: 1.15 !important;
}

.cart-page-item-bottom {
	margin-top: .15rem !important;
	align-items: end !important;
}

.cart-page-item-links {
	gap: 1.25rem !important;
	align-items: center !important;
}

/* ==========================================================================
   DRAWER — DESKTOP RHYTHM
   Keep current roomy rows and clean equal spacing around each divider.
   ========================================================================== */
@media screen and (min-width: 821px) {
	.cart-drawer-item {
		grid-template-columns: 82px minmax(0, 1fr) !important;
		min-height: 128px !important;
		height: auto !important;
		padding: .72rem 0 !important;
		margin: 0 !important;
		align-items: center !important;
		border-bottom: 1px solid #ddd6cb !important;
	}

	.cart-item-image {
		width: 82px !important;
		height: 100px !important;
		align-self: center !important;
	}

	.cart-item-details {
		min-height: 100px !important;
		align-self: center !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
	}

	.cart-item-actions {
		margin-top: .42rem !important;
	}
}

/* ==========================================================================
   DRAWER — MOBILE
   User asked for MORE breathing room than current mobile version.
   ========================================================================== */
@media screen and (max-width: 820px) {
	.cart-drawer-item {
		grid-template-columns: 76px minmax(0, 1fr) !important;
		min-height: 126px !important;
		height: auto !important;
		padding: .82rem 0 !important;
		gap: .78rem !important;
		align-items: center !important;
	}

	.cart-item-image {
		width: 76px !important;
		height: 94px !important;
	}

	.cart-item-details {
		min-height: 94px !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
	}

	.cart-item-actions {
		margin-top: .5rem !important;
	}
}


/* ==========================================================================
   PRODUCT INFORMATION TYPOGRAPHY
   Edit these variables later to restyle What's Included / Delivery / Care.
   ========================================================================== */
:root {
	--product-info-heading-font: Georgia, 'Times New Roman', serif;
	--product-info-body-font: 'Source Sans Pro', Arial, sans-serif;
	--product-info-heading-size: 1rem;
	--product-info-body-size: .88rem;
	--product-info-note-size: .76rem;
	--product-info-line-height: 1.55;
	--product-info-section-gap: 1.2rem;
}

/* What's included */
.product-included-list {
	margin: 0;
	padding-left: 1.1rem;
	font-family: var(--product-info-body-font);
	font-size: var(--product-info-body-size);
	line-height: var(--product-info-line-height);
}

.product-included-list li+li {
	margin-top: .25rem;
}

.product-included-note {
	margin: .95rem 0 0 !important;
	font-family: var(--product-info-body-font);
	font-size: var(--product-info-note-size) !important;
	line-height: 1.45 !important;
	font-style: italic;
	color: #8a8178;
}

/* Care */
.product-care-title {
	margin: 0 0 1rem !important;
	font-family: var(--product-info-body-font);
	font-size: .66rem !important;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #82796f;
}

.product-care-sections {
	display: grid;
	gap: var(--product-info-section-gap);
}

.product-care-section h4 {
	margin: 0 0 .35rem;
	font-family: var(--product-info-heading-font);
	font-size: var(--product-info-heading-size);
	font-weight: 400;
	font-style: italic;
	line-height: 1.25;
	color: #28241f;
}

.product-care-section p {
	margin: 0 !important;
	font-family: var(--product-info-body-font);
	font-size: var(--product-info-body-size) !important;
	line-height: var(--product-info-line-height) !important;
	color: #6f675f;
}

/* Delivery shares the body typography */
.product-info-disclosure-body>p {
	font-family: var(--product-info-body-font);
	font-size: var(--product-info-body-size) !important;
	line-height: var(--product-info-line-height) !important;
}


/* ==========================================================================
   SHARED NAVBAR NORMALIZATION
   Cart uses exactly the same solid navbar surface as the rest of the site.
   ========================================================================== */
.cart-page #header-wrapper,
.cart-page #header,
.cart-page .site-nav {
	background: #fbf7ee !important;
	border-bottom: 0 !important;
	box-shadow: none !important;
}

.cart-page .site-nav {
	color: #171717 !important;
}

.cart-page .brand-logo {
	filter: none !important;
}

/* ==========================================================================
   SHARED SITE FOOTER
   One footer rendered by nav-v6.js across the whole site.
   ========================================================================== */
.site-footer {
	position: relative;
	z-index: 5;
	width: 100%;
	background: #fbf7ee;
	color: #655d55;
	border-top: 1px solid rgba(101, 93, 85, .14);
	font-family: 'Source Sans Pro', Arial, sans-serif;
}

.site-footer * {
	box-sizing: border-box;
}

.site-footer-inner {
	width: min(1180px, calc(100% - 44px));
	margin: 0 auto;
	padding: clamp(58px, 7vw, 92px) 0 clamp(28px, 4vw, 46px);
}

.site-footer-top {
	display: grid;
	grid-template-columns: minmax(220px, 1.35fr) repeat(3, minmax(130px, .8fr));
	gap: clamp(36px, 6vw, 84px);
	align-items: start;
}

.site-footer-brand {
	max-width: 270px;
}

.site-footer-logo {
	display: inline-block;
	border: 0 !important;
	text-decoration: none !important;
}

.site-footer-logo img {
	display: block;
	width: auto;
	height: 58px;
	max-width: 150px;
	object-fit: contain;
	filter: none;
}

.site-footer-brand p {
	margin: 24px 0 0;
	font-size: 13px;
	line-height: 1.75;
	letter-spacing: .02em;
	color: #756d65;
}

.site-footer-column {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
}

.site-footer-column h2 {
	margin: 0 0 2px;
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 10px;
	line-height: 1;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .16em;
	color: #2d2925;
}

.site-footer-column a,
.site-footer-bottom a {
	border: 0 !important;
	text-decoration: none !important;
	color: #756d65 !important;
	font-size: 13px;
	line-height: 1.55;
	letter-spacing: .01em;
	transition: color .18s ease;
}

.site-footer-column a:hover,
.site-footer-bottom a:hover {
	color: #4b2418 !important;
}

.site-footer-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-top: clamp(58px, 8vw, 92px);
	padding-top: 28px;
	border-top: 1px solid rgba(101, 93, 85, .25);
}

.site-footer-bottom p {
	margin: 0;
	font-size: 12px;
	letter-spacing: .03em;
	color: #756d65;
}

.site-footer-legal {
	display: flex;
	align-items: center;
	gap: 26px;
}

.site-footer-legal a {
	font-size: 10px !important;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .14em !important;
	color: #655d55 !important;
}

/* Footer sits naturally below standard pages. */
.about-page .site-footer,
.terms-page .site-footer,
.flowers-page .site-footer,
.potluck-page .site-footer,
.bloom-bar-page .site-footer,
.homepage .site-footer {
	margin-top: 0;
}

@media screen and (max-width: 820px) {
	.site-footer-inner {
		width: min(100% - 38px, 620px);
		padding: 52px 0 30px;
	}

	.site-footer-top {
		grid-template-columns: 1fr 1fr;
		gap: 42px 28px;
	}

	.site-footer-brand {
		grid-column: 1 / -1;
		max-width: 310px;
	}

	.site-footer-logo img {
		height: 52px;
	}

	.site-footer-brand p {
		margin-top: 18px;
	}

	.site-footer-bottom {
		align-items: flex-start;
		flex-direction: column;
		margin-top: 52px;
		padding-top: 22px;
	}
}

@media screen and (max-width: 480px) {
	.site-footer-top {
		grid-template-columns: 1fr;
		gap: 34px;
	}

	.site-footer-brand {
		grid-column: auto;
	}

	.site-footer-column {
		gap: 10px;
	}

	.site-footer-bottom {
		gap: 18px;
	}
}

/* ==========================================================================
   ABOUT / FAQ / CARE PAGE
   ========================================================================== */
.about-page {
	background: #fbf7ee;
	color: #4b2418;
}

.about-page #header-wrapper,
.terms-page #header-wrapper {
	padding: 0;
	background: #fbf7ee;
}

.about-page-main,
.terms-page-main {
	padding-top: 82px;
	background: #fbf7ee;
}

.about-page .page-banner,
.terms-page .page-banner {
	position: relative;
	width: 100%;
	height: clamp(280px, 45vw, 560px);
	overflow: hidden;
}

.about-page .page-banner-media,
.terms-page .page-banner-media,
.about-page .page-banner-media img,
.terms-page .page-banner-media img {
	width: 100%;
	height: 100%;
}

.about-page .page-banner-media img,
.terms-page .page-banner-media img {
	display: block;
	object-fit: cover;
}

.about-page .section,
.terms-page .section {
	width: min(1180px, calc(100% - 44px));
	margin: 0 auto;
}

.about-page .section-intro,
.terms-page .section-intro {
	padding: clamp(72px, 9vw, 120px) 0;
}

.about-page .section-center,
.terms-page .section-center {
	max-width: 760px;
}

.about-page .section-title,
.terms-page .section-title {
	margin: 0 0 24px;
	font-family: var(--serif);
	font-size: clamp(30px, 4vw, 50px);
	font-weight: 400;
	line-height: 1.05;
	color: #4b2418;
}

.about-page .lead,
.terms-page .lead {
	margin: 0;
	font-size: clamp(14px, 1.4vw, 17px);
	line-height: 1.75;
	color: var(--muted);
}

.about-page .editorial-section {
	width: min(1180px, calc(100% - 44px));
	margin: 0 auto;
	padding: clamp(54px, 7vw, 92px) 0;
}

.about-page .editorial-layout {
	display: grid;
	grid-template-columns: minmax(0, .9fr) minmax(300px, .8fr);
	gap: clamp(46px, 7vw, 100px);
	align-items: center;
}

.about-page .editorial-image {
	aspect-ratio: 4 / 5;
	overflow: hidden;
}

.about-page .editorial-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.about-page .editorial-copy {
	max-width: 650px;
}

.about-page .editorial-copy p {
	margin: 0;
	color: var(--muted);
	font-size: 14px;
	line-height: 1.8;
}

.about-page .care-guide-section {
	max-width: 1180px;
	margin: 0 auto;
	padding: clamp(86px, 10vw, 140px) 0;
}

.about-page .care-guide-header {
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	gap: clamp(36px, 6vw, 90px);
	align-items: center;
	margin-bottom: clamp(64px, 8vw, 105px);
}

.about-page .care-guide-header h2 {
	margin: 0;
	font-family: var(--serif);
	font-size: clamp(30px, 4vw, 50px);
	font-style: italic;
	font-weight: 400;
	color: #4b2418;
}

.about-page .care-guide-list {
	display: flex;
	flex-direction: column;
	gap: clamp(68px, 8vw, 110px);
}

.about-page .care-guide-row {
	display: grid;
	grid-template-columns: minmax(160px, .65fr) minmax(0, 1.55fr);
	gap: clamp(42px, 7vw, 100px);
	align-items: start;
}

.about-page .care-guide-label {
	margin: 0;
	font-family: var(--sans);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #4b2418;
}

.about-page .accordion-item {
	padding: 0 0 20px;
	margin: 0 0 20px;
	border-bottom: 1px solid rgba(101, 93, 85, .18);
}

.about-page .accordion-item summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	cursor: pointer;
	list-style: none;
	font-family: var(--serif);
	font-size: 14px;
	color: #352f2a;
}

.about-page .accordion-item summary::-webkit-details-marker {
	display: none;
}

.about-page .accordion-item summary::after {
	content: "+";
	font-family: var(--sans);
	color: var(--muted);
}

.about-page .accordion-item[open] summary::after {
	content: "−";
}

.about-page .accordion-item p,
.about-page .faq-category-items>p {
	max-width: 680px;
	margin: 13px 0 0;
	color: var(--muted);
	font-size: 13px;
	line-height: 1.7;
}

.about-page .care-guide-content .care-guide-block+.care-guide-block {
	margin-top: 28px;
}

.about-page .care-guide-block h3 {
	margin: 0 0 8px;
	font-family: var(--sans);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #4b2418;
}

.about-page .care-guide-block p {
	margin: 0;
	color: var(--muted);
	font-size: 13px;
	line-height: 1.75;
}

/* ==========================================================================
   TERMS PAGE
   ========================================================================== */
.terms-page {
	background: #fbf7ee;
	color: #4b2418;
}

.terms-page .terms {
	padding: 0 0 clamp(90px, 11vw, 150px);
}

.terms-page .terms-block {
	display: grid;
	grid-template-columns: minmax(180px, .65fr) minmax(0, 1.55fr);
	gap: clamp(45px, 7vw, 100px);
	padding: 38px 0;
	border-top: 1px solid rgba(101, 93, 85, .18);
}

.terms-page .terms-block .section-title {
	margin: 0;
	font-family: var(--sans);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .15em;
	text-transform: uppercase;
	line-height: 1.5;
}

.terms-page .terms-block p,
.terms-page .terms-block ul {
	margin: 0;
	max-width: 720px;
	color: var(--muted);
	font-size: 13px;
	line-height: 1.75;
}

.terms-page .terms-block ul {
	padding-left: 1.15rem;
}

.terms-page .terms-block li+li {
	margin-top: 10px;
}

@media screen and (max-width: 820px) {

	.about-page .editorial-layout,
	.about-page .care-guide-header,
	.about-page .care-guide-row,
	.terms-page .terms-block {
		grid-template-columns: 1fr;
	}

	.about-page .care-guide-row,
	.terms-page .terms-block {
		gap: 24px;
	}

	.about-page .editorial-image {
		aspect-ratio: 4 / 5;
	}

	.about-page .section,
	.terms-page .section,
	.about-page .editorial-section,
	.about-page .care-guide-section {
		width: min(100% - 38px, 620px);
	}
}


/* ==========================================================================
   SHARED NAVBAR — SINGLE SOLID APPEARANCE
   Cart + Bloom Bar Enquiry use the exact global navbar appearance.
   Homepage/Flowers may still use their intentional transparent hero state.
   ========================================================================== */
:root {
	--site-nav-solid-bg: #fbf7ee;
	--site-nav-solid-text: #171717;
	--site-nav-height: 82px;
	--info-page-font-size: 15px;
	--info-page-line-height: 1.7;
}

/* This is the canonical solid nav state used site-wide. */
.site-nav,
.site-nav.is-scrolled,
.cart-page .site-nav,
.bloom-bar-enquiry-page .site-nav {
	height: var(--site-nav-height) !important;
	min-height: var(--site-nav-height) !important;
	padding: 0 4vw !important;
	background: var(--site-nav-solid-bg) !important;
	color: var(--site-nav-solid-text) !important;
	border: 0 !important;
	border-bottom: 0 !important;
	box-shadow: none !important;
	font-family: 'Source Sans Pro', sans-serif !important;
}

/* Do not let page palettes recolour the shared component. */
.cart-page .site-nav a,
.cart-page .site-nav button,
.bloom-bar-enquiry-page .site-nav a,
.bloom-bar-enquiry-page .site-nav button {
	color: inherit !important;
}

.cart-page .site-nav .brand-logo,
.bloom-bar-enquiry-page .site-nav .brand-logo,
.site-nav.is-scrolled .brand-logo {
	filter: none !important;
}

/* Keep the dropdown surface identical too. */
.cart-page .nav-dropdown,
.bloom-bar-enquiry-page .nav-dropdown,
.site-nav.is-scrolled .nav-dropdown {
	color: var(--site-nav-solid-text) !important;
}

/* The page wrapper/header behind the fixed shared nav should match it. */
.cart-page #header-wrapper,
.cart-page #header,
.bloom-bar-enquiry-page #header-wrapper,
.bloom-bar-enquiry-page #header {
	background: var(--site-nav-solid-bg) !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* ==========================================================================
   ABOUT / FAQ / CARE / TERMS — SHARED CONTENT TYPE SCALE
   Change ONE variable above: --info-page-font-size
   ========================================================================== */

/* FAQ questions + answers */
.about-page .accordion-item summary,
.about-page .accordion-item p,
.about-page .faq-category-items>p,

/* Care guide subsection titles + copy */
.about-page .care-guide-block h3,
.about-page .care-guide-block p,

/* Terms body copy + list items */
.terms-page .terms-block p,
.terms-page .terms-block ul,
.terms-page .terms-block li {
	font-size: var(--info-page-font-size) !important;
	line-height: var(--info-page-line-height) !important;
}

/* Keep subsection title hierarchy through weight/case rather than smaller type. */
.about-page .care-guide-block h3 {
	font-weight: 600 !important;
	letter-spacing: .08em !important;
}

/* FAQ summary remains slightly more prominent only by weight, not size. */
.about-page .accordion-item summary {
	font-weight: 500 !important;
}

/* Mobile uses the SAME content size rather than jumping to separate values. */
@media screen and (max-width: 820px) {

	.about-page .accordion-item summary,
	.about-page .accordion-item p,
	.about-page .faq-category-items>p,
	.about-page .care-guide-block h3,
	.about-page .care-guide-block p,
	.terms-page .terms-block p,
	.terms-page .terms-block ul,
	.terms-page .terms-block li {
		font-size: var(--info-page-font-size) !important;
	}
}


/* ==========================================================================
   SHARED NAVBAR — FINAL CANONICAL BEHAVIOUR
   This restores the original Index behaviour and makes it reusable:
   - real hero underneath nav => transparent + white
   - after hero / no hero => cream + dark
   ========================================================================== */

:root {
	--site-nav-bg: #fbf7ee;
	--site-nav-ink: #171717;
	--site-nav-on-hero: #ffffff;
}

/* Default / solid state for EVERY page */
body .site-nav,
body .site-nav.is-scrolled {
	background: var(--site-nav-bg) !important;
	color: var(--site-nav-ink) !important;
	border: 0 !important;
	border-bottom: 0 !important;
	box-shadow: none !important;
}

body .site-nav .brand-logo,
body .site-nav.is-scrolled .brand-logo,
body .site-nav.mobile-open .brand-logo {
	filter: none !important;
}

/* Shared transparent-over-hero state.
   JS adds .has-nav-hero only when the page actually has a hero underneath it. */
body.has-nav-hero .site-nav:not(.is-scrolled):not(.mobile-open) {
	background: transparent !important;
	color: var(--site-nav-on-hero) !important;
	border: 0 !important;
	box-shadow: none !important;
}

body.has-nav-hero .site-nav:not(.is-scrolled):not(.mobile-open) .brand-logo {
	filter: brightness(0) invert(1) !important;
}

body.has-nav-hero .site-nav:not(.is-scrolled):not(.mobile-open) a,
body.has-nav-hero .site-nav:not(.is-scrolled):not(.mobile-open) button {
	color: inherit !important;
}

/* Dropdown itself remains readable when opened over a hero. */
body.has-nav-hero .site-nav:not(.is-scrolled) .nav-dropdown,
body.has-nav-hero .site-nav:not(.is-scrolled) .nav-dropdown a {
	color: #171717 !important;
}

/* ABOUT has a real image hero, so allow that image to begin behind the fixed nav,
   just like the Index hero does. */
.about-page #header-wrapper,
.about-page #header {
	height: 0 !important;
	min-height: 0 !important;
	background: transparent !important;
	background-image: none !important;
}

.about-page .about-page-main {
	padding-top: 0 !important;
}

.about-page .page-banner {
	margin-top: 0 !important;
}

/* Non-hero utility/content pages keep the normal cream navigation surface. */
.cart-page .site-nav,
.bloom-bar-enquiry-page .site-nav,
.terms-page .site-nav {
	background: var(--site-nav-bg) !important;
	color: var(--site-nav-ink) !important;
}

.cart-page .brand-logo,
.bloom-bar-enquiry-page .brand-logo,
.terms-page .brand-logo {
	filter: none !important;
}


/* ==========================================================================
   ABOUT — centered Our Story intro
   Mirrors the centered editorial composition in the supplied reference.
   ========================================================================== */
.about-page #our-story {
	width: 100%;
	max-width: none;
	padding-left: clamp(24px, 6vw, 96px);
	padding-right: clamp(24px, 6vw, 96px);
	box-sizing: border-box;
	text-align: center;
}

.about-page #our-story .section-center {
	width: min(100%, 860px);
	max-width: 860px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.about-page #our-story .section-title {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.about-page #our-story .lead {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 820px;
}

@media screen and (max-width: 780px) {
	.about-page #our-story {
		padding-left: 24px;
		padding-right: 24px;
	}
}

/* ==========================================================================\n   SHOP DROPDOWN — inherit the shared navbar appearance\n   ========================================================================== */

/* Keep the menu visually attached to Shop rather than floating far below it. */
.site-nav .has-dropdown {
	position: relative;
}

.site-nav .nav-dropdown {
	left: 0 !important;
	top: calc(50% + 15px) !important;
	width: max-content !important;
	min-width: 112px !important;
	padding-top: 0 !important;
	transform: translateY(3px) !important;
	color: inherit !important;
}

.site-nav .has-dropdown:hover .nav-dropdown,
.site-nav .has-dropdown:focus-within .nav-dropdown {
	transform: translateY(0) !important;
}

/* Solid navbar: dropdown is the same cream/dark surface as the navbar. */
.site-nav .nav-dropdown-inner,
.site-nav.is-scrolled .nav-dropdown-inner {
	padding: .18rem 0 !important;
	background: #fbf7ee !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #171717 !important;
}

.site-nav .nav-dropdown-inner a,
.site-nav.is-scrolled .nav-dropdown-inner a {
	padding: .38rem 0 !important;
	font: inherit !important;
	font-size: .82rem !important;
	font-weight: 400 !important;
	letter-spacing: .025em !important;
	line-height: 1.25 !important;
	color: inherit !important;
	background: transparent !important;
	text-align: left !important;
}

.site-nav .nav-dropdown-inner a:hover,
.site-nav.is-scrolled .nav-dropdown-inner a:hover {
	background: transparent !important;
	opacity: .62;
	color: inherit !important;
}

/* Transparent-over-hero navbar: dropdown follows it exactly. */
body.has-nav-hero .site-nav:not(.is-scrolled):not(.mobile-open) .nav-dropdown,
body.has-nav-hero .site-nav:not(.is-scrolled):not(.mobile-open) .nav-dropdown-inner {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #fff !important;
}

body.has-nav-hero .site-nav:not(.is-scrolled):not(.mobile-open) .nav-dropdown-inner a {
	color: inherit !important;
	background: transparent !important;
}

body.has-nav-hero .site-nav:not(.is-scrolled):not(.mobile-open) .nav-dropdown-inner a:hover {
	background: transparent !important;
	opacity: .68;
	color: inherit !important;
}


/* ==========================================================================
   SHOP DROPDOWN — balanced padding
   Equal left/right padding and consistent item rhythm.
   ========================================================================== */
@media screen and (min-width: 981px) {

	.site-nav .nav-shop,
	.site-nav .nav-shop-dropdown {
		box-sizing: border-box;
	}

	.site-nav .nav-shop-dropdown {
		left: 0 !important;
		right: auto !important;
		width: max-content !important;
		min-width: 0 !important;
		padding: 12px 16px 14px !important;
	}

	.site-nav .nav-shop-dropdown a {
		display: block !important;
		width: auto !important;
		margin: 0 !important;
		padding: 7px 0 !important;
		white-space: nowrap !important;
		line-height: 1.2 !important;
	}

	.site-nav .nav-shop-dropdown a+a {
		margin-top: 2px !important;
	}
}


/* SHOP DROPDOWN — centered content and balanced cream panel */
@media screen and (min-width: 981px) {
	.site-nav .nav-shop-dropdown {
		left: 50% !important;
		right: auto !important;
		transform: translateX(-50%) !important;
		width: 150px !important;
		min-width: 150px !important;
		padding: 10px 14px 12px !important;
		text-align: center !important;
		box-sizing: border-box !important;
	}

	.site-nav .nav-shop-dropdown a {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		min-height: 38px !important;
		margin: 0 !important;
		padding: 4px 0 !important;
		text-align: center !important;
		box-sizing: border-box !important;
	}

	.site-nav .nav-shop-dropdown a+a {
		margin-top: 0 !important;
	}
}


/* ==========================================================================
   DESKTOP SHOP DROPDOWN — target the ACTUAL nav markup
   .nav-item.has-dropdown > .nav-dropdown > .nav-dropdown-inner
   ========================================================================== */
@media screen and (min-width: 981px) {

	/* Shop is the positioning anchor. */
	.site-nav .nav-item.has-dropdown {
		position: relative !important;
	}

	/* Center the panel directly beneath Shop, with no vertical gap. */
	.site-nav .nav-item.has-dropdown>.nav-dropdown {
		top: 100% !important;
		left: 50% !important;
		right: auto !important;
		width: 132px !important;
		min-width: 132px !important;
		padding: 0 !important;
		margin: 0 !important;
		transform: translate(-50%, 0) !important;
	}

	.site-nav .nav-item.has-dropdown:hover>.nav-dropdown,
	.site-nav .nav-item.has-dropdown:focus-within>.nav-dropdown {
		transform: translate(-50%, 0) !important;
	}

	/* Balanced cream panel. */
	.site-nav .nav-item.has-dropdown>.nav-dropdown>.nav-dropdown-inner {
		width: 100% !important;
		box-sizing: border-box !important;
		padding: 6px 10px 8px !important;
		margin: 0 !important;
		text-align: center !important;
	}

	/* EXACT same type scale/weight/letter spacing as the Shop nav link. */
	.site-nav .nav-item.has-dropdown>.nav-dropdown>.nav-dropdown-inner>a {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		min-height: 34px !important;
		box-sizing: border-box !important;
		margin: 0 !important;
		padding: 3px 0 !important;

		font-family: inherit !important;
		font-size: 0.82rem !important;
		font-weight: 400 !important;
		letter-spacing: 0.025em !important;
		line-height: 1.15 !important;
		text-align: center !important;
	}

	.site-nav .nav-item.has-dropdown>.nav-dropdown>.nav-dropdown-inner>a+a {
		margin-top: 0 !important;
	}

	/* Solid navbar = cream panel + dark text. */
	.site-nav.is-scrolled .nav-dropdown-inner,
	body:not(.has-nav-hero) .site-nav .nav-dropdown-inner {
		background: #fbf7ee !important;
		border-color: transparent !important;
		box-shadow: none !important;
	}

	.site-nav.is-scrolled .nav-dropdown-inner>a,
	body:not(.has-nav-hero) .site-nav .nav-dropdown-inner>a {
		color: #171717 !important;
	}

	/* Transparent-over-hero navbar = transparent panel + white text. */
	body.has-nav-hero .site-nav:not(.is-scrolled) .nav-dropdown-inner {
		background: transparent !important;
		border-color: transparent !important;
		box-shadow: none !important;
	}

	body.has-nav-hero .site-nav:not(.is-scrolled) .nav-dropdown-inner>a {
		color: #fff !important;
	}
}


/* ==========================================================================
   DESKTOP SHOP DROPDOWN — FINAL ALIGNMENT
   Directly under Shop, compact width, zero visual gap, and inherits
   the same responsive type size as the Shop nav link.
   ========================================================================== */
@media screen and (min-width: 981px) {

	.site-nav .nav-item.has-dropdown {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		height: 82px !important;
	}

	/* Anchor the dropdown to the Shop item's left edge, directly beneath it. */
	.site-nav .nav-item.has-dropdown>.nav-dropdown {
		position: absolute !important;
		top: calc(100% - 1px) !important;
		left: 0 !important;
		right: auto !important;
		width: auto !important;
		min-width: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		transform: translateY(0) !important;
	}

	.site-nav .nav-item.has-dropdown:hover>.nav-dropdown,
	.site-nav .nav-item.has-dropdown:focus-within>.nav-dropdown {
		transform: translateY(0) !important;
	}

	/* Compact panel; content width is driven by text, not a fixed box. */
	.site-nav .nav-item.has-dropdown>.nav-dropdown>.nav-dropdown-inner {
		display: inline-flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		width: auto !important;
		min-width: max-content !important;
		box-sizing: border-box !important;
		padding: 5px 11px 7px !important;
		margin: 0 !important;
		border: 0 !important;
		box-shadow: none !important;
	}

	/* Dropdown items inherit the Shop link's responsive typography exactly. */
	.site-nav .nav-item.has-dropdown>.nav-dropdown>.nav-dropdown-inner>a {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		width: 100% !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 5px 0 !important;
		box-sizing: border-box !important;

		font-family: inherit !important;
		font-size: inherit !important;
		font-weight: inherit !important;
		letter-spacing: inherit !important;
		line-height: inherit !important;
		white-space: nowrap !important;
		text-align: left !important;
	}

	/* Force inheritance from the nav-item itself, whose link uses responsive nav styles. */
	.site-nav .nav-item.has-dropdown {
		font-size: inherit !important;
		font-weight: inherit !important;
		letter-spacing: inherit !important;
		line-height: inherit !important;
	}

	.site-nav .nav-item.has-dropdown>a {
		position: relative !important;
		z-index: 2 !important;
	}

	/* Make panel start immediately below the Shop text hit-area. */
	.site-nav .nav-item.has-dropdown>.nav-dropdown {
		margin-top: -18px !important;
		padding-top: 18px !important;
	}

	/* No hover fill; keep it visually part of the nav. */
	.site-nav .nav-item.has-dropdown>.nav-dropdown>.nav-dropdown-inner>a:hover {
		background: transparent !important;
	}

	/* Hero state follows nav exactly. */
	body.has-nav-hero .site-nav:not(.is-scrolled) .nav-dropdown-inner {
		background: transparent !important;
	}

	body.has-nav-hero .site-nav:not(.is-scrolled) .nav-dropdown-inner>a {
		color: inherit !important;
	}

	/* Solid state follows nav exactly. */
	.site-nav.is-scrolled .nav-dropdown-inner,
	body:not(.has-nav-hero) .site-nav .nav-dropdown-inner {
		background: #fbf7ee !important;
	}

	.site-nav.is-scrolled .nav-dropdown-inner>a,
	body:not(.has-nav-hero) .site-nav .nav-dropdown-inner>a {
		color: inherit !important;
	}
}

/* Match dropdown font size to whatever desktop nav links are using at each width. */
@media screen and (min-width: 981px) and (max-width: 1180px) {
	.site-nav .nav-item.has-dropdown>.nav-dropdown>.nav-dropdown-inner>a {
		font-size: 0.78rem !important;
	}
}

@media screen and (min-width: 1181px) {
	.site-nav .nav-item.has-dropdown>.nav-dropdown>.nav-dropdown-inner>a {
		font-size: 0.82rem !important;
	}
}


/* ==========================================================================
   SHOP DROPDOWN — CLEAN DESKTOP REBUILD
   One compact panel, directly beneath the Shop label.
   ========================================================================== */

:root {
	--desktop-nav-font-size: .82rem;
}

@media screen and (min-width: 781px) and (max-width: 1080px) {
	:root {
		--desktop-nav-font-size: .76rem;
	}
}

@media screen and (min-width: 981px) {

	/* Nav links + dropdown options use exactly the same responsive size. */
	.site-nav .nav-links>a,
	.site-nav .nav-item>a,
	.site-nav .nav-dropdown-inner>a {
		font-size: var(--desktop-nav-font-size) !important;
		font-weight: 400 !important;
		letter-spacing: .025em !important;
		line-height: 1.2 !important;
	}

	.site-nav .nav-item.has-dropdown {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		height: 82px !important;
	}

	/*
	   Do NOT position from the bottom of the full navbar item.
	   Place it just below the visible Shop text instead.
	*/
	.site-nav .nav-item.has-dropdown>.nav-dropdown {
		position: absolute !important;
		top: 54px !important;
		left: 50% !important;
		right: auto !important;

		width: 116px !important;
		min-width: 116px !important;
		max-width: 116px !important;

		margin: 0 !important;
		padding: 0 !important;
		transform: translateX(-50%) !important;
		z-index: 1000 !important;
	}

	.site-nav .nav-item.has-dropdown:hover>.nav-dropdown,
	.site-nav .nav-item.has-dropdown:focus-within>.nav-dropdown {
		transform: translateX(-50%) !important;
	}

	.site-nav .nav-item.has-dropdown>.nav-dropdown>.nav-dropdown-inner {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;

		width: 116px !important;
		min-width: 116px !important;
		max-width: 116px !important;

		margin: 0 !important;
		padding: 7px 8px !important;
		box-sizing: border-box !important;

		background: #fbf7ee !important;
		border: 0 !important;
		box-shadow: none !important;
		text-align: center !important;
	}

	.site-nav .nav-item.has-dropdown>.nav-dropdown>.nav-dropdown-inner>a {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		width: 100% !important;
		height: 30px !important;
		min-height: 30px !important;

		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;

		font-family: inherit !important;
		color: #171717 !important;
		text-align: center !important;
		white-space: nowrap !important;
		background: transparent !important;
	}

	.site-nav .nav-item.has-dropdown>.nav-dropdown>.nav-dropdown-inner>a+a {
		margin-top: 1px !important;
	}

	.site-nav .nav-item.has-dropdown>.nav-dropdown>.nav-dropdown-inner>a:hover {
		background: transparent !important;
		opacity: .58 !important;
	}

	/* Over hero: dropdown visually belongs to the transparent navbar. */
	body.has-nav-hero .site-nav:not(.is-scrolled) .nav-dropdown-inner {
		background: rgba(251, 247, 238, .96) !important;
	}

	body.has-nav-hero .site-nav:not(.is-scrolled) .nav-dropdown-inner>a {
		color: #171717 !important;
	}
}


/* ==========================================================================
   DESKTOP SHOP DROPDOWN — TYPOGRAPHY MATCH
   Dropdown items use the exact same type treatment as the top-level nav.
   No separate font-size breakpoint overrides.
   ========================================================================== */
@media screen and (min-width: 981px) {

	/* Make the parent carry the same nav typography. */
	.site-nav .nav-item.has-dropdown {
		font-family: inherit !important;
		font-size: inherit !important;
		font-weight: inherit !important;
		letter-spacing: inherit !important;
		line-height: inherit !important;
	}

	/* Shop + dropdown entries share the same responsive type treatment. */
	.site-nav .nav-item.has-dropdown>a,
	.site-nav .nav-item.has-dropdown>.nav-dropdown>.nav-dropdown-inner>a {
		font-family: inherit !important;
		font-size: inherit !important;
		font-weight: 400 !important;
		letter-spacing: inherit !important;
		line-height: inherit !important;
		text-transform: none !important;
	}

	/* Keep dropdown text visually light/thin like the wide desktop nav. */
	.site-nav .nav-item.has-dropdown>.nav-dropdown>.nav-dropdown-inner>a {
		-webkit-font-smoothing: antialiased !important;
		text-rendering: geometricPrecision !important;
	}
}

/* Explicitly neutralize earlier dropdown-only desktop size overrides. */
@media screen and (min-width: 981px) and (max-width: 1180px) {
	.site-nav .nav-item.has-dropdown>.nav-dropdown>.nav-dropdown-inner>a {
		font-size: inherit !important;
		font-weight: 400 !important;
	}
}

@media screen and (min-width: 1181px) {
	.site-nav .nav-item.has-dropdown>.nav-dropdown>.nav-dropdown-inner>a {
		font-size: inherit !important;
		font-weight: 400 !important;
	}
}


/* ==========================================================================
   SHOP NAV TYPOGRAPHY — REPAIR
   Do not inherit font-size from .nav-item; it is larger than the actual links.
   Mirror the site's real top-level nav rules exactly.
   ========================================================================== */
@media screen and (min-width: 981px) {

	.site-nav .nav-item.has-dropdown>a,
	.site-nav .nav-item.has-dropdown>.nav-dropdown>.nav-dropdown-inner>a {
		font-family: 'Source Sans Pro', sans-serif !important;
		font-size: 0.82rem !important;
		font-weight: 400 !important;
		letter-spacing: 0.025em !important;
		line-height: 1.2 !important;
		text-transform: none !important;
	}

	/* Keep the compact dropdown geometry from the clean version. */
	.site-nav .nav-item.has-dropdown>.nav-dropdown {
		width: 116px !important;
		min-width: 116px !important;
		max-width: 116px !important;
	}

	.site-nav .nav-item.has-dropdown>.nav-dropdown>.nav-dropdown-inner {
		width: 116px !important;
		min-width: 116px !important;
		max-width: 116px !important;
		padding: 7px 8px !important;
	}

	.site-nav .nav-item.has-dropdown>.nav-dropdown>.nav-dropdown-inner>a {
		height: 30px !important;
		min-height: 30px !important;
		padding: 0 !important;
	}
}

/* This is the SAME breakpoint used by the site's navbar itself. */
@media screen and (max-width: 1080px) and (min-width: 981px) {

	.site-nav .nav-item.has-dropdown>a,
	.site-nav .nav-item.has-dropdown>.nav-dropdown>.nav-dropdown-inner>a {
		font-size: 0.76rem !important;
	}
}


/* ==========================================================================
   CART DATE + TIME — EDITORIAL PICKERS
   ========================================================================== */
.cart-summary-field {
	position: relative;
}

.cart-date-trigger,
.cart-time-trigger {
	width: 100%;
	padding: 0 0 12px;
	border: 0;
	border-bottom: 1px solid #cfc0ad;
	background: transparent;
	color: #4b2418;
	text-align: left;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: clamp(18px, 1.8vw, 24px);
	font-weight: 400;
	line-height: 1.2;
	cursor: pointer;
}

.cart-date-trigger:focus,
.cart-time-trigger:focus {
	outline: none;
	border-bottom-color: #b98b2e;
}

.cart-time-trigger:disabled {
	color: #8d7a70;
	cursor: default;
}

.cart-calendar-popover,
.cart-time-menu {
	position: absolute;
	left: 0;
	z-index: 80;
	background: #fbf7ee;
	border: 1px solid #d8cdbc;
	box-shadow: none;
}

.cart-calendar-popover {
	top: calc(100% + 16px);
	width: min(480px, 92vw);
	padding: 28px 28px 26px;
}

.cart-calendar-head {
	display: grid;
	grid-template-columns: 42px 1fr 42px;
	align-items: center;
	margin-bottom: 24px;
}

.cart-calendar-head h3 {
	grid-column: 2;
	grid-row: 1;
	margin: 0;
	text-align: center;
	font-family: var(--serif, Georgia, serif);
	font-size: clamp(24px, 2vw, 32px);
	font-weight: 400;
	font-style: italic;
	color: #4b2418;
}

.cart-calendar-nav {
	grid-row: 1;
	width: 42px;
	height: 42px;
	border: 0;
	background: transparent;
	color: #4b2418;
	font-size: 30px;
	line-height: 1;
	cursor: pointer;
}

.cart-calendar-nav[data-calendar-prev] {
	grid-column: 1;
}

.cart-calendar-nav[data-calendar-next] {
	grid-column: 3;
}

.cart-calendar-nav:disabled {
	opacity: .22;
	cursor: default;
}

.cart-calendar-weekdays,
.cart-calendar-grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	text-align: center;
}

.cart-calendar-weekdays {
	margin-bottom: 9px;
}

.cart-calendar-weekdays span {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #826b5f;
}

.cart-calendar-day {
	aspect-ratio: 1 / 1;
	border: 0;
	background: transparent;
	color: #4b2418;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: clamp(15px, 1.4vw, 19px);
	font-weight: 400;
	cursor: pointer;
	border-radius: 0;
}

.cart-calendar-day:hover:not(:disabled),
.cart-calendar-day.is-selected {
	background: #4b2418;
	color: #fbf7ee;
}

.cart-calendar-day.is-outside {
	color: #c9beb1;
}

.cart-calendar-day.is-disabled {
	color: #d7cec4;
	cursor: default;
}

.cart-calendar-day.is-selected {
	font-weight: 600;
}

.cart-time-menu {
	top: calc(100% + 16px);
	width: min(360px, 92vw);
	padding: 18px 0;
}

.cart-time-option {
	display: block;
	width: 100%;
	padding: 13px 26px;
	border: 0;
	background: transparent;
	color: #4b2418;
	text-align: left;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: clamp(17px, 1.6vw, 22px);
	font-weight: 400;
	line-height: 1.15;
	cursor: pointer;
}

.cart-time-option:hover,
.cart-time-option:focus {
	background: rgba(185, 139, 46, .08);
	color: #b98b2e;
	outline: none;
}

.cart-time-field:has(.cart-time-menu:not([hidden])) .cart-time-trigger {
	border-bottom-color: #b98b2e;
}

@media screen and (max-width: 820px) {
	.cart-calendar-popover {
		width: min(420px, calc(100vw - 40px));
		padding: 22px 18px 20px;
		left: 50%;
		transform: translateX(-50%);
	}

	.cart-calendar-head {
		margin-bottom: 18px;
	}

	.cart-calendar-day {
		font-size: 15px;
	}

	.cart-time-menu {
		width: 100%;
	}

	.cart-time-option {
		font-size: 17px;
		padding: 12px 18px;
	}
}


/* ==========================================================================
   CART SUMMARY — fulfilment, checkbox, calendar visibility + type scale
   ========================================================================== */

/* Allow custom picker panels to escape the summary box instead of being clipped. */
.cart-summary-panel,
.cart-summary-inner,
.cart-summary-section,
.cart-summary-field {
	overflow: visible !important;
}

.cart-summary-panel {
	position: relative;
	z-index: 20;
}

/* Fulfilment buttons: smaller, closer to the reference proportions. */
.cart-fulfilment-options button {
	font-size: 12px !important;
	letter-spacing: .12em !important;
	font-weight: 600 !important;
	line-height: 1.15 !important;
	padding-top: 13px !important;
	padding-bottom: 13px !important;
}

.cart-fulfilment-options button small {
	font-size: 9px !important;
	letter-spacing: .08em !important;
	font-weight: 600 !important;
	margin-left: 7px !important;
}

/* Date / time triggers should read like form fields, not headings. */
.cart-date-trigger,
.cart-time-trigger {
	font-size: 15px !important;
	line-height: 1.3 !important;
	font-weight: 400 !important;
	padding-bottom: 10px !important;
}

/* Calendar needs to fit within the viewport/summary area. */
.cart-calendar-popover {
	width: min(420px, calc(100vw - 48px)) !important;
	max-height: min(560px, calc(100vh - 120px)) !important;
	overflow-y: auto !important;
	padding: 22px 22px 20px !important;
}

.cart-calendar-head {
	margin-bottom: 18px !important;
}

.cart-calendar-head h3 {
	font-size: 25px !important;
}

.cart-calendar-weekdays span {
	font-size: 10px !important;
}

.cart-calendar-day {
	font-size: 14px !important;
}

/* Slightly tighter time menu typography too. */
.cart-time-option {
	font-size: 15px !important;
	padding: 11px 20px !important;
}

/* Visible custom T&C checkbox. */
.cart-terms {
	display: flex !important;
	align-items: flex-start !important;
	gap: 10px !important;
	cursor: pointer;
}

.cart-terms input[type="checkbox"] {
	-webkit-appearance: none !important;
	appearance: none !important;
	width: 15px !important;
	height: 15px !important;
	min-width: 15px !important;
	margin: 3px 0 0 !important;
	border: 1px solid #8e7c70 !important;
	border-radius: 0 !important;
	background: transparent !important;
	display: inline-grid !important;
	place-content: center !important;
	cursor: pointer !important;
}

.cart-terms input[type="checkbox"]::before {
	content: "" !important;
	width: 7px !important;
	height: 7px !important;
	transform: scale(0) !important;
	background: #4b2418 !important;
	transition: transform .12s ease-in-out !important;
}

.cart-terms input[type="checkbox"]:checked::before {
	transform: scale(1) !important;
}

.cart-terms span {
	font-size: 13px !important;
	line-height: 1.45 !important;
}

/* On narrower desktop/mobile, center the calendar beneath the field and keep all dates visible. */
@media screen and (max-width: 820px) {
	.cart-calendar-popover {
		left: 0 !important;
		transform: none !important;
		width: min(380px, calc(100vw - 44px)) !important;
		max-height: calc(100vh - 110px) !important;
	}

	.cart-date-trigger,
	.cart-time-trigger {
		font-size: 14px !important;
	}

	.cart-time-option {
		font-size: 14px !important;
	}
}


/* ==========================================================================
   CART CALENDAR — FIT THE FULL MONTH IN VIEW
   The previous square day cells made a 6-week month unnecessarily tall.
   ========================================================================== */
.cart-calendar-popover {
	width: min(370px, calc(100vw - 44px)) !important;
	max-height: none !important;
	overflow: visible !important;
	padding: 18px 18px 16px !important;
}

.cart-calendar-head {
	grid-template-columns: 34px 1fr 34px !important;
	margin-bottom: 12px !important;
}

.cart-calendar-head h3 {
	font-size: 23px !important;
	line-height: 1.05 !important;
}

.cart-calendar-nav {
	width: 34px !important;
	height: 34px !important;
	font-size: 25px !important;
}

.cart-calendar-weekdays {
	margin-bottom: 4px !important;
}

.cart-calendar-weekdays span {
	font-size: 9px !important;
	line-height: 1 !important;
	padding: 3px 0 5px !important;
}

.cart-calendar-grid {
	grid-auto-rows: 34px !important;
	row-gap: 1px !important;
}

.cart-calendar-day {
	aspect-ratio: auto !important;
	width: 100% !important;
	height: 34px !important;
	min-height: 34px !important;
	padding: 0 !important;
	font-size: 13px !important;
	line-height: 34px !important;
}

@media screen and (max-width: 820px) {
	.cart-calendar-popover {
		width: min(350px, calc(100vw - 30px)) !important;
		padding: 16px 14px 14px !important;
	}

	.cart-calendar-grid {
		grid-auto-rows: 32px !important;
	}

	.cart-calendar-day {
		height: 32px !important;
		min-height: 32px !important;
		line-height: 32px !important;
		font-size: 12px !important;
	}
}


/* ==========================================================================
   CART CALENDAR — MORE COMPACT POPOVER
   Sized to sit comfortably inside the viewport rather than touch the bottom.
   ========================================================================== */
.cart-calendar-popover {
	width: min(340px, calc(100vw - 44px)) !important;
	padding: 14px 14px 12px !important;
}

.cart-calendar-head {
	grid-template-columns: 30px 1fr 30px !important;
	margin-bottom: 8px !important;
}

.cart-calendar-head h3 {
	font-size: 20px !important;
	line-height: 1 !important;
}

.cart-calendar-nav {
	width: 30px !important;
	height: 30px !important;
	font-size: 22px !important;
}

.cart-calendar-weekdays {
	margin-bottom: 2px !important;
}

.cart-calendar-weekdays span {
	font-size: 8.5px !important;
	padding: 2px 0 3px !important;
}

.cart-calendar-grid {
	grid-auto-rows: 28px !important;
	row-gap: 0 !important;
}

.cart-calendar-day {
	height: 28px !important;
	min-height: 28px !important;
	line-height: 28px !important;
	font-size: 12px !important;
}

@media screen and (max-width: 820px) {
	.cart-calendar-popover {
		width: min(320px, calc(100vw - 28px)) !important;
		padding: 12px 12px 10px !important;
	}

	.cart-calendar-head h3 {
		font-size: 19px !important;
	}

	.cart-calendar-grid {
		grid-auto-rows: 27px !important;
	}

	.cart-calendar-day {
		height: 27px !important;
		min-height: 27px !important;
		line-height: 27px !important;
		font-size: 11.5px !important;
	}
}


/* ==========================================================================
   CART — MOBILE SUMMARY + CALENDAR/TIME REFINEMENT
   ========================================================================== */

/* 1. Reduce the large empty area at the top of the mobile summary box. */
@media screen and (max-width: 820px) {
	.cart-summary-panel {
		padding-top: 0 !important;
	}

	.cart-summary-inner {
		padding-top: 34px !important;
	}

	.cart-summary-total,
	.cart-summary-total-row {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	.cart-summary-panel>*:first-child,
	.cart-summary-inner>*:first-child {
		margin-top: 0 !important;
	}
}

/* 2. Calendar: month on left, arrows together on right, squarer compact panel. */
.cart-calendar-popover {
	width: min(350px, calc(100vw - 40px)) !important;
	padding: 18px 18px 16px !important;
	border-radius: 0 !important;
}

.cart-calendar-head {
	display: grid !important;
	grid-template-columns: 1fr auto auto !important;
	align-items: center !important;
	column-gap: 8px !important;
	margin-bottom: 14px !important;
}

.cart-calendar-head h3 {
	grid-column: 1 !important;
	grid-row: 1 !important;
	text-align: left !important;
	margin: 0 !important;
	font-size: 21px !important;
	line-height: 1.05 !important;
	white-space: nowrap !important;
}

.cart-calendar-nav {
	grid-row: 1 !important;
	width: 28px !important;
	height: 28px !important;
	padding: 0 !important;
	font-size: 22px !important;
	line-height: 1 !important;
	text-align: center !important;
}

.cart-calendar-nav[data-calendar-prev] {
	grid-column: 2 !important;
}

.cart-calendar-nav[data-calendar-next] {
	grid-column: 3 !important;
}

.cart-calendar-weekdays {
	margin-bottom: 5px !important;
}

.cart-calendar-weekdays span {
	font-size: 9px !important;
	padding: 2px 0 4px !important;
}

.cart-calendar-grid {
	grid-auto-rows: 30px !important;
	row-gap: 0 !important;
}

.cart-calendar-day {
	height: 30px !important;
	min-height: 30px !important;
	line-height: 30px !important;
	font-size: 12px !important;
}

/* Selected date as a simple circular outline like the reference. */
.cart-calendar-day.is-selected {
	background: transparent !important;
	color: #b98b2e !important;
	border: 1px solid #b98b2e !important;
	border-radius: 50% !important;
	width: 30px !important;
	height: 30px !important;
	margin: 0 auto !important;
	line-height: 28px !important;
}

/* 3. Shorter time menu so it doesn't touch the viewport bottom. */
.cart-time-menu {
	width: min(330px, calc(100vw - 40px)) !important;
	padding: 8px 0 !important;
	max-height: min(250px, calc(100vh - 160px)) !important;
	overflow-y: auto !important;
}

.cart-time-option {
	padding: 9px 18px !important;
	font-size: 14px !important;
	line-height: 1.2 !important;
	min-height: 0 !important;
}

@media screen and (max-width: 820px) {
	.cart-calendar-popover {
		width: min(330px, calc(100vw - 28px)) !important;
		padding: 16px 14px 14px !important;
		left: 0 !important;
		transform: none !important;
	}

	.cart-calendar-head h3 {
		font-size: 20px !important;
	}

	.cart-calendar-grid {
		grid-auto-rows: 28px !important;
	}

	.cart-calendar-day {
		height: 28px !important;
		min-height: 28px !important;
		line-height: 28px !important;
		font-size: 11.5px !important;
	}

	.cart-calendar-day.is-selected {
		width: 28px !important;
		height: 28px !important;
		line-height: 26px !important;
	}

	.cart-time-menu {
		width: 100% !important;
		max-height: 220px !important;
	}

	.cart-time-option {
		padding: 8px 16px !important;
		font-size: 13.5px !important;
	}
}


/* ==========================================================================
   CART SUMMARY — MOBILE TOP ALIGNMENT
   Remove legacy viewport-height / centering rules that leave a large blank
   area above "Estimated total" on small screens.
   ========================================================================== */
@media screen and (max-width: 820px) {
	.cart-summary-panel {
		min-height: 0 !important;
		height: auto !important;
		display: block !important;
		padding-top: 0 !important;
		padding-bottom: 28px !important;
	}

	.cart-summary-inner {
		min-height: 0 !important;
		height: auto !important;
		display: block !important;
		justify-content: initial !important;
		align-items: initial !important;
		padding-top: 24px !important;
		padding-bottom: 0 !important;
	}

	.cart-summary-card,
	.cart-summary-content {
		min-height: 0 !important;
		height: auto !important;
		justify-content: flex-start !important;
		align-items: stretch !important;
	}

	.cart-summary-total,
	.cart-summary-total-row {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	.cart-summary-inner> :first-child {
		margin-top: 0 !important;
	}
}

/* Slightly roomier tablet/small-desktop, but still top-aligned. */
@media screen and (min-width: 821px) and (max-width: 1100px) {

	.cart-summary-panel,
	.cart-summary-inner {
		min-height: 0 !important;
		height: auto !important;
		justify-content: flex-start !important;
	}
}