/*!
 * Theme Name: Turnifure
 * Theme URI: https://turnifure.com/
 * Author: Turnifure
 * Author URI: https://turnifure.com/
 * Description: High-performance minimalist theme for Turnifure parametric furniture platform.
 * Version: 1.0.5
 * Tested up to: 7.0.2
 * Requires PHP: 8.0
 * License: GNU General Public License v2 or later
 * License URI: LICENSE
 * Text Domain: turnifure
 * Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 *
 * Based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
 */

/*--------------------------------------------------------------
 > *>> TABLE OF CONTENTS:
 ----------------------------------------------------------------
 # Generic
 - Normalize
 - Box sizing
 # Base
 - Typography
 - Elements
 - Links
 - Forms
 ## Layouts
 # Components
 - Navigation
 - Posts and pages
 - Comments
 - Widgets
 - Media
 - Captions
 - Galleries
 # plugins
 - Jetpack infinite scroll
 # Utilities
 - Accessibility
 - Alignments

 --------------------------------------------------------------*/

/*--------------------------------------------------------------
 # * Generic
 --------------------------------------------------------------*/

/* Normalize
 -*-------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
 * ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
	background-color: #000000;
}

/* Sections
 * ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
 * ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
	text-decoration: none;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
 * ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
 * ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
 * ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
 * ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
 -*-------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
 @*link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

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

/* Local Fonts -------------------------------------------- */
@font-face {
	font-family: 'Grape Nuts';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('fonts/grape-nuts-v7-latin-regular.woff2') format('woff2');
}

@font-face {
	font-family: 'Rajdhani';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('fonts/rajdhani-v17-latin-500.woff2') format('woff2');
}

/* Variables ---------------------------------------------- */
:root {
	--font-h1: 'Grape Nuts', cursive;
	--font-body: 'Rajdhani', sans-serif;

	/* Base Scaling Factor (Change this to scale all fonts globally) */
	--base-font-size: 1.125rem; /* ~18px if default is 16px */

	/* Multipliers */
	--scale-h: 1.3;
	--scale-p: 1.1;

	/* Layout Widths & Gutters */
	--container-max-width: 1680px; /* Expands canvas to utilize high-res laptop displays */
	--content-max-width: 840px;
	--container-padding: clamp(1rem, 2.5vw, 3rem);

	--accent_color: #0098ff;
	--hover_color: #ff6700;
	--logo-line-color: #bfbfbf;
	--transition_time: 0.1s;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.5;
}

@media (max-width: 768px) {
	:root {
		--scale-h: 1.3;
		--scale-p: 1.3;
		--accent_color: #0098ff;
		--hover_color: #ff6700;
	}
}

/* Typography --------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: var(--font-body);
	font-weight: 400;
	font-size: var(--base-font-size);
	line-height: 1.5;
}

/* Dynamic Headings */
h1,
.page-title,
.section-heading {
	font-family: var(--font-h1);
	font-size: calc(clamp(2.0rem, 1.5rem + 2.5vw, 3.5rem) * var(--scale-h));
	font-weight: 400;
	line-height: 1.15;
	clear: both;
	margin-block-start: 1.5em;
	margin-block-end: 0.5em;
}

h2,
.col_title {
	font-family: var(--font-body);
	font-size: calc(clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem) * var(--scale-h));
	line-height: 1.2;
	font-weight: 400;
	clear: both;
	margin-block-start: 1.75em;
	margin-block-end: 0.5em;
}

h3 {
	font-family: var(--font-body);
	font-size: calc(clamp(1.25rem, 1.1rem + 0.8vw, 1.625rem) * var(--scale-h));
	line-height: 1.3;
	font-weight: 400;
	text-align: center;
	clear: both;
	margin-block-start: 1.75em;
	margin-block-end: 0.5em;
}

h4 {
	font-family: var(--font-body);
	font-size: calc(clamp(1.125rem, 1rem + 0.5vw, 1.375rem) * var(--scale-h));
	line-height: 1.35;
	font-weight: 400;
	clear: both;
	margin-block-start: 1.5em;
	margin-block-end: 0.5em;
}

h5 {
	font-family: var(--font-body);
	font-size: calc(clamp(0.8rem, 0.95rem + 0.3vw, 1.125rem) * var(--scale-h));
	line-height: 1.6;
	font-weight: 400;
	clear: both;
	margin-block-start: 1.5em;
	margin-block-end: 0.5em;
}

h6 {
	clear: both;
	margin-block-start: 1.5em;
	margin-block-end: 0.5em;
}

p {
	margin-block-start: 0;
	margin-block-end: 1.5rem;
}

.plan_items {
	text-align: left;
}

/* Optional but recommended: Prevent double-spacing at the top of containers */
h1:first-child, h2:first-child, h3:first-child, 
h4:first-child, h5:first-child, h6:first-child,
p:first-child {
	margin-block-start: 0;
}

.plan_items p {
	font-family: var(--font-body);
	font-size: calc(clamp(1.0rem, 0.95rem + 0.3vw, 1.125rem) * var(--scale-p));
	line-height: 1.6;
	font-weight: 400;
	margin: 3px 0;
	color: #222222;
}

@media (min-width: 992px) {
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
 -*-------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 1.25rem;
	padding-left: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
 -*-------------------------------------------- */
/* 1. Base / Paragraph Links */
a,
p a {
	color: var(--accent_color);
	transition: color var(--transition_time) ease-in-out;
}

a:hover,
a:focus,
a:active,
p a:hover,
p a:focus,
p a:active {
	color: var(--hover_color);
	outline: 0;
}

/* 2. Heading Links (Handles both <h2><a> and <a><h2>) */
:is(h1, h2, h3, h4, h5, h6, .entry-title, .page-title, .section-heading, .col_title) a,
a:has(:is(h1, h2, h3, h4, h5, h6, .entry-title, .page-title, .section-heading, .col_title)) {
	color: #222222;
	text-decoration: none;
	transition: color var(--transition_time) ease-in-out;
}

:is(h1, h2, h3, h4, h5, h6, .entry-title, .page-title, .section-heading, .col_title) a:hover,
:is(h1, h2, h3, h4, h5, h6, .entry-title, .page-title, .section-heading, .col_title) a:focus,
a:has(:is(h1, h2, h3, h4, h5, h6, .entry-title, .page-title, .section-heading, .col_title)):hover,
a:has(:is(h1, h2, h3, h4, h5, h6, .entry-title, .page-title, .section-heading, .col_title)):focus {
	color: var(--hover_color);
	text-decoration: none;
}

/* Forms & Buttons ----------------------------------- */
.btn,
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	display: inline-block;
	font-family: var(--font-body), sans-serif;
	font-weight: 600;
	line-height: 1.5;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	background-color: var(--accent_color);
	border: none;
	border-radius: 25px;
	padding: 0.5rem 1.25rem;
	font-size: 1rem;
	cursor: pointer;
	transition: background-color var(--transition_time) ease, color var(--transition_time) ease;
}

.btn:hover,
.btn:focus,
.button:hover,
.button:focus,
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	color: #ffffff;
	background-color: var(--hover_color);
	border: none;
	outline: 0;
}

.btn-primary {
	color: #ffffff;
	font-size: 1.2rem;
	padding: 0.625rem 1.5rem;
	min-width: 15rem;
}


/* Multi-Step Form (MSF) ---------------------------------- */
.msf-container {
	margin: 0 auto;
	width: 100%;
}

.msf-form {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
}

.msf-label {
	display: block;
	margin-bottom: 0.625rem;
	font-weight: 700;
}

.msf-input-group {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.msf-email-input {
	height: 48px;
	width: 260px;
	padding-left: 15px;
	font-size: 1.2rem;
	border: none;
	border-radius: 25px 0 0 25px;
}

.msf-submit-button {
	height: 48px;
	width: 100px;
	padding: 0 15px;
	font-size: 1.2rem;
	color: #ffffff;
	background-color: var(--accent_color);
	border: none;
	border-radius: 0 25px 25px 0;
	cursor: pointer;
	transition: background-color var(--transition_time) ease;
}

.msf-submit-button:hover,
.msf-submit-button:focus {
	background-color: var(--hover_color);
	color: #ffffff;
}

.msf-submit-button:disabled,
.msf-submit-button:disabled[disabled] {
	background-color: #aaaaaa;
	cursor: not-allowed;
}

.msf-feedback {
	font-size: 1.2rem;
	text-align: center;
	padding: 12px 15px;
	border-radius: 5px;
	margin-top: 1rem;
}

.msf-feedback.msf-error {
	display: block !important;
	background-color: #f8d7da;
	color: #721c24;
	border: 1px solid #f5c6cb;
}

.msf-feedback.msf-success {
	display: block !important;
	background-color: #d4edda;
	color: #155724;
	border: 1px solid #c3e6cb;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
 * # Layouts
 * --------------------------------------------------------------*/

/* Base site wrapper */
.site {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

/* Global Content Container (1440px max-width) */
.site-header,
.site-content,
.site-main {
	width: 100%;
	max-width: var(--container-max-width);
	margin-inline: auto;
	padding-inline: var(--container-padding);
	box-sizing: border-box;
}

/* Push footer to bottom */
.site-content {
	flex: 1 0 auto;
}

/* Ensure main content containers expand across the full available canvas */
.entry-content,
.single-post .entry-content,
.woocommerce,
.woocommerce-page,
.woocommerce-page .entry-content,
.woocommerce .entry-content {
	max-width: 100%;
	width: 100%;
}

/* Wide container utility (ModMaker UI, product catalogs, tables) */
.alignwide,
.wide-container {
	max-width: var(--container-max-width);
	width: 100%;
}

/* Full-width breakout utility */
.alignfull,
.full-width {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding-inline: var(--container-padding);
}

/*--------------------------------------------------------------
 * # Components
 * --------------------------------------------------------------*/

/* Dynamic SVG Logo Handling ------------------------------ */
:root {
	--logo-line-color: #bfbfbf;
	--logo-text-color: #111111;
}

.tflogoSVGContainer {
	display: inline-flex;
	align-items: center;
	line-height: 0;
	margin-left: -7px;
}

.tflogo-svg {
	display: block;
	width: 240px;
	height: auto;
	aspect-ratio: 65 / 15;
	max-width: 100%;
}

.logo-lines {
	stroke: var(--logo-line-color);
	stroke-width: 0.264583;
	fill: none;
}

.logo-text,
.logo-text-group,
.logo-text-group path {
	fill: var(--logo-text-color);
}

.logo-text {
	stroke-width: 0.451128;
}

.logo-text-group path {
	stroke-width: 0.451168;
}

/* Dark Background Context Overrides */
.bg_black,
.whiteoverblack {
	--logo-line-color: #595959;
	--logo-text-color: #ffffff;
}

/* Opt-in / Waitlist Section ------------------------------ */
.opt-in-section {
	background-color: #eeeeee;
	padding-block: 3rem;
	text-align: center;
}

.opt-in-inner {
	max-width: var(--content-max-width);
	margin-inline: auto;
	padding-inline: var(--container-padding);
}

.opt-in-heading {
	font-size: calc(clamp(1.2rem, 1.1rem + 0.5vw, 1.5rem) * var(--scale-h));
	margin: 0 auto 0.5rem;
}

.opt-in-subheading {
	font-size: 1.25rem;
	margin: 0 0 1rem;
	text-align: center;
}

.opt-in-form-row {
	display: flex;
	justify-content: center;
	margin-top: 1rem;
}

/* Site Footer (Full-bleed Black Background) --------------- */
#colophon.site-footer,
.site-footer.bg_black {
	width: 100% !important;
	max-width: 100% !important;
	background-color: #000000 !important;
	color: #ffffff;
	padding-top: 3.5rem;
	padding-bottom: 2rem;
	margin-top: auto;
	box-sizing: border-box;
}

.footer-container {
	width: 100%;
	max-width: var(--container-max-width);
	margin-inline: auto;
	padding-inline: var(--container-padding);
	box-sizing: border-box;
}

.footer-row {
	display: grid !important;
	grid-template-columns: 1fr;
	gap: 2.5rem;
	text-align: center;
	box-sizing: border-box;
}

@media screen and (min-width: 769px) {
	.footer-row {
		grid-template-columns: 1.3fr 1fr 1fr !important;
		text-align: left;
		align-items: start;
	}
}

.footer-col-brand .tflogoSVGContainer {
	margin-left: -5px;
	margin-bottom: 0.5rem;
}

.social-icon-container {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	margin-top: 0.5rem;
}

.footer-col-title {
	text-transform: uppercase;
	margin-bottom: 0.75rem;
	text-align: center;
}

@media (min-width: 768px) {
	.social-icon-container {
		justify-content: flex-start;
	}
	.footer-col-title {
		text-align: left;
	}
}

.footer-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 1.8;
}

.footer-col a {
	color: #bfbfbf;
	text-decoration: none;
	transition: color var(--transition_time) ease-in-out;
}

.footer-col a:hover,
.footer-col a:focus {
	color: var(--hover_color);
}

.footer-separator {
	border: 0;
	border-top: 1px solid #333333;
	margin: 1.25rem 0;
}

.footer-bottom-bar {
	margin-top: 3rem;
	padding-top: 1.5rem;
	border-top: 1px solid #1a1a1a;
	text-align: center;
}

.copyright-notice {
	font-size: 0.95rem;
	color: #888888;
	margin: 0;
}

/* WooCommerce Layout & Responsive Grids -------------------- */
/* ==========================================================================
 *  WooCommerce UI & Shop Elements
 *  ========================================================================== */

.product-thumbnail {
	display: none;
}

.woocommerce div.product div.images img,
.has-post-thumbnail {
	border: none;
}

.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] {
	background-color: #aaaaaa !important;
}

.onsale {
	visibility: hidden;
}

.price {
	color: #41980a !important;
	font-size: 2em !important;
}

.carticon {
	vertical-align: middle;
}

.carticon:hover {
	fill: var(--hover_color) !important;
}

.fa-shopping-cart {
	font-size: 1.2em !important;
	margin-top: 1px !important;
}

#coupon_code {
padding: 1.6em !important;
}

#place_order {
float: left !important;
}

.wc-forward {
	padding: 6px 12px !important;
}

.single_add_to_cart_button {
	min-width: 200px !important;
}

.limited-subscription-notice {
	color: var(--hover_color);
	font-weight: 600;
}

/* Product Variations Table */
.variations td {
	padding-bottom: 0 !important;
}

.variations th {
	min-width: 140px;
}

.variations select {
	width: 180px;
	padding: 5px 15px !important;
	margin: auto;
}

.variations label {
	margin: 0.5em 0;
}

/* Single Product Title Font Override */
.single-product .entry-title {
	font-family: var(--font-body);
	font-weight: 500;
}

/* Single Product Page: Gallery & Summary 2-Column Split */
.woocommerce div.product {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(1.5rem, 3vw, 3rem);
	align-items: flex-start;
}

.woocommerce div.product div.images.woocommerce-product-gallery {
	flex: 1 1 500px;
	max-width: 100%;
	float: none;
	margin: 0;
}

.woocommerce div.product div.summary {
	flex: 1 1 420px;
	float: none;
	margin: 0;
}

/* Single Product Full-Width Below-Fold Sections */
.woocommerce div.product .woocommerce-tabs,
.woocommerce div.product .woocommerce-Tabs-panel--description,
.woocommerce div.product .related.products,
.woocommerce div.product .upsells.products {
	flex: 1 1 100%;
	width: 100%;
	max-width: 100%;
	clear: both;
}

.woocommerce div.product .woocommerce-Tabs-panel--description {
	display: block !important;
	padding-top: 1.5rem;
}

/* Tab Panels & Tab Navigation */
.woocommerce-tabs ul.tabs {
	display: flex;
	gap: 0.5rem;
	padding: 0;
	margin: 2rem 0 0;
	list-style: none;
	border-bottom: 1px solid #ccc;
}

.woocommerce-tabs ul.tabs li {
	margin: 0;
	padding: 0.5rem 1rem;
}

.woocommerce-tabs .woocommerce-Tabs-panel {
	width: 100%;
	max-width: 100%;
	padding: 1.5rem 0;
}

/* Product Gallery Thumbnail Strip */
.woocommerce-product-gallery .flex-control-thumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	padding: 0;
	margin: 0.75rem 0 0;
	list-style: none;
}

.woocommerce-product-gallery .flex-control-thumbs li {
	flex: 1 0 calc(25% - 0.5rem);
	max-width: calc(25% - 0.5rem);
	margin: 0;
	box-sizing: border-box;
}

/* Product Catalog / Archive Loop Grid (columns-3 & defaults) */
.woocommerce ul.products {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: clamp(1rem, 2vw, 2rem);
	padding: 0;
	margin: 1.5rem 0;
	list-style: none;
}

/* Neutralize WooCommerce Clearfix pseudo-elements that act as empty grid items */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce .products ul::before,
.woocommerce .products ul::after {
	content: none !important;
	display: none !important;
}

@media (min-width: 992px) {
	.woocommerce.columns-3 ul.products,
	.woocommerce ul.products.columns-3 {
		grid-template-columns: repeat(3, 1fr);
	}

	.woocommerce.columns-4 ul.products,
	.woocommerce ul.products.columns-4 {
		grid-template-columns: repeat(4, 1fr);
	}
}

.woocommerce ul.products li.product {
	text-align: center;
	width: 100% !important;
	float: none !important;
	margin: 0 !important;
	display: flex;
	flex-direction: column;
}
.woocommerce h2 {
	font-size: 1.5em !important;
	padding: 0 !important;
}
.woocommerce ul.products li.product a img {
	margin-bottom: 0;
}

/* Navigation & Header Layout ----------------------------- */
.site-header {
	position: relative;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1rem;
	width: 100%;
	max-width: var(--container-max-width);
	margin-inline: auto;
	padding-inline: var(--container-padding);
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	background-color: #ffffff;
	box-sizing: border-box;
}

.site-branding {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	line-height: 1;
}

.main-navigation {
	margin-top: 20px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-grow: 1;
	width: auto;
}

/* Desktop Horizontal Menu List */
.main-navigation ul {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: clamp(1rem, 2vw, 2.25rem);
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-navigation li {
	position: relative;
	margin: 0;
	padding: 0;
}

.main-navigation a,
.main-navigation a:visited,
.site-header a,
.site-header a:visited,
.plan_subtitle {
	display: inline-block;
	color: #111111;
	text-decoration: none;
	font-family: var(--font-body);
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: 500;
	padding: 0.5rem 0;
	transition: color var(--transition_time) ease-in-out;
}

.main-navigation a:hover,
.main-navigation a:focus {
	color: var(--hover_color);
}

.main-navigation .current-menu-item > a {
	color: var(--accent_color);
}

/* Dropdown Menus */
.main-navigation ul ul {
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
	display: flex;
	flex-direction: column;
	background: #ffffff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	padding: 0.5rem 0;
	min-width: 180px;
	gap: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: auto;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul a {
	width: 100%;
	padding: 0.5rem 1rem;
}

/* Modern Animated Mobile Hamburger Toggle */
.menu-toggle {
	display: none;
	background: transparent !important;
	border: none;
	padding: 8px;
	margin: 0;
	cursor: pointer;
	outline: none;
	box-shadow: none;
	transition: opacity var(--transition_time) ease;
}

.menu-toggle:focus,
.menu-toggle:active {
	background-color: transparent !important;
	outline: none;
}

.menu-toggle .hamburger-box {
	display: inline-block;
	position: relative;
	width: 26px;
	height: 20px;
}

.menu-toggle .hamburger-inner,
.menu-toggle .hamburger-inner::before,
.menu-toggle .hamburger-inner::after {
	position: absolute;
	width: 26px;
	height: 2.5px;
	background-color: #111111;
	border-radius: 3px;
	transition: transform 0.25s ease, top 0.25s ease, opacity 0.25s ease, background-color var(--transition_time) ease;
}

.menu-toggle .hamburger-inner {
	top: 50%;
	transform: translateY(-50%);
	display: block;
}

.menu-toggle .hamburger-inner::before,
.menu-toggle .hamburger-inner::after {
	content: "";
	display: block;
}

.menu-toggle .hamburger-inner::before {
	top: -8px;
}

.menu-toggle .hamburger-inner::after {
	top: 8px;
}

/* Hover & Focus State */
.menu-toggle:hover .hamburger-inner,
.menu-toggle:hover .hamburger-inner::before,
.menu-toggle:hover .hamburger-inner::after,
.menu-toggle:focus .hamburger-inner,
.menu-toggle:focus .hamburger-inner::before,
.menu-toggle:focus .hamburger-inner::after {
	background-color: var(--accent_color);
}

/* Morph to "X" when open / toggled */
.main-navigation.toggled .menu-toggle .hamburger-inner {
	background-color: transparent !important;
}

.main-navigation.toggled .menu-toggle .hamburger-inner::before {
	top: 0;
	transform: rotate(45deg);
	background-color: #111111;
}

.main-navigation.toggled .menu-toggle .hamburger-inner::after {
	top: 0;
	transform: rotate(-45deg);
	background-color: #111111;
}

/* Mobile Responsive Drawer Layout */
@media screen and (max-width: 768px) {
	.plan_items,
	.trending-col-details {
		text-align: center;
	}
	
	.site-header {
		padding-top: 0.75rem;
		padding-bottom: 0.75rem;
	}

	.menu-toggle {
		display: block;
	}

	.main-navigation {
		width: auto;
		order: 2;
		flex-grow: 0;
	}

	.main-navigation ul {
		display: none;
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
		padding: 0.5rem 0;
		border-top: 1px solid #eee;
	}

	.main-navigation.toggled ul {
		display: flex;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		z-index: 99999;
		background-color: #ffffff;
		padding-inline: var(--container-padding);
		box-sizing: border-box;
		box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
	}

	.main-navigation li {
		width: 100%;
	}

	.main-navigation a {
		display: block;
		width: 100%;
		padding: 0.65rem 0;
		border-bottom: 1px solid #f5f5f5;
	}

	.main-navigation ul ul {
		position: static;
		box-shadow: none;
		padding-left: 1rem;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* ==========================================================================
 *  BLOG & ARCHIVE 2-COLUMN LEFT SIDEBAR LAYOUT
 *  ========================================================================== */

/* Main 2-Column Grid on Standard Blog & Standard Archives Only (Excluding WooCommerce) */
:is(.blog, .archive:not(.woocommerce-page):not(.woocommerce), .search:not(.woocommerce-page):not(.woocommerce)) .site-content {
	display: grid;
	grid-template-columns: 260px 1fr;
	gap: clamp(2rem, 3.5vw, 4rem);
	align-items: start;
	padding-top: 2rem;
	padding-bottom: 4rem;
}

:is(.blog, .archive:not(.woocommerce-page):not(.woocommerce), .search:not(.woocommerce-page):not(.woocommerce)) #secondary.widget-area {
	grid-column: 1;
	grid-row: 1;
	margin: 0;
	padding-right: 1.5rem;
	border-right: 1px solid #f0f0f0;
}

:is(.blog, .archive:not(.woocommerce-page):not(.woocommerce), .search:not(.woocommerce-page):not(.woocommerce)) #primary {
	grid-column: 2;
	grid-row: 1;
	margin: 0;
	padding: 0;
	max-width: 100%;
}

@media screen and (max-width: 860px) {
	:is(.blog, .archive:not(.woocommerce-page):not(.woocommerce), .search:not(.woocommerce-page):not(.woocommerce)) .site-content {
		grid-template-columns: 1fr;
	}

	:is(.blog, .archive:not(.woocommerce-page):not(.woocommerce), .search:not(.woocommerce-page):not(.woocommerce)) #secondary.widget-area {
		grid-column: 1;
		grid-row: 2;
		border-right: none;
		border-top: 1px solid #f0f0f0;
		padding-top: 2rem;
	}

	:is(.blog, .archive:not(.woocommerce-page):not(.woocommerce), .search:not(.woocommerce-page):not(.woocommerce)) #primary {
		grid-column: 1;
		grid-row: 1;
	}
}

/* Ensure WooCommerce views use a clean 100% block layout */
.woocommerce-page .site-content,
.woocommerce .site-content {
	display: block !important;
	width: 100%;
}

.woocommerce-page #primary,
.woocommerce #primary,
.woocommerce-page .site-main,
.woocommerce .site-main {
	width: 100% !important;
	max-width: 100% !important;
}

/* Sidebar Widget Styling */
.widget-area .widget {
	margin-bottom: 2.25rem;
}

.widget-area a {
	text-decoration: none;
}

.widget-area .widget-title {
	font-family: var(--font-body);
	font-size: 1.35rem;
	font-weight: 500;
	margin-bottom: 0.85rem;
	color: #222222;
	border: none;
}

.widget-area ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.widget-area li {
	margin-bottom: 0.6rem;
	line-height: 1.35;
}

/* Sidebar widgets inherit global link rules */

/* Blog Post Cards */
.blog-post-card {
	margin-bottom: 3.5rem;
	padding-bottom: 2.5rem;
	border-bottom: 1px solid #f2f2f2;
}

.blog-post-card .entry-title {
	font-family: var(--font-body);
	font-weight: 500;
	line-height: 1.2;
	margin: 0 0 0.4rem;
}

/* Blog title links inherit heading rules */

.blog-post-card .edit-link a {
	font-size: 0.8rem;
	font-weight: 400;
	margin-left: 0.5rem;
	color: #0098ff;
}

/* Post Meta Line */
.blog-post-card .entry-meta {
	font-family: var(--font-body);
	font-size: 0.95rem;
	color: #666666;
	margin-bottom: 1.25rem;
}

.blog-post-card .entry-meta a {
	color: #0098ff;
	text-decoration: none;
}

.blog-post-card .entry-meta a:hover {
	text-decoration: underline;
}

.blog-post-card .meta-sep {
	color: #999999;
	margin: 0 0.25rem;
}

/* Split Card Thumbnail and Excerpt */
.entry-summary-wrapper {
	display: flex;
	gap: 1.75rem;
	align-items: flex-start;
}

.post-thumbnail-wrapper {
	flex: 0 0 280px;
	max-width: 280px;
}

.blog-card-thumbnail {
	width: 100%;
	height: auto;
	border-radius: 12px;
	display: block;
	object-fit: cover;
}

.entry-summary-text {
	flex: 1 1 auto;
}

.entry-summary-text p {
	line-height: 1.55;
	color: #333333;
	margin-bottom: 0.75rem;
}

.read-more-link {
	display: inline-block;
	color: #0098ff;
	font-weight: 500;
	text-decoration: none;
	margin-top: 0.25rem;
}

.read-more-link:hover {
	text-decoration: underline;
	color: var(--hover_color);
}

@media screen and (max-width: 600px) {
	.entry-summary-wrapper {
		flex-direction: column;
	}

	.post-thumbnail-wrapper {
		flex: 1 1 auto;
		max-width: 100%;
		width: 100%;
	}
}

/* Posts and pages
 -*-------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
 -*-------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
 -*-------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
 -*-------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
 -*-------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
 -*-------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

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

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
 # * Plugins
 --------------------------------------------------------------*/

/* Jetpack infinite scroll
 -*-------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
 # * Utilities
 --------------------------------------------------------------*/

/* Accessibility
 -*-------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
outline: 0;
}

.micro,
.micro p {
	font-size: 0.9rem;
	margin-top: 5px;
	padding: 0;
}

/* Alignments
 -*-------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/* Release constraints for the full-width home template */
.page-template-template-home .site-content,
.page-template-template-home-test .site-content,
.page-template-clean-no-wordpress-template .site-content,
.page-template-template-home .site-main--home,
.page-template-template-home-test .site-main--home,
.page-template-clean-no-wordpress-template .site-main--home {
	max-width: 100% !important;
	padding-inline: 0 !important;
	width: 100% !important;
}

/* ==========================================================================
 *  Home Page Components (template-home.php)
 *  ========================================================================== */

/* Container & Global Helpers */
.home-container {
	width: 100%;
	max-width: var(--container-max-width);
	margin-inline: auto;
	padding-inline: var(--container-padding);
	box-sizing: border-box;
}

.text-center {
	text-align: center;
}

.mobileonly {
	display: inline;
}

@media screen and (min-width: 769px) {
	.mobileonly {
		display: none !important;
	}
}

.bg-tinted {
	background-color: #fafafa;
}

.page-section {
	padding: 4rem 0;
	overflow: hidden;
}

.narrow-page-section {
	padding: 2rem 0;
	overflow: hidden;
}

/* 1. Hero / ATF Scanline Overlay & Ken Burns Animations */
section.atf {
	height: calc(100svh - 100px);
	min-height: 500px;
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #111111;
}

/* Dark Vignette & Scanline Masking Overlay */
section.atf::after {
	content: '';
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background:
	radial-gradient(circle at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.7) 100%),
	repeating-linear-gradient(
		0deg,
		rgba(0, 0, 0, 0.1) 0px,
							  rgba(0, 0, 0, 0.4) 1px,
							  transparent 3px,
						   transparent 5px
	);
	z-index: 3;
	pointer-events: none;
}

.hero-content-overlay {
	position: relative;
	z-index: 4;
	text-align: center;
	color: #ffffff;
	padding: 2rem 1rem;
}

section.atf h1.hero-h1 {
	margin: auto auto 10px;
	max-width: 60vw;
	font-size: calc(clamp(2.5rem, 2rem + 2.5vw, 3.5rem) * var(--scale-h));
	text-shadow: 0 0 20px #000000;
	color: #ffffff;
}

section.atf h5.hero-lead {
	max-width: 80vw;
	margin: auto auto 20px;
	font-size: calc(clamp(1.0rem, 0.95rem + 0.3vw, 1.125rem) * var(--scale-h));
	line-height: 1.4;
	text-shadow: 0 0 20px #000000;
	color: #ffffff;
}

section.atf .btn {
	color: #ffffff;
	margin-top: 20px;
}

/* Slideshow Layers */
section.atf .kenburns-container {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background-color: #111111;
	overflow: hidden;
	pointer-events: none;
	z-index: 0;
}

section.atf .kenburns-slide,
section.atf img.kenburns-slide {
	position: absolute;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	min-width: 100% !important;
	min-height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: cover !important;
	object-position: center center !important;
	transform-origin: center center;
	opacity: 0;
	z-index: 1;
}

section.atf picture.kenburns-slide > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	display: block;
}

section.atf .kenburns-slide.active,
section.atf img.kenburns-slide.active {
	opacity: 1 !important;
	z-index: 2;
}

.kenburns-slide.is-rotating {
	transition: opacity 1.8s ease-in-out;
}

.kenburns-slide.exiting {
	opacity: 0;
	z-index: 1;
}

/* Desktop Direction Animations */
@media (min-width: 768px) {
	.kenburns-slide.animating.kb-dir-h1 { animation: kb-d-zoom-in-tl 8s cubic-bezier(0.25, 1, 0.5, 1) forwards; }
	.kenburns-slide.animating.kb-dir-h2 { animation: kb-d-zoom-out-br 8s cubic-bezier(0.25, 1, 0.5, 1) forwards; }
	.kenburns-slide.animating.kb-dir-h3 { animation: kb-d-pan-left 8s cubic-bezier(0.25, 1, 0.5, 1) forwards; }
	.kenburns-slide.animating.kb-dir-h4 { animation: kb-d-pan-right 8s cubic-bezier(0.25, 1, 0.5, 1) forwards; }
	.kenburns-slide.animating.kb-dir-h5 { animation: kb-d-zoom-in-tr 8s cubic-bezier(0.25, 1, 0.5, 1) forwards; }
	.kenburns-slide.animating.kb-dir-h6 { animation: kb-d-zoom-out-bl 8s cubic-bezier(0.25, 1, 0.5, 1) forwards; }
}

@keyframes kb-d-zoom-in-tl {
	0%   { transform: scale(1.00) translate(0%, 0%); }
	100% { transform: scale(1.08) translate(-1.5%, -1.5%); }
}
@keyframes kb-d-zoom-out-br {
	0%   { transform: scale(1.08) translate(-1.5%, -1.5%); }
	100% { transform: scale(1.00) translate(0%, 0%); }
}
@keyframes kb-d-pan-left {
	0%   { transform: scale(1.06) translate(2%, 0%); }
	100% { transform: scale(1.06) translate(-2%, 0%); }
}
@keyframes kb-d-pan-right {
	0%   { transform: scale(1.06) translate(-2%, 0%); }
	100% { transform: scale(1.06) translate(2%, 0%); }
}
@keyframes kb-d-zoom-in-tr {
	0%   { transform: scale(1.00) translate(0%, 0%); }
	100% { transform: scale(1.08) translate(1.5%, -1.5%); }
}
@keyframes kb-d-zoom-out-bl {
	0%   { transform: scale(1.08) translate(1.5%, -1.5%); }
	100% { transform: scale(1.00) translate(0%, 0%); }
}

/* Mobile Direction Animations */
@media (max-width: 767px) {
	.kenburns-slide.animating.kb-dir-v1 { animation: kb-m-pan-up 8s cubic-bezier(0.25, 1, 0.5, 1) forwards; }
	.kenburns-slide.animating.kb-dir-v2 { animation: kb-m-pan-down 8s cubic-bezier(0.25, 1, 0.5, 1) forwards; }
	.kenburns-slide.animating.kb-dir-v3 { animation: kb-m-zoom-in 8s cubic-bezier(0.25, 1, 0.5, 1) forwards; }
	.kenburns-slide.animating.kb-dir-v4 { animation: kb-m-zoom-out 8s cubic-bezier(0.25, 1, 0.5, 1) forwards; }
	.kenburns-slide.animating.kb-dir-v5 { animation: kb-m-diag-up-right 8s cubic-bezier(0.25, 1, 0.5, 1) forwards; }
	.kenburns-slide.animating.kb-dir-v6 { animation: kb-m-diag-down-left 8s cubic-bezier(0.25, 1, 0.5, 1) forwards; }
}

@keyframes kb-m-pan-up {
	0%   { transform: scale(1.06) translate(0%, 2%); }
	100% { transform: scale(1.06) translate(0%, -2%); }
}
@keyframes kb-m-pan-down {
	0%   { transform: scale(1.06) translate(0%, -2%); }
	100% { transform: scale(1.06) translate(0%, 2%); }
}
@keyframes kb-m-zoom-in {
	0%   { transform: scale(1.00) translate(0%, 0%); }
	100% { transform: scale(1.08) translate(0%, -1.5%); }
}
@keyframes kb-m-zoom-out {
	0%   { transform: scale(1.08) translate(0%, -1.5%); }
	100% { transform: scale(1.00) translate(0%, 0%); }
}
@keyframes kb-m-diag-up-right {
	0%   { transform: scale(1.02) translate(-2%, 2%); }
	100% { transform: scale(1.08) translate(2%, -2%); }
}
@keyframes kb-m-diag-down-left {
	0%   { transform: scale(1.08) translate(2%, -2%); }
	100% { transform: scale(1.02) translate(-2%, 2%); }
}

/* 2. Section: Trending Model */
.section-trending {
	padding: 3rem 0;
}

.trending-card {
	max-width: 810px;
	margin: 0 auto;
}

.trending-split {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem;
	align-items: center;
	margin-top: 1.5rem;
}

@media screen and (min-width: 768px) {
	.trending-split {
		grid-template-columns: 1fr 1fr;
		text-align: left;
	}
}

.trending-col-img img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	display: block;
	margin: 0 auto;
}

.trending-col-details .plan_items {
	margin-bottom: 1.5rem;
}

/* 3. Section: ModMaker Demo */
.modmaker-section {
	padding: 3rem 0;
}

.modmaker-caption {
	margin-top: 1.5rem;
	color: #333333;
}

.tm-sup {
	color: #555555;
	font-family: Arial, sans-serif;
	font-size: 0.35em;
	top: -1.2em;
}

/* 4. Section: Featured Models Grid */
.featured-models-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2.5rem;
	margin-top: 2rem;
}

@media screen and (min-width: 768px) {
	.featured-models-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

.featured-model-card a {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
	color: inherit;
}

.featured-model-card img {
	max-width: 100%;
	height: auto;
	margin: 1rem auto;
	border-radius: 6px;
}

/* 5. Section: Value Proposition Split */
.valueprop-section {
	padding-top: 0;
}

.valueprop-split {
	display: grid;
	grid-template-columns: 1fr;
	min-height: 430px;
}

@media screen and (min-width: 768px) {
	.valueprop-split {
		grid-template-columns: 1fr 2fr;
	}
}

.valueprop-img-col {
	min-height: 320px;
	background-color: #fafafa;
	background-image: url('/wp-content/uploads/2026/02/turnifure-com-sec-value-prop-960-WebP-QF70.webp');
	background-size: cover;
	background-position: center right;
}

.valueprop-text-col {
	background-color: #000000;
	color: #ffffff;
	padding: clamp(2rem, 4vw, 3.5rem);
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.valueprop-content h4 {
	color: #ffffff;
	margin-bottom: 1.5rem;
	max-width: 800px;
}

.masthead-features {
	list-style: none;
	padding: 0;
	margin: 1.5rem 0 2rem;
	line-height: 1.8;
}

.pass-subnote {
	opacity: 0.8;
}

/* 6. Section: Pricing Tiers Grid */
.tiers-section {
	padding: 0 var(--container-padding) 4rem;
}

.tiers-subheading {
	margin-bottom: 2.5rem;
	color: #666666;
}

.tiers-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 1.5rem;
	margin-bottom: 3rem;
}

.tier-card {
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background-color: #ffffff;
	text-align: center;
}

.tier-card--highlight {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.tier-card--dark {
	background-color: #2d3748;
	color: #ffffff;
	border-color: #2d3748;
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}

.tier-card--dark h3 {
	color: #ffffff;
}

.tier-card--dark p {
	color: #cbd5e0;
}

.tier-badge {
	display: inline-block;
	padding: 4px 12px;
	border-radius: 20px;
	font-size: 0.8rem;
	font-weight: 700;
	text-transform: uppercase;
}

.badge-starter { background-color: #e2e8f0; color: #4a5568; }
.badge-single  { background-color: #ebf8ff; color: #2b6cb0; }
.badge-pass    { background-color: #4fd1c5; color: #234e52; }

.tier-price {
	font-size: 1.4rem;
	font-weight: 700;
	margin: 0.5rem 0 1rem;
	color: #333333;
}

.tier-card--dark .tier-price {
	color: #ffffff;
}

.tier-footer-text {
	margin-top: 1.5rem;
	min-height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #888888;
	font-weight: 600;
}

.tier-footer-cta {
	margin-top: 1.5rem;
}

.conversion-pixel {
	height: 1px;
	width: 100%;
	opacity: 0;
	pointer-events: none;
}