/* site.css - faithful bundle of index.html CSS (inline + linked), original order */

/* ===== inline block ===== */

			.lazyload,
			.lazyloading {
				max-width: 100%;
			}
		

/* ===== inline block ===== */

img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */


/* ===== inline block ===== */


	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */


/* ===== inline block ===== */

.wp-block-audio :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio :where(figcaption){color:#ffffffa6}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed :where(figcaption){color:#ffffffa6}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:#ffffffa6}:root :where(.wp-block-image figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme :root :where(.wp-block-image figcaption){color:#ffffffa6}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote :where(cite),.wp-block-pullquote :where(footer),.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote:where(.has-text-align-right){border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote:where(.has-text-align-center){border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote:where(.is-style-plain){border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table :where(figcaption){color:#ffffffa6}.wp-block-video :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video :where(figcaption){color:#ffffffa6}.wp-block-video{margin:0 0 1em}:root :where(.wp-block-template-part.has-background){margin-bottom:0;margin-top:0;padding:1.25em 2.375em}
/*# sourceURL=/wp-includes/css/dist/block-library/theme.min.css */


/* ===== inline block ===== */

/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */


/* ===== inline block ===== */

/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
/* editor and front end */
.wp-block-tiptip-hyperlink-group-block, .wp-block-tiptip-hyperlink-group-block a p {
  cursor: pointer;
  display: block;
  color: var(--color-text, none);
  background-color: var(--color-bkg, none);
}
.wp-block-tiptip-hyperlink-group-block:hover, .wp-block-tiptip-hyperlink-group-block a p:hover {
  background-color: var(--color-bkg-hover, none);
}

/*# sourceMappingURL=style-index.css.map*/
/*# sourceURL=/wp-content/plugins/hyperlink-group-block/build/style-index.css */


/* ===== inline block ===== */

.wp-block-outermost-icon-block{display:flex;line-height:0}.wp-block-outermost-icon-block.has-border-color{border:none}.wp-block-outermost-icon-block .has-icon-color svg,.wp-block-outermost-icon-block.has-icon-color svg{color:currentColor}.wp-block-outermost-icon-block .has-icon-color:not(.has-no-icon-fill-color) svg,.wp-block-outermost-icon-block.has-icon-color:not(.has-no-icon-fill-color) svg{fill:currentColor}.wp-block-outermost-icon-block .icon-container{box-sizing:border-box}.wp-block-outermost-icon-block a,.wp-block-outermost-icon-block svg{height:100%;transition:transform .1s ease-in-out;width:100%}.wp-block-outermost-icon-block a:hover{transform:scale(1.1)}.wp-block-outermost-icon-block svg{transform:rotate(var(--outermost--icon-block--transform-rotate,0deg)) scaleX(var(--outermost--icon-block--transform-scale-x,1)) scaleY(var(--outermost--icon-block--transform-scale-y,1))}.wp-block-outermost-icon-block .rotate-90,.wp-block-outermost-icon-block.rotate-90{--outermost--icon-block--transform-rotate:90deg}.wp-block-outermost-icon-block .rotate-180,.wp-block-outermost-icon-block.rotate-180{--outermost--icon-block--transform-rotate:180deg}.wp-block-outermost-icon-block .rotate-270,.wp-block-outermost-icon-block.rotate-270{--outermost--icon-block--transform-rotate:270deg}.wp-block-outermost-icon-block .flip-horizontal,.wp-block-outermost-icon-block.flip-horizontal{--outermost--icon-block--transform-scale-x:-1}.wp-block-outermost-icon-block .flip-vertical,.wp-block-outermost-icon-block.flip-vertical{--outermost--icon-block--transform-scale-y:-1}.wp-block-outermost-icon-block .flip-vertical.flip-horizontal,.wp-block-outermost-icon-block.flip-vertical.flip-horizontal{--outermost--icon-block--transform-scale-x:-1;--outermost--icon-block--transform-scale-y:-1}

/*# sourceURL=/wp-content/plugins/icon-block/build/style.css */


/* ===== inline block ===== */

.wp-block-wpspices-marquee-carousel{box-sizing:border-box;overflow:hidden}.wp-block-wpspices-marquee-carousel:not(.alignfull){width:100%}.wp-block-wpspices-marquee-carousel .wp-block-wpspices-marquee-carousel-slide-group:not(.block-editor-block-list__block),.wp-block-wpspices-marquee-carousel:not(.has-child-selected) .wp-block-wpspices-marquee-carousel-slide-group{animation:playmarquee var(--wpspices--marquee-carousel-anim-duration,15s) linear infinite;-webkit-animation:playmarquee var(--wpspices--marquee-carousel-anim-duration,15s) linear infinite;display:inline-flex;transition:var(--wpspices--marquee-carousel-anim-duration,15s);width:-moz-max-content;width:max-content;will-change:transform}.wp-block-wpspices-marquee-carousel .wp-block-wpspices-marquee-carousel-slide-group:not(.block-editor-block-list__block) .wp-block-image img,.wp-block-wpspices-marquee-carousel:not(.has-child-selected) .wp-block-wpspices-marquee-carousel-slide-group .wp-block-image img{max-width:-moz-max-content;max-width:max-content}.wp-block-wpspices-marquee-carousel .wp-block-wpspices-marquee-carousel-slide .wp-block-image{margin:0}@keyframes playmarquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}

/*# sourceURL=/wp-content/plugins/marquee-carousel/build/style-index.css */


/* ===== linked: css/style-a5cbe0.css ===== */
/**!!
 * Theme Name:     Systeller (Storefront)
 * Author:         Markerita
 * Template:       storefront
 * Text Domain:	   systeller-storefront
 * Description:    Theme created by Markerita for Systeller.
 * Author URI:     https://www.markerita.in/
 * Version:        1.0.4
 */

body.policies .content-area {
	max-width: 900px;
	padding: 24px;
	margin-left: auto !important;
	margin-right: auto !important;
}

body.policies main.site-main > article > header > .entry-title {
	text-align: center;
}

/* ===== inline block ===== */


				.wp-block-button__link:not(.has-text-color) {
					color: #333333;
				}

				.wp-block-button__link:not(.has-text-color):hover,
				.wp-block-button__link:not(.has-text-color):focus,
				.wp-block-button__link:not(.has-text-color):active {
					color: #333333;
				}

				.wp-block-button__link:not(.has-background) {
					background-color: #eeeeee;
				}

				.wp-block-button__link:not(.has-background):hover,
				.wp-block-button__link:not(.has-background):focus,
				.wp-block-button__link:not(.has-background):active {
					border-color: #d5d5d5;
					background-color: #d5d5d5;
				}

				.wc-block-grid__products .wc-block-grid__product .wp-block-button__link {
					background-color: #eeeeee;
					border-color: #eeeeee;
					color: #333333;
				}

				.wp-block-quote footer,
				.wp-block-quote cite,
				.wp-block-quote__citation {
					color: #6d6d6d;
				}

				.wp-block-pullquote cite,
				.wp-block-pullquote footer,
				.wp-block-pullquote__citation {
					color: #6d6d6d;
				}

				.wp-block-image figcaption {
					color: #6d6d6d;
				}

				.wp-block-separator.is-style-dots::before {
					color: #333333;
				}

				.wp-block-file a.wp-block-file__button {
					color: #333333;
					background-color: #eeeeee;
					border-color: #eeeeee;
				}

				.wp-block-file a.wp-block-file__button:hover,
				.wp-block-file a.wp-block-file__button:focus,
				.wp-block-file a.wp-block-file__button:active {
					color: #333333;
					background-color: #d5d5d5;
				}

				.wp-block-code,
				.wp-block-preformatted pre {
					color: #6d6d6d;
				}

				.wp-block-table:not( .has-background ):not( .is-style-stripes ) tbody tr:nth-child(2n) td {
					background-color: #fdfdfd;
				}

				.wp-block-cover .wp-block-cover__inner-container h1:not(.has-text-color),
				.wp-block-cover .wp-block-cover__inner-container h2:not(.has-text-color),
				.wp-block-cover .wp-block-cover__inner-container h3:not(.has-text-color),
				.wp-block-cover .wp-block-cover__inner-container h4:not(.has-text-color),
				.wp-block-cover .wp-block-cover__inner-container h5:not(.has-text-color),
				.wp-block-cover .wp-block-cover__inner-container h6:not(.has-text-color) {
					color: #000000;
				}

				.wc-block-components-price-slider__range-input-progress,
				.rtl .wc-block-components-price-slider__range-input-progress {
					--range-color: #7f54b3;
				}

				/* Target only IE11 */
				@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
					.wc-block-components-price-slider__range-input-progress {
						background: #7f54b3;
					}
				}

				.wc-block-components-button:not(.is-link) {
					background-color: #333333;
					color: #ffffff;
				}

				.wc-block-components-button:not(.is-link):hover,
				.wc-block-components-button:not(.is-link):focus,
				.wc-block-components-button:not(.is-link):active {
					background-color: #1a1a1a;
					color: #ffffff;
				}

				.wc-block-components-button:not(.is-link):disabled {
					background-color: #333333;
					color: #ffffff;
				}

				.wc-block-cart__submit-container {
					background-color: #ffffff;
				}

				.wc-block-cart__submit-container::before {
					color: rgba(220,220,220,0.5);
				}

				.wc-block-components-order-summary-item__quantity {
					background-color: #ffffff;
					border-color: #6d6d6d;
					box-shadow: 0 0 0 2px #ffffff;
					color: #6d6d6d;
				}
			
/*# sourceURL=storefront-gutenberg-blocks-inline-css */


/* ===== inline block ===== */

:root{--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;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 14px;--wp--preset--font-size--medium: 23px;--wp--preset--font-size--large: 26px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--normal: 16px;--wp--preset--font-size--huge: 37px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-normal-font-size{font-size: var(--wp--preset--font-size--normal) !important;}.has-huge-font-size{font-size: var(--wp--preset--font-size--huge) !important;}
:root :where(.wp-block-icon svg){width: 24px;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
/*# sourceURL=global-styles-inline-css */


/* ===== linked: css/style-a5cbe0.css ===== */
/**!!
 * Theme Name:     Systeller (Storefront)
 * Author:         Markerita
 * Template:       storefront
 * Text Domain:	   systeller-storefront
 * Description:    Theme created by Markerita for Systeller.
 * Author URI:     https://www.markerita.in/
 * Version:        1.0.4
 */

body.policies .content-area {
	max-width: 900px;
	padding: 24px;
	margin-left: auto !important;
	margin-right: auto !important;
}

body.policies main.site-main > article > header > .entry-title {
	text-align: center;
}

/* ===== inline block ===== */

.woocommerce form .form-row .required { visibility: visible; }
/*# sourceURL=woocommerce-inline-inline-css */


/* ===== linked: css/style-a5cbe0.css ===== */
/**!!
 * Theme Name:     Systeller (Storefront)
 * Author:         Markerita
 * Template:       storefront
 * Text Domain:	   systeller-storefront
 * Description:    Theme created by Markerita for Systeller.
 * Author URI:     https://www.markerita.in/
 * Version:        1.0.4
 */

body.policies .content-area {
	max-width: 900px;
	padding: 24px;
	margin-left: auto !important;
	margin-right: auto !important;
}

body.policies main.site-main > article > header > .entry-title {
	text-align: center;
}

/* ===== inline block ===== */


			.main-navigation ul li a,
			.site-title a,
			ul.menu li a,
			.site-branding h1 a,
			button.menu-toggle,
			button.menu-toggle:hover,
			.handheld-navigation .dropdown-toggle {
				color: #333333;
			}

			button.menu-toggle,
			button.menu-toggle:hover {
				border-color: #333333;
			}

			.main-navigation ul li a:hover,
			.main-navigation ul li:hover > a,
			.site-title a:hover,
			.site-header ul.menu li.current-menu-item > a {
				color: #747474;
			}

			table:not( .has-background ) th {
				background-color: #f8f8f8;
			}

			table:not( .has-background ) tbody td {
				background-color: #fdfdfd;
			}

			table:not( .has-background ) tbody tr:nth-child(2n) td,
			fieldset,
			fieldset legend {
				background-color: #fbfbfb;
			}

			.site-header,
			.secondary-navigation ul ul,
			.main-navigation ul.menu > li.menu-item-has-children:after,
			.secondary-navigation ul.menu ul,
			.storefront-handheld-footer-bar,
			.storefront-handheld-footer-bar ul li > a,
			.storefront-handheld-footer-bar ul li.search .site-search,
			button.menu-toggle,
			button.menu-toggle:hover {
				background-color: #ffffff;
			}

			p.site-description,
			.site-header,
			.storefront-handheld-footer-bar {
				color: #404040;
			}

			button.menu-toggle:after,
			button.menu-toggle:before,
			button.menu-toggle span:before {
				background-color: #333333;
			}

			h1, h2, h3, h4, h5, h6, .wc-block-grid__product-title {
				color: #333333;
			}

			.widget h1 {
				border-bottom-color: #333333;
			}

			body,
			.secondary-navigation a {
				color: #6d6d6d;
			}

			.widget-area .widget a,
			.hentry .entry-header .posted-on a,
			.hentry .entry-header .post-author a,
			.hentry .entry-header .post-comments a,
			.hentry .entry-header .byline a {
				color: #727272;
			}

			a {
				color: #7f54b3;
			}

			a:focus,
			button:focus,
			.button.alt:focus,
			input:focus,
			textarea:focus,
			input[type="button"]:focus,
			input[type="reset"]:focus,
			input[type="submit"]:focus,
			input[type="email"]:focus,
			input[type="tel"]:focus,
			input[type="url"]:focus,
			input[type="password"]:focus,
			input[type="search"]:focus {
				outline-color: #7f54b3;
			}

			button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button {
				background-color: #eeeeee;
				border-color: #eeeeee;
				color: #333333;
			}

			button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .widget a.button:hover {
				background-color: #d5d5d5;
				border-color: #d5d5d5;
				color: #333333;
			}

			button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .widget-area .widget a.button.alt {
				background-color: #333333;
				border-color: #333333;
				color: #ffffff;
			}

			button.alt:hover, input[type="button"].alt:hover, input[type="reset"].alt:hover, input[type="submit"].alt:hover, .button.alt:hover, .widget-area .widget a.button.alt:hover {
				background-color: #1a1a1a;
				border-color: #1a1a1a;
				color: #ffffff;
			}

			.pagination .page-numbers li .page-numbers.current {
				background-color: #e6e6e6;
				color: #636363;
			}

			#comments .comment-list .comment-content .comment-text {
				background-color: #f8f8f8;
			}

			.site-footer {
				background-color: #f0f0f0;
				color: #6d6d6d;
			}

			.site-footer a:not(.button):not(.components-button) {
				color: #333333;
			}

			.site-footer .storefront-handheld-footer-bar a:not(.button):not(.components-button) {
				color: #333333;
			}

			.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6, .site-footer .widget .widget-title, .site-footer .widget .widgettitle {
				color: #333333;
			}

			.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title {
				color: #000000;
			}

			.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content {
				color: #000000;
			}

			@media screen and ( min-width: 768px ) {
				.secondary-navigation ul.menu a:hover {
					color: #595959;
				}

				.secondary-navigation ul.menu a {
					color: #404040;
				}

				.main-navigation ul.menu ul.sub-menu,
				.main-navigation ul.nav-menu ul.children {
					background-color: #f0f0f0;
				}

				.site-header {
					border-bottom-color: #f0f0f0;
				}
			}
/*# sourceURL=storefront-style-inline-css */


/* ===== linked: css/style-a5cbe0.css ===== */
/**!!
 * Theme Name:     Systeller (Storefront)
 * Author:         Markerita
 * Template:       storefront
 * Text Domain:	   systeller-storefront
 * Description:    Theme created by Markerita for Systeller.
 * Author URI:     https://www.markerita.in/
 * Version:        1.0.4
 */

body.policies .content-area {
	max-width: 900px;
	padding: 24px;
	margin-left: auto !important;
	margin-right: auto !important;
}

body.policies main.site-main > article > header > .entry-title {
	text-align: center;
}

/* ===== linked: css/main.css ===== */
@charset "UTF-8";
:root {
  --breakpoints-xs: $breakpoints.$xs;
  --breakpoints-sm: $breakpoints.$sm;
  --breakpoints-md: $breakpoints.$md;
  --breakpoints-lg: $breakpoints.$lg;
  --breakpoints-xl: $breakpoints.$xl;
  --breakpoints-xxl: $breakpoints.$xxl;
}

:root {
  --common-black: #000000;
  --common-white: #ffffff;
  --primary-main: #e39d00;
  --primary-light: #ffe082;
  --primary-dark: #d08400;
  --primary-contrast-text: #ffffff;
  --secondary-main: #132238;
  --secondary-light: #424e5f;
  --secondary-dark: #0d1727;
  --secondary-contrast-text: #ffffff;
  --info-main: #0288d1;
  --info-light: #03a9f4;
  --info-dark: #01579b;
  --info-contrast-text: #ffffff;
  --gray-50: #fafafa;
  --gray-100: #f5f5f5;
  --gray-200: #eeeeee;
  --gray-300: #e0e0e0;
  --gray-400: #bdbdbd;
  --gray-500: #9e9e9e;
  --gray-600: #757575;
  --gray-700: #616161;
  --gray-800: #424242;
  --gray-900: #212121;
  --gray-A100: #f5f5f5;
  --gray-A200: #eeeeee;
  --gray-A400: #bdbdbd;
  --gray-A700: #616161;
  --text-primary: rgba(0, 0, 0, 0.9);
  --text-secondary: rgba(0, 0, 0, 0.8);
  --text-disabled: rgba(0, 0, 0, 0.38);
  --divider: rgba(0, 0, 0, 0.12);
  --background-paper: #ffffff;
  --background-default: #ffffff;
  --background-secondary: #1b1b1b;
  --action-active: rgba(0, 0, 0, 0.54);
  --action-hover: rgba(0, 0, 0, 0.04);
  --action-hover-opacity: 0.04;
  --action-selected: rgba(0, 0, 0, 0.08);
  --action-selected-opacity: 0.08;
  --action-disabled: rgba(0, 0, 0, 0.26);
  --action-disabled-background: rgba(0, 0, 0, 0.12);
  --action-disabled-opacity: 0.38;
  --action-focus: rgba(0, 0, 0, 0.12);
  --action-focus-opacity: 0.12;
  --z-index-mobile-stepper: 1000;
  --z-index-fab: 1050;
  --z-index-speed-dial: 1050;
  --z-index-app-bar: 1100;
  --z-index-drawer: 1200;
  --z-index-modal: 1300;
  --z-index-snackbar: 1400;
  --z-index-tooltip: 1500;
  --shape-border-radius: 4px;
  --shadows-0: "none";
  --shadows-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --shadows-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --shadows-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --shadows-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --shadows-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --shadows-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --shadows-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --shadows-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --shadows-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --shadows-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --shadows-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --shadows-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --shadows-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --shadows-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --shadows-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --shadows-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --shadows-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --shadows-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --shadows-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --shadows-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --shadows-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --shadows-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --shadows-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --shadows-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --text-primary-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);
}

:root {
  --title-underline-element: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAACAQMAAAA+Qi3sAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAZQTFRF/8EHAAAACAHr0QAAAAJ0Uk5T/wDltzBKAAAAEUlEQVR4nGNkAIEDfp8YYQwAGckEAwyhga4AAAAASUVORK5CYII=);
}

html,
body {
  font-family: "Poppins", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  box-sizing: border-box;
}

body {
  overflow: visible;
}
body .edit-link {
  display: none;
}

button:focus,
a:focus {
  outline: none;
}

button:focus-visible,
a:focus-visible {
  outline: 1px solid var(--gray-200);
  outline-offset: 2px;
}

.site {
  overflow: visible;
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#particles-js {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.backdrop {
  background: var(--common-black);
  pointer-events: visible;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  box-sizing: border-box;
  transition: opacity 0.3s ease;
  opacity: 0%;
  visibility: visible;
}

body div.site-content,
body.blog div.site-content,
body.archive div.site-content,
body.search div.site-content,
body.single-post div.site-content,
body.single-product div.site-content {
  padding-top: var(--site-header-container);
}

.site-header-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: var(--z-index-app-bar);
  border-bottom: 1px solid var(--divider);
}
.site-header-container .site-top-banner {
  background-color: var(--primary-dark);
  padding: 0.375em 1em;
  color: var(--common-white);
}
.site-header-container .site-top-banner a {
  color: inherit;
  font-size: 0.875rem;
  text-shadow: var(--text-primary-shadow);
}
.site-header-container .site-top-banner .site-top-banner-container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5em;
  padding-right: 1.5em;
  max-width: 1200px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.site-header-container .site-top-banner .site-social-menu ul {
  list-style-type: none;
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
.site-header-container .site-top-banner .site-social-menu .social-menu-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.site-header-container .site-header-root {
  background-color: var(--common-white);
  padding: 0px 1em;
}
.site-header-container .site-header-root .site-header {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5em;
  padding-right: 1.5em;
  max-width: 1200px;
  margin-bottom: 0 !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  border-bottom: none;
  border-radius: 3em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.site-header-container .site-header-root .site-header::before, .site-header-container .site-header-root .site-header::after {
  display: none;
}
.site-header-container .site-header-root .site-header > .col-full {
  margin: 0;
  padding: 0;
}
.site-header-container .site-header-root .site-header > .col-full::before, .site-header-container .site-header-root .site-header > .col-full::after {
  display: none;
}
.site-header-container .site-header-root .site-branding {
  margin: 0;
  float: none;
  width: auto;
  max-width: 9.25em;
}
.site-header-container .site-header-root .storefront-primary-navigation::before, .site-header-container .site-header-root .storefront-primary-navigation::after {
  display: none;
}
.site-header-container .site-header-root .storefront-primary-navigation > .col-full {
  padding: 0;
  margin: 0;
}
.site-header-container .site-header-root .storefront-primary-navigation > .col-full::before, .site-header-container .site-header-root .storefront-primary-navigation > .col-full::after {
  display: none;
}
.site-header-container .site-header-root .storefront-primary-navigation .main-navigation {
  margin: 0;
}
.site-header-container .site-header-root .storefront-primary-navigation #site-navigation-menu-toggle {
  background-color: var(--common-black);
  border-radius: 50%;
  padding: 1.5em;
}
.site-header-container .site-header-root .storefront-primary-navigation #site-navigation-menu-toggle::before, .site-header-container .site-header-root .storefront-primary-navigation #site-navigation-menu-toggle::after, .site-header-container .site-header-root .storefront-primary-navigation #site-navigation-menu-toggle span::before {
  background-color: var(--common-white);
}
.site-header-container .site-header-root .storefront-primary-navigation .primary-navigation {
  font-size: 0.875rem;
  font-weight: 500;
}
.site-header-container .site-header-root .storefront-primary-navigation .primary-navigation > ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1em;
  margin: 0;
}
.site-header-container .site-header-root .storefront-primary-navigation .primary-navigation > ul > li {
  flex-shrink: 0;
}
.site-header-container .site-header-root .storefront-primary-navigation .primary-navigation > ul > li > a {
  color: inherit;
  padding: 0;
}
.site-header-container .site-header-root .storefront-primary-navigation .primary-navigation > ul > li > a::after {
  margin-left: 0.25em;
}
.site-header-container .site-header-root .storefront-primary-navigation .primary-navigation > ul > li.current.menu-item > a {
  color: inherit;
}
.site-header-container .site-header-root ul.sub-menu {
  z-index: var(--z-index-modal);
  background-color: var(--background-paper) !important;
  box-shadow: var(--shadows-4);
  font-size: 0.9375rem;
  border-radius: 0.5em;
}
.site-header-container .site-header-root ul.sub-menu > li:hover:has(> .sub-menu)::before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 103%;
  width: 1.5em;
  height: 1.5em;
  background: var(--background-paper);
  transform: rotate(45deg);
  box-shadow: var(--shadows-1);
}
.site-header-container .site-header-root ul.sub-menu > li:hover > ul.sub-menu {
  left: 105%;
}
.site-header-container .site-header-root ul.sub-menu > li:hover a {
  color: inherit;
}
.site-header-container .site-header-root .primary-request-quote-button {
  display: none;
}
@media (min-width: 768px) {
  .site-header-container .site-header-root .primary-request-quote-button {
    display: block;
  }
}
.site-header-container .site-header-root .primary-request-quote-button .button-element {
  background-color: var(--common-black);
  color: var(--common-white);
  font-weight: 500;
  padding: 0.75em 1.5em;
  border-radius: 2em;
  font-size: 0.875rem;
}

@media (min-width: 768px) {
  .handheld-navigation-drawer__root {
    display: none;
  }
}

.handheld-navigation-drawer__wrapper {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--z-index-drawer);
}
@media (min-width: 768px) {
  .handheld-navigation-drawer__wrapper {
    display: none;
  }
}
.handheld-navigation-drawer__wrapper .handheld-navigation-drawer {
  position: absolute;
  top: 0;
  right: -100%;
  bottom: 0;
  width: 300px;
  max-width: 100%;
  background-color: var(--background-paper);
  overflow-y: auto;
  transition: all 0.3s ease;
  /* Styling for the scrollbar */
  /* Optional: Add a style for scrollbar when it’s inactive (when not being hovered) */
}
.handheld-navigation-drawer__wrapper .handheld-navigation-drawer::-webkit-scrollbar {
  width: 8px; /* width of the vertical scrollbar */
  height: 8px; /* height of the horizontal scrollbar */
}
.handheld-navigation-drawer__wrapper .handheld-navigation-drawer::-webkit-scrollbar-track {
  background: #f1f1f1; /* light grey background for the track */
  border-radius: 10px; /* rounded corners for the track */
}
.handheld-navigation-drawer__wrapper .handheld-navigation-drawer::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2); /* semi-transparent dark thumb */
  border-radius: 10px; /* rounded corners for the thumb */
}
.handheld-navigation-drawer__wrapper .handheld-navigation-drawer::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.5); /* darker thumb color on hover */
}
.handheld-navigation-drawer__wrapper .handheld-navigation-drawer::-webkit-scrollbar-thumb:active {
  background: rgba(0, 0, 0, 0.6); /* darker when clicked */
}
.handheld-navigation-drawer__wrapper .handheld-navigation-drawer .handheld-menu-close {
  background-color: var(--primary-main);
  color: var(--primary-contrast-text);
}
.handheld-navigation-drawer__wrapper .handheld-navigation-drawer .handheld-navigation {
  padding: 2em 1em 1em 1em;
  clear: none;
  max-height: none;
}
.handheld-navigation-drawer__wrapper .handheld-navigation-drawer .handheld-navigation > ul {
  list-style-type: none;
  margin: 0;
  font-size: 0.9375rem;
}
.handheld-navigation-drawer__wrapper .handheld-navigation-drawer .handheld-navigation > ul > li > a {
  font-weight: 500;
}
.handheld-navigation-drawer__wrapper .handheld-navigation-drawer .handheld-navigation > ul li > a {
  display: block;
  padding: 0.5em 0.5em;
}
.handheld-navigation-drawer__wrapper .handheld-navigation-drawer .handheld-navigation > ul > li ul {
  margin-left: 0.5em;
  border-left: 1px solid var(--divider);
  font-weight: 400;
  list-style-type: none;
  font-size: 0.875rem;
}
.handheld-navigation-drawer__wrapper .handheld-navigation-drawer .handle-menu-request-quote-button {
  padding: 1em 1em;
}
.handheld-navigation-drawer__wrapper .handheld-navigation-drawer .handle-menu-request-quote-button .button-element {
  background-color: var(--common-black);
  color: var(--common-white);
  font-weight: 500;
  padding: 0.75em 1.5em;
  border-radius: 2em;
  font-size: 0.875rem;
}
.handheld-navigation-drawer__wrapper.open .backdrop {
  opacity: 0.6;
}
.handheld-navigation-drawer__wrapper.open .handheld-navigation-drawer {
  right: 0;
}

.site-header-glass .site-header-container {
  border-bottom: 1px solid var(--divider);
}
.site-header-glass .site-top-banner {
  opacity: 1;
  transition: opacity 0.3s ease-in;
}
.site-header-glass .site-header-root {
  background-color: var(--background-paper);
}
.site-header-glass.site-header--glass-active .site-header-container {
  border-bottom: none;
}
.site-header-glass.site-header--glass-active .site-top-banner {
  opacity: 0;
}
.site-header-glass.site-header--glass-active .site-header-root {
  background-color: transparent;
}
.site-header-glass.site-header--glass-active .site-header {
  position: relative;
  background-color: transparent;
}
.site-header-glass.site-header--glass-active .site-header::before {
  position: absolute;
  display: block;
  z-index: -1;
  isolation: isolate;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.65);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(7.2px);
  -webkit-backdrop-filter: blur(7.2px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 40px;
}
.site-header-glass .site-content {
  padding-top: 0;
}

.site-footer {
  padding: 0;
  background-color: #1b1b1b;
  background-image: var(--footer-bg);
  content-visibility: auto;
  background-size: cover;
  background-repeat: no-repeat;
}
.site-footer::before, .site-footer::after {
  display: none;
}
.site-footer > .col-full {
  max-width: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.site-footer > .col-full::before, .site-footer > .col-full::after {
  display: none;
}
.site-footer .footer-logo {
  width: 150px;
}
.site-footer .footer-tagline {
  color: var(--text-primary);
  font-size: 1rem;
  line-height: 1.65;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 32px 0px 0px 0px;
  color: var(--common-white);
}
.site-footer .footer-content-wrapper {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5em;
  padding-right: 1.5em;
  max-width: 1200px;
}
.site-footer .footer-content {
  display: grid;
  padding: 90px 0px 55px 0px;
  gap: 40px;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 576px) {
  .site-footer .footer-content {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .site-footer .footer-content {
    grid-template-columns: 300px repeat(3, 1fr);
  }
}
.site-footer .footer-item {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .site-footer .footer-item {
    align-items: center;
  }
}
.site-footer .footer-item .footer-item-title-area {
  position: relative;
  margin-bottom: 32px;
  margin-top: 16px;
  box-sizing: border-box;
}
.site-footer .footer-item .footer-item-title-area .title {
  color: var(--text-primary);
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.45;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--common-white);
  font-weight: 700;
  margin-bottom: 20px;
}
.site-footer .footer-item .footer-item-title-area::after {
  position: absolute;
  background-image: var(--title-underline-element);
  background-size: cover;
  content: "";
  left: 0;
  bottom: -15px;
  height: 2px;
  width: 61px;
  background-repeat: no-repeat;
}
.site-footer .footer-item .footer-item-body > ul {
  margin: 0;
  list-style-type: none;
}
.site-footer .footer-item .footer-item-body > ul > li > a {
  color: var(--text-primary);
  font-size: 1rem;
  line-height: 1.65;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--common-white);
  text-decoration: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  line-height: 40px;
  transition: all 0.3s ease-in-out;
  opacity: 0.8;
}
.site-footer .footer-item .footer-item-body > ul > li > a:hover {
  color: var(--primary-main);
  opacity: 1;
}
.site-footer .footer-item .footer-item-body > ul > li > a > svg, .site-footer .footer-item .footer-item-body > ul > li > a > i {
  margin-right: 15px;
}
.site-footer .footer-item .footer-item-body > ul.contact-list > li {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.site-footer .footer-item .footer-item-body > ul.contact-list > li > i {
  font-size: 28px;
  color: var(--primary-main);
  min-width: 40px;
  padding: 8px 0px;
}
.site-footer .footer-item .footer-item-body > ul.contact-list > li a {
  color: var(--text-primary);
  font-size: 1rem;
  line-height: 1.65;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--common-white);
  display: block;
  text-decoration: none;
  opacity: 0.8;
  transition: all 0.3s ease-in-out;
}
.site-footer .footer-item .footer-item-body > ul.contact-list > li a:first-of-type {
  margin-top: 6px;
}
.site-footer .footer-item .footer-item-body > ul.contact-list > li a:hover {
  color: var(--primary-main);
}
.site-footer .footer-item.footer-company-info {
  align-items: flex-start;
}
@media (min-width: 992px) {
  .site-footer .footer-item.footer-company-info .footer-item-content {
    max-width: 260px;
  }
}
.site-footer .copyright-notice-wrapper {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5em;
  padding-right: 1.5em;
  max-width: 1200px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.site-footer .copyright-notice-wrapper .copyright-notice-inner-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}
@media (min-width: 768px) {
  .site-footer .copyright-notice-wrapper .copyright-notice-inner-wrapper {
    flex-direction: row;
  }
}
.site-footer .copyright-notice {
  color: var(--text-secondary);
  font-size: 0.875rem;
  line-height: 1.7;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--common-white);
  margin-bottom: 0;
  opacity: 0.8;
  font-weight: 400;
  text-align: center;
}
@media (min-width: 768px) {
  .site-footer .copyright-notice {
    text-align: left;
  }
}
.site-footer .copyright-links a {
  color: var(--common-white) !important;
  font-size: 0.875rem;
  line-height: 1.7;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  padding-left: 4px;
  padding-right: 4px;
  opacity: 0.8;
  text-decoration: none;
}

.page-template-template-fullwidth .site-content::before, .page-template-template-fullwidth .site-content::after {
  display: none;
}
.page-template-template-fullwidth .site-content > .col-full {
  padding: 0;
  margin: 0;
  max-width: none;
  box-sizing: border-box;
}
.page-template-template-fullwidth .site-content > .col-full::before, .page-template-template-fullwidth .site-content > .col-full::after {
  display: none;
}
.page-template-template-fullwidth .site-content > .col-full > .content-area {
  float: none;
  margin: 0;
}
.page-template-template-fullwidth .site-main {
  margin: 0;
}
.page-template-template-fullwidth .site-main > .page {
  margin: 0;
}

body.blog .site-content,
body.archive .site-content,
body.search .site-content,
body.single-post .site-content,
body.single-product .site-content {
  margin-top: 60px;
}
body.blog article.post,
body.archive article.post,
body.search article.post,
body.single-post article.post,
body.single-product article.post {
  margin-bottom: 32px;
}
body.blog article.post .entry-header,
body.archive article.post .entry-header,
body.search article.post .entry-header,
body.single-post article.post .entry-header,
body.single-product article.post .entry-header {
  border-bottom: 0;
  margin-bottom: 16px;
}
body.blog article.post .entry-header .entry-title,
body.archive article.post .entry-header .entry-title,
body.search article.post .entry-header .entry-title,
body.single-post article.post .entry-header .entry-title,
body.single-product article.post .entry-header .entry-title {
  color: var(--text-primary);
  font-weight: 500;
  font-size: 2rem;
  line-height: 2.375rem;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 600;
}
body.blog article.post .entry-header .entry-title a,
body.archive article.post .entry-header .entry-title a,
body.search article.post .entry-header .entry-title a,
body.single-post article.post .entry-header .entry-title a,
body.single-product article.post .entry-header .entry-title a {
  color: inherit;
  font-weight: inherit;
}
body.blog article.post .entry-content .wp-post-image,
body.archive article.post .entry-content .wp-post-image,
body.search article.post .entry-content .wp-post-image,
body.single-post article.post .entry-content .wp-post-image,
body.single-product article.post .entry-content .wp-post-image {
  max-height: 240px;
  width: 100%;
  object-fit: cover;
}
body.blog .read-more .button,
body.archive .read-more .button,
body.search .read-more .button,
body.single-post .read-more .button,
body.single-product .read-more .button {
  color: var(--text-primary);
  font-size: 1rem;
  line-height: 1.65;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--primary-main);
  color: var(--common-white);
  border-radius: 32px;
  text-shadow: var(--text-primary-shadow);
}
body.blog .read-more .button:hover,
body.archive .read-more .button:hover,
body.search .read-more .button:hover,
body.single-post .read-more .button:hover,
body.single-product .read-more .button:hover {
  background-color: var(--primary-dark);
}

body.blog .page-header,
body.archive .page-header,
body.search .page-header {
  margin-bottom: 40px;
}
body.blog .page-header .page-title,
body.archive .page-header .page-title,
body.search .page-header .page-title {
  color: var(--text-primary);
  font-weight: 500;
  font-size: 2.5rem;
  line-height: 3rem;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.blog article.post,
body.archive article.post,
body.search article.post {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
}
body.blog article.post .posted-on a,
body.archive article.post .posted-on a,
body.search article.post .posted-on a {
  display: block;
  color: var(--text-secondary);
}
body.blog article.post .posted-on a time,
body.archive article.post .posted-on a time,
body.search article.post .posted-on a time {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
}
body.blog article.post .posted-on a time.updated:not(.published),
body.archive article.post .posted-on a time.updated:not(.published),
body.search article.post .posted-on a time.updated:not(.published) {
  display: none;
}
body.blog article.post .posted-on a time .day,
body.archive article.post .posted-on a time .day,
body.search article.post .posted-on a time .day {
  font-size: 22px;
}
body.blog article.post .entry-header .entry-title,
body.archive article.post .entry-header .entry-title,
body.search article.post .entry-header .entry-title {
  color: var(--text-primary);
  font-weight: 500;
  font-size: 1.75rem;
  line-height: 2.125rem;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.blog article.post .entry-content p,
body.archive article.post .entry-content p,
body.search article.post .entry-content p {
  color: var(--text-secondary);
  font-size: 0.875rem;
  line-height: 1.7;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--text-secondary);
}

body.single-post article.post .entry-header {
  margin-bottom: 36px;
}
body.single-post article.post .entry-header .entry-title {
  color: var(--text-primary);
  font-weight: 500;
  font-size: 2.5rem;
  line-height: 3rem;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.single-post .entry-taxonomy a {
  padding: 2px 8px;
  border-radius: var(--shape-border-radius);
  text-shadow: none;
  background-color: var(--gray-200);
  color: var(--text-secondary);
  text-decoration: none;
  font-weight: 500;
}
body.single-post .entry-taxonomy a:first-of-type {
  margin-left: 12px;
}
body.single-post .post-navigation a {
  color: var(--text-primary);
}

body.search .no-results .page-header {
  margin-bottom: 0;
}
body.search .no-results .search-form {
  display: none;
}

#secondary .widget_search .wp-block-search__input {
  border: 1px solid var(--gray-400);
  box-shadow: none;
  border-radius: 10px;
}
#secondary .widget_search .wp-block-search__input:focus-visible {
  outline: 2px solid var(--primary-main);
  outline-offset: 0px;
}
#secondary .widget_search .wp-block-search__button {
  border-radius: 10px;
  background-color: var(--primary-main);
  color: var(--common-white);
}
#secondary .widget_search .wp-block-search__button:hover {
  background-color: var(--primary-dark);
}
#secondary .widget_search .wp-block-search__button:focus-visible {
  outline: 2px solid var(--primary-main);
  outline-offset: 1px;
}
#secondary .blog-recent-posts-widget, #secondary .blog-categories-widget, #secondary .shop-product-categories-widget {
  padding: 16px;
  outline: 1px solid var(--divider);
  border-radius: 10px;
}
#secondary .blog-recent-posts-widget .wp-block-heading, #secondary .blog-recent-posts-widget .widget-header, #secondary .blog-categories-widget .wp-block-heading, #secondary .blog-categories-widget .widget-header, #secondary .shop-product-categories-widget .wp-block-heading, #secondary .shop-product-categories-widget .widget-header {
  color: var(--text-primary);
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.3125rem;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#secondary .blog-recent-posts-widget a, #secondary .blog-categories-widget a, #secondary .shop-product-categories-widget a {
  display: block;
  text-decoration: none;
  transition: color 0.3 ease;
  margin-bottom: 8px;
}
#secondary .blog-recent-posts-widget a:hover, #secondary .blog-categories-widget a:hover, #secondary .shop-product-categories-widget a:hover {
  color: var(--primary-main);
  text-decoration: underline;
}
#secondary .blog-recent-posts-widget a:focus-visible, #secondary .blog-categories-widget a:focus-visible, #secondary .shop-product-categories-widget a:focus-visible {
  outline: 2px solid var(--primary-main);
  border-radius: 4px;
}

#secondary .shop-product-categories-widget {
  position: sticky;
  top: var(--site-header-container);
}

body.error404 .content-area {
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body.woocommerce .site-content::before, body.woocommerce .site-content::after,
body.single-page .site-content::before,
body.single-page .site-content::after {
  display: none;
}
body.woocommerce .site-content .col-full,
body.single-page .site-content .col-full {
  max-width: none;
  margin: 0;
  padding: 0;
}
body.woocommerce .site-content .col-full::before, body.woocommerce .site-content .col-full::after,
body.single-page .site-content .col-full::before,
body.single-page .site-content .col-full::after {
  display: none;
}
body.woocommerce .site-content .content-area,
body.single-page .site-content .content-area {
  float: none;
  width: auto;
  margin: 0;
}
body.woocommerce #secondary,
body.single-page #secondary {
  display: none;
}

/* ===== linked: css/home.css ===== */
.home-hero-section > div {
  overflow: hidden;
  position: relative;
}
@media (min-width: 576px) {
  .home-hero-section > div {
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
  }
}
.home-hero-section .hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: var(--hero-bg);
  background-position: var(--hero-bg-position);
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
.home-hero-section .hero-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.1);
}
.home-hero-section .hero-content-wrapper {
  margin-top: 0;
  position: relative;
  z-index: 10;
}
.home-hero-section .hero-content-wrapper > div {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5em;
  padding-right: 1.5em;
  max-width: 1200px;
  padding-top: 260px;
  padding-bottom: 40px;
}
@media (min-width: 576px) {
  .home-hero-section .hero-content-wrapper > div {
    padding-bottom: 80px;
  }
}
@media (min-width: 992px) {
  .home-hero-section .hero-content-wrapper > div {
    padding-top: 360px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 140px;
  }
}
.home-hero-section .about-company-icon-wrapper {
  display: none;
  flex-direction: row;
  justify-content: flex-end;
}
@media (min-width: 768px) {
  .home-hero-section .about-company-icon-wrapper {
    display: flex;
  }
}
.home-hero-section .about-company-icon-wrapper .about-company-icon-element {
  margin: 0;
}
.home-hero-section .about-company-icon-wrapper .about-company-icon-element > div {
  position: relative;
}
.home-hero-section .about-company-icon-wrapper .about-company-icon-element figure.wp-block-image.about-company-icon {
  margin: 0;
}
.home-hero-section .about-company-icon-wrapper .about-company-icon-element figure.wp-block-image.about-company-icon img {
  animation: spin 10s linear 0s infinite;
}
.home-hero-section .about-company-icon-wrapper .about-company-icon-element .about-company-down-arrow {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home-hero-section .about-company-icon-wrapper .about-company-icon-element .about-company-down-arrow svg {
  color: var(--common-white);
  fill: var(--common-white);
}
.home-hero-section .hero-content > div {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 768px) {
  .home-hero-section .hero-content > div {
    grid-template-columns: 80px 1fr 200px;
  }
}
.home-hero-section .hero-content .follow-us {
  display: none;
}
@media (min-width: 768px) {
  .home-hero-section .hero-content .follow-us {
    display: block;
  }
}
.home-hero-section .hero-content .follow-us > div {
  position: relative;
}
.home-hero-section .hero-content .follow-us ul.menu {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  list-style-type: none;
  gap: 20px;
  width: fit-content;
}
.home-hero-section .hero-content .follow-us ul.menu i,
.home-hero-section .hero-content .follow-us ul.menu svg {
  transition: transform 0.3s ease-in-out;
  transform-origin: center;
}
.home-hero-section .hero-content .follow-us ul.menu a {
  color: var(--common-white);
  transition: color 0.3s ease-in-out;
}
.home-hero-section .hero-content .follow-us ul.menu a:hover {
  color: var(--primary-main);
}
.home-hero-section .hero-content .follow-us ul.menu a:hover i, .home-hero-section .hero-content .follow-us ul.menu a:hover svg {
  transform: scale(1.1);
}
.home-hero-section .hero-content .follow-us ul.menu .social-menu-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.home-hero-section .hero-content .follow-us .follow-us-title {
  color: var(--text-primary);
  font-size: 1rem;
  line-height: 1.65;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 0;
  width: fit-content;
  position: absolute;
  transform: rotate(-90deg);
  transform-origin: top left;
  bottom: -120px;
  left: -8px;
  color: var(--common-white);
}
.home-hero-section .hero-content .hero-text-content {
  color: var(--text-secondary);
  font-size: 0.875rem;
  line-height: 1.7;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--common-white);
}
.home-hero-section .hero-content .hero-welcome-title {
  color: var(--text-primary);
  font-size: 1rem;
  line-height: 1.65;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--common-white);
  text-shadow: var(--text-primary-shadow);
}
.home-hero-section .hero-content .hero-welcome-title mark {
  padding: 2px 8px;
  border-radius: var(--shape-border-radius);
  text-shadow: none;
  background-color: var(--primary-main) !important;
  color: var(--common-white) !important;
  text-shadow: var(--text-primary-shadow);
}
.home-hero-section .hero-content .hero-header {
  color: var(--text-primary);
  font-weight: 500;
  font-size: 2rem;
  line-height: 2.375rem;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--common-white);
  font-weight: 600;
  margin-top: 12px;
  text-shadow: var(--text-primary-shadow);
}
.home-hero-section .hero-content .hero-description {
  color: var(--common-white);
  margin-top: 16px;
  width: min(100%, 700px);
  text-shadow: var(--text-primary-shadow);
}

.home-about-us-section .about-us-background-element {
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(217, 217, 217, 0.267);
  font-weight: 700;
  font-family: inherit;
  font-size: 3rem;
}
@media (min-width: 768px) {
  .home-about-us-section .about-us-background-element {
    font-size: 4rem;
  }
}
.home-about-us-section .about-us-background-element {
  position: absolute;
  top: -50px;
  left: 8%;
  text-align: center;
  margin: auto;
  display: block;
  margin-bottom: -30px;
  margin-right: 10%;
  z-index: -1;
  text-align: left;
}
.home-about-us-section .about-us-content-wrapper > div {
  margin-top: 24px;
  display: grid;
  gap: 48px;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 768px) {
  .home-about-us-section .about-us-content-wrapper > div {
    grid-template-columns: repeat(2, 1fr);
  }
}
.home-about-us-section > div {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5em;
  padding-right: 1.5em;
  max-width: 1200px;
  margin-top: 120px;
  padding-bottom: 120px;
  position: relative;
}
.home-about-us-section .about-us-header-area .about-us-subheader {
  color: var(--text-primary);
  font-size: 1rem;
  line-height: 1.65;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 500;
}
.home-about-us-section .about-us-header-area .about-us-subheader mark {
  padding: 2px 8px;
  border-radius: var(--shape-border-radius);
  text-shadow: none;
  background-color: var(--primary-main) !important;
  color: var(--common-white) !important;
  text-shadow: var(--text-primary-shadow);
}
.home-about-us-section .about-us-header-area .about-us-header {
  color: var(--text-primary);
  font-weight: 500;
  font-size: 2rem;
  line-height: 2.375rem;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.home-about-us-section .about-us-description {
  color: var(--text-primary);
  font-size: 1rem;
  line-height: 1.65;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--text-secondary);
}
.home-about-us-section .about-us-stats {
  margin-top: 24px;
}
.home-about-us-section .about-us-stats > div {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 16px;
}
@media (min-width: 576px) {
  .home-about-us-section .about-us-stats > div {
    grid-template-columns: repeat(2, 1fr);
  }
}
.home-about-us-section .about-us-stats .about-us-stat {
  margin-top: 0;
}
.home-about-us-section .about-us-stats .about-us-stat > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.home-about-us-section .about-us-stats .about-us-stat .icon-container {
  flex-shrink: 0;
}
.home-about-us-section .about-us-stats .about-us-stat svg {
  fill: var(--primary-main);
}
.home-about-us-section .about-us-stats .about-us-stat .ub_counter-container {
  margin: 0 !important;
}
.home-about-us-section .about-us-stats .about-us-stat .ub_counter-number-wrapper {
  color: var(--primary-main);
  justify-content: flex-start;
}
.home-about-us-section .about-us-stats .about-us-stat .ub_counter-label-wrapper {
  color: var(--text-primary);
  justify-content: flex-start;
  text-align: left;
}
.home-about-us-section .learn-more-button {
  margin-top: 32px;
}
.home-about-us-section .learn-more-button > .wp-block-button {
  margin-bottom: 0;
}
.home-about-us-section .learn-more-button > .wp-block-button > .wp-block-button__link {
  color: var(--text-primary);
  font-size: 1rem;
  line-height: 1.65;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--common-white);
  background-color: var(--primary-main);
  border-radius: 32px;
  text-shadow: var(--text-primary-shadow);
}
.home-about-us-section .learn-more-button > .wp-block-button > .wp-block-button__link i, .home-about-us-section .learn-more-button > .wp-block-button > .wp-block-button__link svg {
  transform: rotate(45deg);
  margin-left: 6px;
}
.home-about-us-section .learn-more-button > .wp-block-button > .wp-block-button__link:hover {
  background-color: var(--primary-dark);
}
.home-about-us-section .about-us-image-wrapper {
  margin-top: 0;
}
.home-about-us-section .about-us-image-wrapper > div {
  position: relative;
}
.home-about-us-section .about-us-image-wrapper figure.about-us-image.wp-block-image {
  margin-bottom: 0;
}
.home-about-us-section .about-us-image-wrapper .experience-card {
  margin-top: 0;
  background-color: var(--background-paper);
  width: fit-content;
  border-radius: 10px;
  border: 3px solid var(--primary-main);
  z-index: 10;
  position: absolute;
  bottom: 24px;
  left: 0;
}
@media (min-width: 768px) {
  .home-about-us-section .about-us-image-wrapper .experience-card {
    left: -24px;
  }
}
.home-about-us-section .about-us-image-wrapper .experience-card > div {
  padding: 10px 18px;
}
.home-about-us-section .about-us-image-wrapper .experience-card .experience {
  color: var(--text-primary);
  font-size: 1rem;
  line-height: 1.65;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.home-about-us-section .about-us-image-wrapper .experience-card .experience strong {
  font-size: 2rem;
  line-height: 2rem;
}

.mk-header-area > div {
  position: relative;
}

.mk-text-background-element {
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(217, 217, 217, 0.267);
  font-weight: 700;
  font-family: inherit;
  font-size: 3rem;
}
@media (min-width: 768px) {
  .mk-text-background-element {
    font-size: 4rem;
  }
}
.mk-text-background-element {
  display: block;
  text-align: center;
  position: absolute;
  left: 11%;
  top: -30px;
}
@media (min-width: 768px) {
  .mk-text-background-element {
    top: -50px;
  }
}

.home-solar-energy-section {
  padding-top: 5rem;
  padding-bottom: 5rem;
  padding-left: 0;
  padding-right: 0;
  background-attachment: fixed;
  background-repeat: no-repeat;
  position: relative;
}
.home-solar-energy-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  backdrop-filter: blur(4px) brightness(0.5);
}
.home-solar-energy-section > div {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5em;
  padding-right: 1.5em;
  max-width: 1200px;
  position: relative;
  z-index: 10;
}
.home-solar-energy-section .home-solar-energy-header {
  color: var(--text-primary);
  font-weight: 500;
  font-size: 2rem;
  line-height: 2.375rem;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: left;
  color: var(--common-white);
  font-weight: 500;
  text-shadow: var(--text-primary-shadow);
}
@media (min-width: 768px) {
  .home-solar-energy-section .home-solar-energy-header {
    text-align: center;
  }
}
.home-solar-energy-section .home-solar-energy-grid {
  margin: 3em 0 0 0;
}
.home-solar-energy-section .home-solar-energy-grid > div {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1.5em;
}
@media (min-width: 768px) {
  .home-solar-energy-section .home-solar-energy-grid > div {
    grid-template-columns: repeat(3, 1fr);
  }
}
.home-solar-energy-section .home-solar-energy-grid-item {
  margin: 0;
  background: var(--background-paper);
  padding: 1.5em 2.5em;
  border: 1px solid var(--gray-200);
  box-shadow: 0px 6px 39px rgba(0, 0, 0, 0.0392156863);
  border-radius: calc(var(--shape-border-radius) * 2);
}
.home-solar-energy-section .home-solar-energy-grid-item-icon {
  display: flex;
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .home-solar-energy-section .home-solar-energy-grid-item-icon {
    justify-content: center;
  }
}
.home-solar-energy-section .home-solar-energy-grid-item-icon .icon-container {
  position: relative;
  color: var(--primary-contrast-text);
  z-index: 1;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 1.5em;
  margin-top: 1em;
  padding: 0.5em;
}
.home-solar-energy-section .home-solar-energy-grid-item-icon .icon-container > svg {
  color: inherit;
}
.home-solar-energy-section .home-solar-energy-grid-item-icon .icon-container::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  background: rgba(242, 186, 16, 0.05);
  height: 90px;
  width: 90px;
  transform: translate(-50%, -50%);
  z-index: -1;
  border-radius: 50%;
}
.home-solar-energy-section .home-solar-energy-grid-item-icon .icon-container::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  background: var(--primary-main);
  height: 60px;
  width: 60px;
  transform: translate(-50%, -50%);
  z-index: -1;
  border-radius: 50%;
}
.home-solar-energy-section .home-solar-energy-grid-item-header {
  color: var(--text-primary);
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.45;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 1em 0 0 0;
  text-align: left;
}
@media (min-width: 768px) {
  .home-solar-energy-section .home-solar-energy-grid-item-header {
    text-align: center;
  }
}
.home-solar-energy-section .home-solar-energy-grid-item-description {
  color: var(--text-primary);
  font-size: 1rem;
  line-height: 1.65;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--text-secondary);
  margin: 0;
  text-align: left;
}
@media (min-width: 768px) {
  .home-solar-energy-section .home-solar-energy-grid-item-description {
    text-align: center;
  }
}

.home-our-products-section {
  padding-top: 2em;
}
.home-our-products-section > div {
  height: 300vh;
}
.home-our-products-section .mk-sticky-grid {
  position: sticky;
  top: var(--site-header-container);
}
.home-our-products-section .mk-sticky-grid > div {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5em;
  padding-right: 1.5em;
  max-width: 1200px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  height: calc(100vh - var(--site-header-container));
  align-items: flex-start;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 768px) {
  .home-our-products-section .mk-sticky-grid > div {
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
  }
}
.home-our-products-section .mk-sticky-content {
  padding-bottom: 2rem;
}
.home-our-products-section .our-products-subheader {
  font-weight: 500;
}
.home-our-products-section .our-products-subheader mark {
  padding: 2px 8px;
  border-radius: var(--shape-border-radius);
  text-shadow: none;
  background-color: var(--primary-main) !important;
  color: var(--common-white) !important;
  text-shadow: var(--text-primary-shadow);
}
.home-our-products-section .our-products-header {
  color: var(--text-primary);
  font-weight: 500;
  font-size: 2rem;
  line-height: 2.375rem;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.home-our-products-section .mk-sticky-slides {
  margin: 0;
}
.home-our-products-section .mk-sticky-slides > div {
  position: relative;
}
.home-our-products-section .mk-sticky-slide {
  position: absolute;
  top: -160px;
  left: 0;
  right: 0;
  height: 320px;
  display: flex;
  flex-direction: column;
  text-decoration: none !important;
  border-radius: calc(var(--shape-border-radius) * 3);
  overflow: hidden;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3);
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.home-our-products-section .mk-sticky-slide figure.wp-block-image.mk-sticky-slides-image {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.home-our-products-section .mk-sticky-slide figure.wp-block-image.mk-sticky-slides-image img {
  width: 100%;
  height: 100%;
  transform: scale(1.2);
  transition: transform 0.3s ease;
  object-fit: cover;
}
.home-our-products-section .mk-sticky-slide .mk-sticky-slides-bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.home-our-products-section .mk-sticky-slide .mk-sticky-slide-content {
  padding: 1.25em;
  margin-top: auto;
  z-index: 10;
  color: var(--common-white);
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.home-our-products-section .mk-sticky-slide .mk-sticky-slide-heading {
  margin: 0;
  font-size: 1.25rem;
}
.home-our-products-section .mk-sticky-slide .mk-sticky-slide-description {
  margin: 0;
}
.home-our-products-section .mk-sticky-slide figure.wp-block-image.mk-sticky-slides-logo {
  margin: 0;
  position: absolute;
  top: 1.25em;
  left: 1.25em;
  z-index: 10;
}
.home-our-products-section .mk-sticky-slide.before .mk-sticky-slide-content {
  transform: translate(-100%);
}
.home-our-products-section .mk-sticky-slide.after .mk-sticky-slide-content {
  transform: translate(100%);
}
.home-our-products-section .mk-sticky-slide.active {
  opacity: 1;
  visibility: visible;
}
.home-our-products-section .mk-sticky-slide.active .mk-sticky-slide-content {
  transform: translate(0);
  opacity: 1;
}
.home-our-products-section .mk-sticky-slide.active figure.wp-block-image.mk-sticky-slides-image img {
  transform: scale(1);
}

.home-why-choose-us-section {
  padding-top: 120px;
  padding-bottom: 120px;
  overflow-x: hidden;
}
@media (min-width: 768px) {
  .home-why-choose-us-section {
    overflow-x: visible;
  }
}
.home-why-choose-us-section > div {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5em;
  padding-right: 1.5em;
  max-width: 1200px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  align-items: start;
  position: relative;
}
@media (min-width: 768px) {
  .home-why-choose-us-section > div {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .home-why-choose-us-section .why-choose-us-content {
    position: sticky;
    top: calc(50% - 120px);
  }
}
.home-why-choose-us-section .why-choose-us-content > div {
  position: relative;
}
.home-why-choose-us-section .why-choose-us-bg-rect {
  position: absolute;
  top: -30px;
  left: -180px;
  z-index: -1;
}
.home-why-choose-us-section .why-choose-us-bg-rect .icon-container {
  width: 200px !important;
}
.home-why-choose-us-section .why-choose-us-bg-rect svg {
  fill: var(--primary-light);
  opacity: 0.3;
}
.home-why-choose-us-section .choose-us-background-element {
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(217, 217, 217, 0.267);
  font-weight: 700;
  font-family: inherit;
  font-size: 3rem;
}
@media (min-width: 768px) {
  .home-why-choose-us-section .choose-us-background-element {
    font-size: 4rem;
  }
}
.home-why-choose-us-section .choose-us-background-element {
  display: block;
  text-align: center;
  z-index: -1;
  position: absolute;
  top: -50px;
  left: 11%;
}
.home-why-choose-us-section .why-choose-us-subheader {
  color: var(--text-primary);
  font-size: 1rem;
  line-height: 1.65;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.home-why-choose-us-section .why-choose-us-subheader {
  font-weight: 500;
}
.home-why-choose-us-section .why-choose-us-subheader mark {
  padding: 2px 8px;
  border-radius: var(--shape-border-radius);
  text-shadow: none;
  background-color: var(--primary-main) !important;
  color: var(--common-white) !important;
  text-shadow: var(--text-primary-shadow);
}
.home-why-choose-us-section .why-choose-us-header {
  color: var(--text-primary);
  font-weight: 500;
  font-size: 2rem;
  line-height: 2.375rem;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 24px;
}
.home-why-choose-us-section .why-choose-us-description {
  color: var(--text-primary);
  font-size: 1rem;
  line-height: 1.65;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--text-secondary);
}
.home-why-choose-us-section #why-choose-us-animated .svg-card {
  color: var(--text-secondary);
  font-size: 0.875rem;
  line-height: 1.7;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.75rem;
  color: var(--text-primary);
  font-weight: 500;
  padding: 10px 14px;
  text-align: center;
  margin: 0;
  background-color: var(--background-paper);
  border: 3px solid var(--primary-main);
  border-radius: 10px;
}

.our-clients-section {
  padding: 40px 0px 80px 0px;
}
.our-clients-section .our-clients-header {
  color: var(--text-primary);
  font-weight: 500;
  font-size: 2rem;
  line-height: 2.375rem;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 500;
  text-align: center;
  padding: 0px 24px;
  margin: 0.5em 0 0 0;
}
.our-clients-section .our-clients-subheader {
  color: var(--text-primary);
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.3125rem;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--text-secondary);
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  padding: 0px 24px;
}
.our-clients-section .our-clients-subheader mark {
  padding: 2px 8px;
  border-radius: var(--shape-border-radius);
  text-shadow: none;
  background-color: var(--primary-main) !important;
  color: var(--common-white) !important;
  text-shadow: var(--text-primary-shadow);
}
.our-clients-section .our-clients-description {
  max-width: 1020px;
  margin: 0 auto;
  padding: 0 24px;
  text-align: center;
  margin: 1em auto 50px auto;
  color: var(--text-secondary);
}
.our-clients-section .our-clients-carousel figcaption {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* ===== linked: css/icons.css (pruned) ===== */
.fa,.fas,.far,.fal,.fad,.fab {-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}
.fa.fa-pull-left,.fas.fa-pull-left,.far.fa-pull-left,.fal.fa-pull-left,.fab.fa-pull-left {margin-right:.3em}
.fa.fa-pull-right,.fas.fa-pull-right,.far.fa-pull-right,.fal.fa-pull-right,.fab.fa-pull-right {margin-left:.3em}
@keyframes fa-spin {0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.fa-times:before {content:""}
.sr-only {border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
@font-face {font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(fonts/fa-brands-400-8bbbab.eot);src:url(fonts/fa-brands-400-8bbbab.eot) format("embedded-opentype"),url(fonts/fa-brands-400-18f793.woff2) format("woff2"),url(fonts/fa-brands-400-12c816.woff) format("woff"),url(fonts/fa-brands-400-61591a.ttf) format("truetype")}
@font-face {font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(fonts/fa-solid-900-c1c650.eot);src:url(fonts/fa-solid-900-c1c650.eot) format("embedded-opentype"),url(fonts/fa-solid-900-5fd8e0.woff2) format("woff2"),url(fonts/fa-solid-900-7fee07.woff) format("woff"),url(fonts/fa-solid-900-d2ae4f.ttf) format("truetype")}
.fa,.fas {font-family:"Font Awesome 5 Free";font-weight:900}
button.loading,input[type=button].loading,input[type=reset].loading,input[type=submit].loading,.button.loading,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.loading,.added_to_cart.loading {position:relative}
button.loading::after,input[type=button].loading::after,input[type=reset].loading::after,input[type=submit].loading::after,.button.loading::after,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.loading::after,.added_to_cart.loading::after {-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;font-family:"Font Awesome 5 Free";font-weight:900;line-height:inherit;vertical-align:baseline;content:"";animation:fa-spin .75s linear infinite;height:20px;width:20px;line-height:20px;font-size:20px;position:absolute;top:50%;left:50%;margin-left:-10px;margin-top:-10px;display:block}
.handheld-navigation ul.menu li button::after {-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;font-family:"Font Awesome 5 Free";font-weight:900;line-height:inherit;vertical-align:baseline;content:""}
a.reset_variations::before {-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;font-family:"Font Awesome 5 Free";font-weight:900;line-height:inherit;vertical-align:baseline;content:"";margin-right:.5407911001em}
a.remove {display:block;width:1.618em;height:1.618em;line-height:1.618;font-weight:400;text-indent:-9999px;overflow:hidden;position:relative}
a.remove::before {-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;font-family:"Font Awesome 5 Free";font-weight:900;line-height:inherit;vertical-align:baseline;content:"";position:absolute;top:0;left:0;right:0;bottom:0;color:#737781;line-height:1.618;text-indent:0;text-align:center}

/* ===== inline block ===== */

@font-face {
				font-family: star;
				src: url(/wp-content/plugins/woocommerce/assets/fonts/star.eot);
				src:
					url(/wp-content/plugins/woocommerce/assets/fonts/star.eot#iefix) format("embedded-opentype"),
					url(../fonts/star.woff) format("woff"),
					url(../fonts/star.ttf) format("truetype"),
					url(../images/star.svg) format("svg");
				font-weight: 400;
				font-style: normal;
			}
			@font-face {
				font-family: WooCommerce;
				src: url(/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot);
				src:
					url(/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot#iefix) format("embedded-opentype"),
					url(../fonts/WooCommerce.woff) format("woff"),
					url(../fonts/WooCommerce.ttf) format("truetype"),
					url(../images/WooCommerce.svg) format("svg");
				font-weight: 400;
				font-style: normal;
			}

			a.cart-contents,
			.site-header-cart .widget_shopping_cart a {
				color: #333333;
			}

			a.cart-contents:hover,
			.site-header-cart .widget_shopping_cart a:hover,
			.site-header-cart:hover > li > a {
				color: #747474;
			}

			table.cart td.product-remove,
			table.cart td.actions {
				border-top-color: #ffffff;
			}

			.storefront-handheld-footer-bar ul li.cart .count {
				background-color: #333333;
				color: #ffffff;
				border-color: #ffffff;
			}

			.woocommerce-tabs ul.tabs li.active a,
			ul.products li.product .price,
			.onsale,
			.wc-block-grid__product-onsale,
			.widget_search form:before,
			.widget_product_search form:before {
				color: #6d6d6d;
			}

			.woocommerce-breadcrumb a,
			a.woocommerce-review-link,
			.product_meta a {
				color: #727272;
			}

			.wc-block-grid__product-onsale,
			.onsale {
				border-color: #6d6d6d;
			}

			.star-rating span:before,
			.quantity .plus, .quantity .minus,
			p.stars a:hover:after,
			p.stars a:after,
			.star-rating span:before,
			#payment .payment_methods li input[type=radio]:first-child:checked+label:before {
				color: #7f54b3;
			}

			.widget_price_filter .ui-slider .ui-slider-range,
			.widget_price_filter .ui-slider .ui-slider-handle {
				background-color: #7f54b3;
			}

			.order_details {
				background-color: #f8f8f8;
			}

			.order_details > li {
				border-bottom: 1px dotted #e3e3e3;
			}

			.order_details:before,
			.order_details:after {
				background: -webkit-linear-gradient(transparent 0,transparent 0),-webkit-linear-gradient(135deg,#f8f8f8 33.33%,transparent 33.33%),-webkit-linear-gradient(45deg,#f8f8f8 33.33%,transparent 33.33%)
			}

			#order_review {
				background-color: #ffffff;
			}

			#payment .payment_methods > li .payment_box,
			#payment .place-order {
				background-color: #fafafa;
			}

			#payment .payment_methods > li:not(.woocommerce-notice) {
				background-color: #f5f5f5;
			}

			#payment .payment_methods > li:not(.woocommerce-notice):hover {
				background-color: #f0f0f0;
			}

			.woocommerce-pagination .page-numbers li .page-numbers.current {
				background-color: #e6e6e6;
				color: #636363;
			}

			.wc-block-grid__product-onsale,
			.onsale,
			.woocommerce-pagination .page-numbers li .page-numbers:not(.current) {
				color: #6d6d6d;
			}

			p.stars a:before,
			p.stars a:hover~a:before,
			p.stars.selected a.active~a:before {
				color: #6d6d6d;
			}

			p.stars.selected a.active:before,
			p.stars:hover a:before,
			p.stars.selected a:not(.active):before,
			p.stars.selected a.active:before {
				color: #7f54b3;
			}

			.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
				background-color: #eeeeee;
				color: #333333;
			}

			.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
				background-color: #d5d5d5;
				border-color: #d5d5d5;
				color: #333333;
			}

			.button.added_to_cart:focus,
			.button.wc-forward:focus {
				outline-color: #7f54b3;
			}

			.added_to_cart,
			.site-header-cart .widget_shopping_cart a.button,
			.wc-block-grid__products .wc-block-grid__product .wp-block-button__link {
				background-color: #eeeeee;
				border-color: #eeeeee;
				color: #333333;
			}

			.added_to_cart:hover,
			.site-header-cart .widget_shopping_cart a.button:hover,
			.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover {
				background-color: #d5d5d5;
				border-color: #d5d5d5;
				color: #333333;
			}

			.added_to_cart.alt, .added_to_cart, .widget a.button.checkout {
				background-color: #333333;
				border-color: #333333;
				color: #ffffff;
			}

			.added_to_cart.alt:hover, .added_to_cart:hover, .widget a.button.checkout:hover {
				background-color: #1a1a1a;
				border-color: #1a1a1a;
				color: #ffffff;
			}

			.button.loading {
				color: #eeeeee;
			}

			.button.loading:hover {
				background-color: #eeeeee;
			}

			.button.loading:after {
				color: #333333;
			}

			@media screen and ( min-width: 768px ) {
				.site-header-cart .widget_shopping_cart,
				.site-header .product_list_widget li .quantity {
					color: #404040;
				}

				.site-header-cart .widget_shopping_cart .buttons,
				.site-header-cart .widget_shopping_cart .total {
					background-color: #f5f5f5;
				}

				.site-header-cart .widget_shopping_cart {
					background-color: #f0f0f0;
				}
			}
				.storefront-product-pagination a {
					color: #6d6d6d;
					background-color: #ffffff;
				}
				.storefront-sticky-add-to-cart {
					color: #6d6d6d;
					background-color: #ffffff;
				}

				.storefront-sticky-add-to-cart a:not(.button) {
					color: #333333;
				}
/*# sourceURL=storefront-woocommerce-style-inline-css */


/* ===== linked: css/style-a5cbe0.css ===== */
/**!!
 * Theme Name:     Systeller (Storefront)
 * Author:         Markerita
 * Template:       storefront
 * Text Domain:	   systeller-storefront
 * Description:    Theme created by Markerita for Systeller.
 * Author URI:     https://www.markerita.in/
 * Version:        1.0.4
 */

body.policies .content-area {
	max-width: 900px;
	padding: 24px;
	margin-left: auto !important;
	margin-right: auto !important;
}

body.policies main.site-main > article > header > .entry-title {
	text-align: center;
}

/* ===== inline block ===== */
@font-face {font-family:Noto Sans Devanagari;font-style:normal;font-weight:400;src:url(../fonts/normal-44e166.woff2);unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09;font-display:swap;}@font-face {font-family:Noto Sans Devanagari;font-style:normal;font-weight:400;src:url(../fonts/normal-44e166.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Noto Sans Devanagari;font-style:normal;font-weight:400;src:url(../fonts/normal-44e166.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Noto Sans Devanagari;font-style:normal;font-weight:500;src:url(../fonts/normal-44e166.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Noto Sans Devanagari;font-style:normal;font-weight:500;src:url(../fonts/normal-44e166.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Noto Sans Devanagari;font-style:normal;font-weight:500;src:url(../fonts/normal-44e166.woff2);unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09;font-display:swap;}@font-face {font-family:Noto Sans Devanagari;font-style:normal;font-weight:600;src:url(../fonts/normal-44e166.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Noto Sans Devanagari;font-style:normal;font-weight:600;src:url(../fonts/normal-44e166.woff2);unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09;font-display:swap;}@font-face {font-family:Noto Sans Devanagari;font-style:normal;font-weight:600;src:url(../fonts/normal-44e166.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Noto Sans Devanagari;font-style:normal;font-weight:700;src:url(../fonts/normal-44e166.woff2);unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09;font-display:swap;}@font-face {font-family:Noto Sans Devanagari;font-style:normal;font-weight:700;src:url(../fonts/normal-44e166.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Noto Sans Devanagari;font-style:normal;font-weight:700;src:url(../fonts/normal-44e166.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Noto Sans Devanagari;font-style:normal;font-weight:800;src:url(../fonts/normal-44e166.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Noto Sans Devanagari;font-style:normal;font-weight:800;src:url(../fonts/normal-44e166.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Noto Sans Devanagari;font-style:normal;font-weight:800;src:url(../fonts/normal-44e166.woff2);unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09;font-display:swap;}

/* ===== inline block ===== */

			.no-js img.lazyload {
				display: none;
			}

			figure.wp-block-image img.lazyloading {
				min-width: 150px;
			}

			.lazyload,
			.lazyloading {
				--smush-placeholder-width: 100px;
				--smush-placeholder-bg-max-width: 120px;
				--smush-placeholder-aspect-ratio: 1/1;
				width: var(--smush-image-width, var(--smush-placeholder-width)) !important;
				aspect-ratio: var(--smush-image-aspect-ratio, var(--smush-placeholder-aspect-ratio)) !important;
			}

						.lazyload, .lazyloading {
				opacity: 0;
			}

			.lazyloaded {
				opacity: 1;
				transition: opacity 400ms;
				transition-delay: 0ms;
			}

					

/* ===== inline block ===== */

            :root {
                --hero-bg: url(../images/banner-home-desktop.webp);
                --hero-bg-position: center top;
            }

            @media (max-width: 992px) {
                :root {
                    --hero-bg: url(../images/hero-tablet-banner.webp);
                    --hero-bg-position: center 20%;
                }
            }

            @media (max-width: 576px) {
                :root {
                    --hero-bg: url(../images/hero-mobile-banner.webp);
                    --hero-bg-position: center top;
                }
            }

            @supports (background-image: url("data:image/avif;base64,UklGRiIAAABXRUJQVlA4TAYAAAAvAAAAAAfQ//73v/+BiOh/AAA=")) {
                :root {
                    --hero-bg: url(../images/banner-home-desktop.webp);
                }

                @media (max-width: 992px) {
                    :root {
                        --hero-bg: url(../images/hero-tablet-banner.webp);
                    }
                }

                @media (max-width: 576px) {
                    :root {
                        --hero-bg: url(../images/hero-mobile-banner.webp);
                    }
                }
            }
        

/* ===== inline block ===== */
.woocommerce-product-gallery{ opacity: 1 !important; }

/* ===== inline block ===== */
.wpgs-for .slick-arrow::before,.wpgs-nav .slick-prev::before, .wpgs-nav .slick-next::before{color:#000;}.fancybox-bg{background-color:rgba(10,0,0,0.75);}.fancybox-caption,.fancybox-infobar{color:#fff;}.wpgs-nav .slick-slide{border-color:transparent}.wpgs-nav .slick-current{border-color:#000}.wpgs-video-wrapper{min-height:500px;}

/* ===== inline block ===== */

#yay-ads-wrapper {
  display: none;
}


.page-id-1796 #content > .col-full
{
	width: 100%;
    max-width: 100%;
    padding: 0px;
	    margin-left: 0px;
    margin-right: 0px;
}

.page-id-2508 #content>.col-full {
    width: 100%;
    max-width: 100%;
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

@media (min-width:768px)
{
.nav.nav-tabs.elementkit-tab-nav
{
	    width: 69% ;
} 

.blue-product-section	.model-text {
position: absolute;
    padding-left: 70%;
    padding-top: 18px;	
	}
	.white-product-section	.model-text {	
	position: absolute;
    padding-top: 19px;
    padding-left: 17px;
}	
.mobile-product-description
	{
		display:none !Important;
	}
	
}

@media (max-width:767px)
{
	.white-product-section .mobile-product-description
	{
		    color: #000 ! Important;
    font-family: "Poppins", Sans-serif;
    font-size: 14.5px;
    font-weight: 400;
    line-height: 1.2em;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
    padding: 0px 8px 0px 8px;
	}
		.blue-product-section .mobile-product-description
	{	
	    color: #fff ! Important;
    font-family: "Poppins", Sans-serif;
    font-size: 14.5px;
    font-weight: 400;
    line-height: 1.2em;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
    padding: 0px 8px 0px 8px;
}

	/* removed: global 'table tr:first-child td:first-child/nth-child(2){display:none}' — was hiding first 2 cells of every table's first row on screens <=767px */

	
 
	
	.elementskit-tab-title
	{
		font-size:12px !Important;
	}

	.tab-content.elementkit-tab-content td
	{
		font-size:15px !Important;
	}
	
	.blue-product-section table tr {
    display: flex;
}

.blue-product-section table tr td:nth-child(1) {
    order: 2;  
	width:50%;
	text-align: left !Important;
}

.blue-product-section table tr td:nth-child(2) {
    order: 1;
	width:50%;
	text-align: left  !Important;
}
	
	.white-product-section table tr td {
 
	width:50%;
 
}
	
}
 

.four-tabs .nav.nav-tabs.elementkit-tab-nav li
{
	width:25%;
	display:flex;
}


 .nav.nav-tabs.elementkit-tab-nav li a
{
 width:100%;
}


.two-tabs .nav.nav-tabs.elementkit-tab-nav li
{
	width:50%;
	display:flex;
}

  .nav.nav-tabs.elementkit-tab-nav li a
{
    padding-left: 0px !Important;
}

.white-product-section .nav.nav-tabs.elementkit-tab-nav
{
	    float: right;
	display: inline-flex  !Important;
    flex-wrap: nowrap !Important;
}

.blue-product-section .nav.nav-tabs.elementkit-tab-nav
{
 
	display: inline-flex  !Important;
    flex-wrap: nowrap !Important;
	    min-height: 56px;
}


.white-product-section .tab-content.elementkit-tab-content td
{
 
    background: transparent ! Important;
    color: #000 ! Important;
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;
	 white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
}

.blue-product-section .tab-content.elementkit-tab-content td
{
 
    background: transparent ! Important;
    color: #fff ! Important;
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;
	 white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
}

.blue-product-section table td:nth-child(odd) {
    text-align:right;
			padding: 8px ! Important;
	padding-right: 16px ! Important;
	width:70%;
}

.white-product-section table td:nth-child(even) {
    width:69.5%;
}

.nav.nav-tabs.elementkit-tab-nav
{
	max-width:100%;
}

.nav.nav-tabs.elementkit-tab-nav li span{
display: inline-block; 
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
}

.blue-product-section table td:nth-child(even) {
    	padding: 8px ! Important;
}




.ekit-wid-con .elementkit-tab-nav .elementkit-nav-item{
	   
}

.nav.nav-tabs.elementkit-tab-nav li span
{
	white-space: normal;
}

.tab-pane.elementkit-tab-pane
{
	padding-bottom:0px !Important;
	    padding-top: 7px ! IMPORTANT;
}

.blue-product-section table 
{
	margin-bottom:0px;
}

.white-product-section table 
{
	margin-bottom:0px;
}

.white-product-section table td 
{
	padding:8px !Important;
}



.zigzag-products .our-products-subheader mark {
  padding: 2px 8px;
  border-radius: var(--shape-border-radius);
  text-shadow: none;
  background-color: var(--primary-main) !important;
  color: var(--common-white) !important;
  text-shadow: var(--text-primary-shadow);
}

.zigzag-products .img-block.img-1
{
	background-color: #c48924;
}

.zigzag-products .img-block.img-2
{
	background-color: #0066b1;
}
.zigzag-products .img-block.img-3
{
	background-color: #42afd4;
}
.zigzag-products .img-block.img-4
{
	background-color: #c44647;
}
.zigzag-products .img-block.img-5
{
	background-color: #27ae80;
}

.zigzag-products {
   padding: 60px 0px  5px 0px;
    display: flex;
    flex-direction: column;
    gap: 35px;
    padding-left: 1.5em;
    padding-right: 1.5em;
    max-width: 1200px;
    margin: 0 auto;
}

/* ROWS */
.zigzag-products .product-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    width: 100%;
}

/* ZIG ZAG — ONLY ROW 2 REVERSES */
.zigzag-products .row-2 {
    flex-direction: row-reverse;
}

.zigzag-products .row-4 {
    flex-direction: row-reverse;
}

/* IMAGE BLOCK */
.zigzag-products .img-block {
    width: 50%;
    height: 364px;
    border-radius: 18px;
    background-size: cover;
    background-position: center;
    position: relative;
       box-shadow: 0 4px 16px rgb(0 0 0 / 5%);
}

.zigzag-products .img-block .logo {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 120px;
}

/* IMAGES */
.zigzag-products .img-3 { background-image: url(../images/Integrated-Solar-Street-Light.webp); }
.zigzag-products .img-4 { background-image: url(../images/Solar-Street-Lights.webp); }
.zigzag-products .img-5 { background-image: url(../images/pwm-hls-front-view.webp); }

/* TEXT BLOCK */
.zigzag-products .text-block {
    width: 50%;
}

.zigzag-products .text-block h3 {
    font-size: 30px;
    margin-bottom: 10px;
    font-weight: 700;
	
	color: #000000e6;
}

.zigzag-products .text-block p {
    font-size: 18px;
    color: #000c;
}

.zigzag-products .wp-block-group__inner-container
{
	text-align: center;
}

.zigzag-products .product-row a
{
	display:contents;
}

/* RESPONSIVE FIX */
@media (max-width: 767px) {
    .zigzag-products .product-row,
    .zigzag-products .row-2 {
        flex-direction: column;
        text-align: center;
    }
    .zigzag-products .img-block,
    .zigzag-products .text-block {
        width: 100%;
    }
	
	.zigzag-products .product-row
	{
	      gap: 23px;
	}
	
	.zigzag-products .text-block h3
	{
		font-size: 24px;
	}
	
	.zigzag-products .text-block p
	{
	    font-size: 16px;
	}
	
	.zigzag-products .img-block
	{
		    height: 265px;
	}
	.zigzag-products
	{
	    gap: 10px !Important;
	    padding: 48px 20px 0px 20px;
	}
	
	.zigzag-products .wp-block-group__inner-container h2
	{
		font-size: 1.9rem;
	}
	
	.product-row h3 a
{
font-size: 26px !Important;
   
}
	
	
}


@media (max-width: 1024px) and (min-width: 767px) {
	
	.zigzag-products .img-block  
	{
		height: 255px;
	}
	
	.zigzag-products .text-block h3
	{
		    font-size: 26px;
	}
	
	.zigzag-products .text-block p 
	{
		    font-size: 16px;
	}
	
	.zigzag-products
	{
		gap: 20px;
	}
}

.product-row h3 a
{
font-size: 30px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #000000e6;
}
 
.product_meta .tagged_as {
    display: none;
}

.woocommerce-product-details__short-description .tagged_as,
.product_meta span.tagged_as {
    display: none;
}

.woocommerce-Tabs-panel h2,
.entry-content h2,
.wc-tab h2 {
    margin-top: 8px !important;
    padding-top: 0px !important;
    margin-bottom: 8px !important;
}

.se-product-img p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

.se-product-img {
    text-align: center;
    margin: 10px 0;
    line-height: 0;
    font-size: 0;
}

.se-know-more {
    font-size: 14px !important;
    line-height: normal !important;
    display: inline-block !important;
    margin-top: 6px !important;
    padding: 6px 18px !important;
    background-color: #f0a500 !important;
    color: #fff !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

.se-know-more:hover {
    background-color: #d48e00 !important;
    color: #fff !important;
}

.wp-block-html * {
  font-family: 'Noto Sans Devanagari', sans-serif;
}



.scc-page{
  --ink:#0E1A17; --green:#0F6E56; --green-deep:#04342C; --amber:#EF9F27; --amber-deep:#BA7517;
  --amber-soft:#FAEEDA; --green-soft:#E1F5EE; --sand:#FAF7F0; --line:rgba(14,26,23,0.12);
  --line-soft:rgba(14,26,23,0.07); --muted:#586863; --r:14px;
  font-family:'Inter',system-ui,-apple-system,sans-serif; color:var(--ink); line-height:1.65;
  background:var(--sand); -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
.scc-page *{box-sizing:border-box;}
.scc-page img{max-width:100%;display:block;}
.scc-page a{color:var(--green);text-decoration:none;}
.scc-page a:hover{text-decoration:underline;}
.scc-page h1,.scc-page h2,.scc-page h3,.scc-page h4{font-family:'Sora',sans-serif;font-weight:600;line-height:1.18;margin:0;letter-spacing:-0.01em;color:var(--ink);}
.scc-page h1{font-size:clamp(1.9rem,4vw,2.9rem);}
.scc-page h2{font-size:clamp(1.45rem,2.6vw,2rem);}
.scc-page h3{font-size:1.2rem;}
.scc-page h4{font-size:1rem;}
.scc-page p{margin:0;}
.scc-page .wrap{max-width:1140px;margin:0 auto;padding:0 22px;}
.scc-page .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--amber-deep);font-weight:500;}
.scc-page .btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:30px;font-weight:600;font-size:0.9rem;transition:transform .15s ease,background .2s ease;border:1px solid transparent;cursor:pointer;}
.scc-page .btn:hover{transform:translateY(-2px);text-decoration:none;}
.scc-page .btn-primary{background:var(--green);color:#fff;}
.scc-page .btn-amber{background:var(--amber);color:var(--green-deep);}
.scc-page .btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line);}
.scc-page .btn-sm{padding:8px 16px;font-size:0.84rem;}
.scc-page section{padding:50px 0;}
.scc-page .arrow{font-size:1.05em;}

/* HERO */
.scc-hero{background:linear-gradient(120deg,#04342C,#0F6E56);color:#fff;padding:62px 0 56px;}
.scc-hero .eyebrow{color:var(--amber);}
.scc-hero h1{color:#fff;margin:12px 0 6px;}
.scc-hero .sub{font-size:1.15rem;color:rgba(255,255,255,0.85);font-family:'Sora';font-weight:500;}
.scc-hero .stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0 26px;}
.scc-hero .stat{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.16);border-radius:var(--r);padding:18px 20px;}
.scc-hero .stat .l{font-size:0.82rem;color:rgba(255,255,255,0.78);}
.scc-hero .stat .v{font-family:'Sora';font-weight:700;font-size:1.5rem;color:#fff;margin-top:4px;}
.scc-hero .cta-row{display:flex;gap:12px;flex-wrap:wrap;}

/* INTRO / PROSE */
.scc-prose h2{margin-bottom:8px;}
.scc-prose .lede{font-size:1.05rem;color:var(--muted);font-family:'Sora';font-weight:500;margin:6px 0 18px;}
.scc-prose p{color:var(--muted);margin-bottom:16px;font-size:1rem;}
.scc-prose p:last-child{margin-bottom:0;}

/* STEPS */
.scc-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px;}
.scc-step{background:#fff;border:1px solid var(--line-soft);border-radius:var(--r);padding:22px 24px;}
.scc-step .n{font-family:'IBM Plex Mono',monospace;font-size:0.75rem;color:var(--amber-deep);letter-spacing:0.1em;text-transform:uppercase;}
.scc-step h4{margin:6px 0 8px;}
.scc-step p{color:var(--muted);font-size:0.92rem;margin:0;}

/* PRODUCT BLOCKS */
.scc-range-head{margin-bottom:8px;}
.scc-product{background:#fff;border:1px solid var(--line-soft);border-radius:var(--r);overflow:hidden;margin-bottom:22px;display:grid;grid-template-columns:300px 1fr;}
.scc-prod-media{background:#fff;border-right:1px solid var(--line-soft);display:flex;align-items:center;justify-content:center;padding:24px;min-height:220px;}
.scc-prod-media img{max-width:100%;max-height:230px;object-fit:contain;}
.scc-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--green);text-align:center;}
.scc-ph svg{opacity:0.5;}
.scc-ph span{font-family:'Sora';font-weight:600;font-size:0.92rem;color:var(--muted);}
.scc-prod-main{padding:26px 28px;display:flex;flex-direction:column;gap:12px;min-width:0;}
.scc-prod-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;}
.scc-prod-main .model{font-family:'IBM Plex Mono',monospace;font-size:0.82rem;color:var(--amber-deep);margin-top:2px;}
.scc-prod-main .brief{color:var(--muted);font-size:0.94rem;}

/* SPEC TABLE */
.scc-table-wrap{overflow-x:auto;border:1px solid var(--line-soft);border-radius:10px;}
.scc-spec{width:100%;border-collapse:collapse;font-size:0.88rem;min-width:520px;}
.scc-spec th,.scc-spec td{text-align:left;padding:10px 13px;border-bottom:1px solid var(--line-soft);vertical-align:top;}
.scc-spec thead th{background:var(--green-soft);color:var(--green-deep);font-family:'Sora';font-weight:600;font-size:0.82rem;}
.scc-spec tbody th{font-weight:500;color:var(--ink);background:rgba(14,26,23,0.02);white-space:nowrap;font-family:'Inter';}
.scc-spec td{color:var(--muted);}
.scc-spec tr:last-child th,.scc-spec tr:last-child td{border-bottom:none;}

/* CTA */
.scc-cta{background:var(--green-deep);color:#fff;text-align:center;}
.scc-cta h2{color:#fff;margin-bottom:10px;}
.scc-cta p{color:rgba(255,255,255,0.85);max-width:560px;margin:0 auto 22px;}
.scc-cta .cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.scc-cta .btn-ghost{color:#fff;border-color:rgba(255,255,255,0.4);}

@media(max-width:860px){
  .scc-hero .stat-row{grid-template-columns:1fr;}
  .scc-steps{grid-template-columns:1fr;}
  .scc-product{grid-template-columns:1fr;}
  .scc-prod-media{border-right:none;border-bottom:1px solid var(--line-soft);min-height:180px;}
}


.syst-page{
  --ink:#0E1A17; --green:#0F6E56; --green-deep:#04342C; --amber:#EF9F27; --amber-deep:#BA7517;
  --amber-soft:#FAEEDA; --green-soft:#E1F5EE; --sand:#FAF7F0; --line:rgba(14,26,23,0.12);
  --line-soft:rgba(14,26,23,0.07); --muted:#586863; --r:14px;
  font-family:'Inter',system-ui,-apple-system,sans-serif; color:var(--ink); line-height:1.65;
  background:var(--sand); -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
.syst-page *{box-sizing:border-box;}
.syst-page img{max-width:100%;display:block;}
.syst-page a{color:inherit;text-decoration:none;}
/* canonical breadcrumb (gold standard = /product/solar-power-plant-installation/) */
.syst-page .crumbs{font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:.85rem;color:rgba(255,255,255,.82);margin:0 0 16px;}
.syst-page .crumbs a{color:#ffd789;text-decoration:none;}
.syst-page .crumbs a:hover{text-decoration:underline;}
.syst-page .crumbs .sep{opacity:.5;margin:0 6px;}
.syst-page h1,.syst-page h2,.syst-page h3{font-family:'Sora',sans-serif;font-weight:600;line-height:1.16;margin:0;letter-spacing:-0.01em;}
.syst-page h1{font-size:clamp(2.1rem,4.8vw,3.5rem);}
.syst-page h2{font-size:clamp(1.55rem,3vw,2.25rem);}
.syst-page h3{font-size:1.12rem;font-weight:600;}
.syst-page p{margin:0;}
.syst-page .wrap{max-width:1180px;margin:0 auto;padding:0 22px;}
.syst-page .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--amber-deep);font-weight:500;}
.syst-page .btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:30px;font-weight:600;font-size:0.94rem;transition:transform .15s ease,background .2s ease;cursor:pointer;border:1px solid transparent;font-family:'Inter',sans-serif;}
.syst-page .btn:hover{transform:translateY(-2px);}
.syst-page .btn-primary{background:var(--green);color:#fff;}
.syst-page .btn-primary:hover{background:#0c5a47;}
.syst-page .btn-amber{background:var(--amber);color:var(--green-deep);}
.syst-page .btn-amber:hover{background:#e4920f;}
.syst-page .btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line);}
.syst-page .btn-ghost:hover{background:rgba(14,26,23,0.04);}
.syst-page .btn-light{background:#fff;color:var(--green-deep);}
.syst-page .btn-outline-light{background:transparent;color:#fff;border:1px solid rgba(255,255,255,0.45);}
.syst-page .btn-outline-light:hover{background:rgba(255,255,255,0.12);}
.syst-page .arrow{font-size:1.05em;line-height:1;}
.syst-page section{padding:66px 0;}
.syst-page .sec-head{max-width:660px;margin-bottom:36px;}
.syst-page .sec-head h2{margin:10px 0 12px;}
.syst-page .sec-head p{color:var(--muted);font-size:1.04rem;}
.syst-page .center{margin-left:auto;margin-right:auto;text-align:center;}

/* HERO */
.syst-hero{position:relative;color:#fff;background:linear-gradient(105deg,rgba(4,52,44,0.88),rgba(14,26,23,0.55)),url('/images/unsplash-photo-1508514177221-188b1cf16e9d.webp') center/cover no-repeat;padding:96px 0 84px;}
.syst-hero .eyebrow{color:var(--amber);}
.syst-hero h1{margin:16px 0 18px;max-width:780px;color:#fff;}
.syst-hero p.lead{font-size:1.14rem;color:rgba(255,255,255,0.88);max-width:600px;}
.syst-hero .cta-row{display:flex;gap:13px;margin-top:30px;flex-wrap:wrap;}
.syst-hero .badges{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:38px;font-size:0.86rem;color:rgba(255,255,255,0.85);font-weight:500;}
.syst-hero .badges span{display:inline-flex;align-items:center;gap:8px;}
.syst-hero .badges svg{color:var(--amber);flex-shrink:0;}

/* ENERGY PATH */
.syst-path-sec{background:#fff;}
.syst-epath{display:flex;align-items:stretch;gap:0;margin-top:6px;}
.syst-estage{flex:1;text-align:center;padding:8px 6px;display:flex;flex-direction:column;align-items:center;transition:transform .15s ease;}
.syst-estage:hover{transform:translateY(-4px);}
.syst-enode{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:15px;}
.syst-estage .stage-lbl{font-family:'IBM Plex Mono',monospace;font-size:0.66rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);margin-bottom:3px;}
.syst-estage .stage-name{font-family:'Sora';font-weight:600;font-size:1.02rem;color:var(--ink);}
.syst-estage .stage-sub{font-size:0.8rem;color:var(--muted);margin-top:2px;}
.syst-econn{display:flex;align-items:flex-start;padding-top:28px;color:var(--line);flex:0 0 26px;}
.syst-econn svg{width:26px;height:26px;}
.syst-n-sun{background:var(--amber-soft);color:var(--amber-deep);}
.syst-n-green{background:var(--green-soft);color:var(--green);}
.syst-n-blue{background:#E6F1FB;color:#185FA5;}
.syst-n-purple{background:#EEEDFE;color:#534AB7;}
.syst-n-amber{background:#FBE6C8;color:var(--amber-deep);}

/* GRIDS / CARDS */
.syst-grid{display:grid;gap:20px;}
.syst-g4{grid-template-columns:repeat(4,1fr);}
.syst-g3{grid-template-columns:repeat(3,1fr);}
.syst-card{background:#fff;border:1px solid var(--line-soft);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease;}
.syst-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(14,26,23,0.1);}
.syst-card .thumb{aspect-ratio:4/3;background:var(--amber-soft);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.syst-card .thumb img{width:100%;height:100%;object-fit:cover;}
.syst-card .thumb.contain{background:#fff;}
.syst-card .thumb.contain img{object-fit:contain;padding:16px;}
.syst-card .body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:7px;flex:1;}
.syst-card .tag{font-family:'IBM Plex Mono',monospace;font-size:0.68rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--amber-deep);}
.syst-card .body p{color:var(--muted);font-size:0.9rem;}
.syst-card .card-pts{margin:1px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:0.9rem;}
.syst-card .card-pts li{list-style:disc;}
.syst-card .link{margin-top:auto;font-weight:600;color:var(--green);font-size:0.9rem;display:inline-flex;align-items:center;gap:6px;}
.syst-card:hover .link{gap:10px;}

/* PRODUCT ROWS */
.syst-prow{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#fff;border:1px solid var(--line-soft);border-radius:var(--r);overflow:hidden;margin-bottom:20px;}
.syst-prow .pimg{min-height:300px;background:var(--amber-soft);}
.syst-prow .pimg img{width:100%;height:100%;object-fit:cover;}
.syst-prow .pimg.contain{background:#fff;display:flex;align-items:center;justify-content:center;}
.syst-prow .pimg.contain img{object-fit:contain;padding:26px;}
.syst-prow .ptext{padding:36px 40px;display:flex;flex-direction:column;justify-content:center;gap:12px;}
.syst-prow .specs{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 6px;}
.syst-pill{background:var(--green-soft);color:var(--green-deep);font-size:0.78rem;font-weight:500;padding:5px 12px;border-radius:20px;}
.syst-pill.amber{background:var(--amber-soft);color:var(--amber-deep);}
.syst-prow .links{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px;}
.syst-minilist{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;}
.syst-minilist a{font-size:0.8rem;background:rgba(14,26,23,0.04);border:1px solid var(--line-soft);padding:5px 11px;border-radius:8px;color:var(--ink);font-weight:500;}
.syst-minilist a:hover{background:var(--green-soft);color:var(--green-deep);}

/* IMAGE BANDS */
.syst-band{position:relative;color:#fff;background:linear-gradient(90deg,rgba(4,52,44,0.93),rgba(4,52,44,0.6)),url('/images/unsplash-photo-1756913454500-2e5487528409.webp') center/cover no-repeat;}
.syst-band .eyebrow{color:var(--amber);}
.syst-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 32px;margin-top:32px;}
.syst-why-item{display:flex;gap:13px;align-items:flex-start;}
.syst-why-item .ic{flex-shrink:0;width:42px;height:42px;border-radius:11px;background:rgba(255,255,255,0.13);display:flex;align-items:center;justify-content:center;color:var(--amber);}
.syst-why-item h3{color:#fff;font-size:1.02rem;}
.syst-why-item p{color:rgba(255,255,255,0.78);font-size:0.88rem;}

/* QUOTE / POSITION BAND */
.syst-quote{position:relative;color:#fff;text-align:center;background:linear-gradient(rgba(14,26,23,0.55),rgba(4,52,44,0.7)),url('/images/unsplash-photo-1761472823286-9f6093ed6663.webp') center/cover no-repeat;}
.syst-quote .wrap{padding:84px 22px;}
.syst-quote h2{color:#fff;max-width:760px;margin:0 auto;font-weight:500;}
.syst-quote .eyebrow{color:var(--amber);display:block;margin-bottom:14px;}

/* STATS */
.syst-stats{background:var(--green-deep);color:#fff;}
.syst-stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:46px 22px;text-align:center;}
.syst-stats .num{font-family:'Sora';font-weight:700;font-size:2.1rem;color:var(--amber);line-height:1;}
.syst-stats .lbl{color:rgba(255,255,255,0.78);font-size:0.86rem;margin-top:8px;}

/* CLIENTS */
.syst-logos{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center;margin-top:8px;}
.syst-logo{width:158px;height:88px;background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;padding:16px 20px;transition:box-shadow .2s ease,transform .2s ease;}
.syst-logo img{max-width:100%;max-height:100%;object-fit:contain;}
.syst-logo .fallback{display:none;font-family:'Sora';font-weight:600;color:var(--muted);font-size:0.92rem;text-align:center;line-height:1.2;}
@media(max-width:480px){.syst-logo{width:44%;height:74px;}}

/* HOW TO BUY */
.syst-buy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.syst-buy-card{background:#fff;border:1px solid var(--line-soft);border-radius:var(--r);padding:28px 26px;text-align:center;}
.syst-buy-card .ic{width:54px;height:54px;border-radius:14px;background:var(--green-soft);color:var(--green);display:flex;align-items:center;justify-content:center;margin:0 auto 15px;}
.syst-buy-card h3{margin-bottom:7px;}
.syst-buy-card p{color:var(--muted);font-size:0.9rem;margin-bottom:16px;}

/* CTA */
.syst-cta{position:relative;color:#fff;text-align:center;background:linear-gradient(180deg,rgba(14,26,23,0.8),rgba(4,52,44,0.92)),url('/images/unsplash-photo-1749402672019-b75ed3aa4ae7.webp') center/cover no-repeat;}
.syst-cta .wrap{padding:80px 22px;}
.syst-cta h2{color:#fff;margin-bottom:12px;}
.syst-cta p{color:rgba(255,255,255,0.86);max-width:580px;margin:0 auto 28px;}
.syst-cta .cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}

/* parallax on desktop */
@media(min-width:900px){
  .syst-hero,.syst-band,.syst-quote,.syst-cta{background-attachment:fixed;}
}

/* reveal */
.syst-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;}
.syst-reveal.syst-in{opacity:1;transform:none;}

/* responsive */
@media(max-width:760px){
  .syst-page section{padding:50px 0;}
  .syst-hero{padding:70px 0 56px;}
  .syst-epath{flex-direction:column;gap:6px;}
  .syst-econn{flex:none;padding:2px 0;justify-content:center;transform:rotate(90deg);}
  .syst-estage{flex-direction:row;text-align:left;gap:15px;width:100%;padding:8px 4px;}
  .syst-enode{margin-bottom:0;width:58px;height:58px;flex-shrink:0;}
  .syst-g4,.syst-g3{grid-template-columns:1fr 1fr;}
  .syst-prow{grid-template-columns:1fr;}
  .syst-prow .pimg{min-height:230px;}
  .syst-prow .pimg.order-first{order:-1;}
  .syst-stats .wrap{grid-template-columns:1fr 1fr!important;gap:28px;}
  .syst-buy-grid{grid-template-columns:1fr;}
  .syst-why-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:480px){
  .syst-g4,.syst-g3{grid-template-columns:1fr;}
  .syst-why-grid{grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce){.syst-reveal{opacity:1;transform:none;transition:none;}}

/* =============================================
   MOBILE FIX for .scc-page custom card layout
   ============================================= */

@media (max-width: 767px) {

  /* 1. Force product cards to stack vertically */
  .scc-card,
  .scc-page .scc-card,
  .scc-page [class*="card"] {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem;
  }

  /* 2. Make ALL direct children of cards full width */
  .scc-card > *,
  .scc-page .scc-card > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex-shrink: 1 !important;
  }

  /* 3. Fix the collapsed table wrapper (was 2px!) */
  .scc-table-wrap {
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  /* 4. Let tables be their natural size inside scrollable wrapper */
  table.scc-spec {
    width: max-content;
    min-width: 100%;
    font-size: 13px;
  }

  /* 5. Fix narrow H3 containers */
  .scc-page h3,
  .scc-page p,
  .scc-page h3 + *,
  .scc-card h3 {
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    word-wrap: break-word !important;
  }

  /* 6. Constrain images */
  .scc-page img,
  .scc-card img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* 7. Prevent page-level horizontal scroll */
  .scc-page {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
}



/* ===== inline block ===== */

.syst-page{
  --ink:#0E1A17; --green:#0F6E56; --green-deep:#04342C; --amber:#EF9F27; --amber-deep:#BA7517;
  /* ===== Extra hero top space ADDED to the base 96px (so true top padding = 96px + this). Header is
     a 76px in-flow sticky bar, so a small value is enough; large values leave a dead band. ===== */
  --syst-top-offset:22px;
  --amber-soft:#FAEEDA; --green-soft:#E1F5EE; --sand:#FAF7F0; --line:rgba(14,26,23,0.12);
  --line-soft:rgba(14,26,23,0.07); --muted:#586863; --r:14px;
  font-family:'Inter',system-ui,-apple-system,sans-serif; color:var(--ink); line-height:1.65;
  background:var(--sand); -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
.syst-page,.syst-page *{box-sizing:border-box;}
.syst-page img{max-width:100%;display:block;height:auto;}
.syst-page a{color:inherit;text-decoration:none;}
.syst-page h1,.syst-page h2,.syst-page h3,.syst-page h4{font-family:'Sora',sans-serif;font-weight:600;line-height:1.16;margin:0;letter-spacing:-0.01em;color:var(--ink);}
.syst-page h1{font-size:clamp(2rem,4.6vw,3.3rem);}
.syst-page h2{font-size:clamp(1.5rem,3vw,2.15rem);}
.syst-page h3{font-size:1.12rem;font-weight:600;}
.syst-page p{margin:0;}
.syst-page .wrap{max-width:1180px;margin:0 auto;padding:0 22px;}
.syst-page .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--amber-deep);font-weight:500;}
.syst-page .btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:30px;font-weight:600;font-size:0.94rem;transition:transform .15s ease,background .2s ease;border:1px solid transparent;cursor:pointer;}
.syst-page .btn:hover{transform:translateY(-2px);text-decoration:none;}
.syst-page .btn-primary{background:var(--green);color:#fff;}
.syst-page .btn-primary:hover{background:#0c5a47;}
.syst-page .btn-amber{background:var(--amber);color:var(--green-deep);}
.syst-page .btn-amber:hover{background:#e4920f;}
.syst-page .btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line);}
.syst-page .btn-ghost:hover{background:rgba(14,26,23,0.04);}
.syst-page .btn-light{background:#fff;color:var(--green-deep);}
.syst-page .btn-outline-light{background:transparent;color:#fff;border:1px solid rgba(255,255,255,0.45);}
.syst-page .btn-outline-light:hover{background:rgba(255,255,255,0.12);}
.syst-page .arrow{font-size:1.05em;line-height:1;}
.syst-page section{padding:66px 0;}
.syst-page .sec-head{max-width:660px;margin-bottom:36px;}
.syst-page .sec-head h2{margin:10px 0 12px;}
.syst-page .sec-head p{color:var(--muted);font-size:1.04rem;}
.syst-page .center{margin-left:auto;margin-right:auto;text-align:center;}
/* HERO */
.syst-hero{position:relative;color:#fff;background:linear-gradient(105deg,rgba(4,52,44,0.88),rgba(14,26,23,0.55)),url('/images/unsplash-photo-1508514177221-188b1cf16e9d.webp') center/cover no-repeat;padding:84px 0 84px!important;}
.syst-hero .eyebrow{color:var(--amber);}
.syst-hero h1{margin:16px 0 18px;max-width:840px;color:#fff;}
.syst-hero p.lead{font-size:1.14rem;color:rgba(255,255,255,0.88);max-width:640px;}
/* emotional-hook line (gold sentence under the H1) — centralised so it stays uniform site-wide */
.syst-page .emph-hook{margin:0 0 14px;color:#ffd789;font-family:'Sora',sans-serif;font-weight:600;font-size:clamp(1.15rem,2.4vw,1.5rem);line-height:1.3;max-width:680px;}
.syst-hero .cta-row{display:flex;gap:13px;margin-top:30px;flex-wrap:wrap;}
.syst-hero .badges{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:38px;font-size:0.86rem;color:rgba(255,255,255,0.85);font-weight:500;}
.syst-hero .badges span{display:inline-flex;align-items:center;gap:8px;}
.syst-hero .badges svg{color:var(--amber);flex-shrink:0;}
/* GRID + CARDS (hardened so theme CSS cannot flatten them) */
.syst-page .syst-grid{display:grid!important;gap:20px;}
.syst-page .syst-g4{grid-template-columns:repeat(4,1fr)!important;}
.syst-page .syst-g3{grid-template-columns:repeat(3,1fr)!important;}
.syst-page .syst-card{position:relative;background:#fff;border:1px solid var(--line-soft);border-radius:var(--r);overflow:hidden;display:flex!important;flex-direction:column!important;transition:transform .18s ease,box-shadow .18s ease;cursor:pointer;}
.syst-page .syst-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(14,26,23,0.1);}
.syst-page .syst-card .stretch{position:absolute;inset:0;z-index:2;font-size:0;line-height:0;color:transparent;}
.syst-page .syst-card .thumb{display:flex!important;align-items:center;justify-content:center;aspect-ratio:4/3;background:var(--amber-soft);overflow:hidden;}
.syst-page .syst-card .thumb img{width:100%!important;height:100%!important;object-fit:cover!important;}
.syst-page .syst-card .thumb.contain{background:#fff;}
.syst-page .syst-card .thumb.contain img{object-fit:contain!important;padding:16px;}
.syst-page .syst-card .body{display:flex!important;flex-direction:column!important;gap:7px;padding:18px 18px 20px;flex:1;}
.syst-page .syst-card .tag{font-family:'IBM Plex Mono',monospace;font-size:0.68rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--amber-deep);}
.syst-page .syst-card .body p{color:var(--muted);font-size:0.9rem;}
.syst-page .syst-card .link{margin-top:auto;font-weight:600;color:var(--green);font-size:0.9rem;display:inline-flex;align-items:center;gap:6px;}
.syst-page .syst-card:hover .link{gap:10px;}
/* PRODUCT ROWS */
.syst-page .syst-prow{display:grid!important;grid-template-columns:1fr 1fr;gap:0;background:#fff;border:1px solid var(--line-soft);border-radius:var(--r);overflow:hidden;margin-bottom:20px;}
.syst-page .syst-prow .pimg{min-height:300px;background:var(--amber-soft);display:flex;align-items:center;justify-content:center;}
.syst-page .syst-prow .pimg img{width:100%!important;height:100%!important;object-fit:cover!important;}
.syst-page .syst-prow .pimg.contain{background:#fff;}
.syst-page .syst-prow .pimg.contain img{object-fit:contain!important;padding:26px;}
.syst-page .syst-prow .ptext{padding:36px 40px;display:flex;flex-direction:column;justify-content:center;gap:12px;}
.syst-page .syst-prow .specs{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 6px;}
.syst-page .syst-pill{background:var(--green-soft);color:var(--green-deep);font-size:0.78rem;font-weight:500;padding:5px 12px;border-radius:20px;}
.syst-page .syst-pill.amber{background:var(--amber-soft);color:var(--amber-deep);}
.syst-page .syst-prow .links{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px;}
.syst-page .syst-minilist{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;}
.syst-page .syst-minilist a{font-size:0.8rem;background:rgba(14,26,23,0.04);border:1px solid var(--line-soft);padding:5px 11px;border-radius:8px;color:var(--ink);font-weight:500;}
.syst-page .syst-minilist a:hover{background:var(--green-soft);color:var(--green-deep);}
/* IMAGE BANDS */
.syst-page .syst-band{position:relative;color:#fff;background:linear-gradient(90deg,rgba(4,52,44,0.93),rgba(4,52,44,0.6)),url('/images/unsplash-photo-1756913454500-2e5487528409.webp') center/cover no-repeat;}
.syst-page .syst-band .eyebrow{color:var(--amber);}
.syst-page .syst-why-grid{display:grid!important;grid-template-columns:repeat(3,1fr);gap:26px 32px;margin-top:32px;}
.syst-page .syst-why-item{display:flex;gap:13px;align-items:flex-start;}
.syst-page .syst-why-item .ic{flex-shrink:0;width:42px;height:42px;border-radius:11px;background:rgba(255,255,255,0.13);display:flex;align-items:center;justify-content:center;color:var(--amber);}
.syst-page .syst-why-item h3{color:#fff;font-size:1.02rem;}
.syst-page .syst-why-item p{color:rgba(255,255,255,0.78);font-size:0.88rem;}
/* QUOTE BAND */
.syst-page .syst-quote{position:relative;color:#fff;text-align:center;background:linear-gradient(rgba(14,26,23,0.55),rgba(4,52,44,0.7)),url('/images/unsplash-photo-1761472823286-9f6093ed6663.webp') center/cover no-repeat;}
.syst-page .syst-quote .wrap{padding:84px 22px;}
.syst-page .syst-quote h2{color:#fff;max-width:760px;margin:0 auto;font-weight:500;}
.syst-page .syst-quote .eyebrow{color:var(--amber);display:block;margin-bottom:14px;}
/* STATS */
.syst-page .syst-stats{background:var(--green-deep);color:#fff;padding:0!important;}
.syst-page .syst-stats .wrap{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:20px;padding:46px 22px;text-align:center;width:100%;}
.syst-page .syst-stats .wrap>div{min-width:0;width:auto;display:block;}
.syst-page .syst-stats .num{font-family:'Sora';font-weight:700;font-size:2.1rem;color:var(--amber);line-height:1;}
.syst-page .syst-stats .lbl{color:rgba(255,255,255,0.78);font-size:0.86rem;margin-top:8px;}
/* CUSTOMER REVIEWS  */
.sysrev{background:#fff;padding:62px 0;font-family:'Inter',system-ui,-apple-system,sans-serif;color:#0E1A17;-webkit-font-smoothing:antialiased;}
.sysrev *{box-sizing:border-box;}
.sysrev a{text-decoration:none;}
.sysrev .sysrev-wrap{max-width:1040px;margin:0 auto;padding:0 22px;}
.sysrev .sysrev-head{text-align:center;margin-bottom:34px;}
.sysrev .sysrev-eyebrow{font-family:'IBM Plex Mono',monospace;font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;color:#BA7517;font-weight:500;}
.sysrev .sysrev-h2{font-family:'Sora',sans-serif;font-weight:600;font-size:clamp(1.5rem,3vw,2.15rem);line-height:1.16;letter-spacing:-0.01em;margin:10px 0 12px;color:#0E1A17;}
.sysrev .sysrev-sub{color:#586863;font-size:1.02rem;margin:0;}
.sysrev .sysrev-sub .s{display:inline-flex;gap:2px;vertical-align:middle;margin-left:6px;}
.sysrev .sysrev-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px !important;align-items:stretch !important;}
.sysrev .sysrev-card{background:#FAF7F0;border:1px solid rgba(14,26,23,0.08);border-radius:14px;padding:24px 24px 22px;display:flex !important;flex-direction:column !important;gap:13px;height:100%;margin:0;transition:transform .18s ease,box-shadow .18s ease;}
.sysrev .sysrev-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(14,26,23,0.09);}
.sysrev .sysrev-top{display:flex !important;align-items:center;justify-content:space-between;gap:10px;}
.sysrev .sysrev-stars{display:inline-flex;gap:2px;}
.sysrev .sysrev-cat{font-family:'IBM Plex Mono',monospace;font-size:0.64rem;letter-spacing:0.08em;text-transform:uppercase;padding:4px 10px;border-radius:20px;white-space:nowrap;}
.sysrev .sysrev-cat.cc{background:#E1F5EE;color:#04342C;}
.sysrev .sysrev-cat.sl{background:#FAEEDA;color:#BA7517;}
.sysrev .sysrev-cat.rt{background:#E6F1FB;color:#185FA5;}
.sysrev .sysrev-quote{color:#0E1A17;font-size:0.96rem;line-height:1.6;flex:1;margin:0;}
.sysrev .sysrev-foot{display:flex !important;align-items:center;gap:12px;border-top:1px solid rgba(14,26,23,0.08);padding-top:14px;}
.sysrev .sysrev-ava{width:42px;height:42px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:'Sora',sans-serif;font-weight:600;font-size:0.92rem;color:#fff;}
.sysrev .sysrev-meta{min-width:0;flex:1;display:flex;flex-direction:column;}
.sysrev .sysrev-name{font-family:'Sora',sans-serif;font-weight:600;font-size:0.92rem;color:#0E1A17;line-height:1.2;}
.sysrev .sysrev-date{font-size:0.76rem;color:#586863;margin-top:2px;}
.sysrev .sysrev-verify{display:inline-flex;align-items:center;gap:5px;font-size:0.78rem;font-weight:600;color:#0F6E56;white-space:nowrap;}
.sysrev .sysrev-verify:hover{text-decoration:underline;}
.sysrev .sysrev-cta{text-align:center;margin-top:30px;}
.sysrev .sysrev-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:30px;font-weight:600;font-size:0.92rem;border:1px solid rgba(14,26,23,0.16);color:#0E1A17;background:transparent;transition:background .2s ease;}
.sysrev .sysrev-btn:hover{background:rgba(14,26,23,0.04);}
@media(max-width:980px){
  .sysrev .sysrev-grid{grid-template-columns:repeat(2,1fr) !important;}
}
@media(max-width:760px){
  .sysrev .sysrev-grid{grid-template-columns:1fr !important;}
  .sysrev .sysrev-foot{flex-wrap:wrap;}
}
/* CLIENTS / LOGOS (hardened so theme img rules can't stretch them) */
.syst-page .syst-logos{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center;margin-top:8px;}
.syst-page .syst-logo{position:relative;width:158px;height:88px;background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;padding:16px 20px;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease;}
.syst-page .syst-logo img{width:auto!important;height:auto!important;max-width:118px!important;max-height:52px!important;object-fit:contain!important;display:block!important;flex:0 0 auto;}
.syst-page .syst-logo .fallback{display:none;font-family:'Sora';font-weight:600;color:var(--muted);font-size:0.92rem;text-align:center;line-height:1.2;}
/* HOW TO BUY */
.syst-page .syst-buy-grid{display:grid!important;grid-template-columns:repeat(3,1fr);gap:20px;}
.syst-page .syst-buy-card{background:#fff;border:1px solid var(--line-soft);border-radius:var(--r);padding:28px 26px;text-align:center;}
.syst-page .syst-buy-card .ic{width:54px;height:54px;border-radius:14px;background:var(--green-soft);color:var(--green);display:flex;align-items:center;justify-content:center;margin:0 auto 15px;}
.syst-page .syst-buy-card h3{margin-bottom:7px;}
.syst-page .syst-buy-card p{color:var(--muted);font-size:0.9rem;margin-bottom:16px;}
/* CTA */
.syst-page .syst-cta{position:relative;color:#fff;text-align:center;background:linear-gradient(180deg,rgba(14,26,23,0.8),rgba(4,52,44,0.92)),url('/images/unsplash-photo-1749402672019-b75ed3aa4ae7.webp') center/cover no-repeat;}
.syst-page .syst-cta .wrap{padding:80px 22px;}
.syst-page .syst-cta h2{color:#fff;margin-bottom:12px;}
.syst-page .syst-cta p{color:rgba(255,255,255,0.86);max-width:580px;margin:0 auto 28px;}
.syst-page .syst-cta .cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
/* parallax on desktop */
@media(min-width:900px){
  .syst-page .syst-hero,.syst-page .syst-band,.syst-page .syst-quote,.syst-page .syst-cta{background-attachment:fixed;}
}
/* reveal */
.syst-page .syst-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;}
.syst-page .syst-reveal.syst-in{opacity:1;transform:none;}
/* responsive */
@media(max-width:760px){
  .syst-page{--syst-top-offset:8px;}
  .syst-page section{padding:50px 0;}
  .syst-page .syst-hero{padding:56px 0 56px!important;}
  .syst-page .syst-g4,.syst-page .syst-g3{grid-template-columns:1fr 1fr!important;}
  .syst-page .syst-prow{grid-template-columns:1fr!important;}
  .syst-page .syst-prow .pimg{min-height:230px;}
  .syst-page .syst-prow .pimg.order-first{order:-1;}
  .syst-page .syst-stats .wrap{grid-template-columns:1fr 1fr!important;gap:28px;}
  .syst-page .syst-buy-grid{grid-template-columns:1fr;}
  .syst-page .syst-why-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:480px){
  .syst-page .syst-g4,.syst-page .syst-g3{grid-template-columns:1fr!important;}
  .syst-page .syst-why-grid{grid-template-columns:1fr;}
  .syst-page .syst-logo{width:44%;height:74px;}
}
/* phones/phablets: product cards always stack one per row */
@media(max-width:600px){
  .syst-page .syst-g4,.syst-page .syst-g3{grid-template-columns:1fr!important;}
}
@media(prefers-reduced-motion:reduce){.syst-page .syst-reveal{opacity:1;transform:none;transition:none;}}



/* related reading (rooftop product -> blog interlinking) */
.prelated{padding:20px 0 4px}
.prelated .rel-card{max-width:880px;margin:0 auto;background:#f5f5f7;border:1px solid #d9dde3;border-radius:16px;padding:24px 28px}
.prelated h2{margin:0 0 6px;font-size:1.25rem;color:#132238}
.prelated p.rel-sub{margin:0 0 14px;color:#6e6e73;font-size:14.5px}
.prelated ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.prelated li{margin:0}
.prelated a{color:#132238;text-decoration:none;font-weight:600;font-size:15px;border-bottom:1px solid transparent;transition:.18s}
.prelated a:hover{color:#d08400;border-color:#e39d00}
.prelated a::before{content:"\2192";color:#e39d00;margin-right:10px;font-weight:700}
@media(max-width:560px){.cta-row{flex-direction:column;align-items:stretch}.cta-row>br{display:none}.cta-row .btn{width:100%;justify-content:center;text-align:center}}
@media(max-width:760px){.syst-hero,.syst-band,.syst-quote,.syst-cta{background-attachment:scroll!important}}