/* HiGuppy Collections — screenshot-led collection discovery page. */

/*
 * One continuous sky canvas from page top through the hero.
 * Left side of the hero stays fully opaque so the fish photo cannot tint it.
 */
html:has(.hg-collections),
body:has(.hg-collections),
	body.page-id-2262,
	body.page-slug-collections {
	--hg-collections-sky: #eaf6ff;
	--wp--style--global--content-size: min(1180px, 100%);
	--wp--style--global--wide-size: 100%;
	overflow-x: hidden !important;
	background: #eaf6ff !important;
	background-image: none !important;
}

/* Final desktop copy inset for the collection cards. */
body.page-id-2262 .hg-collection-card__copy {
	transform: none !important;
	padding-left: 18px !important;
}

/* Keep collection-card copy clear of the image edge after the wide-card layout. */
body.page-id-2262 .hg-collection-card__copy {
	transform: none !important;
	padding-left: 18px !important;
}

body:has(.hg-collections)::before,
body.page-id-2262::before {
	background: #eaf6ff !important;
}

body:has(.hg-collections) .wp-site-blocks,
body:has(.hg-collections) main,
body:has(.hg-collections) .wp-block-group,
body:has(.hg-collections) .entry-content,
body:has(.hg-collections) .wp-block-post-content,
body.page-id-2262 .wp-site-blocks,
body.page-id-2262 main {
	background: transparent !important;
	background-image: none !important;
}

body:has(.hg-collections) main.is-layout-constrained,
body:has(.hg-collections) .wp-block-group.is-layout-constrained,
body:has(.hg-collections) .entry-content,
body:has(.hg-collections) .wp-block-post-content,
body.page-id-2262 main.is-layout-constrained,
body.page-id-2262 .wp-block-group.is-layout-constrained,
body.page-id-2262 .entry-content,
body.page-id-2262 .wp-block-post-content {
	max-width: none !important;
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body:has(.hg-collections) .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
body.page-id-2262 .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: none !important;
	width: 100% !important;
}

.hg-collections{
	--c-navy:#081f4a;
	--c-blue:#1747b8;
	--c-orange:#ff6b35;
	--c-sky:#eaf6ff;
	--c-ink:#14254a;
	--hg-collections-sky:#eaf6ff;
	background:#eaf6ff;
	color:var(--c-ink);
	font-family:var(--hg-font-family);
	overflow:hidden;
	width:100%;
	max-width:none;
}
/* Keep the floating navigation on the same blue canvas as the Collections hero. */
body.higuppy-site-shell:has(.hg-collections) nav#hgSiteNav.hg-nav,
body.page-id-2262.higuppy-site-shell nav#hgSiteNav.hg-nav{
	background:#eaf6ff!important;
	border-color:rgba(8,31,74,.06)!important;
	box-shadow:0 8px 28px rgba(8,39,71,.06)!important;
	-webkit-backdrop-filter:none!important;
	backdrop-filter:none!important;
}
.hg-collections img{display:block;width:100%;height:100%;object-fit:cover}
.hg-collections a{color:inherit;text-decoration:none}
.hg-collections__container{width:min(1180px,calc(100% - 48px));margin:0 auto}
.hg-collections__hero{
	position:relative;
	/* Extend under floating header — one continuous sky band. */
	margin-top:calc(-1 * (12px + 70px + 12px));
	padding-top:calc(12px + 70px + 12px + 8px);
	min-height:calc(260px + 12px + 70px + 12px);
	background:#eaf6ff;
	overflow:hidden;
}
/* Opaque sky on the left = exact match with header canvas; image only peeks on the right. */
.hg-collections__hero:after{
	content:none;
	display:none;
}
.hg-collections__hero:before{content:none;display:none}
.hg-collections__hero img{
	position:absolute;
	inset:0;
	object-position:68% center;
	height:100%;
	z-index:0;
	-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 43%,#000 64%);
	mask-image:linear-gradient(90deg,transparent 0%,transparent 43%,#000 64%);
}
/* Collections hero: an intentional aquarium panel, not an image fading into the copy area. */
@media(min-width:801px){
	.hg-collections__hero{
		min-height:calc(330px + 12px + 70px + 12px);
	}
	.hg-collections__hero img{
		inset:calc(12px + 70px + 12px + 14px) 32px 26px auto;
		width:min(40%,620px);
		height:calc(100% - (12px + 70px + 12px + 14px) - 26px);
		object-position:center;
		-webkit-mask-image:none;
		mask-image:none;
		border-radius:24px;
		box-shadow:0 18px 46px rgba(8,31,74,.14);
	}
	.hg-collections__hero-copy{max-width:500px;padding-bottom:58px;}
	.hg-collections__hero-content{max-width:500px;padding-bottom:58px;}
	/* Image is an absolute panel on the right — hide the in-flow caption. */
	.hg-collections__hero-media figcaption{display:none}
}
.hg-collections__hero-copy{position:relative;z-index:3;padding:28px 0 40px;max-width:520px}
/* Hero content block — rendered markup uses .hg-collections__hero-content. */
.hg-collections__hero-content{position:relative;z-index:3;max-width:540px;padding:28px 0 40px}
.hg-collections__eyebrow{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--c-blue);margin:0 0 10px}
/* Beat the sitewide typography contract (#111827 on all p). */
body.higuppy-site-shell:not(#hg-typography-contract):not(#hg-typography-contract-a):not(#hg-typography-contract-b) .hg-collections .hg-collections__eyebrow{
	color:var(--c-blue)!important;
	font-size:13px!important;
	font-weight:800!important;
	letter-spacing:.14em!important;
	text-transform:uppercase!important;
}
.hg-collections__intro{font-size:16px;line-height:1.65;margin:0;max-width:420px;color:#345078}
.hg-collections__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.hg-collections__button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:48px;padding:0 22px;border-radius:9px;font-size:var(--hg-font-size-body, 16px);font-weight:800;line-height:1.2;text-align:center;text-decoration:none;white-space:normal;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
.hg-collections__button:hover{transform:translateY(-2px)}
/* a.hg-collections__button--* beats `.hg-collections a{color:inherit}`. */
.hg-collections a.hg-collections__button--primary{background:var(--c-orange);border:1px solid var(--c-orange);color:#fff!important;-webkit-text-fill-color:#fff;box-shadow:0 10px 22px rgba(255,107,53,.18)}
.hg-collections a.hg-collections__button--primary:hover,.hg-collections a.hg-collections__button--primary:focus-visible{background:#e75222;border-color:#e75222;color:#fff!important;box-shadow:0 14px 28px rgba(229,82,34,.24)}
.hg-collections a.hg-collections__button--secondary{background:#fff;border:1px solid var(--c-navy);color:var(--c-navy)!important;-webkit-text-fill-color:var(--c-navy);box-shadow:0 8px 18px rgba(8,31,74,.08)}
.hg-collections a.hg-collections__button--secondary:hover,.hg-collections a.hg-collections__button--secondary:focus-visible{background:#f5f8ff;border-color:var(--c-blue);color:var(--c-blue)!important;-webkit-text-fill-color:var(--c-blue)}
.hg-collections__button:active{transform:translateY(1px) scale(.985)}
.hg-collections__button:focus-visible,.hg-collections__chip:focus-visible,.hg-collection-card__button:focus-visible{outline:3px solid rgba(255,107,53,.5);outline-offset:3px}
.hg-collections__hero-media{margin:0;position:static;z-index:2;min-width:0}
.hg-collections__hero-media figcaption{font-size:13px;line-height:1.5;color:#5c7291;margin-top:8px}
.hg-collections__crumbs{display:flex;gap:12px;align-items:center;justify-content:center;font-size:var(--hg-font-size-body, 16px);color:#213c73;margin:0 0 12px;width:fit-content;max-width:100%}
.hg-collections__crumbs a:hover{text-decoration:underline}
.hg-collections h1,.hg-collections h2,.hg-collections h3{font-family:var(--hg-font-family);color:var(--c-navy);margin:0}
.hg-collections h1{font-size:clamp(40px,5.5vw,64px);line-height:.96;letter-spacing:-2px;margin-bottom:16px}
.hg-collections__hero-copy p{font-size:16px;line-height:1.65;margin:0;max-width:420px}
.hg-collections__section{padding:28px 0 8px}
.hg-collections__section-title{display:flex;align-items:center;gap:18px;justify-content:center;margin:0 0 22px;font-size:26px}
.hg-collections__section-title:before,.hg-collections__section-title:after{content:"";height:1px;width:72px;background:linear-gradient(90deg,transparent,var(--c-orange));}
.hg-collections__section-title:after{background:linear-gradient(90deg,var(--c-orange),transparent)}
.hg-collections__chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:22px}
.hg-collections__chip{display:inline-flex;align-items:center;justify-content:center;border:1px solid #081f4a;background:#081f4a;border-radius:11px;padding:12px 20px;font-size:var(--hg-font-size-body, 16px);font-weight:700;color:#fff!important;-webkit-text-fill-color:#fff!important;line-height:1.2;text-align:center;text-decoration:none;box-shadow:0 5px 18px rgba(8,31,74,.12);transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}
.hg-collections__chip:hover,.hg-collections__chip.is-selected{border-color:#ff6b35;background:#ff6b35;box-shadow:0 8px 24px rgba(255,107,53,.2);color:#fff!important;transform:translateY(-2px)}
.hg-collections__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.hg-collection-card{position:relative;min-height:255px;border-radius:16px;overflow:hidden;background:#071c1c;isolation:isolate;box-shadow:0 4px 14px rgba(8,31,74,.12);transition:transform .2s ease,box-shadow .2s ease}
.hg-collection-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(8,31,74,.2)}
/* Soft left scrim for text only — keep the fish photo bright and clear. */
.hg-collection-card:after{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(
		90deg,
		rgba(2,15,19,.55) 0%,
		rgba(2,15,19,.28) 34%,
		rgba(2,15,19,.06) 58%,
		rgba(2,15,19,0) 78%
	);
	z-index:-1;
	pointer-events:none;
}
.hg-collection-card img{position:absolute;inset:0;z-index:-2;object-position:center}
.hg-collection-card__copy{position:relative;z-index:1;padding:28px 24px;max-width:280px;color:#fff;transform:translateX(-24px);text-shadow:0 1px 10px rgba(0,0,0,.35)}
body.higuppy-site-shell:not(#hg-typography-contract):not(#hg-typography-contract-a):not(#hg-typography-contract-b) .hg-collections .hg-collection-card__copy h3,
.hg-collections .hg-collection-card__copy h3{font-size:24px;color:#fff!important;margin-bottom:14px}
body.higuppy-site-shell:not(#hg-typography-contract):not(#hg-typography-contract-a):not(#hg-typography-contract-b) .hg-collections .hg-collection-card__copy p,
.hg-collections .hg-collection-card__copy p{font-size:var(--hg-font-size-body, 16px);line-height:1.55;margin:0 0 16px;color:rgba(255,255,255,.95)!important}
.hg-collection-card__count{font-size:var(--hg-font-size-body, 16px);margin-bottom:17px;color:#dcecff}
.hg-collection-card__button{display:inline-flex;align-items:center;gap:14px;padding:10px 15px;background:var(--c-orange);border-radius:7px;color:#fff!important;-webkit-text-fill-color:#fff;font-weight:700;font-size:var(--hg-font-size-body, 16px);transition:.2s ease;text-shadow:none}
.hg-collection-card__button:hover{background:#e75222;color:#fff!important}
.hg-collection-card--wide{grid-column:1/-1;min-height:215px}
.hg-collection-card--wide .hg-collection-card__copy{max-width:380px}
.hg-collection-card--wide:after{
	background:linear-gradient(
		90deg,
		rgba(2,15,19,.52) 0%,
		rgba(2,15,19,.24) 38%,
		rgba(2,15,19,.05) 62%,
		rgba(2,15,19,0) 80%
	);
}
.hg-collections__why{padding:26px 0 10px}
.hg-collections__why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.hg-why-card{
	position:relative;
	display:flex;
	flex-direction:column;
	gap:12px;
	border:1px solid #dce8f5;
	background:linear-gradient(165deg,#ffffff 0%,#f3f9ff 68%,#eaf6ff 100%);
	border-radius:16px;
	padding:20px 18px 22px;
	min-height:148px;
	overflow:hidden;
	box-shadow:0 10px 28px rgba(23,71,184,.06);
	transition:transform .2s ease,box-shadow .2s ease;
}
.hg-why-card:hover{
	transform:translateY(-3px);
	box-shadow:0 16px 34px rgba(23,71,184,.12);
}
.hg-why-card__icon{
	display:inline-flex;
	width:48px;
	height:48px;
	flex:0 0 auto;
}
.hg-why-card__icon svg{width:100%;height:100%;display:block}
.hg-why-card__body{position:relative;z-index:1}
.hg-why-card h3{font-family:var(--hg-font-family);font-size:var(--hg-font-size-body, 16px);margin:0 0 8px;color:var(--c-navy)}
.hg-why-card p{font-size:var(--hg-font-size-body, 16px);line-height:1.5;margin:0;color:#345078}
/* Soft aquarium plant accents in the corner. */
.hg-why-card__plant{
	position:absolute;
	right:-6px;
	bottom:-10px;
	width:68px;
	height:78px;
	pointer-events:none;
	opacity:.55;
	background:
		radial-gradient(ellipse 18px 34px at 28% 72%, rgba(23,160,110,.55) 0 58%, transparent 60%),
		radial-gradient(ellipse 14px 40px at 52% 68%, rgba(14,120,88,.5) 0 55%, transparent 58%),
		radial-gradient(ellipse 16px 30px at 74% 78%, rgba(46,180,120,.45) 0 55%, transparent 58%),
		radial-gradient(ellipse 28px 10px at 52% 94%, rgba(180,150,70,.35) 0 70%, transparent 72%);
}
.hg-why-card--purpose .hg-why-card__plant{
	background:
		radial-gradient(ellipse 16px 36px at 30% 70%, rgba(23,71,184,.28) 0 55%, transparent 58%),
		radial-gradient(ellipse 14px 42px at 54% 66%, rgba(14,160,110,.5) 0 55%, transparent 58%),
		radial-gradient(ellipse 18px 32px at 76% 76%, rgba(46,180,120,.42) 0 55%, transparent 58%);
}
.hg-why-card--time .hg-why-card__plant{
	background:
		radial-gradient(ellipse 15px 34px at 34% 72%, rgba(253,187,45,.45) 0 55%, transparent 58%),
		radial-gradient(ellipse 13px 40px at 56% 68%, rgba(14,160,110,.48) 0 55%, transparent 58%),
		radial-gradient(ellipse 16px 28px at 74% 80%, rgba(255,107,53,.28) 0 55%, transparent 58%);
}
.hg-why-card--results .hg-why-card__plant{
	background:
		radial-gradient(ellipse 14px 36px at 32% 70%, rgba(255,107,53,.35) 0 55%, transparent 58%),
		radial-gradient(ellipse 16px 42px at 55% 64%, rgba(23,71,184,.28) 0 55%, transparent 58%),
		radial-gradient(ellipse 14px 30px at 76% 78%, rgba(14,160,110,.48) 0 55%, transparent 58%);
}
.hg-why-card--trust .hg-why-card__plant{
	background:
		radial-gradient(ellipse 16px 38px at 30% 70%, rgba(14,160,110,.52) 0 55%, transparent 58%),
		radial-gradient(ellipse 14px 42px at 54% 66%, rgba(23,71,184,.26) 0 55%, transparent 58%),
		radial-gradient(ellipse 18px 30px at 76% 78%, rgba(46,180,120,.4) 0 55%, transparent 58%);
}
.hg-collections__popular{padding:22px 0 32px}
.hg-collections__popular-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.hg-popular-card{border:1px solid #dce8f5;border-radius:12px;overflow:hidden;background:#fff;display:grid;grid-template-columns:1fr 78px;align-items:center;min-height:68px}
.hg-popular-card__copy{padding:11px 12px}.hg-popular-card__copy strong{display:block;font-family:var(--hg-font-family);font-size:var(--hg-font-size-body, 16px);color:var(--c-navy)}.hg-popular-card__copy span{font-size:var(--hg-font-size-body, 16px);color:#5c7291}
.hg-popular-card img{height:68px;object-position:center}
.hg-collections__newsletter{background:var(--c-sky);border-radius:17px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 34px;margin:0 auto 34px;max-width:1180px}

/* Keep Shop by Collection grid visible — main browse surface for this page. */
body.page-id-2262 .hg-collections__section {
	display: block !important;
}
.hg-collections__newsletter h2{font-size:25px;margin-bottom:5px}.hg-collections__newsletter p{font-size:var(--hg-font-size-body, 16px);margin:0;color:#345078}.hg-collections__form{display:flex;gap:8px;min-width:min(460px,100%)}.hg-collections__form input{min-width:0;flex:1;border:1px solid #d5e1ec;border-radius:8px;padding:12px 14px;font:inherit}.hg-collections__form button{border:0;background:var(--c-orange);color:#fff;font:inherit;font-weight:700;border-radius:8px;padding:0 22px;cursor:pointer}.hg-collections__form button:hover{background:#e75222}
@media(max-width:800px){
	.hg-collections__container{width:min(100% - 32px,600px)}
	.hg-collections__hero{
		margin-top:calc(-1 * (8px + 56px));
		padding-top:calc(8px + 56px + 10px);
		min-height:calc(300px + 8px + 56px);
	}
	.hg-collections__hero-copy{
		padding:18px 0 28px;
		max-width:100%;
	}
	/* Stacked hero: full-width content first, image card below — no overlap. */
	.hg-collections__hero-content{
		max-width:100%;
		padding:18px 0 0;
	}
	.hg-collections h1{
		font-size:clamp(28px, 8.5vw, 40px);
		letter-spacing:-1px;
		line-height:1.05;
		white-space:normal;
	}
	.hg-collections__actions{gap:10px;margin-top:18px}
	.hg-collections__button{
		min-height:44px;
		padding:0 18px;
		font-size:14px;
		white-space:normal;
		text-align:center;
	}
	.hg-collections__hero img{
		position:static!important;
		inset:auto!important;
		display:block;
		width:100%;
		max-width:none;
		height:auto;
		aspect-ratio:16/9;
		object-position:center;
		-webkit-mask-image:none;
		mask-image:none;
		border-radius:16px;
		box-shadow:0 12px 28px rgba(8,31,74,.13);
	}
	.hg-collections__hero-media{margin-top:18px}
	.hg-collections__hero-media figcaption{display:block}
	/* Horizontal chip scroller — never shrink/overlap. */
	.hg-collections__chips{
		display:flex;
		flex-wrap:nowrap;
		justify-content:flex-start;
		align-items:stretch;
		gap:10px;
		margin:0 -16px 18px;
		padding:2px 16px 10px;
		overflow-x:auto;
		overflow-y:hidden;
		-webkit-overflow-scrolling:touch;
		scrollbar-width:none;
		overscroll-behavior-x:contain;
	}
	.hg-collections__chips::-webkit-scrollbar{display:none}
	.hg-collections__chip{
		flex:0 0 auto;
		white-space:nowrap;
		padding:10px 16px;
		font-size:var(--hg-font-size-body, 16px);
		transform:none;
	}
	.hg-collections__chip:hover,
	.hg-collections__chip.is-selected{
		transform:none;
	}
	.hg-collections__grid{grid-template-columns:1fr}
	.hg-collection-card--wide{grid-column:auto}
	.hg-collections__why-grid{grid-template-columns:repeat(2,1fr)}
	.hg-collections__popular-grid{grid-template-columns:repeat(2,1fr)}
	.hg-collections__newsletter{display:block;margin:0 16px 26px;padding:24px}
	.hg-collections__form{margin-top:18px;min-width:0}
}
@media(max-width:480px){
	.hg-collections__hero-copy{max-width:100%}
	.hg-collections h1{font-size:30px;letter-spacing:-.5px}
	.hg-collections__hero-copy p{font-size:var(--hg-font-size-body, 16px);line-height:1.55}
	.hg-collections__actions{flex-direction:column;align-items:stretch}
	.hg-collections__button{width:100%}
	.hg-collections__why-grid,
	.hg-collections__popular-grid{grid-template-columns:1fr}
	.hg-collections__form{display:block}
	.hg-collections__form input,
	.hg-collections__form button{width:100%;height:44px}
	.hg-collections__form button{margin-top:8px}
	.hg-collection-card{min-height:290px}
}
/* Tablet: keep copy clear of the right-hand image panel. */
@media(min-width:801px) and (max-width:900px){
	.hg-collections__hero-content{max-width:52%}
	.hg-collections__hero img{height:calc(100% - 212px - 26px)}
	.hg-collections__actions{gap:10px}
	.hg-collections__button{min-height:44px;padding:0 16px;font-size:14px}
}

/* Mobile QA fixes for the Collections page. Keep the section compact and
 * anchor card copy to the left edge instead of inheriting the shell's
 * centered flex alignment. */
@media(max-width:640px){
	body.page-id-2262 .hg-collections__section{
		padding-top:12px!important;
		padding-bottom:0!important;
	}
	body.page-id-2262 .hg-collections__section-title{
		margin-top:12px!important;
		margin-bottom:12px!important;
		padding-bottom:0!important;
		gap:12px!important;
		font-size:22px;
	}
	body.page-id-2262 .hg-collections__section-title:before,
	body.page-id-2262 .hg-collections__section-title:after{
		width:36px!important;
	}
	body.page-id-2262 .hg-collections__actions{
		flex-direction:column!important;
		align-items:stretch!important;
		gap:10px!important;
	}
	body.page-id-2262 .hg-collections__button{
		width:100%!important;
		min-height:46px!important;
		padding-inline:16px!important;
	}
	body.page-id-2262 .hg-collections__chips{
		display:grid!important;
		grid-template-columns:repeat(2,minmax(0,1fr))!important;
		gap:10px!important;
		margin:0 0 18px!important;
		padding:0!important;
		overflow:visible!important;
	}
	body.page-id-2262 .hg-collections__chip{
		min-width:0!important;
		padding:10px 12px!important;
		white-space:normal!important;
		transform:none!important;
	}
	body.page-id-2262 .hg-collection-card{
		justify-content:flex-start!important;
		align-items:stretch!important;
	}
	body.page-id-2262 .hg-collection-card__copy,
	body.page-id-2262 .hg-collection-card--wide .hg-collection-card__copy{
		width:auto!important;
		max-width:330px!important;
		margin:0!important;
		transform:none!important;
		padding:28px 22px!important;
	}
}

/* Featured strain links (appended SEO hub) — match Collections card language. */
body.page-id-2262 .higuppy-four-strain-links{
	width:min(100% - 40px,1180px);
	margin:8px auto 42px;
	padding:0;
}
body.page-id-2262 .higuppy-four-strain-links__title{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:18px;
	margin:0 0 18px;
	font-size:25px;
	font-weight:800;
	color:#0E2F86;
	text-align:center;
}
body.page-id-2262 .higuppy-four-strain-links__title:before,
body.page-id-2262 .higuppy-four-strain-links__title:after{
	content:"";
	height:1px;
	width:72px;
	background:linear-gradient(90deg,transparent,var(--c-orange,#FF6B35));
}
body.page-id-2262 .higuppy-four-strain-links__title:after{
	background:linear-gradient(90deg,var(--c-orange,#FF6B35),transparent);
}
body.page-id-2262 .higuppy-four-strain-links__list{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:14px;
}
body.page-id-2262 .higuppy-four-strain-links__item,
body.higuppy-site-shell.page-id-2262 a.higuppy-four-strain-links__item{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	min-height:72px;
	padding:18px 20px;
	border:1px solid #dbe7f5;
	border-radius:14px;
	background:#fff;
	box-shadow:0 5px 18px rgba(8,39,71,.05);
	color:#0E2F86!important;
	font-size:16px;
	font-weight:800;
	line-height:1.3;
	text-decoration:none!important;
	transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
body.page-id-2262 .higuppy-four-strain-links__item:after{
	content:"→";
	flex:0 0 auto;
	color:#FF6B35;
	font-weight:800;
}
body.page-id-2262 .higuppy-four-strain-links__item:hover,
body.higuppy-site-shell.page-id-2262 a.higuppy-four-strain-links__item:hover{
	border-color:#b7caf0;
	box-shadow:0 8px 24px rgba(23,71,184,.13);
	color:#1747B8!important;
	transform:translateY(-2px);
}
@media(max-width:640px){
	body.page-id-2262 .higuppy-four-strain-links{
		width:min(100% - 32px,600px);
		margin-bottom:28px;
	}
	body.page-id-2262 .higuppy-four-strain-links__title{
		font-size:22px;
		gap:12px;
	}
	body.page-id-2262 .higuppy-four-strain-links__title:before,
	body.page-id-2262 .higuppy-four-strain-links__title:after{
		width:36px;
	}
	body.page-id-2262 .higuppy-four-strain-links__list{
		grid-template-columns:1fr;
	}
}