/* ==========================================================================
   GenSparkWorldExpander v2 — mobile-first stylesheet
   Base styles target phones; min-width queries scale up to desktop.
   Palette: cream paper / forest green / ink brown, hand-drawn accents.
   ========================================================================== */

:root {
	--gwe-paper:      #f7f1e3;
	--gwe-paper-deep: #efe5cf;
	--gwe-kraft:      #e8dcc2;
	--gwe-green:      #2d4a35;
	--gwe-green-dark: #1d3a2a;
	--gwe-forest:     #16301f;
	--gwe-ink:        #2e2a24;
	--gwe-ink-soft:   #5a5347;
	--gwe-ochre:      #b5762e;
	--gwe-line:       rgba(46, 42, 36, .18);
	--gwe-font-body:  'Nunito Sans', 'Segoe UI', sans-serif;
	--gwe-font-hand:  'Caveat', 'Comic Sans MS', cursive;
	--gwe-sketch:     255px 15px 225px 15px / 15px 225px 15px 255px;
	--gwe-shadow:     0 6px 18px rgba(29, 42, 32, .12);
	--gwe-bnav-h:     64px;
	--gwe-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .22 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- Base ---------- */

body {
	background-color: var(--gwe-paper);
	background-image: var(--gwe-noise);
	color: var(--gwe-ink);
	font-family: var(--gwe-font-body);
	font-size: 16px;
	line-height: 1.6;
}

h1,
h2,
h3,
.related.products > h2 {
	font-family: var(--gwe-font-hand);
	font-weight: 700;
	color: var(--gwe-ink);
	line-height: 1.1;
	letter-spacing: .01em;
}

a { color: var(--gwe-green); }
a:hover { color: var(--gwe-ochre); }

/* Defensive layout guards — keep fixed bars fixed even if a plugin or the
   parent theme adds transforms/filters to ancestors (which breaks fixed positioning) */
html, body, #page, .site, #content, .gwe-site-content { transform: none !important; filter: none !important; perspective: none !important; }
/* overflow-x: clip (not hidden) — kills sideways scroll WITHOUT breaking
   position: sticky/fixed on the header, bottom nav, or sticky cart bar */
html, body { overflow-x: clip; }
.ast-container, .site-content .ast-container { max-width: 1280px; }
.single-product .gwe-site-content::after { content: ""; display: block; clear: both; }
.related.products, .up-sells.upsells { clear: both; }

.gwe-icon { width: 1.35em; height: 1.35em; vertical-align: -0.28em; fill: none; }

/* ---------- Buttons (brush style) ---------- */

.gwe-btn,
.wp-block-button__link,
button.button,
a.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	display: inline-block;
	background: var(--gwe-green);
	color: #fff !important;
	font-family: var(--gwe-font-hand);
	font-size: 1.5rem;
	font-weight: 600;
	letter-spacing: .03em;
	padding: .35em 1.4em;
	border: none;
	border-radius: 255px 15px 225px 15px / 15px 225px 15px 255px;
	box-shadow: 0 3px 0 var(--gwe-green-dark), var(--gwe-shadow);
	cursor: pointer;
	transition: transform .15s ease, background .15s ease;
	text-decoration: none;
}

.gwe-btn:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
	background: var(--gwe-forest);
	color: #fff !important;
	transform: translateY(-2px) rotate(-.4deg);
}

/* ==========================================================================
   HEADER — mobile-first: hamburger left, brand center, search+cart right
   ========================================================================== */

.gwe-site-header {
	position: sticky;
	top: 0;
	z-index: 300;
	transition: box-shadow .2s ease;
}
.gwe-site-header.is-scrolled { box-shadow: 0 4px 18px rgba(22, 48, 31, .18); }

.gwe-header-top {
	background: var(--gwe-paper);
	background-image: var(--gwe-noise);
	border-bottom: 3px solid var(--gwe-green);
}

.gwe-header-inner {
	max-width: 1280px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: .6rem;
	padding: .55rem .9rem .45rem;
}

.gwe-header-sprig { display: none; }

/* Brand */
.gwe-brand { flex: 1 1 auto; text-align: center; min-width: 0; }
.custom-logo-link img { max-height: 52px; width: auto; }
.gwe-logo { text-decoration: none; display: inline-block; color: var(--gwe-ink); }
.gwe-logo-main {
	display: inline-flex;
	align-items: center;
	gap: .25em;
	font-family: var(--gwe-font-hand);
	font-weight: 700;
	font-size: clamp(1.55rem, 6.5vw, 2.1rem);
	line-height: 1;
	white-space: nowrap;
}
.gwe-logo-globe { width: .85em; height: .85em; color: var(--gwe-green); flex: 0 0 auto; }
.gwe-logo-tag {
	display: block;
	font-family: var(--gwe-font-hand);
	font-size: clamp(.85rem, 3.2vw, 1.05rem);
	color: var(--gwe-ink-soft);
	white-space: nowrap;
}

/* Header actions */
.gwe-header-actions { display: flex; align-items: center; gap: .9rem; flex: 0 0 auto; }
.gwe-action {
	display: inline-flex;
	align-items: center;
	gap: .3em;
	background: none;
	border: none;
	padding: .3em;
	font-family: var(--gwe-font-body);
	font-size: .85rem;
	font-weight: 700;
	color: var(--gwe-ink);
	cursor: pointer;
	text-decoration: none;
}
.gwe-action:hover { color: var(--gwe-green); }
.gwe-action .gwe-icon { width: 1.45em; height: 1.45em; }
.gwe-action span { display: none; }            /* icons only on mobile */
.gwe-action-account { display: none; }          /* hidden on mobile (in bottom nav) */

/* Hamburger */
.gwe-nav-toggle {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	background: none;
	border: none;
	padding: .5em .35em;
	cursor: pointer;
	flex: 0 0 auto;
}
.gwe-nav-toggle span {
	display: block;
	width: 24px;
	height: 3px;
	background: var(--gwe-ink);
	margin: 2.6px 0;
	border-radius: 2px;
	transition: transform .2s ease, opacity .2s ease;
}
.gwe-nav-toggle.is-active span:nth-child(1) { transform: translateY(8.2px) rotate(45deg); }
.gwe-nav-toggle.is-active span:nth-child(2) { opacity: 0; }
.gwe-nav-toggle.is-active span:nth-child(3) { transform: translateY(-8.2px) rotate(-45deg); }
.gwe-nav-toggle em { display: none; }

/* Search row */
.gwe-search-row {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 .9rem .7rem;
}
.gwe-search-row form { display: flex; gap: .5rem; }
.gwe-search-row input[type="search"],
.gwe-search-row input[name="s"] {
	flex: 1;
	border: 2px solid var(--gwe-green);
	border-radius: var(--gwe-sketch);
	background: #fff;
	padding: .55em 1em;
	font-family: var(--gwe-font-body);
	font-size: 1rem;
}
.gwe-search-row button,
.gwe-search-row input[type="submit"] {
	background: var(--gwe-green);
	color: #fff;
	border: none;
	border-radius: 12px 4px 12px 4px;
	padding: .5em 1.2em;
	cursor: pointer;
}

/* Nav bar — on mobile the green bar is hidden; menu expands under header */
.gwe-nav-bar { background: var(--gwe-green); }
.gwe-nav-inner { max-width: 1280px; margin: 0 auto; padding: 0; }

.gwe-menu {
	list-style: none;
	margin: 0;
	padding: .4rem 0 .8rem;
	display: none;
	flex-direction: column;
}
.gwe-menu.is-open { display: flex; }
.gwe-menu a {
	display: block;
	padding: .75em 1.3em;
	color: #f2efe4;
	font-weight: 700;
	font-size: 1rem;
	text-decoration: none;
	border-left: 3px solid transparent;
}
.gwe-menu a:hover,
.gwe-menu .current-menu-item > a,
.gwe-menu .current_page_item > a { color: #fff; border-left-color: var(--gwe-paper); }
.gwe-menu .sub-menu {
	list-style: none;
	margin: 0;
	padding: 0 0 0 1.2em;
}
.gwe-menu .sub-menu a { color: #d9d4c2; font-size: .92rem; }

/* ==========================================================================
   BOTTOM NAV — mobile only
   ========================================================================== */

.gwe-bottom-nav {
	position: fixed;
	left: 0; right: 0; bottom: 0;
	z-index: 290;
	display: flex;
	background: var(--gwe-forest);
	border-top: 2px solid rgba(205, 185, 138, .4);
	height: var(--gwe-bnav-h);
	padding-bottom: env(safe-area-inset-bottom);
}
.gwe-bnav-item {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	color: #d9d4c2;
	text-decoration: none;
	font-size: .62rem;
	font-weight: 700;
	letter-spacing: .02em;
}
.gwe-bnav-item .gwe-icon { width: 1.55em; height: 1.55em; }
.gwe-bnav-item:hover, .gwe-bnav-item:focus { color: #fff; }

/* Space so content isn't hidden behind the bottom nav */
body { padding-bottom: var(--gwe-bnav-h); }

/* ==========================================================================
   HOMEPAGE — mobile-first
   ========================================================================== */

/* Hero: full-bleed photo on mobile too, with a soft paper "plate" behind
   the copy so the headline stays readable while the photo stays immersive. */

/* Peek-inside card: hidden on small phones, shown on larger screens */

/* Trust bar — 2-col icon grid on mobile */

/* Section titles */

/* Swipe rows — native horizontal scroll on mobile */
.gwe-swipe-row {
	display: flex;
	gap: .9rem;
	overflow-x: auto;
	scroll-snap-type: x proximity;
	-webkit-overflow-scrolling: touch;
	padding: .4rem 1.1rem 1rem;
	scrollbar-width: none;
}
.gwe-swipe-row::-webkit-scrollbar { display: none; }
.gwe-swipe-row > * { scroll-snap-align: start; }

/* Explore by Theme */
.gwe-theme {
	flex: 0 0 128px;
	text-align: center;
	text-decoration: none;
	color: var(--gwe-ink);
}

  /* descriptions desktop-only */

/* Featured journals */

/* Never let lazy-load placeholder styling blank the images */
.woocommerce img[data-lazy-src] { opacity: 1 !important; }

/* Values strip — 2-col grid on mobile */

/* ==========================================================================
   FOOTER
   ========================================================================== */

.gwe-site-footer {
	background: var(--gwe-forest);
	color: #e9e4d3;
	margin-top: 3rem;
}
.gwe-footer-pines {
	height: 70px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='90' viewBox='0 0 120 90'%3E%3Cg fill='%23f7f1e3' fill-opacity='.10'%3E%3Cpath d='M15 20 5 45h6L2 65h9v15h8V65h9l-9-20h6L15 20Z'/%3E%3Cpath d='M55 5 42 36h8l-11 26h11v20h10V62h11L60 36h8L55 5Z'/%3E%3Cpath d='M95 22 84 48h7l-10 22h10v16h9V70h9l-9-22h6L95 22Z'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: repeat-x;
	background-position: bottom;
	border-bottom: 1px solid rgba(233,228,211,.15);
}
.gwe-footer-inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 2rem 1.2rem;
	display: flex;
	flex-direction: column;
	gap: 1.8rem;
}
.gwe-footer-sprig { width: 44px; height: 22px; color: #cdb98a; }
.gwe-footer-logo {
	display: block;
	font-family: var(--gwe-font-hand);
	font-size: 2rem;
	font-weight: 700;
	color: #f7f1e3;
}
.gwe-footer-tag { display: block; font-family: var(--gwe-font-hand); font-size: 1.2rem; color: #cdb98a; }
.gwe-footer-motto { font-style: italic; color: #b7b09b; max-width: 26ch; margin-bottom: 0; }

.gwe-footer-menu { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .3em; }
.gwe-footer-menu a { color: #e9e4d3; text-decoration: none; font-weight: 700; }
.gwe-footer-menu a:hover { color: #cdb98a; }

.gwe-news-form label { display: flex; align-items: center; gap: .4em; font-weight: 700; margin-bottom: .5em; }

.gwe-social { display: flex; gap: .9rem; margin-top: 1rem; }
.gwe-social a { color: #e9e4d3; }
.gwe-social a:hover { color: #cdb98a; }
.gwe-social .gwe-icon { width: 1.7em; height: 1.7em; }

.gwe-footer-base {
	border-top: 1px solid rgba(233,228,211,.15);
	text-align: center;
	padding: 1rem 1.2rem 1.2rem;
	font-size: .82rem;
	color: #b7b09b;
}

/* ==========================================================================
   WOOCOMMERCE — single product (mobile-first)
   ========================================================================== */

.woocommerce .woocommerce-breadcrumb {
	font-size: .82rem;
	color: var(--gwe-ink-soft);
	padding: .9rem 0 .2rem;
}
.woocommerce .woocommerce-breadcrumb a { color: var(--gwe-green); }

/* gallery */

/* Kill the white gap below the main image: the slider viewport reserves the
   TALLEST slide's height, so mixed-ratio photos left dead space. Give every
   slide a uniform 3:4 frame and matte the photo inside it (object-fit:
   contain — journal spreads are never cropped). */

/* summary card */

.woocommerce-product-details__short-description { color: var(--gwe-ink-soft); font-size: .95rem; }
.woocommerce-product-details__short-description ul { list-style: none; padding-left: 0; }
.woocommerce-product-details__short-description ul li {
	padding-left: 1.6em;
	position: relative;
	margin-bottom: .25em;
}
.woocommerce-product-details__short-description ul li::before {
	content: "";
	position: absolute;
	left: 0; top: .32em;
	width: 1em; height: 1em;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4C10 4 4 10 4 20c10 0 16-6 16-16Z' fill='none' stroke='%232d4a35' stroke-width='2'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
}

/* feature chips — auto-fit so they never overflow the summary card */

/* qty + cart — full width button on mobile */

.gwe-delivery-note {
	display: flex;
	align-items: flex-start;
	gap: .5em;
	margin: 1rem 0 0;
	font-size: .85rem;
	line-height: 1.4;
	color: var(--gwe-ink-soft);
	border-top: 1px dashed var(--gwe-line);
	padding-top: .9rem;
}
.gwe-delivery-note .gwe-icon { color: var(--gwe-green); flex: 0 0 auto; margin-top: .1em; }

/* product meta chips */

/* tabs — full-width stacked buttons on mobile */

/* perfect-for / sample-pages panels */

/* related products — swipe row on mobile */
.related.products { margin-top: 2.8rem; }
.related.products > h2 {
	text-align: center;
	font-size: clamp(1.9rem, 7.5vw, 2.4rem);
	margin-bottom: 1.2rem;
}

/* reviews */
.woocommerce #reviews #comments ol.commentlist li .comment-text {
	border: 2px solid var(--gwe-line);
	border-radius: 4px 16px 4px 16px;
	background: #fffdf6;
}

/* sticky add-to-cart (mobile only) */
.gwe-sticky-atc {
	position: fixed;
	left: 0; right: 0;
	bottom: var(--gwe-bnav-h);
	z-index: 280;
	display: flex;
	align-items: center;
	gap: .7rem;
	background: #fffdf6;
	border-top: 2px solid var(--gwe-green);
	box-shadow: 0 -6px 18px rgba(22,48,31,.18);
	padding: .5rem .8rem;
	transform: translateY(110%);
	transition: transform .25s ease;
}
.gwe-sticky-atc.is-visible { transform: translateY(0); }
.gwe-sticky-thumb img { width: 44px; height: 44px; object-fit: cover; border-radius: 6px; border: 1px solid var(--gwe-line); display: block; }
.gwe-sticky-info { flex: 1 1 auto; min-width: 0; line-height: 1.2; }
.gwe-sticky-info strong {
	display: block;
	font-family: var(--gwe-font-hand);
	font-size: 1.15rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.gwe-sticky-price { font-family: var(--gwe-font-hand); font-weight: 700; font-size: 1.15rem; color: var(--gwe-green); }
.gwe-sticky-btn {
	flex: 0 0 auto;
	background: var(--gwe-green);
	color: #fff;
	border: none;
	border-radius: 255px 15px 225px 15px / 15px 225px 15px 255px;
	box-shadow: 0 3px 0 var(--gwe-green-dark);
	font-family: var(--gwe-font-hand);
	font-size: 1.3rem;
	font-weight: 600;
	padding: .35em 1.1em;
	cursor: pointer;
}
.gwe-sticky-btn:active { transform: translateY(1px); }

/* ==========================================================================
   HOMEPAGE v3 — landing-page sections
   ========================================================================== */

/* hero tagline under button */

/* generic image placeholder block (shown until a Customizer image is set) */

/* --- 3. What is a World Expander --- */

/* --- 4. Process steps --- */

/* --- 5. Components --- */

/* --- 6. Spotlight --- */

/* --- product card upgrades (meta row + CTA) --- */

/* --- 9. Formats --- */

.gwe-btn-sm { font-size: 1.2rem; }

/* --- 10. FAQ accordion --- */

.gwe-faq-list { max-width: 760px; margin: 0 auto; display: flex; flex-direction: column; gap: .6rem; }
.gwe-faq-item {
	background: #fffdf6;
	border: 2px solid var(--gwe-ink);
	border-radius: 12px 4px 12px 4px;
	box-shadow: 3px 4px 0 rgba(46,42,36,.12);
	overflow: hidden;
}
.gwe-faq-item summary {
	cursor: pointer;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: .8rem 1.1rem;
	font-family: var(--gwe-font-hand);
	font-size: 1.35rem;
	font-weight: 700;
}
.gwe-faq-item summary::-webkit-details-marker { display: none; }
.gwe-faq-plus {
	flex: 0 0 auto;
	width: 28px; height: 28px;
	display: inline-flex; align-items: center; justify-content: center;
	background: var(--gwe-green);
	color: #fff;
	border-radius: 50%;
	font-size: 1.2rem;
	transition: transform .2s ease;
}
.gwe-faq-item[open] .gwe-faq-plus { transform: rotate(45deg); }
.gwe-faq-answer { padding: 0 1.1rem .9rem; color: var(--gwe-ink-soft); font-size: .95rem; }
.gwe-faq-answer p { margin: 0; }

/* --- v3 mobile section re-order (per landing-page funnel) --- */

/* --- v3 tablet/desktop enhancements --- */

/* CART, CHECKOUT, MY ACCOUNT: moved to assets/css/forms.css (v6.5). */

/* ==========================================================================
   BLOG / POSTS
   ========================================================================== */

.single-post .post {
	background: #fffdf6;
	border: 2px solid var(--gwe-ink);
	border-radius: var(--gwe-sketch);
	box-shadow: 4px 5px 0 rgba(46,42,36,.15);
	padding: 1.3rem 1.4rem;
	margin-bottom: 1.8rem;
}

.entry-content a { text-decoration: underline; text-underline-offset: 3px; }
.wp-block-quote, blockquote {
	border-left: 4px solid var(--gwe-green);
	background: var(--gwe-paper-deep);
	border-radius: 0 14px 14px 0;
	padding: 1em 1.4em;
	font-style: italic;
}

/* ==========================================================================
   DESKTOP (≥ 860px) — nav bar visible, bottom nav hidden, hero side-by-side
   ========================================================================== */

@media (min-width: 860px) {
	body { padding-bottom: 0; }
	.gwe-bottom-nav { display: none; }
	.gwe-sticky-atc { display: none; }

	/* header layout */
	.gwe-header-inner { padding: .9rem 1.5rem .6rem; gap: 1rem; }
	.gwe-nav-toggle { display: none; }
	.gwe-header-sprig { display: block; color: var(--gwe-green); opacity: .8; flex: 0 0 auto; }
	.gwe-header-sprig .gwe-icon { width: 42px; height: 22px; }
	.gwe-sprig-right { transform: scaleX(-1); }
	.gwe-logo-main { font-size: clamp(2rem, 4vw, 2.9rem); }
	.gwe-logo-tag { font-size: clamp(1rem, 2vw, 1.35rem); }
	.gwe-action span { display: inline; }
	.gwe-action-account { display: inline-flex; }
	.gwe-header-actions { gap: 1.2rem; }
	.gwe-action .gwe-icon { width: 1.25em; height: 1.25em; }

	/* nav bar */
	.gwe-nav-inner { padding: 0 1.5rem; }
	.gwe-menu {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		padding: 0;
	}
	.gwe-menu li { position: relative; }
	.gwe-menu a {
		padding: .8em 1.4em;
		font-size: .95rem;
		letter-spacing: .04em;
		border-left: none;
		border-bottom: 3px solid transparent;
	}
	.gwe-menu a:hover,
	.gwe-menu .current-menu-item > a,
	.gwe-menu .current_page_item > a { border-bottom-color: var(--gwe-paper); border-left: none; }
	.gwe-menu .sub-menu {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		min-width: 200px;
		background: var(--gwe-paper);
		border: 2px solid var(--gwe-green);
		border-radius: 4px 18px 4px 18px;
		padding: .4em 0;
		z-index: 50;
		box-shadow: var(--gwe-shadow);
	}
	.gwe-menu li:hover > .sub-menu { display: block; }
	.gwe-menu .sub-menu a { color: var(--gwe-ink); border: none; padding: .5em 1.2em; }
	.gwe-menu .sub-menu a:hover { color: var(--gwe-green); }

	/* hero: photo becomes background behind a soft cream scrim, copy left */

	   /* desktop uses the background-image version */

	/* trust bar inline with dividers */

	/* theme circles: static row, larger, with descriptions */
	
	.gwe-theme { flex: 0 1 150px; }

	/* featured journals: 5-across grid */

	/* values strip inline */

	/* footer side by side */
	.gwe-footer-inner { flex-direction: row; justify-content: space-between; align-items: flex-start; gap: 2.5rem; padding: 2.5rem 1.5rem; }
	.gwe-footer-brand { flex: 1 1 240px; }
	.gwe-footer-news { flex: 1 1 280px; }
	.gwe-footer-pines { height: 90px; }

	/* shop grid 5 across */

	/* single product: two columns restored */

	/* tabs back to folder style */

	/* related products static grid */

	.related.products > h2 { font-size: clamp(2rem, 4vw, 2.8rem); }

	/* blog cards roomier */
	.single-post .post { padding: 1.6rem 2rem; margin-bottom: 2rem; }
}

/* Large desktop */
@media (min-width: 1100px) {
	.gwe-theme { flex-basis: 160px; }
}

/* Accessibility */
.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
}
.skip-link:focus {
	position: fixed !important;
	top: 8px; left: 8px;
	width: auto; height: auto;
	clip: auto;
	background: var(--gwe-green);
	color: #fff;
	padding: .6em 1.2em;
	z-index: 999;
	border-radius: 4px;
}

/* ==========================================================================
   SHOP PAGE v3.1 — curated shopping experience
   ========================================================================== */

/* hide the redundant "Shop" page title (belt & braces with the PHP filter) */

/* --- upgraded shop/loop cards --- */

/* ==========================================================================
   SINGLE PRODUCT v3.1 — decision-zone upgrades
   ========================================================================== */

/* fact chips under the rating */

/* best-review pull-quote card (washi tape, slight tilt) */
.gwe-review-quote {
	position: relative;
	background: #fffdf6;
	border: 2px solid var(--gwe-ink);
	border-radius: 6px 18px 6px 18px;
	box-shadow: 3px 4px 0 rgba(46,42,36,.15);
	padding: 1rem 1.2rem .9rem;
	margin: 1.1rem 0 0;
	transform: rotate(-.6deg);
}
.gwe-review-quote::before {
	content: "";
	position: absolute;
	top: -11px; left: 50%;
	width: 90px; height: 22px;
	transform: translateX(-50%) rotate(-1.5deg);
	background: rgba(205, 185, 138, .55);
	border-left: 1px dashed rgba(46,42,36,.25);
	border-right: 1px dashed rgba(46,42,36,.25);
}
.gwe-review-quote .star-rating { color: var(--gwe-ochre); }
.gwe-review-quote p { font-family: var(--gwe-font-hand); font-size: 1.3rem; line-height: 1.25; margin: .3rem 0 .2rem; }
.gwe-review-quote cite { font-style: normal; font-size: .82rem; color: var(--gwe-ink-soft); }

/* guarantee line */

/* What's Inside — swipeable gallery cards */