:root {

		/* =========================================================
			 TYPOGRAPHY & CORE THEME SETTINGS (ROOT 1 – UNIQUE)
			 ========================================================= */

		--theme-font-family: var(--theme-font-stack-default);
		--theme-font-weight: 400;
		--theme-text-transform: none;
		--theme-text-decoration: none;
		--theme-font-size: 16px;
		--theme-line-height: 1.65;
		--theme-letter-spacing: 0em;

		--theme-button-font-weight: 500;
		--theme-button-font-size: 15px;

		--has-classic-forms: var(--true);
		--has-modern-forms: var(--false);

		/* =========================================================
			 ASPECT RATIOS (ROOT 1)
			 ========================================================= */

		--wp--preset--aspect-ratio--square: 1;
		--wp--preset--aspect-ratio--4-3: 4/3;
		--wp--preset--aspect-ratio--3-4: 3/4;
		--wp--preset--aspect-ratio--3-2: 3/2;
		--wp--preset--aspect-ratio--2-3: 2/3;
		--wp--preset--aspect-ratio--16-9: 16/9;
		--wp--preset--aspect-ratio--9-16: 9/16;

		/* =========================================================
			 BLOCKSY PALETTE (ROOT 2 – OVERRIDES)
			 ========================================================= */
		--theme-palette-color-0 :var(--primary); 
		--theme-palette-color-1: #ff6f91;
		--theme-palette-color-2: #e84a5f;
		--theme-palette-color-3: #ff4d4f;
		--theme-palette-color-4: #ffd6de;
		--theme-palette-color-5: #fff1f4;
		--theme-palette-color-6: #5f5f6e;
		--theme-palette-color-7: #2b2b3a;
		--theme-palette-color-8: #ffffff;

		/* =========================================================
			 SEMANTIC COLORS (ROOT 2 – PRIORITY)
			 ========================================================= */

		--primary: var(--theme-palette-color-1);
		--primary-hover: var(--theme-palette-color-2);
		--accent: var(--theme-palette-color-3);
		--accent-soft: var(--theme-palette-color-4);

		--light-bg: var(--theme-palette-color-5);
		--text-base: var(--theme-palette-color-6);
		--text-heading: var(--theme-palette-color-7);
		--white: var(--theme-palette-color-8);
			--primary-alt: var(--primary)
		--black: #000000;
		--dark: #222222;
		--darkgrey: #111111;

		--danger: #e53935;
		--success: #00b894;
		--bg2 :#bcb8d8;

		/* =========================================================
			 TEXT, LINKS & UI (ROOT 2 OVERRIDES)
			 ========================================================= */

		--theme-text-color: var(--text-base);
		--theme-headings-color: var(--text-heading);

		--theme-link-initial-color: var(--primary);
		--theme-link-hover-color: var(--primary-hover);

		--theme-selection-text-color: var(--white);
		--theme-selection-background-color: var(--primary);

		/* =========================================================
			 BORDERS & FORMS (MERGED)
			 ========================================================= */

		--theme-border-color: var(--accent-soft);

		--theme-form-field-border-initial-color: var(--accent-soft);
		--theme-form-field-border-focus-color: var(--primary);
		--theme-form-selection-field-initial-color: var(--accent-soft);
		--theme-form-selection-field-active-color: var(--primary);

		--border-light: #dddddd;
		--border-soft: #f1c2c7;

		/* =========================================================
			 BUTTONS (ROOT 2 PRIORITY)
			 ========================================================= */

		--theme-button-min-height: 40px;
		--theme-button-border: none;
		--theme-button-transform: none;

		--theme-button-text-initial-color: var(--white);
		--theme-button-text-hover-color: var(--white);

		--theme-button-background-initial-color: var(--accent);
		--theme-button-background-hover-color: var(--primary-hover);

		--theme-button-padding: 14px 28px;
		--theme-button-border-radius: 28px;

		--theme-button-shadow:
			0 8px 20px rgba(255, 77, 79, 0.25);

		/* =========================================================
			 SHADOWS
			 ========================================================= */
		--plp-hero-bg: var(--theme-palette-color-2);
		--plp-hero-text : var(--theme-palette-color-8);
		--shadow-soft: rgba(0, 0, 0, 0.06);
		--shadow-border: rgba(44, 62, 80, 0.05);
		--shadow-cta: rgba(255, 77, 79, 0.25);

		/* =========================================================
			 BACKGROUNDS & SECTIONS
			 ========================================================= */

		--site-background: var(--white);
		--section-background-soft: var(--light-bg);
		--card-background: var(--white);

		/* =========================================================
			 HEADER / FOOTER (ROOT 1 + ROOT 2)
			 ========================================================= */

		--header-menu-underline: var(--primary);
		--topbar-bg: var(--darkgrey);

		--footer-background: var(--primary-hover);
		--footer-text: var(--white);
		--footer-link: var(--white);
		--footer-link-hover: var(--accent-soft);
		--footer-border-color: var(--primary-hover);
		--footer-shadow-color: rgba(44, 62, 80, 0.05);

		/* =========================================================
			 EMAIL SIGNUP
			 ========================================================= */

		--signup-gradient-start: #ff6f7d;
		--signup-gradient-end: #ff8fa3;
		--signup-text: var(--white);
		--signup-form-bg: var(--white);

		/* =========================================================
			 GOOGLE REVIEWS
			 ========================================================= */

		--review-card-bg: var(--white);
		--review-shadow: rgba(0, 0, 0, 0.06);

		--rating-number-color: var(--text-heading);
		--rating-text-color: var(--theme-text-color);
		--star-color: #f5b301;

		--google-btn-bg: #ff4d4f;
		--google-btn-bg-hover: #e84a5f;

		/* =========================================================
			 WOOCOMMERCE
			 ========================================================= */

		--wc-price-color: var(--text-heading);
		--wc-sale-badge-bg: var(--primary);
		--wc-sale-badge-text: var(--white);
		--wc-rating-star-color: #f4a261;

		--wc-input-border: var(--accent-soft);
		--wc-input-focus: var(--primary);

		/* =========================================================
			 DARK MODE
			 ========================================================= */

		--dark-bg: #1f1f2e;
		--dark-card-bg: #2b2b3a;
		--dark-text: #eaeaf0;
		--dark-border: #3a3a4d;

		/* Font scale – semantic + scalable */
		--fs-xs: 12px;
		--fs-sm: 14px;
		--fs-md: 16px;   /* base */
		--fs-lg: 18px;
		--fs-xl: 20px;
		--fs-2xl: 24px;
		--fs-3xl: 30px;
		--fs-4xl: 36px;
		--fs-5xl: 42px;
		/* Spacing – 8pt rhythm */
		--sp-2xs: 4px;
		--sp-xs: 8px;
		--sp-sm: 12px;
		--sp-md: 16px;
		--sp-lg: 24px;
		--sp-xl: 32px;
		--sp-2xl: 48px;
		--sp-3xl: 64px;
		--sp-4xl: 80px;

		/* Border radius */
		--radius-sm: 6px;
		--radius-md: 10px;
		--radius-lg: 18px;
		--radius-xl: 28px;
		--radius-round: 50%;
		--alignment : left;


        --img-border-color: var(--border-light);
		--remove-btn-bg: var(--danger);
		--remove-btn-text: var(--white);
		--danger-bg: var(--danger);
		--danger-text: var(--white);
		--light-alt: var(--light-bg);
		--btn-primary-bg: var(--primary);
		--btn-primary-text: var(--white);
	}


	/* =========================================================
		 RESET
		 ========================================================= */
	body {
		margin: 0;
		padding: 0;
		background: var(--white);
	}

	/* =========================================================
		 HEADER / MENU
		 ========================================================= */

	[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a {
		--theme-text-transform: none;
		--theme-font-weight: 300;
	}

	[data-header*="type-1"] .ct-header [data-id="menu"] a::after {
		content: '';
		position: absolute;
		bottom: -6px;
		left: 0;
		width: 0;
		height: 2px;
		background: var(--primary);
		transition: .3s;
	}

	.ct-header [data-id="menu"] a:hover::after,
	.ct-header [data-id="menu"] a[aria-current="page"]::after {
		width: 100%;
	}


	/* =========================================================
		 TOP BAR
		 ========================================================= */

	.top-bar {
		background: var(--darkgrey);
		color: var(--white);
		font-size: 13px;
	}

	.top-bar-inner {
		display: flex;
		justify-content: space-between;
		padding: 8px 20px;
	}
	#header{
		border-bottom: solid 1px var(--primary);
	    position: fixed!important;
        width: 100%;
	}
	 #main-container .site-main {
        margin-top: 156px;
    }
    @media (max-width: 768px) {
        #main-container .site-main {
            margin-top: 95px;
        }
    }


	/* ================= HEADER / MENU ================= */
	[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a {
		--theme-text-transform: none;
		--theme-font-weight: 300;
		margin: 0 10px;
	}

	[data-header*="type-1"] .ct-header [data-id="menu"] a::after {
		content: '';
		position: absolute;
		bottom: -6px;
		left: 0;
		width: 0;
		height: 2px;
		background: var(--header-menu-underline);
		transition: .3s;
	}

	.ct-header [data-id="menu"] a:hover::after,
	.ct-header [data-id="menu"] a[aria-current="page"]::after {
		width: 100%;
	}

	/* ================= TOP BAR ================= */
	.top-bar {
		background: var(--topbar-bg);
		color: var(--footer-text);
		font-size: 13px;
	}

	.top-bar-inner {
		display: flex;
		justify-content: space-between;
		padding: 8px 20px;
	}

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

	#footer [data-row="middle"] {
	    background: var(--white);
		border-top: 1px solid var(--primary-dark);
		border-bottom: 1px solid var(--primary-dark);
		box-shadow: 4px 35px 16px 29px var(--shadow-border);
	}

	.footer-bottom {
		color: var(--white);
	}

	/* ================= FOOTER CONTENT ================= */
	.footer-col h4,
	.footer-col a,
	.footer-col p {
		color: var(--footer-text);
	}
	.footer-col ul{
			margin: 0;
			padding: 0;
			list-style-type: none;
	}
	.footer-col a {
		text-decoration: none;
		transition: .3s;
		padding: 5px 0;
	display: block;
	}

	/* ================= TRUST STRIP ================= */
	.footer-trust {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px;
		padding: 20px;
		text-align: center;
		color: var(--black);
	}
    .footer-middle {
        margin-bottom:0
    }

@media (min-width:1024px) and (max-width:1200px) {
  .ct-menu-link {
    max-width: 115px;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
	margin: 0 5px !important;
  }
}