@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Roboto+Condensed:wght@400;600;700&display=swap');

:root{
	--pla-navy:#18304a;
	--pla-dark:#102438;
	--pla-blue:#385f82;
	--pla-red:#9d342d;
	--pla-red-dark:#78251f;
	--pla-cream:#f3ecdc;
	--pla-paper:#fbf8f1;
	--pla-gold:#b18a4d;
	--pla-ink:#292c2f;
	--pla-muted:#67655f;
	--pla-white:#fff;
}

body.pla-collection-archive-active .woocommerce-products-header__title.page-title,
body.pla-collection-archive-active .page-title{
	display:none !important;
}

body.pla-collection-archive-active .woocommerce-products-header{
	padding:0 !important;
	margin:0 !important;
}

body.pla-collection-archive-active .woocommerce-breadcrumb{
	max-width:1180px;
	margin:20px auto !important;
	padding:0 30px;
	font-family:"Roboto Condensed",Arial,sans-serif;
	font-size:13px;
	color:var(--pla-muted);
}

.pla-collection{
	background:var(--pla-paper);
	color:var(--pla-ink);
}

.pla-collection-hero{
	position:relative;
	overflow:hidden;
	min-height:510px;
	padding:90px max(30px,calc((100% - 1180px)/2));
	display:flex;
	align-items:center;
	background:
		radial-gradient(circle at 82% 20%,rgba(177,138,77,.20),transparent 28%),
		linear-gradient(115deg,var(--pla-dark),var(--pla-navy));
	color:var(--pla-white);
}

.pla-collection-hero-inner{
	position:relative;
	z-index:2;
	max-width:760px;
}

.pla-collection-eyebrow,
.pla-section-eyebrow{
	margin:0 0 14px !important;
	font-family:"Roboto Condensed",Arial,sans-serif !important;
	font-size:12px !important;
	font-weight:700 !important;
	letter-spacing:2.2px !important;
	text-transform:uppercase;
	color:var(--pla-red) !important;
}

.pla-collection-hero .pla-collection-eyebrow{
	color:#e7c99a !important;
}

.pla-collection-hero h1{
	max-width:800px;
	margin:0 0 22px !important;
	font-family:"Cormorant Garamond",Georgia,serif !important;
	font-size:clamp(48px,6vw,78px) !important;
	line-height:.96 !important;
	font-weight:700 !important;
	letter-spacing:-1.6px;
	color:var(--pla-white) !important;
}

.pla-collection-lead{
	max-width:710px;
	font-family:"Cormorant Garamond",Georgia,serif;
	font-size:22px;
	line-height:1.55;
	color:#f2eadf;
}

.pla-collection-lead p{margin:0 !important;}

.pla-collection-hero-actions{
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	margin-top:30px;
}

.pla-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:46px;
	padding:12px 19px;
	border:1px solid transparent;
	border-radius:2px;
	font-family:"Roboto Condensed",Arial,sans-serif !important;
	font-size:12px !important;
	font-weight:700 !important;
	letter-spacing:1.2px;
	text-transform:uppercase;
	text-decoration:none !important;
	transition:.18s ease;
}

.pla-btn-red{background:var(--pla-red);color:#fff !important;}
.pla-btn-red:hover{background:var(--pla-red-dark);color:#fff !important;}
.pla-btn-ghost{border-color:rgba(255,255,255,.52);color:#fff !important;background:rgba(255,255,255,.04);}
.pla-btn-ghost:hover{background:#fff;color:var(--pla-dark) !important;}
.pla-btn-dark{background:var(--pla-dark);color:#fff !important;}
.pla-btn-dark:hover{background:var(--pla-navy);}

.pla-collection-stamp{
	position:absolute;
	right:max(40px,calc((100% - 1180px)/2));
	top:50%;
	transform:translateY(-50%) rotate(5deg);
	width:190px;
	height:190px;
	border:2px solid rgba(255,255,255,.28);
	border-radius:50%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	font-family:"Roboto Condensed",Arial,sans-serif;
	text-transform:uppercase;
	color:rgba(255,255,255,.42);
}
.pla-collection-stamp:before{
	content:"";
	position:absolute;
	inset:8px;
	border:1px solid rgba(255,255,255,.18);
	border-radius:50%;
}
.pla-collection-stamp span{font-size:13px;letter-spacing:2px;}
.pla-collection-stamp strong{font:700 56px/1 "Cormorant Garamond",Georgia,serif;}
.pla-collection-stamp small{font-size:15px;letter-spacing:4px;}

.pla-collection-intro{
	display:grid;
	grid-template-columns:.8fr 1.2fr;
	gap:70px;
	padding:90px max(30px,calc((100% - 1180px)/2));
	border-bottom:1px solid #ddd1bd;
}

.pla-collection-intro h2,
.pla-collection-feature h2,
.pla-collection-products-head h2,
.pla-collection-close h2{
	margin:0 !important;
	font-family:"Cormorant Garamond",Georgia,serif !important;
	font-weight:700 !important;
	line-height:1.05 !important;
	color:var(--pla-dark) !important;
}

.pla-collection-intro h2{font-size:clamp(38px,4vw,54px) !important;}
.pla-collection-intro-body{
	font-family:"Cormorant Garamond",Georgia,serif;
	font-size:21px;
	line-height:1.65;
	color:#4d4d48;
}
.pla-collection-intro-body p:first-child{margin-top:0;}

.pla-road-waypoints{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	background:var(--pla-cream);
	border-bottom:1px solid #d7c9b4;
}
.pla-road-waypoint{
	min-height:250px;
	padding:44px 34px;
	border-right:1px solid #d7c9b4;
}
.pla-road-waypoint:last-child{border-right:none;}
.pla-road-waypoint span{
	display:block;
	margin-bottom:32px;
	font-family:"Roboto Condensed",Arial,sans-serif;
	font-size:11px;
	font-weight:700;
	letter-spacing:1.5px;
	color:var(--pla-red);
}
.pla-road-waypoint strong{
	display:block;
	margin-bottom:10px;
	font-family:"Cormorant Garamond",Georgia,serif;
	font-size:29px;
	line-height:1.05;
	color:var(--pla-dark);
}
.pla-road-waypoint p{
	margin:0;
	font-family:"Roboto Condensed",Arial,sans-serif;
	font-size:15px;
	line-height:1.55;
	color:#595752;
}

.pla-collection-feature{
	display:grid;
	grid-template-columns:1fr 1fr;
	min-height:480px;
	background:#fff;
}
.pla-collection-feature-media{
	min-height:480px;
	background-position:center;
	background-size:cover;
}
.pla-collection-feature-media.is-placeholder{
	display:flex;
	align-items:center;
	justify-content:center;
	background:
		linear-gradient(135deg,rgba(16,36,56,.96),rgba(56,95,130,.86)),
		repeating-linear-gradient(45deg,transparent,transparent 16px,rgba(255,255,255,.03) 16px,rgba(255,255,255,.03) 32px);
}
.pla-road-shield{
	width:178px;
	height:198px;
	clip-path:polygon(12% 0,88% 0,100% 12%,100% 64%,50% 100%,0 64%,0 12%);
	background:var(--paper,#fbf8f1);
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	color:var(--pla-dark);
	border:6px solid #fff;
	box-shadow:0 12px 40px rgba(0,0,0,.22);
}
.pla-road-shield span{
	font:700 15px/1 "Roboto Condensed",Arial,sans-serif;
	letter-spacing:2px;
}
.pla-road-shield strong{
	font:700 68px/.85 "Cormorant Garamond",Georgia,serif;
}
.pla-collection-feature-copy{
	padding:80px max(40px,calc((100vw - 1180px)/2));
	padding-left:70px;
	align-self:center;
}
.pla-collection-feature h2{font-size:clamp(38px,4vw,55px) !important;margin-bottom:20px !important;}
.pla-collection-feature-copy p:not(.pla-section-eyebrow){
	max-width:580px;
	font-family:"Cormorant Garamond",Georgia,serif;
	font-size:20px;
	line-height:1.6;
	color:#53514c;
}
.pla-text-link{
	display:inline-block;
	margin-top:12px;
	font-family:"Roboto Condensed",Arial,sans-serif;
	font-weight:700;
	font-size:12px;
	letter-spacing:1px;
	text-transform:uppercase;
	color:var(--pla-red) !important;
	text-decoration:none !important;
}

.pla-collection-products-head{
	max-width:1180px;
	margin:0 auto;
	padding:92px 30px 38px;
	text-align:center;
}
.pla-collection-products-head h2{
	font-size:clamp(42px,5vw,62px) !important;
}
.pla-collection-products-head > p:last-child{
	max-width:650px;
	margin:14px auto 0;
	font-family:"Cormorant Garamond",Georgia,serif;
	font-size:19px;
	color:var(--pla-muted);
}

/* Native WooCommerce loop, re-styled rather than replaced. */
body.pla-collection-archive-active ul.products{
	max-width:1180px;
	margin:0 auto 70px !important;
	padding:0 30px !important;
	display:grid !important;
	grid-template-columns:repeat(4,minmax(0,1fr)) !important;
	gap:22px !important;
}
body.pla-collection-archive-active ul.products:before,
body.pla-collection-archive-active ul.products:after{display:none !important;}
body.pla-collection-archive-active ul.products li.product{
	width:auto !important;
	margin:0 !important;
	float:none !important;
	background:#fff;
	border:1px solid #e5dccd;
	padding:0 0 22px !important;
	text-align:left !important;
	box-shadow:0 5px 20px rgba(16,36,56,.04);
}
body.pla-collection-archive-active ul.products li.product img{
	margin:0 0 18px !important;
	width:100%;
	aspect-ratio:1/1;
	object-fit:cover;
}
body.pla-collection-archive-active ul.products li.product .woocommerce-loop-product__title{
	padding:0 18px !important;
	margin:0 0 8px !important;
	font-family:"Cormorant Garamond",Georgia,serif !important;
	font-size:23px !important;
	line-height:1.05 !important;
	color:var(--pla-dark) !important;
}
body.pla-collection-archive-active ul.products li.product .price{
	display:block;
	padding:0 18px;
	margin:0 0 14px !important;
	font-family:"Roboto Condensed",Arial,sans-serif !important;
	font-size:14px !important;
	color:var(--pla-red) !important;
}
body.pla-collection-archive-active ul.products li.product .button{
	margin:0 18px !important;
	padding:10px 14px !important;
	background:var(--pla-dark) !important;
	color:#fff !important;
	border-radius:0 !important;
	font-family:"Roboto Condensed",Arial,sans-serif !important;
	font-size:11px !important;
	font-weight:700 !important;
	letter-spacing:.8px;
	text-transform:uppercase;
}

body.pla-collection-archive-active .woocommerce-pagination{
	max-width:1180px;
	margin:0 auto 70px !important;
	padding:0 30px;
}

.pla-collection-close{
	display:grid;
	grid-template-columns:1.2fr .8fr;
	gap:60px;
	align-items:center;
	padding:78px max(30px,calc((100% - 1180px)/2));
	background:var(--pla-cream);
	border-top:1px solid #d8ccb8;
}
.pla-collection-close h2{font-size:clamp(36px,4vw,50px) !important;}
.pla-collection-close p:not(.pla-section-eyebrow){
	max-width:680px;
	font-family:"Cormorant Garamond",Georgia,serif;
	font-size:19px;
	line-height:1.5;
	color:var(--pla-muted);
}
.pla-collection-close-actions{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	gap:10px;
}

@media(max-width:1000px){
	.pla-collection-stamp{display:none;}
	.pla-road-waypoints{grid-template-columns:repeat(2,1fr);}
	.pla-road-waypoint:nth-child(2){border-right:0;}
	body.pla-collection-archive-active ul.products{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media(max-width:760px){
	.pla-collection-hero{min-height:0;padding-top:70px;padding-bottom:70px;}
	.pla-collection-intro,
	.pla-collection-feature,
	.pla-collection-close{grid-template-columns:1fr;}
	.pla-collection-intro{gap:25px;padding-top:65px;padding-bottom:65px;}
	.pla-collection-feature-media{min-height:320px;}
	.pla-collection-feature-copy{padding:60px 30px;}
	.pla-collection-close-actions{justify-content:flex-start;}
	body.pla-collection-archive-active ul.products{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:520px){
	.pla-road-waypoints{grid-template-columns:1fr;}
	.pla-road-waypoint{border-right:0;border-bottom:1px solid #d7c9b4;min-height:0;}
	body.pla-collection-archive-active ul.products{grid-template-columns:1fr !important;}
}


/* v1.0.1 — PopularFX/PageLayer archive-width and product-card corrections */

/* Remove the theme's narrow content column/sidebar geometry on PLA collections. */
body.pla-collection-archive-active .site-content,
body.pla-collection-archive-active #content,
body.pla-collection-archive-active .content-area,
body.pla-collection-archive-active #primary,
body.pla-collection-archive-active main.site-main,
body.pla-collection-archive-active .woocommerce,
body.pla-collection-archive-active .woocommerce-page,
body.pla-collection-archive-active .woocommerce-products-header {
	width:100% !important;
	max-width:none !important;
	margin-left:0 !important;
	margin-right:0 !important;
	float:none !important;
	padding-left:0 !important;
	padding-right:0 !important;
}

/* Hide the empty/default archive sidebar on collection pages. */
body.pla-collection-archive-active #secondary,
body.pla-collection-archive-active .sidebar,
body.pla-collection-archive-active .widget-area {
	display:none !important;
}

/* Breadcrumb remains intentionally contained. */
body.pla-collection-archive-active .woocommerce-breadcrumb {
	width:100% !important;
	max-width:1180px !important;
	margin:20px auto !important;
	padding:0 30px !important;
	box-sizing:border-box !important;
}

/* Hero and editorial sections truly span the browser width. */
body.pla-collection-archive-active .pla-collection,
body.pla-collection-archive-active .pla-collection-hero,
body.pla-collection-archive-active .pla-road-waypoints,
body.pla-collection-archive-active .pla-collection-feature {
	width:100% !important;
	max-width:none !important;
	box-sizing:border-box !important;
}

/* Hero copy contrast: theme rules were overriding the lead to dark ink. */
body.pla-collection-archive-active .pla-collection-hero .pla-collection-lead,
body.pla-collection-archive-active .pla-collection-hero .pla-collection-lead p {
	color:#f2eadf !important;
}

/* Keep intro/body typography from inheriting oversized theme styles. */
body.pla-collection-archive-active .pla-collection-intro-body,
body.pla-collection-archive-active .pla-collection-intro-body p {
	color:#4d4d48 !important;
}

/* Product section width and grid.
   PopularFX sets product cards to percentage widths, which caused the tiny Route 11 card. */
body.pla-collection-archive-active .woocommerce ul.products,
body.pla-collection-archive-active ul.products,
body.pla-collection-archive-active .products.columns-4,
body.pla-collection-archive-active .products.columns-3 {
	width:100% !important;
	max-width:1180px !important;
	margin:0 auto 70px !important;
	padding:0 30px !important;
	box-sizing:border-box !important;
	display:grid !important;
	grid-template-columns:repeat(4,minmax(0,1fr)) !important;
	column-gap:24px !important;
	row-gap:28px !important;
}

body.pla-collection-archive-active .woocommerce ul.products li.product,
body.pla-collection-archive-active ul.products li.product,
body.pla-collection-archive-active ul.products li.product.first,
body.pla-collection-archive-active ul.products li.product.last {
	display:block !important;
	float:none !important;
	clear:none !important;
	width:100% !important;
	max-width:none !important;
	min-width:0 !important;
	margin:0 !important;
	box-sizing:border-box !important;
}

body.pla-collection-archive-active ul.products li.product a.woocommerce-LoopProduct-link {
	display:block !important;
	width:100% !important;
}

body.pla-collection-archive-active ul.products li.product img {
	display:block !important;
	width:100% !important;
	height:auto !important;
	aspect-ratio:1 / 1;
	object-fit:contain !important;
	background:#fbf8f1;
}

body.pla-collection-archive-active ul.products li.product .woocommerce-loop-product__title {
	word-break:normal !important;
	overflow-wrap:normal !important;
	white-space:normal !important;
}

body.pla-collection-archive-active .pla-collection-products-head {
	width:100% !important;
	max-width:1180px !important;
	box-sizing:border-box !important;
}

/* With only one or two products, don't make the cards look lost or abnormally narrow. */
body.pla-collection-archive-active ul.products li.product:only-child {
	max-width:275px !important;
}

@media(max-width:1000px){
	body.pla-collection-archive-active .woocommerce ul.products,
	body.pla-collection-archive-active ul.products {
		grid-template-columns:repeat(3,minmax(0,1fr)) !important;
	}
}
@media(max-width:760px){
	body.pla-collection-archive-active .woocommerce ul.products,
	body.pla-collection-archive-active ul.products {
		grid-template-columns:repeat(2,minmax(0,1fr)) !important;
	}
}
@media(max-width:520px){
	body.pla-collection-archive-active .woocommerce ul.products,
	body.pla-collection-archive-active ul.products {
		grid-template-columns:1fr !important;
	}
	body.pla-collection-archive-active ul.products li.product:only-child {
		max-width:none !important;
	}
}
