@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/***** Normalize.css *****/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
	line-height: 1.15;
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
}
body {
	margin: 0;
}
body,
button,
input,
textarea,
select {
	font-family: "Lato", sans-serif !important;
}
.clarus-hero h2,
.clarus-heading h2,
.clarus-topic-card h3,
.clarus-discover-copy h3,
.clarus-contact-card h3,
.clarus-footer h3 {
	font-family: "Lato", sans-serif;
}
.clarus-hero h2 {
	font-family: "Lato", sans-serif;
	font-weight: 900;
}
.clarus-hero p,
.clarus-heading p,
.clarus-topic-card p,
.clarus-discover-copy p,
.clarus-contact-card p {
	font-family: "Lato", sans-serif;
	font-weight: 400;
}
.clarus-primary-nav,
.clarus-secondary-nav,
.clarus-utility-nav,
.clarus-btn,
.clarus-search-tags a {
	font-family: "Lato", sans-serif;
	font-weight: 400;
}
main {
	display: block;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}
a {
	background-color: transparent;
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}
b,
strong {
	font-weight: bolder;
}
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
img {
	border-style: none;
}
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}
button,
input {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
	outline: 1px dotted ButtonText;
}
fieldset {
	padding: 0.35em 0.75em 0.625em;
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
progress {
	vertical-align: baseline;
}
textarea {
	overflow: auto;
}
[type=checkbox],
[type=radio] {
	box-sizing: border-box;
	padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto;
}
[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}
details {
	display: block;
}
summary {
	display: list-item;
}
template {
	display: none;
}
[hidden] {
	display: none;
}
/***** Base *****/
* {
	box-sizing: border-box;
}
body {
	background-color: #FFFFFF;
	color: #2F3941;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}
@media (min-width: 1024px) {
body > main {
		min-height: 65vh;
	}
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
	margin-top: 0;
}
h1 {
	font-size: 32px;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 18px;
	font-weight: 600;
}
h4 {
	font-size: 16px;
}
a {
	color: #1F73B7;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
.hbs-form input,
.hbs-form textarea, .search input,
.search textarea {
	color: #000;
	font-size: 14px;
}
.hbs-form input, .search input {
	max-width: 100%;
	box-sizing: border-box;
	transition: border 0.12s ease-in-out;
  /* We use the :where selector to not increase the specificity of the selector */;
}
.hbs-form input:where(:not([type=checkbox])), .search input:where(:not([type=checkbox])) {
	outline: none;
}
.hbs-form input:where(:not([type=checkbox])):focus, .search input:where(:not([type=checkbox])):focus {
	border: 1px solid #17494D;
}
.hbs-form input[disabled], .search input[disabled] {
	background-color: #ddd;
}
.hbs-form select, .search select {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E%0A") no-repeat #fff;
	background-position: right 10px center;
	border: 1px solid #848F99;
	border-radius: 4px;
	padding: 8px 30px 8px 10px;
	outline: none;
	color: #555;
	width: 100%;
}
.hbs-form select:focus, .search select:focus {
	border: 1px solid #17494D;
}
.hbs-form select::-ms-expand, .search select::-ms-expand {
	display: none;
}
.hbs-form textarea, .search textarea {
	border: 1px solid #848F99;
	border-radius: 2px;
	resize: vertical;
	width: 100%;
	outline: none;
	padding: 10px;
}
.hbs-form textarea:focus, .search textarea:focus {
	border: 1px solid #17494D;
}
.container {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 5%;
}
@media (min-width: 1160px) {
.container {
		padding: 0;
		width: 90%;
	}
}
.container-divider {
	border-top: 1px solid #ddd;
	margin-bottom: 20px;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.error-page {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 5%;
}
@media (min-width: 1160px) {
.error-page {
		padding: 0;
		width: 90%;
	}
}
.visibility-hidden {
	border: 0;
	clip: rect(0 0 0 0);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space: nowrap;
}
/***** Buttons *****/
.button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link, .subscriptions-subscribe button, .requests-table-toolbar .organization-subscribe button, .community-follow button, .article-subscribe button, .section-subscribe button, .split-button button {
	background-color: transparent;
	border: 1px solid #17494D;
	border-radius: 4px;
	color: #17494D;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	line-height: 2.34;
	margin: 0;
	padding: 0 20px;
	text-align: center;
	transition: background-color 0.12s ease-in-out, border-color 0.12s ease-in-out, color 0.15s ease-in-out;
	user-select: none;
	white-space: nowrap;
	width: 100%;
	-webkit-touch-callout: none;
}
@media (min-width: 768px) {
.button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link, .subscriptions-subscribe button, .requests-table-toolbar .organization-subscribe button, .community-follow button, .article-subscribe button, .section-subscribe button, .split-button button {
		width: auto;
	}
}
.button:visited, .pagination-next-link:visited, .pagination-prev-link:visited, .pagination-first-link:visited, .pagination-last-link:visited, .subscriptions-subscribe button:visited, .requests-table-toolbar .organization-subscribe button:visited, .community-follow button:visited, .article-subscribe button:visited, .section-subscribe button:visited, .split-button button:visited {
	color: #17494D;
}
.button:hover, .pagination-next-link:hover, .pagination-prev-link:hover, .pagination-first-link:hover, .pagination-last-link:hover, .subscriptions-subscribe button:hover, .requests-table-toolbar .organization-subscribe button:hover, .community-follow button:hover, .article-subscribe button:hover, .section-subscribe button:hover, .split-button button:hover, .button:active, .pagination-next-link:active, .pagination-prev-link:active, .pagination-first-link:active, .pagination-last-link:active, .subscriptions-subscribe button:active, .requests-table-toolbar .organization-subscribe button:active, .community-follow button:active, .article-subscribe button:active, .section-subscribe button:active, .split-button button:active, .button:focus, .pagination-next-link:focus, .pagination-prev-link:focus, .pagination-first-link:focus, .pagination-last-link:focus, .subscriptions-subscribe button:focus, .requests-table-toolbar .organization-subscribe button:focus, .community-follow button:focus, .article-subscribe button:focus, .section-subscribe button:focus, .split-button button:focus, .button.button-primary, .button-primary.pagination-next-link, .button-primary.pagination-prev-link, .button-primary.pagination-first-link, .button-primary.pagination-last-link, .subscriptions-subscribe button.button-primary, .subscriptions-subscribe button[data-selected=true], .requests-table-toolbar .organization-subscribe button.button-primary, .requests-table-toolbar .organization-subscribe button[data-selected=true], .community-follow button.button-primary, .article-subscribe button.button-primary, .article-subscribe button[data-selected=true], .section-subscribe button.button-primary, .section-subscribe button[data-selected=true], .split-button button.button-primary {
	background-color: #17494D;
	color: #FFFFFF;
	text-decoration: none;
}
.button.button-primary:hover, .button-primary.pagination-next-link:hover, .button-primary.pagination-prev-link:hover, .button-primary.pagination-first-link:hover, .button-primary.pagination-last-link:hover, .subscriptions-subscribe button.button-primary:hover, .subscriptions-subscribe button[data-selected=true]:hover, .requests-table-toolbar .organization-subscribe button.button-primary:hover, .requests-table-toolbar .organization-subscribe button[data-selected=true]:hover, .community-follow button.button-primary:hover, .article-subscribe button.button-primary:hover, .article-subscribe button[data-selected=true]:hover, .section-subscribe button.button-primary:hover, .section-subscribe button[data-selected=true]:hover, .split-button button:hover, .button.button-primary:focus, .button-primary.pagination-next-link:focus, .button-primary.pagination-prev-link:focus, .button-primary.pagination-first-link:focus, .button-primary.pagination-last-link:focus, .subscriptions-subscribe button.button-primary:focus, .subscriptions-subscribe button[data-selected=true]:focus, .requests-table-toolbar .organization-subscribe button.button-primary:focus, .requests-table-toolbar .organization-subscribe button[data-selected=true]:focus, .community-follow button.button-primary:focus, .article-subscribe button.button-primary:focus, .article-subscribe button[data-selected=true]:focus, .section-subscribe button.button-primary:focus, .section-subscribe button[data-selected=true]:focus, .split-button button.button-primary:focus, .button.button-primary:active, .button-primary.pagination-next-link:active, .button-primary.pagination-prev-link:active, .button-primary.pagination-first-link:active, .button-primary.pagination-last-link:active, .subscriptions-subscribe button.button-primary:active, .subscriptions-subscribe button[data-selected=true]:active, .requests-table-toolbar .organization-subscribe button.button-primary:active, .requests-table-toolbar .organization-subscribe button[data-selected=true]:active, .community-follow button.button-primary:active, .article-subscribe button.button-primary:active, .article-subscribe button[data-selected=true]:active, .section-subscribe button.button-primary:active, .section-subscribe button[data-selected=true]:active, .split-button button.button-primary:active {
	background-color: #000;
	border-color: #000;
}
.button[data-disabled], [data-disabled].pagination-next-link, [data-disabled].pagination-prev-link, [data-disabled].pagination-first-link, [data-disabled].pagination-last-link, .subscriptions-subscribe button[data-disabled], .requests-table-toolbar .organization-subscribe button[data-disabled], .community-follow button[data-disabled], .article-subscribe button[data-disabled], .section-subscribe button[data-disabled], .split-button button[data-disabled] {
	cursor: default;
}
.button-large, .hbs-form input[type=submit] {
	cursor: pointer;
	background-color: #17494D;
	border: 0;
	border-radius: 4px;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 2.72;
	min-width: 190px;
	padding: 0 1.9286em;
	width: 100%;
}
@media (min-width: 768px) {
.button-large, .hbs-form input[type=submit] {
		width: auto;
	}
}
.button-large:visited, .hbs-form input[type=submit]:visited {
	color: #FFFFFF;
}
.button-large:hover, .button-large:active, .button-large:focus, .hbs-form input[type=submit]:hover, .hbs-form input[type=submit]:active, .hbs-form input[type=submit]:focus {
	background-color: #000;
}
.button-large[disabled], .hbs-form input[type=submit][disabled] {
	background-color: #ddd;
}
.button-secondary {
	color: #5a6d7c;
	border: 1px solid #848F99;
	background-color: transparent;
}
.button-secondary:visited {
	color: #5a6d7c;
}
.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
	color: #2F3941;
	border: 1px solid #848F99;
	background-color: #f7f7f7;
}
/***** Split button *****/
.split-button {
	display: flex;
}
.split-button button {
	background-color: #17494D;
	border: 0;
	color: #FFFFFF;
	height: 32px;
	line-height: 16px;
	outline-color: #17494D;
}
[dir=rtl] .split-button button:not(:only-child):first-child {
	border-left: 1px solid #FFFFFF;
	border-top-left-radius: unset;
	border-bottom-left-radius: unset;
}
[dir=ltr] .split-button button:not(:only-child):first-child {
	border-right: 1px solid #FFFFFF;
	border-top-right-radius: unset;
	border-bottom-right-radius: unset;
}
.split-button button:not(:only-child):last-child {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 26px;
	min-width: 26px;
	max-width: 26px;
	padding: 0;
}
[dir=rtl] .split-button button:not(:only-child):last-child {
	border-top-right-radius: unset;
	border-bottom-right-radius: unset;
}
[dir=ltr] .split-button button:not(:only-child):last-child {
	border-top-left-radius: unset;
	border-bottom-left-radius: unset;
}
/***** Tables *****/
.table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
}
@media (min-width: 768px) {
.table {
		table-layout: auto;
	}
}
.table th,
.table th a {
	color: #5a6d7c;
	font-size: 13px;
	text-align: left;
}
[dir=rtl] .table th,
[dir=rtl] .table th a {
	text-align: right;
}
.table tr {
	border-bottom: 1px solid #ddd;
	display: block;
	padding: 20px 0;
}
@media (min-width: 768px) {
.table tr {
		display: table-row;
	}
}
.table td {
	display: block;
}
@media (min-width: 768px) {
.table td {
		display: table-cell;
	}
}
@media (min-width: 1024px) {
.table td, .table th {
		padding: 20px 30px;
	}
}
@media (min-width: 768px) {
.table td, .table th {
		padding: 10px 20px;
		height: 60px;
	}
}
/***** Forms *****/
.form {
	max-width: 650px;
}
.form-field ~ .form-field {
	margin-top: 25px;
}
.form-field label {
	display: block;
	font-size: 13px;
	margin-bottom: 5px;
}
.form-field input {
	border: 1px solid #848F99;
	border-radius: 4px;
	padding: 10px;
	width: 100%;
}
.form-field input:focus {
	border: 1px solid #17494D;
}
.form-field input[type=text] {
	border: 1px solid #848F99;
	border-radius: 4px;
}
.form-field input[type=text]:focus {
	border: 1px solid #17494D;
}
.form-field input[type=checkbox] {
	width: auto;
}
.form-field .nesty-input {
	border-radius: 4px;
	border: 1px solid #848F99;
	height: 40px;
	line-height: 40px;
	outline: none;
	vertical-align: middle;
}
.form-field .nesty-input:focus {
	border: 1px solid #17494D;
	text-decoration: none;
}
.form-field .hc-multiselect-toggle {
	border: 1px solid #848F99;
}
.form-field .hc-multiselect-toggle:focus {
	outline: none;
	border: 1px solid #17494D;
	text-decoration: none;
}
.form-field textarea {
	vertical-align: middle;
}
.form-field input[type=checkbox] + label {
	margin: 0 0 0 10px;
}
.form-field .optional {
	color: #5a6d7c;
	margin-left: 4px;
}
.form-field p {
	color: #5a6d7c;
	font-size: 12px;
	margin: 5px 0;
}
.form footer {
	margin-top: 40px;
	padding-top: 30px;
}
.form footer a {
	color: #5a6d7c;
	cursor: pointer;
	margin-right: 15px;
}
.form .suggestion-list {
	font-size: 13px;
	margin-top: 30px;
}
.form .suggestion-list label {
	border-bottom: 1px solid #ddd;
	display: block;
	padding-bottom: 5px;
}
.form .suggestion-list li {
	padding: 10px 0;
}
.form .suggestion-list li a:visited {
	color: #9358B0;
}
/***** Header *****/
.header {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 5%;
	position: relative;
	align-items: center;
	display: flex;
	height: 71px;
	justify-content: space-between;
}
@media (min-width: 1160px) {
.header {
		padding: 0;
		width: 90%;
	}
}
.logo img {
	max-height: 37px;
	vertical-align: middle;
}
.logo span {
	margin: 0 10px;
	color: #17494D;
}
.logo a {
	display: inline-block;
}
.logo a:hover, .logo a:focus, .logo a:active {
	text-decoration: none;
}
.user-nav {
	display: inline-block;
	position: absolute;
	white-space: nowrap;
}
@media (min-width: 768px) {
.user-nav {
		position: relative;
	}
}
.user-nav[aria-expanded=true] {
	background-color: #fff;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
	border: solid 1px #ddd;
	right: 0;
	left: 0;
	top: 71px;
	z-index: 1;
}
.user-nav[aria-expanded=true] > a {
	display: block;
	margin: 20px;
}
.user-nav[aria-expanded=true] > .user-nav-list li {
	display: block;
}
.user-nav[aria-expanded=true] > .user-nav-list a {
	display: block;
	margin: 20px;
}
.user-nav-list {
	display: block;
	list-style: none;
}
.user-nav-list > li {
	display: inline-block;
}
@media (max-width: 768px) {
.nav-wrapper-desktop {
		display: none;
	}
}
@media (min-width: 768px) {
.nav-wrapper-desktop {
		display: none;
	}
}
@media (min-width: 1024px) {
.nav-wrapper-desktop {
		display: inline-block;
	}
}
.nav-wrapper-desktop a {
	border: 0;
	color: #1F73B7;
	display: none;
	font-size: 14px;
	padding: 0 20px 0 0;
	width: auto;
}
@media (min-width: 768px) {
.nav-wrapper-desktop a {
		display: inline-block;
	}
}
[dir=rtl] .nav-wrapper-desktop a {
	padding: 0 0 0 20px;
}
.nav-wrapper-desktop a:hover, .nav-wrapper-desktop a:focus, .nav-wrapper-desktop a:active {
	background-color: transparent;
	color: #1F73B7;
	text-decoration: underline;
}
@media (min-width: 1024px) {
.nav-wrapper-mobile {
		display: none;
	}
}
.nav-wrapper-mobile .menu-button-mobile {
	background: none;
	border: 0;
	width: auto;
	min-width: 71px;
	cursor: pointer;
}
.nav-wrapper-mobile .menu-button-mobile .icon-menu {
	padding: 7px;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	border-radius: 50%;
}
.nav-wrapper-mobile .menu-button-mobile[aria-expanded=true] .icon-menu {
	background: #f3f3f3;
}
.nav-wrapper-mobile .menu-list-mobile {
	position: absolute;
	background-color: #fff;
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	right: 0;
	left: 0;
	top: 71px;
	z-index: 2;
}
.nav-wrapper-mobile .menu-list-mobile[aria-expanded=false] {
	display: none;
}
.nav-wrapper-mobile .menu-list-mobile[aria-expanded=true] {
	display: block;
}
.nav-wrapper-mobile .menu-list-mobile-items .item {
	margin: 4px 0;
}
.nav-wrapper-mobile .menu-list-mobile-items li:empty:not(.nav-divider) {
	display: none;
}
.nav-wrapper-mobile .menu-list-mobile-items .nav-divider {
	border-bottom: 0.1px solid #ddd;
	padding: 0;
}
.nav-wrapper-mobile .menu-list-mobile-items .nav-divider:last-child {
	display: none;
}
.nav-wrapper-mobile .menu-list-mobile-items button {
	background: none;
	border: none;
	padding: 8px 24px;
	width: 100%;
	height: 100%;
	color: #2F3941;
	cursor: pointer;
	text-align: start;
}
.nav-wrapper-mobile .menu-list-mobile-items button:active, .nav-wrapper-mobile .menu-list-mobile-items button:focus, .nav-wrapper-mobile .menu-list-mobile-items button:hover {
	background-color: #f3f3f3;
	text-decoration: underline;
}
.nav-wrapper-mobile .menu-list-mobile-items a {
	display: block;
	padding: 8px 24px;
	width: 100%;
	height: 100%;
	color: #2F3941;
}
.nav-wrapper-mobile .menu-list-mobile-items a:active, .nav-wrapper-mobile .menu-list-mobile-items a:focus, .nav-wrapper-mobile .menu-list-mobile-items a:hover {
	background-color: #f3f3f3;
}
.nav-wrapper-mobile .menu-list-mobile-items .my-profile {
	display: flex;
	line-height: 1.5;
}
.nav-wrapper-mobile .menu-list-mobile-items .my-profile .my-profile-tooltip {
	font-size: 12px;
	color: #68737D;
}
.nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
	height: 20px;
	width: 20px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 8px;
	margin-top: 1px;
}
[dir=rtl] .nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
	margin-right: 0;
	margin-left: 8px;
}
.skip-navigation {
	align-items: center;
	background-color: black;
	color: white;
	display: flex;
	font-size: 14px;
	justify-content: center;
	left: -999px;
	margin: 20px;
	padding: 20px;
	overflow: hidden;
	position: absolute;
	top: auto;
	z-index: -999;
}
[dir=rtl] .skip-navigation {
	left: initial;
	right: -999px;
}
.skip-navigation:focus, .skip-navigation:active {
	left: auto;
	overflow: auto;
	text-align: center;
	text-decoration: none;
	top: auto;
	z-index: 999;
}
[dir=rtl] .skip-navigation:focus, [dir=rtl] .skip-navigation:active {
	left: initial;
	right: auto;
}
#zd-modal-container ~ .skip-navigation {
	display: none;
}
.ask-ai {
	align-items: center;
	background-color: #1F73B7;
	border: 1px solid #1F73B7;
	border-radius: 4px;
	color: #FFFFFF;
	display: inline-flex;
	font-size: 14px;
	font-weight: 600;
	gap: 6px;
	line-height: 1.4286;
	padding: 6px 14px;
}
.ask-ai:visited {
	color: #FFFFFF;
}
.ask-ai .ask-ai-icon {
	flex-shrink: 0;
}
.nav-wrapper-desktop .ask-ai {
	margin-inline-end: 16px;
	padding: 6px 14px;
}
.nav-wrapper-desktop .ask-ai, .nav-wrapper-desktop .ask-ai:visited {
	color: #FFFFFF;
}
.nav-wrapper-desktop .ask-ai:hover, .nav-wrapper-desktop .ask-ai:focus, .nav-wrapper-desktop .ask-ai:active {
	background-color: #0F3554;
	border-color: #0F3554;
	color: #FFFFFF;
	text-decoration: none;
}
.nav-wrapper-mobile .ask-ai {
	margin: 4px 24px;
	padding: 6px 14px;
	width: auto;
	height: auto;
}
.nav-wrapper-mobile .ask-ai, .nav-wrapper-mobile .ask-ai:visited {
	color: #FFFFFF;
}
.nav-wrapper-mobile .ask-ai:hover, .nav-wrapper-mobile .ask-ai:focus, .nav-wrapper-mobile .ask-ai:active {
	background-color: #0F3554;
	border-color: #0F3554;
	color: #FFFFFF;
	text-decoration: none;
}
/***** User info in header *****/
.user-info {
	display: inline-block;
}
.user-info .dropdown-toggle::after {
	display: none;
}
@media (min-width: 768px) {
.user-info .dropdown-toggle::after {
		display: inline-block;
	}
}
.user-info > button {
	border: 0;
	color: #1F73B7;
	min-width: 0;
	padding: 0;
	white-space: nowrap;
}
.user-info > button:hover, .user-info > button:focus {
	color: #1F73B7;
	background-color: transparent;
}
.user-info > button::after {
	color: #1F73B7;
	padding-right: 15px;
}
[dir=rtl] .user-info > button::after {
	padding-left: 15px;
	padding-right: 0;
}
#user #user-name {
	display: none;
	font-size: 14px;
}
@media (min-width: 768px) {
#user #user-name {
		display: inline-block;
	}
}
#user #user-name:hover {
	text-decoration: underline;
}
/***** User avatar *****/
.user-avatar {
	height: 25px;
	width: 25px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
}
.avatar {
	display: inline-block;
	position: relative;
}
.avatar img {
	height: 40px;
	width: 40px;
}
.avatar .icon-agent {
	color: #17494D;
	border: 2px solid #fff;
	border-radius: 50%;
	bottom: -4px;
	background-color: #FFFFFF;
	font-size: 17px;
	height: 17px;
	line-height: 17px;
	position: absolute;
	right: -2px;
	text-align: center;
	width: 17px;
}
/***** Footer *****/
.footer {
	border-top: 1px solid #ddd;
	margin-top: 60px;
	padding: 30px 0;
}
.footer a {
	color: #5a6d7c;
}
.footer-inner {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 5%;
	display: flex;
	justify-content: space-between;
}
@media (min-width: 1160px) {
.footer-inner {
		padding: 0;
		width: 90%;
	}
}
.footer-language-selector button {
	color: #5a6d7c;
	display: inline-block;
}
.powered-by-zendesk a,
.powered-by-zendesk a:visited {
	color: #5a6d7c;
}
/***** Breadcrumbs *****/
.breadcrumbs {
	margin: 0 0 15px 0;
	padding: 0;
	display: flex;
}
@media (min-width: 768px) {
.breadcrumbs {
		margin: 0;
	}
}
.breadcrumbs li {
	display: inline-block;
	color: #5a6d7c;
	font-size: 13px;
	max-width: 450px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.breadcrumbs li + li::before {
	content: "/";
	margin: 0 4px;
}
.breadcrumbs li a:visited {
	color: #1F73B7;
}
/***** Search field *****/
.search-container {
	position: relative;
}
.search {
	border-color: #848F99;
	border-radius: 30px;
	border-style: solid;
	border-width: 1px;
	display: flex;
	position: relative;
	transition: border 0.12s ease-in-out;
}
.search:focus-within {
	border-color: #17494D;
}
.search input[type=search],
.search .clear-button {
	background-color: #fff;
	border-radius: 30px;
	border: none;
}
.search-full input[type=search], .search-full .clear-button {
	border-color: #fff;
}
.search input[type=search] {
	appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	color: #666;
	flex: 1 1 auto;
	height: 40px;
	width: 100%;
}
.search input[type=search]:focus {
	color: #555;
}
.search input[type=search]::-webkit-search-decoration, .search input[type=search]::-webkit-search-cancel-button, .search input[type=search]::-webkit-search-results-button, .search input[type=search]::-webkit-search-results-decoration {
	-webkit-appearance: none;
}
.search input[type=search]:-webkit-autofill, .search input[type=search]:-webkit-autofill:hover, .search input[type=search]:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 1000px #fff inset;
}
.search .clear-button {
	align-items: center;
	box-sizing: border-box;
	color: #777;
	cursor: pointer;
	display: none;
	flex: none;
	justify-content: center;
	padding: 0 15px;
}
.search .clear-button:hover {
	background-color: #17494D;
	color: #fff;
}
.search .clear-button:focus {
	outline: 0;
	box-shadow: 0 0 0 3px #17494D;
}
.search-has-value .clear-button {
	display: flex;
}
[dir=ltr] .search input[type=search] {
	padding-left: 40px;
	padding-right: 20px;
}
[dir=ltr] .search-has-value input[type=search] {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	border-right-color: transparent;
}
[dir=ltr] .search-has-value input[type=search]:focus {
	border-right-color: #17494D;
}
[dir=ltr] .search .clear-button {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-left-color: transparent;
}
[dir=ltr] .search .clear-button:focus {
	border-left-color: #17494D;
}
[dir=rtl] .search input[type=search] {
	padding-left: 20px;
	padding-right: 40px;
}
[dir=rtl] .search-has-value input[type=search] {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-left-color: transparent;
}
[dir=rtl] .search-has-value input[type=search]:focus {
	border-left-color: #17494D;
}
[dir=rtl] .search .clear-button {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	border-right-color: transparent;
}
[dir=rtl] .search .clear-button:focus {
	border-right-color: #17494D;
}
.search-icon {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	left: 15px;
	z-index: 1;
	width: 18px;
	height: 18px;
	color: #777;
	pointer-events: none;
}
[dir=rtl] .search-icon {
	left: auto;
	right: 15px;
}
/* Hide browser native search clear X */
.clarus-store-search input[type="search"] {
	-webkit-appearance: none;
	appearance: none;
}
.clarus-store-search input[type="search"]::-webkit-search-decoration,
.clarus-store-search input[type="search"]::-webkit-search-cancel-button,
.clarus-store-search input[type="search"]::-webkit-search-results-button,
.clarus-store-search input[type="search"]::-webkit-search-results-decoration {
	-webkit-appearance: none;
	appearance: none;
	display: none;
}
/***** Hero component *****/
.hero {
	background-image: url(/hc/theming_assets/01K6N51NSHPF0QBY0GM41AAFNX);
	background-position: center;
	background-size: cover;
	height: 300px;
	padding: 0 20px;
	text-align: center;
	width: 100%;
}
.hero-inner {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	max-width: 610px;
	margin: 0 auto;
}
.page-header {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 10px 0;
}
@media (min-width: 768px) {
.page-header {
		align-items: baseline;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 16px;
		margin: 0;
	}
}
.page-header .section-subscribe {
	flex-shrink: 0;
	margin-bottom: 10px;
}
@media (min-width: 768px) {
.page-header .section-subscribe {
		margin-bottom: 0;
	}
}
.page-header h1 {
	flex-grow: 1;
	margin-bottom: 10px;
}
.page-header-description {
	font-style: italic;
	margin: 0 0 30px 0;
	word-break: break-word;
}
@media (min-width: 1024px) {
.page-header-description {
		flex-basis: 100%;
	}
}
.page-header .icon-lock {
	height: 20px;
	width: 20px;
	position: relative;
	left: -5px;
	vertical-align: baseline;
}
.sub-nav {
	align-items: baseline;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 15px 30px;
	justify-content: space-between;
	margin-bottom: 55px;
}
@media (min-width: 768px) {
.sub-nav {
		flex-direction: row;
	}
}
.sub-nav .breadcrumbs {
	margin: 0;
}
.sub-nav .search-container {
	max-width: 300px;
	width: 100%;
}
@media (min-width: 768px) {
.sub-nav .search-container {
		flex: 0 1 300px;
	}
}
.sub-nav input[type=search]::after {
	font-size: 15px;
}
/***** Blocks *****/
/* Used in Homepage#categories and Community#topics */
.blocks-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	list-style: none;
	padding: 0;
}
@media (min-width: 768px) {
.blocks-list {
		margin: 0 -15px;
	}
}
.blocks-item {
	border: 1px solid #17494D;
	border-radius: 4px;
	box-sizing: border-box;
	color: #17494D;
	display: flex;
	flex: 1 0 340px;
	margin: 0 0 30px;
	max-width: 100%;
	text-align: center;
}
@media (min-width: 768px) {
.blocks-item {
		margin: 0 15px 30px;
	}
}
.blocks-item:hover, .blocks-item:focus, .blocks-item:active {
	background-color: #17494D;
}
.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
	color: #FFFFFF;
	text-decoration: none;
}
.blocks-item-internal {
	background-color: transparent;
	border: 1px solid #ddd;
}
.blocks-item-internal .icon-lock {
	height: 15px;
	width: 15px;
	bottom: 5px;
	position: relative;
}
.blocks-item-internal a {
	color: #2F3941;
}
.blocks-item-link {
	color: #17494D;
	padding: 20px 30px;
	display: flex;
	flex-direction: column;
	flex: 1;
	justify-content: center;
	border-radius: inherit;
}
.blocks-item-link:visited, .blocks-item-link:hover, .blocks-item-link:active {
	color: inherit;
	text-decoration: none;
}
.blocks-item-link:focus {
	outline: 0;
	box-shadow: 0 0 0 3px #17494D;
	text-decoration: none;
}
.blocks-item-title {
	margin-bottom: 0;
	font-size: 16px;
}
.blocks-item-description {
	margin: 0;
}
.blocks-item-description:not(:empty) {
	margin-top: 10px;
}
/***** Homepage *****/
.section {
	margin-bottom: 40px;
}
@media (min-width: 768px) {
.section {
		margin-bottom: 60px;
	}
}
.home-section h2 {
	margin-bottom: 10px;
	text-align: center;
}
/***** Promoted articles *****/
.promoted-articles {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
@media (min-width: 1024px) {
.promoted-articles {
		flex-direction: row;
	}
}
.promoted-articles-item {
	flex: 1 0 auto;
}
@media (min-width: 1024px) {
.promoted-articles-item {
		align-self: flex-end;
		flex: 0 0 auto;
		padding-right: 30px;
		width: 33%;
 /* Three columns on desktop */;
	}
[dir=rtl] .promoted-articles-item {
		padding: 0 0 0 30px;
	}
}
.promoted-articles-item:nth-child(3n) {
	padding-right: 0;
}
.promoted-articles-item a {
	display: block;
	border-bottom: 1px solid #ddd;
	padding: 15px 0;
}
.promoted-articles-item .icon-lock {
	vertical-align: baseline;
}
.promoted-articles-item:last-child a {
	border: 0;
}
@media (min-width: 1024px) {
.promoted-articles-item:last-child a {
		border-bottom: 1px solid #ddd;
	}
}
/***** Community section in homepage *****/
.community {
	text-align: center;
}
.community-image {
	min-height: 300px;
	margin-top: 32px;
	background-image: url(/hc/theming_assets/01K6N51PHJ8TYZ3F9FGPS5DXHD);
	background-position: center;
	background-repeat: no-repeat;
	max-width: 100%;
}
.community a {
	color: #1F73B7;
	text-decoration: underline;
}
.community a:visited {
	color: #9358B0;
}
.community a:hover, .community a:active, .community a:focus {
	color: #0F3554;
}
.community,
.activity {
	border-top: 1px solid #ddd;
	padding: 30px 0;
}
/***** Recent activity *****/
.recent-activity-header {
	margin-bottom: 10px;
	text-align: center;
}
.recent-activity-list {
	padding: 0;
}
.recent-activity-item {
	border-bottom: 1px solid #ddd;
	overflow: auto;
	padding: 20px 0;
}
.recent-activity-item h3 {
	margin: 0;
}
.recent-activity-item-parent {
	font-size: 16px;
	font-weight: 600;
}
.recent-activity-item-parent, .recent-activity-item-link {
	margin: 6px 0;
	display: inline-block;
	width: 100%;
}
@media (min-width: 768px) {
.recent-activity-item-parent, .recent-activity-item-link {
		width: 70%;
		margin: 0;
	}
}
.recent-activity-item-link {
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.recent-activity-item-meta {
	color: #2F3941;
	margin: 15px 0 0 0;
	float: none;
}
@media (min-width: 768px) {
.recent-activity-item-meta {
		margin: 0;
		float: right;
	}
[dir=rtl] .recent-activity-item-meta {
		float: left;
	}
}
.recent-activity-item-time, .recent-activity-item-comment {
	display: inline-block;
	font-size: 13px;
}
.recent-activity-item-comment {
	padding-left: 5px;
}
[dir=rtl] .recent-activity-item-comment {
	padding: 0 5px 0 0;
}
.recent-activity-item-comment::before {
	display: inline-block;
}
.recent-activity-controls {
	padding-top: 15px;
}
.recent-activity-controls a {
	color: #1F73B7;
	text-decoration: underline;
}
.recent-activity-controls a:visited {
	color: #9358B0;
}
.recent-activity-controls a:hover, .recent-activity-controls a:active, .recent-activity-controls a:focus {
	color: #0F3554;
}
.recent-activity-accessibility-label {
	border: 0;
	clip: rect(0 0 0 0);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space: nowrap;
}
.recent-activity-comment-icon svg {
	vertical-align: middle;
	color: #17494D;
	width: 16px;
	height: 16px;
}
.recent-activity-comment-icon:after {
	content: attr(data-comment-count);
	margin-left: 3px;
}
[dir=rtl] .recent-activity-comment-icon:after {
	margin-left: 0;
	margin-right: 3px;
}
/***** Category pages *****/
.category-container {
	display: flex;
	justify-content: flex-end;
}
.category-content {
	flex: 1;
	max-width: 100%;
}
@media (min-width: 1024px) {
.category-content {
		flex: 0 0 80%;
	}
}
.section-tree {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media (min-width: 768px) {
.section-tree {
		flex-direction: row;
	}
}
.section-tree .section {
	flex: initial;
	max-width: 100%;
}
@media (min-width: 768px) {
.section-tree .section {
		flex: 0 0 45%;
 /* Two columns for tablet and desktop. Leaving 5% separation between columns */;
	}
}
.section-tree-title {
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 600;
}
.section-tree-title a {
	color: #2F3941;
}
.section-tree .see-all-articles {
	display: block;
	padding: 15px 0;
}
.article-list-item {
	font-size: 16px;
	padding: 15px 0;
	text-overflow: ellipsis;
	overflow: hidden;
}
.article-list-item a {
	color: #2F3941;
}
.icon-star {
	color: #17494D;
	font-size: 18px;
}
/***** Section pages *****/
.section-container {
	display: flex;
	justify-content: flex-end;
}
.section-content {
	flex: 1;
	max-width: 100%;
}
@media (min-width: 1024px) {
.section-content {
		flex: 0 0 80%;
	}
}
.section-list {
	margin: 40px 0;
}
.section-list-item {
	border-bottom: 1px solid #ddd;
	font-size: 16px;
	padding: 15px 0;
}
.section-list-item:first-child {
	border-top: 1px solid #ddd;
}
.section-list-item a {
	align-items: center;
	color: #2F3941;
	display: flex;
	justify-content: space-between;
}
.see-all-sections-trigger {
	cursor: pointer;
	display: block;
	padding: 15px;
	text-align: center;
}
.see-all-sections-trigger[aria-hidden=true] {
	display: none;
}
/***** Article *****/
.article {
  /*
  * The article grid is defined this way to optimize readability:
  * Sidebar | Content | Free space
  * 17%     | 66%     | 17%
  */
	flex: 1 0 auto;
}
@media (min-width: 1024px) {
.article {
		flex: 1 0 66%;
		max-width: 66%;
		min-width: 640px;
		padding: 0 30px;
	}
}
.article-container {
	display: flex;
	flex-direction: column;
}
@media (min-width: 1024px) {
.article-container {
		flex-direction: row;
	}
}
.article-header {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 40px;
	margin-top: 20px;
}
@media (min-width: 768px) {
.article-header {
		flex-direction: row;
		margin-top: 0;
	}
}
.article-avatar {
	margin-right: 10px;
}
.article-author {
	margin-bottom: 10px;
}
.article-title {
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}
@media (min-width: 768px) {
.article-title {
		flex-basis: 100%;
 /* Take entire row */;
	}
}
.article-title .icon-lock {
	position: relative;
	left: -5px;
	vertical-align: baseline;
}
.article [role=button] {
	flex-shrink: 0;
 /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/
	width: 100%;
}
@media (min-width: 768px) {
.article [role=button] {
		width: auto;
	}
}
.article-info {
	max-width: 100%;
}
.article-meta {
	display: inline-block;
	vertical-align: middle;
}
.article-body {
	display: flow-root;
}
.article-body a {
	color: #1F73B7;
	text-decoration: underline;
}
.article-body a:visited {
	color: #9358B0;
}
.article-body a:hover, .article-body a:active, .article-body a:focus {
	color: #0F3554;
}
.article-body img {
	height: auto;
	max-width: 100%;
}
.article-body p > img.image-style-align-left {
	float: left;
	margin: 8px 20px 6px 0;
}
.article-body p > img.image-style-align-right {
	float: right;
	margin: 8px 0px 6px 20px;
}
.article-body p > img.image-style-block-align-right {
	margin-left: auto;
	margin-right: 0;
}
.article-body p > img.image-style-block-align-left {
	margin-left: 0;
	margin-right: auto;
}
.article-body figure.image {
	display: table;
	margin: 0 auto;
}
.article-body figure.image > img {
	display: block;
	width: 100%;
}
.article-body figure.image.image-style-align-left {
	float: left;
	margin: 8px 20px 6px 0;
}
.article-body figure.image.image-style-align-right {
	float: right;
	margin: 8px 0px 6px 20px;
}
.article-body figure.image.image-style-block-align-right {
	margin-left: auto;
	margin-right: 0;
}
.article-body figure.image.image-style-block-align-left {
	margin-left: 0;
	margin-right: auto;
}
.article-body figcaption {
	padding: 10px 0;
	font-size: 12px;
	text-align: center;
	background-color: #f2f2f2;
}
.article-body ul,
.article-body ol {
	padding-left: 20px;
	list-style-position: outside;
	margin: 20px 0 20px 20px;
}
[dir=rtl] .article-body ul,
[dir=rtl] .article-body ol {
	padding-right: 20px;
	padding-left: 0;
	margin-left: 0;
	margin-right: 20px;
}
.article-body ul > ul,
.article-body ol > ol,
.article-body ol > ul,
.article-body ul > ol,
.article-body li > ul,
.article-body li > ol {
	margin: 0;
}
.article-body ul {
	list-style-type: disc;
}
.article-body :not(pre) > code {
	background: #f7f7f7;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 0 5px;
	margin: 0 2px;
}
.article-body pre {
	background: #f7f7f7;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px 15px;
	overflow: auto;
	white-space: pre;
	direction: ltr;
}
.article-body blockquote {
	border-left: 1px solid #ddd;
	color: #5a6d7c;
	font-style: italic;
	padding: 0 15px;
}
.article-body > p:last-child {
	margin-bottom: 0;
}
.article-content {
	line-height: 1.6;
	margin: 40px 0;
	word-wrap: break-word;
}
.article-footer {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
}
.article-comment-count {
	color: #5a6d7c;
}
.article-comment-count:hover {
	text-decoration: none;
}
.article-comment-count-icon {
	vertical-align: middle;
	color: #17494D;
	width: 18px;
	height: 18px;
}
.article-sidebar {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	flex: 1 0 auto;
	margin-bottom: 20px;
	padding: 0;
}
@media (min-width: 1024px) {
.article-sidebar {
		border: 0;
		flex: 0 0 17%;
		height: auto;
		max-width: 17%;
	}
}
.article-relatives {
	border-top: 1px solid #ddd;
	display: flex;
	flex-direction: column;
	padding: 20px 0;
}
@media (min-width: 768px) {
.article-relatives {
		flex-direction: row;
	}
}
.article-relatives > * {
	flex: 1 0 50%;
	min-width: 50%;
	overflow-wrap: break-word;
	margin-right: 0;
}
.article-relatives > *:last-child {
	padding: 0;
}
@media (min-width: 768px) {
.article-relatives > * {
		padding-right: 20px;
	}
}
.article-votes {
	border-top: 1px solid #ddd;
	padding: 30px 0;
	text-align: center;
}
.article-votes-question {
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 0;
}
.article-vote {
	margin: 10px 5px;
	min-width: 90px;
	width: auto;
}
.article-more-questions {
	margin: 10px 0 20px;
	text-align: center;
}
.article-more-questions a {
	color: #1F73B7;
	text-decoration: underline;
}
.article-more-questions a:visited {
	color: #9358B0;
}
.article-more-questions a:hover, .article-more-questions a:active, .article-more-questions a:focus {
	color: #0F3554;
}
.article-return-to-top {
	border-top: 1px solid #848F99;
}
@media (min-width: 1024px) {
.article-return-to-top {
		display: none;
	}
}
.article-return-to-top a {
	color: #2F3941;
	display: block;
	padding: 20px 0;
}
.article-return-to-top a:hover, .article-return-to-top a:focus {
	text-decoration: none;
}
.article-return-to-top-icon {
	transform: rotate(0.5turn);
}
.article td > p:first-child,
.article th > p:first-child {
	margin-top: 0;
}
.article td > p:last-child,
.article th > p:last-child {
	margin-bottom: 0;
}
.sidenav-title {
	font-size: 15px;
	position: relative;
	font-weight: 600;
}
.sidenav-item {
	display: block;
	margin-top: 10px;
	margin-bottom: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.recent-articles li,
.related-articles li {
	margin-bottom: 15px;
}
/***** Attachments *****/
/* Styles attachments inside posts, articles and comments */
.attachments .attachment-item {
	padding-left: 20px;
	position: relative;
	margin-bottom: 10px;
}
.attachments .attachment-item:last-child {
	margin-bottom: 0;
}
.attachments .attachment-item .attachment-icon {
	color: #2F3941;
	left: 0;
	position: absolute;
	top: 5px;
}
[dir=rtl] .attachments .attachment-item {
	padding-left: 0;
	padding-right: 20px;
}
[dir=rtl] .attachments .attachment-item .attachment-icon {
	left: auto;
	right: 0;
}
.upload-dropzone span {
	color: #5a6d7c;
}
/***** Social share links *****/
.share {
	padding: 0;
	white-space: nowrap;
}
.share li, .share a {
	display: inline-block;
}
.share li {
	height: 25px;
	width: 25px;
}
.share a {
	color: #5a6d7c;
}
.share a:hover {
	text-decoration: none;
	color: #17494D;
}
.share a svg {
	height: 18px;
	width: 18px;
	display: block;
}
/***** Comments *****/
/* Styles comments inside articles, posts and requests */
.comment {
	border-bottom: 1px solid #ddd;
	padding: 20px 0;
}
.comment-heading, .recent-articles-title,
.related-articles-title {
	margin-bottom: 5px;
	margin-top: 0;
	font-size: 18px;
	font-weight: 600;
}
.comment-overview {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 20px 0;
}
.comment-overview p {
	margin-top: 0;
}
.comment-callout {
	color: #5a6d7c;
	display: inline-block;
	font-size: 13px;
	margin-bottom: 0;
}
.comment-callout a {
	color: #1F73B7;
	text-decoration: underline;
}
.comment-callout a:visited {
	color: #9358B0;
}
.comment-callout a:hover, .comment-callout a:active, .comment-callout a:focus {
	color: #0F3554;
}
.comment-sorter {
	display: inline-block;
	float: right;
}
.comment-sorter .dropdown-toggle {
	color: #5a6d7c;
	font-size: 13px;
}
[dir=rtl] .comment-sorter {
	float: left;
}
.comment-wrapper {
	display: flex;
	position: relative;
}
.comment-wrapper.comment-official {
	border: 1px solid #17494D;
	padding: 40px 20px 20px;
}
@media (min-width: 768px) {
.comment-wrapper.comment-official {
		padding-top: 20px;
	}
}
.comment-info {
	min-width: 0;
	padding-right: 20px;
	width: 100%;
}
[dir=rtl] .comment-info {
	padding-right: 0;
	padding-left: 20px;
}
.comment-author {
	align-items: flex-end;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
@media (min-width: 768px) {
.comment-author {
		justify-content: space-between;
	}
}
.comment-avatar {
	margin-right: 10px;
}
[dir=rtl] .comment-avatar {
	margin-left: 10px;
	margin-right: 0;
}
.comment-meta {
	flex: 1 1 auto;
}
.comment-labels {
	flex-basis: 100%;
}
@media (min-width: 768px) {
.comment-labels {
		flex-basis: auto;
	}
}
.comment .status-label:not(.status-label-official) {
	margin-top: 10px;
}
@media (min-width: 768px) {
.comment .status-label:not(.status-label-official) {
		margin-top: 0;
	}
}
.comment-form {
	display: flex;
	padding-top: 30px;
	word-wrap: break-word;
}
.comment-container {
	width: 100%;
}
.comment-form-controls {
	display: none;
	margin-top: 10px;
	text-align: left;
}
@media (min-width: 768px) {
[dir=ltr] .comment-form-controls {
		text-align: right;
	}
}
.comment-form-controls input[type=submit] {
	margin-top: 15px;
}
@media (min-width: 1024px) {
.comment-form-controls input[type=submit] {
		margin-left: 15px;
	}
[dir=rtl] .comment-form-controls input[type=submit] {
		margin-left: 0;
		margin-right: 15px;
	}
}
.comment-form-controls input[type=checkbox] {
	margin-right: 5px;
}
.comment-form-controls input[type=checkbox] [dir=rtl] {
	margin-left: 5px;
}
.comment-ccs {
	display: none;
}
.comment-ccs + textarea {
	margin-top: 10px;
}
.comment-attachments {
	margin-top: 10px;
}
.comment-attachments a {
	color: #17494D;
}
.comment-body {
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	word-break: break-word;
	word-wrap: break-word;
	display: flow-root;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
	line-height: 1.6;
	overflow-x: auto;
}
.comment-body a {
	color: #1F73B7;
	text-decoration: underline;
}
.comment-body a:visited {
	color: #9358B0;
}
.comment-body a:hover, .comment-body a:active, .comment-body a:focus {
	color: #0F3554;
}
.comment-body img {
	height: auto;
	max-width: 100%;
}
.comment-body p > img.image-style-align-left {
	float: left;
	margin: 8px 20px 6px 0;
}
.comment-body p > img.image-style-align-right {
	float: right;
	margin: 8px 0px 6px 20px;
}
.comment-body p > img.image-style-block-align-right {
	margin-left: auto;
	margin-right: 0;
}
.comment-body p > img.image-style-block-align-left {
	margin-left: 0;
	margin-right: auto;
}
.comment-body figure.image {
	display: table;
	margin: 0 auto;
}
.comment-body figure.image > img {
	display: block;
	width: 100%;
}
.comment-body figure.image.image-style-align-left {
	float: left;
	margin: 8px 20px 6px 0;
}
.comment-body figure.image.image-style-align-right {
	float: right;
	margin: 8px 0px 6px 20px;
}
.comment-body figure.image.image-style-block-align-right {
	margin-left: auto;
	margin-right: 0;
}
.comment-body figure.image.image-style-block-align-left {
	margin-left: 0;
	margin-right: auto;
}
.comment-body figcaption {
	padding: 10px 0;
	font-size: 12px;
	text-align: center;
	background-color: #f2f2f2;
}
.comment-body ul,
.comment-body ol {
	padding-left: 20px;
	list-style-position: outside;
	margin: 20px 0 20px 20px;
}
[dir=rtl] .comment-body ul,
[dir=rtl] .comment-body ol {
	padding-right: 20px;
	padding-left: 0;
	margin-left: 0;
	margin-right: 20px;
}
.comment-body ul > ul,
.comment-body ol > ol,
.comment-body ol > ul,
.comment-body ul > ol,
.comment-body li > ul,
.comment-body li > ol {
	margin: 0;
}
.comment-body ul {
	list-style-type: disc;
}
.comment-body :not(pre) > code {
	background: #f7f7f7;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 0 5px;
	margin: 0 2px;
}
.comment-body pre {
	background: #f7f7f7;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px 15px;
	overflow: auto;
	white-space: pre;
	direction: ltr;
}
.comment-body blockquote {
	border-left: 1px solid #ddd;
	color: #5a6d7c;
	font-style: italic;
	padding: 0 15px;
}
.comment-mark-as-solved {
	display: inline-block;
}
/***** Vote *****/
/* Used in article comments, post comments and post */
.vote {
	display: flex;
	flex-direction: column;
	text-align: center;
}
.vote a:active, .vote a:hover, .vote a:focus {
	text-decoration: none;
}
.vote-sum {
	color: #5a6d7c;
	display: block;
	margin: 3px 0;
}
[dir=rtl] .vote-sum {
	direction: ltr;
	unicode-bidi: bidi-override;
}
.vote-up svg {
	transform: scale(1, -1);
}
.vote-up:hover,
.vote-down:hover {
	color: #17494D;
}
.vote-up, .vote-down {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
	border: none;
	color: #5a6d7c;
	cursor: pointer;
	min-height: 35px;
	min-width: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.vote-voted {
	color: #17494D;
}
.vote-voted:hover {
	color: #000;
}
/***** Actions *****/
/* Styles admin and en user actions(edit, delete, change status) in comments and posts */
.actions {
	text-align: center;
	flex-shrink: 0;
 /*Avoid collapsing elements in Safari*/;
}
.actions button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
	border: none;
	cursor: pointer;
	min-height: 35px;
	min-width: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
}
/***** Community *****/
.community-hero {
	background-image: url(/hc/theming_assets/01K6N51P6W4RD9NWTB7X493J2V);
	margin-bottom: 10px;
}
.community-footer {
	padding-top: 50px;
	text-align: center;
}
.community-footer-title {
	font-size: 16px;
	margin-bottom: 20px;
}
.community-featured-posts .title {
	font-size: 18px;
	font-weight: 600;
}
.community-featured-posts, .community-activity {
	padding-top: 40px;
	width: 100%;
}
.community-header {
	margin-bottom: 30px;
}
.community-header .title {
	margin-bottom: 0;
	font-size: 16px;
}
.post-to-community {
	margin-top: 10px;
}
@media (min-width: 768px) {
.post-to-community {
		margin: 0;
	}
}
/* Community topics grid */
.topics {
	max-width: none;
	width: 100%;
}
.topics-item .meta-group {
	justify-content: center;
	margin-top: 20px;
}
/* Community topic page */
.topic-header {
	border-bottom: 1px solid #ddd;
	font-size: 13px;
}
@media (min-width: 768px) {
.topic-header {
		padding-bottom: 10px;
	}
}
.topic-header .dropdown {
	display: block;
	border-top: 1px solid #ddd;
	padding: 10px 0;
}
@media (min-width: 768px) {
.topic-header .dropdown {
		border-top: 0;
		display: inline-block;
		margin-right: 20px;
		padding: 0;
	}
}
.no-posts-with-filter {
	margin-top: 20px;
	margin-bottom: 20px;
}
/* Topic, post and user follow button */
.community-follow {
	margin-bottom: 10px;
	width: 100%;
}
@media (min-width: 768px) {
.community-follow {
		margin-bottom: 0;
		width: auto;
	}
}
.community-follow button {
	line-height: 30px;
	padding: 0 10px 0 15px;
	position: relative;
	width: 100%;
}
@media (min-width: 768px) {
.community-follow button {
		width: auto;
	}
}
.community-follow button:hover {
	background-color: #17494D;
}
.community-follow button:hover::after, .community-follow button:focus::after {
	border-color: #FFFFFF;
	color: #FFFFFF;
}
.community-follow button[data-selected=true] {
	background-color: #17494D;
	color: #FFFFFF;
}
.community-follow button[data-selected=true]::after {
	border-left: 1px solid #FFFFFF;
	color: #FFFFFF;
}
.community-follow button[data-selected=true]:hover {
	background-color: #000;
	border-color: #000;
}
.community-follow button::after {
	border-left: 1px solid #17494D;
	content: attr(data-follower-count);
	color: #17494D;
	display: inline-block;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
	margin-left: 15px;
	padding-left: 10px;
	position: absolute;
	right: 10px;
}
@media (min-width: 768px) {
.community-follow button::after {
		position: static;
	}
}
[dir=rtl] .community-follow button::after {
	border-left: 0;
	border-right: 1px solid #17494D;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
}
/***** Striped list *****/
/* Used in community posts list and requests list */
.striped-list {
	padding: 0;
}
.striped-list-item {
	align-items: flex-start;
	border-bottom: 1px solid #ddd;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 20px 0;
}
@media (min-width: 768px) {
.striped-list-item {
		align-items: center;
		flex-direction: row;
	}
}
.striped-list-info {
	flex: 2;
}
.striped-list-title {
	color: #1F73B7;
	margin-bottom: 10px;
	margin-right: 5px;
}
.striped-list-title:hover, .striped-list-title:focus, .striped-list-title:active {
	text-decoration: underline;
}
.striped-list-title:visited {
	color: #9358B0;
}
.striped-list .meta-group {
	margin: 5px 0;
}
.striped-list-count {
	color: #5a6d7c;
	font-size: 13px;
	justify-content: flex-start;
	text-transform: capitalize;
}
@media (min-width: 768px) {
.striped-list-count {
		display: flex;
		flex: 1;
		justify-content: space-around;
	}
}
.striped-list-count-item::after {
	content: "·";
	display: inline-block;
	padding: 0 5px;
}
@media (min-width: 768px) {
.striped-list-count-item::after {
		display: none;
	}
}
.striped-list-count-item:last-child::after {
	display: none;
}
.striped-list-number {
	text-align: center;
}
@media (min-width: 768px) {
.striped-list-number {
		color: #2F3941;
		display: block;
	}
}
/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label {
	background-color: #038153;
	border-radius: 4px;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	margin-right: 2px;
	padding: 3px 10px;
	vertical-align: middle;
	white-space: nowrap;
	display: inline-block;
}
.status-label:hover, .status-label:active, .status-label:focus {
	text-decoration: none;
}
.status-label-pinned, .status-label-featured, .status-label-official {
	background-color: #17494D;
}
.status-label-official {
	border-radius: 0;
	margin-right: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 100%;
}
@media (min-width: 768px) {
.status-label-official {
		border-radius: 0 0 4px 4px;
		right: 30px;
		width: auto;
	}
}
[dir=rtl] .status-label-official {
	left: 30px;
	right: auto;
}
.status-label-not-planned, .status-label-closed {
	background-color: #e9ebed;
	color: #5a6d7c;
}
.status-label-pending, .status-label-pending-moderation {
	background-color: #1f73b7;
	text-align: center;
}
.status-label-open {
	background-color: #c72a1c;
}
.status-label-solved {
	background-color: #68737d;
}
.status-label-new {
	background-color: #ffb648;
	color: #703b15;
}
.status-label-hold {
	background-color: #000;
}
.status-label-request {
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media (max-width: 768px) {
.status-label-request {
		max-width: 150px;
	}
}
/***** Post *****/
/*
* The post grid is defined this way:
* Content | Sidebar
* 70%     | 30%
*/
.post {
	flex: 1;
	margin-bottom: 10px;
}
@media (min-width: 1024px) {
.post {
		flex: 1 0 70%;
		max-width: 70%;
	}
}
.post-container {
	display: flex;
	flex-direction: column;
}
@media (min-width: 1024px) {
.post-container {
		flex-direction: row;
	}
}
.post-header {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 10px;
}
@media (min-width: 768px) {
.post-header {
		align-items: baseline;
		flex-direction: row;
	}
}
.post-header .status-label {
	vertical-align: super;
}
.post-title {
	margin-bottom: 20px;
	width: 100%;
}
@media (min-width: 768px) {
.post-title {
		margin-bottom: 0;
		padding-right: 10px;
	}
}
.post-title h1 {
	display: inline;
	vertical-align: middle;
}
@media (min-width: 768px) {
.post-title h1 {
		margin-right: 5px;
	}
}
.post-author {
	align-items: flex-start;
	display: flex;
	justify-content: space-between;
}
.post-avatar {
	margin-bottom: 30px;
}
.post-content {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
	line-height: 1.6;
	word-break: break-word;
}
.post-info-container {
	display: flex;
	margin-bottom: 40px;
}
.post-info {
	min-width: 0;
	padding-right: 20px;
	width: 100%;
}
[dir=rtl] .post-info {
	padding-right: 0;
	padding-left: 20px;
}
.post-meta {
	display: inline-block;
	flex: 1;
	margin-left: 10px;
	vertical-align: middle;
}
[dir=rtl] .post-meta {
	margin-left: 0;
	margin-right: 10px;
}
.post-body {
	display: flow-root;
}
.post-body a {
	color: #1F73B7;
	text-decoration: underline;
}
.post-body a:visited {
	color: #9358B0;
}
.post-body a:hover, .post-body a:active, .post-body a:focus {
	color: #0F3554;
}
.post-body img {
	height: auto;
	max-width: 100%;
}
.post-body p > img.image-style-align-left {
	float: left;
	margin: 8px 20px 6px 0;
}
.post-body p > img.image-style-align-right {
	float: right;
	margin: 8px 0px 6px 20px;
}
.post-body p > img.image-style-block-align-right {
	margin-left: auto;
	margin-right: 0;
}
.post-body p > img.image-style-block-align-left {
	margin-left: 0;
	margin-right: auto;
}
.post-body figure.image {
	display: table;
	margin: 0 auto;
}
.post-body figure.image > img {
	display: block;
	width: 100%;
}
.post-body figure.image.image-style-align-left {
	float: left;
	margin: 8px 20px 6px 0;
}
.post-body figure.image.image-style-align-right {
	float: right;
	margin: 8px 0px 6px 20px;
}
.post-body figure.image.image-style-block-align-right {
	margin-left: auto;
	margin-right: 0;
}
.post-body figure.image.image-style-block-align-left {
	margin-left: 0;
	margin-right: auto;
}
.post-body figcaption {
	padding: 10px 0;
	font-size: 12px;
	text-align: center;
	background-color: #f2f2f2;
}
.post-body ul,
.post-body ol {
	padding-left: 20px;
	list-style-position: outside;
	margin: 20px 0 20px 20px;
}
[dir=rtl] .post-body ul,
[dir=rtl] .post-body ol {
	padding-right: 20px;
	padding-left: 0;
	margin-left: 0;
	margin-right: 20px;
}
.post-body ul > ul,
.post-body ol > ol,
.post-body ol > ul,
.post-body ul > ol,
.post-body li > ul,
.post-body li > ol {
	margin: 0;
}
.post-body ul {
	list-style-type: disc;
}
.post-body :not(pre) > code {
	background: #f7f7f7;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 0 5px;
	margin: 0 2px;
}
.post-body pre {
	background: #f7f7f7;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px 15px;
	overflow: auto;
	white-space: pre;
	direction: ltr;
}
.post-body blockquote {
	border-left: 1px solid #ddd;
	color: #5a6d7c;
	font-style: italic;
	padding: 0 15px;
}
.post-footer {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
}
.post-comment-count {
	color: #5a6d7c;
}
.post-comment-count:hover {
	text-decoration: none;
}
.post-comment-count .icon-comments {
	color: #17494D;
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 5px;
	vertical-align: middle;
}
.post-sidebar {
	border-top: 1px solid #ddd;
	flex: 1;
	padding: 30px 0;
	text-align: center;
}
@media (min-width: 1024px) {
.post-sidebar {
		border: 0;
		flex: 1 0 30%;
		padding: 0 0 0 50px;
		text-align: initial;
	}
[dir=rtl] .post-sidebar {
		padding: 0 50px 0 0;
	}
}
.post-sidebar-title {
	font-size: 18px;
	font-weight: 600;
}
.post-comments {
	margin-bottom: 20px;
}
@media (min-width: 1024px) {
.post-comments {
		margin-bottom: 0;
	}
}
/***** Community Badges *****/
/* Styles labels used next to the authors of article comments, community posts, and community comments */
.community-badge-title {
	background-color: #04444d;
	border-radius: 4px;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	padding: 0px 8px;
	vertical-align: top;
	white-space: nowrap;
	display: inline-block;
	line-height: 18px;
	vertical-align: middle;
}
.community-badge-titles {
	display: inline;
}
.community-badge-achievement {
	display: block;
	height: 16px;
	white-space: nowrap;
	width: 16px;
}
.community-badge-achievement img {
	width: 100%;
	height: 100%;
}
.community-badge-achievements {
	display: flex;
}
.community-badge-achievements-rest {
	font-size: 12px;
	font-weight: 600;
	line-height: 20px;
	text-align: center;
	vertical-align: top;
}
.community-badge {
	margin: 2px;
}
.profile-info .community-badge-title {
	padding: 2px 8px;
	line-height: 20px;
}
.profile-info .community-badge-achievement {
	height: 40px;
	width: 40px;
}
.profile-info .community-badge-achievements-rest {
	line-height: 40px;
	font-size: 20px;
}
/* Navigation element that collapses on mobile */
.collapsible-nav {
	flex-direction: column;
	font-size: 14px;
	position: relative;
}
@media (min-width: 768px) {
.collapsible-nav {
		flex-direction: row;
	}
}
.collapsible-nav-border {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}
@media (min-width: 768px) {
.collapsible-nav-border {
		border-top: 0;
	}
}
.collapsible-nav-toggle {
	top: 22.5px;
	transform: translateY(-50%);
	position: absolute;
	right: 0;
	padding: 0;
	border: 0;
	background: none;
	width: 25px;
	height: 25px;
	border-radius: 50%;
}
@media (min-width: 768px) {
.collapsible-nav-toggle {
		display: none;
	}
}
[dir=rtl] .collapsible-nav-toggle {
	left: 0;
	right: auto;
}
.collapsible-nav-toggle-icon {
	display: none;
}
.collapsible-nav-toggle[aria-expanded=false] .chevron-icon {
	display: inline-block;
}
.collapsible-nav-toggle[aria-expanded=true] .x-icon {
	display: inline-block;
}
.collapsible-nav-toggle:focus {
	outline: none;
	border: 1px solid #17494D;
}
.collapsible-nav-list {
	display: flex;
	flex-direction: column;
}
@media (min-width: 768px) {
.collapsible-nav-list {
		flex-direction: row;
	}
}
.collapsible-nav-list li {
	color: #2F3941;
	line-height: 45px;
	order: 1;
}
@media (min-width: 768px) {
.collapsible-nav-list li {
		line-height: normal;
		margin-right: 30px;
	}
[dir=rtl] .collapsible-nav-list li {
		margin-left: 30px;
		margin-right: 0;
	}
.collapsible-nav-list li a {
		text-decoration: none;
		padding: 15px 0;
	}
}
.collapsible-nav-list li a {
	color: #2F3941;
	display: block;
}
@media (min-width: 768px) {
.collapsible-nav-list li:hover {
		border-bottom: 4px solid #ddd;
	}
.collapsible-nav-list li:hover a:not([aria-current=page]) {
		padding: 15px 0 11px 0;
		text-decoration: none;
	}
}
.collapsible-nav-list li:not([aria-selected=true]),
.collapsible-nav-list li:not(.current) {
	display: none;
}
@media (min-width: 768px) {
.collapsible-nav-list li:not([aria-selected=true]),
  .collapsible-nav-list li:not(.current) {
		display: block;
	}
}
@media (min-width: 768px) {
.collapsible-nav-list li[aria-selected=true] {
		padding: 15px 0 11px 0;
	}
}
.collapsible-nav-list li[aria-selected=true],
.collapsible-nav-list li.current {
	order: 0;
	position: relative;
}
@media (min-width: 768px) {
.collapsible-nav-list li[aria-selected=true],
  .collapsible-nav-list li.current {
		border-bottom: 4px solid #17494D;
		order: 1;
	}
}
.collapsible-nav-list li[aria-selected=true] a,
.collapsible-nav-list li.current a {
	color: #2F3941;
}
.collapsible-nav[aria-expanded=true] li:not([aria-selected=true]),
.collapsible-nav[aria-expanded=true] li:not(.current) {
	display: block;
}
/* Sidebar navigation that collapses on mobile */
.collapsible-sidebar {
	flex: 1;
	max-height: 45px;
	overflow: hidden;
	padding: 10px 0;
	position: relative;
}
@media (min-width: 1024px) {
.collapsible-sidebar {
		max-height: none;
		padding: 0;
	}
}
.collapsible-sidebar-title {
	margin-top: 0;
}
.collapsible-sidebar-toggle {
	position: absolute;
	top: 22.5px;
	transform: translateY(-50%);
	right: 0;
	padding: 0;
	border: 0;
	background: none;
	width: 25px;
	height: 25px;
	border-radius: 50%;
}
@media (min-width: 1024px) {
.collapsible-sidebar-toggle {
		display: none;
	}
}
[dir=rtl] .collapsible-sidebar-toggle {
	left: 0;
	right: auto;
}
.collapsible-sidebar-toggle-icon {
	display: none;
}
.collapsible-sidebar-toggle[aria-expanded=false] .chevron-icon {
	display: inline-block;
}
.collapsible-sidebar-toggle[aria-expanded=true] .x-icon {
	display: inline-block;
}
.collapsible-sidebar-toggle:focus {
	outline: none;
	border: 1px solid #17494D;
}
.collapsible-sidebar-body {
	display: none;
}
@media (min-width: 1024px) {
.collapsible-sidebar-body {
		display: block;
	}
}
.collapsible-sidebar[aria-expanded=true] {
	max-height: none;
}
.collapsible-sidebar[aria-expanded=true] .collapsible-sidebar-body {
	display: block;
}
/***** My activities *****/
.my-activities-nav {
	background-color: #f2f2f2;
	margin-bottom: 20px;
}
.my-activities-sub-nav {
	margin-bottom: 30px;
}
.my-activities-table .striped-list-title {
 /* My activities tables */
	display: block;
	margin-bottom: 10px;
	max-width: 350px;
	white-space: normal;
}
@media (min-width: 1024px) {
.my-activities-table .striped-list-title {
		margin-bottom: 0;
		max-width: 500px;
		min-width: 350px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}
.my-activities-table thead {
	display: none;
}
@media (min-width: 768px) {
.my-activities-table thead {
		display: table-header-group;
	}
}
.my-activities-table th:first-child,
.my-activities-table td:first-child {
	padding-left: 0;
}
@media (min-width: 1024px) {
.my-activities-table th:first-child,
  .my-activities-table td:first-child {
		width: 500px;
	}
}
.my-activities-table th:last-child,
.my-activities-table td:last-child {
	padding-right: 0;
}
.my-activities-table td:not(:first-child) {
	display: none;
}
@media (min-width: 768px) {
.my-activities-table td:not(:first-child) {
		display: table-cell;
	}
}
/* Requests table */
.requests-search {
	width: 100%;
}
.requests-table-toolbar {
	align-items: flex-end;
	display: flex;
	flex-direction: column;
}
@media (min-width: 768px) {
.requests-table-toolbar {
		flex-direction: row;
	}
}
.requests-table-toolbar .search {
	flex: 1;
	width: 100%;
}
.requests-table-toolbar .request-table-filter {
	width: 100%;
}
@media (min-width: 768px) {
.requests-table-toolbar .request-table-filter {
		width: auto;
	}
}
.requests-table-toolbar .request-filter {
	display: block;
}
@media (min-width: 768px) {
.requests-table-toolbar .request-filter {
		margin: 0 0 0 30px;
	}
[dir=rtl] .requests-table-toolbar .request-filter {
		margin: 0 30px 0 0;
	}
}
.requests-table-toolbar .request-filter-label {
	font-size: 13px;
	margin-top: 30px;
}
@media (min-width: 768px) {
.requests-table-toolbar .request-filter-label {
		margin-top: 0;
	}
}
.requests-table-toolbar select {
	max-height: 40px;
	margin-bottom: 30px;
	width: 100%;
}
@media (min-width: 768px) {
.requests-table-toolbar select {
		margin-bottom: 0;
		max-width: 300px;
		width: auto;
	}
}
@media (min-width: 768px) {
.requests-table-toolbar .organization-subscribe {
		margin-left: 10px;
	}
[dir=rtl] .requests-table-toolbar .organization-subscribe {
		margin: 0 10px 0 0;
	}
}
.requests-table-toolbar .organization-subscribe button {
	line-height: 40px;
	max-height: 40px;
	padding: 0 20px;
}
.requests-table-toolbar + .requests-search-info {
	margin-top: 15px;
}
.requests-table-toolbar + .requests-search-info.meta-data::after {
	content: "";
	margin: 0;
}
.requests-table-toolbar + .requests-search-info + .requests {
	margin-top: 20px;
}
.requests-table-toolbar + .requests {
	margin-top: 40px;
}
.requests .requests-table-meta {
	display: block;
}
@media (min-width: 768px) {
.requests .requests-table-meta {
		display: none;
	}
}
.requests .requests-table thead {
	display: none;
}
@media (min-width: 768px) {
.requests .requests-table thead {
		display: table-header-group;
	}
}
.requests .requests-table-info {
	display: block;
}
@media (min-width: 768px) {
.requests .requests-table-info {
		display: table-cell;
		vertical-align: middle;
		width: auto;
	}
}
.requests .requests-table .requests-link {
	position: relative;
}
.requests .requests-table .requests-sort-symbol {
	position: absolute;
	left: calc(100% + 3px);
	bottom: 0;
	font-size: 10px;
}
/* Following table */
@media (min-width: 768px) {
.subscriptions-subscribe button {
		width: auto;
	}
}
.subscriptions-table td:last-child {
	display: block;
}
@media (min-width: 768px) {
.subscriptions-table td:last-child {
		display: table-cell;
	}
}
.subscriptions-table td:first-child {
	display: flex;
	align-items: center;
}
.subscriptions-table .user-avatar {
	margin-right: 10px;
}
.subscriptions .striped-list-title {
	display: inline-block;
	vertical-align: middle;
}
/* Contributions table */
.contributions-table td:last-child {
	color: #5a6d7c;
	font-size: 13px;
}
@media (min-width: 768px) {
.contributions-table td:last-child {
		color: inherit;
		font-size: inherit;
		font-weight: inherit;
	}
}
.no-activities {
	color: #5a6d7c;
}
/***** Request *****/
.request-container {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media (min-width: 1024px) {
.request-container {
		align-items: flex-start;
		flex-direction: row;
	}
}
.request-container .comment-container {
	min-width: 0;
}
.request-breadcrumbs {
	margin-bottom: 40px;
}
@media (min-width: 1024px) {
.request-breadcrumbs {
		margin-bottom: 60px;
	}
}
.request-main {
	flex: 1 0 auto;
	max-width: 100%;
	order: 1;
}
.request-main .comment-fields, .request-main .request-submit-comment {
	display: none;
}
.request-main .comment-fields.shown {
	display: block;
}
.request-main .request-submit-comment.shown {
	display: inline;
}
@media (min-width: 1024px) {
.request-main {
		flex: 0 0 66%;
		order: 0;
		min-width: 0;
	}
}
.request-main .comment-form-controls {
	display: block;
}
.request-main .comment-ccs {
	display: block;
}
.request-main .comment-show-container {
	border-radius: 2px;
	border: 1px solid #ddd;
	color: #5a6d7c;
	text-align: inherit;
	padding: 8px 25px;
	width: 100%;
}
.request-main .comment-show-container.hidden {
	display: none;
}
.request-main .form-field.comment-ccs > ul {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: 0;
}
.request-main .form-field.comment-ccs > ul[data-hc-focus=true] {
	border: 1px solid #17494D;
}
.request-main .form-field.comment-ccs > input[type=text] {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: 0;
}
.request-main .comment-ccs + textarea {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin-top: 0;
}
.request-main .comment-ccs + textarea:focus {
	border-top: 1px solid #17494D;
}
.request-main input#mark_as_solved {
	display: none;
}
.request-title {
	width: 100%;
}
@media (min-width: 1024px) {
.request-title {
		border-bottom: 1px solid #ddd;
		margin-bottom: 0;
		max-width: 66%;
		padding-bottom: 20px;
	}
}
.request-sidebar {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	flex: 1 0 auto;
	order: 0;
}
@media (min-width: 1024px) {
.request-sidebar {
		background-color: #f7f7f7;
		border: 0;
		font-size: 13px;
		flex: 0 0 auto;
		padding: 0 20px;
		width: 30%;
	}
}
.request-sidebar h2 {
	font-size: 15px;
	font-weight: 600;
	position: relative;
}
@media (min-width: 1024px) {
.request-sidebar h2 {
		display: none;
	}
}
.request-details {
	border-bottom: 1px solid #ddd;
	font-size: 0;
	margin: 0;
	padding-bottom: 20px;
}
.request-details:last-child {
	border: 0;
}
.request-details dt, .request-details dd {
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	margin: 20px 0 0 0;
}
.request-details dd {
	padding: 0 10px;
	width: 60%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.request-details dd::after {
	content: "\a";
	white-space: pre;
}
.request-details dt {
	line-break: strict;
	color: #5a6d7c;
	width: 40%;
	overflow-wrap: break-word;
}
.request-details .request-collaborators {
	display: inline-block;
}
.request-attachments dt, .request-attachments dd {
	width: 100%;
}
.request-attachments dd {
	margin: 10px 0 0 0;
}
.request-form textarea {
	min-height: 120px;
}
.request-follow-up {
	padding-top: 20px;
}
/***** Pagination *****/
.pagination {
	margin: 20px 0;
	text-align: center;
}
.pagination-next, .pagination-prev, .pagination-first, .pagination-last {
	display: inline-block;
}
.pagination-first-link, .pagination-last-link {
	padding: 0 10px;
}
.pagination-first-text, .pagination-last-text {
	border: 0;
	clip: rect(0 0 0 0);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space: nowrap;
}
.pagination-next-link {
	padding-right: 10px;
}
.pagination-next-text {
	margin-right: 10px;
}
[dir=rtl] .pagination-next-link {
	padding-left: 10px;
}
[dir=rtl] .pagination-next-text {
	margin-left: 10px;
}
.pagination-prev-link {
	padding-left: 10px;
}
.pagination-prev-text {
	margin-left: 10px;
}
[dir=rtl] .pagination-prev-link {
	padding-right: 10px;
}
[dir=rtl] .pagination-prev-text {
	margin-right: 10px;
}
/***** Metadata *****/
.meta-group {
	display: block;
}
.meta-group-opposite {
	float: right;
}
[dir=rtl] .meta-group-opposite {
	float: left;
}
.meta-group * {
	display: inline;
}
.meta-data {
	color: #5a6d7c;
	font-size: 13px;
}
.meta-data:not(:last-child)::after {
	content: "·";
	margin: 0 5px;
}
/* User Profiles */
.profile-header {
	padding: 30px 0;
	background-color: #f7f7f7;
}
.profile-header .container {
	display: flex;
	flex-wrap: wrap;
}
@media (min-width: 768px) {
.profile-header .container {
		flex-wrap: nowrap;
	}
}
.profile-header .profile-info {
	flex-basis: 100%;
	display: flex;
	flex-wrap: wrap;
	min-width: 0;
}
.profile-avatar {
	position: relative;
	line-height: 0;
	align-self: center;
	margin-right: 10px;
}
[dir=rtl] .profile-avatar {
	margin-left: 10px;
	margin-right: 0;
}
.profile-avatar .user-avatar {
	width: 80px;
	height: 80px;
}
.profile-avatar .icon-agent {
	bottom: 0;
	right: 0;
}
.profile-header .basic-info {
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	word-break: break-word;
	word-wrap: break-word;
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-grow: 1;
	flex-basis: 0;
	min-width: 0;
}
.profile-header .basic-info .name {
	margin: 0;
	line-height: 25px;
	vertical-align: middle;
	display: inline;
}
.profile-header .options {
	display: flex;
	flex-basis: 100%;
	margin-top: 12px;
	align-items: flex-start;
	flex-wrap: wrap;
}
@media (min-width: 768px) {
.profile-header .options {
		flex-wrap: nowrap;
		flex-basis: auto;
		margin-top: 0;
		margin-left: 10px;
	}
[dir=rtl] .profile-header .options {
		margin-left: 0;
		margin-right: 10px;
	}
.profile-header .options > :not(:last-child) {
		margin-bottom: 0;
		margin-right: 10px;
	}
[dir=rtl] .profile-header .options > :not(:last-child) {
		margin-left: 10px;
		margin-right: 0;
	}
}
.user-profile-actions {
	width: 100%;
	margin-bottom: 15px;
}
.profile-header .description {
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	word-break: break-word;
	word-wrap: break-word;
	margin: 15px 0;
	flex-basis: 100%;
}
.profile-stats {
	font-size: 13px;
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
}
.profile-stats .stat {
	display: flex;
	margin-bottom: 10px;
}
.profile-stats .stat-label {
	color: #5a6d7c;
	flex: 0 0 100px;
	margin-right: 10px;
}
[dir=rtl] .profile-stats .stat-label {
	margin-left: 10px;
	margin-right: 0;
}
.profile-stats-activity {
	border-top: solid 1px #ddd;
	margin-top: 15px;
}
@media (min-width: 768px) {
.profile-stats-activity {
		border-top: 0;
		flex-direction: row;
	}
}
@media (min-width: 768px) {
.profile-stats-activity .stat {
		flex-direction: column;
	}
}
.profile-stats-activity .stat:first-child {
	margin-top: 10px;
}
@media (min-width: 768px) {
.profile-stats-activity .stat:first-child {
		margin-top: 0;
	}
}
@media (min-width: 768px) {
.profile-stats-activity .stat:not(:last-child) {
		margin-right: 40px;
	}
[dir=rtl] .profile-stats-activity .stat:not(:last-child) {
		margin-left: 40px;
		margin-right: 0;
	}
}
@media (min-width: 768px) {
.profile-stats-activity .stat-label {
		flex: 0 1 auto;
	}
}
.profile-stats-counters {
	border-bottom: solid 1px #ddd;
}
@media (min-width: 768px) {
.profile-stats-counters {
		flex: 0 0 200px;
		border-bottom: 0;
		margin-left: 40px;
	}
[dir=rtl] .profile-stats-counters {
		margin-left: 0;
		margin-right: 40px;
	}
}
@media (min-width: 1024px) {
.profile-stats-counters {
		flex: 0 0 270px;
		margin-left: 60px;
	}
[dir=rtl] .profile-stats-counters {
		margin-right: 60px;
		margin-left: 0;
	}
}
@media (min-width: 768px) {
.profile-stats-counters .stat {
		flex-direction: column;
	}
}
@media (min-width: 1024px) {
.profile-stats-counters .stat {
		flex-direction: row;
	}
}
@media (min-width: 768px) {
.profile-stats-counters .stat:not(:last-child) {
		margin-bottom: 15px;
	}
}
@media (min-width: 768px) {
.profile-stats-counters .stat-label {
		flex: 0 1 auto;
	}
}
@media (min-width: 1024px) {
.profile-stats-counters .stat-label {
		flex: 0 0 100px;
	}
}
.profile-private-badge {
	flex-basis: 100%;
	border: solid 1px #17494D;
	border-radius: 4px;
	color: #17494D;
	padding: 5px 20px;
	font-size: 12px;
	text-align: center;
}
.profile-private-badge .profile-private-icon {
	margin-left: 5px;
	line-height: 15px;
}
@media (min-width: 768px) {
.profile-private-badge {
		flex-basis: auto;
	}
}
.profile-nav {
	background-color: #f2f2f2;
	margin-bottom: 37px;
}
.profile-section {
	width: 100%;
}
@media (min-width: 1024px) {
.profile-section {
		width: calc(100% - 330px);
	}
}
.profile-section-header {
	display: flex;
	flex-wrap: wrap;
}
.profile-section-title {
	flex-basis: 100%;
	margin-bottom: 0;
}
.profile-section-description {
	flex-basis: 100%;
	padding: 10px 0;
	color: #5a6d7c;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media (min-width: 768px) {
.profile-section-description {
		flex: 1 0 50%;
		padding-bottom: 0;
	}
}
.profile-section-sorter {
	flex-basis: 100%;
	border-top: solid 1px #eee;
	font-size: 13px;
}
.profile-section-sorter .dropdown-toggle {
	padding: 10px 0;
	width: 100%;
}
.profile-section-sorter .dropdown-toggle::after {
	position: absolute;
	right: 0;
}
[dir=rtl] .profile-section-sorter .dropdown-toggle::after {
	left: 0;
	right: initial;
}
@media (min-width: 768px) {
.profile-section-sorter .dropdown-toggle::after {
		position: relative;
	}
}
@media (min-width: 768px) {
.profile-section-sorter {
		flex: 0 1 auto;
		padding-top: 0;
		border-top: 0;
		margin-left: 20px;
	}
[dir=rtl] .profile-section-sorter {
		margin-left: 0;
		margin-right: 20px;
	}
}
.profile-badges-items {
	margin-top: 25px;
}
.profile-badges-item {
	border-top: 1px solid #ddd;
	display: flex;
	flex: 1;
	flex-direction: row;
	justify-content: flex-start;
	padding: 27px 12px;
}
.profile-badges-item > div {
	padding-right: 12px;
	padding-left: 12px;
}
.profile-badges-item-image {
	height: 40px;
	width: 40px;
	margin-right: 12px;
}
.profile-badges-item-image img {
	max-height: 40px;
}
[dir=rtl] .profile-badges-item-image {
	margin-left: 12px;
	margin-right: 0;
}
.profile-badges-item-title, .profile-badges-item-metadata-title {
	font-size: 15px;
	margin-bottom: 10px;
}
.profile-badges-item-title {
	font-weight: 600;
}
.profile-badges-item-description, .profile-badges-item-metadata-description {
	color: #5a6d7c;
	font-size: 13px;
	margin: 0;
}
.profile-badges-item-metadata {
	margin-left: auto;
	text-align: right;
}
[dir=rtl] .profile-badges-item-metadata {
	margin-left: 0;
	margin-right: auto;
	text-align: left;
}
.profile-contribution {
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	word-break: break-word;
	word-wrap: break-word;
	padding: 20px 0;
	position: relative;
}
.profile-contribution-header {
	margin-bottom: 5px;
}
.profile-contribution-title {
	margin: 0 0 5px 0;
	display: inline;
	line-height: 21px;
	font-size: 15px;
	vertical-align: middle;
}
.profile-contribution-body {
	margin: 10px 0;
}
.profile-contribution-list > .profile-contribution {
	border-top: 1px solid #eee;
}
@media (min-width: 768px) {
.profile-contribution-list > .profile-contribution {
		padding-left: 30px;
	}
[dir=rtl] .profile-contribution-list > .profile-contribution {
		padding-right: 30px;
		padding-left: 0;
	}
}
.profile-contribution-list > .profile-contribution:last-child {
	border-bottom: 1px solid #eee;
}
.profile-contribution-icon {
	left: 0;
	position: absolute;
	color: #ccc;
	line-height: 25px;
}
[dir=rtl] .profile-contribution-icon {
	right: 0;
}
.profile-contribution-icon svg {
	vertical-align: middle;
}
.profile-contribution-list .profile-contribution-header {
	margin-left: 30px;
}
[dir=rtl] .profile-contribution-list .profile-contribution-header {
	padding-right: 30px;
	padding-left: 0;
}
@media (min-width: 768px) {
.profile-contribution-list .profile-contribution-header {
		margin-left: 0;
	}
[dir=rtl] .profile-contribution-list .profile-contribution-header {
		padding-right: 0;
	}
}
.profile-comments .profile-contribution-breadcrumbs {
	margin-left: 30px;
}
[dir=rtl] .profile-comments .profile-contribution-breadcrumbs {
	padding-right: 30px;
	padding-left: 0;
}
@media (min-width: 768px) {
.profile-comments .profile-contribution-breadcrumbs {
		margin-left: 0;
	}
[dir=rtl] .profile-comments .profile-contribution-breadcrumbs {
		padding-right: 0;
	}
}
.profile-section .no-activity,
.profile-section .private-activity {
	display: block;
	margin-top: 40px;
	color: #999;
}
.private-activity-icon {
	margin-right: 10px;
}
[dir=rtl] .private-activity-icon {
	margin-right: 0;
	margin-left: 10px;
}
.profile-activity-list {
	margin-top: 25px;
}
.profile-activity {
	position: relative;
	padding-bottom: 30px;
}
@media (min-width: 768px) {
.profile-activity {
		padding-left: 20px;
	}
[dir=rtl] .profile-activity {
		padding-right: 20px;
		padding-left: 0;
	}
}
@media (min-width: 768px) {
.profile-activity:not(:last-child) {
		border-left: 1px solid #ddd;
	}
[dir=rtl] .profile-activity:not(:last-child) {
		border-left: 0;
		border-right: 1px solid #ddd;
	}
}
.profile-activity-header {
	display: flex;
	align-items: center;
	margin-left: 35px;
}
[dir=rtl] .profile-activity-header {
	margin-left: 0;
	margin-right: 35px;
}
@media (min-width: 768px) {
.profile-activity-header {
		margin-left: 0;
	}
[dir=rtl] .profile-activity-header {
		margin-right: 0;
	}
}
.profile-activity-header .user-avatar {
	width: 40px;
	height: 40px;
	margin-right: 10px;
	min-width: 40px;
	align-self: flex-start;
}
[dir=rtl] .profile-activity-header .user-avatar {
	margin-left: 10px;
	margin-right: 0;
}
.profile-activity-description {
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	word-break: break-word;
	word-wrap: break-word;
	margin: 0;
	min-width: 0;
	width: 100%;
}
.profile-activity-description span:first-child {
	font-weight: 600;
	display: inline;
}
.profile-activity-contribution {
	padding: 20px;
	margin-top: 10px;
	border-radius: 8px;
	background-color: #f7f7f7;
}
@media (min-width: 768px) {
.profile-activity-contribution {
		margin-top: 0;
		margin-left: 50px;
	}
[dir=rtl] .profile-activity-contribution {
		margin-left: 0;
		margin-right: 50px;
	}
}
.profile-activity-icon {
	position: absolute;
	left: 0;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background-size: 14px 14px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: 50% 50%;
	text-align: center;
	color: #ccc;
}
[dir=rtl] .profile-activity-icon {
	right: 0;
}
@media (min-width: 768px) {
.profile-activity-icon {
		left: -14px;
	}
[dir=rtl] .profile-activity-icon {
		right: -14px;
	}
}
.profile-activity-icon svg {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	width: 1em;
	height: 1em;
	margin: auto;
}
/***** Search results *****/
.search-results {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media (min-width: 1024px) {
.search-results {
		flex-direction: row;
	}
}
.search-results-column {
	flex: 1;
}
@media (min-width: 1024px) {
.search-results-column {
		flex: 0 0 75%;
	}
}
.search-results-sidebar {
	border-top: 1px solid #ddd;
	flex: 1 0 auto;
	margin-bottom: 20px;
	padding: 0;
}
@media (min-width: 1024px) {
.search-results-sidebar {
		border: 0;
		flex: 0 0 20%;
		height: auto;
	}
}
.search-results-sidebar .sidenav-item {
	border-radius: 4px;
	padding: 10px 36px;
	margin-bottom: 4px;
	color: #2F3941;
}
.search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-item.current {
	background-color: #e9ebed;
	text-decoration: none;
}
.search-results-sidebar .sidenav-subitem {
	unicode-bidi: embed;
}
.search-results-sidebar .sidenav-tag {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	flex-grow: 0;
}
.search-results-sidebar .sidenav-tag .content-tag {
	background: #E9EBED;
	border-radius: 4px;
	padding: 4px 12px;
	text-decoration: none;
}
.search-results-sidebar .sidenav-tag .content-tag .label {
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	letter-spacing: -0.000427656px;
	color: #49545C;
	flex-grow: 0;
	vertical-align: middle;
	display: inline-block;
}
.search-results-sidebar .sidenav-tag .content-tag .close-icon {
	color: #555555;
	vertical-align: middle;
	display: inline-block;
}
.search-results-sidebar .collapsible-sidebar {
	margin-bottom: 30px;
}
.search-results-sidebar .collapsible-sidebar[aria-expanded=false] .multibrand-filter-list {
	display: none;
}
@media (min-width: 1024px) {
.search-results-sidebar .collapsible-sidebar[aria-expanded=false] .multibrand-filter-list {
		display: block;
	}
}
.search-results-sidebar .multibrand-filter-list--collapsed li:nth-child(1n+6) {
	display: none;
}
.search-results-sidebar .multibrand-filter-list .doc-count {
	color: #666;
}
.search-results-sidebar .see-all-filters {
	background: none;
	border: none;
	cursor: pointer;
	display: block;
	padding: 10px;
	color: #1F73B7;
}
.search-results-sidebar .see-all-filters[aria-hidden=true] {
	display: none;
}
.search-results-sidebar .see-all-filters:hover {
	text-decoration: underline;
}
.search-results-sidebar .see-all-filters::after {
	content: " ⌄";
	font-weight: bold;
}
.search-results-subheading {
	font-size: 18px;
	font-weight: 600;
}
.search-results-list {
	margin-bottom: 25px;
}
.search-results-list > li {
	padding: 20px 0;
}
.search-results-list > li:first-child {
	border-top: 1px solid #ddd;
}
.search-results .no-results {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 4rem;
}
.search-results .no-results .headline {
	color: #2F3941;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.45px;
}
.search-results .no-results .action-prompt {
	color: #68737D;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.154px;
}
.search-results .no-results .action-prompt a {
	color: #1F73B7;
}
.search-results .no-results .action-prompt a:visited {
	color: #1F73B7;
}
.search-result-title-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.search-result-title {
	font-size: 16px;
	margin-bottom: 0;
}
.search-result-votes, .search-result-meta-count {
	color: #5a6d7c;
	font-size: 13px;
}
.search-result-votes-icon, .search-result-meta-count-icon {
	color: #17494D;
	vertical-align: middle;
	width: 13px;
	height: 13px;
}
[dir=ltr] .search-result-votes, [dir=ltr] .search-result-meta-count {
	margin-left: 20px;
}
[dir=rtl] .search-result-votes, [dir=rtl] .search-result-meta-count {
	margin-right: 20px;
}
.search-result-meta-container {
	color: #666;
	display: flex;
	flex-direction: column;
}
@media (min-width: 1024px) {
.search-result-meta-container {
		flex-direction: row;
		align-items: center;
	}
}
@media (min-width: 1024px) {
.search-result-meta-container nav {
		flex: 1;
	}
}
@media (min-width: 1024px) {
[dir=ltr] .search-result-meta-container .meta-data {
		margin-left: 20px;
	}
}
@media (min-width: 1024px) {
[dir=rtl] .search-result-meta-container .meta-data {
		margin-right: 20px;
	}
}
.search-result-meta-container .meta-data::after {
	content: none;
}
.search-result-breadcrumbs {
	margin: 0;
}
.search-result-description {
	margin-top: 10px;
	margin-bottom: 0;
	word-break: break-word;
}
/* By default use bold instead of italic to highlight */
.search-results-description em {
	font-style: normal;
	font-weight: bold;
}
/* Add a yellow background for Chinese */
html[lang|=zh] .search-results-description em {
	font-style: normal;
	background: yellow;
}
/***** Notifications *****/
.notification {
	border: 1px solid;
	display: table;
	font-family: sans-serif;
	font-size: 12px;
	padding: 13px 15px;
	transition: height 0.2s;
	width: 100%;
	color: #555;
}
.notification a {
	color: #158ec2;
}
.notification-inner {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 980px;
}
.notification-icon, .notification-inline.notification-error::before, .notification-text, .notification-dismiss {
	display: table-cell;
	vertical-align: middle;
}
.notification-text {
	padding: 0 15px;
	width: 100%;
}
.notification + .notification {
	margin-bottom: -1px;
	position: relative;
	top: -1px;
}
/* Error */
.notification-error {
	background: #ffeded;
	border-color: #f7cbcb;
}
.notification-error .notification-icon::before, .notification-error .notification-inline.notification-error::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23555555'/%3E%3C/svg%3E");
}
/* Notice */
.notification-notice {
	background: #dbf3ff;
	border-color: #b5e0f5;
}
.notification-notice .notification-icon::before, .notification-notice .notification-inline.notification-error::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.5 6l2 2L9 4.5'/%3E%3Ccircle cx='6' cy='6' r='5.5'/%3E%3C/g%3E%3C/svg%3E");
}
/* Alert / Lock */
.notification-alert {
	color: #ad5e18;
	background: #fff8ed;
	border-color: #fcdba9;
}
.notification-alert .notification-icon::before, .notification-alert .notification-inline.notification-error::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ad5e18' stroke-linecap='round' d='M5.06 1.27l-4.5 8.5c-.18.33.06.73.44.73h9c.38 0 .62-.4.44-.73l-4.5-8.5a.494.494 0 00-.88 0zM5.5 4v2'/%3E%3Ccircle cx='5.5' cy='8' r='.8' fill='%23ad5e18'/%3E%3C/svg%3E");
}
.notification-icon::before, .notification-inline.notification-error::before {
	background-size: cover;
	content: "";
	display: inline-block;
	height: 14px;
	width: 14px;
	vertical-align: middle;
}
/* Dismiss button */
.notification-dismiss, a.notification-dismiss {
	color: #555;
	cursor: pointer;
	opacity: 0.6;
	transition: opacity 100ms ease;
	text-decoration: none !important;
}
.notification-dismiss:hover {
	opacity: 1;
}
/* Inline notifications */
.notification-inline {
	border-radius: 4px;
	line-height: 14px;
	margin-top: 5px;
	padding: 5px;
	position: relative;
	text-align: left;
	vertical-align: middle;
}
[dir=rtl] .notification-inline {
	text-align: right;
}
.notification-inline[aria-hidden=true] {
	display: none;
}
.notification-inline.notification-error::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23e35b66'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23e35b66'/%3E%3C/svg%3E");
	margin: -2px 5px 0 0;
}
[dir=rtl] .notification-inline.notification-error::before {
	margin: 0 0 0 5px;
}
.notification-inline.notification-error {
	background-color: #fff0f1;
	border: 1px solid #e35b66;
	color: #cc3340;
}
.notification-inline.notification-large {
	padding: 13px 15px;
	margin-bottom: 25px;
}
.notification-left-aligned {
	text-align: left;
	padding-left: 0;
}
html[dir=rtl] .notification-left-aligned {
	text-align: right;
	padding-left: auto;
	padding-right: 0;
}
.dropdown {
	position: relative;
	display: inline-block;
}
.dropdown-toggle {
	cursor: pointer;
	background: none;
	border: 0;
	display: inline-block;
	padding: 0;
	text-align: initial;
	vertical-align: middle;
}
.dropdown-toggle:hover {
	text-decoration: none;
}
.dropdown-toggle > * {
	display: inline-block;
}
.dropdown-toggle[aria-expanded=true] + .dropdown-menu {
	display: block;
}
.dropdown-menu {
	background: #fff;
	border: 1px solid #d8dcde;
	border-radius: 3px;
	box-shadow: 0px 20px 30px 0px rgba(23, 73, 77, 0.15);
	display: none;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	left: 0;
	margin-top: 1px;
	min-width: 170px;
	padding: 10px 0;
	position: absolute;
	text-align: left;
	z-index: 1000;
}
[dir=rtl] .dropdown-menu {
	text-align: right;
}
.dropdown-menu [role=separator] {
	border-bottom: 1px solid #e9ebed;
	margin: 4px 0;
}
.dropdown-menu [role=menuitem],
.dropdown-menu [role=menuitemradio] {
	color: #2f3941;
	cursor: pointer;
	display: block;
	padding: 7px 40px 7px 20px;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
	-webkit-appearance: none;
	text-align: start;
	line-height: inherit;
	width: 100%;
}
[dir=rtl] .dropdown-menu [role=menuitem],
[dir=rtl] .dropdown-menu [role=menuitemradio] {
	padding: 7px 20px 7px 40px;
}
.dropdown-menu [role=menuitem]:hover, .dropdown-menu [role=menuitem]:focus,
.dropdown-menu [role=menuitemradio]:hover,
.dropdown-menu [role=menuitemradio]:focus {
	background: rgba(31, 115, 183, 0.08);
	text-decoration: none;
	color: #2f3941;
}
.dropdown-menu [role=menuitem][aria-selected=true], .dropdown-menu [role=menuitem][aria-checked=true],
.dropdown-menu [role=menuitemradio][aria-selected=true],
.dropdown-menu [role=menuitemradio][aria-checked=true] {
	cursor: default;
}
.dropdown-menu [role=menuitem][aria-selected=true]::after, .dropdown-menu [role=menuitem][aria-checked=true]::after,
.dropdown-menu [role=menuitemradio][aria-selected=true]::after,
.dropdown-menu [role=menuitemradio][aria-checked=true]::after {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 7l3 3 7-7'%3E%3C/path%3E%3C/svg%3E");
	display: inline-block;
	height: 12px;
	margin-left: 10px;
	width: 12px;
}
[dir=rtl] .dropdown-menu [role=menuitem][aria-selected=true]::after, [dir=rtl] .dropdown-menu [role=menuitem][aria-checked=true]::after,
[dir=rtl] .dropdown-menu [role=menuitemradio][aria-selected=true]::after,
[dir=rtl] .dropdown-menu [role=menuitemradio][aria-checked=true]::after {
	margin-left: 0;
	margin-right: 10px;
	float: left;
}
.dropdown-menu [role=menuitem][hidden], .dropdown-menu [role=menuitem][aria-hidden=true],
.dropdown-menu [role=menuitemradio][hidden],
.dropdown-menu [role=menuitemradio][aria-hidden=true] {
	display: none !important;
}
.dropdown-menu-end {
	left: auto;
	right: 0;
}
.dropdown-menu-top {
	bottom: 100%;
	margin-bottom: 1px;
}
[dir=rtl] .dropdown-menu {
	left: auto;
	right: 0;
	text-align: right;
}
[dir=rtl] .dropdown-menu-end {
	left: 0;
	right: auto;
}
.dropdown-chevron-icon {
	vertical-align: middle;
}
.content-tags > p {
	color: #68737D;
	margin-top: 32px;
	margin-bottom: 4px;
}
.content-tags-add-hint {
	color: #68737D;
	font-size: 14px;
}
.content-tag-list {
	display: flex;
	flex-wrap: wrap;
	word-break: break-word;
}
.content-tag-list li {
	border-right: 1px solid #C2C8CC;
	margin-bottom: 4px;
}
[dir=ltr] .content-tag-list li {
	padding-right: 8px;
	margin-right: 8px;
}
[dir=rtl] .content-tag-list li {
	padding-left: 8px;
	margin-left: 8px;
}
.content-tag-list li:last-child {
	border: none;
}
/***** WYSIWYG Editor *****/
#hc-wysiwyg {
	border: 1px solid #848F99;
}
/***** Upload Dropzone *****/
.upload-dropzone {
	border: 1px solid #848F99;
}
/***** Summary component *****/
zd-summary-block {
	background: #f3f6f6;
}
[dir=ltr] zd-summary-block {
	border-left-color: #859fa1;
}
[dir=rtl] zd-summary-block {
	border-right-color: #859fa1;
}
.service-catalog-hero {
	background-image: url(/hc/theming_assets/01KEHR8N317R5VGWD2RX21B89K);
	margin-bottom: 10px;
	height: 320px;
}
.service-catalog-description {
	display: flow-root;
}
.service-catalog-description a {
	color: #1F73B7;
	text-decoration: underline;
}
.service-catalog-description a:visited {
	color: #9358B0;
}
.service-catalog-description a:hover, .service-catalog-description a:active, .service-catalog-description a:focus {
	color: #0F3554;
}
.service-catalog-description img {
	height: auto;
	max-width: 100%;
}
.service-catalog-description p > img.image-style-align-left {
	float: left;
	margin: 8px 20px 6px 0;
}
.service-catalog-description p > img.image-style-align-right {
	float: right;
	margin: 8px 0px 6px 20px;
}
.service-catalog-description p > img.image-style-block-align-right {
	margin-left: auto;
	margin-right: 0;
}
.service-catalog-description p > img.image-style-block-align-left {
	margin-left: 0;
	margin-right: auto;
}
.service-catalog-description figure.image {
	display: table;
	margin: 0 auto;
}
.service-catalog-description figure.image > img {
	display: block;
	width: 100%;
}
.service-catalog-description figure.image.image-style-align-left {
	float: left;
	margin: 8px 20px 6px 0;
}
.service-catalog-description figure.image.image-style-align-right {
	float: right;
	margin: 8px 0px 6px 20px;
}
.service-catalog-description figure.image.image-style-block-align-right {
	margin-left: auto;
	margin-right: 0;
}
.service-catalog-description figure.image.image-style-block-align-left {
	margin-left: 0;
	margin-right: auto;
}
.service-catalog-description figcaption {
	padding: 10px 0;
	font-size: 12px;
	text-align: center;
	background-color: #f2f2f2;
}
.service-catalog-description ul,
.service-catalog-description ol {
	padding-left: 20px;
	list-style-position: outside;
	margin: 20px 0 20px 20px;
}
[dir=rtl] .service-catalog-description ul,
[dir=rtl] .service-catalog-description ol {
	padding-right: 20px;
	padding-left: 0;
	margin-left: 0;
	margin-right: 20px;
}
.service-catalog-description ul > ul,
.service-catalog-description ol > ol,
.service-catalog-description ol > ul,
.service-catalog-description ul > ol,
.service-catalog-description li > ul,
.service-catalog-description li > ol {
	margin: 0;
}
.service-catalog-description ul {
	list-style-type: disc;
}
.service-catalog-description :not(pre) > code {
	background: #f7f7f7;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 0 5px;
	margin: 0 2px;
}
.service-catalog-description pre {
	background: #f7f7f7;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px 15px;
	overflow: auto;
	white-space: pre;
	direction: ltr;
}
.service-catalog-description blockquote {
	border-left: 1px solid #ddd;
	color: #5a6d7c;
	font-style: italic;
	padding: 0 15px;
}
.service-catalog-main-content {
	display: flex;
	gap: 32px;
}
.service-catalog-list {
	width: 100%;
}
.service-catalog-breadcrumbs {
	display: flex;
	align-items: center;
	gap: 20px;
}
.is-service-catalog-preview #navbar-container,
.is-service-catalog-preview .navbar-container,
.is-service-catalog-preview .assembly-bar,
.is-service-catalog-preview [data-garden-id="chrome.subnav"] {
	display: none !important;
}
/* ===== Clarus custom homepage ===== */
:root {
	--clarus-blue: #005b7c;
	--clarus-dark: #101820;
	--clarus-soft: #f3f4f5;
	--clarus-border: #e1e5e8;
	--clarus-text: #111111;
	--clarus-muted: #68727a;
}
body {
	color: var(--clarus-text);
	background: #ffffff;
}
.clarus-shell {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
}
.fixed-section {
	width: min(1260px, calc(100% - 48px));
}
/* ===== Promo Bar ===== */
.clarus-promo {
	width: 100%;
	min-height: 35px;
	background: var(--clarus-blue);
	color: #ffffff;
}
.clarus-promo-inner {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	min-height: 35px;
	margin: 0 auto;
}
.clarus-promo .banner-heading {
	grid-column: 2;
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.01em;
	text-align: center;
	white-space: nowrap;
}
.clarus-promo .other-links {
	grid-column: 3;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 28px;
}
.clarus-promo .other-links a {
	color: #ffffff;
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	text-decoration: underline;
	text-underline-offset: 3px;
	white-space: nowrap;
}
.clarus-promo .other-links a:hover,
.clarus-promo .other-links a:focus {
	color: #ffffff;
	opacity: 0.8;
}
@media (max-width: 700px) {
.clarus-promo-inner {
		grid-template-columns: 1fr;
		width: calc(100% - 24px);
		padding: 8px 0;
	}
.clarus-promo .banner-heading {
		grid-column: 1;
		font-size: 10px;
		line-height: 1.3;
		white-space: normal;
	}
.clarus-promo .other-links {
		display: none;
	}
}
/* ===== Header ===== */
.clarus-header {
	position: relative;
	z-index: 20;
	background: #F5F5F5;
	border-bottom: 1px solid #e8ecef;
	padding: 20px 0px 0px;
}
.clarus-header-main {
	display: grid;
	grid-template-columns: 220px minmax(280px, 1fr) auto;
	align-items: center;
	gap: 22px;
	min-height: 54px;
	margin: 0 auto;
}
.clarus-brand img {
	max-width: 140px;
	max-height: 31px;
}
.clarus-store-search {
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 910px;
	height: 45px;
	padding: 0 6px 0 16px;
	color: #7b8991;
	background: #ffffff;
	border: 1px solid #cfcfcf;
	border-radius: 22px;
	box-sizing: border-box;
	font-size: 14px;
}
.clarus-store-search-placeholder {
	flex: 1;
	line-height: 1;
}
.clarus-store-search-icon {
	position: relative;
	display: block;
	flex: 0 0 26px;
	width: 26px;
	height: 26px;
	margin-left: 10px;
	background: var(--clarus-blue);
	border-radius: 50%;
}
.clarus-store-search-icon::before {
	content: "";
	position: absolute;
	top: 5px;
	left: 6px;
	width: 13px;
	height: 13px;
	border: 1.4px solid #ffffff;
	border-radius: 50%;
	box-sizing: border-box;
}
.clarus-store-search-icon::after {
	content: "";
	position: absolute;
	top: 15px;
	left: 17px;
	width: 5px;
	height: 1.4px;
	background: #ffffff;
	border-radius: 2px;
	transform: rotate(45deg);
	transform-origin: left center;
}
.clarus-utility-nav {
	display: flex;
	align-items: center;
	gap: 10px;
}
.clarus-utility-nav a {
	display: flex;
	align-items: center;
	font-weight: 500;
	font-size: 15px;
	color: #0c0c0c;
}
.clarus-utility-nav img {
	width: 18px;
	height: 18px;
	object-fit: contain;
}
.clarus-account-link {
	font-weight: 700;
}
.clarus-header-links {
	display: flex;
	align-items: center;
	justify-content: space-between;
/*   width: min(1260px, calc(100% - 40px)); */
	min-height: 32px;
	margin: 0 auto;
}
.clarus-primary-nav,
.clarus-secondary-nav {
	display: flex;
	gap: 18px;
	font-size: 15px;
	font-weight: 700;
}
.clarus-primary-nav a,
.clarus-secondary-nav a {
	color: #111111;
}
.clarus-mobile-toggle {
	display: none;
	width: 38px;
	background: none;
	border: 0;
}
.clarus-mobile-toggle span {
	display: block;
	height: 2px;
	margin: 5px 0;
	background: #111111;
}
/* ===== Main Homepage ===== */
.clarus-home {
	overflow: hidden;
}
/* ===== Hero Section ===== */
.clarus-hero {
	padding: 72px 0 60px;
	background: #f7f7f8;
}
.clarus-hero-inner {
	max-width: 780px;
	text-align: center;
}
.clarus-hero h2,
.clarus-heading h2 {
	margin: 0;
	font-size: 42px;
	font-weight: 800;
	line-height: 1.08;
}
.clarus-hero p {
	margin: 14px 0 24px;
	font-size: 13px;
	line-height: 1.5;
}
.clarus-search-wrap {
	position: relative;
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}
.clarus-search-wrap > svg {
	position: absolute;
	top: 50%;
	left: 6px;
	z-index: 3;
	width: 38px;
	height: 38px;
	padding: 10px;
	background: var(--clarus-blue);
	border-radius: 50%;
	box-sizing: border-box;
	fill: none;
	stroke: #ffffff;
	stroke-width: 1.5;
	transform: translateY(-50%);
}
.clarus-search-wrap .search {
	width: 100%;
	margin: 0;
}
.clarus-search-wrap input[type="search"] {
	width: 100%;
	height: 58px;
	padding: 0 28px 0 68px;
	color: #777777;
	background: #ffffff;
	border: 1px solid #80afc2;
	border-radius: 30px;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: 400;
}
.clarus-search-wrap input[type="search"]::placeholder {
	color: #858585;
	opacity: 1;
}
.clarus-search-wrap input[type="search"]:focus {
	border-color: #80afc2;
	outline: none;
	box-shadow: none;
}
.clarus-search-wrap input[type="search"]::-webkit-search-cancel-button {
	display: none;
}
.clarus-search-tags {
	display: flex;
	justify-content: center;
	gap: 8px;
}
.clarus-search-tags a {
	padding: 6px 13px;
	color: #222222;
	background: #ffffff;
	border: 1px solid #e1e5e7;
	border-radius: 16px;
	font-size: 12px;
}
.clarus-search-tags a:hover {
	background: #f2f3f4;
}
/* ===== Modal/Popup ===== */
.clarus-model-help {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin: 14px 0 16px;
	padding: 0;
	color: #222222;
	background: transparent;
	border: 0;
	font-family: "Lato", sans-serif;
	font-size: 13px;
	cursor: pointer;
}
.clarus-model-help-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 15px;
	height: 15px;
	color: #ff5a36;
	border: 2px solid #ff5a36;
	border-radius: 50%;
	box-sizing: border-box;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
}
.clarus-model-modal {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 24px;
}
.clarus-model-modal.is-open {
	display: flex;
}
.clarus-model-modal-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.55);
}
.clarus-model-modal-dialog {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 560px;
	padding: 34px;
	background: #ffffff;
	border-radius: 12px;
	box-sizing: border-box;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
}
.clarus-model-modal-dialog h2 {
	margin: 0 0 14px;
	font-size: 26px;
	line-height: 1.2;
}
.clarus-model-modal-dialog p {
	margin: 0 0 20px;
	color: #555555;
	font-size: 14px;
	line-height: 1.6;
}
.clarus-model-modal-dialog img {
	display: block;
	width: 100%;
	height: 180px;
	border-radius: 8px;
	object-fit: cover;
}
.clarus-model-modal-close {
	position: absolute;
	top: 12px;
	right: 14px;
	width: 32px;
	height: 32px;
	padding: 0;
	color: #111111;
	background: transparent;
	border: 0;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
}
/* ===== Login Strip ===== */
.clarus-login-strip {
	padding: 30px 0;
	color: #ffffff;
	background: var(--clarus-blue);
	text-align: center;
}
.clarus-login-strip p {
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: 600;
}
.clarus-login-strip small {
	display: block;
	font-size: 14px;
	margin-bottom: 15px;
}
.clarus-login-actions {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 20px;
}
/* ===== Buttons ===== */
.clarus-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 8px 36px !important;
	border-radius: 18px;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
}
.clarus-btn-light {
	color: #111111;
	background: #ffffff;
}
.clarus-btn-outline {
	color: #ffffff;
	border: 1px solid #ffffff;
}
/* .clarus-btn-outline:hover {
  background: #fff;
  color: #000;
} */
.clarus-btn-blue {
	color: #ffffff;
	background: var(--clarus-blue);
}
.login-btn {
	color: #000;
	border: 1px solid #ffffff;
	background: #ffff;
}
.login-btn:hover {
	color: #fff;
	background: var(--clarus-blue);
}
/* ===== Generic Sections ===== */
.clarus-section {
	padding: 30px 0px 20px 0px;
}
.clarus-heading {
	margin-bottom: 40px;
	text-align: center;
}
.clarus-heading h2 {
	font-size: 29px;
}
.clarus-heading p {
	margin: 8px 0 0;
	color: #6e777c;
	font-size: 14px;
}
.clarus-heading-left {
	text-align: left;
}
/* ===== Popular Topics ===== */
.clarus-topic-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	max-width: 1080px;
	margin: 0 auto;
}
.clarus-topic-card {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	min-height: 114px;
	padding: 18px 30px 18px 18px;
	color: #111111;
	background: #f2f3f4;
	border-radius: 10px;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.04);
	text-decoration: none !important;
	transition: background-color 0.45s ease,
    color 0.45s ease;
}
.clarus-topic-card:hover,
.clarus-topic-card:focus {
	color: #ffffff;
	background: #E2E1DF;
	text-decoration: none;
}
.clarus-topic-card:hover h3,
.clarus-topic-card:hover p,
.clarus-topic-card:focus h3,
.clarus-topic-card:focus p {
	color: #000;
}
.clarus-topic-card h3 {
	margin: 0 0 16px;
	font-size: 24px;
	line-height: 1;
	min-height: 60px;
}
.clarus-topic-card p {
	margin: 0;
	color: #333333;
	font-size: 14px;
	line-height: 1.35;
}
.clarus-book-icon {
	color: var(--clarus-blue);
	font-size: 24px;
}
.clarus-book-icon {
	width: 48px;
	height: 48px;
	object-fit: contain;
	flex-shrink: 0;
}
/* .clarus-topic-card:hover .clarus-book-icon,
.clarus-topic-card:focus .clarus-book-icon {
  filter: brightness(0) invert(1);
} */
.clarus-product-category-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}
.clarus-product-category-card,
.clarus-product-type-card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 0;
	overflow: hidden;
	background: #f5f5f5;
	border: 1px solid transparent;
	border-radius: 8px;
	color: #111;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease;
}
.clarus-product-card-image {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 14px;
}
.clarus-product-card-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.clarus-model-card-image img {
	max-width: 180px;
}
.clarus-product-card-placeholder {
	background: #ededed;
}
.clarus-product-card-title {
	display: block;
	width: 100%;
	padding: 13px 10px 10px;
	font-size: 15px;
	line-height: 1.35;
	font-weight: 700;
	margin: 0;
}
.clarus-product-modal {
	position: fixed;
	inset: 0;
	z-index: 10000;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 24px;
}
.clarus-product-modal.is-open {
	display: flex;
}
.clarus-product-modal-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.72);
}
.clarus-product-modal-dialog {
	position: relative;
	z-index: 1;
	width: min(1080px, 100%);
	max-height: calc(100vh - 48px);
	padding: 40px 52px 34px;
	overflow-y: auto;
	background: #f7f7f7;
	border-radius: 8px;
	box-shadow: 0 22px 65px rgba(0, 0, 0, 0.28);
}
.clarus-product-modal-close {
	position: absolute;
	top: 14px;
	right: 18px;
	width: 32px;
	height: 32px;
	padding: 0;
	background: transparent;
	border: 0;
	color: #111;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
}
.clarus-product-modal-dialog h2 {
	margin: 0 40px 38px;
	text-align: center;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 900;
	font-family: inherit;
}
.clarus-product-slider-wrap {
	position: relative;
	display: flex;
	align-items: center;
}
.clarus-product-slider-viewport {
	width: 100%;
	overflow: hidden;
}
.clarus-product-modal-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}
.clarus-product-type-card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 10px 20px 14px;
	overflow: hidden;
	background: #fff;
	border-radius: 16px;
	color: #111;
	text-align: center;
	text-decoration: none;
	transition: transform 0.25s ease,
    box-shadow 0.25s ease;
}
.clarus-product-type-card:hover img {
	transform: scale(1.03);
	transition: transform .3s ease;
}
.clarus-product-type-card .clarus-product-card-image {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 130px;
	padding: 0px;
	background: transparent;
}
.clarus-product-type-card .clarus-product-card-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.clarus-product-type-card .clarus-product-card-title {
	display: block;
	padding: 9px 4px 0;
	color: #111;
	font-size: 14px;
	line-height: 1.35;
	font-weight: 700;
}
.clarus-product-slider-arrow {
	position: absolute;
	top: 50%;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	padding: 0;
	background: #fff;
	border: 1px solid #dedede;
	border-radius: 50%;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.12);
	color: #111;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	transform: translateY(-50%);
}
.clarus-product-slider-prev {
	left: -52px;
}
.clarus-product-slider-next {
	right: -52px;
}
.clarus-product-slider-arrow:hover {
	background: #00678a;
	border-color: #00678a;
	color: #fff;
}
.clarus-product-slider-arrow:disabled {
	opacity: 0.25;
	cursor: not-allowed;
}
.clarus-product-slider-arrow:disabled:hover {
	background: #fff;
	border-color: #dedede;
	color: #111;
}
.clarus-product-slider-dots {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 24px;
}
.clarus-product-slider-dot {
	width: 8px;
	height: 8px;
	padding: 0;
	background: #d5d5d5;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
}
.clarus-product-slider-dot.is-active {
	width: 22px;
	background: #00678a;
	border-radius: 999px;
}
body.clarus-modal-open {
	overflow: hidden;
}
.clarus-product-modal-navigation {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin-top: 26px;
}
.clarus-product-nav-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 50%;
	color: #111;
	font-size: 18px;
	cursor: pointer;
}
.clarus-product-nav-arrow:hover {
	background: #00678a;
	border-color: #00678a;
	color: #fff;
}
.clarus-product-nav-arrow:disabled {
	opacity: 0.3;
	cursor: not-allowed;
}
@media (max-width: 900px) {
.clarus-product-modal-dialog {
		width: min(760px, 100%);
		padding: 38px 36px 30px;
	}
.clarus-product-modal-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
.clarus-product-slider-prev {
		left: -46px;
	}
.clarus-product-slider-next {
		right: -46px;
	}
}
@media (max-width: 1024px) {
.clarus-product-category-grid,
  .clarus-product-modal-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}
@media (max-width: 767px) {
.clarus-product-category-grid,
  .clarus-product-modal-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
.clarus-product-modal {
		padding: 12px;
	}
.clarus-product-modal-dialog {
		width: 100%;
		max-height: calc(100vh - 24px);
		padding: 38px 42px 28px;
		overflow-y: auto;
	}
.clarus-product-modal-dialog h2 {
		margin: 0 22px 28px;
		font-size: 25px;
	}
.clarus-product-modal-grid {
		grid-template-columns: 1fr;
	}
.clarus-product-type-card .clarus-product-card-image {
		height: 220px;
	}
.clarus-product-slider-prev {
		left: -34px;
	}
.clarus-product-slider-next {
		right: -34px;
	}
.clarus-product-slider-arrow {
		width: 34px;
		height: 34px;
		font-size: 18px;
	}
}
/* ===== Videos Section ===== */
.clarus-video-slider-wrap {
	position: relative;
	display: flex;
	align-items: center;
	max-width: 92%;
	margin: 0 auto;
}
.clarus-video-slider-viewport {
	width: 100%;
	overflow: hidden;
}
.clarus-video-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}
.clarus-video-card {
	display: block;
	min-width: 0;
	padding: 0;
	overflow: hidden;
	background: transparent;
	border: 0;
	color: #111;
	text-align: left;
	cursor: pointer;
	align-self: baseline;
}
.clarus-video-thumbnail {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #ededed;
	border-radius: 10px;
	height: 200px;
	object-fit: cover;
}
.clarus-video-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}
.clarus-video-card:hover
.clarus-video-thumbnail img {
	transform: scale(1.04);
}
.clarus-video-play {
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	padding-left: 4px;
	background: rgba(255, 255, 255, 0.94);
	border-radius: 50%;
	color: #00678a;
	font-size: 20px;
	transform: translate(-50%, -50%);
}
.clarus-video-title {
	display: block;
	padding-top: 12px;
	font-size: 15px;
	line-height: 1.4;
	font-weight: 700;
	text-align: center;
	margin: 6px 40px;
	min-height: 65px;
}
.clarus-video-arrow {
	position: absolute;
	top: 38%;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0;
	background: #fff;
	border: 1px solid #403f3f;
	border-radius: 50%;
	color: #111;
	cursor: pointer;
	transform: translateY(-50%);
}
.clarus-video-prev {
	left: -50px;
}
.clarus-video-next {
	right: -50px;
}
.clarus-video-arrow i.fa-solid {
	font-size: 14px;
}
.clarus-video-arrow:hover {
	background: #00678a;
	border-color: #00678a;
	color: #fff;
}
.clarus-video-arrow:disabled {
	opacity: 0.3;
	cursor: not-allowed;
}
.clarus-video-dots {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 22px;
}
.clarus-video-dot {
	width: 8px;
	height: 8px;
	padding: 0;
	background: #d6d6d6;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
}
.clarus-video-dot.is-active {
	width: 8px;
	background: #00678a;
	border-radius: 999px;
}
.clarus-video-modal {
	position: fixed;
	inset: 0;
	z-index: 11000;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 24px;
}
.clarus-video-modal.is-open {
	display: flex;
}
.clarus-video-modal-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.78);
}
.clarus-video-modal-dialog {
	position: relative;
	z-index: 1;
	width: min(960px, 100%);
	padding: 42px 28px 28px;
	background: none;
	border-radius: 10px;
}
.clarus-video-modal-close {
	position: absolute;
	top: 10px;
	right: 14px;
	width: 34px;
	height: 34px;
	padding: 0;
	background: transparent;
	border: 0;
	font-size: 30px;
	cursor: pointer;
}
.clarus-video-modal-dialog h2 {
	margin: 0 40px 22px;
	text-align: center;
	font-size: 24px;
}
.clarus-video-embed-wrap {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.clarus-video-embed-wrap iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}
@media (max-width: 900px) {
.clarus-video-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 575px) {
.clarus-video-grid {
		grid-template-columns: 1fr;
	}
.clarus-video-prev {
		left: -8px;
	}
.clarus-video-next {
		right: -8px;
	}
.clarus-video-modal {
		padding: 12px;
	}
.clarus-video-modal-dialog {
		padding: 38px 12px 16px;
	}
}
/* ===== Discover More ===== */
.clarus-discover-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 14px;
}
.clarus-discover-card {
	overflow: hidden;
	color: #111111;
	background: #F1F8F9;
	border: 1px solid #e3e6e8;
	border-radius: 10px;
	box-shadow: 0 2px 9px rgba(0, 0, 0, 0.04);
	padding: 8px;
}
.clarus-discover-copy {
	min-height: 126px;
	padding: 12px 15px;
	text-align: center;
}
.clarus-discover-copy h3 {
	margin: 0 0 10px;
	font-size: 18px;
}
.clarus-discover-copy p {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
}
.clarus-discover-card img {
	width: 100%;
	height: 300px;
	object-fit: cover;
	border-radius: 10px;
}
/* ===== Contact Section ===== */
.clarus-contact-section {
	padding-top: 18px;
}
.clarus-contact-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
}
.clarus-contact-card {
	min-height: 190px;
	padding: 24px;
	color: #111111;
	border: 1px solid #e4e7e9;
	border-radius: 7px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.035);
}
.clarus-contact-icon {
	display: block;
	width: 50px;
	height: 50px;
	object-fit: contain;
}
.clarus-contact-card h3 {
	margin: 16px 0 16px;
	font-size: 20px;
}
.clarus-contact-card p {
	min-height: 34px;
	color: #777777;
	font-size: 14px;
}
.clarus-contact-card strong {
	display: block;
	padding-top: 14px;
	color: #004F79;
	border-top: 1px solid #e9ecee;
	font-size: 14px;
}
/* ===== Footer ===== */
.clarus-footer {
	margin-top: 26px;
	padding: 42px 0 22px;
	background: #eef1f2;
}
.clarus-footer a {
	color: #111111;
	text-decoration: none;
}
.clarus-footer a:hover,
.clarus-footer a:focus {
	text-decoration: underline;
}
.clarus-footer-top {
	display: grid;
	grid-template-columns:
    minmax(230px, 1fr)
    minmax(300px, 1.35fr)
    minmax(300px, 1.1fr)
    minmax(350px, 1.25fr);
	align-items: start;
	gap: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #d7dcdf;
}
.clarus-footer-top h3 {
	margin: 0 0 20px;
	color: #111111;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.25;
}
.clarus-footer-info-row {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 20px;
}
.clarus-footer-info-row p {
    margin: 0;
    font-size: 16px;
}
.clarus-footer-info-row:last-child {
	margin-bottom: 0;
}
.clarus-footer-info-row svg {
	flex: 0 0 16px;
	width: 16px;
	height: 16px;
	margin-top: 3px;
	fill: #111111;
}
.clarus-footer-info-row > div {
	display: flex;
	flex-direction: column;
	gap: 3px;
}
.clarus-footer-info-row a,
.clarus-footer-info-row span {
	color: #111111;
	font-size: 16px;
	line-height: 1.45;
}
.clarus-footer-store-row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
	color: #111111;
	font-size: 16px;
	line-height: 1.4;
}
.clarus-footer-store-row:last-child {
	margin-bottom: 0;
}
.clarus-footer-info-row > i,
.clarus-footer-store-row > i {
	flex: 0 0 17px;
	width: 17px;
	margin-top: 2px;
	color: #111111;
	font-size: 14px;
	line-height: 1;
	text-align: center;
}
.clarus-store-icon {
	flex: 0 0 16px;
	width: 16px;
	color: #111111;
	font-size: 11px;
	line-height: 1;
	text-align: center;
}
.clarus-footer-text-card,
.clarus-footer-newsletter {
	width: 100%;
	border: 1px solid #747d82;
	border-radius: 10px;
	box-sizing: border-box;
}
.clarus-footer-text-card {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 90px;
	padding: 15px;
}
.clarus-footer-chat-icon {
	flex: 0 0 auto;
}
.clarus-footer-chat-icon img {
	display: block;
	width: 45px;
	height: 45px;
	object-fit: contain;
}
.clarus-footer-text-card h3 {
	margin: 0 0 5px;
	font-size: 20px;
	line-height: 1.2;
}
.clarus-footer-text-card p {
	margin: 0;
	color: #111111;
	font-size: 14px;
	line-height: 1.4;
}
.clarus-footer-text-card p a,
.clarus-footer-newsletter p a {
  color: #007c9e;
  text-decoration: none;
  transition: color 0.2s ease;
}
.clarus-footer-text-card p a:hover,
.clarus-footer-newsletter p a:hover {
  color: #00a6c7;
  text-decoration: none;
}
.clarus-footer-newsletter {
	min-height: 132px;
	padding: 15px;
}
.clarus-footer-newsletter h3 {
	max-width: 260px;
	margin: 0 0 14px;
	font-size: 20px;
	line-height: 1.3;
}
.clarus-footer-newsletter form {
	margin: 0;
}
.clarus-newsletter-field {
	display: flex;
	align-items: center;
	width: 90%;
	height: 33px;
	overflow: hidden;
	background: #ffffff;
	border-radius: 3px;
}
.clarus-newsletter-field input {
	flex: 1 1 auto;
	min-width: 0;
	height: 100%;
	padding: 0 10px;
	color: #111111;
	background: #ffffff;
	border: 0;
	outline: 0;
	box-shadow: none;
	font-family: "Lato", sans-serif;
	font-size: 10px;
	box-sizing: border-box;
}
.clarus-newsletter-field input::placeholder {
	color: #666666;
	opacity: 1;
}
.clarus-newsletter-field button {
	flex: 0 0 auto;
	height: 24px;
	margin-right: 3px;
	padding: 0 18px;
	color: #ffffff;
	background: var(--clarus-blue);
	border: 0;
	border-radius: 14px;
	font-family: "Lato", sans-serif;
	font-size: 9px;
	cursor: pointer;
}
.clarus-footer-newsletter form > p {
	margin: 9px 0 0;
	color: #111111;
	font-size: 11px;
	line-height: 1.45;
}
.clarus-footer-links {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 32px;
	padding: 30px 0;
}
.clarus-footer-links > div {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.clarus-footer-links h3 {
	margin: 0 0 12px;
	color: #111111;
	font-weight: 600;
	font-size: 1.25rem;
}
.clarus-footer-links a {
	display: inline-block;
	margin: 1px 0;
	color: #20272b;
	font-size: 16px;
	line-height: 1.55;
}
.clarus-footer-bottom {
	display: grid;
	grid-template-columns: 50% minmax(0, 1fr) auto;
	align-items: center;
	gap: 20px;
	padding: 16px 0 40px;
	border-top: 1px solid #d7dcdf;
}
.clarus-footer-logo {
	display: inline-flex;
	align-items: center;
}
.clarus-footer-logo img {
	display: block;
	max-width: 120px;
}
.clarus-footer-bottom p {
	margin: 0;
	color: #20272b;
	font-size: 14px;
	line-height: 1.5;
}
.clarus-social {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 18px;
	white-space: nowrap;
}
.clarus-social-label {
	margin-right: 4px;
	color: #111111;
	font-size: 14px;
	font-weight: 700;
}
.clarus-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #111111;
	text-decoration: none;
}
.clarus-social i {
	font-size: 18px;
	line-height: 1;
}
.clarus-social a:hover,
.clarus-social a:focus {
	color: var(--clarus-blue);
	text-decoration: none;
}
/* ===== Footer Responsive ===== */
@media (max-width: 1000px) {
.clarus-footer-top {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
.clarus-footer-links {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
.clarus-footer-bottom {
		grid-template-columns: 100px 1fr;
	}
.clarus-social {
		grid-column: 1 / -1;
		justify-content: center;
	}
}
@media (max-width: 600px) {
.clarus-footer {
		padding: 32px 0 20px;
	}
.clarus-footer-top {
		grid-template-columns: 1fr;
		gap: 24px;
	}
.clarus-footer-links {
		grid-template-columns: 1fr;
		gap: 22px;
	}
.clarus-footer-logo {
		justify-content: center;
	}
.clarus-footer-bottom p {
		max-width: 340px;
	}
}
/* ===== Zendesk User Button ===== */
.clarus-user-button {
	display: flex;
	align-items: center;
	gap: 6px;
	background: none;
	border: 0;
}
.clarus-user-button .user-avatar {
	width: 24px;
	height: 24px;
}
/* ===== Tablet ===== */
@media (max-width: 900px) {
.clarus-header-main {
		display: grid;
		grid-template-columns: 1fr auto;
		align-items: center;
		gap: 16px;
		width: calc(100% - 32px);
		min-height: 68px;
	}
.clarus-brand {
		display: flex;
		align-items: center;
	}
.clarus-brand img {
		width: auto;
		max-width: 150px;
		max-height: 38px;
	}
.clarus-store-search,
  .clarus-utility-nav {
		display: none;
	}
.clarus-mobile-toggle {
		position: relative;
		z-index: 1002;
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 5px;
		width: 38px;
		height: 38px;
		padding: 7px;
		background: transparent;
		border: 0;
		cursor: pointer;
	}
.clarus-mobile-toggle span {
		display: block;
		width: 24px;
		height: 2px;
		margin: 0;
		background: #111111;
		border-radius: 2px;
		transition: transform 0.3s ease,
      opacity 0.3s ease;
	}
.clarus-header-links {
		position: fixed;
		top: 103px;
		right: 0;
		left: auto;
		z-index: 1001;
		display: block;
		width: min(340px, 88vw);
		height: calc(100vh - 103px);
		padding: 26px 24px;
		overflow-y: auto;
		background: #ffffff;
		border-top: 1px solid #e4e8eb;
		box-shadow: -8px 12px 30px rgba(0, 0, 0, 0.14);
		box-sizing: border-box;
		visibility: hidden;
		transform: translateX(105%);
		transition: transform 0.35s ease,
      visibility 0.35s ease;
	}
.clarus-header-links.is-open {
		visibility: visible;
		transform: translateX(0);
	}
.clarus-primary-nav,
  .clarus-secondary-nav {
		display: flex;
		flex-direction: column;
		gap: 0;
	}
.clarus-primary-nav a,
  .clarus-secondary-nav a {
		position: relative;
		display: flex;
		align-items: center;
		min-height: 46px;
		padding: 0 12px;
		color: #111111;
		border-radius: 6px;
		font-size: 15px;
		font-weight: 700;
		text-decoration: none;
		transition: color 0.25s ease,
      background-color 0.25s ease,
      padding-left 0.25s ease;
	}
.clarus-primary-nav a:hover,
  .clarus-primary-nav a:focus,
  .clarus-secondary-nav a:hover,
  .clarus-secondary-nav a:focus {
		padding-left: 18px;
		color: var(--clarus-blue);
		background: #f2f6f8;
		text-decoration: none;
	}
.clarus-primary-nav a::after,
  .clarus-secondary-nav a::after {
		content: "›";
		position: absolute;
		right: 12px;
		color: #9ca7ad;
		font-size: 20px;
		transition: transform 0.25s ease;
	}
.clarus-primary-nav a:hover::after,
  .clarus-primary-nav a:focus::after,
  .clarus-secondary-nav a:hover::after,
  .clarus-secondary-nav a:focus::after {
		transform: translateX(3px);
	}
.clarus-secondary-nav {
		margin-top: 18px;
		padding-top: 18px;
		border-top: 1px solid #e5e8ea;
	}
.clarus-menu-overlay {
		position: fixed;
		inset: 103px 0 0;
		z-index: 1000;
		display: block;
		background: rgba(0, 0, 0, 0.4);
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.3s ease,
      visibility 0.3s ease;
	}
.clarus-menu-overlay.is-visible {
		opacity: 1;
		visibility: visible;
	}
body.clarus-menu-open {
		overflow: hidden;
	}
.clarus-promo {
		min-height: 35px;
	}
.clarus-promo-inner {
		width: calc(100% - 24px);
		min-height: 35px;
	}
.clarus-promo .other-links {
		display: none;
	}
.clarus-promo .banner-heading {
		font-size: 10px;
		white-space: normal;
	}
.clarus-topic-grid {
		grid-template-columns: repeat(2, 1fr);
	}
.clarus-product-grid,
  .clarus-discover-grid {
		grid-template-columns: repeat(2, 1fr);
	}
.clarus-video-track {
		grid-template-columns: none;
		grid-auto-flow: column;
		grid-auto-columns: minmax(230px, 45%);
	}
.clarus-footer-top {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
.clarus-footer-links {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
.clarus-footer-bottom {
		grid-template-columns: 100px 1fr;
		text-align: center;
	}
.clarus-footer-logo {
		justify-self: center;
	}
.clarus-social {
		grid-column: 1 / -1;
		justify-self: center;
		justify-content: center;
	}
}
/* ===== Mobile ===== */
@media (max-width: 600px) {
.clarus-shell {
		width: min(100% - 28px, 1120px);
	}
.clarus-promo {
		display: flex;
		align-items: center;
		justify-content: center;
		height: auto;
		min-height: 34px;
		padding: 7px 16px;
		box-sizing: border-box;
	}
.clarus-promo-inner {
		display: block;
		width: 100%;
		min-height: auto;
	}
.clarus-promo .banner-heading {
		position: static;
		transform: none;
		font-size: 10px;
		line-height: 1.3;
		text-align: center;
		white-space: normal;
	}
.clarus-promo .other-links {
		display: none;
	}
.clarus-header-main {
		grid-template-columns: 1fr auto;
		gap: 12px;
		width: calc(100% - 24px);
		min-height: 64px;
	}
.clarus-brand img {
		max-width: 135px;
		max-height: 34px;
	}
.clarus-mobile-toggle {
		width: 36px;
		height: 36px;
		padding: 6px;
	}
.clarus-mobile-toggle span {
		width: 22px;
	}
.clarus-header-links {
		top: 98px;
		width: min(320px, 90vw);
		height: calc(100vh - 98px);
		padding: 22px 18px;
	}
.clarus-menu-overlay {
		inset: 98px 0 0;
	}
.clarus-primary-nav a,
  .clarus-secondary-nav a {
		min-height: 44px;
		padding: 0 10px;
		font-size: 13px;
	}
.clarus-primary-nav a:hover,
  .clarus-primary-nav a:focus,
  .clarus-secondary-nav a:hover,
  .clarus-secondary-nav a:focus {
		padding-left: 15px;
	}
.clarus-hero {
		padding: 52px 0 44px;
	}
.clarus-hero h2 {
		font-size: 34px;
	}
.desktop-only {
		display: none;
	}
.clarus-section {
		padding: 38px 0;
	}
.clarus-heading h2 {
		font-size: 25px;
	}
.clarus-topic-grid,
  .clarus-product-grid,
  .clarus-discover-grid,
  .clarus-contact-grid {
		grid-template-columns: 1fr;
	}
.clarus-topic-card {
		min-height: 100px;
	}
.clarus-product-card img {
		height: auto;
	}
.clarus-video-track {
		grid-auto-columns: 82%;
	}
.clarus-slider-row {
		grid-template-columns: 1fr;
	}
.clarus-slider-arrow {
		display: none;
	}
.clarus-footer-top,
  .clarus-footer-links {
		grid-template-columns: 1fr;
	}
.clarus-footer-links {
		gap: 18px;
	}
.clarus-footer-bottom {
		grid-template-columns: 1fr;
		justify-items: center;
		text-align: center;
	}
.clarus-social {
		grid-column: auto;
		flex-wrap: wrap;
		justify-content: center;
	}
}
/* Clarus hero search — isolated from Copenhagen's default search styles */
.clarus-hero .clarus-search-wrap {
  position: relative;
  width: min(100%, 720px);
  max-width: 720px;
  margin: 0 auto;
}
.clarus-hero .clarus-search-wrap .search,
.clarus-hero .clarus-search-wrap form,
.clarus-hero .clarus-search-wrap .clarus-search {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 50px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #78abc1 !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
/* Hide Zendesk's own search icon and clear button; custom icon below matches Figma. */
.clarus-hero .clarus-search-wrap .search > svg,
.clarus-hero .clarus-search-wrap form > svg,
.clarus-hero .clarus-search-wrap .clear-button {
	display: none !important;
}
.clarus-hero .clarus-search-wrap input[type="search"] {
	display: block !important;
	flex: 1 1 auto !important;
	width: 100% !important;
	min-width: 0 !important;
	height: 48px !important;
	margin: 0 !important;
	padding: 0 24px 0 58px !important;
	border: 0 !important;
	border-radius: 999px !important;
	outline: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
	color: #222222 !important;
	font-size: 14px !important;
	line-height: 48px !important;
	text-align: left !important;
	box-sizing: border-box !important;
	appearance: none !important;
	-webkit-appearance: none !important;
}
.clarus-hero .clarus-search-wrap input[type="search"]::placeholder {
	color: #888 !important;
	opacity: 1 !important;
}
/* Blue circular search badge */
.clarus-hero .clarus-search-wrap::before {
	content: "";
	position: absolute;
	z-index: 5;
	left: 7px;
	top: 50%;
	width: 38px;
	height: 38px;
	transform: translateY(-50%);
	border-radius: 50%;
	background: #005b82;
	pointer-events: none;
}
/* White magnifying glass */
.clarus-hero .clarus-search-wrap::after {
	content: "";
	position: absolute;
	z-index: 6;
	left: 16px;
	top: calc(50% - 10px);
	width: 18px;
	height: 18px;
	border: 1.6px solid #fff;
	border-radius: 50%;
	box-sizing: border-box;
	pointer-events: none;
}
.clarus-hero .clarus-search-wrap .search::after,
.clarus-hero .clarus-search-wrap form::after {
	content: "";
	position: absolute;
	z-index: 7;
	left: 31px;
	top: 28px;
	width: 6px;
	height: 1.6px;
	border-radius: 2px;
	background: #fff;
	transform: rotate(45deg);
	transform-origin: left center;
	pointer-events: none;
}
@media (max-width: 600px) {
.clarus-hero .clarus-search-wrap {
		width: 100%;
	}
.clarus-hero .clarus-search-wrap .search,
  .clarus-hero .clarus-search-wrap form,
  .clarus-hero .clarus-search-wrap .clarus-search {
		height: 50px !important;
	}
.clarus-hero .clarus-search-wrap input[type="search"] {
		height: 48px !important;
		line-height: 48px !important;
		padding-left: 60px !important;
		font-size: 13px !important;
	}
.clarus-hero .clarus-search-wrap::before {
		width: 38px;
		height: 38px;
		left: 6px;
	}
.clarus-hero .clarus-search-wrap::after {
		left: 15px;
	}
.clarus-hero .clarus-search-wrap .search::after,
  .clarus-hero .clarus-search-wrap form::after {
		left: 28px;
		top: 30px;
	}
}
/* ===== Find Your Model Number popup — editable theme settings ===== */
.clarus-modal-open {
	overflow: hidden;
}
.clarus-model-modal-dialog {
	max-width: 920px;
	max-height: calc(100vh - 48px);
	overflow-y: auto;
	padding: 40px;
	border-radius: 14px;
	font-family: "Lato", sans-serif;
}
.clarus-model-modal-header {
	max-width: 720px;
	margin: 0 auto 24px;
	text-align: center;
}
.clarus-model-modal-dialog .clarus-model-modal-header h2 {
	margin: 0 0 16px;
	text-align: center;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 900;
	font-family: inherit;
}
.clarus-model-modal-dialog .clarus-model-modal-header p {
	font-size: 12px;
	line-height: 1.2;
	margin: 0 auto 24px;
	text-align: center;
	color: #2c2d2e;
}
.clarus-model-modal-image-wrap {
	margin: 0 0 22px;
	overflow: hidden;
	border: 1px solid #e5e8ec;
	border-radius: 10px;
	background: #ffffff;
}
.clarus-model-modal-dialog .clarus-model-modal-image-wrap img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 0;
}
.clarus-model-steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border: 1px solid #e5e8ec;
	border-radius: 10px;
	overflow: hidden;
}
.clarus-model-step {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	min-height: 116px;
	padding: 22px 20px;
	background: #ffffff;
}
.clarus-model-step + .clarus-model-step {
	border-left: 1px solid #e5e8ec;
}
.clarus-model-step-number {
	display: inline-flex;
	flex: 0 0 24px;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	color: #ffffff;
	background: #0869bf;
	border-radius: 50%;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
}
.clarus-model-step h3 {
	margin: 1px 0 7px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
}
.clarus-model-step p {
	font-size: 12px;
	line-height: 1.2;
	margin: 0 auto 24px;
	color: #2c2d2e;
}
.clarus-model-modal-close {
	top: 14px;
	right: 16px;
	z-index: 2;
}
@media (max-width: 767px) {
.clarus-model-modal {
		align-items: flex-start;
		padding: 14px;
		overflow-y: auto;
	}
.clarus-model-modal-dialog {
		max-height: none;
		margin: auto 0;
		padding: 34px 18px 20px;
		border-radius: 12px;
	}
.clarus-model-modal-dialog .clarus-model-modal-header h2 {
		font-size: 26px;
	}
.clarus-model-modal-dialog .clarus-model-modal-header p {
		font-size: 14px;
	}
.clarus-model-steps {
		grid-template-columns: 1fr;
	}
.clarus-model-step {
		min-height: 0;
		padding: 18px;
	}
.clarus-model-step + .clarus-model-step {
		border-top: 1px solid #e5e8ec;
		border-left: 0;
	}
}
/* ===== Find Your Model Number: per-step editable images ===== */
.clarus-model-modal-dialog {
	max-width: 900px;
}
.clarus-model-steps {
	align-items: stretch;
}
.clarus-model-step {
	display: flex;
	flex-direction: column;
	min-width: 0;
}
.clarus-model-step-copy {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	min-height: 96px;
}
.clarus-model-step-copy > div {
	min-width: 0;
}
.clarus-model-step-image {
	width: 100%;
	height: 190px;
	margin-top: 14px;
	object-fit: contain;
	border-radius: 0;
}
@media (max-width: 767px) {
.clarus-model-step-copy {
		min-height: 0;
	}
.clarus-model-step-image {
		height: auto;
		max-height: 220px;
		margin-top: 12px;
	}
}
/* ===== Clarus reference alignment + Discover More v1.4 ===== */
body {
	font-family: "Lato", Arial, sans-serif;
}
.clarus-store-search input {
	flex: 1;
	min-width: 0;
	border: 0 !important;
	box-shadow: none !important;
	outline: 0;
	background: transparent;
	padding: 0;
	font: inherit;
	color: #111;
}
.clarus-store-search-icon {
	border: 0;
	cursor: pointer;
	padding: 0;
}
.clarus-primary-nav,
.clarus-secondary-nav {
	align-items: stretch;
}
.clarus-nav-item {
	position: static;
	display: flex;
	align-items: center;
}
.clarus-primary-nav > div > a,
.clarus-primary-nav > a,
.clarus-secondary-nav > a {
	display: flex;
	align-items: center;
	min-height: 42px;
	position: relative;
	text-decoration: none;
}
.clarus-primary-nav > div > a:after,
.clarus-primary-nav > a:after,
.clarus-secondary-nav > a:after {
	content: "";
	position: absolute;
	left: 0;
	right: 100%;
	bottom: 5px;
	height: 2px;
	background: var(--clarus-blue);
	transition: right 0.25s ease;
}
.clarus-primary-nav > div:hover > a:after,
.clarus-primary-nav > a:hover:after,
.clarus-secondary-nav > a:hover:after {
	right: 0;
}
.clarus-mega-menu {
	position: absolute;
	left: 50%;
	top: 100%;
	width: min(1260px, calc(100vw - 40px));
	transform: translate(-50%, 10px);
	display: grid;
	grid-template-columns: repeat(2, minmax(220px, 1fr));
	gap: 52px;
	padding: 28px 34px;
	background: #fff;
	border: 1px solid #e4e8ea;
	border-radius: 0 0 12px 12px;
	box-shadow: 0 18px 36px rgba(16, 24, 32, 0.14);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.2s ease, transform 0.2s ease;
	z-index: 40;
}
.clarus-nav-item:hover .clarus-mega-menu,
.clarus-nav-item.is-open .clarus-mega-menu {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translate(-50%, 0);
}
.clarus-mega-menu h3 {
	margin: 0 0 12px;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}
.clarus-mega-menu a {
	display: block !important;
	min-height: 0 !important;
	padding: 5px 0;
	color: #263238;
	font-size: 13px;
	line-height: 1.35;
	justify-items: center;
}
.clarus-discover-section {
	padding-bottom: 50px;
}
.clarus-discover-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
}
.clarus-discover-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 480px;
	padding: 20px 24px 0;
	overflow: hidden;
	border-radius: 16px;
	background-color: var(--discover-bg);
	color: #111111;
	text-decoration: none;
	transition: transform 0.35s ease,
    box-shadow 0.35s ease;
}
.clarus-discover-copy {
	position: relative;
	z-index: 2;
	text-align: center;
}
.clarus-discover-copy h3 {
	margin: 0 0 12px;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 600;
}
.clarus-discover-copy p {
	max-width: 290px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.35;
}
.clarus-discover-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 180px;
	min-height: 42px;
	margin-top: 16px;
	padding: 8px 24px;
	border: 1px solid #111111;
	border-radius: 999px;
	background-color: transparent;
	color: #111111;
	font-size: 15px;
	line-height: 1;
	font-weight: 700;
	opacity: 0;
	visibility: hidden;
	transform: translateY(12px);
	transition: opacity 0.3s ease,
    visibility 0.3s ease,
    transform 0.3s ease,
    background-color 0.25s ease,
    color 0.25s ease;
}
.clarus-discover-card:hover .clarus-discover-button,
.clarus-discover-card:focus-visible .clarus-discover-button {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.clarus-discover-button:hover {
	background-color: #111111;
	color: #ffffff;
}
.clarus-discover-media {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	flex: 1;
	overflow: hidden;
	margin-bottom: 0px;
}
.clarus-discover-media img {
	display: block;
	width: 100%;
	max-height: 300px;
	object-fit: cover;
	object-position: center bottom;
	transition: transform 0.45s ease;
	border-radius: 10px;
}
@media (max-width: 767px) {
.clarus-discover-card {
		min-height: 430px;
		padding: 30px 18px 0;
	}
.clarus-discover-button {
		opacity: 1;
		visibility: visible;
		transform: none;
	}
.clarus-discover-copy h3 {
		font-size: 21px;
	}
.clarus-discover-copy p {
		font-size: 15px;
	}
}
@media (max-width: 760px) {
.clarus-header-main {
		grid-template-columns: 1fr auto auto;
	}
.clarus-store-search {
		grid-column: 1 / -1;
		grid-row: 2;
		margin-bottom: 12px;
	}
.clarus-header-links {
		overflow-y: auto;
	}
.clarus-primary-nav,
  .clarus-secondary-nav {
		display: block;
		margin-top: 40px;
	}
.clarus-nav-item {
		display: grid;
		grid-template-columns: 1fr 42px;
	}
.clarus-submenu-toggle {
		display: block;
		border: 0;
		background: transparent;
		font-size: 22px;
	}
.clarus-mega-menu {
		position: static;
		grid-column: 1 / -1;
		width: auto;
		transform: none !important;
		display: none;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		padding: 12px 18px 18px;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		background: #f6f8f9;
	}
.clarus-nav-item:hover .clarus-mega-menu {
		display: none;
	}
.clarus-nav-item.is-open .clarus-mega-menu {
		display: grid;
	}
.clarus-discover-section {
		padding-top: 52px;
		padding-bottom: 52px;
	}
.clarus-discover-grid {
		grid-template-columns: 1fr;
	}
.clarus-discover-card {
		min-height: 430px;
	}
.clarus-discover-media {
		height: 260px;
	}
}
@media (min-width: 768px) and (max-width:1024px) {
.clarus-shell {
		width: 90%;
	}
}
/* ============================================================
   CLARUS PRODUCT CATEGORY PAGE
   ============================================================ */
.clarus-category-page {
	width: 100%;
	padding-bottom: 110px;
	background: #ffffff;
}
.clarus-category-page,
.clarus-category-page * {
	box-sizing: border-box;
}
/* ============================================================
   BREADCRUMBS
   ============================================================ */
.clarus-category-breadcrumbs {
	padding-top: 30px;
	padding-bottom: 30px;
	color: #68777f;
	font-size: 11px;
	line-height: 1.4;
}
.clarus-category-breadcrumbs ol,
.clarus-category-breadcrumbs ul {
	margin: 0;
	padding: 0;
}
.clarus-category-breadcrumbs li {
	font-size: 14px;
}
.clarus-category-breadcrumbs a {
	color: #006b88;
	text-decoration: none;
}
.clarus-category-breadcrumbs a:hover {
	text-decoration: underline;
}
/* ============================================================
   HERO
   ============================================================ */
.clarus-category-hero {
	margin-bottom: 20px;
}
.clarus-category-hero-inner {
	display: flex;
	min-height: 188px;
	padding: 60px 30px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 7px;
	background: #dcecf6;
	text-align: center;
}
.clarus-category-eyebrow {
	display: block;
	margin-bottom: 11px;
	color: #111111;
	font-size: 10px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
span.clarus-category-eyebrow img {
	max-width: 80px;
	filter: brightness(0) grayscale(100);
}
.clarus-category-hero h1 {
	margin: 0;
	color: #101010;
	font-size: 32px;
	line-height: 1.15;
	font-weight: 700;
	letter-spacing: -0.02em;
}
.clarus-category-description {
	max-width: 680px;
	margin: 14px auto 0;
	color: #34444d;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 400;
}
/* ============================================================
   CATEGORY TABS
   ============================================================ */
.clarus-category-tabs-wrap {
	margin-bottom: 38px;
	margin-top: 30px;
}
.clarus-category-tabs {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 0 4px 4px;
	overflow-x: auto;
	scrollbar-width: none;
}
.clarus-category-tabs::-webkit-scrollbar {
	display: none;
}
.clarus-category-tab {
	display: inline-flex;
	min-height: 25px;
	padding: 8px 16px;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	border: 1px solid #c8d0d4;
	border-radius: 999px;
	background: #ffffff;
	color: #555b5f;
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	text-decoration: none;
	transition: border-color 0.2s ease,
    background-color 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease;
}
.clarus-category-tab.is-active {
	border-color: #111111;
	background: #111111;
	color: #ffffff;
}
/* ============================================================
   PRODUCT GROUPS
   ============================================================ */
.clarus-category-content {
	display: flex;
	flex-direction: column;
	gap: 60px;
}
.clarus-product-group {
	scroll-margin-top: 145px;
}
.clarus-product-group-header {
	display: flex;
	margin-bottom: 20px;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}
.clarus-product-group-title {
	margin: 0;
	color: #101010;
	font-size: 22px;
	line-height: 1.25;
	font-weight: 700;
}
.clarus-product-view-all {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	color: #000;
	font-size: 13px;
	line-height: 1;
	font-weight: 500;
	text-decoration: none;
	transition: opacity 0.2s ease;
}
.clarus-product-view-all:hover {
	opacity: 0.75;
	text-decoration: underline;
}
.clarus-product-view-all svg {
	width: 12px;
	height: 12px;
}
/* ============================================================
   PRODUCT GRID
   ============================================================ */
.clarus-product-card-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
}
/* ============================================================
   PRODUCT CARD
   ============================================================ */
.clarus-product-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-width: 0;
	min-height: 230px;
	padding: 22px 18px 18px;
	overflow: hidden;
	border-radius: 8px;
	background: #f1f1f1;
	color: #111111;
	text-align: center;
	text-decoration: none;
	transition: transform 0.25s ease,
    box-shadow 0.25s ease,
    background-color 0.25s ease;
}
/* .clarus-product-card:hover {
  background: #ededed;
  transform: translateY(-3px);
  box-shadow: 0 9px 22px rgba(0, 0, 0, 0.08);
} */
.clarus-product-card:focus-visible {
	outline: 2px solid #006b88;
	outline-offset: 3px;
}
.clarus-product-card-content {
	width: 100%;
}
.clarus-product-card-divider {
	display: block;
	width: 100%;
	height: 1px;
	margin: 0 0 7px;
	background: #c4c4c4;
}
.clarus-product-models {
	display: flex;
	min-height: 13px;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 3px;
}
.clarus-product-model {
	color: #4b5052;
	font-size: 13px;
	line-height: 1.4;
	font-weight: 400;
}
.clarus-product-model:not(:last-child)::after {
	content: ", ";
	white-space: pre;
}
.clarus-product-more {
	display: block;
	margin-top: 8px;
	color: #1F73B7;
	;
  font-size: 11px;
	line-height: 1.2;
	font-weight: 500;
}
/* ============================================================
   LOADING
   ============================================================ */
.clarus-product-loading {
	grid-column: 1 / -1;
	display: flex;
	min-height: 150px;
	align-items: center;
	justify-content: center;
	gap: 10px;
	color: #68777f;
	font-size: 12px;
}
.clarus-product-loading-spinner {
	width: 18px;
	height: 18px;
	border: 2px solid #d4dadd;
	border-top-color: #006b88;
	border-radius: 50%;
	animation: clarus-product-spinner 0.7s linear infinite;
}
@keyframes clarus-product-spinner {
to {
		transform: rotate(360deg);
	}
}
/* ============================================================
   FALLBACK
   ============================================================ */
.clarus-product-fallback {
	display: none;
	padding: 18px;
	border-radius: 8px;
	background: #f3f3f3;
}
.clarus-product-fallback-link {
	color: #006b88;
	font-size: 12px;
	text-decoration: none;
}
.clarus-product-fallback-link:hover {
	text-decoration: underline;
}
/* ============================================================
   LARGE DESKTOP
   ============================================================ */
@media (min-width: 1200px) {
.clarus-category-hero-inner {
		min-height: 188px;
	}
.clarus-product-card {
		min-height: 230px;
	}
}
/* ============================================================
   TABLET
   ============================================================ */
@media (max-width: 991px) {
.clarus-category-page {
		padding-bottom: 80px;
	}
.clarus-category-hero-inner {
		min-height: 165px;
		padding: 34px 24px;
	}
.clarus-category-hero h1 {
		font-size: 27px;
	}
.clarus-product-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
.clarus-product-card {
		min-height: 190px;
	}
}
/* ============================================================
   MOBILE
   ============================================================ */
@media (max-width: 767px) {
.clarus-category-page {
		padding-bottom: 60px;
	}
.clarus-category-breadcrumbs {
		padding-top: 10px;
		padding-bottom: 16px;
	}
.clarus-category-hero {
		margin-bottom: 18px;
	}
.clarus-category-hero-inner {
		min-height: 145px;
		padding: 28px 18px;
		border-radius: 7px;
	}
.clarus-category-eyebrow {
		margin-bottom: 8px;
		font-size: 9px;
	}
.clarus-category-hero h1 {
		font-size: 25px;
	}
.clarus-category-description {
		margin-top: 11px;
		font-size: 11px;
	}
.clarus-category-tabs-wrap {
		margin-bottom: 28px;
	}
.clarus-category-tabs {
		justify-content: flex-start;
		padding-left: 0;
		padding-right: 0;
	}
.clarus-category-tab {
		padding: 6px 14px;
		font-size: 10px;
	}
.clarus-category-content {
		gap: 28px;
	}
.clarus-product-group-header {
		margin-bottom: 12px;
	}
.clarus-product-group-title {
		font-size: 15px;
	}
.clarus-product-card-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}
.clarus-product-card {
		min-height: 180px;
	}
.clarus-product-card-title {
		font-size: 13px;
	}
.clarus-product-model {
		font-size: 9px;
	}
.clarus-product-more {
		font-size: 9px;
	}
}
/* ============================================================
   SUB-CATEGORY PAGE — REUSES CATEGORY CARD STYLES
   ============================================================ */
.clarus-subcategory-page {
	width: 100%;
	padding-bottom: 110px;
	background: #ffffff;
}
.clarus-subcategory-page,
.clarus-subcategory-page * {
	box-sizing: border-box;
}
.clarus-subcategory-breadcrumbs {
	padding-top: 14px;
	padding-bottom: 24px;
	color: #68777f;
	font-size: 11px;
	line-height: 1.4;
}
.clarus-subcategory-breadcrumbs ol,
.clarus-subcategory-breadcrumbs ul {
	margin: 0;
	padding: 0;
}
.clarus-subcategory-breadcrumbs a {
	color: #006b88;
	text-decoration: none;
}
.clarus-subcategory-breadcrumbs a:hover {
	text-decoration: underline;
}
/* Reuse category hero styling */
.clarus-subcategory-hero {
	margin-bottom: 22px;
}
.clarus-subcategory-hero-inner {
	display: flex;
	min-height: 188px;
	padding: 38px 30px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 7px;
	background: #dcecf6;
	text-align: center;
}
.clarus-subcategory-eyebrow {
	display: block;
	margin-bottom: 11px;
	color: #111111;
	font-size: 10px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
.clarus-subcategory-hero h1 {
	margin: 0;
	color: #101010;
	font-size: 32px;
	line-height: 1.15;
	font-weight: 700;
	letter-spacing: -0.02em;
}
.clarus-subcategory-description {
	max-width: 680px;
	margin: 14px auto 0;
	color: #34444d;
	font-size: 12px;
	line-height: 1.5;
}
/* Model selector intro */
.clarus-model-selector-intro {
	margin-bottom: 34px;
	text-align: center;
}
.clarus-model-selector-intro h2 {
	margin: 0;
	color: #111111;
	font-size: 16px;
	line-height: 1.25;
	font-weight: 700;
}
.clarus-model-count {
	margin: 8px 0 0;
	color: #a0a7ab;
	font-size: 12px;
	line-height: 1.3;
}
.clarus-find-model-link {
	display: inline-flex;
	margin-top: 14px;
	align-items: center;
	gap: 5px;
	color: #313a40;
	font-size: 12px;
	font-weight: 500;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.clarus-find-model-link:hover {
	color: #006b88;
}
.clarus-find-model-icon {
	display: inline-flex;
	width: 12px;
	height: 12px;
	align-items: center;
	justify-content: center;
	border: 1px solid currentColor;
	border-radius: 50%;
	font-size: 8px;
	line-height: 1;
}
/* Loading */
.clarus-model-loading {
	grid-column: 1 / -1;
	display: flex;
	min-height: 160px;
	align-items: center;
	justify-content: center;
	gap: 10px;
	color: #68777f;
	font-size: 12px;
}
.clarus-model-loading-spinner {
	width: 18px;
	height: 18px;
	border: 2px solid #d4dadd;
	border-top-color: #006b88;
	border-radius: 50%;
	animation: clarus-model-spinner 0.7s linear infinite;
}
@keyframes clarus-model-spinner {
to {
		transform: rotate(360deg);
	}
}
/* .clarus-model-fallback {
  display: none;
} */
.clarus-native-articles {
	margin-top: 60px;
}
.clarus-native-articles-title {
	margin: 0 0 18px;
	font-size: 18px;
	font-weight: 700;
}
@media (max-width: 991px) {
.clarus-subcategory-page {
		padding-bottom: 80px;
	}
.clarus-subcategory-hero-inner {
		min-height: 165px;
		padding: 34px 24px;
	}
.clarus-subcategory-hero h1 {
		font-size: 27px;
	}
}
@media (max-width: 767px) {
.clarus-subcategory-page {
		padding-bottom: 60px;
	}
.clarus-subcategory-breadcrumbs {
		padding-top: 10px;
		padding-bottom: 16px;
	}
.clarus-subcategory-hero-inner {
		min-height: 145px;
		padding: 28px 18px;
	}
.clarus-subcategory-hero h1 {
		font-size: 25px;
	}
.clarus-model-selector-intro {
		margin-bottom: 26px;
	}
.clarus-native-articles {
		margin-top: 40px;
	}
}
/* ============================================================
   CLARUS OPTIONAL INTERNAL PAGE TEMPLATES
   ============================================================ */
.clarus-internal-breadcrumbs {
	padding-top: 14px;
	padding-bottom: 22px;
	font-size: 11px;
	color: #66757f;
}
.clarus-internal-breadcrumbs a {
	color: #006b88;
	text-decoration: none;
}
.clarus-page-kicker {
	display: block;
	margin-bottom: 8px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: #0d2630;
}
.clarus-page-loader,.clarus-inline-loader,.clarus-empty-state {
	color: #78858c;
	font-size: 12px;
}
.clarus-primary-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 9px 20px;
	border-radius: 999px;
	background: #006b88;
	color: #fff!important;
	text-decoration: none;
	font-weight: 700;
	font-size: 12px;
}
/* Product/model support detail */
.clarus-product-support-page {
	padding-bottom: 90px;
	background: #fff;
}
.clarus-product-support-hero {
	display: grid;
	grid-template-columns: minmax(280px,38%) 1fr;
	min-height: 250px;
	margin-bottom: 26px;
	border-radius: 9px;
	overflow: hidden;
	background: #f3f3f3;
}
.clarus-product-support-image {
	min-height: 250px;
	background: linear-gradient(135deg,#f7f7f7,#e6e6e6);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.clarus-product-support-summary {
	padding: 34px 38px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.clarus-product-support-summary h1 {
	margin: 0 0 8px;
	font-size: 30px;
	line-height: 1.15;
}
.clarus-product-support-summary .clarus-marker-description {
	margin-bottom: 16px;
	color: #526169;
	font-size: 13px;
	line-height: 1.55;
}
.clarus-product-quick-links {
	display: flex;
	flex-direction: column;
	gap: 7px;
}
.clarus-product-quick-links a {
	display: flex;
	justify-content: space-between;
	padding: 10px 14px;
	border-radius: 7px;
	background: #fff;
	color: #111;
	text-decoration: none;
	font-size: 12px;
}
.clarus-product-quick-links a:after {
	content: '+';
}
.clarus-help-topics {
	padding: 18px 24px 20px;
	margin-bottom: 24px;
	border-radius: 8px;
	background: #f3f3f3;
	text-align: center;
}
.clarus-help-topics p {
	margin: 5px 0 13px;
	color: #7c858a;
	font-size: 11px;
}
.clarus-help-topic-pills {
	display: flex;
	justify-content: center;
	gap: 8px;
	flex-wrap: wrap;
}
.clarus-help-topic-pills a {
	padding: 7px 18px;
	border-radius: 999px;
	background: #fff;
	color: #787879;
	text-decoration: none;
	font-size: 10px;
}
.clarus-help-topic-pills a:hover,.clarus-help-topic-pills a.is-active {
	background: #111;
	border-color: #111;
	color: #fff;
}
.clarus-content-heading h2 {
	margin: 0;
	font-size: 18px;
}
.clarus-support-video-grid {
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: 12px;
}
.clarus-support-video-card {
	min-height: 150px;
	padding: 18px;
	border-radius: 8px;
	background: #eee;
	color: #111;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.clarus-video-play {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: #fff;
	margin: auto auto 18px;
}
.clarus-support-video-card small {
	font-size: 9px;
	text-transform: uppercase;
	color: #777;
}
.clarus-support-video-card strong {
	font-size: 12px;
	margin: 3px 0 8px;
}
.clarus-support-video-card>span:last-child {
	font-size: 10px;
	color: #006b88;
	font-weight: 600;
}
.clarus-register-strip {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin: 24px 0;
	padding: 14px 20px;
	border-radius: 6px;
	background: #005b78;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
}
.clarus-product-support-sections {
	padding: 0px;
}
.clarus-support-topic-section {
	padding: 34px 24px;
	margin-bottom: 18px;
	border-radius: 8px;
	background: #f5f5f5;
}
.clarus-support-topic-section>h2 {
	max-width: 520px;
	margin: 0 auto 18px;
	text-align: center;
	font-size: 22px;
	line-height: 1.1;
}
.clarus-support-link-list {
	padding: 8px 18px;
	border-radius: 7px;
	background: #fff;
}
.clarus-support-link-list a {
	display: flex;
	justify-content: space-between;
	padding: 11px 0;
	border-bottom: 1px solid #e6e6e6;
	color: #111;
	text-decoration: none;
	font-size: 12px;
}
.clarus-support-link-list a span {
	color: #006b88;
}
/* Manuals */
.clarus-support-layout {
	display: grid;
	grid-template-columns: 190px minmax(0,1fr);
	gap: 34px;
	padding-bottom: 80px;
}
.clarus-support-sidebar {
	border-right: 1px solid #e1e5e7;
	padding-right: 22px;
}
.clarus-support-sidebar h2 {
	margin: 0 0 18px;
	font-size: 16px;
	text-transform: uppercase;
}
.clarus-sidebar-tree {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.clarus-sidebar-tree a {
	padding: 6px 0;
	color: #34444d;
	text-decoration: none;
	font-size: 11px;
}
.clarus-sidebar-tree a:hover {
	color: #006b88;
}
.clarus-manuals-header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 20px;
}
.clarus-manuals-header h1 {
	margin: 0;
	font-size: 30px;
}
.clarus-sort-control {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 11px;
}
.clarus-sort-control select {
	padding: 8px 26px 8px 10px;
	border: 1px solid #d2d8db;
	border-radius: 6px;
	background: #fff;
}
.clarus-manual-group {
	margin-bottom: 30px;
}
.clarus-manual-group>h2 {
	padding-bottom: 10px;
	margin: 0 0 12px;
	border-bottom: 1px solid #d6dcdf;
	font-size: 16px;
}
.clarus-manual-grid {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 10px;
}
.clarus-manual-card {
	display: grid;
	grid-template-columns: 46px minmax(0,1fr) auto;
	align-items: center;
	gap: 12px;
	min-height: 88px;
	padding: 14px;
	border: 1px solid #e5e8ea;
	border-radius: 7px;
	background: #fff;
}
.clarus-document-badge {
	width: 42px;
	height: 34px;
	border-radius: 5px;
	display: grid;
	place-items: center;
	font-size: 8px;
	font-weight: 700;
}
.clarus-manual-card-copy h3 {
	margin: 0 0 6px;
	font-size: 11px;
}
.clarus-manual-card-copy p {
	margin: 0;
	color: #8b9498;
	font-size: 9px;
}
.clarus-manual-actions a {
	padding: 6px 12px;
	border-radius: 999px;
	background: #006b88;
	color: #fff;
	text-decoration: none;
	font-size: 9px;
}
.clarus-newsletter-strip {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-top: 48px;
	padding: 24px 30px;
	border-radius: 8px;
	background: #073b4c;
	color: #fff;
}
.clarus-newsletter-strip a {
	padding: 9px 20px;
	border-radius: 999px;
	background: #10a6b7;
	color: #fff;
	text-decoration: none;
	font-size: 10px;
}
.clarus-still-questions {
	min-height: 170px;
	margin-top: 22px;
	padding: 32px;
	border-radius: 8px;
	background: #f0f0f2;
	display: flex;
	align-items: center;
}
.clarus-still-questions h2 {
	margin: 0 0 10px;
	font-size: 28px;
}
.clarus-still-questions p {
	max-width: 460px;
	margin: 0 0 18px;
	color: #68757c;
	font-size: 11px;
	line-height: 1.5;
}
/* Support article */
.clarus-article-layout {
	display: grid;
	grid-template-columns: 190px minmax(0,1fr) 190px;
	gap: 32px;
	padding-bottom: 40px;
}
.clarus-current-section-nav h3 {
	margin: 0 0 10px;
	font-size: 13px;
}
.clarus-current-section-nav a {
	display: block;
	padding: 5px 0;
	color: #56656d;
	text-decoration: none;
	font-size: 10px;
	line-height: 1.4;
}
.clarus-current-section-nav a.is-current {
	color: #006b88;
	font-weight: 700;
}
.clarus-support-article header {
	padding-bottom: 18px;
	border-bottom: 1px solid #edf0f1;
}
.clarus-support-article h1 {
	margin: 0;
	font-size: 30px;
	line-height: 1.15;
}
.clarus-article-body {
	font-size: 13px;
	line-height: 1.7;
	color: #303b40;
}
.clarus-article-body h2 {
	font-size: 20px;
}
.clarus-article-body h3 {
	margin-top: 22px;
	font-size: 16px;
}
.clarus-article-toc {
	position: sticky;
	top: 130px;
	align-self: start;
	padding-left: 18px;
	border-left: 2px solid #006b88;
}
.clarus-article-toc h2 {
	margin: 0 0 12px;
	font-size: 13px;
	text-transform: uppercase;
}
.clarus-article-toc nav {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.clarus-article-toc a {
	color: #66747b;
	text-decoration: none;
	font-size: 9px;
	line-height: 1.35;
}
.clarus-article-votes {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 28px;
	padding: 18px;
	background: #f5f5f5;
}
.clarus-vote-button {
	margin-left: 8px;
}
.clarus-article-cta {
	margin-bottom: 22px;
}
/* Online support */
.clarus-online-support-page {
	padding-bottom: 100px;
}
.clarus-online-support-hero {
	display: grid;
	grid-template-columns: 1fr 1fr;
	min-height: 280px;
	border-radius: 9px;
	overflow: hidden;
	background: #f2f2f2;
}
.clarus-online-support-photo {
	background: url('https://claruspool.com/cdn/shop/files/clarus-pool-support.jpg') center/cover no-repeat,linear-gradient(135deg,#5bb7cd,#d4f0f5);
}
.clarus-online-support-panel {
	padding: 28px 34px;
}
.clarus-online-support-panel h1 {
	margin: 0 0 16px;
	font-size: 28px;
}
.clarus-online-accordion {
	display: flex;
	flex-direction: column;
	gap: 7px;
}
.clarus-online-accordion details {
	border-radius: 6px;
	background: #fff;
}
.clarus-online-accordion summary {
	cursor: pointer;
	padding: 10px 13px;
	font-size: 11px;
	list-style: none;
}
.clarus-online-accordion summary:after {
	content: '+';
	float: right;
}
.clarus-online-accordion details[open] summary:after {
	content: '−';
}
.clarus-online-accordion p {
	padding: 0 13px 12px;
	margin: 0;
	color: #65737a;
	font-size: 10px;
}
.clarus-online-topics {
	margin-top: 8px;
}
@media(max-width:991px) {
.clarus-product-support-hero {
		grid-template-columns: 1fr;
	}
.clarus-product-support-image {
		min-height: 210px;
	}
.clarus-support-layout {
		grid-template-columns: 1fr;
	}
.clarus-support-sidebar {
		border-right: 0;
		border-bottom: 1px solid #e1e5e7;
		padding: 0 0 18px;
	}
.clarus-sidebar-tree {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 8px 16px;
	}
.clarus-article-layout {
		grid-template-columns: 1fr;
	}
.clarus-article-left-nav {
		display: none;
	}
.clarus-article-toc {
		position: static;
		order: -1;
		border-left: 0;
		border-bottom: 1px solid #e1e5e7;
		padding: 0 0 14px;
	}
.clarus-article-toc nav {
		flex-direction: row;
		flex-wrap: wrap;
	}
.clarus-online-support-hero {
		grid-template-columns: 1fr;
	}
.clarus-online-support-photo {
		min-height: 220px;
	}
}
@media(max-width:767px) {
.clarus-product-support-summary {
		padding: 26px 20px;
	}
.clarus-product-support-summary h1,.clarus-manuals-header h1,.clarus-support-article h1 {
		font-size: 24px;
	}
.clarus-help-topic-pills {
		justify-content: flex-start;
		overflow-x: auto;
		flex-wrap: nowrap;
	}
.clarus-support-video-grid,.clarus-manual-grid {
		grid-template-columns: 1fr;
	}
.clarus-manuals-header {
		align-items: flex-start;
		flex-direction: column;
	}
.clarus-manual-card {
		grid-template-columns: 42px 1fr;
	}
.clarus-manual-actions {
		grid-column: 2;
	}
.clarus-newsletter-strip {
		align-items: flex-start;
		flex-direction: column;
	}
.clarus-still-questions h2 {
		font-size: 23px;
	}
.clarus-online-support-panel {
		padding: 24px 18px;
	}
}
/* ============================================================
   CLARUS REFERENCE HEADER v1.6
   ============================================================ */
.clarus-promo {
	position: relative;
	min-height: 28px;
	background: #00647f;
	color: #fff;
	z-index: 80;
}
.clarus-promo-trigger {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	min-height: 36px;
	padding: 0 18px;
	border: 0;
	background: transparent;
	color: #fff;
	cursor: pointer;
}
.clarus-promo-title {
	grid-column: 2;
	font-size: 15px;
	line-height: 1;
	font-weight: 500;
	text-align: center;
}
.clarus-promo-plus {
	grid-column: 3;
	justify-self: start;
	margin-left: 8px;
	font-size: 16px;
	line-height: 1;
	transition: transform .25s ease;
}
.clarus-promo.is-open .clarus-promo-plus {
	transform: rotate(45deg);
}
.clarus-promo-links {
	position: absolute;
	top: 0;
	right: max(20px,calc((100vw - 1440px)/2));
	display: flex;
	align-items: center;
	gap: 28px;
	height: 28px;
}
.clarus-promo-links a {
	color: #fff;
	font-size: 12px;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.clarus-promo-drawer {
	max-height: 0;
	overflow: hidden;
	background: #004d63;
	transition: max-height .35s ease;
}
.clarus-promo-drawer[aria-hidden="false"] {
	max-height: 260px;
}
.clarus-promo-offers {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 48px;
	padding: 28px 64px 32px;
}
.clarus-promo-offer span {
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: .12em;
	opacity: .75;
}
.clarus-promo-offer h2 {
	margin: 7px 0 5px;
	color: #fff;
	font-size: 20px;
}
.clarus-promo-offer p {
	margin: 0 0 10px;
	max-width: 440px;
	font-size: 12px;
	line-height: 1.45;
}
.clarus-promo-offer a {
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	text-decoration: underline;
}
.clarus-header {
	position: relative;
	z-index: 60;
	padding: 15px 0 0;
	background: #F5F5F5;
	border-bottom: 1px solid #e7eaec;
}
.clarus-header-main {
	grid-template-columns: 205px minmax(320px,1fr) 88px;
	gap: 24px;
	min-height: 52px;
}
.clarus-brand img {
	width: auto;
	max-width: 135px;
	max-height: 37px;
}
.clarus-store-search {
	max-width: none;
	height: 39px;
	padding: 0 5px 0 17px;
	border-color: #cfd4d7;
	border-radius: 24px;
	background: #fff;
}
.clarus-store-search input {
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	color: #1d2529;
	font: inherit;
	outline: 0;
}
.clarus-store-search input::-webkit-search-cancel-button {
	display: none;
	-webkit-appearance: none;
}
.clarus-store-search-icon {
	flex-basis: 27px;
	width: 27px;
	height: 27px;
	margin-left: 8px;
	border: 0;
}
.clarus-utility-nav {
	justify-content: flex-end;
	gap: 14px;
}
.clarus-icon-link {
	position: relative;
	color: #111;
}
.clarus-cart-count {
	position: absolute;
	top: -6px;
	right: -8px;
	display: none;
	min-width: 15px;
	height: 15px;
	padding: 0 3px;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: #00647f;
	color: #fff;
	font-size: 9px;
}
.clarus-cart-count:not(:empty) {
	display: flex;
}
.clarus-header-links {
	position: static;
	min-height: 45px;
}
.clarus-primary-nav,.clarus-secondary-nav {
	gap: 20px;
	font-size: 15px;
	font-weight: 650;
}
.clarus-primary-nav>*,.clarus-secondary-nav>* {
	position: relative;
}
.clarus-primary-nav>div>a,.clarus-primary-nav>a,.clarus-secondary-nav>div>a,.clarus-secondary-nav>a {
	display: flex;
	align-items: center;
	min-height: 38px;
	color: #111;
	text-decoration: none;
}
.clarus-primary-nav>div>a:after,.clarus-primary-nav>a:after,.clarus-secondary-nav>div>a:after,.clarus-secondary-nav>a:after {
	content: "";
	position: absolute;
	left: 0;
	right: 100%;
	bottom: 0;
	height: 2px;
	background: #00647f;
	transition: right .22s ease;
}
.clarus-primary-nav>div:hover>a:after,.clarus-primary-nav>a:hover:after,.clarus-secondary-nav>div:hover>a:after,.clarus-secondary-nav>a:hover:after {
	right: 0;
}
.clarus-find-filter-link {
	font-weight: 700;
}
.clarus-nav-item {
	position: static;
}
.clarus-submenu-toggle {
	display: none;
}
.clarus-mega-menu {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	transform: translateY(9px);
	grid-template-columns: repeat(2,minmax(220px,320px));
	justify-content: center;
	gap: 70px;
	padding: 34px max(44px,calc((100vw - 1260px)/2)) 38px;
	border: 0;
	border-top: 1px solid #e7eaec;
	border-radius: 0;
	background: #fff;
	box-shadow: 0 18px 32px rgba(23,37,43,.12);
}
.clarus-mega-wide {
	grid-template-columns: repeat(4,minmax(180px,250px));
	gap: 44px;
}
.clarus-mega-parts {
	grid-template-columns: repeat(3,minmax(210px,300px));
}
.clarus-mega-menu h3 {
	margin: 0 0 16px;
	color: #111;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.clarus-mega-menu a {
	position: relative;
	display: block!important;
	padding: 5px 0!important;
	color: #263238!important;
	font-size: 12px!important;
	font-weight: 500!important;
	line-height: 1.4;
}
.clarus-mega-menu a:hover {
	color: #00647f!important;
	transform: translateX(3px);
}
.clarus-mega-menu a:after {
	display: none!important;
}
.clarus-mega-featured>a {
	font-size: 14px!important;
	font-weight: 650!important;
}
.clarus-mega-actions {
	padding-left: 28px;
	border-left: 1px solid #e4e8ea;
}
.clarus-mega-action {
	margin-bottom: 8px;
	padding: 9px 12px!important;
	border: 1px solid #d7dde0;
	border-radius: 999px;
	text-align: center;
}
.clarus-menu-overlay {
	position: fixed;
	inset: 0;
	z-index: 50;
	background: rgba(8,25,33,.28);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: .22s ease;
}
.clarus-menu-overlay.is-visible {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
@media (min-width:901px) {
.clarus-nav-item:hover>.clarus-mega-menu,.clarus-nav-item:focus-within>.clarus-mega-menu,.clarus-nav-item.is-open>.clarus-mega-menu {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: translateY(0);
	}
body.clarus-mega-open .clarus-menu-overlay {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
.clarus-header {
		z-index: 70;
	}
.clarus-mega-menu {
		z-index: 72;
	}
}
@media (max-width:1100px) and (min-width:901px) {
.clarus-primary-nav,.clarus-secondary-nav {
		gap: 12px;
		font-size: 11px;
	}
.clarus-header-main {
		grid-template-columns: 170px minmax(260px,1fr) 72px;
	}
.clarus-brand img {
		max-width: 132px;
	}
}
@media (max-width:900px) {
.clarus-promo-trigger {
		grid-template-columns: 1fr auto;
	}
.clarus-promo-title {
		grid-column: 1;
		font-size: 12px;
	}
.clarus-promo-plus {
		grid-column: 2;
	}
.clarus-promo-links {
		display: none;
	}
.clarus-promo-offers {
		grid-template-columns: 1fr;
		padding: 22px 20px;
	}
.clarus-header {
		padding-top: 10px;
	}
.clarus-header-main {
		grid-template-columns: 1fr auto;
		min-height: 60px;
	}
.clarus-store-search,.clarus-utility-nav {
		display: none;
	}
.clarus-header-links {
		top: 88px;
		height: calc(100vh - 88px);
	}
.clarus-primary-nav,.clarus-secondary-nav {
		margin-top: 0;
	}
.clarus-nav-item {
		display: grid;
		grid-template-columns: 1fr 44px;
	}
.clarus-submenu-toggle {
		display: block;
		border: 0;
		background: transparent;
		font-size: 23px;
	}
.clarus-mega-menu,.clarus-mega-wide,.clarus-mega-parts {
		position: static;
		grid-column: 1/-1;
		width: auto;
		grid-template-columns: 1fr;
		gap: 18px;
		padding: 15px 16px 18px;
		transform: none!important;
		border: 0;
		background: #f5f7f8;
		box-shadow: none;
	}
.clarus-mega-actions {
		padding-left: 0;
		border-left: 0;
	}
.clarus-menu-overlay {
		z-index: 59;
	}
.clarus-header-links {
		z-index: 61;
	}
.clarus-mobile-toggle {
		z-index: 62;
	}
}
/* ============================================================
   CLARUS HEADER EXACT VISUAL MATCH — PROMO + SHOP ALL
   ============================================================ */
@media (min-width: 901px) {
/* Promo drawer overlays the header instead of pushing it down. */
.clarus-promo {
		z-index: 1200 !important;
		overflow: visible !important;
	}
.clarus-promo-drawer {
		position: absolute !important;
		top: 100% !important;
		left: 0 !important;
		right: 0 !important;
		z-index: 1201 !important;
		max-height: none !important;
		height: 0 !important;
		overflow: hidden !important;
		background: #fff !important;
		color: #171717 !important;
		opacity: 0;
		visibility: hidden;
		transition: height .32s ease, opacity .2s ease, visibility 0s linear .32s !important;
		box-shadow: 0 18px 28px rgba(0,0,0,.18);
	}
.clarus-promo-drawer[aria-hidden="false"] {
		height: 260px !important;
		opacity: 1;
		visibility: visible;
		transition: height .32s ease, opacity .2s ease, visibility 0s linear 0s !important;
	}
.clarus-promo-offers {
		height: 224px;
		grid-template-columns: 1fr 1fr !important;
		gap: 0 !important;
		max-width: 1040px !important;
		margin: 0 auto !important;
		padding: 28px 0 26px !important;
	}
.clarus-promo-offer {
		padding: 8px 70px 0 !important;
		color: #171717 !important;
	}
.clarus-promo-offer + .clarus-promo-offer {
		border-left: 1px solid #d8d8d8;
	}
.clarus-promo-offer span {
		color: #252525 !important;
		opacity: 1 !important;
		font-size: 14px !important;
		letter-spacing: 0 !important;
		text-transform: uppercase;
	}
.clarus-promo-offer h2 {
		margin: 4px 0 18px !important;
		color: #171717 !important;
		font-size: 20px !important;
		line-height: 1.2 !important;
		font-weight: 700 !important;
	}
.clarus-promo-offer p {
		max-width: 470px !important;
		margin: 0 0 23px !important;
		color: #252525 !important;
		font-size: 13px !important;
		line-height: 1.55 !important;
	}
.clarus-promo-offer a {
		color: #171717 !important;
		font-size: 16px !important;
		font-weight: 700 !important;
		text-decoration: none !important;
		text-transform: uppercase;
	}
.clarus-promo-tagline {
		height: 36px;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 9px;
		background: #efefef;
		color: #171717;
		font-size: 16px;
		font-weight: 700;
	}
.clarus-promo-tagline img {
		width: 24px;
		height: 24px;
		object-fit: contain;
	}
.clarus-promo.is-open .clarus-promo-plus {
		transform: none !important;
	}
.clarus-promo.is-open .clarus-promo-plus::before {
		content: "×";
		font-size: 21px;
	}
.clarus-promo.is-open .clarus-promo-plus {
		font-size: 0 !important;
	}
/* Drawer sits on top; header stays exactly where it was. */
.clarus-header {
z-index: 1100 !important;
	}
.clarus-promo.is-open + .clarus-header {
		z-index: 1090 !important;
	}
/* Exact visual Shop All mega menu. */
.clarus-mega-shop-visual {
		grid-template-columns: minmax(0, 1fr) 390px !important;
		justify-content: stretch !important;
		gap: 0 !important;
		min-height: 346px !important;
		padding: 31px 70px 28px !important;
		border-top: 1px solid #d9d9d9 !important;
		border-radius: 0 0 14px 14px !important;
	}
.clarus-shop-product-grid {
		display: grid;
		grid-template-columns: repeat(6, minmax(105px, 1fr));
		grid-auto-rows: 142px;
		align-items: start;
		column-gap: 24px;
		row-gap: 17px;
		padding-right: 56px;
	}
.clarus-shop-product {
		display: flex !important;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		padding: 0 !important;
		color: #171717 !important;
		text-align: center;
		transform: none !important;
	}
.clarus-shop-product:hover {
		color: #005f82 !important;
		transform: none !important;
	}
.clarus-shop-product-image {
		width: 112px;
		height: 105px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 4px;
	}
.clarus-shop-product-image img {
		height: 100%;
		max-height: 104px;
		width: 100%;
		object-fit: contain;
	}
.clarus-shop-product strong {
		display: block;
		font-size: 14px;
		line-height: 1.1;
		font-weight: 600;
	}
.clarus-shop-discover {
		min-height: 284px;
		padding: 0 0 0 23px;
		border-left: 1px solid #d8d8d8;
	}
.clarus-shop-discover h3 {
		margin: 0 0 15px !important;
		color: #aeb3b7 !important;
		font-size: 14px !important;
		line-height: 1 !important;
		font-weight: 600 !important;
		letter-spacing: 0 !important;
	}
.clarus-shop-discover a {
		padding: 5px 0 !important;
		color: #171717 !important;
		font-size: 14px !important;
		line-height: 1.2 !important;
		font-weight: 400 !important;
		transform: none !important;
	}
.clarus-shop-discover a:hover,
  .clarus-shop-discover .clarus-shop-highlight {
		color: #005f82 !important;
	}
}
@media (max-width: 1200px) and (min-width: 901px) {
.clarus-mega-shop-visual {
		grid-template-columns: minmax(0, 1fr) 300px !important;
		padding-left: 32px !important;
		padding-right: 32px !important;
	}
.clarus-shop-product-grid {
		grid-template-columns: repeat(5, minmax(90px, 1fr));
		padding-right: 30px;
	}
}
@media (max-width: 900px) {
.clarus-promo-tagline {
		display: none;
	}
.clarus-shop-product-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0,1fr));
		gap: 16px;
	}
.clarus-shop-product {
		text-align: center;
	}
.clarus-shop-product-image {
		display: none;
	}
.clarus-shop-discover {
		margin-top: 16px;
	}
}
/* ============================================================
   CLARUS ALL MEGA MENUS — IMAGE CARD LAYOUT
   Paste at the END of style.css
   ============================================================ */
@media (min-width: 901px) {
.clarus-mega-product-layout,
  .clarus-mega-link-layout {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) 430px !important;
		gap: 0 !important;
		min-height: 280px !important;
		padding: 32px 48px 28px !important;
		background: #fff !important;
	}
.clarus-menu-products-grid {
		display: grid;
		grid-template-columns: repeat(6, minmax(105px, 1fr));
		align-content: start;
		column-gap: 28px;
		row-gap: 34px;
		padding-right: 36px;
	}
.clarus-menu-product-card {
		display: flex !important;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		padding: 0 !important;
		color: #141414 !important;
		text-align: center;
		text-decoration: none !important;
	}
.clarus-menu-product-image {
		width: 108px;
		height: 104px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 7px;
	}
.clarus-menu-product-image img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
.clarus-menu-product-card strong {
		font-size: 14px;
		line-height: 1.12;
		font-weight: 600;
	}
.clarus-menu-actions-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-content: start;
		gap: 8px;
		padding-left: 24px;
		border-left: 1px solid #d8d8d8;
	}
.clarus-menu-action-card {
		min-height: 78px;
		display: grid !important;
		grid-template-columns: 58px minmax(0, 1fr);
		align-items: center;
		gap: 12px;
		padding: 9px 12px !important;
		border-radius: 10px;
		background: #f4f4f4;
		color: #171717 !important;
		text-decoration: none !important;
	}
.clarus-menu-action-image {
		width: 58px;
		height: 58px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
.clarus-menu-action-image img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
.clarus-menu-action-card strong {
		font-size: 14px;
		line-height: 1.3;
		font-weight: 600;
	}
.clarus-menu-link-columns {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 46px;
		padding-right: 38px;
	}
.clarus-menu-link-column h3 {
		margin: 0 0 16px !important;
		color: #aeb3b7 !important;
		font-size: 14px !important;
		line-height: 1 !important;
		font-weight: 700 !important;
		text-transform: uppercase;
	}
.clarus-menu-link-column a {
		display: block !important;
		padding: 3px 0 !important;
		color: #171717 !important;
		font-size: 14px !important;
		line-height: 1.35 !important;
		text-decoration: none !important;
	}
.clarus-menu-product-card:hover strong,
  .clarus-menu-action-card:hover strong,
  .clarus-menu-link-column a:hover {
		color: #005f82 !important;
	}
}
@media (max-width: 1250px) and (min-width: 901px) {
.clarus-mega-product-layout,
  .clarus-mega-link-layout {
		grid-template-columns: minmax(0, 1fr) 360px !important;
		padding-left: 28px !important;
		padding-right: 28px !important;
	}
.clarus-menu-products-grid {
		grid-template-columns: repeat(5, minmax(92px, 1fr));
		column-gap: 18px;
	}
.clarus-menu-action-card {
		grid-template-columns: 48px minmax(0,1fr);
	}
.clarus-menu-action-image {
		width: 48px;
		height: 48px;
	}
}
@media (max-width: 900px) {
.clarus-menu-products-grid,
  .clarus-menu-actions-grid,
  .clarus-menu-link-columns {
		display: block;
	}
.clarus-menu-product-card,
  .clarus-menu-action-card,
  .clarus-menu-link-column a {
		display: block !important;
		padding: 10px 0 !important;
		color: inherit !important;
	}
.clarus-menu-product-image,
  .clarus-menu-action-image {
		display: none !important;
	}
.clarus-menu-link-column h3 {
		margin: 16px 0 6px !important;
	}
}
a.clarus-menu-action-card {
	display: flex !important;
}
/* ============================================================
   CLARUS PARTS MENU — MATCH MAIN WEBSITE
   Paste at the END of style.css
   ============================================================ */
@media (min-width: 901px) {
.clarus-mega-parts-reference {
		display: grid !important;
		grid-template-columns: 250px 280px minmax(320px, 1fr) !important;
		gap: 42px !important;
		min-height: 336px !important;
		padding: 32px 48px 30px !important;
		background: #fff !important;
		align-content: start !important;
	}
.clarus-parts-column {
		min-width: 0;
	}
.clarus-parts-column h3 {
		margin: 0 0 15px !important;
		color: #adb2b7 !important;
		font-size: 14px !important;
		line-height: 1 !important;
		font-weight: 700 !important;
		text-transform: uppercase !important;
		letter-spacing: 0 !important;
	}
.clarus-parts-column a {
		display: block !important;
		padding: 3px 0 !important;
		color: #171717 !important;
		font-size: 14px !important;
		line-height: 1.35 !important;
		font-weight: 400 !important;
		text-decoration: none !important;
		transform: none !important;
	}
.clarus-parts-column a:hover {
		color: #005f82 !important;
	}
}
@media (max-width: 1100px) and (min-width: 901px) {
.clarus-mega-parts-reference {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 26px !important;
		padding-left: 28px !important;
		padding-right: 28px !important;
	}
}
@media (max-width: 900px) {
.clarus-mega-parts-reference {
		display: block !important;
	}
.clarus-parts-column h3 {
		margin: 16px 0 6px !important;
	}
.clarus-parts-column a {
		display: block !important;
		padding: 10px 0 !important;
	}
}
/* ============================================================
   FINAL PARTS MENU ALIGNMENT FIX
   Paste this at the VERY END of style.css
   ============================================================ */
@media (min-width: 901px) {
.clarus-mega-parts {
		display: grid !important;
		grid-template-columns: minmax(210px, 1fr)
      minmax(300px, 1.55fr)
      minmax(360px, 1.45fr) !important;
		align-items: start !important;
		align-content: start !important;
		gap: 0 !important;
		width: 100% !important;
		min-height: 220px !important;
		padding: 31px 69px 28px !important;
		background: #ffffff !important;
		box-sizing: border-box !important;
	}
.clarus-mega-parts > .clarus-mega-column {
		min-width: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
	}
.clarus-mega-parts > .clarus-mega-column:nth-child(1) {
		padding-right: 42px !important;
	}
.clarus-mega-parts > .clarus-mega-column:nth-child(2) {
		padding-right: 56px !important;
	}
.clarus-mega-parts > .clarus-mega-column:nth-child(3) {
		padding-left: 23px !important;
		border-left: 1px solid #d8d8d8 !important;
		min-height: 158px !important;
	}
.clarus-mega-parts .clarus-mega-column h3 {
		margin: 0 0 16px !important;
		padding: 0 !important;
		color: #aeb3b7 !important;
		font-size: 15px !important;
		line-height: 1 !important;
		font-weight: 700 !important;
		letter-spacing: 0 !important;
		text-transform: uppercase !important;
	}
.clarus-mega-parts .clarus-mega-column a {
		display: block !important;
		width: max-content !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 3px 0 !important;
		color: #171717 !important;
		font-size: 14px !important;
		line-height: 1.35 !important;
		font-weight: 400 !important;
		text-decoration: none !important;
		transform: none !important;
	}
.clarus-mega-parts .clarus-mega-column a:hover {
		color: #005f82 !important;
	}
}
@media (max-width: 1200px) and (min-width: 901px) {
.clarus-mega-parts {
		grid-template-columns: minmax(190px, .9fr)
      minmax(280px, 1.3fr)
      minmax(330px, 1.35fr) !important;
		padding-left: 48px !important;
		padding-right: 48px !important;
	}
}
/* ============================================================
   FINAL FULL-WIDTH MEGA MENU + CENTERED INNER CONTENT
   Paste this at the VERY END of style.css
   ============================================================ */
@media (min-width: 901px) {
/*
   * Dropdown background remains full browser width.
   */
.clarus-header-links .clarus-mega-menu {
		left: 50% !important;
		right: auto !important;
		width: 100vw !important;
		max-width: none !important;
		min-width: 100vw !important;
		margin: 0 !important;
		box-sizing: border-box !important;
    /*
     * Only the content is constrained/aligned like the main website.
     * At large widths this creates equal left/right gutters.
     * At laptop widths it keeps a normal 32px gutter.
     */
		padding-left: max(32px, calc((100vw - 1440px) / 2)) !important;
		padding-right: max(32px, calc((100vw - 1440px) / 2)) !important;
		transform: translateX(-50%) !important;
	}
/*
   * Preserve full-width centering in every open state.
   */
.clarus-nav-item.has-mega:hover > .clarus-mega-menu,
  .clarus-nav-item.has-mega:focus-within > .clarus-mega-menu,
  .clarus-nav-item.has-mega.is-open > .clarus-mega-menu {
		transform: translateX(-50%) !important;
	}
/*
   * Internal layouts remain responsive inside the centered content area.
   */
.clarus-mega-link-layout {
		grid-template-columns: minmax(0, 1fr) clamp(360px, 28vw, 430px) !important;
		column-gap: clamp(28px, 3vw, 48px) !important;
	}
.clarus-menu-link-columns {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: clamp(28px, 4vw, 72px) !important;
		padding-right: 0 !important;
	}
.clarus-mega-product-layout {
		grid-template-columns: minmax(0, 1fr) clamp(360px, 28vw, 430px) !important;
		column-gap: clamp(28px, 3vw, 48px) !important;
	}
.clarus-menu-products-grid {
		grid-template-columns: repeat(6, minmax(90px, 1fr)) !important;
		column-gap: clamp(16px, 2.2vw, 34px) !important;
		padding-right: 0 !important;
	}
.clarus-mega-shop-visual {
		grid-template-columns: minmax(0, 1fr) clamp(330px, 27vw, 390px) !important;
		column-gap: clamp(28px, 3vw, 48px) !important;
	}
.clarus-shop-product-grid {
		padding-right: 0 !important;
	}
.clarus-mega-parts {
		grid-template-columns: minmax(190px, 0.85fr)
      minmax(280px, 1.2fr)
      minmax(340px, 1.35fr) !important;
		column-gap: clamp(32px, 4vw, 68px) !important;
	}
}
/*
 * Medium desktop/laptop widths.
 */
@media (min-width: 901px) and (max-width: 1199px) {
.clarus-header-links .clarus-mega-menu {
		padding-left: 28px !important;
		padding-right: 28px !important;
	}
.clarus-mega-link-layout,
  .clarus-mega-product-layout {
		grid-template-columns: minmax(0, 1fr) 350px !important;
	}
.clarus-menu-link-columns {
		gap: 28px !important;
	}
.clarus-menu-products-grid {
		grid-template-columns: repeat(5, minmax(84px, 1fr)) !important;
	}
.clarus-mega-parts {
		grid-template-columns: minmax(175px, .8fr)
      minmax(250px, 1.1fr)
      minmax(300px, 1.25fr) !important;
		column-gap: 32px !important;
	}
}
/* ============================================================
   CLARUS SECONDARY NAV UNDERLINE FIX
   Shop By / Explore / Support underline only under the text
   Paste at the VERY END of style.css
   ============================================================ */
@media (min-width: 901px) {
/* Remove any full-width underline from the whole secondary nav area */
.clarus-secondary-nav,
  .clarus-secondary-nav .clarus-nav-item,
  .clarus-secondary-nav .clarus-nav-item.has-mega,
  .clarus-secondary-nav .clarus-nav-item.has-mega:hover,
  .clarus-secondary-nav .clarus-nav-item.has-mega:focus-within,
  .clarus-secondary-nav .clarus-nav-item.has-mega.is-open {
		border-bottom: 0 !important;
		box-shadow: none !important;
	}
/* Keep each item only as wide as its own label */
.clarus-secondary-nav .clarus-nav-item {
		width: auto !important;
		flex: 0 0 auto !important;
	}
/* Anchor becomes the underline reference */
.clarus-secondary-nav .clarus-nav-item > a {
		position: relative !important;
		display: inline-flex !important;
		align-items: center !important;
		width: auto !important;
		border-bottom: 0 !important;
		box-shadow: none !important;
	}
/* Remove any older pseudo underline rules */
.clarus-secondary-nav .clarus-nav-item::before,
  .clarus-secondary-nav .clarus-nav-item::after {
		content: none !important;
		display: none !important;
	}
/* Text-width underline only */
.clarus-secondary-nav .clarus-nav-item > a::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: -12px;
		height: 2px;
		background: #005f82;
		opacity: 0;
		transform: scaleX(0);
		transform-origin: center;
		transition: opacity .16s ease, transform .16s ease;
		pointer-events: none;
	}
.clarus-secondary-nav .clarus-nav-item:hover > a::after,
  .clarus-secondary-nav .clarus-nav-item:focus-within > a::after,
  .clarus-secondary-nav .clarus-nav-item.is-open > a::after {
		opacity: 1;
		transform: scaleX(1);
	}
/* Find My Filter remains without mega-menu underline behavior */
.clarus-secondary-nav > .clarus-find-filter-link {
		position: relative !important;
		border-bottom: 0 !important;
	}
}
/* ============================================================
   FINAL CLARUS MOBILE HEADER / MENU FIX
   Full-width drawer, correct z-index, clean accordion
   ============================================================ */
@media (max-width: 900px) {
html,
  body {
		overflow-x: clip !important;
	}
.clarus-header {
z-index: 3000 !important;
		width: 100% !important;
		padding: 0 !important;
		background: #ffffff !important;
	}
.clarus-header-main {
		position: relative !important;
		z-index: 3003 !important;
		display: grid !important;
		grid-template-columns: 1fr auto !important;
		align-items: center !important;
		width: 100% !important;
		min-height: 64px !important;
		margin: 0 !important;
		padding: 0 18px !important;
		background: #ffffff !important;
		box-sizing: border-box !important;
	}
.clarus-brand img {
		display: block !important;
		width: auto !important;
		max-width: 140px !important;
		max-height: 34px !important;
	}
.clarus-store-search,
  .clarus-utility-nav {
		display: none !important;
	}
.clarus-mobile-toggle {
		position: relative !important;
		z-index: 3005 !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
		gap: 5px !important;
		width: 38px !important;
		height: 38px !important;
		margin: 0 !important;
		padding: 7px !important;
		border: 0 !important;
		background: transparent !important;
		cursor: pointer !important;
	}
.clarus-mobile-toggle span {
		display: block !important;
		width: 24px !important;
		height: 2px !important;
		margin: 0 !important;
		background: #111111 !important;
		border-radius: 2px !important;
	}
/*
   * Full-width menu below header.
   * No narrow right-side panel and no grey strip.
   */
.clarus-header-links {
		position: fixed !important;
		top: 99px !important;
		left: 0 !important;
		right: 0 !important;
		z-index: 3004 !important;
		display: block !important;
		width: 100% !important;
		max-width: none !important;
		height: calc(100dvh - 99px) !important;
		margin: 0 !important;
		padding: 18px 20px 32px !important;
		overflow-x: clip !important;
		overflow-y: auto !important;
		overscroll-behavior: contain !important;
		background: #ffffff !important;
		border-top: 1px solid #e4e8eb !important;
		box-shadow: 0 14px 30px rgba(0, 0, 0, 0.14) !important;
		box-sizing: border-box !important;
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
		transform: translateY(-10px) !important;
		transition: opacity 0.22s ease,
      visibility 0.22s ease,
      transform 0.22s ease !important;
	}
.clarus-header-links.is-open {
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		transform: translateY(0) !important;
	}
.clarus-primary-nav,
  .clarus-secondary-nav {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
.clarus-secondary-nav {
		margin-top: 14px !important;
		padding-top: 14px !important;
		border-top: 1px solid #e4e8eb !important;
	}
.clarus-nav-item {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) 42px !important;
		align-items: center !important;
		width: 100% !important;
		border-bottom: 1px solid #edf0f2 !important;
	}
.clarus-primary-nav > .clarus-nav-item > a,
  .clarus-secondary-nav > .clarus-nav-item > a,
  .clarus-secondary-nav > .clarus-find-filter-link {
		display: flex !important;
		align-items: center !important;
		width: 100% !important;
		min-height: 48px !important;
		margin: 0 !important;
		padding: 0 8px !important;
		color: #111111 !important;
		background: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		font-size: 14px !important;
		line-height: 1.3 !important;
		font-weight: 700 !important;
		text-decoration: none !important;
	}
/*
   * Remove desktop underline and arrow pseudo-elements on mobile.
   */
.clarus-primary-nav a::before,
  .clarus-primary-nav a::after,
  .clarus-secondary-nav a::before,
  .clarus-secondary-nav a::after {
		content: none !important;
		display: none !important;
	}
.clarus-submenu-toggle {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 42px !important;
		height: 42px !important;
		margin: 0 !important;
		padding: 0 !important;
		color: #111111 !important;
		background: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
		font-size: 20px !important;
		line-height: 1 !important;
		cursor: pointer !important;
	}
/*
   * Accordion submenus.
   */
.clarus-mega-menu,
  .clarus-header-links .clarus-mega-menu {
		position: static !important;
		grid-column: 1 / -1 !important;
		display: none !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 12px 12px 18px !important;
		background: #f6f8f9 !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		transform: none !important;
	}
.clarus-nav-item:hover > .clarus-mega-menu {
		display: none !important;
	}
.clarus-nav-item.is-open > .clarus-mega-menu {
		display: block !important;
	}
.clarus-mega-menu a,
  .clarus-menu-product-card,
  .clarus-menu-action-card,
  .clarus-shop-product,
  .clarus-menu-link-column a,
  .clarus-mega-column a {
		display: block !important;
		min-height: 0 !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 9px 8px !important;
		color: #1d2529 !important;
		background: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
		font-size: 13px !important;
		line-height: 1.35 !important;
		font-weight: 500 !important;
		text-align: left !important;
	}
.clarus-menu-products-grid,
  .clarus-menu-actions-grid,
  .clarus-menu-link-columns,
  .clarus-shop-product-grid,
  .clarus-mega-parts {
		display: block !important;
		width: 100% !important;
		padding: 0 !important;
		border: 0 !important;
	}
.clarus-shop-discover,
  .clarus-menu-link-column,
  .clarus-mega-column {
		width: 100% !important;
		margin: 14px 0 0 !important;
		padding: 14px 0 0 !important;
		border-top: 1px solid #dfe4e7 !important;
		border-left: 0 !important;
	}
.clarus-shop-discover h3,
  .clarus-menu-link-column h3,
  .clarus-mega-column h3 {
		margin: 0 0 7px !important;
		padding: 0 8px !important;
		color: #7f8a91 !important;
		font-size: 12px !important;
		font-weight: 700 !important;
		text-transform: uppercase !important;
	}
.clarus-shop-product-image,
  .clarus-menu-product-image,
  .clarus-menu-action-image {
		display: none !important;
	}
/*
   * Overlay stays behind the white drawer.
   */
.clarus-menu-overlay {
		position: fixed !important;
		inset: 99px 0 0 !important;
		z-index: 3001 !important;
		display: block !important;
		background: rgba(0, 0, 0, 0.42) !important;
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
		transition: opacity 0.22s ease,
      visibility 0.22s ease !important;
	}
.clarus-menu-overlay.is-visible {
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
	}
body.clarus-menu-open {
		overflow: hidden !important;
	}
}
@media (max-width: 600px) {
.clarus-header-main {
		min-height: 62px !important;
		padding-left: 14px !important;
		padding-right: 14px !important;
	}
.clarus-header-links {
		top: 97px !important;
		height: calc(100dvh - 97px) !important;
		padding: 14px 14px 26px !important;
	}
.clarus-menu-overlay {
		inset: 97px 0 0 !important;
	}
.clarus-brand img {
		max-width: 132px !important;
	}
}
/* ============================================================
   FINAL MERGED FIX
   1) Mobile submenu images visible
   2) Desktop Shop By / Explore / Support underline conflict fixed
   ============================================================ */
/* ---------- MOBILE IMAGES ---------- */
@media (max-width: 900px) {
/*
   * Re-enable the same images used on desktop.
   */
.clarus-shop-product-image,
  .clarus-menu-product-image,
  .clarus-menu-action-image {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex: 0 0 auto !important;
		overflow: hidden !important;
	}
.clarus-shop-product-image,
  .clarus-menu-product-image {
		width: 72px !important;
		height: 68px !important;
		margin: 0 auto 7px !important;
	}
.clarus-menu-action-image {
		width: 48px !important;
		height: 48px !important;
		margin: 0 !important;
	}
.clarus-shop-product-image img,
  .clarus-menu-product-image img,
  .clarus-menu-action-image img {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: contain !important;
	}
/*
   * Product cards show as a compact two-column visual grid.
   */
.clarus-shop-product-grid,
  .clarus-menu-products-grid {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
		width: 100% !important;
	}
.clarus-shop-product,
  .clarus-menu-product-card {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: flex-start !important;
		min-height: 112px !important;
		padding: 10px 7px !important;
		background: #ffffff !important;
		border: 1px solid #e3e7e9 !important;
		border-radius: 8px !important;
		text-align: center !important;
	}
.clarus-shop-product strong,
  .clarus-menu-product-card strong {
		display: block !important;
		color: #171717 !important;
		font-size: 12px !important;
		line-height: 1.25 !important;
		font-weight: 700 !important;
		text-align: center !important;
	}
/*
   * Right-side desktop promo cards become mobile image rows.
   */
.clarus-menu-actions-grid {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 8px !important;
		width: 100% !important;
		margin-top: 12px !important;
		padding: 12px 0 0 !important;
		border-top: 1px solid #dfe4e7 !important;
	}
.clarus-menu-action-card {
		display: grid !important;
		grid-template-columns: 48px minmax(0, 1fr) !important;
		align-items: center !important;
		gap: 11px !important;
		min-height: 66px !important;
		padding: 8px 10px !important;
		background: #ffffff !important;
		border: 1px solid #e3e7e9 !important;
		border-radius: 8px !important;
		text-align: left !important;
	}
.clarus-menu-action-card strong {
		color: #171717 !important;
		font-size: 12px !important;
		line-height: 1.3 !important;
		font-weight: 700 !important;
		text-align: left !important;
	}
/*
   * Shop All discover links remain a readable list.
   */
.clarus-shop-discover {
		display: block !important;
		width: 100% !important;
		margin-top: 14px !important;
		padding-top: 14px !important;
		border-top: 1px solid #dfe4e7 !important;
	}
}
/* ---------- DESKTOP UNDERLINE ---------- */
@media (min-width: 901px) {
/*
   * Remove every older full-row underline implementation.
   */
.clarus-secondary-nav,
  .clarus-secondary-nav > .clarus-nav-item,
  .clarus-secondary-nav > .clarus-nav-item:hover,
  .clarus-secondary-nav > .clarus-nav-item:focus-within,
  .clarus-secondary-nav > .clarus-nav-item.is-open {
		border-bottom: 0 !important;
		box-shadow: none !important;
		background-image: none !important;
	}
.clarus-secondary-nav > .clarus-nav-item::before,
  .clarus-secondary-nav > .clarus-nav-item::after,
  .clarus-secondary-nav > .clarus-nav-item > a::before,
  .clarus-secondary-nav > .clarus-nav-item > a::after {
		content: none !important;
		display: none !important;
	}
.clarus-secondary-nav > .clarus-nav-item {
		display: flex !important;
		align-items: stretch !important;
		width: auto !important;
		flex: 0 0 auto !important;
	}
/*
   * Underline is drawn on a small nested text-width anchor only.
   */
.clarus-secondary-nav > .clarus-nav-item > a {
		position: relative !important;
		display: inline-flex !important;
		align-items: center !important;
		width: auto !important;
		min-width: 0 !important;
		flex: 0 0 auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		border: 0 !important;
		box-shadow: none !important;
		background-color: transparent !important;
		background-image: linear-gradient(#005f82, #005f82) !important;
		background-repeat: no-repeat !important;
		background-position: left bottom !important;
		background-size: 0 2px !important;
		transition: color .16s ease,
      background-size .18s ease !important;
	}
.clarus-secondary-nav > .clarus-nav-item:hover > a,
  .clarus-secondary-nav > .clarus-nav-item:focus-within > a,
  .clarus-secondary-nav > .clarus-nav-item.is-open > a {
		background-size: 100% 2px !important;
	}
/*
   * Prevent the full-width menu top border from appearing blue.
   */
.clarus-secondary-nav > .clarus-nav-item > .clarus-mega-menu {
		border-top: 1px solid #e4e8ea !important;
		box-shadow: 0 18px 36px rgba(16, 24, 32, 0.14) !important;
	}
}
/* ============================================================
   FINAL RESPONSIVE PROMO BAR / DRAWER FIX
   Mobile + iPad match the desktop interaction:
   white overlay drawer, centered title, nearby + / ×
   ============================================================ */
@media (max-width: 900px) {
.clarus-promo {
		position: relative !important;
		z-index: 5000 !important;
		display: block !important;
		width: 100% !important;
		min-height: 35px !important;
		height: 35px !important;
		padding: 0 !important;
		overflow: visible !important;
		background: #00647f !important;
	}
.clarus-promo-trigger {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		min-height: 35px !important;
		height: 35px !important;
		margin: 0 !important;
		padding: 0 44px !important;
		border: 0 !important;
		background: transparent !important;
		color: #ffffff !important;
		cursor: pointer !important;
	}
.clarus-promo-spacer {
		display: none !important;
	}
.clarus-promo-title {
		display: block !important;
		flex: 0 1 auto !important;
		max-width: calc(100% - 38px) !important;
		margin: 0 !important;
		padding: 0 !important;
		color: #ffffff !important;
		font-size: 11px !important;
		line-height: 1.15 !important;
		font-weight: 500 !important;
		text-align: center !important;
		white-space: nowrap !important;
	}
.clarus-promo-plus {
		position: static !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex: 0 0 20px !important;
		width: 20px !important;
		height: 20px !important;
		margin: 0 0 0 9px !important;
		padding: 0 !important;
		color: #ffffff !important;
		font-size: 18px !important;
		line-height: 1 !important;
		transform: none !important;
	}
.clarus-promo.is-open .clarus-promo-plus {
		font-size: 0 !important;
		transform: none !important;
	}
.clarus-promo.is-open .clarus-promo-plus::before {
		content: "×" !important;
		display: block !important;
		color: #ffffff !important;
		font-size: 20px !important;
		line-height: 1 !important;
	}
.clarus-promo-links {
		display: none !important;
	}
/*
   * The drawer overlays the header/page instead of pushing it down.
   */
.clarus-promo-drawer {
		position: absolute !important;
		top: 100% !important;
		left: 0 !important;
		right: 0 !important;
		z-index: 5001 !important;
		display: block !important;
		width: 100% !important;
		height: auto !important;
		max-height: 0 !important;
		margin: 0 !important;
		overflow: hidden !important;
		background: #ffffff !important;
		color: #171717 !important;
		opacity: 0 !important;
		visibility: hidden !important;
		box-shadow: 0 18px 34px rgba(0, 0, 0, 0.2) !important;
		transition: max-height .32s ease,
      opacity .2s ease,
      visibility 0s linear .32s !important;
	}
.clarus-promo-drawer[aria-hidden="false"] {
		max-height: calc(100dvh - 35px) !important;
		overflow-y: auto !important;
		opacity: 1 !important;
		visibility: visible !important;
		transition: max-height .32s ease,
      opacity .2s ease,
      visibility 0s linear 0s !important;
	}
.clarus-promo-offers {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 0 !important;
		width: 100% !important;
		max-width: 760px !important;
		margin: 0 auto !important;
		padding: 24px 24px 20px !important;
		background: #ffffff !important;
		box-sizing: border-box !important;
	}
.clarus-promo-offer {
		width: 100% !important;
		margin: 0 !important;
		padding: 5px 0 22px !important;
		color: #171717 !important;
		background: #ffffff !important;
	}
.clarus-promo-offer + .clarus-promo-offer {
		padding-top: 22px !important;
		border-top: 1px solid #d8d8d8 !important;
		border-left: 0 !important;
	}
.clarus-promo-offer span {
		display: block !important;
		margin: 0 0 5px !important;
		color: #252525 !important;
		opacity: 1 !important;
		font-size: 11px !important;
		line-height: 1.2 !important;
		font-weight: 400 !important;
		letter-spacing: .04em !important;
		text-transform: uppercase !important;
	}
.clarus-promo-offer h2 {
		margin: 0 0 12px !important;
		color: #171717 !important;
		font-size: 21px !important;
		line-height: 1.2 !important;
		font-weight: 700 !important;
	}
.clarus-promo-offer p {
		max-width: none !important;
		margin: 0 0 16px !important;
		color: #252525 !important;
		font-size: 13px !important;
		line-height: 1.5 !important;
	}
.clarus-promo-offer a {
		color: #171717 !important;
		font-size: 13px !important;
		line-height: 1.2 !important;
		font-weight: 700 !important;
		text-decoration: none !important;
		text-transform: uppercase !important;
	}
.clarus-promo-tagline {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 8px !important;
		min-height: 36px !important;
		padding: 6px 16px !important;
		background: #efefef !important;
		color: #171717 !important;
		font-size: 13px !important;
		line-height: 1 !important;
		font-weight: 700 !important;
	}
.clarus-promo-tagline img {
		display: block !important;
		width: 22px !important;
		height: 22px !important;
		object-fit: contain !important;
	}
/*
   * Promo drawer stays above the header when open.
   */
.clarus-header {
		z-index: 3000 !important;
	}
}
@media (max-width: 480px) {
.clarus-promo-trigger {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}
.clarus-promo-title {
		max-width: calc(100% - 32px) !important;
		font-size: 12px !important;
		white-space: normal !important;
	}
.clarus-promo-plus {
		margin-left: 7px !important;
	}
.clarus-promo-offers {
		padding: 22px 20px 18px !important;
	}
.clarus-promo-offer h2 {
		font-size: 20px !important;
	}
}
/* ============================================================
   CLARUS SUPPORT EXPERIENCE V2
   Product support, manuals, and support article templates
   ============================================================ */
.clarus-internal-breadcrumbs {
	padding-top: 22px;
	padding-bottom: 18px;
}
.clarus-internal-breadcrumbs .breadcrumbs {
	margin: 0;
}
.clarus-internal-breadcrumbs .breadcrumbs li,
.clarus-internal-breadcrumbs .breadcrumbs a {
	color: #68777f;
	font-size: 12px;
}
.clarus-page-kicker {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-bottom: 7px;
	color: #00758f;
	font-size: 10px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.clarus-support-tabs {
	display: flex;
	align-items: center;
	gap: 28px;
	min-height: 48px;
	margin-bottom: 28px;
	overflow-x: auto;
	border-bottom: 1px solid #e1e5e7;
	scrollbar-width: none;
}
.clarus-support-tabs::-webkit-scrollbar {
	display: none;
}
.clarus-support-tabs:empty {
	display: none;
}
.clarus-support-tabs a {
	position: relative;
	flex: 0 0 auto;
	padding: 15px 0 13px;
	color: #68777f;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
}
.clarus-support-tabs a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 2px;
	background: #006b88;
	transform: scaleX(0);
	transition: transform .18s ease;
}
.clarus-support-tabs a:hover,
.clarus-support-tabs a.is-active {
	color: #006b88;
}
.clarus-support-tabs a:hover::after,
.clarus-support-tabs a.is-active::after {
	transform: scaleX(1);
}
.clarus-product-support-layout,
.clarus-support-layout {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	gap: 38px;
	padding-bottom: 90px;
}
.clarus-support-sidebar {
	min-width: 0;
	padding-right: 24px;
	border-right: 1px solid #e1e5e7;
}
.clarus-sidebar-heading {
	margin-bottom: 17px;
}
.clarus-sidebar-heading h2 {
	margin: 0 0 8px;
	color: #111;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 800;
	text-transform: none;
}
.clarus-sidebar-heading span {
	display: block;
	color: #9aa3a8;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
}
.clarus-tree-item {
	min-width: 0;
}
.clarus-tree-row {
	display: flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
}
.clarus-tree-row a {
	display: block;
	min-width: 0;
	flex: 1;
	padding: 5px 0;
	overflow: hidden;
	color: #3f4d54;
	font-size: 10px;
	line-height: 1.35;
	text-decoration: none;
	text-overflow: ellipsis;
}
.clarus-tree-row a:hover,
.clarus-tree-row a.is-active {
	color: #006b88;
	font-weight: 700;
}
.clarus-tree-chevron {
	flex: 0 0 auto;
	color: #006b88;
	font-size: 12px;
}
.clarus-tree-children {
	margin-left: 12px;
	padding-left: 10px;
/*   border-left: 1px solid #e1e5e7; */;
}
.clarus-tree-depth-3 .clarus-tree-row a,
.clarus-tree-depth-4 .clarus-tree-row a,
.clarus-tree-depth-5 .clarus-tree-row a {
	font-size: 9px;
}
/* Product support page */
.clarus-product-support-page {
	min-height: 70vh;
	padding-bottom: 0;
	background: #fff;
}
.clarus-product-support-main {
	min-width: 0;
}
.clarus-product-support-header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 210px;
	align-items: center;
	gap: 30px;
	min-height: 210px;
	margin-bottom: 20px;
	padding: 34px 38px;
	overflow: hidden;
	border-radius: 10px;
	background: linear-gradient(135deg, #f2f6f7, #eef2f3);
}
.clarus-product-support-header h1 {
	margin: 0 0 10px;
	color: #111;
	font-size: 34px;
	line-height: 1.1;
	font-weight: 900;
	letter-spacing: -.025em;
}
.clarus-product-support-header .clarus-marker-description {
	max-width: 620px;
	color: #596970;
	font-size: 13px;
	line-height: 1.6;
}
.clarus-product-support-image {
	width: 100%;
	min-height: 160px;
	background-image: radial-gradient(circle at 50% 42%, rgba(0,107,136,.14), transparent 58%);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.clarus-product-support-image.has-image {
	background-size: contain;
}
.clarus-product-overview-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 20px;
	padding: 22px 26px;
	border: 1px solid #e1e7e9;
	border-radius: 9px;
	background: #fff;
}
.clarus-product-overview-card[hidden] {
	display: none;
}
.clarus-product-overview-card h2 {
	margin: 0 0 5px;
	font-size: 20px;
}
.clarus-product-overview-card p {
	margin: 0;
	color: #69777e;
	font-size: 12px;
}
.clarus-outline-button,
.clarus-primary-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 9px 18px;
	border: 1px solid #006b88;
	border-radius: 999px;
	color: #006b88;
	background: #fff;
	font-size: 11px;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
}
.clarus-primary-button {
	color: #fff;
	background: #006b88;
}
.clarus-outline-button:hover,
.clarus-primary-button:hover {
	color: #fff;
	background: #005b78;
}
.clarus-help-topics {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	margin-bottom: 22px;
	padding: 22px 26px;
	border-radius: 9px;
	background: #f4f5f5;
	text-align: left;
}
.clarus-help-topics h2 {
	margin: 0;
	font-size: 21px;
}
.clarus-help-topics p {
	margin: 4px 0 0;
	color: #7b858a;
	font-size: 11px;
}
.clarus-help-topic-pills {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	flex-wrap: wrap;
}
.clarus-help-topic-pills a {
	padding: 7px 14px;
	border-radius: 999px;
	background: #fff;
	color: #787879;
	font-size: 10px;
	font-weight: 600;
	text-decoration: none;
}
.clarus-help-topic-pills a:hover,
.clarus-help-topic-pills a.is-active {
	color: #fff;
	background: #111;
	border-color: #111;
}
.clarus-support-videos {
	margin: 28px 0;
}
.clarus-content-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
}
.clarus-content-heading h2 {
	margin: 0;
	font-size: 20px;
}
.clarus-content-heading a {
	color: #006b88;
	font-size: 11px;
}
.clarus-support-video-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}
.clarus-support-video-card {
	min-height: 170px;
	padding: 18px;
	border-radius: 9px;
	background: linear-gradient(145deg, #eff2f3, #e8ecee);
	color: #111;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	transition: transform .2s ease, box-shadow .2s ease;
}
/* .clarus-support-video-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 22px rgba(0,0,0,.08);
} */
.clarus-support-video-card .clarus-support-video-copy > span i {
	display: inline-block;
	transition: transform 0.2s ease;
}
.clarus-support-video-card .clarus-support-video-copy > span:hover i {
	transform: translateX(4px);
}
.clarus-support-video-card .clarus-video-play {
	top: 32%;
	width: 38px;
	height: 38px;
	margin: auto auto 18px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	color: #006b88;
	background: #fff;
}
.clarus-support-video-card small {
	font-size: 9px;
	text-transform: uppercase;
	color: #1F73B7;
	font-weight: 600;
}
.clarus-support-video-card strong {
	margin: 6px 0 20px;
	font-size: 13px;
	line-height: 1.35;
	font-size: 15px !important;
	font-weight: 600;
	color: #000;
}
.clarus-support-video-card > span:last-child {
	color: #006b88;
	font-size: 10px;
}
.clarus-product-support-sections {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}
.clarus-support-topic-section {
	min-width: 0;
	padding: 20px;
	border: 1px solid #e3e7e9;
	border-radius: 9px;
	background: #fff;
}
.clarus-support-topic-section > header {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 13px;
}
.clarus-topic-icon {
	display: grid;
	place-items: center;
	flex: 0 0 34px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	color: #006b88;
	background: #e9f5f7;
	font-size: 13px;
	font-weight: 800;
}
.clarus-support-topic-section h2 {
	margin: 0;
	font-size: 16px;
	line-height: 1.25;
}
.clarus-support-topic-section header p {
	margin: 4px 0 0;
	color: #849096;
	font-size: 9px;
}
.clarus-support-link-list {
	padding: 0;
	border-radius: 0;
	background: transparent;
}
.clarus-support-link-list a {
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr) auto;
	align-items: center;
	gap: 8px;
	padding: 10px 0;
	border-bottom: 1px solid #edf0f1;
	color: #111;
	font-size: 11px;
	text-decoration: none;
}
.clarus-support-link-list a:last-child {
	border-bottom: 0;
}
.clarus-support-link-list a:hover strong {
	color: #006b88;
}
.clarus-support-link-icon {
	display: grid;
	place-items: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	color: #006b88;
	background: #eef6f8;
	font-size: 9px;
}
.clarus-support-link-arrow {
	color: #006b88;
}
.clarus-register-strip {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin: 24px 0;
	padding: 18px 24px;
	border-radius: 8px;
	background: #005b78;
	color: #fff;
	text-decoration: none;
}
.clarus-register-strip > span:first-child {
	display: flex;
	flex-direction: column;
	gap: 3px;
}
.clarus-register-strip strong {
	font-size: 18px;
	font-weight: 600;
}
.clarus-register-strip small {
	color: #d3e1e5;
	font-size: 10px;
}
.clarus-register-strip > span:last-child {
	font-size: 13px;
	font-weight: 400;
}
/* Manuals page */
.clarus-manuals-main {
	min-width: 0;
}
.clarus-manuals-header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 24px;
}
.clarus-manuals-header h1 {
	margin: 0;
	font-size: 31px;
	line-height: 1.1;
}
.clarus-manuals-header p {
	margin: 7px 0 0;
	color: #747f85;
	font-size: 11px;
}
.clarus-sort-control {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #7d888e;
	font-size: 10px;
}
.clarus-sort-control select {
	min-width: 130px;
	padding: 9px 30px 9px 11px;
	border: 1px solid #d2d8db;
	border-radius: 7px;
	background-color: #fff;
}
.clarus-manual-group {
	margin-bottom: 28px;
}
.clarus-manual-group-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin: 0 0 12px;
	padding: 0 0 10px;
	border: 0;
	border-bottom: 1px solid #d6dcdf;
	color: #111;
	background: transparent;
	font-size: 15px;
	font-weight: 800;
	text-align: left;
	cursor: pointer;
}
.clarus-manual-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}
.clarus-manual-card {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	gap: 12px;
	min-height: 112px;
	padding: 14px;
	border: 1px solid #e5e8ea;
	border-radius: 8px;
	background: #fff;
}
.clarus-document-badge {
	width: 40px;
	height: 34px;
	border-radius: 6px;
	display: grid;
	place-items: center;
	font-size: 7px;
	font-weight: 800;
}
.clarus-document-badge.pdf {
	background: #eaf1ff;
	color: #3b66a8;
}
.clarus-document-badge.guide {
	background: #e7f8ef;
	color: #25845a;
}
.clarus-document-badge.html {
	background: #fff0f0;
	color: #b65353;
}
.clarus-manual-card-copy {
	min-width: 0;
}
.clarus-manual-card-copy h3 {
	margin: 0 0 5px;
	font-size: 11px;
	line-height: 1.35;
}
.clarus-manual-card-copy h3 a {
	color: #111;
	text-decoration: none;
}
.clarus-manual-card-copy h3 a:hover {
	color: #006b88;
}
.clarus-manual-card-copy p {
	margin: 0 0 10px;
	color: #7d888e;
	font-size: 9px;
}
.clarus-manual-card-copy small {
	color: #9aa3a8;
	font-size: 8px;
}
.clarus-manual-actions {
	grid-column: 1 / -1;
	display: flex;
	justify-content: flex-end;
	gap: 7px;
	margin-top: 2px;
}
.clarus-manual-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 28px;
	padding: 6px 12px;
	border: 1px solid #d9e0e3;
	border-radius: 999px;
	color: #516068;
	background: #fff;
	font-size: 8px;
	font-weight: 700;
	text-decoration: none;
}
.clarus-manual-actions a.is-download {
	color: #fff;
	background: #006b88;
	border-color: #006b88;
}
.clarus-newsletter-strip {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-top: 48px;
	padding: 25px 30px;
	overflow: hidden;
	border-radius: 9px;
	background: linear-gradient(120deg, #123b4a, #173f4d);
	color: #fff;
}
.clarus-newsletter-strip h2 {
	margin: 0 0 5px;
	font-size: 18px;
}
.clarus-newsletter-strip p {
	margin: 0;
	color: #cad8dd;
	font-size: 10px;
}
.clarus-newsletter-inline-form {
	display: flex;
	align-items: center;
	width: min(100%, 340px);
	padding: 4px;
	border-radius: 7px;
	background: rgba(255,255,255,.12);
}
.clarus-newsletter-inline-form input {
	flex: 1;
	min-width: 0;
	padding: 9px 11px;
	border: 0;
	color: #fff;
	background: transparent;
	outline: 0;
	font-size: 10px;
}
.clarus-newsletter-inline-form input::placeholder {
	color: #c6d4d9;
}
.clarus-newsletter-inline-form button {
	padding: 9px 18px;
	border: 0;
	border-radius: 6px;
	color: #fff;
	background: #10a6b7;
	font-size: 9px;
	font-weight: 700;
	cursor: pointer;
}
.clarus-still-questions {
	min-height: 180px;
	margin-top: 24px;
	padding: 34px;
	border-radius: 9px;
	background: linear-gradient(110deg, #f1f1f3 0%, #f1f1f3 65%, #e6eef0 100%);
	display: flex;
	align-items: center;
}
.clarus-still-questions h2 {
	margin: 0 0 10px;
	font-size: 28px;
	line-height: 1.1;
}
.clarus-still-questions p {
	max-width: 500px;
	margin: 0 0 18px;
	color: #68757c;
	font-size: 11px;
	line-height: 1.55;
}
/* Support article */
.clarus-article-layout {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr) 190px;
	gap: 34px;
	padding-bottom: 44px;
}
.clarus-current-section-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.clarus-current-section-nav a {
	display: block;
	padding: 7px 0;
	color: #56656d;
	font-size: 10px;
	line-height: 1.45;
	text-decoration: none;
}
.clarus-current-section-nav a:hover,
.clarus-current-section-nav a.is-current {
	color: #006b88;
	font-weight: 700;
}
.clarus-support-article {
	min-width: 0;
}
.clarus-article-header-custom {
	padding-bottom: 19px;
	border-bottom: 1px solid #edf0f1;
}
.clarus-support-article h1 {
	margin: 0;
	font-size: 32px;
	line-height: 1.15;
	letter-spacing: -.02em;
}
.clarus-article-updated {
	margin: 8px 0 0;
	color: #8a9499;
	font-size: 10px;
}
.clarus-article-body {
	color: #303b40;
	font-size: 13px;
	line-height: 1.75;
}
.clarus-article-body h2 {
	font-size: 21px;
}
.clarus-article-body h3 {
	margin-top: 24px;
	font-size: 16px;
}
.clarus-article-body img {
	border-radius: 8px;
}
.clarus-article-body blockquote {
	margin: 20px 0;
	padding: 14px 18px;
	border-left: 3px solid #0083a5;
	background: #eaf7fb;
}
.clarus-article-toc {
	position: sticky;
	top: 140px;
	align-self: start;
	padding-left: 18px;
	border-left: 2px solid #006b88;
}
.clarus-article-toc h2 {
	margin: 0 0 12px;
	font-size: 12px;
	text-transform: uppercase;
}
.clarus-article-toc nav {
	display: flex;
	flex-direction: column;
	gap: 9px;
}
.clarus-article-toc a {
	color: #66747b;
	font-size: 9px;
	line-height: 1.4;
	text-decoration: none;
}
.clarus-article-toc a:hover {
	color: #006b88;
}
.clarus-article-toc a.is-subheading {
	padding-left: 10px;
}
.clarus-related-articles {
	margin-top: 32px;
}
.clarus-article-votes {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 28px;
	padding: 18px;
	border-radius: 7px;
	background: #f5f5f5;
}
.clarus-article-cta {
	margin-bottom: 28px;
}
.clarus-page-loader,
.clarus-inline-loader,
.clarus-empty-state {
	color: #849096;
	font-size: 11px;
}
@media (max-width: 1100px) {
.clarus-product-support-layout,
  .clarus-support-layout {
		grid-template-columns: 190px minmax(0, 1fr);
		gap: 28px;
	}
.clarus-article-layout {
		grid-template-columns: 190px minmax(0, 1fr);
	}
.clarus-article-toc {
		grid-column: 2;
		position: static;
		order: -1;
		margin-bottom: 12px;
		padding: 0 0 14px;
		border-left: 0;
		border-bottom: 1px solid #e1e5e7;
	}
.clarus-article-toc nav {
		flex-direction: row;
		flex-wrap: wrap;
	}
}
@media (max-width: 900px) {
.clarus-product-support-layout,
  .clarus-support-layout,
  .clarus-article-layout {
		grid-template-columns: 1fr;
		gap: 22px;
	}
.clarus-support-sidebar {
		padding: 0 0 16px;
		border-right: 0;
		border-bottom: 1px solid #e1e5e7;
	}
.clarus-sidebar-tree {
		max-height: 220px;
		overflow-y: auto;
	}
.clarus-article-left-nav {
		display: none;
	}
.clarus-article-toc {
		grid-column: auto;
	}
.clarus-product-support-header {
		grid-template-columns: minmax(0, 1fr) 150px;
	}
.clarus-help-topics {
		align-items: flex-start;
		flex-direction: column;
	}
.clarus-help-topic-pills {
		justify-content: flex-start;
	}
.clarus-product-support-sections {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 767px) {
.clarus-internal-breadcrumbs {
		padding-top: 14px;
		padding-bottom: 12px;
	}
.clarus-support-tabs {
		gap: 20px;
		margin-bottom: 20px;
	}
.clarus-product-support-layout,
  .clarus-support-layout {
		padding-bottom: 60px;
	}
.clarus-product-support-header {
		grid-template-columns: 1fr;
		min-height: 0;
		padding: 26px 20px;
	}
.clarus-product-support-header h1,
  .clarus-manuals-header h1,
  .clarus-support-article h1 {
		font-size: 25px;
	}
.clarus-product-support-image {
		min-height: 120px;
	}
.clarus-product-overview-card,
  .clarus-register-strip,
  .clarus-newsletter-strip {
		align-items: flex-start;
		flex-direction: column;
	}
.clarus-help-topics {
		padding: 20px;
	}
.clarus-help-topic-pills {
		width: 100%;
		justify-content: flex-start;
		overflow-x: auto;
		flex-wrap: nowrap;
		padding-bottom: 4px;
	}
.clarus-help-topic-pills a {
		flex: 0 0 auto;
	}
.clarus-support-video-grid,
  .clarus-manual-grid {
		grid-template-columns: 1fr;
	}
.clarus-sort-control {
		width: 100%;
	}
.clarus-sort-control select {
		flex: 1;
	}
.clarus-newsletter-inline-form {
		width: 100%;
	}
.clarus-still-questions {
		min-height: 0;
		padding: 28px 22px;
	}
.clarus-still-questions h2 {
		font-size: 24px;
	}
.clarus-article-votes {
		align-items: flex-start;
		flex-direction: column;
		gap: 12px;
	}
}
/* ============================================================
   CLARUS SUPPORT EXPERIENCE V2.1
   Typography and visual scale aligned with the existing theme
   ============================================================ */
.clarus-product-support-page,
.clarus-manuals-page,
.clarus-online-support-page,
.clarus-article-page {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
	color: #2F3941;
	font-size: 15px;
	line-height: 1.5;
}
.clarus-product-support-page h1,
.clarus-product-support-page h2,
.clarus-product-support-page h3,
.clarus-manuals-page h1,
.clarus-manuals-page h2,
.clarus-manuals-page h3,
.clarus-online-support-page h1,
.clarus-online-support-page h2,
.clarus-online-support-page h3,
.clarus-article-page h1,
.clarus-article-page h2,
.clarus-article-page h3 {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
}
.clarus-internal-breadcrumbs,
.clarus-internal-breadcrumbs .breadcrumbs li,
.clarus-internal-breadcrumbs .breadcrumbs a {
	font-size: 13px !important;
	line-height: 1.45;
}
.clarus-support-tabs {
	gap: 34px;
	min-height: 54px;
	margin-bottom: 30px;
}
.clarus-support-tabs a {
	padding: 17px 0 15px;
	font-size: 14px !important;
	font-weight: 700;
}
.clarus-product-support-layout,
.clarus-support-layout {
	grid-template-columns: 220px minmax(0, 1fr);
	gap: 42px;
}
.clarus-support-sidebar {
	padding-right: 28px;
}
.clarus-sidebar-heading h2,
.clarus-support-sidebar h2 {
	margin-bottom: 7px;
	font-size: 20px !important;
	line-height: 1.25;
	text-transform: none;
}
.clarus-sidebar-heading > span {
	font-size: 15px !important;
	font-weight: 800;
	letter-spacing: .09em;
	text-transform: uppercase;
}
.clarus-sidebar-tree a {
	padding: 7px 0;
	font-size: 14px !important;
	line-height: 1.45;
}
.clarus-product-support-header {
	min-height: 260px;
	padding: 42px 48px;
	border-radius: 10px;
}
.clarus-product-support-header h1,
.clarus-manuals-header h1,
.clarus-support-article h1 {
	margin: 0;
	font-size: 42px !important;
	line-height: 1.08;
	font-weight: 900;
	letter-spacing: -.025em;
}
.clarus-product-support-header .clarus-marker-description,
.clarus-marker-description {
	max-width: 680px;
	margin-top: 12px;
	font-size: 15px !important;
	line-height: 1.65;
}
.clarus-product-support-image {
	min-height: 215px;
}
.clarus-help-topics {
	padding: 25px 30px;
	margin-bottom: 28px;
	text-align: left;
}
.clarus-help-topics h2 {
	font-size: 24px !important;
	font-weight: 700;
}
.clarus-help-topics p {
	margin-top: 7px;
	font-size: 14px !important;
}
.clarus-help-topic-pills a {
	padding: 9px 20px;
	font-size: 13px !important;
	font-weight: 500;
}
.clarus-content-heading h2,
.clarus-support-topic-section > h2,
.clarus-manual-group > h2 {
	font-size: 24px !important;
	line-height: 1.25;
	font-weight: 600;
}
.clarus-support-topic-section {
	padding: 34px 30px;
}
.clarus-support-link-list a {
	padding: 14px 2px;
	font-size: 15px !important;
	line-height: 1.4;
	font-weight: 600;
}
.clarus-register-strip {
	min-height: 72px;
	padding: 18px 28px;
}
.clarus-register-strip small,
.clarus-register-strip > span:last-child {
	font-size: 13px !important;
}
.clarus-manuals-header {
	margin-bottom: 26px;
}
.clarus-manuals-header p,
.clarus-sort-control {
	font-size: 13px !important;
}
.clarus-sort-control select {
	min-height: 42px;
	padding: 9px 34px 9px 12px;
	font-size: 13px;
}
.clarus-manual-group {
	margin-bottom: 38px;
}
.clarus-manual-grid {
	gap: 14px;
}
.clarus-manual-card {
	min-height: 108px;
	padding: 18px;
	gap: 15px;
	border-radius: 9px;
}
.clarus-document-badge {
	width: 48px;
	height: 40px;
	font-size: 10px !important;
}
.clarus-manual-card-copy h3 {
	margin-bottom: 7px;
	font-size: 14px !important;
	line-height: 1.35;
}
.clarus-manual-card-copy p {
	font-size: 12px !important;
	line-height: 1.45;
}
.clarus-manual-actions a {
	padding: 8px 15px;
	font-size: 11px !important;
	font-weight: 700;
}
.clarus-newsletter-strip {
	padding: 30px 36px;
}
.clarus-newsletter-strip h2 {
	font-size: 23px !important;
}
.clarus-newsletter-strip p,
.clarus-newsletter-strip a,
.clarus-newsletter-inline-form input,
.clarus-newsletter-inline-form button {
	font-size: 13px !important;
}
.clarus-still-questions {
	min-height: 210px;
	padding: 0px 42px;
}
.clarus-still-questions h2 {
	font-size: 38px !important;
	line-height: 1.1;
	font-weight: 700;
	letter-spacing: -.02em;
}
.clarus-still-questions p {
	font-size: 14px !important;
	line-height: 1.6;
}
.clarus-primary-button,
.clarus-outline-button {
	min-height: 42px;
	padding: 10px 22px;
	font-size: 13px !important;
}
.clarus-page-loader,
.clarus-inline-loader,
.clarus-empty-state {
	font-size: 14px !important;
}
@media (max-width: 900px) {
.clarus-product-support-layout,
  .clarus-support-layout {
		grid-template-columns: 1fr;
		gap: 24px;
	}
.clarus-support-sidebar {
		padding-right: 0;
		border-right: 0;
	}
}
@media (max-width: 767px) {
.clarus-product-support-header {
		min-height: auto;
		padding: 30px 22px;
	}
.clarus-product-support-header h1,
  .clarus-manuals-header h1,
  .clarus-support-article h1 {
		font-size: 32px !important;
	}
.clarus-help-topics h2,
  .clarus-content-heading h2,
  .clarus-support-topic-section > h2,
  .clarus-manual-group > h2 {
		font-size: 22px !important;
	}
.clarus-still-questions {
		padding: 30px 22px;
	}
.clarus-still-questions h2 {
		font-size: 30px !important;
	}
}
/* ============================================================
   CLARUS PRODUCT DETAIL – PAGE 3 ALIGNMENT (v1.7.2)
   ============================================================ */
.clarus-product-detail-page {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
}
.clarus-product-detail-page h1,
.clarus-product-detail-page h2,
.clarus-product-detail-page h3 {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
}
.clarus-detail-hero {
	display: grid;
	grid-template-columns: 36% minmax(0, 1fr);
	min-height: 330px;
	margin-bottom: 32px;
	overflow: hidden;
	border: 1px solid #e2e6e8;
	border-radius: 12px;
	background: #f3f3f3;
}
.pd-top-sec {
	background: #fff;
	border-right: 1px solid #e2e6e8;
}
.clarus-detail-product-image {
	min-height: 330px;
	background: #e9e9e9 radial-gradient(circle at 50% 45%, rgba(255,255,255,.95), rgba(230,230,230,.65));
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.clarus-detail-product-image.has-image {
	background-size: contain;
}
.clarus-detail-hero-copy {
	display: flex;
	flex-direction: column;
	padding: 42px 48px;
}
.clarus-detail-hero-copy h1 {
	margin: 0 0 10px;
	font-size: 42px !important;
	line-height: 1.08;
	font-weight: 700;
	letter-spacing: -.025em;
}
.clarus-detail-hero-copy .clarus-marker-description {
	margin: 0 0 24px;
	font-size: 15px !important;
	line-height: 1.6;
}
.clarus-detail-quick-links {
	display: grid;
	gap: 9px;
}
.clarus-detail-quick-links a {
	display: grid;
	grid-template-columns: 24px minmax(0,1fr) auto;
	align-items: center;
	gap: 3px;
	padding: 13px 15px;
	border-radius: 7px;
	background: #fff;
	color: #2F3941;
	font-size: 13px;
	font-weight: 650;
	text-decoration: none;
}
.clarus-detail-quick-links a:hover {
	color: #006b88;
	border-color: #b8d4dc;
}
.clarus-detail-quick-links .fa-arrow-right::before {
	font-size: 10px;
}
.clarus-detail-help {
	display: block;
	padding: 28px 30px;
	text-align: center;
}
.clarus-detail-help .clarus-help-topic-pills {
	justify-content: center;
	margin-top: 20px;
}
.clarus-detail-help .clarus-help-topic-pills a {
	padding: 10px 22px;
	font-size: 13px !important;
}
.clarus-detail-register {
	margin: 30px 0 54px;
	min-height: 76px;
	justify-content: space-between;
	flex-direction: column;
	gap: 10px;
}
.clarus-detail-register span:first-child {
	display: flex;
	flex-direction: column;
	gap: 3px;
}
.clarus-detail-sections {
	display: block;
}
.clarus-detail-topic {
	margin: 0 -9999px;
	padding: 54px 9999px;
	background: #f5f5f5;
}
.clarus-detail-topic + .clarus-detail-topic {
	padding-top: 18px;
}
.clarus-detail-section-intro {
	max-width: 620px;
	margin: 0 auto 30px;
	text-align: center;
	font-size: 28px !important;
	line-height: 1.15;
}
.clarus-detail-topic-card {
	max-width: 100%;
	padding: 28px 32px;
	border-radius: 10px;
	background: #fff;
}
.clarus-detail-topic-card h3 {
	margin: 0 0 12px;
	font-size: 20px !important;
}
.clarus-detail-article-list a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 15px 0;
	border-bottom: 1px solid #e7eaec;
	color: #2F3941;
	font-size: 14px;
	text-decoration: none;
}
.clarus-detail-article-list a:last-child {
	border-bottom: 0;
}
.clarus-detail-article-list a:hover {
	color: #006b88;
}
.clarus-detail-troubleshooting {
	padding: 62px 0 48px;
}
.clarus-detail-troubleshooting > h2 {
	margin: 0 0 34px;
	text-align: center;
	font-size: 28px !important;
}
.clarus-trouble-grid {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 18px;
}
.clarus-trouble-grid a {
	display: flex;
	align-items: end;
	justify-content: center;
	min-height: 150px;
	padding: 24px;
	border-radius: 10px;
	background: #f3f3f3;
	color: #2F3941;
	font-size: 15px;
	font-weight: 750;
	text-align: center;
	text-decoration: none;
}
.clarus-trouble-grid a:hover {
	color: #006b88;
	transform: translateY(-2px);
}
.clarus-detail-manuals {
	padding: 12px 0 58px;
}
.clarus-detail-manuals > h2 {
	margin: 0 0 24px;
	font-size: 28px !important;
}
.clarus-detail-manual-grid {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 14px;
}
.clarus-detail-manual-grid a {
	display: flex;
	flex-direction: column;
	min-height: 135px;
	padding: 22px;
	border: 1px solid #e3e7e9;
	background: #fff;
	color: #2F3941;
	text-decoration: none;
}
.clarus-detail-manual-grid a:hover {
	border-color: #a8cbd5;
}
.clarus-manual-download-icon {
	margin-bottom: 18px;
	color: #006b88;
	font-size: 22px;
}
.clarus-detail-manual-grid strong {
	font-size: 14px;
	line-height: 1.35;
}
.clarus-detail-manual-grid small {
	margin-top: auto;
	padding-top: 16px;
	color: #006b88;
	font-size: 11px;
}
@media (max-width: 991px) {
.clarus-detail-hero {
		grid-template-columns: 1fr;
	}
.clarus-detail-product-image {
		min-height: 280px;
		border-right: 0;
		border-bottom: 1px solid #e2e6e8;
	}
.clarus-trouble-grid, .clarus-detail-manual-grid {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
}
@media (max-width: 767px) {
.clarus-detail-hero-copy {
		padding: 30px 22px;
	}
.clarus-detail-hero-copy h1 {
		font-size: 32px !important;
	}
.clarus-detail-help {
		padding: 25px 20px;
	}
.clarus-detail-help h2, .clarus-detail-section-intro, .clarus-detail-troubleshooting > h2, .clarus-detail-manuals > h2 {
		font-size: 24px !important;
	}
.clarus-detail-help .clarus-help-topic-pills {
		justify-content: flex-start;
		overflow-x: auto;
		flex-wrap: nowrap;
	}
.clarus-detail-topic {
		margin: 0 -20px;
		padding: 42px 20px;
	}
.clarus-detail-topic-card {
		padding: 22px 18px;
	}
.clarus-trouble-grid, .clarus-detail-manual-grid {
		grid-template-columns: 1fr;
	}
.clarus-detail-register {
		align-items: flex-start;
		flex-direction: column;
	}
}
/* ============================================================
   CLARUS PRODUCT DETAIL – CLIENT PAGE 3 MATCH (v1.7.3)
   Full-width page; no support tree/sidebar on the series page.
   ============================================================ */
.clarus-product-detail-page .clarus-product-support-layout--full {
	display: block !important;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding-bottom: 0px;
}
.clarus-product-detail-page .clarus-product-support-main {
	width: 100%;
	max-width: none;
}
.clarus-product-detail-page .clarus-internal-breadcrumbs {
	max-width: 1280px;
}
.clarus-product-detail-page .clarus-detail-hero {
	grid-template-columns: 40% minmax(0, 1fr);
	min-height: 356px;
	margin: 20px 0 38px;
	border-radius: 10px;
	border-color: #e4e7e8;
	background: #f4f4f4;
	box-shadow: none;
}
.clarus-product-detail-page .clarus-detail-product-image {
	min-height: 356px;
	background-color: #fff;
	background-size: contain;
	margin: 30px 0px;
}
.clarus-product-detail-page .clarus-detail-hero-copy {
	padding: 44px 48px;
}
.clarus-product-detail-page .clarus-page-kicker {
	margin-bottom: 9px;
	color: #111;
	font-size: 11px !important;
	letter-spacing: .07em;
	text-transform: uppercase;
}
.clarus-product-detail-page .clarus-detail-hero-copy h1 {
	max-width: 650px;
	margin-bottom: 9px;
	font-size: 38px !important;
	line-height: 1.08;
}
.clarus-product-detail-page .clarus-detail-hero-copy .clarus-marker-description {
	max-width: 660px;
	margin-bottom: 23px;
	color: #666f73;
	font-size: 13px !important;
	line-height: 1.55;
}
.clarus-product-detail-page .clarus-detail-quick-links {
	gap: 8px;
}
.clarus-product-detail-page .clarus-detail-quick-links a {
	min-height: 43px;
	padding: 11px 14px;
	border-color: #e2e5e6;
	font-size: 12px;
	font-weight: 600;
}
.clarus-product-detail-page .clarus-detail-help {
	margin-bottom: 34px;
	padding: 27px 28px 30px;
	border-radius: 10px;
	background: #f3f3f3;
}
.clarus-product-detail-page .clarus-detail-help p {
	margin-top: 8px;
	font-size: 12px !important;
}
.clarus-product-detail-page .clarus-detail-help .clarus-help-topic-pills {
	gap: 10px;
	margin-top: 21px;
}
.clarus-product-detail-page .clarus-detail-help .clarus-help-topic-pills a {
	padding: 9px 19px;
	font-size: 12px !important;
}
.clarus-product-detail-page .clarus-support-videos {
	margin: 0 0 36px;
}
.clarus-product-detail-page .clarus-content-heading {
	margin-bottom: 15px;
}
.clarus-product-detail-page .clarus-content-heading h2 {
	font-size: 22px !important;
}
.clarus-product-detail-page .clarus-support-video-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}
.clarus-product-detail-page .clarus-support-video-card {
	min-height: 275px;
	padding: 18px;
	border: 1px solid #e2e6e8;
	border-radius: 9px;
	background: linear-gradient(to bottom, #dcdcdc 0, #dcdcdc 58%, #fff 58%, #fff 100%);
	position: relative;
}
.clarus-product-detail-page .clarus-register-strip {
	min-height: 74px;
	margin: 0px;
	border-radius: 8px;
}
.clarus-product-detail-page .clarus-detail-sections {
	width: 100%;
}
.clarus-product-detail-page .clarus-detail-topic {
/*   margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 58px max(24px, calc((100vw - 1280px) / 2)); */
	background: #f4f4f4;
	max-width: 1280px;
	padding: 40px;
	margin: auto;
}
.clarus-product-detail-page .clarus-detail-topic + .clarus-detail-topic {
	padding-top: 12px;
}
.clarus-product-detail-page .clarus-detail-section-intro {
	max-width: 520px;
	margin-bottom: 32px;
	font-size: 24px !important;
	line-height: 1.08;
}
.clarus-product-detail-page .clarus-detail-topic-card {
	padding: 28px 32px;
	border-radius: 9px;
	box-shadow: none;
}
.clarus-product-detail-page .clarus-detail-topic-card h3 {
	margin-bottom: 12px;
	font-size: 19px !important;
	font-weight: 700;
}
.clarus-product-detail-page .clarus-detail-article-list a {
	min-height: 47px;
	padding: 13px;
	font-size: 13px;
}
.clarus-product-detail-page .clarus-detail-article-list a:hover {
	background: #f4f4f4;
	color: #000;
	font-weight: 600;
}
.clarus-product-detail-page .clarus-detail-article-list a:first-child {
	border-top: 1px solid #e7eaec;
}
.clarus-product-detail-page .clarus-detail-troubleshooting {
	padding: 58px 0 52px;
}
.clarus-product-detail-page .clarus-detail-troubleshooting > h2 {
	margin-bottom: 34px;
	font-size: 24px !important;
}
.clarus-product-detail-page .clarus-trouble-grid {
	gap: 18px;
}
.clarus-product-detail-page .clarus-trouble-grid a {
	min-height: 154px;
	border-radius: 10px;
	font-size: 14px;
}
.clarus-product-detail-page .clarus-detail-manuals {
	padding: 8px 0 68px;
}
.clarus-product-detail-page .clarus-detail-manuals > h2 {
	margin-bottom: 24px;
	font-size: 24px !important;
}
.clarus-product-detail-page .clarus-detail-manual-grid {
	gap: 12px;
}
.clarus-product-detail-page .clarus-detail-manual-grid a {
	min-height: 142px;
	padding: 20px;
}
@media (max-width: 991px) {
.clarus-product-detail-page .clarus-detail-hero {
		grid-template-columns: 38% minmax(0, 1fr);
	}
.clarus-product-detail-page .clarus-detail-hero-copy {
		padding: 32px;
	}
.clarus-product-detail-page .clarus-support-video-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 767px) {
.clarus-product-detail-page .clarus-register-strip {
    margin: 10px 10px 0px;
    align-items: center;
	}
.clarus-product-detail-page .clarus-product-support-layout--full {
		padding-bottom: 52px;
	}
.clarus-product-detail-page .clarus-detail-hero {
		grid-template-columns: 1fr;
		margin-top: 8px;
	}
.clarus-product-detail-page .clarus-detail-product-image {
		min-height: 260px;
		border-right: 0;
		border-bottom: 1px solid #e2e6e8;
	}
.clarus-product-detail-page .clarus-detail-hero-copy {
		padding: 28px 22px;
	}
.clarus-product-detail-page .clarus-detail-hero-copy h1 {
		font-size: 31px !important;
	}
.clarus-product-detail-page .clarus-support-video-grid,
  .clarus-product-detail-page .clarus-trouble-grid,
  .clarus-product-detail-page .clarus-detail-manual-grid {
		grid-template-columns: 1fr;
	}
.clarus-product-detail-page .clarus-detail-topic {
		padding-left: 20px;
		padding-right: 20px;
	}
}
/* =========================================================
   Homepage Figma comment fixes — v1.7.4
   ========================================================= */
/* Search dropdown shown on focus and while typing */
.clarus-search-wrap {
	z-index: 50;
}
.clarus-search-dropdown {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	right: 0;
	z-index: 1000;
	display: none;
	overflow: hidden;
	background: #fff;
	border: 1px solid #d9dfe2;
	border-radius: 14px;
	box-shadow: 0 14px 35px rgba(0, 0, 0, .14);
	text-align: left;
}
.clarus-search-dropdown.is-open {
	display: block;
}
.clarus-search-dropdown-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 48px;
	padding: 0 18px;
	border-bottom: 1px solid #e7eaec;
	font-size: 14px;
	font-weight: 700;
}
.clarus-search-clear {
	width: 30px;
	height: 30px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #222;
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
}
.clarus-search-dropdown-results {
	max-height: 330px;
	overflow-y: auto;
}
.clarus-search-result,
.clarus-recent-search {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	min-height: 48px;
	padding: 10px 18px;
	border: 0;
	border-bottom: 1px solid #edf0f1;
	background: #fff;
	color: #1f2d33;
	font-size: 14px;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
}
.clarus-search-result:hover,
.clarus-recent-search:hover {
	background: #f5f8f9;
}
.clarus-search-result-copy {
	min-width: 0;
}
.clarus-search-result-title {
	display: block;
	font-weight: 700;
}
.clarus-search-result-snippet {
	display: block;
	margin-top: 3px;
	overflow: hidden;
	color: #68777e;
	font-size: 12px;
	line-height: 1.35;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.clarus-search-empty {
	padding: 18px;
	color: #68777e;
	font-size: 14px;
}
.clarus-search-view-all {
	display: none;
	padding: 13px 18px;
	color: var(--clarus-blue);
	border-top: 1px solid #e7eaec;
	font-size: 14px;
	font-weight: 700;
	text-decoration: underline;
}
.clarus-search-view-all.is-visible {
	display: block;
}
/* Product cards should follow the wider Figma proportions, not square tiles */
.clarus-product-category-grid {
	gap: 20px;
}
.clarus-product-category-card {
	padding: 32px 32px 20px;
	border-radius: 15px;
}
.clarus-product-category-card .clarus-product-card-image {
	height: 240px;
	padding: 0;
}
.clarus-product-category-card .clarus-product-card-image img {
	transform: scale(1);
	transition: transform .3s ease;
}
.clarus-product-category-card:hover .clarus-product-card-image img {
	transform: scale(1.035);
}
.clarus-product-category-card .clarus-product-card-title {
	min-height: 45px;
	padding: 0px 10px;
	background: #f5f5f5;
	font-size: 24px;
	line-height: 1.25;
	margin-top: 15px;
}
/* Pagination dots must sit before the See all Videos button */
.clarus-video-footer {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 22px;
	flex-direction: column;
}
.clarus-video-footer .clarus-video-dots {
	margin-top: 0;
}
.clarus-video-see-all {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 0 28px;
	color: #fff;
	background: var(--clarus-blue);
	border: 1px solid var(--clarus-blue);
	border-radius: 999px;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
}
.clarus-video-see-all:hover,
.clarus-video-see-all:focus {
	color: #fff;
	background: #004f6d;
}
/* Contact CTA arrow slides to the right on hover */
.clarus-contact-card strong {
	display: flex;
	align-items: center;
	gap: 5px;
}
.clarus-contact-card strong::after {
	content: "→";
	display: inline-block;
	margin-bottom: 3px;
	transition: transform .22s ease;
}
.clarus-contact-card:hover strong::after,
.clarus-contact-card:focus-visible strong::after {
	transform: translateX(9px);
}
/* Avoid duplicate text arrows already present in the HTML */
.clarus-contact-card strong {
	font-size: 0;
}
.clarus-contact-card strong::before {
	font-size: 14px;
}
.clarus-contact-card:nth-child(1) strong::before {
	content: "Start Chat";
}
.clarus-contact-card:nth-child(2) strong::before {
	content: "Call Us";
}
.clarus-contact-card:nth-child(3) strong::before {
	content: "Submit Request";
}
.clarus-contact-card strong::after {
	font-size: 20px;
	font-weight: 900;
}
@media (max-width: 900px) {
.clarus-product-category-card .clarus-product-card-image {
		min-height: 205px;
	}
}
@media (max-width: 575px) {
.clarus-search-dropdown {
		border-radius: 10px;
	}
.clarus-product-category-card .clarus-product-card-image {
		min-height: 170px;
	}
.clarus-product-category-card .clarus-product-card-title {
		font-size: 16px;
	}
.clarus-video-footer {
		flex-direction: column;
		gap: 16px;
	}
}
/* =========================================================
   CLARUS HOMEPAGE — VIDEO SLIDER FIGMA MATCH
   Final override: keep this block at the END of style.css
   ========================================================= */
/* Prevent accidental page-level horizontal scrolling */
html,
body {
	width: 100%;
	max-width: 100%;
	overflow-x: clip;
}
@supports not (overflow-x: clip) {
html,
  body {
		overflow-x: clip;
	}
}
/*
 * The section clips only accidental overflow.
 * The slider wrap reserves a real left/right gutter for arrows,
 * so arrows sit outside the cards without increasing page width.
 */
.clarus-videos-section {
	position: relative;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}
.clarus-videos-section .clarus-video-slider-wrap {
	position: relative;
	display: flex;
	align-items: center;
	width: auto;
	max-width: none;
	margin-right: 58px;
	margin-left: 58px;
	overflow: visible;
	box-sizing: border-box;
}
.clarus-videos-section .clarus-video-slider-viewport {
	width: 100%;
	min-width: 0;
	overflow: hidden;
}
.clarus-videos-section .clarus-video-grid {
	width: 100%;
	min-width: 0;
	max-width: 100%;
	overflow: visible;
	box-sizing: border-box;
}
.clarus-videos-section .clarus-video-card {
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
}
/* Figma-style circular navigation buttons */
.clarus-videos-section .clarus-video-arrow {
	position: absolute;
	top: 42%;
	z-index: 20;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	min-width: 34px;
	padding: 0;
	margin: 0;
	color: #111111;
	background: #ffffff;
	border: 1px solid #111111;
	border-radius: 50%;
	box-shadow: none;
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	cursor: pointer;
	transform: translateY(-50%);
	transition: color 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease,
    opacity 0.2s ease;
}
/* Arrows remain in the reserved side gutters, never over cards */
.clarus-videos-section .clarus-video-prev {
	left: -50px !important;
}
.clarus-videos-section .clarus-video-next {
	right: -50px !important;
}
.clarus-videos-section .clarus-video-arrow:hover,
.clarus-videos-section .clarus-video-arrow:focus-visible {
	color: #ffffff;
	background: #00678a;
	border-color: #00678a;
	outline: none;
}
.clarus-videos-section .clarus-video-arrow:focus-visible {
	box-shadow: 0 0 0 3px rgba(0, 103, 138, 0.2);
}
.clarus-videos-section .clarus-video-arrow:disabled {
	color: #8b8b8b;
	background: #ffffff;
	border-color: #cfcfcf;
	opacity: 0.55;
	cursor: default;
}
.clarus-videos-section .clarus-video-arrow:disabled:hover {
	color: #8b8b8b;
	background: #ffffff;
	border-color: #cfcfcf;
}
/* Keep dots above the See all Videos button, as in Figma */
.clarus-videos-section .clarus-video-footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 18px;
	margin-top: 22px;
}
.clarus-videos-section .clarus-video-dots {
	margin-top: 0;
}
/* Medium desktop / tablet */
@media (max-width: 1100px) {
.clarus-videos-section .clarus-video-slider-wrap {
		margin-right: 46px;
		margin-left: 46px;
	}
.clarus-videos-section .clarus-video-arrow {
		width: 32px;
		height: 32px;
		min-width: 32px;
		font-size: 18px;
	}
.clarus-videos-section .clarus-video-prev {
		left: -40px !important;
	}
.clarus-videos-section .clarus-video-next {
		right: -40px !important;
	}
}
/* Mobile */
@media (max-width: 575px) {
.clarus-videos-section .clarus-video-slider-wrap {
		margin-right: 34px;
		margin-left: 34px;
	}
.clarus-videos-section .clarus-video-arrow {
		top: 40%;
		width: 28px;
		height: 28px;
		min-width: 28px;
		font-size: 16px;
	}
.clarus-videos-section .clarus-video-prev {
		left: -31px !important;
	}
.clarus-videos-section .clarus-video-next {
		right: -31px !important;
	}
}
/* Full-width mega menu scrollbar-width overflow fix */
@media (min-width: 901px) {
.clarus-header-links .clarus-mega-menu {
		width: 100% !important;
		min-width: 100% !important;
		max-width: none !important;
	}
}
/* ============================================================
   CLARUS FIGMA EDITION v2.0 — INTERNAL SUPPORT PAGES
   ============================================================ */
.clarus-figma-article,
.clarus-figma-manuals {
	--figma-blue: #006b88;
	--figma-ink: #182a38;
	--figma-muted: #74838e;
	--figma-line: #dde4e8;
	--figma-soft: #f6f7f8;
	color: var(--figma-ink);
}
.clarus-article-layout,
.clarus-manuals-shell {
	display: grid;
	grid-template-columns: 230px minmax(0, 1fr) 190px;
	gap: 34px;
	align-items: start;
	padding-top: 58px;
	padding-bottom: 54px;
}
.clarus-manuals-shell {
	grid-template-columns: 230px minmax(0, 1fr);
	max-width: 1180px;
}
.clarus-support-sidebar {
	min-width: 0;
	padding-right: 28px;
	border-right: 1px solid var(--figma-line);
}
.clarus-sidebar-heading h2 {
	margin: 0 0 18px;
	font-size: 19px;
	line-height: 1.15;
	font-weight: 800;
	text-transform: uppercase;
}
.clarus-sidebar-heading span,
.clarus-general-support h3 {
	display: block;
	margin: 0 0 11px;
	color: var(--figma-blue);
	font-size: 12px;
	line-height: 1;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.clarus-sidebar-tree {
	display: block;
}
.clarus-tree-item {
	position: relative;
}
.clarus-tree-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 22px;
	align-items: center;
	min-height: 28px;
}
.clarus-tree-row a,
.clarus-tree-articles a,
.clarus-general-support a {
	display: block;
	min-width: 0;
	padding: 6px 7px;
	overflow: hidden;
	color: #334651;
	border-radius: 3px;
	font-size: 11px;
	line-height: 1.25;
	text-decoration: none;
	text-overflow: ellipsis;
}
.clarus-tree-row a:hover,
.clarus-tree-row a.is-active,
.clarus-tree-articles a:hover,
.clarus-tree-articles a.is-current {
	color: var(--figma-blue);
	background: #eef7fb;
}
.clarus-tree-row a.is-active,
.clarus-tree-articles a.is-current {
	font-weight: 700;
}
.clarus-tree-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	padding: 0;
	color: #64757f;
	background: transparent;
	border: 0;
	font-size: 16px;
	cursor: pointer;
	transform: rotate(90deg);
}
.clarus-tree-toggle[aria-expanded="false"] {
	transform: none;
}
.clarus-tree-children,
.clarus-tree-articles {
	margin-left: 11px;
	padding-left: 9px;
/*   border-left: 1px solid #e3e9ec; */;
}
/* .clarus-tree-depth-1 > .clarus-tree-row a { font-weight: 700; }
.clarus-tree-depth-2 > .clarus-tree-row a { font-weight: 600; } */
.clarus-tree-depth-3 > .clarus-tree-row a {
	font-size: 10.5px;
}
.clarus-tree-articles a {
	font-size: 10px;
}
.clarus-general-support {
	margin-top: 24px;
	padding-top: 18px;
	border-top: 1px solid var(--figma-line);
}
.clarus-support-article,
.clarus-manuals-main {
	min-width: 0;
}
.clarus-article-breadcrumbs,
.clarus-manuals-breadcrumbs {
	margin-bottom: 18px;
}
.clarus-article-breadcrumbs .breadcrumbs,
.clarus-manuals-breadcrumbs .breadcrumbs {
	margin: 0;
}
.clarus-article-breadcrumbs .breadcrumbs li,
.clarus-manuals-breadcrumbs .breadcrumbs li {
	color: #7a8993;
	font-size: 10px;
}
.clarus-article-header-custom {
	margin: 0 0 24px;
	padding: 0;
	border: 0 !important;
}
.clarus-support-article h1 {
	margin: 0 0 9px;
	color: var(--figma-ink);
	font-size: 31px !important;
	line-height: 1.1;
	font-weight: 800;
	letter-spacing: -.02em;
}
.clarus-article-updated {
	margin: 0;
	color: #91a0aa;
	font-size: 10px;
}
.clarus-article-body {
	color: #33434c;
	font-size: 13px;
	line-height: 1.72;
}
.clarus-article-body h2 {
	color: var(--figma-ink);
	font-size: 17px;
	line-height: 1.25;
	font-weight: 750;
}
.clarus-article-body h3 {
	margin: 22px 0 10px;
	color: var(--figma-ink);
	font-size: 14px;
}
.clarus-article-body blockquote {
	margin: 24px 0;
	padding: 16px 18px;
	color: #40525c;
	background: #e8f5fb;
	border: 0;
	border-left: 3px solid var(--figma-blue);
	border-radius: 5px;
	font-style: italic;
}
.clarus-related-articles {
	margin-top: 30px;
}
.clarus-article-votes {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 28px;
	padding: 18px 22px;
	background: #f6f6f6;
	border-radius: 7px;
}
.clarus-article-toc {
	position: sticky;
	top: 120px;
	align-self: start;
	padding: 0;
	border: 0;
}
.clarus-article-toc h2 {
	margin: 0 0 14px;
	color: #111;
	font-size: 13px;
	line-height: 1;
	font-weight: 800;
	text-transform: uppercase;
}
.clarus-article-toc nav {
	display: flex;
	flex-direction: column;
	gap: 0;
	padding-left: 11px;
	border-left: 2px solid var(--figma-blue);
}
.clarus-article-toc a {
	padding: 6px 0;
	color: #75858f;
	font-size: 10px;
	line-height: 1.3;
	text-decoration: none;
}
.clarus-article-toc a:first-child {
	color: var(--figma-blue);
	font-weight: 700;
}
.clarus-article-cta {
	position: relative;
	min-height: 230px;
	margin-top: 0;
	margin-bottom: 26px;
	padding: 46px 48px;
	overflow: hidden;
	background: #f1f1f3;
	border-radius: 10px;
}
.clarus-article-cta h2 {
	margin: 0 0 16px;
	font-size: 34px;
	line-height: 1.05;
	font-weight: 800;
}
.clarus-article-cta p {
	max-width: 360px;
	margin-bottom: 22px;
	font-size: 12px;
}
.clarus-cta-people {
	position: absolute;
	right: 6%;
	bottom: 0;
	width: 42%;
	height: 100%;
	background: url(/hc/theming_assets/01K6N51PHJ8TYZ3F9FGPS5DXHD) center bottom / contain no-repeat;
}
/* Manuals page */
.clarus-manuals-header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin: 0 0 28px;
}
.clarus-manuals-header h1 {
	margin: 0;
	color: var(--figma-ink);
	font-size: 30px;
	line-height: 1.1;
	font-weight: 800;
}
.clarus-manuals-header p {
	margin: 8px 0 0;
	color: #8a99a2;
	font-size: 10px;
}
.clarus-sort-control {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #8b989f;
	font-size: 10px;
}
.clarus-sort-control select {
	min-width: 105px;
	padding: 9px 28px 9px 10px;
	background-color: #fff;
	border: 1px solid #dce2e5;
	border-radius: 6px;
}
.clarus-manual-group {
	margin-bottom: 32px;
}
.clarus-manual-group-toggle {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 0 12px;
	color: var(--figma-ink);
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--figma-line);
	font-size: 15px;
	font-weight: 750;
	text-align: left;
	cursor: pointer;
}
.clarus-manual-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	padding-top: 12px;
}
.clarus-manual-card {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	min-height: 104px;
	padding: 16px;
	background: #fff;
	border: 1px solid #e4e9ec;
	border-radius: 8px;
}
.clarus-manual-card-copy h3 {
	margin: 0 0 5px;
	font-size: 11px;
	line-height: 1.3;
}
.clarus-manual-card-copy p,
.clarus-manual-card-copy small {
	color: #99a4aa;
	font-size: 8px;
}
.clarus-manual-actions {
	display: flex;
	align-items: center;
	gap: 7px;
}
.clarus-manual-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 7px 12px;
	color: #fff;
	background: var(--figma-blue);
	border: 1px solid var(--figma-blue);
	border-radius: 999px;
	font-size: 8px;
	line-height: 1;
	text-decoration: none;
}
.clarus-manual-actions a.is-secondary {
	color: var(--figma-blue);
	background: #eff9fb;
	border-color: #dceff3;
}
/* Download selector popup */
.clarus-download-popup {
	position: fixed;
	inset: 0;
	z-index: 12000;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 24px;
}
.clarus-download-popup.is-open {
	display: flex;
}
.clarus-download-popup-overlay {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	background: rgba(14, 26, 34, .68);
	border: 0;
}
.clarus-download-popup-dialog {
	position: relative;
	z-index: 1;
	width: min(780px, 100%);
	max-height: calc(100vh - 48px);
	padding: 38px 40px;
	overflow-y: auto;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 28px 80px rgba(0,0,0,.28);
}
.clarus-download-popup-dialog header {
	margin-bottom: 26px;
	text-align: center;
}
.clarus-download-popup-dialog h2 {
	margin: 0 0 9px;
	font-size: 28px;
	font-weight: 800;
}
.clarus-download-popup-dialog p {
	margin: 0;
	color: #78858d;
	font-size: 12px;
}
.clarus-download-popup-close {
	position: absolute;
	top: 12px;
	right: 14px;
	width: 34px;
	height: 34px;
	padding: 0;
	background: transparent;
	border: 0;
	font-size: 27px;
	cursor: pointer;
}
.clarus-download-steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}
.clarus-download-step {
	min-height: 220px;
	padding: 18px;
	background: #f6f8f9;
	border: 1px solid #e3e8eb;
	border-radius: 9px;
	opacity: .48;
}
.clarus-download-step.is-active,
.clarus-download-step:first-child {
	opacity: 1;
}
.clarus-download-step > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 25px;
	height: 25px;
	margin-right: 8px;
	color: #fff;
	background: var(--figma-blue);
	border-radius: 50%;
	font-size: 11px;
}
.clarus-download-step > strong {
	font-size: 13px;
}
.clarus-download-options {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 16px;
}
.clarus-download-options button,
.clarus-download-options a {
	display: block;
	width: 100%;
	padding: 10px 11px;
	color: #253844;
	background: #fff;
	border: 1px solid #dce3e7;
	border-radius: 6px;
	font-size: 10px;
	line-height: 1.25;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
}
.clarus-download-options button:hover,
.clarus-download-options button.is-selected,
.clarus-download-options a:hover {
	color: var(--figma-blue);
	border-color: #9bc8d5;
	background: #eef8fb;
}
@media (max-width: 991px) {
.clarus-article-layout,
  .clarus-manuals-shell {
		grid-template-columns: 1fr;
		padding-top: 30px;
	}
.clarus-support-sidebar {
		display: none;
	}
.clarus-article-toc {
		position: static;
		order: -1;
		padding-bottom: 14px;
		border-bottom: 1px solid var(--figma-line);
	}
.clarus-article-toc nav {
		flex-direction: row;
		flex-wrap: wrap;
	}
.clarus-cta-people {
		opacity: .25;
	}
}
@media (max-width: 767px) {
.clarus-support-article h1,
  .clarus-manuals-header h1 {
		font-size: 25px !important;
	}
.clarus-manual-grid {
		grid-template-columns: 1fr;
	}
.clarus-manuals-header {
		align-items: flex-start;
		flex-direction: column;
	}
.clarus-manual-card {
		grid-template-columns: 42px minmax(0,1fr);
	}
.clarus-manual-actions {
		grid-column: 2;
		flex-wrap: wrap;
	}
.clarus-article-cta {
		padding: 34px 24px;
	}
.clarus-article-cta h2 {
		font-size: 27px;
	}
.clarus-download-steps {
		grid-template-columns: 1fr;
	}
.clarus-download-step {
		min-height: 0;
	}
.clarus-download-popup-dialog {
		padding: 34px 18px 22px;
	}
}
/* ============================================================
   CLARUS ARTICLE PAGE — CLIENT REFERENCE MATCH
   Final overrides
   ============================================================ */
.clarus-support-article-page {
	--article-blue: #005f86;
	--article-dark: #172b3a;
	--article-text: #243947;
	--article-muted: #7f8e99;
	--article-line: #d9e0e4;
	--article-soft: #eaf5fb;
	background: #fff;
}
.clarus-support-article-page,
.clarus-support-article-page * {
	box-sizing: border-box;
}
.clarus-support-article-page .clarus-article-layout {
	display: grid;
	grid-template-columns: 310px minmax(0, 760px) 230px;
	column-gap: 40px;
	width: min(1360px, calc(100% - 80px));
	max-width: none;
	margin: 0 auto;
	padding: 62px 0 80px;
	align-items: start;
}
/* LEFT SIDEBAR */
.clarus-support-article-page .clarus-article-left-nav,
.clarus-manuals-page .clarus-support-sidebar {
	position: sticky;
	top: 24px;
	align-self: start;
	min-width: 0;
	padding: 0 28px 0 0;
	border: 0;
	border-right: 1px solid var(--article-line);
}
.clarus-support-article-page .clarus-sidebar-heading,
.clarus-manuals-page .clarus-sidebar-heading {
	margin-bottom: 18px;
}
.clarus-support-article-page .clarus-sidebar-heading h2,
.clarus-manuals-page .clarus-sidebar-heading h2 {
	margin: 0 0 22px;
	color: var(--article-dark);
	font-size: 18px;
	line-height: 1.1;
	font-weight: 700;
	letter-spacing: -0.02em;
	text-transform: uppercase;
}
.clarus-support-article-page .clarus-sidebar-heading span,
.clarus-support-article-page .clarus-general-support h3,
.clarus-manuals-page .clarus-sidebar-heading span,
.clarus-manuals-page .clarus-general-support h3 {
	display: block;
	margin: 0;
	color: var(--article-blue);
	font-size: 15px;
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}
.clarus-support-article-page .clarus-sidebar-tree,
.clarus-manuals-page .clarus-sidebar-tree {
	display: block;
	width: 100%;
	font-size: 14px;
}
.clarus-support-article-page .clarus-tree-item,
.clarus-manuals-page .clarus-tree-item {
	position: relative;
	width: 100%;
}
.clarus-support-article-page .clarus-tree-children,
.clarus-support-article-page .clarus-tree-articles,
.clarus-manuals-page .clarus-tree-children,
.clarus-manuals-page .clarus-tree-articles {
	margin-left: 6px;
	padding-left: 6px;
/*   border-left: 1px solid #dce3e7; */;
}
.clarus-support-article-page .clarus-tree-row,
.clarus-manuals-page .clarus-tree-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 24px;
	align-items: start;
	gap: 4px;
	min-height: 31px;
}
.clarus-support-article-page .clarus-tree-row > a,
.clarus-support-article-page .clarus-tree-articles > a,
.clarus-manuals-page .clarus-tree-row > a,
.clarus-manuals-page .clarus-tree-articles > a {
	display: block;
	min-width: 0;
	padding: 6px 8px;
	color: #293e4b;
	border-radius: 2px;
	font-size: 14px;
	line-height: 1.28;
	text-decoration: none;
	overflow-wrap: anywhere;
}
.clarus-support-article-page .clarus-tree-row > a:hover,
.clarus-support-article-page .clarus-tree-articles > a:hover,
.clarus-manuals-page .clarus-tree-row > a:hover,
.clarus-manuals-page .clarus-tree-articles > a:hover {
	color: #000;
	background: none;
	font-weight: 700 !important;
}
.clarus-support-article-page .clarus-tree-row > a.is-active,
.clarus-support-article-page .clarus-tree-articles > a.is-current,
.clarus-manuals-page .clarus-tree-row > a.is-active,
.clarus-manuals-page .clarus-tree-articles > a.is-current {
	color: #1A2B3C;
	background: none;
	font-weight: 700;
}
a.is-current {
	color: #004F78 !important;
}
.clarus-support-article-page .clarus-tree-toggle,
.clarus-manuals-page .clarus-tree-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 28px;
	margin: 2px 0 0;
	padding: 0;
	color: var(--article-blue);
	background: transparent;
	border: 0;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	transform: rotate(0deg);
	transition: transform .18s ease;
}
.clarus-support-article-page .clarus-tree-loading,
.clarus-manuals-page .clarus-tree-loading {
	display: block;
	padding: 6px 8px;
	color: var(--article-muted);
	font-size: 12px;
}
.clarus-support-article-page .clarus-general-support,
.clarus-manuals-page .clarus-general-support {
	margin-top: 24px;
	padding-top: 22px;
	border-top: 1px solid var(--article-line);
}
.clarus-support-article-page .clarus-general-support h3,
.clarus-manuals-page .clarus-general-support h3 {
	margin-bottom: 12px;
}
.clarus-support-article-page .clarus-general-support a,
.clarus-manuals-page .clarus-general-support a {
	color: #293e4b;
	font-size: 14px;
	text-decoration: none;
}
/* MAIN ARTICLE */
.clarus-support-article-page .clarus-support-article {
	min-width: 0;
	padding: 0;
}
.clarus-support-article-page .clarus-article-breadcrumbs {
	margin: 0 0 24px;
}
.clarus-support-article-page .clarus-article-breadcrumbs .breadcrumbs {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0;
}
.clarus-support-article-page .clarus-article-breadcrumbs .breadcrumbs li {
	max-width: none;
	color: #7f8d96;
	font-size: 12px;
	line-height: 1.4;
	overflow: visible;
	white-space: normal;
}
.clarus-support-article-page .clarus-article-breadcrumbs .breadcrumbs a {
	color: var(--article-blue);
}
.clarus-support-article-page .clarus-article-header-custom {
	margin: 0 0 10px;
	padding: 0;
	border: 0;
}
.clarus-support-article-page .clarus-support-article h1 {
	margin: 0;
	color: var(--article-dark);
	font-size: 43px;
	line-height: 1.08;
	font-weight: 700;
	letter-spacing: -0.025em;
}
.clarus-support-article-page .clarus-article-updated {
	margin: 11px 0 0;
	color: #8b99a3;
	font-size: 13px;
	line-height: 1.4;
}
.clarus-support-article-page .clarus-article-body {
	color: var(--article-text);
	font-size: 16px;
	line-height: 1.72;
}
.clarus-support-article-page .clarus-article-body p {
	margin: 0 0 18px;
}
.clarus-support-article-page .clarus-article-body h2 {
	color: var(--article-dark);
	font-size: 16px;
	font-weight: 700;
}
.clarus-support-article-page .clarus-article-body h3 {
	margin: 28px 0 14px;
	color: var(--article-dark);
	font-size: 15px;
	line-height: 1.35;
	font-weight: 700;
}
.clarus-support-article-page .clarus-article-body ul,
.clarus-support-article-page .clarus-article-body ol {
	margin: 10px 0 22px 22px;
	padding-left: 16px;
}
.clarus-support-article-page .clarus-article-body li {
	margin: 0 0 10px;
	padding-left: 2px;
}
.clarus-support-article-page .clarus-article-body a {
	color: var(--article-blue);
	text-decoration: none;
}
.clarus-support-article-page .clarus-article-body a:hover {
	text-decoration: underline;
}
/* Client-style blue information callout */
.clarus-support-article-page .clarus-article-body blockquote {
	position: relative;
	margin: 30px 0 26px;
	padding: 23px 24px 23px 62px;
	color: #324956;
	background: #e5f3fb;
	border: 0;
	border-left: 4px solid #0078a4;
	border-radius: 10px;
	font-style: italic;
}
.clarus-support-article-page .clarus-article-body blockquote::before {
	content: "";
	position: absolute;
	left: 23px;
	top: 42%;
	width: 15px;
	height: 15px;
	border: 2px solid #0078a4;
	border-radius: 50% 50% 50% 1px;
	transform: translateY(-56%) rotate(-45deg);
}
.clarus-support-article-page .clarus-article-body blockquote p:last-child {
	margin-bottom: 0;
}
/* RELATED ARTICLES */
.clarus-support-article-page .clarus-related-articles {
	margin: 32px 0 0;
	padding: 0;
}
.clarus-support-article-page .clarus-related-articles h2,
.clarus-support-article-page .clarus-related-articles h3,
.clarus-support-article-page .related-articles-title {
	margin: 0 0 16px;
	color: var(--article-dark);
	font-size: 18px;
	line-height: 1.25;
	font-weight: 700;
}
.clarus-support-article-page .clarus-related-articles ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.clarus-support-article-page .clarus-related-articles li {
	margin: 0 0 13px;
}
.clarus-support-article-page .clarus-related-articles a {
	color: #6f8190;
	font-size: 15px;
	line-height: 1.45;
	text-decoration: none;
}
.clarus-support-article-page .clarus-related-articles a:hover {
	color: var(--article-blue);
	text-decoration: underline;
}
/* VOTING */
.clarus-support-article-page .clarus-article-votes {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin: 34px 0 0;
	padding: 22px 24px;
	color: var(--article-dark);
	background: #f4f4f4;
	border-radius: 8px;
}
.clarus-support-article-page .clarus-article-votes strong {
	font-size: 16px;
	font-weight: 800;
}
.clarus-support-article-page .clarus-vote-actions {
	display: flex;
	align-items: center;
	gap: 10px;
}
.clarus-support-article-page .clarus-vote-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 46px;
	min-height: 34px;
	margin: 0;
	padding: 6px 13px;
	color: var(--article-dark);
	background: #fff;
	border: 1px solid #9ba7ae;
	border-radius: 4px;
	font-size: 14px;
	text-decoration: none;
}
.clarus-support-article-page .clarus-vote-button:hover,
.clarus-support-article-page .clarus-vote-button.is-selected {
	color: #fff;
	background: var(--article-blue);
	border-color: var(--article-blue);
}
.article-body h1 {
	font-size: 24px !important;
	margin-bottom: 10px !important;
}
/* RIGHT TOC */
.clarus-support-article-page .clarus-article-toc {
	position: sticky;
	top: 24px;
	align-self: start;
	padding: 0;
	border: 0;
}
.clarus-support-article-page .clarus-article-toc h2 {
	margin: 0 0 10px 18px;
	color: #111;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
.clarus-support-article-page .clarus-article-toc nav {
	display: flex;
	flex-direction: column;
	gap: 0;
	padding-left: 0;
	border-left: none;
 /* container-level border hata diya */;
}
.clarus-support-article-page .clarus-article-toc a {
	display: block;
	padding: 7px 0 7px 16px;
	color: #232425;
	font-size: 14px;
	line-height: 1.35;
	text-decoration: none;
	border-left: 2px solid #d8dade;
 /* neutral rail — har link apna segment le */;
}
.clarus-support-article-page .clarus-article-toc a.is-subheading {
	padding-left: 30px;
}
.clarus-support-article-page .clarus-article-toc a.is-subsubheading {
	padding-left: 44px;
	color: #454a4e;
}
.clarus-support-article-page .clarus-article-toc a:hover {
	color: #1542E6;
}
/* ⚠️ ye :first-child wala rule DELETE kar dein — hardcoded active hai */
/* .clarus-support-article-page .clarus-article-toc a:first-child { ... } */
/* Active state — JS dynamically ye class lagayegi/hatayegi */
.clarus-support-article-page .clarus-article-toc a.active {
	color: #1542E6 !important;
	border-left-color: #1542E6 !important;
	font-weight: 700 !important;
}
#clarus-article-body h1,
#clarus-article-body h2,
#clarus-article-body h3,
#clarus-article-body h4 {
	scroll-margin-top: 20px;
}
a.is-heading {
	font-weight: 600 !important;
}
@media (max-width: 1180px) {
.clarus-support-article-page .clarus-article-layout {
		grid-template-columns: 250px minmax(0, 1fr) 200px;
		column-gap: 28px;
		width: min(100% - 48px, 1120px);
	}
.clarus-support-article-page .clarus-support-article h1 {
		font-size: 36px;
	}
}
@media (max-width: 991px) {
.clarus-support-article-page .clarus-article-layout {
		grid-template-columns: 240px minmax(0, 1fr);
		width: min(100% - 36px, 920px);
		padding-top: 36px;
	}
.clarus-support-article-page .clarus-article-toc {
		position: static;
		grid-column: 2;
		grid-row: 1;
		margin-bottom: 24px;
	}
.clarus-support-article-page .clarus-support-article {
		grid-column: 2;
		grid-row: 2;
	}
.clarus-support-article-page .clarus-article-left-nav {
		grid-column: 1;
		grid-row: 1 / span 2;
	}
}
@media (max-width: 767px) {
.clarus-support-article-page .clarus-article-layout {
		display: block;
		width: min(100% - 28px, 680px);
		padding: 24px 0 52px;
	}
.clarus-support-article-page .clarus-article-left-nav {
		position: static;
		display: block;
		margin-bottom: 26px;
		padding: 0 0 20px;
		border: 0;
		border-bottom: 1px solid var(--article-line);
	}
.clarus-support-article-page .clarus-sidebar-heading h2 {
		font-size: 20px;
	}
.clarus-support-article-page .clarus-article-toc {
		margin: 0 0 28px;
	}
.clarus-support-article-page .clarus-support-article h1 {
		font-size: 31px;
	}
.clarus-support-article-page .clarus-article-body {
		font-size: 15px;
	}
.clarus-support-article-page .clarus-article-votes {
		align-items: flex-start;
		flex-direction: column;
	}
}
/* ============================================================
   CLARUS SIDEBAR CHEVRON FIX
   Client reference style
   ============================================================ */
.clarus-tree-toggle {
	position: relative;
	flex: 0 0 22px;
	width: 22px;
	height: 22px;
	min-width: 22px;
	padding: 0 !important;
	margin: 0;
	overflow: hidden;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 1;
	cursor: pointer;
	box-shadow: none !important;
}
/* Collapsed arrow: > */
.clarus-tree-toggle::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 6px;
	height: 6px;
	border-right: 2px solid #647c8b;
	border-bottom: 2px solid #647c8b;
	transform: translate(-65%, -50%) rotate(-45deg);
	transform-origin: center;
	transition: transform 0.18s ease,
    border-color 0.18s ease;
}
/* Expanded arrow: v */
.clarus-tree-toggle[aria-expanded="true"]::before {
	transform: translate(-50%, -65%) rotate(45deg);
	border-color: #00678a;
}
/* Hover */
.clarus-tree-toggle:hover::before,
.clarus-tree-toggle:focus-visible::before {
	border-color: #005b7c;
}
/* Remove unwanted button outline */
.clarus-tree-toggle:focus {
	outline: none;
}
.clarus-tree-toggle:focus-visible {
	outline: 2px solid rgba(0, 103, 138, 0.25);
	outline-offset: 1px;
	border-radius: 3px;
}
/* Proper row alignment */
.clarus-tree-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 8px;
}
/* Section link should occupy remaining width */
.clarus-tree-row > a {
	flex: 1 1 auto;
	min-width: 0;
}
/* Keep arrow aligned with first text line */
.clarus-tree-row > .clarus-tree-toggle {
	margin-top: 1px;
}
/* ============================================================
   CLARUS MANUALS PAGE — CLIENT REFERENCE MATCH
   Scoped overrides so article and other pages remain unchanged.
   ============================================================ */
.clarus-manuals-page {
	--manual-blue: #006b88;
	--manual-dark: #182d3b;
	--manual-text: #314552;
	--manual-muted: #8c9aa5;
	--manual-line: #dce4e8;
	--manual-soft: #f7f9fa;
  /* Shared article/sidebar design tokens.
     Manuals sidebar now uses the exact approved article-page values. */
	--article-blue: #005f86;
	--article-dark: #172b3a;
	--article-text: #243947;
	--article-muted: #7f8e99;
	--article-line: #d9e0e4;
	--article-soft: #eaf5fb;
	color: var(--manual-dark);
	background: #fff;
}
.clarus-manuals-page,
.clarus-manuals-page button,
.clarus-manuals-page input,
.clarus-manuals-page select {
	font-family: "Lato", Arial, sans-serif !important;
}
.clarus-manuals-page .clarus-manuals-topbar {
	width: min(100% - 64px, 1360px);
	padding-top: 18px;
}
.clarus-manuals-page .clarus-manuals-breadcrumbs {
	margin: 0 0 22px;
}
.clarus-manuals-page .clarus-manuals-breadcrumbs .breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
.clarus-manuals-page .clarus-manuals-breadcrumbs .breadcrumbs li {
	max-width: none;
	color: #7d8c96;
	font-size: 11px;
	line-height: 1.4;
	overflow: visible;
	white-space: normal;
}
.clarus-manuals-page .clarus-manuals-breadcrumbs .breadcrumbs a {
	color: var(--manual-blue);
}
.clarus-manuals-page .clarus-manual-tabs {
	display: flex;
	align-items: center;
	gap: 44px;
	min-height: 54px;
	padding: 0 18px;
	overflow-x: auto;
	border-bottom: 1px solid #edf0f2;
	scrollbar-width: none;
}
.clarus-manuals-page .clarus-manual-tabs a {
	position: relative;
	display: inline-flex;
	align-items: center;
	min-height: 54px;
	flex: 0 0 auto;
	color: #6f7f8b;
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
}
.clarus-manuals-page .clarus-manual-tabs a:hover,
.clarus-manuals-page .clarus-manual-tabs a.is-active {
	color: var(--manual-blue);
}
.clarus-manuals-page .clarus-manual-tabs a.is-active {
	font-weight: 700;
}
.clarus-manuals-page .clarus-manual-tabs a.is-active::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -1px;
	left: 0;
	height: 2px;
	background: #4eb7c7;
}
.clarus-manuals-page .clarus-manuals-shell {
	display: grid;
	grid-template-columns: 285px minmax(0, 1fr);
	column-gap: 34px;
	width: min(100% - 64px, 1360px);
	max-width: none;
	padding-top: 32px;
	padding-bottom: 70px;
	align-items: start;
}
/* Sidebar styling is shared with the approved article-page sidebar above.
   Change it once in the CLARUS ARTICLE PAGE sidebar rules and both pages update. */
.clarus-manuals-page .clarus-manuals-main {
	min-width: 0;
	padding-top: 1px;
}
.clarus-manuals-page .clarus-manuals-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 30px;
	margin: 0 0 38px;
}
.user-manuals {
	display: flex;
	gap: 6px;
	align-items: center;
	margin-bottom: 15px;
}
.clarus-manuals-page .clarus-manuals-title-icon {
	position: relative;
	flex: 0 0 22px;
	font-size: 18px;
	display: grid;
	place-items: center;
	color: #0086a8;
}
.clarus-manuals-page .clarus-manuals-header h1 {
	margin: 0;
	color: var(--manual-dark);
	font-size: 32px !important;
	line-height: 1.08;
	font-weight: 700;
	letter-spacing: -0.035em;
}
.clarus-manuals-page .clarus-manuals-header p {
	margin: 8px 0 0;
	color: #96a3ad;
	font-size: 13px;
	line-height: 1.4;
}
.clarus-manuals-page .clarus-sort-control {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 0 0 auto;
	margin-top: 8px;
	color: #8a99a4;
	font-size: 12px;
}
.clarus-manuals-page .clarus-sort-control select {
	width: 130px;
	min-width: 130px;
	height: 42px;
	padding: 0 32px 0 12px;
	color: #526570;
	background-color: #fff;
	border: 1px solid #dfe5e8;
	border-radius: 9px;
	font-size: 12px;
}
.clarus-manuals-page .clarus-marker-description {
	margin: -22px 0 28px;
	color: #71818c;
	font-size: 13px;
}
.clarus-manuals-page .clarus-manual-group {
	margin: 0 0 42px;
}
.clarus-manuals-page .clarus-manual-group-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 44px;
	padding: 0 2px 12px;
	color: var(--manual-dark);
	background: transparent;
	border: 0;
	border-bottom: 1px solid #d3dde2;
	font-size: 16px;
	line-height: 1.25;
	font-weight: 700;
	text-align: left;
	cursor: pointer;
}
.clarus-manuals-page .clarus-manual-group-toggle span:last-child {
	color: var(--manual-blue);
	font-size: 15px;
}
.clarus-manuals-page .clarus-manual-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	padding-top: 16px;
}
.clarus-manuals-page .clarus-manual-card {
	position: relative;
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	grid-template-rows: auto auto;
	align-items: start;
	column-gap: 14px;
	row-gap: 14px;
	min-height: 126px;
	padding: 18px 18px 16px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #e2e8eb;
	border-radius: 14px;
	box-shadow: 0 2px 8px rgba(22, 52, 68, .025);
}
.clarus-manuals-page .clarus-document-badge {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 12px;
	font-size: 10px;
	font-weight: 800;
}
.clarus-manuals-page .clarus-document-badge.pdf {
	color: #416ec5;
	background: #dfeafd;
}
.clarus-manuals-page .clarus-document-badge.guide {
	color: #27905a;
	background: #dcf8e6;
}
.clarus-manuals-page .clarus-document-badge.html {
	color: #e24a4a;
	background: #ffe2e2;
}
.clarus-manuals-page .clarus-manual-card-copy {
	min-width: 0;
	padding-top: 1px;
}
.clarus-manuals-page .clarus-manual-card-copy h3 {
	margin: 0 0 4px;
	color: var(--manual-dark);
	font-size: 14px;
	line-height: 1.35;
	font-weight: 600;
}
.clarus-manuals-page .clarus-manual-card-copy h3 a {
	color: inherit;
	text-decoration: none;
}
.clarus-manuals-page .clarus-manual-card-copy h3 a:hover {
	color: var(--manual-blue);
}
.clarus-manuals-page .clarus-manual-card-copy p {
	margin: 0 0 20px;
	color: #9aa7b1;
	font-size: 11px;
	line-height: 1.4;
}
.clarus-manuals-page .clarus-manual-card-copy small {
	position: absolute;
	left: 18px;
	bottom: 18px;
	color: #a0acb5;
	font-size: 10px;
	line-height: 1.3;
}
.clarus-manuals-page .clarus-manual-actions {
	position: absolute;
	right: 16px;
	bottom: 14px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
}
.clarus-manuals-page .clarus-manual-actions a {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	color: #fff;
	background: var(--manual-blue);
	border: 1px solid var(--manual-blue);
	border-radius: 999px;
	font-size: 10px;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
}
.clarus-manuals-page .clarus-manual-actions a.is-secondary {
	color: var(--manual-blue);
	background: #f2fafc;
	border-color: #d9edf2;
}
.clarus-manuals-page .clarus-manual-actions a.is-secondary::before {
	width: 9px;
	height: 9px;
	border: 1.5px solid currentColor;
	border-radius: 50%;
	transform: translateY(-50%);
}
.clarus-manuals-page .clarus-manual-actions a.is-secondary::after {
	display: none;
}
.clarus-manuals-page .clarus-page-loader,
.clarus-manuals-page .clarus-empty-state {
	color: #87959e;
	font-size: 13px;
}
@media (max-width: 1100px) {
.clarus-manuals-page .clarus-manuals-topbar,
  .clarus-manuals-page .clarus-manuals-shell {
		width: min(100% - 40px, 1040px);
	}
.clarus-manuals-page .clarus-manuals-shell {
		grid-template-columns: 230px minmax(0, 1fr);
		column-gap: 26px;
	}
.clarus-manuals-page .clarus-manual-grid {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 991px) {
.clarus-manuals-page .clarus-manuals-topbar,
  .clarus-manuals-page .clarus-manuals-shell {
		width: min(100% - 30px, 760px);
	}
.clarus-manuals-page .clarus-manual-tabs {
		gap: 28px;
		padding: 0 4px;
	}
.clarus-manuals-page .clarus-manuals-shell {
		display: block;
		padding-top: 24px;
	}
.clarus-manuals-page .clarus-support-sidebar {
		position: static;
		margin-bottom: 30px;
		padding: 0 0 24px;
		border-right: 0;
		border-bottom: 1px solid var(--manual-line);
	}
.clarus-manuals-page .clarus-manuals-header h1 {
		font-size: 29px;
	}
}
@media (max-width: 600px) {
.clarus-manuals-page .clarus-manuals-topbar,
  .clarus-manuals-page .clarus-manuals-shell {
		width: min(100% - 24px, 560px);
	}
.clarus-manuals-page .clarus-manuals-header {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 28px;
	}
.clarus-manuals-page .clarus-sort-control {
		width: 100%;
	}
.clarus-manuals-page .clarus-sort-control select {
		flex: 1;
		width: auto;
	}
.clarus-manuals-page .clarus-manual-card {
		min-height: 148px;
		padding-bottom: 54px;
	}
.clarus-manuals-page .clarus-manual-card-copy small {
		bottom: 18px;
	}
.clarus-manuals-page .clarus-manual-actions {
		right: 14px;
		bottom: 12px;
	}
}
/* ============================================================
   CLARUS MOBILE HEADER ICON FIX
   Keeps hamburger/X independent from page sidebar CSS
   ============================================================ */
@media (max-width: 900px) {
.clarus-mobile-toggle {
		position: relative;
	}
.clarus-mobile-toggle span {
		transition: transform 0.3s ease,
      opacity 0.3s ease;
	}
.clarus-mobile-toggle.is-active span:nth-child(1) {
		transform: translateY(7px) rotate(45deg);
	}
.clarus-mobile-toggle.is-active span:nth-child(2) {
		opacity: 0;
	}
.clarus-mobile-toggle.is-active span:nth-child(3) {
		transform: translateY(-7px) rotate(-45deg);
	}
/* Fallback for header markup containing only two bars */
.clarus-mobile-toggle.is-active span:only-child,
  .clarus-mobile-toggle.is-active span:first-child:nth-last-child(2) {
		transform: translateY(3.5px) rotate(45deg);
	}
.clarus-mobile-toggle.is-active span:first-child:nth-last-child(2) + span {
		opacity: 1;
		transform: translateY(-3.5px) rotate(-45deg);
	}
}
/* ============================================================
   CLARUS RESPONSIVE SUPPORT SIDEBAR — FINAL
   Shared by default article template and Manuals & Guides.
   ============================================================ */
.clarus-responsive-sidebar-bar {
	display: none;
}
.clarus-responsive-sidebar-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	min-height: 48px;
	padding: 0 16px;
	color: #172b3a;
	background: #fff;
	border: 1px solid #d9e0e4;
	border-radius: 6px;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 700;
	text-align: left;
	cursor: pointer;
}
.clarus-responsive-sidebar-icon {
	position: relative;
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
}
.clarus-responsive-sidebar-icon::before,
.clarus-responsive-sidebar-icon::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 2px;
	background: #005f86;
	border-radius: 2px;
	transform: translate(-50%, -50%);
	transition: transform .2s ease;
}
.clarus-responsive-sidebar-icon::after {
	transform: translate(-50%, -50%) rotate(90deg);
}
.clarus-responsive-sidebar-toggle[aria-expanded="true"]
.clarus-responsive-sidebar-icon::after {
	transform: translate(-50%, -50%) rotate(0deg);
}
@media (max-width: 991px) {
.clarus-support-article-page .clarus-responsive-sidebar-bar,
  .clarus-manuals-page .clarus-responsive-sidebar-bar {
		display: block;
	}
.clarus-support-article-page .clarus-responsive-sidebar-bar {
		width: min(100% - 40px, 760px);
		margin: 30px auto 0;
	}
.clarus-manuals-page .clarus-responsive-sidebar-bar {
		width: min(100% - 30px, 760px);
		margin: 20px auto 0;
	}
/* Override all earlier broad rules that hid every support sidebar. */
.clarus-support-article-page .clarus-article-left-nav,
  .clarus-manuals-page .clarus-manuals-sidebar-panel {
		display: none !important;
		position: static;
		width: 100%;
		max-width: none;
		margin: 0 0 30px;
		padding: 24px 0;
		border: 0;
		border-bottom: 1px solid #d9e0e4;
	}
.clarus-support-article-page .clarus-article-layout {
		grid-template-columns: 1fr !important;
		width: min(100% - 40px, 760px);
		padding-top: 20px;
	}
.clarus-support-article-page .clarus-article-toc {
		order: 0;
		margin-bottom: 28px;
	}
.clarus-support-article-page .clarus-support-article {
		order: 1;
	}
.clarus-support-article-page .clarus-article-left-nav {
		order: -1;
	}
.clarus-manuals-page .clarus-manuals-shell {
		display: block !important;
	}
.clarus-support-article-page .clarus-sidebar-tree,
  .clarus-manuals-page .clarus-sidebar-tree {
		display: block !important;
	}
}
@media (max-width: 767px) {
.clarus-support-article-page .clarus-responsive-sidebar-bar,
  .clarus-support-article-page .clarus-article-layout,
  .clarus-manuals-page .clarus-responsive-sidebar-bar,
  .clarus-manuals-page .clarus-manuals-shell,
  .clarus-manuals-page .clarus-manuals-topbar {
		width: min(100% - 24px, 560px);
	}
.clarus-responsive-sidebar-toggle {
		min-height: 46px;
		padding: 0 14px;
		font-size: 13px;
	}
.clarus-support-article-page .clarus-support-article h1 {
		font-size: 30px !important;
		line-height: 1.15;
	}
.clarus-support-article-page .clarus-article-body {
		font-size: 15px;
		line-height: 1.65;
	}
.clarus-manuals-page .clarus-manual-grid {
		grid-template-columns: 1fr !important;
	}
.clarus-manuals-page .clarus-manual-card {
		min-width: 0;
	}
}
@media (min-width: 992px) {
.clarus-support-article-page .clarus-article-left-nav,
  .clarus-manuals-page .clarus-manuals-sidebar-panel {
		display: block !important;
	}
}
/* ============================================================
   CLARUS TABLET SIDEBAR GRID CONFLICT FIX — v2.2.1
   Resets old two-column placement between 768px and 991px.
   ============================================================ */
@media (max-width: 991px) {
.clarus-support-article-page .clarus-article-layout {
		display: flex !important;
		flex-direction: column;
		grid-template-columns: none !important;
		width: min(100% - 36px, 920px);
		margin: 0 auto;
		padding: 20px 0 60px;
	}
.clarus-support-article-page .clarus-article-left-nav,
  .clarus-support-article-page .clarus-article-toc,
  .clarus-support-article-page .clarus-support-article {
		grid-column: auto !important;
		grid-row: auto !important;
		width: 100%;
		min-width: 0;
	}
.clarus-support-article-page .clarus-article-left-nav {
		order: 0 !important;
		position: static !important;
		top: auto !important;
		align-self: stretch !important;
		margin: 0 0 26px;
		padding: 22px 0 24px !important;
		border: 0 !important;
		border-bottom: 1px solid var(--article-line) !important;
	}
.clarus-support-article-page .clarus-article-toc {
		order: 1 !important;
		position: static !important;
		top: auto !important;
		align-self: stretch !important;
		margin: 0 0 28px;
		padding: 0 0 18px;
		border-bottom: 1px solid var(--article-line);
	}
.clarus-support-article-page .clarus-article-toc h2 {
		margin-left: 0;
	}
.clarus-support-article-page .clarus-article-toc nav {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 8px 18px;
		padding-left: 14px;
	}
.clarus-support-article-page .clarus-support-article {
		order: 2 !important;
	}
.clarus-support-article-page .clarus-article-left-nav.is-responsive-open {
		display: block !important;
	}
.clarus-support-article-page .clarus-sidebar-heading h2 {
		white-space: normal;
	}
.clarus-support-article-page .clarus-sidebar-tree,
  .clarus-support-article-page .clarus-tree-item,
  .clarus-support-article-page .clarus-tree-row,
  .clarus-support-article-page .clarus-tree-children,
  .clarus-support-article-page .clarus-tree-articles {
		max-width: 100%;
	}
.clarus-manuals-page .clarus-manuals-shell {
		display: flex !important;
		flex-direction: column;
	}
.clarus-manuals-page .clarus-manuals-sidebar-panel {
		order: 0;
		position: static !important;
		top: auto !important;
		align-self: stretch !important;
	}
.clarus-manuals-page .clarus-manuals-main {
		order: 1;
		width: 100%;
		min-width: 0;
	}
}
@media (max-width: 767px) {
.clarus-support-article-page .clarus-article-layout {
		width: min(100% - 28px, 680px);
		padding-top: 18px;
	}
.clarus-support-article-page .clarus-article-toc nav {
		flex-direction: column;
		gap: 0;
	}
}
/* ============================================================
   CLARUS ONLINE SHOPPING HELP — DYNAMIC LANDING PAGE
   ============================================================ */
.clarus-online-support-page {
	--online-blue: #006486;
	--online-ink: #111927;
	--online-muted: #66727b;
	--online-soft: #f3f3f3;
	--online-line: #dfe4e7;
	padding: 26px 0 96px;
	background: #fff;
}
.clarus-online-support-main,
.clarus-online-support-breadcrumbs {
	width: min(1260px, calc(100% - 48px));
	margin-left: auto;
	margin-right: auto;
}
.clarus-online-support-breadcrumbs {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-bottom: 28px;
	color: #68757d;
	font-size: 11px;
}
.clarus-online-support-breadcrumbs a {
	color: var(--online-blue);
}
.clarus-online-support-hero {
	display: grid;
	grid-template-columns: 1fr 1fr;
	min-height: 510px;
	overflow: hidden;
	background: var(--online-soft);
	border-radius: 15px;
}
.clarus-online-support-photo {
	min-height: 510px;
	background-image: url("https://support.claruspool.com/hc/theming_assets/01KYM13F6HZKTDP5Z8A3C9887Q"),
    linear-gradient(135deg, #56b9d5, #d7eff6);
	background-position: center;
	background-size: cover;
}
.clarus-online-support-panel {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 48px 56px;
}
.clarus-online-support-kicker,
.clarus-online-content-kicker {
	display: block;
	margin-bottom: 5px;
	color: #27343c;
	font-size: 13px;
	font-weight: 700;
}
.clarus-online-support-panel h1 {
	margin: 0 0 26px;
	color: var(--online-ink);
	font-family: "Lato", sans-serif;
	font-size: 34px;
	line-height: 1.1;
	font-weight: 900;
}
.clarus-online-quick-links {
	display: grid;
	gap: 10px;
}
.clarus-online-quick-link {
	display: flex;
	min-height: 50px;
	padding: 0 18px;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	color: #17242d;
	background: #fff;
	border: 1px solid transparent;
	border-radius: 16px;
	font-size: 15px;
	font-weight: 500;
	transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
	cursor: pointer;
}
.clarus-online-quick-link::after {
	content: "\f061";
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
	flex: 0 0 auto;
	font-size: 10px;
	line-height: 1;
}
.clarus-online-quick-link:hover,
.clarus-online-quick-link:focus {
	color: #fff;
	background: #000;
}
.clarus-online-loader,
.clarus-online-content-loading,
.clarus-online-empty {
	display: block;
	padding: 18px;
	color: var(--online-muted);
	font-size: 13px;
}
.clarus-online-topic-selector {
	margin-top: 16px;
	padding: 34px 28px 30px;
	background: var(--online-soft);
	border-radius: 15px;
	text-align: center;
}
.clarus-online-topic-selector h2 {
	margin: 0;
	color: var(--online-ink);
	font-size: 24px;
	font-weight: 700;
}
.clarus-online-topic-selector > p {
	margin: 9px 0 24px;
	color: #3f4b53;
	font-size: 13px;
}
.clarus-online-topic-tabs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
}
.clarus-online-topic-tab {
	display: inline-flex;
	min-height: 32px;
	padding: 0 18px;
	align-items: center;
	justify-content: center;
	color: #5d676e;
	background: #fff;
	border: 1px solid #aeb7bc;
	border-radius: 18px;
	font-size: 12px;
	cursor: pointer;
}
.clarus-online-topic-tab.is-active,
.clarus-online-topic-tab:hover,
.clarus-online-topic-tab:focus {
	color: #fff;
	background: #080808;
	border-color: #080808;
}
.clarus-online-content {
	margin-top: 30px;
}
.clarus-online-content-header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 28px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--online-line);
}
.clarus-online-content-header h2 {
	margin: 0;
	color: var(--online-ink);
	font-size: 26px;
	font-weight: 900;
}
.clarus-online-content-header p {
	max-width: 560px;
	margin: 0;
	color: var(--online-muted);
	font-size: 13px;
	line-height: 1.6;
	text-align: right;
}
.clarus-online-content-groups {
	display: grid;
	gap: 30px;
}
.clarus-online-group {
	overflow: hidden;
	padding: 34px 38px;
	border: 1px solid var(--online-line);
	border-radius: 13px;
}
.clarus-online-group h3 {
	margin: 0;
	padding: 10px 0px;
	color: #17242d;
	border-bottom: 1px solid var(--online-line);
	font-size: 20px;
	font-weight: 500;
}
.clarus-online-article-list a {
	display: flex;
	min-height: 48px;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	color: #23323b;
	font-size: 14px;
	border-bottom: 1px solid var(--online-line);
	padding: 13px;
}
.clarus-online-article-list a:last-child {
	border-bottom: 0;
}
.clarus-online-article-list a::after {
	content: "\f061";
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
	flex: 0 0 auto;
	font-size: 10px;
}
.clarus-online-article-list a:hover,
.clarus-online-article-list a:focus {
	background: #f4f4f4;
	color: #000;
	font-weight: 600;
}
@media (max-width: 991px) {
.clarus-online-support-main,
  .clarus-online-support-breadcrumbs {
		width: min(100% - 36px, 860px);
	}
.clarus-online-support-hero {
		grid-template-columns: 1fr;
		min-height: 0;
	}
.clarus-online-support-photo {
		min-height: 330px;
	}
.clarus-online-support-panel {
		padding: 36px 40px 42px;
	}
.clarus-online-content-header {
		align-items: flex-start;
		flex-direction: column;
		gap: 12px;
	}
.clarus-online-content-header p {
		max-width: none;
		text-align: left;
	}
}
@media (max-width: 767px) {
.clarus-online-support-page {
		padding-top: 18px;
		padding-bottom: 62px;
	}
.clarus-online-support-main,
  .clarus-online-support-breadcrumbs {
		width: min(100% - 28px, 620px);
	}
.clarus-online-support-breadcrumbs {
		margin-bottom: 18px;
	}
.clarus-online-support-panel {
		padding: 28px 18px 30px;
	}
.clarus-online-support-panel h1 {
		margin-bottom: 20px;
		font-size: 27px;
	}
.clarus-online-quick-link {
		min-height: 47px;
		padding: 0 14px;
		border-radius: 12px;
	}
.clarus-online-topic-selector {
		padding: 28px 16px 25px;
	}
.clarus-online-topic-tabs {
		flex-wrap: nowrap;
		justify-content: flex-start;
		overflow-x: auto;
		padding-bottom: 4px;
	}
.clarus-online-topic-tab {
		flex: 0 0 auto;
	}
.clarus-online-content {
		margin-top: 20px;
		padding: 26px 16px 30px;
	}
.clarus-online-content-header h2 {
		font-size: 23px;
	}
.clarus-online-group h3 {
		padding: 15px 15px;
		font-size: 16px;
	}
.clarus-online-article-list a {
		min-height: 52px;
		padding: 0 15px;
		font-size: 12px;
	}
}
/* ============================================================
   ARTICLE SIDEBAR CATEGORY SEPARATION
   Product Support stays above; General Support renders below.
   ============================================================ */
.clarus-support-article-page .clarus-general-sidebar-tree {
	display: block;
	width: 100%;
}
.clarus-support-article-page .clarus-general-sidebar-tree
> .clarus-tree-item
> .clarus-tree-row
a {
	font-weight: 400;
}
.clarus-support-article-page .clarus-general-sidebar-tree
.clarus-tree-row > a.is-active,
.clarus-support-article-page .clarus-general-sidebar-tree
.clarus-tree-articles > a.is-current {
	font-weight: 700;
}
/* ============================================================
   CLARUS GENERAL SUPPORT SECTION TEMPLATE
   ============================================================ */
.clarus-general-section-page {
	--clarus-general-blue: #00658c;
	--clarus-general-navy: #172b3a;
	--clarus-general-muted: #6d7f8b;
	--clarus-general-border: #dce5ea;
	--clarus-general-soft: #f4f7f8;
	--clarus-general-hero: #dceef8;
	padding: 0 0 70px;
	color: var(--clarus-general-navy);
}
.clarus-general-section-page,
.clarus-general-section-page * {
	box-sizing: border-box;
}
.clarus-general-section-breadcrumbs {
	padding: 24px 0 18px;
}
.clarus-general-section-breadcrumbs .breadcrumbs {
	margin: 0;
}
.clarus-general-section-shell {
	width: min(1260px, calc(100% - 48px));
}
.clarus-general-section-hero {
	position: relative;
	overflow: hidden;
	min-height: 245px;
	padding: 48px 32px;
	background: radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.7), transparent 28%),
    linear-gradient(135deg, #e7f4fb 0%, var(--clarus-general-hero) 100%);
	border-radius: 10px;
}
.clarus-general-section-hero::after {
	content: "";
	position: absolute;
	right: -85px;
	bottom: -110px;
	width: 330px;
	height: 330px;
	border: 1px solid rgba(0, 101, 140, 0.13);
	border-radius: 50%;
	box-shadow: 0 0 0 34px rgba(255, 255, 255, 0.12),
    0 0 0 68px rgba(255, 255, 255, 0.08);
}
.clarus-general-section-hero-inner {
	position: relative;
	z-index: 1;
	max-width: 760px;
	margin: 0 auto;
	text-align: center;
}
.clarus-general-section-brand {
	display: inline-flex;
	margin-bottom: 17px;
}
.clarus-general-section-brand a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.clarus-general-section-brand img {
	display: block;
	width: auto;
	max-width: 108px;
	max-height: 32px;
}
.clarus-general-section-brand > span {
	font-size: 18px;
	font-weight: 900;
}
.clarus-general-section-eyebrow,
.clarus-general-section-kicker {
	display: block;
	margin: 0 0 8px;
	color: var(--clarus-general-blue);
	font-size: 12px;
	line-height: 1.2;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
.clarus-general-section-hero h1 {
	margin: 0;
	color: var(--clarus-general-navy);
	font-size: clamp(32px, 4vw, 48px);
	line-height: 1.08;
	font-weight: 900;
	letter-spacing: -0.035em;
}
.clarus-general-section-description {
	max-width: 690px;
	margin: 15px auto 0;
	color: #3e5665;
	font-size: 16px;
	line-height: 1.65;
}
.clarus-general-section-description p {
	margin: 0;
}
.clarus-general-section-block {
	margin-top: 52px;
}
.clarus-general-section-heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 28px;
	margin-bottom: 22px;
}
.clarus-general-section-heading h2 {
	margin: 0;
	color: var(--clarus-general-navy);
	font-size: 30px;
	line-height: 1.15;
	font-weight: 600;
	letter-spacing: -0.025em;
}
.clarus-general-section-heading > p {
	max-width: 470px;
	margin: 0;
	color: var(--clarus-general-muted);
	font-size: 14px;
	line-height: 1.55;
	text-align: right;
}
.clarus-general-topic-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}
.clarus-general-topic-card,
.clarus-general-article-row {
	color: var(--clarus-general-navy);
	text-decoration: none !important;
}
.clarus-general-topic-card {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr) auto;
	align-items: center;
	gap: 16px;
	min-height: 132px;
	padding: 22px;
	background: #fff;
	border: 1px solid var(--clarus-general-border);
	border-radius: 11px;
	box-shadow: 0 5px 18px rgba(23, 43, 58, 0.045);
	transition: transform 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease;
}
.clarus-general-topic-card:hover,
.clarus-general-topic-card:focus {
	color: var(--clarus-general-navy);
	border-color: #9fc6d8;
	box-shadow: 0 12px 30px rgba(23, 43, 58, 0.09);
	transform: translateY(-2px);
}
.clarus-general-topic-icon,
.clarus-general-article-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--clarus-general-blue);
	background: #e8f5fa;
	border-radius: 10px;
}
.clarus-general-topic-icon {
	width: 52px;
	height: 52px;
}
.clarus-general-topic-copy,
.clarus-general-article-copy {
	display: flex;
	min-width: 0;
	flex-direction: column;
}
.clarus-general-topic-copy {
	gap: 6px;
}
.clarus-general-topic-copy strong {
	color: var(--clarus-general-navy);
	font-size: 18px;
	line-height: 1.3;
	font-weight: 600;
}
.clarus-general-topic-copy > span {
	display: -webkit-box;
	overflow: hidden;
	color: var(--clarus-general-muted);
	font-size: 14px;
	line-height: 1.5;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.clarus-general-card-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	color: var(--clarus-general-blue);
	background: #f1f8fb;
	border-radius: 50%;
	font-size: 18px;
	transition: color 0.2s ease,
    background-color 0.2s ease,
    transform 0.2s ease;
}
.clarus-general-topic-card:hover .clarus-general-card-arrow,
.clarus-general-article-row:hover .clarus-general-card-arrow {
	color: #fff;
	background: var(--clarus-general-blue);
	transform: translateX(3px);
}
.clarus-general-article-list {
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--clarus-general-border);
	border-radius: 11px;
}
.clarus-general-article-row {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr) auto auto;
	align-items: center;
	gap: 16px;
	min-height: 86px;
	padding: 16px 20px;
	border-bottom: 1px solid var(--clarus-general-border);
	transition: background-color 0.2s ease;
}
.clarus-general-article-row:last-child {
	border-bottom: 0;
}
.clarus-general-article-row:hover,
.clarus-general-article-row:focus {
	color: var(--clarus-general-navy);
	background: #f7fafb;
}
.clarus-general-article-icon {
	width: 44px;
	height: 44px;
}
.clarus-general-article-copy {
	gap: 4px;
}
.clarus-general-article-copy strong {
	overflow: hidden;
	color: var(--clarus-general-navy);
	font-size: 16px;
	line-height: 1.35;
	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.clarus-general-article-copy span {
	color: var(--clarus-general-muted);
	font-size: 12px;
}
.clarus-general-promoted-label {
	padding: 5px 9px;
	color: var(--clarus-general-blue);
	background: #e7f5fa;
	border-radius: 14px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
.clarus-general-empty-state {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 24px;
	background: var(--clarus-general-soft);
	border: 1px dashed #bdcbd2;
	border-radius: 10px;
}
.clarus-general-empty-icon {
	display: inline-flex;
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	color: var(--clarus-general-blue);
	background: #fff;
	border: 1px solid #b8d4e0;
	border-radius: 50%;
	font-weight: 800;
}
.clarus-general-empty-state h3 {
	margin: 0 0 4px;
	font-size: 17px;
}
.clarus-general-empty-state p {
	margin: 0;
	color: var(--clarus-general-muted);
	font-size: 14px;
}
.clarus-general-contact-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	margin-top: 54px;
	padding: 34px 38px;
	color: #fff;
	background: linear-gradient(125deg, #073f59 0%, #006f96 100%);
	border-radius: 12px;
}
.clarus-general-contact-card .clarus-general-section-kicker {
	color: #9ddbf0;
}
.clarus-general-contact-card h2 {
	margin: 0;
	color: #fff;
	font-size: 28px;
	line-height: 1.2;
	font-weight: 900;
}
.clarus-general-contact-card p {
	margin: 8px 0 0;
	color: rgba(255, 255, 255, 0.82);
	font-size: 14px;
}
.clarus-general-contact-button {
	display: inline-flex;
	flex: 0 0 auto;
	min-height: 46px;
	padding: 0 21px;
	align-items: center;
	justify-content: center;
	gap: 12px;
	color: #073f59 !important;
	background: #fff;
	border-radius: 24px;
	font-size: 14px;
	font-weight: 800;
	text-decoration: none !important;
}
.clarus-general-contact-button:hover,
.clarus-general-contact-button:focus {
	color: #073f59 !important;
	background: #edf8fc;
}
.clarus-general-section-page .pagination {
	margin-top: 26px;
}
@media (max-width: 991px) {
.clarus-general-section-breadcrumbs,
  .clarus-general-section-shell {
		width: min(100% - 32px, 760px);
	}
.clarus-general-section-hero {
		min-height: 220px;
		padding: 40px 28px;
	}
.clarus-general-section-heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
	}
.clarus-general-section-heading > p {
		max-width: none;
		text-align: left;
	}
}
@media (max-width: 767px) {
.clarus-general-section-page {
		padding-bottom: 46px;
	}
.clarus-general-section-breadcrumbs,
  .clarus-general-section-shell {
		width: calc(100% - 28px);
	}
.clarus-general-section-breadcrumbs {
		padding: 16px 0 13px;
	}
.clarus-general-section-hero {
		min-height: 0;
		padding: 34px 20px;
		border-radius: 8px;
	}
.clarus-general-section-hero h1 {
		font-size: 31px;
	}
.clarus-general-section-description {
		margin-top: 12px;
		font-size: 14px;
	}
.clarus-general-section-block {
		margin-top: 38px;
	}
.clarus-general-section-heading h2 {
		font-size: 25px;
	}
.clarus-general-topic-grid {
		grid-template-columns: 1fr;
	}
.clarus-general-topic-card {
		grid-template-columns: 46px minmax(0, 1fr) auto;
		min-height: 112px;
		gap: 13px;
		padding: 17px;
	}
.clarus-general-topic-icon {
		width: 46px;
		height: 46px;
	}
.clarus-general-topic-copy strong {
		font-size: 16px;
	}
.clarus-general-topic-copy > span {
		font-size: 13px;
	}
.clarus-general-article-row {
		grid-template-columns: 40px minmax(0, 1fr) auto;
		min-height: 78px;
		gap: 12px;
		padding: 14px;
	}
.clarus-general-article-icon {
		width: 40px;
		height: 40px;
	}
.clarus-general-article-copy strong {
		font-size: 14px;
		white-space: normal;
	}
.clarus-general-promoted-label {
		display: none;
	}
.clarus-general-contact-card {
		align-items: flex-start;
		flex-direction: column;
		margin-top: 40px;
		padding: 28px 22px;
	}
.clarus-general-contact-card h2 {
		font-size: 25px;
	}
.clarus-general-contact-button {
		width: 100%;
	}
}
/* ============================================================
   CLARUS FINAL RESPONSIVE STABILIZATION
   Consolidated responsive safeguards for all custom templates.
   ============================================================ */
html,
body {
	max-width: 100%;
/*   overflow-x: clip; */;
}
img,
svg,
video,
iframe,
table {
	max-width: 100%;
}
.clarus-shell {
	width: min(1440px, calc(100% - 48px));
}
.clarus-online-support-page button,
.clarus-online-support-page a,
.clarus-support-article-page button,
.clarus-manuals-page button {
	-webkit-tap-highlight-color: transparent;
}
/* Online Shopping Hub: one selected topic at a time */
.clarus-online-content-groups {
	min-width: 0;
}
.clarus-online-content-loading {
	display: flex;
	min-height: 160px;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.clarus-online-quick-link,
.clarus-online-topic-tab {
	font-family: inherit;
	cursor: pointer;
}
.clarus-online-quick-link {
	width: 100%;
	text-align: left;
}
.clarus-online-article-list a {
	min-width: 0;
	overflow-wrap: anywhere;
}
/* Prevent custom grids from forcing horizontal overflow */
.clarus-product-card-grid,
.clarus-model-grid,
.clarus-product-category-grid,
.clarus-product-modal-grid,
.clarus-video-grid,
.clarus-discover-grid,
.clarus-contact-grid,
.clarus-footer-top,
.clarus-footer-links,
.clarus-general-section-grid,
.clarus-general-support-grid {
	min-width: 0;
}
.clarus-product-card,
.clarus-model-card,
.clarus-manual-card,
.clarus-online-group,
.clarus-general-section-card {
	min-width: 0;
}
/* Article/manual content safety */
.clarus-article-body,
.article-body,
.clarus-support-article,
.clarus-manuals-main {
	min-width: 0;
	overflow-wrap: anywhere;
}
.clarus-article-body pre,
.article-body pre {
	max-width: 100%;
	overflow-x: auto;
}
.clarus-article-body table,
.article-body table {
	display: block;
	width: 100%;
	overflow-x: auto;
}
.clarus-article-body img,
.article-body img {
	height: auto;
	max-width: 100%;
}
/* ============================================================
   LAPTOP / SMALL DESKTOP
   ============================================================ */
@media (max-width: 1199px) {
.clarus-shell {
		width: min(100% - 40px, 1120px);
	}
.clarus-header-main {
		grid-template-columns: 180px minmax(220px, 1fr) auto;
		gap: 16px;
	}
.clarus-primary-nav,
  .clarus-secondary-nav {
		gap: 12px;
	}
.clarus-product-card-grid,
  .clarus-product-category-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
.clarus-discover-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
.clarus-online-support-main,
  .clarus-online-support-breadcrumbs {
		width: min(100% - 40px, 1120px);
	}
}
/* ============================================================
   TABLET / IPAD
   ============================================================ */
@media (max-width: 991px) {
.clarus-shell,
  .clarus-online-support-main,
  .clarus-online-support-breadcrumbs {
		width: calc(100% - 32px);
	}
.clarus-header {
		padding-top: 0;
	}
.clarus-header-main {
		grid-template-columns: minmax(0, 1fr) auto;
		width: calc(100% - 32px);
	}
.clarus-header-links {
		top: 103px;
		max-width: 360px;
	}
.clarus-online-support-hero {
		grid-template-columns: 1fr;
	}
.clarus-online-support-photo {
		min-height: 360px;
	}
.clarus-online-support-panel {
		min-height: 0;
	}
.clarus-online-topic-tabs {
		justify-content: flex-start;
		overflow-x: auto;
		padding-bottom: 5px;
		scrollbar-width: none;
	}
.clarus-online-topic-tabs::-webkit-scrollbar {
		display: none;
	}
.clarus-online-topic-tab {
		flex: 0 0 auto;
		white-space: nowrap;
	}
.clarus-online-group {
		padding: 28px 30px;
	}
.clarus-product-card-grid,
  .clarus-model-grid,
  .clarus-product-category-grid,
  .clarus-product-modal-grid,
  .clarus-video-grid,
  .clarus-contact-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
.clarus-discover-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
.clarus-category-hero-inner,
  .clarus-subcategory-hero-inner {
		min-height: 160px;
		padding: 32px 24px;
	}
/* Shared responsive sidebar */
.clarus-support-article-page .clarus-responsive-sidebar-bar,
  .clarus-manuals-page .clarus-responsive-sidebar-bar {
		display: flex;
	}
.clarus-support-article-page .clarus-article-layout,
  .clarus-manuals-page .clarus-manuals-shell {
		display: block;
	}
.clarus-support-article-page .clarus-article-left-nav,
  .clarus-manuals-page .clarus-manuals-sidebar-panel {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		z-index: 12000;
		display: block;
		width: min(380px, 88vw);
		max-width: none;
		height: 100dvh;
		padding: 28px 24px;
		overflow-y: auto;
		background: #ffffff;
		box-shadow: 12px 0 35px rgba(0, 0, 0, 0.18);
		visibility: hidden;
		transform: translateX(-105%);
		transition: transform 0.28s ease, visibility 0.28s ease;
	}
.clarus-support-article-page .clarus-article-left-nav.is-responsive-open,
  .clarus-manuals-page .clarus-manuals-sidebar-panel.is-responsive-open {
		visibility: visible;
		transform: translateX(0);
	}
.clarus-support-article-page .clarus-article-toc {
		position: static;
		width: 100%;
		max-width: none;
		margin: 0 0 24px;
	}
.clarus-support-article-page .clarus-support-article,
  .clarus-manuals-page .clarus-manuals-main {
		width: 100%;
		max-width: none;
	}
.clarus-manuals-header {
		align-items: flex-start;
		gap: 18px;
	}
.clarus-footer-top {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
.clarus-footer-links {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}
/* ============================================================
   MOBILE
   ============================================================ */
@media (max-width: 767px) {
.clarus-shell,
  .clarus-online-support-main,
  .clarus-online-support-breadcrumbs {
		width: calc(100% - 24px);
	}
.clarus-promo {
		min-height: 32px;
	}
.clarus-header-main {
		width: calc(100% - 24px);
		min-height: 62px;
	}
.clarus-header-links {
		top: 94px;
		width: min(320px, 92vw);
		height: calc(100dvh - 94px);
	}
.clarus-menu-overlay {
		inset: 94px 0 0;
	}
.clarus-online-support-breadcrumbs {
		padding-top: 14px;
		padding-bottom: 14px;
	}
.clarus-online-support-hero,
  .clarus-online-topic-selector,
  .clarus-online-content {
		border-radius: 10px;
	}
.clarus-online-support-photo {
		min-height: 230px;
	}
.clarus-online-support-panel {
		padding: 28px 20px;
	}
.clarus-online-support-panel h1 {
		font-size: clamp(26px, 8vw, 34px);
	}
.clarus-online-quick-link {
		min-height: 48px;
		padding: 13px 16px;
	}
.clarus-online-topic-selector {
		padding: 28px 16px;
	}
.clarus-online-topic-selector h2 {
		font-size: 24px;
	}
.clarus-online-topic-tabs {
		gap: 8px;
	}
.clarus-online-topic-tab {
		min-height: 36px;
		padding: 8px 14px;
		font-size: 12px;
	}
.clarus-online-content {
		padding: 0;
	}
.clarus-online-group {
		padding: 22px 18px;
		border-radius: 10px;
	}
.clarus-online-group h3 {
		font-size: 20px;
	}
.clarus-online-article-list a {
		gap: 14px;
		min-height: 48px;
		padding: 13px 0;
		font-size: 14px;
	}
.clarus-product-card-grid,
  .clarus-model-grid,
  .clarus-product-category-grid,
  .clarus-product-modal-grid,
  .clarus-video-grid,
  .clarus-discover-grid,
  .clarus-contact-grid,
  .clarus-general-section-grid,
  .clarus-general-support-grid {
		grid-template-columns: 1fr;
	}
.clarus-product-card,
  .clarus-model-card {
		min-height: 0;
	}
.clarus-model-card-image,
  .clarus-product-card-image {
		height: auto;
		min-height: 190px;
	}
.clarus-product-card-image img,
  .clarus-model-card-image img {
		max-height: 220px;
	}
.clarus-category-hero h1,
  .clarus-subcategory-hero h1 {
		font-size: 25px;
	}
.clarus-category-tabs,
  .clarus-manual-tabs {
		justify-content: flex-start;
		overflow-x: auto;
		scrollbar-width: none;
	}
.clarus-category-tabs::-webkit-scrollbar,
  .clarus-manual-tabs::-webkit-scrollbar {
		display: none;
	}
.clarus-manuals-header {
		display: block;
	}
.clarus-sort-control {
		width: 100%;
		margin-top: 16px;
	}
.clarus-sort-control select {
		width: 100%;
	}
.clarus-manual-card {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr);
		gap: 14px;
	}
.clarus-manual-actions {
		grid-column: 1 / -1;
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}
.clarus-support-article-page .clarus-support-article h1 {
		font-size: clamp(28px, 8vw, 38px);
		overflow-wrap: anywhere;
	}
.clarus-article-body,
  .article-body {
		font-size: 16px;
		line-height: 1.65;
	}
.clarus-article-body ul,
  .clarus-article-body ol,
  .article-body ul,
  .article-body ol {
		margin-left: 0;
		padding-left: 22px;
	}
.clarus-product-modal,
  .clarus-model-modal,
  .clarus-video-modal {
		padding: 12px;
	}
.clarus-product-modal-dialog,
  .clarus-model-modal-dialog,
  .clarus-video-modal-dialog {
		width: 100%;
		max-height: calc(100dvh - 24px);
		padding: 36px 18px 22px;
		overflow-y: auto;
	}
.clarus-footer-top,
  .clarus-footer-links,
  .clarus-footer-bottom {
		grid-template-columns: 1fr;
	}
}
/* ============================================================
   SMALL MOBILE
   ============================================================ */
@media (max-width: 420px) {
.clarus-shell,
  .clarus-online-support-main,
  .clarus-online-support-breadcrumbs {
		width: calc(100% - 20px);
	}
.clarus-brand img {
		max-width: 118px;
	}
.clarus-online-support-photo {
		min-height: 190px;
	}
.clarus-online-support-panel {
		padding: 24px 16px;
	}
.clarus-online-topic-selector {
		padding: 24px 12px;
	}
.clarus-online-group {
		padding: 20px 14px;
	}
.clarus-online-topic-tab {
		padding: 8px 12px;
	}
.clarus-support-article-page .clarus-article-left-nav,
  .clarus-manuals-page .clarus-manuals-sidebar-panel {
		width: 92vw;
		padding: 24px 18px;
	}
.clarus-manual-actions a,
  .clarus-manual-actions button {
		flex: 1 1 100%;
		justify-content: center;
	}
}
/* ============================================================
   CLARUS RESPONSIVE CORRECTIONS — MOBILE / TABLET
   Fixes sidebar expansion, clipped tabs and mobile overflow.
   ============================================================ */
/* Shared flex/grid safety */
.clarus-product-support-page,
.clarus-product-detail-page,
.clarus-online-support-page,
.clarus-support-article-page,
.clarus-manuals-page,
.clarus-content-heading,
.clarus-help-topics,
.clarus-help-topic-pills,
.clarus-online-topic-selector,
.clarus-online-topic-tabs {
	min-width: 0;
}
.clarus-content-heading {
	width: 100%;
}
.clarus-content-heading h2 {
	min-width: 0;
	overflow-wrap: anywhere;
}
.clarus-content-heading a {
	flex: 0 0 auto;
	white-space: nowrap;
}
/* ============================================================
   ARTICLE + MANUAL SIDEBAR
   On tablet/mobile it opens inline below the toggle.
   It is no longer a fixed full-height drawer.
   ============================================================ */
@media (max-width: 991px) {
.clarus-support-article-page .clarus-article-layout,
  .clarus-manuals-page .clarus-manuals-shell {
		display: flex !important;
		flex-direction: column !important;
		width: min(100% - 32px, 920px) !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
.clarus-support-article-page .clarus-article-left-nav,
  .clarus-manuals-page .clarus-manuals-sidebar-panel {
		position: static !important;
		inset: auto !important;
		z-index: auto !important;
		display: none !important;
		order: -1 !important;
		width: 100% !important;
		max-width: none !important;
		height: auto !important;
		max-height: none !important;
		margin: 0 0 24px !important;
		padding: 22px 16px !important;
		overflow: visible !important;
		background: #ffffff !important;
		border: 1px solid #dfe5e8 !important;
		border-radius: 0 0 8px 8px !important;
		box-shadow: none !important;
		visibility: visible !important;
		transform: none !important;
		transition: none !important;
	}
.clarus-support-article-page .clarus-article-left-nav.is-responsive-open,
  .clarus-manuals-page .clarus-manuals-sidebar-panel.is-responsive-open {
		display: block !important;
	}
.clarus-support-article-page .clarus-sidebar-tree,
  .clarus-manuals-page .clarus-sidebar-tree {
		display: block !important;
		width: 100% !important;
		max-height: min(58vh, 520px) !important;
		overflow-y: auto !important;
		overflow-x: clip !important;
		padding-right: 6px !important;
	}
.clarus-support-article-page .clarus-responsive-sidebar-bar,
  .clarus-manuals-page .clarus-responsive-sidebar-bar {
		position: relative !important;
		z-index: 1 !important;
		display: block !important;
		width: min(100% - 32px, 920px) !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
.clarus-responsive-sidebar-toggle {
		width: 100% !important;
		min-height: 46px !important;
	}
.clarus-support-article-page .clarus-support-article,
  .clarus-support-article-page .clarus-article-toc,
  .clarus-manuals-page .clarus-manuals-main {
		width: 100% !important;
		max-width: none !important;
	}
}
/* ============================================================
   PRODUCT SUPPORT + ONLINE HUB TABS
   All tabs wrap cleanly instead of being clipped.
   ============================================================ */
@media (max-width: 767px) {
.clarus-help-topics,
  .clarus-detail-help {
		width: 100% !important;
		padding-left: 16px !important;
		padding-right: 16px !important;
		overflow: visible !important;
	}
.clarus-help-topic-pills,
  .clarus-detail-help .clarus-help-topic-pills {
		display: flex !important;
		width: 100% !important;
		max-width: 100% !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		gap: 8px !important;
		overflow: visible !important;
		padding: 0 !important;
		scroll-snap-type: none !important;
	}
.clarus-help-topic-pills a,
  .clarus-detail-help .clarus-help-topic-pills a {
		flex: 0 1 auto !important;
		max-width: 100% !important;
		min-height: 34px !important;
		padding: 8px 13px !important;
		white-space: normal !important;
		text-align: center !important;
		line-height: 1.25 !important;
	}
.clarus-online-topic-selector {
		width: 100% !important;
		overflow: visible !important;
	}
.clarus-online-topic-tabs {
		display: flex !important;
		width: 100% !important;
		max-width: 100% !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		gap: 8px !important;
		overflow: visible !important;
		padding: 0 !important;
	}
.clarus-online-topic-tab {
		flex: 0 1 auto !important;
		max-width: 100% !important;
		min-height: 34px !important;
		padding: 8px 13px !important;
		white-space: normal !important;
		text-align: center !important;
		line-height: 1.2 !important;
	}
}
/* ============================================================
   PRODUCT SUPPORT MOBILE WIDTH / VIDEO SECTION
   ============================================================ */
@media (max-width: 767px) {
.clarus-product-support-page,
  .clarus-product-detail-page {
		width: 100% !important;
		overflow-x: clip !important;
	}
.clarus-product-support-page .clarus-shell,
  .clarus-product-detail-page .clarus-shell,
  .clarus-product-support-layout,
  .clarus-product-support-layout--full {
		width: calc(100% - 24px) !important;
		max-width: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
.clarus-product-support-hero,
  .clarus-detail-hero {
		width: 100% !important;
		min-width: 0 !important;
	}
.clarus-support-videos,
  .clarus-detail-videos {
		width: 100% !important;
		min-width: 0 !important;
		overflow: hidden !important;
	}
.clarus-content-heading {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 12px !important;
		width: 100% !important;
		min-width: 0 !important;
	}
.clarus-content-heading h2 {
		flex: 1 1 auto !important;
		margin: 0 !important;
		font-size: 20px !important;
	}
.clarus-content-heading a {
		flex: 0 0 auto !important;
		margin-left: auto !important;
		font-size: 12px !important;
		white-space: nowrap !important;
	}
.clarus-support-video-grid {
		width: 100% !important;
		grid-template-columns: 1fr !important;
	}
.clarus-support-video-card {
		width: 100% !important;
		min-width: 0 !important;
	}
.clarus-product-support-sections,
  .clarus-detail-sections {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}
}
/* ============================================================
   ONLINE HUB MOBILE CARDS
   ============================================================ */
@media (max-width: 767px) {
.clarus-online-support-main,
  .clarus-online-support-breadcrumbs {
		width: calc(100% - 24px) !important;
		max-width: none !important;
	}
.clarus-online-content,
  .clarus-online-content-groups,
  .clarus-online-group {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}
.clarus-online-content {
		padding: 0 !important;
		overflow: visible !important;
	}
.clarus-online-group {
		padding: 22px 18px !important;
		overflow: hidden !important;
	}
.clarus-online-group h3 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
.clarus-online-article-list a {
		width: 100% !important;
		min-width: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}
/* ============================================================
   SMALL MOBILE
   ============================================================ */
@media (max-width: 430px) {
.clarus-help-topic-pills a,
  .clarus-detail-help .clarus-help-topic-pills a,
  .clarus-online-topic-tab {
		font-size: 13px !important;
		padding: 8px 11px !important;
	}
.clarus-support-article-page .clarus-responsive-sidebar-bar,
  .clarus-manuals-page .clarus-responsive-sidebar-bar,
  .clarus-support-article-page .clarus-article-layout,
  .clarus-manuals-page .clarus-manuals-shell {
		width: calc(100% - 20px) !important;
	}
.clarus-support-article-page .clarus-article-left-nav,
  .clarus-manuals-page .clarus-manuals-sidebar-panel {
		padding: 18px 10px !important;
	}
.clarus-support-article-page .clarus-sidebar-tree,
  .clarus-manuals-page .clarus-sidebar-tree {
		max-height: 55vh !important;
	}
}
/* ============================================================
   SHARED USER MANUAL & DOWNLOAD SELECTOR
   ============================================================ */
.clarus-sidebar-manual-link {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	border: 0;
	background: transparent;
	font-size: 14px;
	text-align: left;
	cursor: pointer;
	color: #293e4b;
	padding: 3px 8px;
}
.clarus-sidebar-manual-link:hover,
.clarus-sidebar-manual-link:focus-visible {
	color: var(--article-blue);
	font-weight: 700;
}
.clarus-sidebar-manual-link span {
	flex: 0 0 auto;
	color: #527181;
	font-size: 22px;
	line-height: 1;
}
.clarus-manual-selector-modal {
	position: fixed;
	inset: 0;
	z-index: 30000;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 28px;
	font-family: inherit;
}
.clarus-manual-selector-modal.is-open {
	display: flex;
	animation: clarus-manual-modal-fade 0.22s ease both;
}
.clarus-manual-selector-overlay {
	position: absolute;
	inset: 0;
	border: 0;
	background: radial-gradient(circle at 50% 10%, rgba(0, 125, 163, 0.18), transparent 38%),
    rgba(5, 20, 30, 0.76);
	backdrop-filter: blur(9px);
	-webkit-backdrop-filter: blur(9px);
	cursor: pointer;
}
.clarus-manual-selector-dialog {
	position: relative;
	z-index: 1;
	width: min(1060px, 100%);
	max-height: calc(100dvh - 56px);
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.7);
	border-radius: 26px;
	background: #f7fafb;
	box-shadow: 0 40px 100px rgba(0, 20, 31, 0.34),
    0 12px 34px rgba(0, 20, 31, 0.16);
	animation: clarus-manual-modal-rise 0.32s cubic-bezier(.2,.8,.2,1) both;
}
.clarus-manual-selector-close {
	position: absolute;
	top: 18px;
	right: 18px;
	z-index: 4;
	display: grid;
	width: 44px;
	height: 44px;
	place-items: center;
	border: 1px solid rgba(255, 255, 255, 0.72);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.14);
	color: #ffffff;
	font: inherit;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
	backdrop-filter: blur(10px);
	transition: transform 0.2s ease, background 0.2s ease;
}
.clarus-manual-selector-close:hover,
.clarus-manual-selector-close:focus-visible {
	transform: rotate(6deg) scale(1.04);
	background: rgba(255, 255, 255, 0.24);
	outline: 2px solid rgba(255, 255, 255, 0.65);
	outline-offset: 2px;
}
.clarus-manual-selector-header {
	position: relative;
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr);
	gap: 22px;
	align-items: center;
	min-height: 150px;
	padding: 38px 86px 36px 44px;
	overflow: hidden;
	background: radial-gradient(circle at 88% 18%, rgba(96, 215, 232, 0.34), transparent 25%),
    linear-gradient(135deg, #062c40 0%, #005d7d 54%, #0089aa 100%);
}
.clarus-manual-selector-header::after {
	content: "";
	position: absolute;
	right: -60px;
	bottom: -105px;
	width: 330px;
	height: 230px;
	border: 42px solid rgba(255, 255, 255, 0.08);
	border-radius: 50%;
	transform: rotate(-16deg);
}
.clarus-manual-selector-brandmark {
	position: relative;
	z-index: 1;
	display: grid;
	width: 72px;
	height: 72px;
	place-items: center;
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.13);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(10px);
}
.clarus-manual-selector-brandmark svg {
	width: 42px;
	height: 42px;
	fill: none;
	stroke: #ffffff;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.clarus-manual-selector-header-copy {
	position: relative;
	z-index: 1;
	max-width: 760px;
}
.clarus-manual-selector-kicker {
	display: inline-flex;
	margin-bottom: 10px;
	color: #bceff8;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}
.clarus-manual-selector-header h2 {
	margin: 0 0 10px;
	color: #ffffff;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.08;
	letter-spacing: -0.035em;
}
.clarus-manual-selector-header p {
	max-width: 720px;
	margin: 0;
	color: rgba(255, 255, 255, 0.78);
	font-size: 14px;
	line-height: 1.65;
}
.clarus-manual-progress {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 70px minmax(0, 1fr) 70px minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	padding: 22px 34px;
	border-bottom: 1px solid #dde7eb;
	background: #ffffff;
}
.clarus-manual-progress-item {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 11px;
	color: #77909c;
}
.clarus-manual-progress-number {
	display: grid;
	flex: 0 0 34px;
	width: 34px;
	height: 34px;
	place-items: center;
	border: 1px solid #cad9df;
	border-radius: 50%;
	background: #f6f9fa;
	color: #66808c;
	font-size: 12px;
	font-weight: 800;
	transition: all 0.2s ease;
}
.clarus-manual-progress-copy {
	display: grid;
	min-width: 0;
	gap: 2px;
}
.clarus-manual-progress-copy strong {
	color: #38505e;
	font-size: 13px;
	line-height: 1.2;
}
.clarus-manual-progress-copy small {
	overflow: hidden;
	color: #8a9da6;
	font-size: 11px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.clarus-manual-progress-item.is-current .clarus-manual-progress-number {
	border-color: #007da3;
	background: #007da3;
	color: #ffffff;
	box-shadow: 0 6px 16px rgba(0, 125, 163, 0.26);
}
.clarus-manual-progress-item.is-current .clarus-manual-progress-copy strong,
.clarus-manual-progress-item.is-complete .clarus-manual-progress-copy strong {
	color: #0f3040;
}
.clarus-manual-progress-item.is-complete .clarus-manual-progress-number {
	border-color: #84c99e;
	background: #e8f7ed;
	color: transparent;
	position: relative;
}
.clarus-manual-progress-item.is-complete .clarus-manual-progress-number::after {
	content: "✓";
	color: #17834d;
	font-size: 15px;
	position: absolute;
}
.clarus-manual-progress-line {
	display: block;
	width: 100%;
	height: 2px;
	border-radius: 999px;
	background: #dce6ea;
	transition: background 0.2s ease;
}
.clarus-manual-progress-line.is-complete {
	background: #4fb77c;
}
.clarus-manual-selector-body {
	max-height: calc(100dvh - 430px);
	min-height: 280px;
	overflow-y: auto;
	padding: 26px 30px 30px;
	scrollbar-width: thin;
	scrollbar-color: #a9bbc4 transparent;
}
.clarus-manual-selector-steps {
	display: grid;
	gap: 16px;
}
.clarus-manual-selector-step {
	position: relative;
	padding: 22px;
	border: 1px solid #dce6ea;
	border-radius: 17px;
	background: rgba(255, 255, 255, 0.82);
	box-shadow: 0 7px 22px rgba(17, 48, 64, 0.04);
	opacity: 0.48;
	pointer-events: none;
	transition: border 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}
.clarus-manual-selector-step.is-active {
	opacity: 1;
	pointer-events: auto;
}
.clarus-manual-selector-step.is-current {
	border-color: rgba(0, 125, 163, 0.48);
	box-shadow: 0 12px 30px rgba(0, 91, 121, 0.09);
}
.clarus-manual-selector-step.is-complete {
	border-color: #cfe5d7;
}
.clarus-manual-step-heading {
	display: flex;
	align-items: flex-start;
	gap: 15px;
	margin-bottom: 17px;
}
.clarus-manual-step-number {
	display: grid;
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	place-items: center;
	border-radius: 13px;
	background: #e8f5f8;
	color: #007795;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.04em;
}
.clarus-manual-selector-step.is-current .clarus-manual-step-number {
	background: linear-gradient(135deg, #007da3, #00a0ba);
	color: #ffffff;
	box-shadow: 0 7px 18px rgba(0, 125, 163, 0.22);
}
.clarus-manual-selector-step.is-complete .clarus-manual-step-number {
	background: #e7f6ec;
	color: #1b8651;
}
.clarus-manual-step-heading h3 {
	margin: 0 0 4px;
	color: #102f3f;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.25;
}
.clarus-manual-step-heading p {
	margin: 0;
	color: #708590;
	font-size: 13px;
	line-height: 1.5;
}
.clarus-manual-selector-options {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 11px;
}
.clarus-manual-selector-option {
	position: relative;
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr) auto;
	gap: 11px;
	align-items: center;
	min-width: 0;
	min-height: 72px;
	padding: 12px 14px;
	overflow: hidden;
	border: 1px solid #d5e0e5;
	border-radius: 13px;
	background: #ffffff;
	color: #173746;
	font: inherit;
	text-align: left;
	cursor: pointer;
	box-shadow: 0 3px 12px rgba(15, 47, 63, 0.035);
	transition: transform 0.18s ease, border 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
.clarus-manual-selector-option:hover,
.clarus-manual-selector-option:focus-visible {
	z-index: 1;
	transform: translateY(-2px);
	border-color: #61b6cc;
	background: #fbfeff;
	box-shadow: 0 10px 24px rgba(0, 98, 130, 0.11);
	outline: none;
}
.clarus-manual-selector-option.is-selected {
	border-color: #007da3;
	background: linear-gradient(135deg, #edf9fc, #f9fdfe);
	box-shadow: 0 8px 22px rgba(0, 125, 163, 0.14);
}
.clarus-manual-option-icon {
	display: grid;
	width: 38px;
	height: 38px;
	place-items: center;
	border-radius: 11px;
	background: #edf4f6;
	color: #3e6577;
	font-size: 11px;
	font-weight: 800;
}
.clarus-manual-selector-option.is-selected .clarus-manual-option-icon {
	background: #007da3;
	color: #ffffff;
}
.clarus-manual-option-copy {
	display: grid;
	min-width: 0;
	gap: 3px;
}
.clarus-manual-option-copy strong {
	overflow-wrap: anywhere;
	color: inherit;
	font-size: 13px;
	line-height: 1.3;
}
.clarus-manual-option-copy small {
	color: #8597a0;
	font-size: 10px;
}
.clarus-manual-option-arrow,
.clarus-manual-option-check {
	grid-column: 3;
	grid-row: 1;
	color: #78909b;
	font-size: 17px;
	transition: transform 0.18s ease, opacity 0.18s ease;
}
.clarus-manual-option-check {
	display: grid;
	width: 25px;
	height: 25px;
	place-items: center;
	border-radius: 50%;
	background: #148852;
	color: #ffffff;
	font-size: 12px;
	opacity: 0;
	transform: scale(0.7);
}
.clarus-manual-selector-option.is-selected .clarus-manual-option-check {
	opacity: 1;
	transform: scale(1);
}
.clarus-manual-selector-option.is-selected .clarus-manual-option-arrow {
	opacity: 0;
	transform: translateX(7px);
}
.clarus-manual-selector-loading,
.clarus-manual-selector-empty {
	grid-column: 1 / -1;
	display: flex;
	min-height: 68px;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 16px;
	border: 1px dashed #cbdbe2;
	border-radius: 12px;
	background: #f8fbfc;
	color: #6f858f;
	font-size: 13px;
	text-align: center;
}
.clarus-manual-loading-spinner {
	width: 18px;
	height: 18px;
	border: 2px solid #c9e1e8;
	border-top-color: #007da3;
	border-radius: 50%;
	animation: clarus-manual-spin 0.75s linear infinite;
}
.clarus-manual-selector-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 20px 30px;
	border-top: 1px solid #dce6ea;
	background: #ffffff;
	box-shadow: 0 -8px 24px rgba(11, 39, 52, 0.04);
}
.clarus-manual-selection-summary {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 12px;
}
.clarus-manual-summary-icon {
	display: grid;
	flex: 0 0 38px;
	width: 38px;
	height: 38px;
	place-items: center;
	border-radius: 50%;
	background: #edf5f7;
	color: #007da3;
	font-weight: 800;
}
.clarus-manual-selection-summary div {
	display: grid;
	min-width: 0;
	gap: 3px;
}
.clarus-manual-selection-summary small {
	color: #80939d;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.clarus-manual-selection-summary strong {
	overflow: hidden;
	color: #163746;
	font-size: 13px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.clarus-manual-selector-continue {
	display: inline-flex;
	flex: 0 0 auto;
	min-height: 48px;
	align-items: center;
	justify-content: center;
	gap: 24px;
	padding: 12px 18px 12px 21px;
	border: 0;
	border-radius: 12px;
	background: linear-gradient(135deg, #006f94, #009bb4);
	color: #ffffff;
	font: inherit;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	box-shadow: 0 10px 22px rgba(0, 125, 163, 0.22);
	transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
}
.clarus-manual-selector-continue:hover:not(:disabled),
.clarus-manual-selector-continue:focus-visible:not(:disabled) {
	transform: translateY(-2px);
	box-shadow: 0 14px 28px rgba(0, 125, 163, 0.3);
	outline: 2px solid rgba(0, 125, 163, 0.28);
	outline-offset: 3px;
}
.clarus-manual-selector-continue:disabled {
	background: #d8e1e5;
	color: #82939c;
	cursor: not-allowed;
	box-shadow: none;
	opacity: 0.78;
}
@keyframes clarus-manual-modal-fade {
from {
		opacity: 0;
	}
to {
		opacity: 1;
	}
}
@keyframes clarus-manual-modal-rise {
from {
		opacity: 0;
		transform: translateY(18px) scale(0.985);
	}
to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}
@keyframes clarus-manual-spin {
to {
		transform: rotate(360deg);
	}
}
@media (max-width: 900px) {
.clarus-manual-selector-dialog {
		width: min(780px, 100%);
	}
.clarus-manual-progress {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 9px;
	}
.clarus-manual-progress-line {
		display: none;
	}
.clarus-manual-progress-copy small {
		display: none;
	}
.clarus-manual-selector-options {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
.support-sections {
	width: min(100% - 64px, 1360px);
	margin: 0 auto;
}
@media (max-width: 767px) {
.clarus-manual-selector-modal {
		align-items: flex-end;
		padding: 0;
	}
.clarus-manual-selector-dialog {
		width: 100%;
		max-height: 94dvh;
		border-radius: 24px 24px 0 0;
	}
.clarus-manual-selector-header {
		grid-template-columns: 50px minmax(0, 1fr);
		gap: 14px;
		min-height: 152px;
		padding: 28px 56px 26px 20px;
	}
.clarus-manual-selector-brandmark {
		width: 50px;
		height: 50px;
		border-radius: 14px;
	}
.clarus-manual-selector-brandmark svg {
		width: 30px;
		height: 30px;
	}
.clarus-manual-selector-header h2 {
		font-size: 25px;
	}
.clarus-manual-selector-header p {
		display: none;
	}
.clarus-manual-selector-close {
		top: 14px;
		right: 14px;
		width: 38px;
		height: 38px;
	}
.clarus-manual-progress {
		padding: 14px 16px;
	}
.clarus-manual-progress-item {
		justify-content: center;
	}
.clarus-manual-progress-copy {
		display: none;
	}
.clarus-manual-progress-number {
		width: 32px;
		height: 32px;
		flex-basis: 32px;
	}
.clarus-manual-selector-body {
		max-height: calc(94dvh - 322px);
		padding: 18px 14px 20px;
	}
.clarus-manual-selector-step {
		padding: 17px 14px;
		border-radius: 15px;
	}
.clarus-manual-step-heading {
		gap: 11px;
	}
.clarus-manual-step-number {
		flex-basis: 38px;
		width: 38px;
		height: 38px;
	}
.clarus-manual-step-heading h3 {
		font-size: 16px;
	}
.clarus-manual-selector-options {
		grid-template-columns: 1fr;
	}
.clarus-manual-selector-option {
		min-height: 66px;
	}
.clarus-manual-selector-footer {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 12px;
		padding: 14px;
	}
.clarus-manual-selection-summary strong {
		max-width: 170px;
	}
.clarus-manual-selector-continue {
		width: 48px;
		min-height: 48px;
		padding: 0;
		gap: 0;
		border-radius: 50%;
	}
.clarus-manual-selector-continue span:first-child {
		display: none;
	}
}
@media (max-width: 420px) {
.clarus-manual-selector-header {
		grid-template-columns: 1fr;
		padding: 24px 52px 22px 18px;
	}
.clarus-manual-selector-brandmark {
		display: none;
	}
.clarus-manual-selector-header h2 {
		font-size: 23px;
	}
.clarus-manual-selector-body {
		max-height: calc(94dvh - 310px);
	}
.clarus-manual-selection-summary strong {
		max-width: 135px;
		font-size: 12px;
	}
}
/* ============================================================
   CLARUS v2.4.0 — CLIENT DESIGN ALIGNMENT
   ============================================================ */
.clarus-manuals-eyebrow {
	display: block;
	color: #0086a8;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}
.clarus-manuals-header h1 {
	font-size: 36px;
	letter-spacing: -.03em;
}
.clarus-sort-control {
	position: relative;
}
.clarus-sort-control:after {
	content: "\f078";
	position: absolute;
	right: 14px;
	bottom: 15px;
	font-family: "Font Awesome 7 Free";
	font-size: 10px;
	font-weight: 900;
	pointer-events: none;
}
.clarus-sort-control select {
	appearance: none;
	padding-right: 38px;
}
.clarus-manual-card {
	min-height: 132px;
	padding: 20px 22px;
}
.clarus-manual-actions a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}
.clarus-newsletter-strip {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	min-height: 145px;
	margin: 58px 0 38px;
	padding: 38px 46px;
	border-radius: 12px;
	color: #fff;
	background: linear-gradient(90deg,rgba(4,35,50,.96),rgba(4,55,72,.92)),url('assets/clarus-pool-support.png') center/cover no-repeat;
}
.clarus-newsletter-copy h2 {
	margin: 0 0 8px;
	font-size: 24px;
}
.clarus-newsletter-copy p {
	margin: 0;
	color: rgba(255,255,255,.72);
}
.clarus-newsletter-form {
	display: flex;
	gap: 12px;
	min-width: 390px;
}
.clarus-newsletter-form input {
	flex: 1;
	min-width: 0;
	padding: 14px 16px;
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 10px;
	background: rgba(255,255,255,.12);
	color: #fff;
}
.clarus-newsletter-form input::placeholder {
	color: rgba(255,255,255,.55);
}
.clarus-newsletter-form button {
	padding: 0 24px;
}
.clarus-still-questions {
	display: grid;
	grid-template-columns: minmax(0,1fr) minmax(320px,46%);
	overflow: hidden;
	border-radius: 14px;
	background: #f3f4f5;
}
.clarus-still-questions-copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 44px 52px;
}
.clarus-still-questions-copy h2 {
	margin: 0 0 22px;
	font-size: 38px;
	letter-spacing: -.04em;
}
.clarus-still-questions-copy p {
	max-width: 440px;
	margin: 0 0 28px;
	color: #536673;
	line-height: 1.7;
}
.clarus-still-questions-copy a {
	align-self: flex-start;
	padding-top: 11px;
	padding-bottom: 13px;
}
.clarus-article-votes {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 24px 28px;
	border-radius: 10px;
	background: #f5f5f5;
}
.clarus-vote-actions {
	display: flex;
	gap: 12px;
}
.clarus-vote-button {
	display: inline-flex!important;
	align-items: center;
	gap: 8px;
	min-width: 76px;
	justify-content: center;
	padding: 10px 16px!important;
	border: 1px solid #d7dde1!important;
	border-radius: 999px!important;
	background: #fff!important;
	color: #172b3a!important;
	text-decoration: none!important;
}
.clarus-vote-button:hover,.clarus-vote-button.is-selected {
	border-color: #0086a8!important;
	color: #0086a8!important;
}
.clarus-detail-article-list a b,.clarus-trouble-grid a b {
	display: inline-flex;
	color: #172b3a;
}
.clarus-detail-article-list a:hover b {
	transform: translateX(3px);
}
.clarus-video-heading-actions {
	display: flex;
	align-items: center;
	gap: 8px;
}
.clarus-video-heading-actions>a {
	margin-right: 3px;
	color: #000;
	font-size: 13px;
}
.clarus-video-heading-actions button {
	display: grid;
	width: 31px;
	height: 31px;
	place-items: center;
	border: 1px solid #cfd7dc;
	border-radius: 50%;
	background: #fff;
	color: #172b3a;
}
.clarus-video-heading-actions button:disabled {
	opacity: .35;
}
.clarus-support-video-grid {
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: 14px;
}
.clarus-support-video-card {
	min-height: 245px;
	padding: 0;
	overflow: hidden;
	border: 1px solid #e0e5e8;
	background: #fff;
}
.clarus-support-video-thumb {
	display: grid;
	min-height: 135px;
	place-items: center;
	background: #ddd;
}
.clarus-support-video-copy {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding-top: 16px;
}
.clarus-support-video-copy small {
	color: #007b9a;
}
.clarus-support-video-copy strong {
	margin: 5px 0 18px;
}
.clarus-support-video-dots {
	display: flex;
	justify-content: center;
	gap: 7px;
	margin: 30px 0 4px;
}
.clarus-support-video-dots button {
	width: 7px;
	height: 7px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #cbd3d7;
}
.clarus-support-video-dots button.is-active {
	background: #172b3a;
}
.clarus-tree-section-label[role=button] {
	cursor: pointer;
}
.clarus-sidebar-manual-link span {
	margin-left: auto;
}
@media(max-width:991px) {
.clarus-manuals-header h1 {
		font-size: 31px;
	}
.clarus-newsletter-strip {
		align-items: flex-start;
		flex-direction: column;
	}
.clarus-newsletter-form {
		width: 100%;
		min-width: 0;
	}
.clarus-still-questions {
		grid-template-columns: 1fr;
	}
.clarus-still-questions-image {
		min-height: 220px;
	}
.clarus-support-video-grid {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
}
@media(max-width:767px) {
.clarus-manuals-header h1 {
		font-size: 27px;
	}
.clarus-newsletter-strip {
		margin-top: 36px;
		padding: 28px 22px;
	}
.clarus-newsletter-form {
		flex-direction: column;
	}
.clarus-newsletter-form button {
		min-height: 46px;
	}
.clarus-still-questions-copy {
		padding: 34px 24px;
	}
.clarus-still-questions-copy h2 {
		font-size: 30px;
	}
.clarus-article-votes {
		align-items: flex-start;
		flex-direction: column;
	}
.clarus-support-video-grid {
		grid-template-columns: 1fr;
	}
.clarus-video-heading-actions button {
		display: none;
	}
}
/* ============================================================
   MANUALS FAMILY TABS + ALL SERIES VIEW
   ============================================================ */
.clarus-manuals-page .clarus-manuals-topbar {
	display: block;
}
.clarus-manuals-page .clarus-manual-tabs {
	display: flex;
	width: 100%;
	gap: 0;
	margin-top: 24px;
	overflow-x: auto;
	border-bottom: 1px solid #e3e8eb;
	scrollbar-width: none;
}
.clarus-manuals-page .clarus-manual-tabs::-webkit-scrollbar {
	display: none;
}
.clarus-manuals-page .clarus-manual-tab {
	position: relative;
	flex: 0 0 auto;
	min-height: 48px;
	padding: 0 30px;
	border: 0;
	background: transparent;
	color: #60758a;
	font: inherit;
	font-size: 14px;
	cursor: pointer;
	white-space: nowrap;
}
.clarus-manuals-page .clarus-manual-tab:first-child {
	padding-left: 18px;
}
.clarus-manuals-page .clarus-manual-tab:hover,
.clarus-manuals-page .clarus-manual-tab.is-active {
	color: #006d8d;
}
.clarus-manuals-page .clarus-manual-tab.is-active {
	font-weight: 700;
}
.clarus-manuals-page .clarus-manual-tab.is-active::after {
	position: absolute;
	right: 18px;
	bottom: -1px;
	left: 18px;
	height: 2px;
	background: #16a7b8;
	content: "";
}
.clarus-manuals-page .clarus-manual-group {
	scroll-margin-top: 150px;
}
@media (max-width: 991px) {
.clarus-manuals-page .clarus-manual-tabs {
		margin-top: 18px;
	}
.clarus-manuals-page .clarus-manual-tab {
		min-height: 44px;
		padding: 0 20px;
		font-size: 13px;
	}
}
@media (max-width: 767px) {
.clarus-manuals-page .clarus-manuals-topbar {
		width: calc(100% - 24px) !important;
	}
.clarus-manuals-page .clarus-manual-tabs {
		justify-content: flex-start;
		margin-top: 12px;
	}
.clarus-manuals-page .clarus-manual-tab,
  .clarus-manuals-page .clarus-manual-tab:first-child {
		min-height: 42px;
		padding: 0 14px;
		font-size: 12px;
	}
.clarus-manuals-page .clarus-manual-tab.is-active::after {
		right: 10px;
		left: 10px;
	}
}
/* ============================================================
   CLARUS ARTICLE VOTE — CLIENT DESIGN FIX
   Scoped to the custom article template. Existing Zendesk vote
   helpers remain intact; Font Awesome supplies the thumb icons.
   ============================================================ */
.clarus-support-article-page .clarus-article-votes {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	width: 100%;
	margin-top: 34px;
	padding: 20px 24px;
	border: 0;
	border-radius: 10px;
	background: #f5f5f5;
}
.clarus-support-article-page .clarus-article-votes > strong {
	margin: 0;
	color: #172b3a;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.35;
}
.clarus-support-article-page .clarus-vote-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 0 0 auto;
}
.clarus-support-article-page .clarus-vote-button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 74px;
	min-height: 40px;
	margin: 0 !important;
	padding: 9px 16px !important;
	border: 1px solid #d8dfe3 !important;
	border-radius: 999px !important;
	background: #fff !important;
	color: #172b3a !important;
	font-family: inherit;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none !important;
	box-shadow: none !important;
	transition: border-color .18s ease, color .18s ease,
    background-color .18s ease, transform .18s ease;
}
.clarus-support-article-page .clarus-vote-button::before {
	display: inline-block;
	font-family: "Font Awesome 7 Free";
	font-size: 15px;
	font-weight: 900;
	line-height: 1;
	speak: never;
}
.clarus-support-article-page .clarus-vote-up::before {
	content: "\f164";
}
.clarus-support-article-page .clarus-vote-down::before {
	content: "\f165";
}
.clarus-support-article-page .clarus-vote-button:hover,
.clarus-support-article-page .clarus-vote-button:focus-visible {
	border-color: #0086a8 !important;
	color: #006f8b !important;
	background: #f5fbfd !important;
	transform: translateY(-1px);
	outline: none;
}
.clarus-support-article-page .clarus-vote-button.is-selected,
.clarus-support-article-page .clarus-vote-button[aria-pressed="true"] {
	border-color: #004F79 !important;
	color: #fff !important;
	background: #004F79 !important;
}
@media (max-width: 767px) {
.clarus-support-article-page .clarus-article-votes {
		align-items: flex-start;
		flex-direction: column;
		gap: 16px;
		padding: 20px;
	}
.clarus-support-article-page .clarus-vote-actions {
		width: 100%;
	}
.clarus-support-article-page .clarus-vote-button {
		flex: 1 1 0;
		min-width: 0;
	}
}
@media (max-width: 380px) {
.clarus-support-article-page .clarus-vote-actions {
		flex-direction: column;
	}
.clarus-support-article-page .clarus-vote-button {
		width: 100%;
	}
}
/* =========================================================
   CLARUS TROUBLESHOOTING BUILDER
   ========================================================= */
.clarus-builder-admin-link {
	display: inline-flex;
	align-items: center;
	padding: 8px 12px;
	border: 1px solid #d5e2ea;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	color: #0f4566!important;
	background: #fff;
}
.clarus-builder-admin-link[hidden] {
	display: none!important;
}
.ctb-page {
	background: linear-gradient(180deg,#edf4f8 0,#f8fbfd 260px,#eef3f7 100%);
	min-height: 80vh;
	padding: 42px 20px 80px;
}
.ctb-shell {
	max-width: 1500px;
	margin: auto;
}
.ctb-hero {
	display: flex;
	justify-content: space-between;
	gap: 30px;
	align-items: center;
	margin-bottom: 24px;
	padding: 30px 34px;
	color: #fff;
	border-radius: 22px;
	background: radial-gradient(circle at 85% 10%,rgba(60,173,222,.32),transparent 34%),linear-gradient(135deg,#0c2d45,#174f70);
	box-shadow: 0 20px 50px rgba(14,50,75,.22);
}
.ctb-hero h1 {
	color: #fff;
	font-size: 36px;
	margin: 5px 0 6px;
}
.ctb-hero p {
	margin: 0;
	color: #d0e3ee;
}
.ctb-eyebrow,.ctb-kicker {
	font-size: 11px;
	letter-spacing: .13em;
	font-weight: 800;
}
.ctb-eyebrow {
	color: #7dd3fc;
}
.ctb-hero-actions {
	display: flex;
	gap: 12px;
	align-items: center;
}
.ctb-save-state {
	font-size: 12px;
	color: #cfe1eb;
}
.ctb-save-state.is-dirty {
	color: #ffd996;
}
.ctb-save-state.is-saved,.ctb-save-state.is-ready {
	color: #9df1bf;
}
.ctb-save-state.is-error {
	color: #ffb2b2;
}
.ctb-btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: 0;
	border-radius: 10px;
	padding: 11px 16px;
	font-weight: 800;
	cursor: pointer;
	text-decoration: none!important;
}
.ctb-btn-primary {
	background: #2385c5;
	color: #fff!important;
	box-shadow: 0 8px 18px rgba(23,115,176,.25);
}
.ctb-btn-primary:disabled {
	opacity: .45;
	cursor: not-allowed;
}
.ctb-btn-secondary {
	background: #edf6fb;
	color: #155e8b;
}
.ctb-picker-card,.ctb-editor-card,.ctb-preview-card {
	background: #fff;
	border: 1px solid #d9e5ec;
	border-radius: 18px;
	box-shadow: 0 12px 35px rgba(18,49,74,.08);
}
.ctb-picker-card {
	display: grid;
	grid-template-columns: auto minmax(220px,1fr) auto minmax(220px,1fr) minmax(220px,.8fr);
	gap: 14px;
	align-items: center;
	padding: 18px 20px;
	margin-bottom: 20px;
}
.ctb-picker-step {
	display: flex;
	gap: 10px;
	align-items: center;
}
.ctb-picker-step>span {
	display: grid;
	place-items: center;
	width: 29px;
	height: 29px;
	border-radius: 50%;
	background: #e7f4fb;
	color: #176b9e;
	font-weight: 900;
}
.ctb-picker-step strong,.ctb-picker-step small {
	display: block;
}
.ctb-picker-step small {
	font-size: 11px;
	color: #71828e;
	margin-top: 2px;
}
.ctb-picker-card select {
	height: 46px;
	border: 1px solid #cbdbe5;
	border-radius: 10px;
	padding: 0 12px;
	background: #fff;
}
.ctb-article-summary {
	padding: 10px 12px;
	background: #f5fafc;
	border-radius: 10px;
}
.ctb-article-summary>div {
	display: flex;
	align-items: center;
	gap: 8px;
}
.ctb-article-summary small {
	display: block;
	margin-top: 4px;
	color: #72838e;
}
.ctb-status-dot {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #c7d3da;
}
.ctb-status-dot.is-live {
	background: #2caf66;
	box-shadow: 0 0 0 4px rgba(44,175,102,.12);
}
.ctb-workspace {
	display: grid;
	grid-template-columns: minmax(0,1fr) 430px;
	gap: 20px;
	align-items: start;
}
.ctb-card-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 18px 20px;
	border-bottom: 1px solid #e2eaf0;
}
.ctb-card-head h2 {
	font-size: 20px;
	margin: 3px 0 0;
	color: #12314a;
}
.ctb-kicker {
	color: #3182b7;
}
.ctb-editor-card {
	overflow: hidden;
}
.ctb-editor-card>#ctb-editor {
	padding: 18px;
}
.ctb-empty {
	padding: 70px 25px;
	text-align: center;
	color: #73838e;
}
.ctb-empty-icon {
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	margin: 0 auto 14px;
	border-radius: 18px;
	background: #eaf4fa;
	color: #1d75aa;
	font-size: 28px;
	font-weight: 900;
}
.ctb-field {
	display: block;
	margin-bottom: 13px;
}
.ctb-field>span {
	display: block;
	font-size: 12px;
	font-weight: 800;
	color: #425765;
	margin-bottom: 6px;
}
.ctb-field em {
	font-weight: 500;
	color: #8a99a3;
}
.ctb-field input,.ctb-field textarea,.ctb-field select {
	width: 100%;
	border: 1px solid #ccdbe5;
	border-radius: 10px;
	padding: 10px 11px;
	background: #fff;
}
.ctb-field textarea {
	min-height: 76px;
	resize: vertical;
}
.ctb-question {
	border: 1px solid #dbe6ed;
	border-radius: 14px;
	margin: 14px 0;
	overflow: hidden;
}
.ctb-question-head,.ctb-answer-head,.ctb-block-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}
.ctb-question-head {
	padding: 13px 14px;
	background: #f5f9fc;
}
.ctb-question-head span,.ctb-answer-head span {
	display: block;
	font-size: 10px;
	letter-spacing: .08em;
	font-weight: 900;
	color: #4381a7;
}
.ctb-question-head strong,.ctb-answer-head strong {
	display: block;
	margin-top: 3px;
	color: #15374e;
}
.ctb-question-body,.ctb-answer-body,.ctb-block-body {
	display: none;
}
.ctb-question.is-open>.ctb-question-body,.ctb-answer.is-open>.ctb-answer-body,.ctb-block.is-open>.ctb-block-body {
	display: block;
}
.ctb-question-body {
	padding: 15px;
}
.ctb-row-actions,.ctb-block-head>div {
	display: flex;
	gap: 5px;
}
.ctb-row-actions button,.ctb-answer-head button,.ctb-block-head button {
	border: 1px solid #d5e1e8;
	background: #fff;
	border-radius: 7px;
	padding: 6px 8px;
	font-size: 11px;
	color: #536b7a;
}
.ctb-answer {
	border: 1px solid #e0e9ef;
	border-radius: 11px;
	margin: 10px 0;
	background: #fbfdfe;
	overflow: hidden;
}
.ctb-answer-head {
	padding: 11px 12px;
}
.ctb-answer-body {
	padding: 12px;
}
.ctb-actions {
	border-left: 2px solid #c8dce8;
	padding-left: 13px;
}
.ctb-block {
	position: relative;
	border: 1px solid #dfe8ee;
	border-radius: 10px;
	margin: 10px 0;
	background: #fff;
	overflow: hidden;
}
.ctb-block:before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	left: -19px;
	top: 17px;
	background: #2c85bc;
}
.ctb-block-message:before {
	background: #795db3;
}
.ctb-block-checklist:before {
	background: #b87712;
}
.ctb-block-destination:before {
	background: #2b9660;
}
.ctb-block-head {
	padding: 10px 11px;
}
.ctb-block-head>span {
	font-size: 10px;
	letter-spacing: .08em;
	font-weight: 900;
	color: #386f92;
}
.ctb-block-body {
	padding: 11px;
	border-top: 1px solid #e7edf1;
}
.ctb-block-buttons {
	display: flex;
	gap: 7px;
	flex-wrap: wrap;
}
.ctb-block-buttons button,.ctb-small-add {
	border: 1px dashed #9dbdd1;
	background: #f5fbfe;
	color: #1f6fa2;
	border-radius: 8px;
	padding: 7px 9px;
	font-size: 11px;
	font-weight: 800;
}
.ctb-items>div {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 7px;
	margin-bottom: 7px;
}
.ctb-items button {
	border: 1px solid #d6e1e7;
	background: #fff;
	border-radius: 8px;
}
.ctb-add-below {
	display: block;
	margin: 10px auto 16px;
	border: 1px dashed #8fb7cf;
	background: #f5fbfe;
	color: #1c6f9f;
	border-radius: 9px;
	padding: 9px 14px;
	font-weight: 800;
}
.ctb-preview-card {
	position: sticky;
	top: 18px;
	overflow: hidden;
}
.ctb-preview {
	min-height: 430px;
	padding: 18px;
	background: #f7fafc;
}
.ctb-preview-empty {
	min-height: 390px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #7c8c97;
}
.ctb-customer-screen {
	background: #fff;
	border: 1px solid #d9e5ec;
	border-radius: 15px;
	padding: 22px;
	box-shadow: 0 10px 25px rgba(20,53,76,.07);
}
.ctb-screen-label {
	font-size: 10px;
	letter-spacing: .1em;
	color: #3384b7;
	font-weight: 900;
}
.ctb-customer-screen h3 {
	font-size: 24px;
	line-height: 1.25;
	color: #12314a;
	margin: 9px 0;
}
.ctb-customer-screen p {
	color: #657985;
	line-height: 1.55;
}
.ctb-customer-options {
	display: grid;
	gap: 9px;
	margin-top: 17px;
}
.ctb-customer-options button {
	border: 1px solid #bdd2df;
	background: #fff;
	border-radius: 10px;
	padding: 12px;
	text-align: left;
	font-weight: 800;
	color: #123b55;
}
.ctb-customer-options button:hover {
	background: #eef7fc;
	border-color: #71a9cb;
}
.ctb-customer-message {
	border-left: 4px solid #7659b4;
	background: #faf8fe;
	border-radius: 10px;
	padding: 14px;
	margin-bottom: 12px;
}
.ctb-customer-checklist {
	border-left: 4px solid #b67612;
	background: #fffaf0;
	border-radius: 10px;
	padding: 14px;
	margin-bottom: 14px;
}
.ctb-customer-checklist li {
	margin: 7px 0;
}
.ctb-customer-followup {
	border-top: 1px solid #dfe8ee;
	padding-top: 16px;
}
.ctb-result {
	text-align: center;
	padding: 22px;
}
.ctb-result>span {
	display: grid;
	place-items: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin: 0 auto 12px;
	background: #e2f6e9;
	color: #24814d;
	font-size: 25px;
	font-weight: 900;
}
.ctb-result h3 {
	color: #12314a;
}
.ctb-preview-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 13px 18px;
	border-top: 1px solid #e0e9ee;
}
.ctb-icon-btn {
	border: 1px solid #d4e0e7;
	background: #fff;
	border-radius: 8px;
	padding: 7px 10px;
	color: #526b7a;
}
.ctb-access-panel {
	max-width: 650px;
	margin: 60px auto;
	padding: 40px;
	text-align: center;
	background: #fff;
	border-radius: 18px;
}
.clarus-quiz-source {
	display: none!important;
}
.clarus-quiz-embed {
	margin: 34px 0;
}
.clarus-quiz-shell {
	max-width: 760px;
	border: 1px solid #d9e5ec;
	border-radius: 18px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 14px 34px rgba(18,49,74,.10);
}
.clarus-quiz-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 17px 20px;
	background: #123a55;
	color: #fff;
}
.clarus-quiz-top span {
	font-size: 12px;
	color: #cbe0eb;
}
.clarus-quiz-screen {
	padding: 24px;
}
.clarus-quiz-screen h3 {
	font-size: 25px;
	color: #12314a;
	margin: 0 0 10px;
}
.clarus-quiz-screen p {
	color: #617582;
}
.clarus-quiz-options {
	display: grid;
	gap: 10px;
	margin-top: 18px;
}
.clarus-quiz-options button {
	border: 1px solid #b8cfdd;
	background: #fff;
	border-radius: 10px;
	padding: 13px;
	text-align: left;
	font-weight: 800;
	color: #123a55;
}
.clarus-quiz-message {
	border-left: 4px solid #7659b4;
	background: #faf8fe;
	border-radius: 10px;
	padding: 15px;
	margin-bottom: 14px;
}
.clarus-quiz-checklist {
	border-left: 4px solid #b67612;
	background: #fffaf0;
	border-radius: 10px;
	padding: 15px;
	margin-bottom: 16px;
}
.clarus-quiz-followup {
	border-top: 1px solid #dce6ed;
	padding-top: 18px;
}
.clarus-quiz-nav {
	display: flex;
	justify-content: space-between;
	padding: 13px 18px;
	border-top: 1px solid #e0e8ed;
	background: #f8fbfd;
}
.clarus-quiz-nav button {
	border: 1px solid #d1dee6;
	background: #fff;
	border-radius: 8px;
	padding: 8px 11px;
}
.clarus-quiz-result {
	text-align: center;
	padding: 26px;
}
.clarus-quiz-result>span {
	display: grid;
	place-items: center;
	width: 54px;
	height: 54px;
	margin: 0 auto 12px;
	border-radius: 50%;
	background: #e2f6e9;
	color: #24814d;
	font-size: 27px;
}
.clarus-quiz-primary {
	display: inline-flex;
	background: #237fba;
	color: #fff!important;
	padding: 11px 16px;
	border-radius: 9px;
	text-decoration: none!important;
	font-weight: 800;
}
@media(max-width:1100px) {
.ctb-picker-card {
		grid-template-columns: 1fr 1fr;
	}
.ctb-picker-step {
		grid-column: span 1;
	}
.ctb-article-summary {
		grid-column: 1/-1;
	}
}
@media(max-width:700px) {
.ctb-page {
		padding: 20px 12px 50px;
	}
.ctb-hero {
		padding: 22px;
		align-items: flex-start;
		flex-direction: column;
	}
.ctb-hero h1 {
		font-size: 29px;
	}
.ctb-hero-actions {
		width: 100%;
		justify-content: space-between;
	}
.ctb-picker-card {
		grid-template-columns: 1fr;
	}
.ctb-picker-step,.ctb-article-summary {
		grid-column: auto;
	}
.ctb-card-head {
		align-items: flex-start;
		gap: 10px;
	}
.ctb-question-head {
		align-items: flex-start;
		gap: 8px;
	}
.ctb-row-actions {
		flex-wrap: wrap;
	}
}
/* Clarus v3.1 Screen-Based Troubleshooting Builder */
.ctb-screen-editor .ctb-question-body {
	background: #fbfdff;
}
.ctb-screen-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}
.ctb-simple-panel {
	margin: 16px 0;
	border: 1px solid #dce7ee;
	border-radius: 14px;
	overflow: hidden;
	background: #fff;
}
.ctb-simple-panel-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 14px;
	padding: 13px 15px;
	background: #f4f8fb;
	cursor: pointer;
}
.ctb-simple-panel-head span {
	display: block;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .09em;
	color: #2378b9;
}
.ctb-simple-panel-head strong {
	display: block;
	margin-top: 3px;
	color: #12314a;
}
.ctb-simple-panel-head button {
	border: 1px solid #cfdee7;
	background: #fff;
	border-radius: 8px;
	padding: 7px 10px;
	color: #36596f;
	font-weight: 800;
}
.ctb-simple-panel-body {
	display: none;
	padding: 15px;
}
.ctb-simple-panel-body.is-open {
	display: block;
}
.ctb-main-question {
	margin-top: 18px;
}
.ctb-main-question textarea {
	min-height: 92px;
	font-size: 17px;
	font-weight: 700;
	color: #12314a;
}
.ctb-direct-answer {
	border: 1px solid #dce7ee;
	border-radius: 11px;
	margin: 10px 0;
	background: #fff;
	overflow: hidden;
}
.ctb-direct-answer>header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	padding: 12px 13px;
	background: #f8fbfd;
	cursor: pointer;
}
.ctb-direct-answer>header span {
	display: block;
	font-size: 10px;
	letter-spacing: .08em;
	font-weight: 900;
	color: #6c8090;
}
.ctb-direct-answer>header strong {
	display: block;
	margin-top: 3px;
	color: #12314a;
}
.ctb-direct-answer>header button {
	border: 0;
	background: transparent;
	color: #b33c3c;
	font-weight: 800;
}
.ctb-direct-answer-body {
	display: none;
	padding: 14px;
	border-top: 1px solid #e2ebf0;
}
.ctb-direct-answer.is-open .ctb-direct-answer-body {
	display: grid;
	grid-template-columns: 1fr 1.25fr;
	gap: 12px;
}
.ctb-v2-screen {
	display: grid;
	gap: 15px;
}
.ctb-v2-details {
	font-size: 15px;
	line-height: 1.65;
}
.ctb-v2-question {
	border-top: 1px solid #dfe8ee;
	padding-top: 18px;
}
.ctb-v2-question h3 {
	margin-top: 6px;
}
.clarus-v2-screen {
	display: grid;
	gap: 14px;
}
.clarus-v2-screen .clarus-quiz-followup {
	margin-top: 0;
}
@media(max-width:820px) {
.ctb-screen-grid,.ctb-direct-answer.is-open .ctb-direct-answer-body {
		grid-template-columns: 1fr;
	}
}
/* Clarus v3.2 — direct next-question screen */
.ctb-direct-next-panel {
	border-color: #b9d9ec;
	background: linear-gradient(180deg,#f7fbfe 0%,#ffffff 100%);
}
.ctb-direct-next-panel .ctb-simple-panel-head span {
	color: #1f6fb2;
}
.ctb-field-help {
	margin: 8px 0 0;
	color: #607487;
	font-size: 13px;
	line-height: 1.5;
}
.ctb-merged-next-question,
.clarus-merged-next-question {
	margin-top: 22px;
	padding-top: 22px;
	border-top: 1px solid #d9e4ec;
}
.clarus-screen-label {
	display: inline-flex;
	margin-bottom: 8px;
	padding: 4px 8px;
	border-radius: 999px;
	background: #eaf4fb;
	color: #1f6fb2;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .05em;
}
/* =========================================================
   CLARUS v3.3 — PREMIUM STUDIO UI
   Visual redesign only. Existing builder logic is unchanged.
========================================================= */
.ctb-page {
	--ctb-navy: #0d2f47;
	--ctb-navy-2: #123d5b;
	--ctb-blue: #1386c7;
	--ctb-blue-dark: #08699f;
	--ctb-ink: #183447;
	--ctb-muted: #708391;
	--ctb-line: #dce7ee;
	--ctb-soft: #f5f9fc;
	--ctb-green: #1f9a61;
	--ctb-purple: #7258b6;
	background: radial-gradient(circle at 10% 0%,rgba(66,165,216,.12),transparent 28%),
    linear-gradient(180deg,#f4f8fb 0,#eef4f7 100%);
	padding: 34px 24px 90px;
}
.ctb-shell {
	max-width: 1580px;
}
.ctb-hero {
	position: relative;
	overflow: hidden;
	margin-bottom: 18px;
	padding: 30px 34px;
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 20px;
	background: radial-gradient(circle at 92% 18%,rgba(65,181,231,.34),transparent 28%),
    linear-gradient(135deg,#0a2b42 0%,#124d70 100%);
	box-shadow: 0 22px 55px rgba(11,47,71,.22);
}
.ctb-hero:after {
	content: "";
	position: absolute;
	inset: auto -50px -110px auto;
	width: 280px;
	height: 280px;
	border-radius: 50%;
	border: 55px solid rgba(255,255,255,.035);
	pointer-events: none;
}
.ctb-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #91dcff;
}
.ctb-eyebrow:before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #5dd2ff;
	box-shadow: 0 0 0 5px rgba(93,210,255,.12);
}
.ctb-hero h1 {
	font-size: 38px;
	letter-spacing: -.035em;
	margin: 7px 0 8px;
}
.ctb-hero p {
	max-width: 760px;
	font-size: 15px;
	line-height: 1.6;
	color: #d1e5ef;
}
.ctb-hero-actions {
	position: relative;
	z-index: 1;
	padding: 7px 7px 7px 14px;
	border: 1px solid rgba(255,255,255,.13);
	border-radius: 14px;
	background: rgba(255,255,255,.08);
	backdrop-filter: blur(12px);
}
.ctb-save-state {
	display: flex;
	align-items: center;
	gap: 7px;
	padding-right: 4px;
	font-weight: 700;
}
.ctb-save-state:before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: currentColor;
}
.ctb-btn {
	min-height: 42px;
	border-radius: 10px;
	transition: transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.ctb-btn:hover:not(:disabled) {
	transform: translateY(-1px);
}
.ctb-btn-primary {
	background: linear-gradient(180deg,#2497d1,#147ab5);
	box-shadow: 0 9px 20px rgba(8,99,153,.28);
}
.ctb-btn-secondary {
	border: 1px solid #cce2ef;
	background: #f2f9fd;
}
.ctb-picker-card {
	grid-template-columns: minmax(170px,.7fr) minmax(250px,1.2fr) minmax(150px,.65fr) minmax(250px,1.1fr) minmax(210px,.8fr);
	gap: 16px;
	padding: 16px 18px;
	border-radius: 16px;
	margin-bottom: 18px;
	border: 1px solid rgba(203,220,230,.9);
	box-shadow: 0 9px 30px rgba(21,58,82,.065);
}
.ctb-picker-step>span {
	width: 34px;
	height: 34px;
	background: linear-gradient(180deg,#e9f7ff,#dff1fb);
	box-shadow: inset 0 0 0 1px #c6e4f3;
}
.ctb-picker-step strong {
	font-size: 13px;
	color: var(--ctb-ink);
}
.ctb-picker-step small {
	line-height: 1.35;
}
.ctb-picker-card select {
	height: 48px;
	border-color: #d1e1ea;
	border-radius: 11px;
	font-weight: 700;
	color: #26475c;
	box-shadow: 0 2px 5px rgba(18,49,74,.03);
}
.ctb-article-summary {
	border: 1px solid #dcebe4;
	background: #f5fbf8;
}
.ctb-workspace {
	grid-template-columns: minmax(0,1fr) 440px;
	gap: 22px;
}
.ctb-editor-card,.ctb-preview-card {
	border-radius: 18px;
	border-color: #d9e5ec;
	box-shadow: 0 18px 48px rgba(16,52,76,.09);
}
.ctb-card-head {
	padding: 19px 22px;
	background: linear-gradient(180deg,#fff,#fbfdfe);
}
.ctb-card-head h2 {
	font-size: 21px;
	letter-spacing: -.02em;
}
.ctb-kicker {
	color: #3188bc;
	letter-spacing: .14em;
}
.ctb-editor-card>#ctb-editor {
	padding: 22px;
}
.ctb-title-field {
	padding: 16px 17px 6px;
	margin: -2px 0 20px;
	border: 1px solid #dce8ef;
	border-radius: 14px;
	background: linear-gradient(180deg,#f9fcfe,#fff);
}
.ctb-title-field>small {
	display: block;
	margin: -2px 0 9px;
	color: #7c8e9a;
	font-size: 11px;
	line-height: 1.4;
}
.ctb-title-field input {
	height: 46px;
	font-size: 15px;
	font-weight: 750;
}
.ctb-question {
	margin: 14px 0 18px;
	border-radius: 15px;
	border: 1px solid #d9e6ed;
	background: #fff;
	box-shadow: 0 7px 22px rgba(20,58,82,.055);
	transition: box-shadow .18s ease,border-color .18s ease;
}
.ctb-question:hover {
	border-color: #c6dce8;
	box-shadow: 0 10px 28px rgba(20,58,82,.075);
}
.ctb-question.is-open {
	border-color: #bcd9e9;
	box-shadow: 0 12px 32px rgba(21,91,132,.09);
}
.ctb-question-head {
	min-height: 70px;
	padding: 15px 16px;
	background: linear-gradient(180deg,#fafdff,#f2f8fb);
}
.ctb-question-head>div:first-child {
	display: grid;
	gap: 3px;
}
.ctb-question-head span {
	color: #2381b6;
	font-size: 10px;
	letter-spacing: .13em;
}
.ctb-question-head strong {
	font-size: 15px;
	line-height: 1.35;
	color: #17384d;
}
.ctb-question-body {
	padding: 19px;
	background: #fff;
}
.ctb-screen-grid {
	gap: 14px;
}
.ctb-field>span {
	margin-bottom: 7px;
	font-size: 11px;
	letter-spacing: .015em;
	color: #415967;
}
.ctb-field input,.ctb-field textarea,.ctb-field select {
	border-color: #d3e1e9;
	border-radius: 10px;
	background: #fff;
	box-shadow: inset 0 1px 1px rgba(17,51,73,.025);
	transition: border-color .16s ease,box-shadow .16s ease;
}
.ctb-field input:focus,.ctb-field textarea:focus,.ctb-field select:focus {
	outline: 0;
	border-color: #64a9d0;
	box-shadow: 0 0 0 4px rgba(29,129,184,.10);
}
.ctb-row-actions {
	align-items: center;
}
.ctb-row-actions button {
	min-width: 32px;
	height: 32px;
	border-radius: 9px;
	color: #526a79;
	background: #fff;
	transition: .15s ease;
}
.ctb-row-actions button:hover {
	border-color: #a9c9da;
	color: #116f9f;
	background: #f3fafd;
}
.ctb-row-actions button:last-child:hover {
	border-color: #efb4b4;
	color: #b93636;
	background: #fff6f6;
}
.ctb-simple-panel {
	margin: 14px 0;
	border: 1px solid #dfe9ef;
	border-radius: 13px;
	overflow: hidden;
	background: #fbfdfe;
}
.ctb-simple-panel-head {
	min-height: 58px;
	padding: 12px 14px;
	background: #f7fafc;
}
.ctb-simple-panel-head span {
	font-size: 9px;
	letter-spacing: .14em;
	color: #5d8ba7;
}
.ctb-simple-panel-head strong {
	font-size: 13px;
	color: #23465b;
}
.ctb-simple-panel-head button {
	border: 1px solid #d4e2ea;
	border-radius: 8px;
	background: #fff;
	color: #456476;
	font-weight: 750;
}
.ctb-simple-panel-body {
	padding: 14px;
	background: #fff;
}
.ctb-direct-next-panel {
	border-color: #c9ddee;
	background: #f7fbfe;
}
.ctb-direct-next-panel .ctb-simple-panel-head {
	background: linear-gradient(180deg,#f4faff,#edf7fc);
}
.ctb-field-help {
	padding: 10px 12px;
	border-radius: 9px;
	background: #f1f8fc;
	color: #59788b;
}
.ctb-direct-answer {
	margin: 9px 0;
	border: 1px solid #e1eaef;
	border-radius: 11px;
	background: #fff;
	overflow: hidden;
	box-shadow: 0 2px 7px rgba(20,58,82,.025);
}
.ctb-direct-answer>header {
	min-height: 51px;
	padding: 11px 13px;
	background: #fafcfd;
}
.ctb-direct-answer>header span {
	font-size: 9px;
	letter-spacing: .13em;
	color: #6c8da1;
}
.ctb-direct-answer>header strong {
	font-size: 13px;
	color: #25485d;
}
.ctb-direct-answer-body {
	padding: 14px;
	border-top: 1px solid #e7eef2;
	background: #fff;
}
.ctb-direct-answer .remove-answer {
	border-color: transparent!important;
	background: transparent!important;
	color: #c04444!important;
}
.ctb-small-add,.ctb-add-below {
	transition: .16s ease;
}
.ctb-small-add:hover,.ctb-add-below:hover {
	transform: translateY(-1px);
	background: #ebf7fd;
	border-color: #64a6cb;
}
.ctb-add-below {
	margin: 12px auto 20px;
	padding: 10px 16px;
	border-radius: 10px;
}
.ctb-preview-card {
	top: 20px;
	background: #fff;
}
.ctb-preview-card .ctb-card-head {
	background: linear-gradient(180deg,#fbfdff,#f5f9fc);
}
.ctb-preview {
	min-height: 560px;
	padding: 22px;
	background: radial-gradient(circle at 100% 0%,rgba(69,155,204,.10),transparent 34%),
  linear-gradient(180deg,#f4f8fb,#eef4f7);
}
.ctb-preview:before {
	content: "CUSTOMER VIEW";
	display: block;
	margin: 0 auto 13px;
	width: max-content;
	padding: 5px 9px;
	border: 1px solid #d4e5ee;
	border-radius: 999px;
	background: rgba(255,255,255,.75);
	font-size: 9px;
	letter-spacing: .16em;
	font-weight: 900;
	color: #668396;
}
.ctb-customer-screen {
	border-radius: 18px;
	padding: 24px;
	border-color: #d5e4ec;
	box-shadow: 0 18px 38px rgba(15,54,79,.11);
}
.ctb-screen-label {
	display: inline-flex;
	padding: 5px 8px;
	border-radius: 999px;
	background: #eaf6fc;
	color: #1b79aa;
}
.ctb-customer-screen h3 {
	font-size: 25px;
	letter-spacing: -.025em;
	margin: 11px 0 8px;
}
.ctb-customer-message {
	padding: 16px;
	border-radius: 12px;
	border-left-color: #7d62b9;
	background: linear-gradient(180deg,#fbf9fe,#f8f5fd);
}
.ctb-customer-checklist {
	padding: 16px;
	border-radius: 12px;
	background: linear-gradient(180deg,#fffaf0,#fff8e9);
}
.ctb-customer-options button {
	position: relative;
	padding: 13px 14px;
	border-radius: 11px;
	background: linear-gradient(180deg,#fff,#fbfdfe);
	transition: transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.ctb-customer-options button:after {
	content: "→";
	position: absolute;
	right: 14px;
	color: #78a0b7;
}
.ctb-customer-options button:hover {
	transform: translateY(-1px);
	box-shadow: 0 7px 15px rgba(16,77,112,.08);
}
.ctb-preview-footer {
	background: #fbfdfe;
	padding: 14px 18px;
}
.ctb-preview-footer span {
	font-size: 12px;
	font-weight: 800;
	color: #708390;
}
.ctb-icon-btn {
	border-radius: 9px;
	font-weight: 700;
}
.ctb-empty {
	background: radial-gradient(circle at 50% 30%,#f4fbfe,transparent 52%);
}
.ctb-empty-icon {
	background: linear-gradient(180deg,#eaf7fd,#dceff8);
	box-shadow: inset 0 0 0 1px #c7e1ed;
}
@media(max-width:1250px) {
.ctb-workspace {
		grid-template-columns: minmax(0,1fr) 390px;
	}
.ctb-picker-card {
		grid-template-columns: 1fr 1.2fr 1fr 1.2fr;
	}
.ctb-article-summary {
		grid-column: 1/-1;
	}
}
@media(max-width:1100px) {
.ctb-workspace {
		grid-template-columns: 1fr;
	}
.ctb-preview-card {
		position: static;
	}
.ctb-preview {
		min-height: 420px;
	}
}
@media(max-width:700px) {
.ctb-page {
		padding: 18px 10px 50px;
	}
.ctb-hero {
		padding: 23px 20px;
	}
.ctb-hero h1 {
		font-size: 30px;
	}
.ctb-hero-actions {
		width: 100%;
		flex-wrap: wrap;
	}
.ctb-picker-card {
		padding: 14px;
	}
.ctb-editor-card>#ctb-editor {
		padding: 14px;
	}
.ctb-question-head {
		min-height: 64px;
	}
.ctb-preview {
		padding: 14px;
	}
}
/* ==========================================================
   Clarus v3.4 — Question-based visual progress
   ========================================================== */
/* Builder preview progress */
.ctb-preview-footer {
	gap: 18px;
}
.ctb-question-progress {
	position: relative;
	flex: 1;
	max-width: 230px;
	height: 6px;
	overflow: hidden;
	border-radius: 999px;
	background: #e4edf3;
	box-shadow: inset 0 1px 2px rgba(18,49,74,.08);
}
.ctb-question-progress>span {
	display: block;
	width: 0;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg,#1e74ad 0%,#39a9df 100%);
	box-shadow: 0 0 12px rgba(43,151,207,.28);
	transition: width .38s cubic-bezier(.22,.8,.26,1);
}
/* Live article progress */
.clarus-quiz-top {
	display: block;
	padding: 18px 20px 16px;
}
.clarus-quiz-top>strong {
	display: block;
	margin-bottom: 13px;
	font-size: 16px;
	line-height: 1.25;
}
.clarus-quiz-progress {
	position: relative;
	width: 100%;
	height: 5px;
	overflow: hidden;
	border-radius: 999px;
	background: rgba(255,255,255,.20);
}
.clarus-quiz-progress>span {
	display: block;
	width: 0;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg,#69d1ff 0%,#ffffff 100%);
	box-shadow: 0 0 14px rgba(127,216,255,.40);
	transition: width .4s cubic-bezier(.22,.8,.26,1);
}
/* Cleaner question label after removing numeric step count */
.ctb-screen-label,
.clarus-screen-label {
	letter-spacing: .12em;
}
/* Clarus v3.5 — clean article-editor storage */
.clarus-quiz-source[hidden],
.clarus-quiz-marker[hidden] {
	display: none!important;
}
.article-body .clarus-quiz-placeholder,
.clarus-quiz-embed .clarus-quiz-placeholder {
	display: none;
}
/* Clarus v3.6 — clean article-editor placeholder */
.clarus-quiz-placeholder {
	display: block;
	margin: 20px 0;
	padding: 14px 16px;
	border: 1px dashed #9eb5c5;
	border-radius: 8px;
	background: #f4f8fb;
	color: #4c6577;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
}
.ctb-version-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 10px;
	padding: 3px 8px;
	border-radius: 999px;
	background: #e9f4fb;
	color: #166b9a;
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: .04em;
	vertical-align: middle;
}
/* Clarus v3.8 — quiz deletion controls */
.ctb-editor-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	flex-wrap: wrap;
}
.ctb-btn-danger {
	border: 1px solid #e2a4a4;
	background: #fff7f7;
	color: #a52727;
}
.ctb-btn-danger:hover:not(:disabled) {
	border-color: #c94343;
	background: #fff0f0;
	color: #861b1b;
	transform: translateY(-1px);
}
.ctb-btn-danger:disabled {
	opacity: .45;
	cursor: not-allowed;
}
@media (max-width:767px) {
.ctb-editor-actions {
		width: 100%;
		justify-content: flex-start;
	}
}
/* Clarus v4.1 — manual article quiz support */
.clarus-simple-quiz.is-mounted {
	display: block;
	margin: 34px 0;
}
.clarus-simple-quiz.is-mounted .clarus-simple-question,
.clarus-simple-quiz.is-mounted .clarus-simple-result {
	display: none!important;
}
/* ============================================================
   Clarus v4.2 client feedback updates
   ============================================================ */
.clarus-category-hero-inner.has-background-image {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.clarus-product-group-actions {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}
.clarus-product-view-all {
	margin-right: 2px;
}
.clarus-product-slider-button {
	display: inline-grid;
	width: 26px;
	height: 26px;
	padding: 0;
	place-items: center;
	border: 1px solid #172b3a;
	border-radius: 50%;
	background: #fff;
	color: #172b3a;
	cursor: pointer;
	transition: background-color .2s ease, color .2s ease, opacity .2s ease, transform .2s ease;
}
.clarus-product-slider-button:hover:not(:disabled) {
	background: #172b3a;
	color: #fff;
	transform: translateY(-1px);
}
.clarus-product-slider-button:disabled {
	opacity: .3;
	cursor: default;
}
.clarus-product-card-grid {
	grid-template-columns: repeat(4, minmax(0,1fr));
}
.clarus-product-card-media {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.clarus-product-slider-button i, .clarus-video-heading-actions i {
	font-size: 10px;
}
.clarus-product-card-media img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: transform .25s ease;
	max-width: 180px;
}
.clarus-product-card:hover .clarus-product-card-media img {
	transform: scale(1.035);
}
.clarus-product-card.has-no-image {
	min-height: 200px;
	justify-content: center;
	padding-top: 34px;
	padding-bottom: 34px;
	background: linear-gradient(145deg, #f4f5f6, #eceeef);
}
.clarus-product-card.has-no-image::before {
	content: "CLARUS";
	display: block;
	margin: 0 auto 22px;
	color: #b5bec3;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .12em;
}
.clarus-manual-card-copy h3 {
	color: #111;
}
.clarus-manual-card-copy h3 a {
	pointer-events: none;
}
.clarus-manual-actions {
	justify-content: flex-end;
}
.clarus-manual-actions a.is-disabled,
.clarus-detail-manual-download.is-disabled {
	opacity: .52;
	cursor: not-allowed;
	pointer-events: none;
}
.clarus-article-support-banner-wrap {
	width: min(1360px, calc(100% - 80px));
	margin: 0 auto;
}
.clarus-article-support-banner {
	margin: 0;
}
@media (max-width: 900px) {
.clarus-product-card-grid {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
}
@media (max-width: 575px) {
.clarus-product-group-header {
		align-items: flex-start;
	}
.clarus-product-group-actions {
		gap: 7px;
	}
.clarus-product-slider-button {
		width: 32px;
		height: 32px;
	}
.clarus-product-card-grid {
		grid-template-columns: 1fr;
	}
.clarus-article-support-banner-wrap {
		width: min(100% - 28px, 1480px);
	}
}
/* Clarus v4.3 — manuals design restoration and opt-in images */
.clarus-detail-manual-grid .clarus-detail-manual-download-card {
	display: flex;
	flex-direction: column;
	min-height: 135px;
	padding: 22px;
	border: 1px solid #e3e7e9;
	background: #fff;
	color: #172b3a;
	text-decoration: none;
}
.clarus-detail-manual-grid .clarus-detail-manual-download-card:hover {
	border-color: #a8cbd5;
}
.clarus-detail-manual-grid .clarus-detail-manual-download-card strong {
	font-size: 14px;
	line-height: 1.35;
}
.clarus-detail-manual-grid .clarus-detail-manual-download-card small {
	margin-top: auto;
	padding-top: 16px;
	color: #006b88;
	font-size: 11px;
}
.clarus-detail-manual-grid .clarus-detail-manual-download-card.is-disabled {
	opacity: .55;
	cursor: not-allowed;
	pointer-events: none;
}
.clarus-still-questions-image img {
	display: block;
	width: 100%;
	height: 100%;
	max-height: 280px;
	object-fit: contain;
	object-position: center;
}
.clarus-category-hero-inner {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.clarus-still-questions:not(:has(.clarus-still-questions-image)) {
	grid-template-columns: minmax(0,1fr);
}
.clarus-still-questions-image {
	padding-top: 15px;
}
@media(max-width:991px) {
.clarus-still-questions-image,.clarus-still-questions-image img {
		min-height: 220px;
	}
}
/* Clarus v4.4 — Manuals & Guides cards */
.clarus-product-detail-page .clarus-detail-manual-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}
.clarus-product-detail-page .clarus-detail-manual-download-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-height: 188px;
	padding: 25px 22px 22px;
	border: 1px solid #dbe3e8;
	border-radius: 6px;
	background: #fff;
	color: #0c2130;
	text-decoration: none;
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.clarus-product-detail-page .clarus-manual-download-icon {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	margin: 0 0 18px 2px;
	color: #718a9a;
	font-size: 25px;
}
.clarus-product-detail-page .clarus-manual-download-icon .fa-arrow-down {
	position: relative;
	z-index: 2;
	font-size: 18px;
}
.clarus-product-detail-page .clarus-manual-icon-line {
	position: absolute;
	left: 6px;
	right: 6px;
	bottom: 2px;
	height: 9px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	border-left: 2px solid currentColor;
	border-radius: 0 0 2px 2px;
}
.clarus-product-detail-page .clarus-manual-title {
	display: block;
	margin: 0;
	color: #102739;
	font-size: 17px !important;
	font-weight: 700;
	line-height: 1.35;
}
.clarus-product-detail-page .clarus-manual-download-label {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-top: auto;
	padding-top: 22px;
	color: #004F79;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
}
.clarus-product-detail-page .clarus-manual-download-label .fa-download {
	font-size: 11px;
}
.clarus-product-detail-page .clarus-detail-manual-download-card.is-disabled {
	opacity: .58;
	pointer-events: none;
}
@media (max-width: 991px) {
.clarus-product-detail-page .clarus-detail-manual-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 640px) {
.clarus-product-detail-page .clarus-detail-manual-grid {
		grid-template-columns: 1fr 1fr;
	}
.clarus-product-detail-page .clarus-detail-manual-download-card {
		min-height: 170px;
	}
}
/* Clarus v4.4.5 product-specific YouTube videos */
.clarus-product-detail-page .clarus-support-video-thumb {
	position: relative;
	display: block;
	min-height: 160px;
	overflow: hidden;
	background: #ddd;
}
.clarus-product-detail-page .clarus-support-video-thumb img {
	display: block;
	width: 100%;
	height: 160px;
	object-fit: cover;
	object-position: center;
	transition: transform .25s ease;
}
/* .clarus-product-detail-page
.clarus-support-video-card:hover
.clarus-support-video-thumb img {
  transform: scale(1.035);
} */
span.clarus-support-video-thumb:hover.clarus-support-video-thumb img {
	transform: scale(1.035);
}
.clarus-product-detail-page
.clarus-support-video-thumb
.clarus-video-play {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	margin: 0;
	transform: translate(-50%, -50%);
}
.clarus-product-detail-page
#clarus-support-videos.is-video-ready {
	display: block;
}
.clarus-article-video-player {
	width: 100%;
	margin: 0 0 30px;
}
.clarus-article-video-frame {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: 56.25%;
	border-radius: 8px;
	background: #000;
}
.clarus-article-video-frame iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.clarus-article-video-player > img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 8px;
}
/* Clarus v4.4.6 — product video cards, popup, and article placement */
.clarus-product-detail-page .clarus-support-video-card {
	display: flex !important;
	flex-direction: column;
	min-height: 290px !important;
	padding: 0 !important;
	overflow: hidden;
	border: 1px solid #dfe5e8 !important;
	border-radius: 9px !important;
	background: #fff !important;
	color: #172b3a;
	text-align: left;
	cursor: pointer;
	appearance: none;
}
/* .clarus-product-detail-page .clarus-support-video-card:hover {
  border-color: #a8c8d2 !important;
  box-shadow: 0 10px 24px rgba(20, 47, 62, .10);
  transform: translateY(-2px);
} */
.clarus-product-detail-page .clarus-support-video-thumb {
	position: relative;
	display: block;
	width: 100%;
	height: 175px;
	min-height: 175px !important;
	overflow: hidden;
	background: #ddd;
}
.clarus-product-detail-page .clarus-support-video-thumb img {
	display: block;
	width: 100%;
	height: 175px !important;
	min-height: 175px !important;
	object-fit: cover;
	object-position: center;
}
.clarus-product-detail-page .clarus-support-video-copy {
	display: flex;
	flex: 1;
	flex-direction: column;
	width: 100%;
	padding: 18px 18px 20px !important;
	box-sizing: border-box;
}
.clarus-product-detail-page .clarus-support-video-copy small {
	margin: 0 0 7px;
	color: #004F79;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: uppercase;
}
.clarus-product-detail-page .clarus-support-video-copy strong {
	margin: 0 0 18px !important;
	color: #111;
	line-height: 1.35;
}
.clarus-product-detail-page .clarus-support-video-copy > span {
	margin-top: auto;
	color: #004F79;
	font-weight: 900;
	font-size: 11px;
}
#clarus-product-video-modal .clarus-video-modal-dialog {
	position: relative;
	width: min(920px, calc(100vw - 40px));
	max-height: calc(100vh - 40px);
	padding: 24px;
	overflow: auto;
	border-radius: 12px;
	background: transparent;
}
.clarus-product-video-modal-close {
	display: none;
	position: absolute;
	top: 12px;
	right: 14px;
	z-index: 3;
	width: 38px;
	height: 38px;
	border: 0;
	border-radius: 50%;
	background: #f1f3f4;
	color: #142b39;
	font-size: 26px;
	line-height: 1;
	cursor: pointer;
}
.clarus-product-video-modal-title {
	display: none;
	margin: 0 48px 18px 0;
	font-size: 22px;
	line-height: 1.3;
}
#clarus-product-video-modal .clarus-video-modal-frame {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	overflow: hidden;
	border-radius: 9px;
	background: #000;
}
#clarus-product-video-modal .clarus-video-modal-frame iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.clarus-article-video-player {
	max-width: 900px;
	margin: 24px 0 30px !important;
}
/* CTA button hover effect */
.clarus-hover-arrow {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 42px;
 /* Arrow ki space pehle se reserve */
	overflow: hidden;
}
.clarus-hover-arrow span {
	transition: transform .3s ease;
}
.clarus-hover-arrow:hover span {
	transform: translateX(-8px);
}
.clarus-hover-arrow::after {
	content: "\f061";
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
	position: absolute;
	right: 26px;
	top: 50%;
	transform: translateY(-50%) translateX(-6px);
	opacity: 0;
	transition: all .3s ease;
}
a.clarus-btn.clarus-hover-arrow::after {
	right: 22px;
}
.clarus-hover-arrow:hover::after {
	opacity: 1;
	transform: translateY(-50%) translateX(0);
}
/* view more hide  */
.clarus-product-model.is-hidden {
	display: none;
}
.clarus-product-more {
	display: inline-flex;
	margin-top: 10px;
	font-weight: 600;
	cursor: pointer;
	color: #0b6cff;
	text-decoration: none;
}
.clarus-product-more:hover {
	text-decoration: underline;
}
.clarus-product-card-title a {
	color: inherit;
	text-decoration: none;
}
.clarus-product-card-title a:hover {
	color: #1F73B7;
	;
}
.clarus-product-card-media {
	display: block;
}
.clarus-product-model {
	display: block;
	margin-top: 6px;
	text-decoration: none;
}
.clarus-product-model:hover {
	text-decoration: underline;
}
/* span.clarus-product-card-divider.clarus-model-card-divider,
.clarus-product-models.clarus-model-support-list,
span.clarus-product-more.clarus-model-more {
  display: none;
} */
/* Previous breadcrumb links */
.breadcrumbs li:not(:last-child) a {
	color: #004F78;
	text-decoration: none;
	font-weight: 600;
}
/* Current page */
.breadcrumbs li:last-child a {
	color: #6B7A8D !important;
	text-decoration: none;
}
/* Arrow slide animation */
.clarus-manual-download-label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.clarus-arrow {
	display: inline-block;
	transition: transform .3s ease;
}
.clarus-detail-manual-download-card:hover .clarus-arrow {
	transform: translateX(6px);
}
.clarus-arrow .fa-arrow-right-long::before {
	font-size: 10px;
}
/* Sidebar CSS fixes */
.clarus-tree-articles {
	border-left: 1px solid #dce3e7;
	padding-left: 0px !important;
}
a.is-current {
	color: #1542E6 !important;
	background: #EFF5FE !important;
	border-left: 2px solid #1542E6;
}
.clarus-tree-articles a {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
/* ==========================================
   ARTICLE VOTING LAYOUT
   ========================================== */
.clarus-article-votes {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 30px;
}
/* Yes / No + vote result */
.clarus-vote-right {
	margin-left: auto;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 8px;
}
/* Yes / No buttons */
.clarus-vote-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
}
/* "1 out of 1 found this helpful" */
.clarus-vote-feedback {
	margin: 0;
	text-align: right;
	font-size: 14px;
	line-height: 1.4;
}
/* ============================================================
   CLARUS ARTICLE VIDEO LIBRARY
   Client reference design
   ============================================================ */
.clarus-article-video-library {
	width: 100%;
}
.clarus-article-video-group {
	margin: 0 0 48px;
}
.clarus-article-video-group:last-child {
	margin-bottom: 0;
}
.clarus-article-video-group > h2 {
	margin: 0 0 22px;
	font-size: 22px;
	line-height: 1.3;
	font-weight: 700;
	color: #10233f;
}
/* ------------------------------------------------------------
   Grid

   1 video  = one card
   2 videos = two cards
   3 videos = full row
   4+       = automatically wraps
   ------------------------------------------------------------ */
.clarus-article-video-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
	width: 100%;
}
/* ------------------------------------------------------------
   Card
   ------------------------------------------------------------ */
.clarus-article-video-card {
	appearance: none;
	-webkit-appearance: none;
	display: flex;
	flex-direction: column;
	width: 100%;
	min-width: 0;
	padding: 0;
	margin: 0;
	overflow: hidden;
	border: 1px solid #e3e8ef;
	border-radius: 8px;
	background: #fff;
	color: #10233f;
	text-align: left;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(16, 35, 63, 0.04);
	transition: transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease;
}
.clarus-article-video-card:hover {
	transform: translateY(-2px);
	border-color: #ccd7e3;
	box-shadow: 0 8px 24px rgba(16, 35, 63, 0.10);
}
.clarus-article-video-card:focus-visible {
	outline: 3px solid rgba(0, 100, 150, 0.25);
	outline-offset: 3px;
}
/* ------------------------------------------------------------
   Thumbnail
   ------------------------------------------------------------ */
.clarus-article-video-media {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #e9edf2;
}
.clarus-article-video-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}
.clarus-article-video-card:hover
.clarus-article-video-media img {
	transform: scale(1.025);
}
/* ------------------------------------------------------------
   Center play icon
   ------------------------------------------------------------ */
.clarus-article-video-play {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 46px;
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translate(-50%, -50%);
	border: 3px solid #fff;
	border-radius: 50%;
	background: rgba(22, 29, 38, 0.72);
	color: #fff;
	font-size: 16px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
	transition: transform 0.18s ease,
    background 0.18s ease;
}
.clarus-article-video-play i {
	margin-left: 2px;
}
.clarus-article-video-card:hover
.clarus-article-video-play {
	background: rgba(0, 95, 142, 0.92);
	transform: translate(-50%, -50%)
    scale(1.06);
}
/* ------------------------------------------------------------
   Duration badge
   ------------------------------------------------------------ */
.clarus-article-video-duration {
	position: absolute;
	right: 8px;
	bottom: 8px;
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 3px 7px;
	border-radius: 3px;
	background: rgba(15, 22, 32, 0.82);
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
}
/* ------------------------------------------------------------
   Copy
   ------------------------------------------------------------ */
.clarus-article-video-copy {
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex: 1;
	padding: 15px 14px 17px;
}
.clarus-article-video-title {
	display: block;
	margin: 0;
	color: #15304d;
	font-size: 14px;
	line-height: 1.4;
	font-weight: 700;
}
.clarus-article-video-description {
	display: block;
	color: #5e6d7d;
	font-size: 13px;
	line-height: 1.55;
}
.clarus-support-article .clarus-article-video-group > h1,
.clarus-video-group-heading {
	margin: 0 0 22px;
	font-size: 22px;
	line-height: 1.3;
	font-weight: 700;
	color: #10233f;
}
/* ------------------------------------------------------------
   Tablet
   ------------------------------------------------------------ */
@media (max-width: 991px) {
.clarus-article-video-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
/* ------------------------------------------------------------
   Mobile
   ------------------------------------------------------------ */
@media (max-width: 600px) {
.clarus-article-video-group {
		margin-bottom: 36px;
	}
.clarus-article-video-group > h2 {
		margin-bottom: 16px;
		font-size: 20px;
	}
.clarus-article-video-grid {
		grid-template-columns: 1fr;
		gap: 18px;
	}
}
@media (max-width: 767px) {
.clarus-product-detail-page .clarus-support-video-thumb,
  .clarus-product-detail-page .clarus-support-video-thumb img {
		height: 190px !important;
		min-height: 190px !important;
	}
#clarus-product-video-modal .clarus-video-modal-dialog {
		width: calc(100vw - 24px);
		padding: 18px;
	}
}
/* ============================================================
   PRODUCT SUPPORT VIDEO CARDS
   Match article video library
   ============================================================ */
.clarus-support-video-card--enhanced {
	padding: 0;
	overflow: hidden;
	text-align: left;
	background: #fff;
	border: 1px solid #dfe5eb;
	border-radius: 8px;
	cursor: pointer;
	transition: transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease;
}
.clarus-support-video-card--enhanced:hover {
	transform: translateY(-2px);
	border-color: #ccd7e3;
	box-shadow: 0 8px 24px rgba(16, 35, 63, 0.10);
}
/* Thumbnail */
.clarus-support-video-card--enhanced
.clarus-support-video-thumb {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #e9edf2;
}
.clarus-support-video-card--enhanced
.clarus-support-video-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}
.clarus-support-video-card--enhanced:hover
.clarus-support-video-thumb img {
	transform: scale(1.025);
}
/* Play icon - same article style */
.clarus-support-video-play {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 46px;
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translate(-50%, -50%);
	border: 3px solid #fff;
	border-radius: 50%;
	background: rgba(22, 29, 38, 0.72);
	color: #fff;
	font-size: 16px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
	transition: transform 0.18s ease,
    background 0.18s ease;
}
.clarus-support-video-play i {
	margin-left: 2px;
}
.clarus-support-video-card--enhanced:hover
.clarus-support-video-play {
	background: rgba(0, 95, 142, 0.92);
	transform: translate(-50%, -50%)
    scale(1.06);
}
/* Duration */
.clarus-support-video-duration {
	position: absolute;
	right: 8px;
	bottom: 8px;
	padding: 4px 7px;
	border-radius: 3px;
	background: rgba(15, 22, 32, 0.82);
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
}
/* Content */
.clarus-support-video-card--enhanced
.clarus-support-video-copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 7px;
	padding: 16px 17px 18px;
}
/* H1/category */
.clarus-support-video-category {
	display: block;
	color: #00638f;
	font-size: 11px;
	line-height: 1.3;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}
/* H2/video title */
.clarus-support-video-title {
	display: block;
	color: #10233f;
	font-size: 15px;
	line-height: 1.4;
	font-weight: 700;
}
/* Description */
.clarus-support-video-description {
	display: block;
	color: #5e6d7d;
	font-size: 13px;
	line-height: 1.5;
}
/* Watch video */
.clarus-support-video-watch {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-top: 5px;
	color: #00638f;
	font-size: 12px;
	line-height: 1.4;
	font-weight: 700;
}
/* ============================================================
   MODEL SELECTOR - SERIES MODEL NAMES
   Child section cards show [models: ...] as plain text.
   ============================================================ */
.clarus-model-card .clarus-model-card-media {
	display: block;
	text-decoration: none;
}
.clarus-model-card .clarus-model-series-list {
	display: flex;
	min-height: 13px;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 3px;
}
.clarus-model-card .clarus-model-series-item {
	display: inline;
	margin-top: 0;
	color: #4b5052;
	font-size: 13px;
	line-height: 1.4;
	font-weight: 400;
	cursor: default;
	text-decoration: none;
}
.clarus-model-card .clarus-model-series-item:hover {
	text-decoration: none;
}
.clarus-model-card .clarus-model-series-item.is-hidden {
	display: none;
}
.clarus-model-card .clarus-model-more {
	appearance: none;
	-webkit-appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-width: 0;
	margin: 9px auto 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #0b6cff;
	font: inherit;
	font-size: 11px;
	line-height: 1.2;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
}
.clarus-model-card .clarus-model-more:hover,
.clarus-model-card .clarus-model-more:focus {
	background: transparent;
	color: #0b6cff;
	text-decoration: underline;
}
.clarus-model-card .clarus-model-more:focus-visible {
	outline: 2px solid #006b88;
	outline-offset: 3px;
	border-radius: 2px;
}
/* Model-series comma separators only between currently visible items. */
.clarus-model-card .clarus-model-series-list {
	gap: 0;
}
.clarus-model-card .clarus-model-series-list .clarus-model-series-item::after {
	content: none !important;
}
.clarus-model-card .clarus-model-series-item:not(.is-hidden) +
.clarus-model-series-item:not(.is-hidden)::before {
	content: ", ";
	white-space: pre;
}
/* ============================================================
   Clarus v4.5 — Product Support Troubleshooting / Figma flow
   Manual quiz source stays in Zendesk articles; runtime is loaded
   inside the product_support Troubleshooting section.
   ============================================================ */
.clarus-troubleshooting-hub {
	padding: 58px 0 62px;
}
.clarus-troubleshooting-hub > h2 {
	margin: 0 0 34px;
	color: #172b3a;
	text-align: center;
	font-size: 28px !important;
	font-weight: 750;
	line-height: 1.2;
}
.clarus-troubleshooting-hub [hidden] {
	display: none !important;
}
.clarus-troubleshooting-hub .clarus-trouble-grid {
	max-width: 980px;
	margin: 0 auto;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 14px;
}
.clarus-troubleshooting-hub .clarus-trouble-card {
	display: flex;
	min-height: 136px;
	padding: 22px 18px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 13px;
	border: 1px solid #e3e9ed;
	border-radius: 9px;
	background: #fff;
	color: #173347;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	box-shadow: none;
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.clarus-troubleshooting-hub .clarus-trouble-card:hover,
.clarus-troubleshooting-hub .clarus-trouble-card:focus-visible {
	border-color: #E2E1DF;
	transform: translateY(-2px);
	background: #f2f3f4;
	color: #000;
}
.clarus-trouble-card-icon {
	display: inline-flex;
	width: 42px;
	height: 42px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #edf8fc;
	color: #009bb7;
	font-size: 17px;
}
.clarus-trouble-runtime {
	max-width: 780px;
	margin: 0 auto;
}
.clarus-trouble-loading,
.clarus-trouble-error {
	padding: 54px 28px;
	border: 1px solid #e2e9ed;
	border-radius: 10px;
	background: #fff;
	text-align: center;
}
.clarus-trouble-loading p,
.clarus-trouble-error p {
	color: #6f8190;
}
.clarus-trouble-spinner {
	display: inline-block;
	width: 28px;
	height: 28px;
	border: 3px solid #dcecef;
	border-top-color: #00758d;
	border-radius: 50%;
	animation: clarusTroubleSpin .8s linear infinite;
}
@keyframes clarusTroubleSpin {
to {
		transform: rotate(360deg);
	}
}
.clarus-trouble-error div {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 22px;
}
.clarus-trouble-error button,
.clarus-trouble-error a {
	padding: 10px 16px;
	border: 1px solid #00758d;
	border-radius: 6px;
	background: #fff;
	color: #006b83;
	font: inherit;
	text-decoration: none;
	cursor: pointer;
}
/* Article storage markup never shows as raw content. */
.clarus-simple-quiz {
	display: none;
}
.clarus-simple-quiz.is-mounted.clarus-quiz-figma {
	display: block;
	margin: 0;
}
.clarus-simple-quiz.is-mounted.clarus-quiz-figma .clarus-simple-question,
.clarus-simple-quiz.is-mounted.clarus-quiz-figma .clarus-simple-result {
	display: none !important;
}
.clarus-figma-shell {
	width: 100%;
	color: #172b3a;
}
/* ============================================================
   CLARUS QUIZ BOTTOM NAV — CLIENT FIGMA MATCH
   ============================================================ */
.clarus-figma-nav {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 34px;
	margin-top: 26px;
	padding-top: 0;
	border-top: 0;
	width: 100%;
}
.clarus-figma-nav button {
	appearance: none;
	-webkit-appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent;
	color: #1f2937;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.2;
	cursor: pointer;
}
.clarus-figma-nav button:hover,
.clarus-figma-nav button:focus {
	color: #006f87;
	background: transparent;
}
.clarus-figma-nav .clarus-nav-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: auto;
	font-size: 30px;
	font-weight: 400;
	line-height: 1;
	color: currentColor;
}
.clarus-figma-nav .clarus-restart-icon {
	font-size: 24px;
	transform: translateY(-1px);
}
.clarus-back-icon {
	font-size: 34px;
	margin-right: -2px;
}
.clarus-restart-icon {
	font-size: 27px;
}
.clarus-question-block > h3 {
	margin-bottom: 10px;
	color: #172b3a;
	font-size: 22px !important;
	font-weight: 700;
	line-height: 1.28;
	text-align: left;
}
.clarus-question-subtitle {
	margin: 8px 0 24px;
	color: #758799;
	font-size: 14px;
	line-height: 1.5;
}
.clarus-figma-options {
	border-top: 1px solid #e4eaee;
}
.clarus-figma-options button {
	display: flex;
	width: 100%;
	min-height: 60px;
	padding: 15px 4px 15px 15px;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	border: 0;
	border-bottom: 1px solid #e4eaee;
	background: #fff;
	color: #20384a;
	font: inherit;
	font-size: 15px;
	line-height: 1.4;
	text-align: left;
	cursor: pointer;
/*   transition: color .18s ease, padding .18s ease, background-color .18s ease; */;
}
.clarus-figma-options button:hover,
.clarus-figma-options button:focus-visible {
	background: #f4f4f4;
	color: #000;
	font-weight: 600;
}
.clarus-option-mark {
	flex: 0 0 auto;
	color: #718a9b;
	font-size: 24px;
	font-weight: 400;
}
.clarus-figma-options.is-binary {
	display: grid;
	gap: 12px;
	border-top: 0;
}
.clarus-figma-options.is-binary button {
	min-height: 62px;
	padding: 16px 18px;
	border: 1px solid #d8e3e8;
	border-radius: 8px;
}
.clarus-figma-options.is-binary button:hover,
.clarus-figma-options.is-binary button:focus-visible {
	padding-left: 22px;
}
.clarus-solution-card {
	margin: 0 0 28px;
	padding: 26px 28px;
	border: 1px solid #dce6eb;
	border-radius: 12px;
	background: #fff;
}
.clarus-solution-card h3 {
	margin: 0 0 10px;
	color: #172b3a;
	font-size: 19px !important;
	font-weight: 750;
}
.clarus-solution-card p {
	margin: 0;
	color: #4f6474;
	font-size: 14px;
	line-height: 1.65;
}
.clarus-solution-list {
	margin-top: 18px;
}
.clarus-solution-list strong {
	font-size: 13px;
}
.clarus-solution-list ol {
	margin: 10px 0 0;
	padding-left: 22px;
	color: #435b6c;
	font-size: 13px;
	line-height: 1.65;
}
.clarus-helpful-panel {
	margin: 10px auto 0;
	padding: 31px 28px 29px;
	border-radius: 10px;
	background: #f4f4f4;
	text-align: center;
}
.clarus-helpful-panel h3 {
	margin: 0;
	font-size: 20px !important;
	font-weight: 750;
}
.clarus-helpful-panel p {
	margin: 7px 0 20px;
	color: #758799;
	font-size: 13px;
}
.clarus-helpful-actions,
.clarus-support-actions {
	display: flex;
	justify-content: center;
	gap: 12px;
	flex-wrap: wrap;
}
.clarus-helpful-actions button,
.clarus-support-actions a,
.clarus-support-actions button,
.clarus-quiz-primary {
	padding: 11px 18px;
	border: 1px solid #00758d;
	border-radius: 6px;
	background: #fff;
	color: #006b83;
	font: inherit;
	font-size: 13px;
	font-weight: 650;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
  border-radius: 999px;
}
.clarus-helpful-actions .is-primary,
.clarus-support-actions .clarus-support-primary,
.clarus-quiz-primary {
	background: #00758d;
	color: #fff;
}
.clarus-figma-result {
	max-width: 720px;
	margin: 28px auto 0;
	text-align: center;
}
.clarus-figma-result.is-success {
	padding: 24px 20px 50px;
	border-bottom: 1px solid #e4e9ee;
}
.clarus-success-mark {
	display: flex;
	width: 58px;
	height: 58px;
	margin: 0 auto 20px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #e6f8ef;
	color: #20bd65;
	font-size: 31px;
	font-weight: 700;
	animation: clarusSuccessPop .55s cubic-bezier(.2,.9,.25,1.3) both;
}
@keyframes clarusSuccessPop {
0% {
		opacity: 0;
		transform: scale(.55) rotate(-12deg);
	}
100% {
		opacity: 1;
		transform: scale(1) rotate(0);
	}
}
.clarus-figma-result h3 {
	margin: 0;
	color: #172b3a;
	font-size: 24px !important;
	font-weight: 760;
}
.clarus-figma-result p {
	margin: 9px 0 24px;
	color: #758799;
	font-size: 14px;
}
.clarus-figma-result.is-failure {
	padding: 31px 26px;
	border-radius: 10px;
}
@media (max-width: 767px) {
.clarus-troubleshooting-hub {
		padding: 42px 0 48px;
	}
.clarus-troubleshooting-hub > h2 {
		font-size: 24px !important;
	}
.clarus-troubleshooting-hub .clarus-trouble-grid {
		grid-template-columns: 1fr;
	}
.clarus-troubleshooting-hub .clarus-trouble-card {
		min-height: 110px;
	}
.clarus-question-block > h3 {
		font-size: 20px !important;
	}
.clarus-solution-card {
		padding: 20px;
	}
.clarus-helpful-actions,
  .clarus-support-actions {
		flex-direction: column;
	}
.clarus-helpful-actions button,
  .clarus-support-actions a,
  .clarus-support-actions button,
  .clarus-quiz-primary {
		width: 100%;
	}
}
/* ============================================================
   Clarus v4.5.1 — Figma comment refinements
   - Supporting subtext below the main troubleshooting title
   - Persistent topic pills with an All state
   - Selected pill replaces redundant category heading
   - Back / Restart navigation lives below each quiz screen
   ============================================================ */
.clarus-troubleshooting-hub .clarus-trouble-heading {
	max-width: 980px;
	margin: 0 auto 24px;
	text-align: center;
}
.clarus-troubleshooting-hub .clarus-trouble-heading h2 {
	margin: 0;
	color: #172b3a;
	font-size: 28px !important;
	font-weight: 750;
	line-height: 1.2;
}
.clarus-troubleshooting-hub .clarus-trouble-heading p {
	max-width: 680px;
	margin: 11px auto 0;
	color: #667b8d;
	font-size: 14px;
	line-height: 1.55;
}
.clarus-trouble-pills {
	display: flex;
	max-width: 980px;
	margin: 0 auto 30px;
	align-items: center;
	justify-content: center;
	gap: 9px;
	flex-wrap: wrap;
}
.clarus-trouble-pill {
	min-height: 36px;
	padding: 8px 16px;
	border: 1px solid #d9e2e8;
	border-radius: 999px;
	background: #fff;
  color: #787879;
	font: inherit;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.2;
	cursor: pointer;
	transition: border-color .18s ease, color .18s ease, background-color .18s ease, box-shadow .18s ease;
}
.clarus-trouble-pill:hover,
.clarus-trouble-pill:focus-visible {
	color: #fff;
  background: #111;
  border-color: #111;
}
.clarus-trouble-pill.is-active {
	color: #fff;
	background: #111;
	border-color: #111;
}
.clarus-trouble-card[hidden] {
	display: none !important;
}
/* Figma comment: navigation belongs at the bottom, not above content. */
.clarus-figma-nav {
	width: 100%;
	min-height: 42px;
	margin: 20px auto 0;
	align-items: center;
	justify-content: flex-start;
	gap: 15px;
}
.clarus-figma-nav button {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 4px 0;
	color: #263947;
	font-size: 14px;
	font-weight: 500;
}
.clarus-figma-nav button:hover,
.clarus-figma-nav button:focus-visible {
	color: #006c82;
	outline: none;
}
.clarus-nav-icon {
	display: inline-flex;
	width: 16px;
	height: 20px;
	align-items: center;
	justify-content: center;
	font-size: 25px;
	font-weight: 300;
	line-height: 1;
}
.clarus-restart-icon {
	width: 20px;
	font-size: 23px;
	font-weight: 600;
}
.clarus-figma-options i {
	font-size: 12px;
	padding-right: 20px;
}
.clarus-detail-topic-card i {
	font-size: 10px;
}
@media (max-width: 767px) {
.clarus-troubleshooting-hub .clarus-trouble-heading h2 {
		font-size: 24px !important;
	}
.clarus-troubleshooting-hub .clarus-trouble-heading p {
		padding: 0 14px;
		font-size: 13px;
	}
.clarus-trouble-pills {
		margin-bottom: 24px;
		padding: 0 8px;
		justify-content: flex-start;
		flex-wrap: nowrap;
		overflow-x: auto;
		scrollbar-width: thin;
	}
.clarus-trouble-pill {
		flex: 0 0 auto;
		white-space: nowrap;
	}
.clarus-figma-nav {
		gap: 24px;
		margin-top: 22px;
	}
}
/* ============================================================
   Clarus v4.5.2 — Troubleshooting stage placement correction
   Initial screen: heading + issue cards only.
   Detail/quiz screen: supporting subtext + topic pills become visible.
   ============================================================ */
.clarus-troubleshooting-hub [data-clarus-trouble-subtext][hidden],
.clarus-troubleshooting-hub [data-clarus-trouble-pills][hidden] {
	display: none !important;
}
.clarus-troubleshooting-hub.is-initial-stage .clarus-trouble-heading {
	margin-bottom: 28px;
}
.clarus-troubleshooting-hub.is-detail-stage .clarus-trouble-heading {
	margin-bottom: 18px;
}
.clarus-troubleshooting-hub.is-detail-stage .clarus-trouble-pills {
	margin-bottom: 30px;
}
.clarus-trouble-card-icon {
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #eef9fc;
	margin-bottom: 16px;
}
.clarus-trouble-card-icon-img {
	width: 24px;
	height: 24px;
	object-fit: contain;
	display: block;
}
/* ============================================================
   CLARUS FIGMA SOLUTION SCREEN
   Add to the END of style.css
   ============================================================ */
.clarus-figma-solution {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 220px;
	gap: 28px;
	padding: 28px 0 24px;
	border-bottom: 1px solid #e4e9ee;
}
.clarus-figma-solution-main {
	min-width: 0;
}
.clarus-figma-solution-title {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 10px;
	font-size: 22px;
	line-height: 1.3;
}
.clarus-solution-check {
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #e4f7ef;
	color: #087b67;
	font-weight: 700;
}
.clarus-figma-solution-copy {
	margin: 0 0 24px;
	color: #5e6d7e;
	line-height: 1.6;
}
.clarus-figma-solution-steps {
	list-style: none;
	counter-reset: clarus-solution-step;
	padding: 0;
	margin: 0;
}
.clarus-figma-solution-steps li {
	counter-increment: clarus-solution-step;
	display: grid;
	grid-template-columns: 26px minmax(0, 1fr);
	gap: 12px;
	align-items: start;
	margin: 0 0 14px;
	line-height: 1.5;
}
.clarus-figma-solution-steps li::before {
	content: counter(clarus-solution-step);
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #096bd8;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	margin-top: 1px;
}
.clarus-figma-tip {
	align-self: start;
	border: 1px solid #dbe7f4;
	border-radius: 12px;
	padding: 20px;
	background: #f5f9fd;
}
.clarus-figma-tip strong {
	display: block;
	margin-bottom: 10px;
	color: #0864c6;
}
.clarus-figma-tip p {
	margin: 0;
	color: #5e6d7e;
	line-height: 1.55;
}
.clarus-figma-tip img {
	display: block;
	max-width: 150px;
	max-height: 150px;
	object-fit: contain;
	margin: 18px auto 0;
}
.clarus-solution-question {
	padding-top: 22px;
}
.clarus-solution-question > h3 {
	margin: 0 0 16px;
}
.clarus-figma-options.is-solution-options {
	display: grid;
	gap: 10px;
}
.clarus-figma-options.is-solution-options button {
	width: 100%;
	min-height: 50px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 14px;
	padding: 12px 18px;
	border: 1px solid #111;
	border-radius: 10px;
	background: #050505;
	color: #fff;
	text-align: left;
	cursor: pointer;
}
.clarus-figma-options.is-solution-options button:hover,
.clarus-figma-options.is-solution-options button:focus {
	background: #17212b;
}
.clarus-solution-choice-icon {
	width: 22px;
	height: 22px;
	flex: 0 0 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 2px solid currentColor;
	border-radius: 50%;
	font-size: 13px;
	line-height: 1;
}
/* ============================================================
   CLARUS TROUBLESHOOTING SUCCESS SCREEN
   ============================================================ */
.clarus-success-screen {
	text-align: left;
	padding: 34px 28px 40px;
}
.clarus-success-screen > h3 {
	margin: 0 0 52px;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.25;
	color: #10263b;
}
.clarus-success-content {
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr);
	gap: 20px;
	align-items: start;
	max-width: 900px;
	margin: 0 auto;
}
.clarus-success-animation {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}
.clarus-success-animation img {
	display: block;
	width: 100px;
	height: 100px;
	object-fit: contain;
}
.clarus-success-fallback {
	display: inline-flex;
	width: 72px;
	height: 72px;
	align-items: center;
	justify-content: center;
	border: 4px solid #1d0d47;
	border-radius: 50%;
	color: #1d0d47;
	font-size: 40px;
	font-weight: 700;
}
.clarus-success-copy p {
	max-width: 650px;
	margin: 0;
	font-size: 18px;
	line-height: 1.6;
	color: #263746;
}
.clarus-success-logo-wrap {
	justify-items: center;
	justify-self: center;
}
.clarus-success-logo {
	display: block;
	max-width: 130px;
	object-fit: contain;
	object-position: left center;
	margin-top: 55px;
}
.clarus-support-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
}
.clarus-support-btn span {
    display: inline-block;
    transition: transform 0.3s ease;
}
.clarus-support-btn::after {
    content: "\f061";
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    width: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateX(-3px);
    transition:
        width 0.3s ease,
        opacity 0.3s ease,
        transform 0.3s ease;
}
.clarus-support-btn:hover span {
    transform: translateX(-5px);
}
.clarus-support-btn:hover::after {
    width: 16px;
    margin-left: 7px;
    opacity: 1;
    transform: translateX(0);
}
.clarus-support-actions {
    display: flex;
    justify-content: center;
    gap: 12px;
}
.clarus-support-actions .clarus-support-btn {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
  	background: var(--clarus-blue);
    font-weight: 500;
 		color: #fff;
}
.quiz-chat-btn {
  min-width: 150px
}
.quiz-call-btn {
  min-width: 130px
}
.quiz-request-btn {
  min-width: 180px
}
@media (max-width: 767px) {
.clarus-success-screen {
		padding: 28px 18px;
	}
.clarus-success-screen > h3 {
		font-size: 25px;
		margin-bottom: 32px;
	}
.clarus-success-content {
		grid-template-columns: 1fr;
		gap: 22px;
	}
.clarus-success-animation {
		justify-content: center;
	}
.clarus-success-screen {
    text-align: center;
	}
.clarus-success-logo {
		margin-top: 36px;
		width: 160px;
	}
.clarus-support-actions {
    flex-direction: column;
    align-items: center;
    }
.clarus-support-actions .clarus-support-btn {
    width: 100%;
    max-width: 280px;
    min-width: 0;
  }
}
@media (max-width: 767px) {
.clarus-figma-solution {
		grid-template-columns: 1fr;
	}
.clarus-figma-tip {
		order: 2;
	}
}
/* ============================================================
   CLARUS MANUAL SELECTOR — CLIENT REFERENCE v4.5.3
   White four-step modal. 3 desktop / 2 tablet / 1 mobile.
   ============================================================ */
.clarus-manual-selector-modal {
  padding: 28px !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: "Lato", Arial, sans-serif !important;
}
.clarus-manual-selector-overlay {
  background: rgb(0 0 0 / 75%) !important;
  backdrop-filter: blur(1px);
}
.clarus-manual-selector-dialog {
  position: relative;
  display: flex !important;
  flex-direction: column;
  width: min(1080px, calc(100vw - 48px)) !important;
  max-width: 1080px !important;
  height: min(1220px, calc(100dvh - 56px));
  max-height: calc(100dvh - 56px) !important;
  margin: 0;
  overflow: hidden !important;
  border: 1px solid #d7e0e4 !important;
  border-radius: 30px !important;
  background: #fff !important;
  box-shadow: 0 24px 70px rgba(29, 52, 64, .13) !important;
  animation: clarus-manual-modal-rise .22s ease both;
}
.clarus-manual-selector-close {
  position: absolute !important;
  z-index: 10;
  top: 38px !important;
  right: 42px !important;
  display: grid !important;
  width: 62px !important;
  height: 62px !important;
  place-items: center;
  padding: 0 !important;
  border: 1px solid #bccbd2 !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #163140 !important;
  font-size: 33px !important;
  line-height: 1 !important;
  box-shadow: none !important;
}
.clarus-manual-selector-close:hover,
.clarus-manual-selector-close:focus-visible {
  border-color: #718894 !important;
  background: #f9fbfc !important;
  outline: none !important;
  transform: none !important;
}
.clarus-manual-selector-header {
  display: block !important;
  min-height: 210px !important;
  padding: 44px 130px 34px 56px !important;
  border-bottom: 1px solid #dce4e8 !important;
  background: #fff !important;
  color: #142d3c !important;
}
.clarus-manual-selector-header::after,
.clarus-manual-selector-brandmark {
  display: none !important;
}
.clarus-manual-selector-kicker {
  display: block !important;
  margin: 0 0 12px !important;
  color: #087d95 !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}
.clarus-manual-selector-header h2 {
  margin: 0 !important;
  color: #142d3c !important;
  font-size: 43px !important;
  line-height: 1.08 !important;
  font-weight: 500 !important;
  letter-spacing: -.025em !important;
}
.clarus-manual-selector-header p {
  margin: 14px 0 0 !important;
  color: #718591 !important;
  font-size: 21px !important;
  line-height: 1.45 !important;
}
.clarus-manual-progress {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 48px minmax(0, 1fr) 48px minmax(0, 1fr) 48px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 108px !important;
  padding: 22px 56px !important;
  border-bottom: 1px solid #dce4e8 !important;
  background: #fff !important;
}
.clarus-manual-progress-item {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0;
  color: #718591 !important;
}
.clarus-manual-progress-number {
  display: grid !important;
  width: 46px !important;
  height: 46px !important;
  flex-basis: 46px !important;
  place-items: center !important;
  border: 1px solid #cbd7dd !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #7c8d97 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
.clarus-manual-progress-copy {
  display: grid !important;
  gap: 4px !important;
  min-width: 0;
}
.clarus-manual-progress-copy strong {
  color: #203746 !important;
  font-size: 16px !important;
  line-height: 1.15 !important;
  font-weight: 500 !important;
}
.clarus-manual-progress-copy small {
  display: block !important;
  overflow: hidden;
  color: #8b9aa3 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.clarus-manual-progress-item.is-current .clarus-manual-progress-number {
  border-color: #07829a !important;
  background: #07829a !important;
  color: #fff !important;
}
.clarus-manual-progress-item.is-current .clarus-manual-progress-copy strong {
  color: #142d3c !important;
  font-weight: 700 !important;
}
.clarus-manual-progress-item.is-complete .clarus-manual-progress-number {
  position: relative;
  border-color: #1f2529 !important;
  background: #fff !important;
  color: transparent !important;
}
.clarus-manual-progress-item.is-complete .clarus-manual-progress-number::after {
  content: "✓" !important;
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #11181c !important;
  font-size: 17px !important;
}
.clarus-manual-progress-item.is-pending,
.clarus-manual-progress-item.is-optional {
  opacity: .52;
}
.clarus-manual-progress-line {
  display: block !important;
  width: 100% !important;
  height: 1px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #cdd9de !important;
}
.clarus-manual-progress-line.is-complete {
  background: #cdd9de !important;
}
.clarus-manual-selector-body {
  flex: 1 1 auto;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  padding: 48px 56px 62px !important;
  background: #fff !important;
  scrollbar-width: thin;
  scrollbar-color: #b8c5ca transparent;
}
.clarus-manual-selector-steps {
  display: block !important;
}
.clarus-manual-selector-step,
.clarus-manual-selector-step.is-active,
.clarus-manual-selector-step.is-current,
.clarus-manual-selector-step.is-complete {
  display: block;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.clarus-manual-selector-step[hidden] {
  display: none !important;
}
.clarus-manual-step-heading {
  display: block !important;
  margin: 0 0 32px !important;
}
.clarus-manual-step-number {
  display: none !important;
}
.clarus-manual-step-eyebrow {
  display: block;
  margin: 0 0 17px;
  color: #738792;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.clarus-manual-step-heading h3 {
  margin: 0 0 16px !important;
  color: #142d3c !important;
  font-size: 31px !important;
  line-height: 1.18 !important;
  font-weight: 500 !important;
  letter-spacing: -.02em !important;
}
.clarus-manual-step-heading p {
  margin: 0 !important;
  color: #728691 !important;
  font-size: 20px !important;
  line-height: 1.5 !important;
}
.clarus-manual-selector-options {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
}
.clarus-manual-selector-option {
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  min-width: 0;
  min-height: 255px !important;
  padding: 20px !important;
  overflow: hidden !important;
  border: 1px solid #cad7dd !important;
  border-radius: 17px !important;
  background: #fff !important;
  color: #17313f !important;
  text-align: left !important;
  box-shadow: none !important;
  transform: none !important;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}
.clarus-manual-selector-option:hover,
.clarus-manual-selector-option:focus-visible {
  border-color: #7e919b !important;
  background: #fff !important;
  box-shadow: 0 9px 24px rgba(32, 57, 68, .07) !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}
.clarus-manual-selector-option.is-selected {
  border-color: #677983 !important;
  background: #fff !important;
  box-shadow: none !important;
}
.clarus-manual-option-visual {
  display: grid;
  width: 100%;
  height: 180px;
  place-items: center;
  overflow: hidden;
  border-radius: 13px;
  background: #fafafa;
}
.clarus-manual-option-visual img {
  display: block;
  width: 65%;
  height: 80%;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.clarus-manual-option-visual.is-placeholder::before {
  content: "";
  width: 90px;
  height: 70px;
  border-radius: 18px;
  background: #e9eef0;
}
.clarus-manual-option-bottom {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 15px;
  margin-top: 18px;
  min-height: 39px;
}
.clarus-manual-option-bottom strong {
  color: #15303e !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  overflow-wrap: anywhere;
}
.clarus-manual-option-arrow {
  display: block !important;
  color: #183746 !important;
  font-size: 28px !important;
  line-height: 1 !important;
  opacity: 1 !important;
  transform: none !important;
}
.clarus-manual-option-icon,
.clarus-manual-option-copy,
.clarus-manual-option-check {
  display: none !important;
}
.clarus-manual-selector-loading,
.clarus-manual-selector-empty {
  grid-column: 1 / -1;
  min-height: 110px !important;
  border-color: #d5e0e5 !important;
  background: #fafcfc !important;
  color: #728691 !important;
}
.clarus-manual-step-back {
  display: inline-flex;
  align-items: center;
  margin: 46px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #087d95;
  font: inherit;
  font-size: 17px;
  line-height: 1.3;
  font-weight: 700;
  cursor: pointer;
}
.clarus-manual-step-back:hover,
.clarus-manual-step-back:focus-visible {
  text-decoration: underline;
  outline: none;
}
.clarus-manual-model-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.clarus-manual-selector-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  min-height: 106px !important;
  padding: 22px 56px !important;
  border-top: 1px solid #dce4e8 !important;
  background: #fff !important;
  box-shadow: none !important;
}
.clarus-manual-selection-summary {
  display: grid !important;
  gap: 8px !important;
  min-width: 0;
}
.clarus-manual-summary-icon,
.clarus-manual-selection-summary > div {
  display: contents !important;
}
.clarus-manual-selection-summary small {
  color: #7c909b !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
}
.clarus-manual-selection-summary strong {
  overflow: visible !important;
  color: #142d3c !important;
  font-size: 17px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  text-overflow: clip !important;
  white-space: normal !important;
}
.clarus-manual-footer-actions {
  display: flex;
  align-items: center;
  gap: 18px;
  flex: 0 0 auto;
}
.clarus-manual-start-over {
  padding: 8px 0;
  border: 0;
  background: transparent;
  color: #087d95;
  font: inherit;
  font-size: 17px;
  line-height: 1.2;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}
.clarus-manual-selector-continue {
  min-height: 44px !important;
  padding: 10px 18px !important;
  gap: 16px !important;
  border: 1px solid #087d95 !important;
  border-radius: 10px !important;
  background: #087d95 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  transform: none !important;
}
.clarus-manual-selector-continue:disabled {
  display: none !important;
}
.clarus-manual-selector-continue:hover:not(:disabled),
.clarus-manual-selector-continue:focus-visible:not(:disabled) {
  background: #056d82 !important;
  box-shadow: none !important;
  transform: none !important;
  outline: none !important;
}
@media (max-width: 980px) {
.clarus-manual-selector-dialog {
    width: min(860px, calc(100vw - 36px)) !important;
  }
.clarus-manual-selector-header {
    min-height: 180px !important;
    padding: 38px 110px 28px 42px !important;
  }
.clarus-manual-selector-header h2 {
    font-size: 36px !important;
  }
.clarus-manual-selector-header p {
    font-size: 18px !important;
  }
.clarus-manual-progress {
    padding: 20px 42px !important;
    grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr) !important;
    gap: 8px !important;
  }
.clarus-manual-progress-item {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 9px !important;
  }
.clarus-manual-progress-number {
    width: 40px !important;
    height: 40px !important;
    flex-basis: 40px !important;
  }
.clarus-manual-progress-copy strong {
    font-size: 14px !important;
  }
.clarus-manual-progress-copy small {
    font-size: 11px !important;
  }
.clarus-manual-selector-body {
    padding: 38px 42px 52px !important;
  }
.clarus-manual-selector-footer {
    padding: 20px 42px !important;
  }
}
@media (max-width: 700px) {
.clarus-manual-selector-modal {
    padding: 12px !important;
    align-items: center !important;
  }
.clarus-manual-selector-dialog {
    width: 100% !important;
    height: calc(100dvh - 24px) !important;
    max-height: calc(100dvh - 24px) !important;
    border-radius: 22px !important;
  }
.clarus-manual-selector-close {
    top: 20px !important;
    right: 20px !important;
    width: 44px !important;
    height: 44px !important;
    font-size: 26px !important;
  }
.clarus-manual-selector-header {
    min-height: 160px !important;
    padding: 28px 72px 24px 24px !important;
  }
.clarus-manual-selector-kicker {
    margin-bottom: 8px !important;
    font-size: 12px !important;
  }
.clarus-manual-selector-header h2 {
    font-size: 30px !important;
  }
.clarus-manual-selector-header p {
    margin-top: 9px !important;
    font-size: 15px !important;
  }
.clarus-manual-progress {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    min-height: 72px !important;
    padding: 14px 18px !important;
  }
.clarus-manual-progress-item {
    display: flex !important;
    justify-content: center;
  }
.clarus-manual-progress-number {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
  }
.clarus-manual-selector-body {
    padding: 28px 20px 40px !important;
  }
.clarus-manual-step-eyebrow {
    margin-bottom: 12px;
    font-size: 13px;
  }
.clarus-manual-step-heading h3 {
    margin-bottom: 10px !important;
    font-size: 26px !important;
  }
.clarus-manual-step-heading p {
    font-size: 16px !important;
  }
.clarus-manual-selector-options {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
.clarus-manual-selector-option {
    min-height: 228px !important;
  }
.clarus-manual-option-visual {
    height: 135px;
  }
.clarus-manual-option-bottom strong {
    font-size: 18px !important;
  }
.clarus-manual-selector-footer {
    min-height: 98px !important;
    padding: 17px 20px !important;
    gap: 16px !important;
  }
.clarus-manual-selection-summary small {
    font-size: 11px !important;
  }
.clarus-manual-selection-summary strong {
    font-size: 14px !important;
  }
.clarus-manual-footer-actions {
    gap: 10px;
  }
.clarus-manual-start-over {
    font-size: 14px;
  }
.clarus-manual-selector-continue {
    max-width: 150px;
    font-size: 11px !important;
  }
}
/* ============================================================
   CLARUS MANUAL SELECTOR — COMPACT 3-STEP REVIEW v4.5.4
   Temporary client-review state: Model step hidden.
   ============================================================ */
.clarus-manual-selector-dialog {
  width: min(1020px, calc(100vw - 48px)) !important;
  max-width: 1020px !important;
  height: min(960px, calc(100dvh - 48px)) !important;
  max-height: calc(100dvh - 48px) !important;
  border-radius: 26px !important;
}
.clarus-manual-selector-close {
  top: 28px !important;
  right: 32px !important;
  width: 54px !important;
  height: 54px !important;
  font-size: 29px !important;
}
.clarus-manual-selector-header {
  min-height: 150px !important;
  padding: 32px 112px 28px 52px !important;
}
.clarus-manual-selector-kicker {
  margin-bottom: 9px !important;
  font-size: 13px !important;
  letter-spacing: .13em !important;
}
.clarus-manual-selector-header h2 {
  font-size: 35px !important;
  line-height: 1.1 !important;
  font-weight: 600 !important;
}
.clarus-manual-selector-header p {
  margin-top: 10px !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
}
.clarus-manual-progress {
  grid-template-columns: minmax(0, 1fr) 52px minmax(0, 1fr) 52px minmax(0, 1fr) !important;
  gap: 12px !important;
  min-height: 80px !important;
  padding: 17px 52px !important;
}
.clarus-manual-progress-item {
  grid-template-columns: 40px minmax(0, 1fr) !important;
  gap: 10px !important;
}
.clarus-manual-progress-number {
  width: 40px !important;
  height: 40px !important;
  flex-basis: 40px !important;
  font-size: 13px !important;
}
.clarus-manual-progress-copy strong {
  font-size: 14px !important;
  font-weight: 600 !important;
}
.clarus-manual-progress-copy small {
  font-size: 11px !important;
}
.clarus-manual-selector-body {
  padding: 25px 52px 42px !important;
}
.clarus-manual-step-heading {
  margin-bottom: 24px !important;
}
.clarus-manual-step-eyebrow {
  margin-bottom: 11px !important;
  font-size: 13px !important;
  letter-spacing: .12em !important;
}
.clarus-manual-step-heading h3 {
  margin-bottom: 10px !important;
  font-size: 25px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
}
.clarus-manual-step-heading p {
  font-size: 16px !important;
  line-height: 1.45 !important;
}
.clarus-manual-selector-options {
  gap: 16px !important;
}
.clarus-manual-selector-option {
  min-height: 218px !important;
  padding: 16px !important;
  border-radius: 15px !important;
}
.clarus-manual-option-visual {
  height: 180px !important;
  border-radius: 10px !important;
}
.clarus-manual-option-visual img {
  width: 150px !important;
}
.clarus-manual-option-bottom {
  gap: 12px !important;
  margin-top: 14px !important;
  min-height: 34px !important;
}
.clarus-manual-option-bottom strong {
  font-size: 16px !important;
  line-height: 1.25 !important;
}
.clarus-manual-option-arrow {
  font-size: 23px !important;
}
.clarus-manual-step-back {
  margin-top: 34px !important;
  font-size: 15px !important;
}
.clarus-manual-selector-footer {
  min-height: 82px !important;
  padding: 16px 52px !important;
}
.clarus-manual-selection-summary small {
  font-size: 10px !important;
}
.clarus-manual-selection-summary strong {
  font-size: 14px !important;
}
.clarus-manual-start-over,
.clarus-manual-selector-continue {
  font-size: 14px !important;
}
.clarus-support-actions.clarus-failure-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 24px;
}
/* Main CTA */
.clarus-failure-actions .clarus-failure-primary {
  min-width: 180px;
  padding: 11px 22px;
  background: #00758d;
  border: 1px solid #00758d;
  border-radius: 999px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: 650;
}
/* Or Call Us */
.clarus-failure-or {
  color: #8a969e;
  font-weight: 500;
}
a.clarus-failure-call:hover {
  color: #006b83;
}
.clarus-failure-call {
  color: #173247;
  font-weight: 650;
  text-decoration: none;
  transition: color 0.2s ease;
}
.clarus-failure-call:hover,
.clarus-failure-call:focus {
  color: #00a6c7;
  text-decoration: none;
}
/* Failure CTA layout */
.clarus-support-actions.clarus-failure-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 22px;
}
/* Main CTA */
.clarus-failure-actions .clarus-failure-primary {
  min-width: 180px;
  padding: 11px 22px;
  border: 1px solid #004F79;
  border-radius: 999px;
  background: #004F79;
  color: #fff;
  text-decoration: none;
  font-weight: 650;
}
/* Or + Call Us */
.clarus-failure-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-size: 14px;
}
/* IMPORTANT: reset old button styles */
.clarus-support-actions .clarus-failure-call,
.clarus-failure-secondary .clarus-failure-call {
  display: inline;
  min-width: 0;
  width: auto;
  padding: 0;
  margin: 0;

  border: 0;
  border-radius: 0;
  background: transparent;

  color: #173247;
  font-size: 14px;
  font-weight: 650;
  line-height: inherit;
  text-decoration: none;

  box-shadow: none;
  cursor: pointer;

  transition: color 0.2s ease;
}
.footer-newsletter {
  position: relative;
}
.clarus-newsletter-field button[type="submit"] {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);

  width: 108px;
  height: 32px;
  padding: 0;

  border: 0;
  border-radius: 999px;
  background: #004f78;
  color: #fff;
  align-items: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;

  cursor: pointer;
  overflow: hidden;
  transition: all 0.25s ease;
}
/* Arrow */
.clarus-newsletter-field button[type="submit"]::after {
  content: "\f061";
  font-family: "Font Awesome 7 Free";
  display: inline-block;
  width: 0;
  opacity: 0;
  transform: translateX(-5px);
  font-size: 12px;
  line-height: 1;
  transition:
    width 0.25s ease,
    opacity 0.25s ease,
    transform 0.25s ease,
    margin-left 0.25s ease;
}
/* Hover */
.clarus-newsletter-field button[type="submit"]:hover {
  background: #00688b;
}
.clarus-newsletter-field button[type="submit"]:hover::after {
  width: 14px;
  opacity: 1;
  transform: translateX(0);
  margin-left: 6px;
}
@media (max-width: 980px) {
.clarus-manual-selector-dialog {
    width: min(820px, calc(100vw - 32px)) !important;
  }
.clarus-manual-selector-header {
    min-height: 158px !important;
    padding: 30px 96px 24px 38px !important;
  }
.clarus-manual-selector-header h2 {
    font-size: 32px !important;
  }
.clarus-manual-selector-header p {
    font-size: 15px !important;
  }
.clarus-manual-progress {
    grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr) !important;
    padding: 16px 38px !important;
  }
.clarus-manual-selector-body {
    padding: 30px 38px 38px !important;
  }
.clarus-manual-selector-options {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
.clarus-manual-selector-footer {
    padding: 15px 38px !important;
  }
}
@media (max-width: 700px) {
.clarus-manual-selector-dialog {
    height: calc(100dvh - 20px) !important;
    max-height: calc(100dvh - 20px) !important;
    border-radius: 20px !important;
  }
.clarus-manual-selector-header {
    min-height: 142px !important;
    padding: 24px 68px 20px 22px !important;
  }
.clarus-manual-selector-header h2 {
    font-size: 27px !important;
  }
.clarus-manual-selector-header p {
    font-size: 14px !important;
  }
.clarus-manual-progress {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    min-height: 66px !important;
    padding: 12px 16px !important;
  }
.clarus-manual-progress-line,
  .clarus-manual-progress-copy {
    display: none !important;
  }
.clarus-manual-selector-body {
    padding: 24px 18px 32px !important;
  }
.clarus-manual-step-heading h3 {
    font-size: 23px !important;
  }
.clarus-manual-step-heading p {
    font-size: 14px !important;
  }
.clarus-manual-selector-options {
    grid-template-columns: 1fr !important;
  }
.clarus-manual-selector-option {
    min-height: 200px !important;
  }
.clarus-manual-option-visual {
    height: 122px !important;
  }
.clarus-manual-option-bottom strong {
    font-size: 17px !important;
  }
.clarus-manual-selector-footer {
    padding: 13px 18px !important;
  }
}
/* ============================================================
   CLARUS RESOURCE DOCUMENT ARTICLE — v4.5.6
   Custom article template for Owner's Manuals / Quick Start Guides.
   Editors keep simple model + linked Download rows; JS renders cards.
   ============================================================ */
.clarus-resource-article-page .clarus-article-layout {
  grid-template-columns: 310px minmax(0, 1fr);
}
.clarus-resource-article-page .clarus-article-toc {
  display: none !important;
}
.clarus-resource-article-page .clarus-support-article {
  width: 100%;
  max-width: none;
  min-width: 0;
}
.clarus-resource-article-page .clarus-resource-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 14px;
  color: #007b9c;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.clarus-resource-article-page .clarus-resource-eyebrow i {
  font-size: 16px;
}
.clarus-resource-article-page .clarus-resource-document-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 30px 0 30px;
}
.clarus-resource-article-page .clarus-resource-document-card {
  position: relative;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: start;
  column-gap: 14px;
  row-gap: 14px;
  min-width: 0;
  min-height: 126px;
  padding: 18px 18px 16px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e2e8eb;
  border-radius: 14px;
  box-shadow: 0 2px 8px rgba(22, 52, 68, .025);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.clarus-resource-article-page .clarus-resource-document-card:hover {
  border-color: #cbdde4;
  box-shadow: 0 7px 20px rgba(22, 52, 68, .07);
  transform: translateY(-1px);
}
.clarus-resource-article-page .clarus-resource-document-badge {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  color: #416ec5;
  background: #dfeafd;
  font-size: 10px;
  font-weight: 800;
}
.clarus-resource-article-page .clarus-resource-document-badge.guide {
  color: #27905a;
  background: #dcf8e6;
}
.clarus-resource-article-page .clarus-resource-document-copy {
  min-width: 0;
  padding-top: 1px;
  padding-right: 88px;
}
.clarus-resource-article-page .clarus-resource-document-copy h3 {
  margin: 0 0 4px;
  color: #172b3a;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.clarus-resource-article-page .clarus-resource-document-copy p {
  margin: 0 0 20px;
  color: #9aa7b1;
  font-size: 11px;
  line-height: 1.4;
}
.clarus-resource-article-page .clarus-resource-document-copy small {
  position: absolute;
  left: 18px;
  bottom: 18px;
  color: #a0acb5;
  font-size: 10px;
  line-height: 1.3;
}
.clarus-resource-article-page .clarus-resource-document-action {
  position: absolute;
  right: 16px;
  bottom: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 30px;
  padding: 0 14px;
  color: #fff !important;
  background: #007b9c;
  border: 1px solid #007b9c;
  border-radius: 999px;
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  text-decoration: none !important;
  white-space: nowrap;
}
.clarus-resource-article-page .clarus-resource-document-action:hover,
.clarus-resource-article-page .clarus-resource-document-action:focus-visible {
  color: #fff !important;
  background: #005f86;
  border-color: #005f86;
}
.clarus-resource-article-page .clarus-resource-document-action i {
  font-size: 11px;
}
.clarus-resource-article-page .clarus-resource-source-hidden {
  display: none !important;
}
@media (max-width: 1180px) and (min-width: 992px) {
.clarus-resource-article-page .clarus-resource-document-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 991px) {
.clarus-resource-article-page .clarus-article-layout {
    grid-template-columns: none !important;
  }
.clarus-resource-article-page .clarus-resource-document-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 680px) {
.clarus-resource-article-page .clarus-resource-document-grid {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 24px;
  }
.clarus-resource-article-page .clarus-resource-document-card {
    min-height: 120px;
    padding: 16px;
  }
.clarus-resource-article-page .clarus-resource-document-copy {
    padding-right: 0;
  }
.clarus-resource-article-page .clarus-resource-document-copy small {
    left: 16px;
    bottom: 16px;
  }
.clarus-resource-article-page .clarus-resource-document-action {
    right: 14px;
    bottom: 13px;
  }
}
@media (max-width: 420px) {
.clarus-resource-article-page .clarus-resource-document-card {
    grid-template-columns: 42px minmax(0, 1fr);
    column-gap: 11px;
  }
.clarus-resource-article-page .clarus-resource-document-badge {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    font-size: 9px;
  }
.clarus-resource-article-page .clarus-resource-document-action {
    padding: 0 11px;
  }
}
/* ============================================================
   CLARUS HOMEPAGE — FINAL RESPONSIVE REFINEMENTS
   Consolidated from client mobile feedback.
   ============================================================ */
@media (max-width: 767px) {
/* ---------- Hero / homepage spacing ---------- */
.clarus-home .clarus-hero-inner {
		width: 100%;
		max-width: 100%;
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}
.clarus-home .clarus-search-tags {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 7px;
		width: 100%;
	}
.clarus-home .clarus-search-tags a {
		flex: 0 0 auto;
		padding: 6px 11px;
		white-space: nowrap;
	}
/* ---------- Login strip ---------- */
.clarus-home .clarus-login-strip {
		padding: 30px 0;
	}
.clarus-home .clarus-login-strip > .clarus-shell {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}
.clarus-home .clarus-login-strip p {
		max-width: 360px;
		margin: 0 auto 8px;
		padding: 0;
		font-size: 16px;
		line-height: 1.35;
	}
.clarus-home .clarus-login-strip small {
		max-width: 390px;
		margin: 0 auto 17px;
		padding: 0;
		font-size: 14px;
		line-height: 1.45;
	}
.clarus-home .clarus-login-actions {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 9px;
		margin-top: 18px;
	}
.clarus-home .clarus-login-actions .clarus-btn {
		min-width: 112px;
		padding-left: 24px !important;
		padding-right: 24px !important;
	}
/* ---------- Find Your Model Number popup ---------- */
.clarus-model-modal {
		align-items: flex-start;
		padding: 14px;
		overflow: hidden;
	}
.clarus-model-modal-dialog {
		width: 100%;
		max-height: calc(100dvh - 28px);
		margin: 0;
		padding: 42px 18px 20px;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		border-radius: 12px;
	}
.clarus-model-modal-close {
		position: fixed;
		top: 22px;
		right: 22px;
		z-index: 10002;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 34px;
		height: 34px;
		padding: 0;
		background: #fff;
		border-radius: 50%;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
	}
.clarus-model-steps,
	.clarus-model-step,
	.clarus-model-step-copy {
		min-width: 0;
	}
.clarus-model-step {
		padding: 16px;
	}
.clarus-model-step p {
		margin-bottom: 12px;
	}
.clarus-model-step-image {
		width: 100%;
		max-width: 100%;
		height: auto;
		max-height: 220px;
		object-fit: contain;
	}
/* ---------- Popular Topics: Samsung-style 2-column cards ---------- */
.clarus-home .clarus-topic-grid {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
		width: 100%;
		max-width: none;
		margin: 0;
	}
.clarus-home .clarus-topic-card {
		position: relative;
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		gap: 0 !important;
		min-width: 0;
		min-height: 160px !important;
		padding: 14px 14px 16px !important;
		background: #f5f5f5 !important;
		border-radius: 12px !important;
		box-shadow: none !important;
		text-align: left !important;
	}
.clarus-home .clarus-topic-card .clarus-book-icon {
		position: static !important;
		order: -1;
		display: block;
		flex: 0 0 auto;
		width: 25px !important;
		height: 25px !important;
		margin: 0 0 12px !important;
		object-fit: contain;
		font-size: 22px;
	}
.clarus-home .clarus-topic-card > div {
		width: 100%;
		min-width: 0;
	}
.clarus-home .clarus-topic-card h3 {
		width: 100%;
		max-width: none;
		min-height: 0;
		margin: 0 0 10px !important;
		padding: 0;
		font-size: 17px !important;
		line-height: 1.08 !important;
		font-weight: 700;
	}
.clarus-home .clarus-topic-card p {
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 13px !important;
		line-height: 1.25 !important;
	}
/* ---------- Product finder: exact HBS section ---------- */
#clarus-product-finder {
		width: calc(100% - 20px) !important;
		max-width: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		box-sizing: border-box;
	}
#clarus-product-finder > .clarus-container {
		width: 100%;
		max-width: none;
		margin: 0;
		padding: 0;
	}
#clarus-product-finder .clarus-heading {
		width: 100%;
		margin: 0 0 18px !important;
		padding: 0 10px !important;
		box-sizing: border-box;
		text-align: center;
	}
#clarus-product-finder .clarus-heading h2 {
		margin: 0;
		font-size: 24px !important;
		line-height: 1.15 !important;
	}
#clarus-product-finder .clarus-heading p {
		max-width: 340px;
		margin: 6px auto 0;
		font-size: 11px !important;
		line-height: 1.3 !important;
	}
#clarus-parent-categories {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
		width: 100%;
		max-width: none;
		margin: 0;
		padding: 0;
		align-items: stretch;
	}
#clarus-parent-categories > .clarus-product-category-card {
		display: flex !important;
		flex-direction: column !important;
		justify-content: flex-start !important;
		width: 100%;
		max-width: none;
		min-width: 0;
		min-height: 190px;
		height: auto;
		margin: 0;
		padding: 10px 10px 12px !important;
		overflow: hidden;
		background: #f5f5f5;
		border: 0;
		border-radius: 9px;
		box-shadow: none;
		box-sizing: border-box;
	}
#clarus-parent-categories > .clarus-product-category-card .clarus-product-card-image {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 135px !important;
		min-height: 0;
		margin: 0;
		padding: 4px !important;
		background: transparent;
		box-sizing: border-box;
	}
#clarus-parent-categories > .clarus-product-category-card .clarus-product-card-image img {
		display: block;
		width: 100%;
		height: 100%;
		max-width: 115px;
		max-height: 115px;
		margin: 0 auto;
		object-fit: contain;
		transform: none;
	}
#clarus-parent-categories > .clarus-product-category-card .clarus-product-card-title {
		display: flex;
		flex: 1 1 auto;
		align-items: center;
		justify-content: center;
		width: 100%;
		min-height: 28px;
		margin: 0;
		padding: 6px 4px 0;
		color: #111;
		font-size: 13px !important;
		line-height: 1.15 !important;
		font-weight: 700;
		text-align: center;
	}
#clarus-parent-categories > .clarus-product-category-card:hover,
	#clarus-parent-categories > .clarus-product-category-card:focus {
		transform: none;
		box-shadow: none;
	}
/* ---------- Product type modal: compact 2 x 2 ---------- */
#clarus-product-modal.clarus-product-modal {
		padding: 10px !important;
		align-items: center;
		justify-content: center;
	}
#clarus-product-modal .clarus-product-modal-dialog {
		width: 100% !important;
		max-width: 430px !important;
		max-height: calc(100dvh - 20px) !important;
		margin: 0 auto !important;
		padding: 20px 14px 14px !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch;
		border-radius: 10px !important;
		box-sizing: border-box;
	}
#clarus-product-modal .clarus-product-modal-dialog h2 {
		margin: 2px 34px 16px !important;
		font-size: 18px !important;
		line-height: 1.2 !important;
		text-align: center;
	}
#clarus-product-modal .clarus-product-modal-close {
		position: sticky !important;
		top: 0;
		float: right;
		z-index: 5;
		width: 30px;
		height: 30px;
		margin: -8px -4px -30px 0;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #fff;
		border-radius: 50%;
		font-size: 22px;
		line-height: 1;
	}
#clarus-product-modal-grid.clarus-product-modal-grid {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
		width: 100%;
		margin: 0;
		padding: 0;
	}
#clarus-product-modal-grid > .clarus-product-type-card {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		width: 100%;
		min-width: 0;
		min-height: 142px;
		margin: 0;
		padding: 8px 8px 10px !important;
		background: #fff;
		border-radius: 10px;
		box-shadow: none;
		box-sizing: border-box;
	}
#clarus-product-modal-grid > .clarus-product-type-card .clarus-product-card-image {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100px !important;
		min-height: 0;
		margin: 0;
		padding: 2px;
		background: transparent;
		box-sizing: border-box;
	}
#clarus-product-modal-grid > .clarus-product-type-card .clarus-product-card-image img {
		display: block;
		width: 100%;
		height: 100%;
		max-width: 118px;
		max-height: 96px;
		margin: 0 auto;
		object-fit: contain;
		transform: none;
	}
#clarus-product-modal-grid > .clarus-product-type-card .clarus-product-card-title {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 30px;
		margin: 0;
		padding: 6px 3px 0;
		color: #111;
		font-size: 12px !important;
		line-height: 1.15 !important;
		font-weight: 700;
		text-align: center;
	}
#clarus-product-modal-navigation.clarus-product-modal-navigation {
		gap: 10px;
		margin-top: 14px;
	}
#clarus-product-modal-navigation .clarus-product-nav-arrow {
		width: 30px;
		height: 30px;
		font-size: 13px;
	}
#clarus-product-modal-navigation .clarus-product-slider-dots {
		gap: 6px;
		margin-top: 0;
	}
#clarus-product-modal-navigation .clarus-product-slider-dot {
		width: 7px;
		height: 7px;
	}
#clarus-product-modal-navigation .clarus-product-slider-dot.is-active {
		width: 18px;
	}
/* ---------- Discover More: Clarus main-site style carousel ---------- */
section.clarus-section.clarus-shell.clarus-discover-section {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 28px 0 34px !important;
		overflow: hidden !important;
		box-sizing: border-box;
	}
section.clarus-section.clarus-shell.clarus-discover-section > .clarus-heading {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 0 16px !important;
		padding: 0 10px !important;
		box-sizing: border-box;
		text-align: center !important;
	}
section.clarus-section.clarus-shell.clarus-discover-section #clarus-discover-title {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 22px !important;
		line-height: 1.2 !important;
		text-align: center !important;
	}
section.clarus-section.clarus-shell.clarus-discover-section > .clarus-heading > p {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: 100% !important;
		max-width: 340px !important;
		height: auto !important;
		margin: 6px auto 0 !important;
		padding: 0 !important;
		overflow: visible !important;
		color: #6e777c !important;
		font-size: 11px !important;
		line-height: 1.35 !important;
		text-align: center !important;
		white-space: normal !important;
	}
section.clarus-section.clarus-shell.clarus-discover-section #clarus-discover-grid {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		gap: 10px !important;
		width: 100% !important;
		max-width: none !important;
		margin: 0px 20px !important;
		padding: 0 10px 6px !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		box-sizing: border-box;
	}
section.clarus-section.clarus-shell.clarus-discover-section #clarus-discover-grid::-webkit-scrollbar {
		display: none;
	}
section.clarus-section.clarus-shell.clarus-discover-section #clarus-discover-grid > .clarus-discover-card {
		display: flex !important;
		flex: 0 0 80% !important;
		flex-direction: column !important;
		width: 80% !important;
		min-width: 235px !important;
    min-height: 335px !important;
    height: 380px !important;
		margin: 0 !important;
		padding: 22px 14px 0 !important;
		border: 0 !important;
		border-radius: 12px !important;
		box-shadow: none !important;
		scroll-snap-align: start;
		box-sizing: border-box;
		overflow: hidden;
	}
section.clarus-section.clarus-shell.clarus-discover-section .clarus-discover-copy {
		flex: 0 0 auto;
		min-height: 88px;
		padding: 0;
		text-align: center;
	}
section.clarus-section.clarus-shell.clarus-discover-section .clarus-discover-copy h3 {
		margin: 0 0 8px;
		font-size: 18px;
		line-height: 1.15;
		font-weight: 700;
	}
section.clarus-section.clarus-shell.clarus-discover-section .clarus-discover-copy p {
		display: block;
		max-width: 230px;
		margin: 0 auto;
		font-size: 12px;
		line-height: 1.3;
	}
section.clarus-section.clarus-shell.clarus-discover-section .clarus-discover-button {
		display: none !important;
	}
section.clarus-section.clarus-shell.clarus-discover-section .clarus-discover-media {
		display: flex;
		flex: 1 1 auto;
		align-items: flex-end;
		justify-content: center;
		width: 100%;
		height: 300px;
		min-height: 0;
		margin: 12px 0 0;
		overflow: hidden;
	}
section.clarus-section.clarus-shell.clarus-discover-section .clarus-discover-media img {
		display: block;
    width: 95%;
    height: 100% !important;
    max-height: none;
    margin: 0;
    border-radius: 10px;
		object-fit: cover;
		object-position: center;
		transform: none;
	}
}
@media (max-width: 380px) {
.clarus-home .clarus-hero h2 {
		font-size: 30px;
		line-height: 1.08;
	}
.clarus-home .clarus-search-tags {
		gap: 6px;
	}
.clarus-home .clarus-search-tags a {
		padding: 6px 9px;
		font-size: 11px;
	}
.clarus-home .clarus-login-actions .clarus-btn {
		min-width: 105px;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
.clarus-home .clarus-topic-grid,
	#clarus-parent-categories,
	#clarus-product-modal-grid.clarus-product-modal-grid {
		gap: 8px !important;
	}
.clarus-home .clarus-topic-card {
		min-height: 155px !important;
		padding: 13px 12px 14px !important;
	}
.clarus-home .clarus-topic-card .clarus-book-icon {
		width: 23px !important;
		height: 23px !important;
		margin-bottom: 10px !important;
	}
.clarus-home .clarus-topic-card h3 {
		font-size: 16px !important;
	}
.clarus-home .clarus-topic-card p {
		font-size: 12px !important;
	}
#clarus-parent-categories > .clarus-product-category-card {
		min-height: 144px;
		padding: 8px 8px 10px !important;
	}
#clarus-parent-categories > .clarus-product-category-card .clarus-product-card-image {
		height: 98px !important;
	}
#clarus-parent-categories > .clarus-product-category-card .clarus-product-card-image img {
		max-width: 105px;
		max-height: 90px;
	}
#clarus-parent-categories > .clarus-product-category-card .clarus-product-card-title {
		font-size: 12px !important;
	}
#clarus-product-modal .clarus-product-modal-dialog {
		padding: 18px 10px 12px !important;
	}
#clarus-product-modal-grid > .clarus-product-type-card {
		min-height: 132px;
		padding: 7px !important;
	}
#clarus-product-modal-grid > .clarus-product-type-card .clarus-product-card-image {
		height: 90px !important;
	}
#clarus-product-modal-grid > .clarus-product-type-card .clarus-product-card-image img {
		max-width: 105px;
		max-height: 86px;
	}
#clarus-product-modal-grid > .clarus-product-type-card .clarus-product-card-title {
		font-size: 11px !important;
	}
section.clarus-section.clarus-shell.clarus-discover-section #clarus-discover-grid > .clarus-discover-card {
		flex-basis: 82% !important;
		width: 82% !important;
		min-width: 225px !important;
		height: 320px !important;
		min-height: 320px !important;
	}
section.clarus-section.clarus-shell.clarus-discover-section .clarus-discover-media img {
		height: 205px !important;
	}
}
/* ============================================================
   CLARUS MOBILE — CONTACT HEADING + MAIN-SITE FOOTER
   Consolidated mobile styles.
   ============================================================ */
@media (max-width: 767px) {
/* Homepage: "Couldn't find what you needed?" */
.clarus-home .clarus-contact-section > .clarus-heading,
	.clarus-home .clarus-contact-section > .clarus-heading-left {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding-left: 10px;
		padding-right: 10px;
		text-align: center !important;
		box-sizing: border-box;
	}
.clarus-home .clarus-contact-section > .clarus-heading h2,
	.clarus-home .clarus-contact-section > .clarus-heading p {
		text-align: center !important;
	}
/* ---------- Footer shell ---------- */
.clarus-footer {
		margin-top: 0;
		padding: 32px 0 18px;
		background: #f2f3f4;
	}
.clarus-footer > .clarus-shell {
		width: calc(100% - 20px);
		max-width: none;
		margin: 0 auto;
	}
/* Mobile top stack follows claruspool.com:
	   promo card -> store benefits -> contact. */
.clarus-footer-top {
		display: flex !important;
		flex-direction: column !important;
		gap: 0 !important;
		padding: 0 0 18px !important;
		border-bottom: 0 !important;
	}
.clarus-footer-text-card {
		order: 1;
		display: flex;
		align-items: center;
		gap: 10px;
		width: 100%;
		min-height: 52px;
		margin: 0 0 24px;
		padding: 9px 12px;
		border: 1px solid #111;
		border-radius: 8px;
		background: transparent;
		box-shadow: none;
	}
.clarus-footer-chat-icon img {
		width: 36px;
		height: 36px;
	}
.clarus-footer-text-card h3 {
		margin: 0 0 2px;
		font-size: 12px;
		line-height: 1.15;
		font-weight: 700;
	}
.clarus-footer-text-card p {
		margin: 0;
		font-size: 9px;
		line-height: 1.25;
	}
.clarus-footer-store {
		order: 2;
		padding: 0 0 22px;
		border-bottom: 1px solid #d6d9db;
	}
.clarus-footer-store h3,
	.clarus-footer-contact h3 {
		margin: 0 0 14px;
		font-size: 16px;
		line-height: 1.2;
		font-weight: 700;
	}
.clarus-footer-store-row {
		gap: 7px;
		margin-bottom: 9px;
		font-size: 10px;
		line-height: 1.25;
	}
.clarus-footer-store-row > i {
		flex-basis: 12px;
		width: 12px;
		margin-top: 1px;
		font-size: 9px;
	}
.clarus-footer-contact {
		order: 3;
		padding: 22px 0 18px;
		border-bottom: 1px solid #d6d9db;
	}
.clarus-footer-info-row {
		gap: 7px;
		margin-bottom: 14px;
	}
.clarus-footer-info-row svg,
	.clarus-footer-info-row > i {
		flex: 0 0 11px;
		width: 11px;
		height: 11px;
		margin-top: 2px;
		font-size: 9px;
	}
.clarus-footer-info-row > div {
		gap: 2px;
	}
.clarus-footer-info-row a,
	.clarus-footer-info-row span,
	.clarus-footer-info-row p {
		margin: 0;
		font-size: 9px;
		line-height: 1.35;
	}
/* Newsletter is not shown in the supplied main-site mobile footer. */
.clarus-footer-newsletter {
		display: none !important;
	}
/* ---------- Link areas ---------- */
.clarus-footer-links {
		display: none !important;
	}
.clarus-footer-mobile-links {
		display: block;
		margin: 0;
		padding: 0;
		border-top: 0;
	}
.clarus-footer-mobile-group {
		margin: 0;
		border-bottom: 1px solid #d6d9db;
	}
.clarus-footer-mobile-group > summary {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 42px;
		padding: 0 2px;
		color: #111;
		font-size: 12px;
		line-height: 1.2;
		font-weight: 700;
		list-style: none;
		cursor: pointer;
	}
.clarus-footer-mobile-group > summary::-webkit-details-marker {
		display: none;
	}
.clarus-footer-mobile-group > summary::after {
		content: "+";
		flex: 0 0 auto;
		margin-left: 10px;
		font-size: 20px;
		line-height: 1;
		font-weight: 400;
	}
.clarus-footer-mobile-group[open] > summary::after {
		content: "−";
	}
.clarus-footer-mobile-group-content {
		display: flex;
		flex-direction: column;
		gap: 0;
		padding: 0 2px 12px;
	}
.clarus-footer-mobile-group-content a {
		display: block;
		padding: 6px 0;
		color: #20272b;
		font-size: 10px;
		line-height: 1.3;
		text-decoration: none;
	}
/* ---------- Bottom area ---------- */
.clarus-footer-mobile-brand {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 24px 0 0;
		text-align: center;
	}
.clarus-footer-mobile-brand .clarus-footer-logo {
		display: inline-flex;
		justify-content: center;
		margin: 0 0 10px;
	}
.clarus-footer-mobile-brand .clarus-footer-logo img {
		width: auto;
		max-width: 145px;
		max-height: 54px;
	}
.clarus-footer-mobile-tagline {
		margin: 0 0 18px;
		font-size: 7px;
		line-height: 1.2;
		font-weight: 700;
		text-transform: uppercase;
	}
.clarus-footer-bottom {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		gap: 12px !important;
		padding: 0 0 8px !important;
		border-top: 0 !important;
		text-align: center !important;
	}
.clarus-footer-bottom p {
		order: 1;
		max-width: none;
		margin: 0;
		font-size: 7px;
		line-height: 1.45;
	}
.clarus-social {
		order: 2;
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		gap: 11px;
		width: 100%;
	}
.clarus-social-label {
		display: block;
		width: 100%;
		margin: 0 0 3px;
		font-size: 7px;
	}
.clarus-social i {
		font-size: 12px;
	}
.clarus-footer-mobile-policies {
		display: flex;
		order: 3;
		flex-wrap: wrap;
		justify-content: center;
		gap: 4px;
		margin: 0;
		font-size: 7px;
		line-height: 1.3;
	}
.clarus-footer-mobile-policies a {
		color: #20272b;
	}
/* Hide policy links from the copyright paragraph because
	   mobile has its own separate policy row. */
.clarus-footer-bottom .clarus-footer-desktop-policies {
		display: none !important;
	}
}
/* Desktop/tablet: mobile-only footer structures stay hidden. */
@media (min-width: 768px) {
.clarus-footer-mobile-links,
	.clarus-footer-mobile-brand,
	.clarus-footer-mobile-policies {
		display: none !important;
	}
}
/* ============================================================
   CLARUS FOOTER MOBILE — READABILITY / MAIN-SITE MATCH v3
   Keeps the v2 structure, corrects scale, spacing and typography.
   ============================================================ */
@media (max-width: 767px) {
.clarus-footer {
		padding: 38px 0 20px !important;
	}
.clarus-footer > .clarus-shell {
		width: calc(100% - 28px) !important;
		max-width: 430px !important;
	}
/* Never miss a thing card */
.clarus-footer-text-card {
		min-height: 58px !important;
		margin-bottom: 28px !important;
		padding: 10px 12px !important;
		border-radius: 8px !important;
	}
.clarus-footer-chat-icon img {
		width: 40px !important;
		height: 40px !important;
	}
.clarus-footer-text-card h3 {
		font-size: 14px !important;
		line-height: 1.15 !important;
		margin-bottom: 3px !important;
	}
.clarus-footer-text-card p {
		font-size: 11px !important;
		line-height: 1.3 !important;
	}
/* Store block */
.clarus-footer-store {
		padding-bottom: 26px !important;
	}
.clarus-footer-store h3,
	.clarus-footer-contact h3 {
		font-size: 18px !important;
		line-height: 1.2 !important;
		margin-bottom: 16px !important;
	}
.clarus-footer-store-row {
		gap: 8px !important;
		margin-bottom: 11px !important;
		font-size: 12px !important;
		line-height: 1.3 !important;
	}
.clarus-footer-store-row > i {
		flex-basis: 14px !important;
		width: 14px !important;
		font-size: 11px !important;
	}
/* Contact block */
.clarus-footer-contact {
		padding: 26px 0 22px !important;
	}
.clarus-footer-info-row {
		gap: 8px !important;
		margin-bottom: 17px !important;
	}
.clarus-footer-info-row svg,
	.clarus-footer-info-row > i {
		flex: 0 0 13px !important;
		width: 13px !important;
		height: 13px !important;
		font-size: 11px !important;
	}
.clarus-footer-info-row a,
	.clarus-footer-info-row span,
	.clarus-footer-info-row p {
		font-size: 11px !important;
		line-height: 1.4 !important;
	}
/* Accordion navigation */
.clarus-footer-mobile-group > summary {
		min-height: 48px !important;
		padding: 0 4px !important;
		font-size: 14px !important;
		line-height: 1.2 !important;
	}
.clarus-footer-mobile-group > summary::after {
		font-size: 22px !important;
	}
.clarus-footer-mobile-group-content {
		padding: 2px 4px 14px !important;
	}
.clarus-footer-mobile-group-content a {
		padding: 7px 0 !important;
		font-size: 12px !important;
		line-height: 1.35 !important;
	}
/* Brand / copyright / social */
.clarus-footer-mobile-brand {
		padding-top: 28px !important;
	}
.clarus-footer-mobile-brand .clarus-footer-logo {
		margin-bottom: 12px !important;
	}
.clarus-footer-mobile-brand .clarus-footer-logo img {
		max-width: 160px !important;
		max-height: 58px !important;
	}
.clarus-footer-mobile-tagline {
		margin-bottom: 20px !important;
		font-size: 8px !important;
		letter-spacing: .02em !important;
	}
.clarus-footer-bottom {
		gap: 14px !important;
		padding-bottom: 10px !important;
	}
.clarus-footer-bottom p {
		font-size: 8px !important;
		line-height: 1.45 !important;
	}
.clarus-social {
		gap: 13px !important;
	}
.clarus-social-label {
		font-size: 8px !important;
		margin-bottom: 4px !important;
	}
.clarus-social i {
		font-size: 14px !important;
	}
.clarus-footer-mobile-policies {
		gap: 5px !important;
		font-size: 8px !important;
		line-height: 1.35 !important;
	}
}
@media (max-width: 380px) {
.clarus-footer-store h3,
	.clarus-footer-contact h3 {
		font-size: 17px !important;
	}
.clarus-footer-mobile-group > summary {
		font-size: 13px !important;
	}
}
/* ============================================================
   CLARUS FOOTER MOBILE — MAIN SITE MATCH v4
   Fixes tiny typography + centers the complete bottom brand area.
   ============================================================ */
@media (max-width: 767px) {
/* Overall mobile footer width and readable base scale */
.clarus-footer {
		padding: 38px 0 24px !important;
	}
.clarus-footer > .clarus-shell {
		width: calc(100% - 28px) !important;
		max-width: 430px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
/* Never miss a thing */
.clarus-footer-text-card {
		min-height: 66px !important;
		margin-bottom: 30px !important;
		padding: 11px 13px !important;
	}
.clarus-footer-chat-icon img {
		width: 42px !important;
		height: 42px !important;
	}
.clarus-footer-text-card h3 {
		margin: 0 0 3px !important;
		font-size: 15px !important;
		line-height: 1.2 !important;
	}
.clarus-footer-text-card p {
		font-size: 12px !important;
		line-height: 1.35 !important;
	}
/* Buy on the Clarus Store */
.clarus-footer-store {
		padding-bottom: 28px !important;
	}
.clarus-footer-store h3,
	.clarus-footer-contact h3 {
		margin-bottom: 17px !important;
		font-size: 20px !important;
		line-height: 1.2 !important;
	}
.clarus-footer-store-row {
		gap: 9px !important;
		margin-bottom: 12px !important;
		font-size: 13px !important;
		line-height: 1.35 !important;
	}
.clarus-footer-store-row > i {
		flex: 0 0 15px !important;
		width: 15px !important;
		font-size: 12px !important;
	}
/* Contact */
.clarus-footer-contact {
		padding: 28px 0 24px !important;
	}
.clarus-footer-info-row {
		gap: 9px !important;
		margin-bottom: 18px !important;
	}
.clarus-footer-info-row svg,
	.clarus-footer-info-row > i {
		flex: 0 0 14px !important;
		width: 14px !important;
		height: 14px !important;
		font-size: 12px !important;
	}
.clarus-footer-info-row a,
	.clarus-footer-info-row span,
	.clarus-footer-info-row p {
		font-size: 12px !important;
		line-height: 1.45 !important;
	}
/* Accordion rows */
.clarus-footer-mobile-group > summary {
		min-height: 52px !important;
		padding: 0 4px !important;
		font-size: 15px !important;
		line-height: 1.2 !important;
		font-weight: 600 !important;
	}
.clarus-footer-mobile-group > summary::after {
		font-size: 24px !important;
	}
/* Entire lower brand area centered like claruspool.com */
.clarus-footer-mobile-brand,
	.clarus-footer-bottom {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center !important;
	}
.clarus-footer-mobile-brand {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 30px 0 0 !important;
	}
.clarus-footer-mobile-brand .clarus-footer-logo {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		margin: 0 auto 8px !important;
	}
.clarus-footer-mobile-brand .clarus-footer-logo img {
		display: block !important;
		width: auto !important;
		max-width: 170px !important;
		max-height: 60px !important;
		margin: 0 auto !important;
	}
.clarus-footer-mobile-tagline {
		width: 100% !important;
		margin: 0 auto 18px !important;
		font-size: 10px !important;
		line-height: 1.2 !important;
		font-weight: 700 !important;
		text-align: center !important;
		letter-spacing: 0 !important;
	}
.clarus-footer-bottom {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 13px !important;
		padding: 0 0 10px !important;
	}
.clarus-footer-bottom > p {
		order: 1 !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 auto !important;
		font-size: 10px !important;
		line-height: 1.45 !important;
		text-align: center !important;
	}
.clarus-social {
		order: 2 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex-wrap: wrap !important;
		gap: 14px !important;
		width: 100% !important;
		margin: 0 auto !important;
		text-align: center !important;
	}
.clarus-social-label {
		flex: 0 0 100% !important;
		width: 100% !important;
		margin: 0 0 2px !important;
		font-size: 10px !important;
		line-height: 1.2 !important;
		text-align: center !important;
	}
.clarus-social a {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
.clarus-social i {
		font-size: 15px !important;
	}
.clarus-footer-mobile-policies {
		order: 3 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex-wrap: wrap !important;
		gap: 5px !important;
		width: 100% !important;
		margin: 0 auto !important;
		font-size: 10px !important;
		line-height: 1.35 !important;
		text-align: center !important;
	}
.clarus-footer-mobile-policies a,
	.clarus-footer-mobile-policies span {
		display: inline-block !important;
	}
}
@media (max-width: 380px) {
.clarus-footer > .clarus-shell {
		width: calc(100% - 22px) !important;
	}
.clarus-footer-store h3,
	.clarus-footer-contact h3 {
		font-size: 18px !important;
	}
.clarus-footer-mobile-group > summary {
		font-size: 14px !important;
	}
.clarus-footer-bottom > p,
	.clarus-social-label,
	.clarus-footer-mobile-policies {
		font-size: 9px !important;
	}
}
/* ============================================================
   CLARUS FOOTER MOBILE — CLOSER MAIN-SITE MATCH v5
   Based on the supplied claruspool.com mobile footer screenshots.
   ============================================================ */
@media (max-width: 767px) {
/* Main footer column */
.clarus-footer {
		padding: 44px 0 24px !important;
		background: #f2f3f4 !important;
	}
.clarus-footer > .clarus-shell {
		width: calc(100% - 32px) !important;
		max-width: 430px !important;
		margin: 0 auto !important;
	}
/* ---------- Never miss a thing ---------- */
.clarus-footer-text-card {
		width: 72% !important;
		max-width: 270px !important;
		min-height: 72px !important;
		margin: 0 0 34px !important;
		padding: 12px 14px !important;
		border: 1px solid #111 !important;
		border-radius: 9px !important;
		background: transparent !important;
	}
.clarus-footer-chat-icon img {
		width: 46px !important;
		height: 46px !important;
	}
.clarus-footer-text-card h3 {
		margin: 0 0 3px !important;
		font-size: 17px !important;
		line-height: 1.15 !important;
		font-weight: 700 !important;
	}
.clarus-footer-text-card p {
		font-size: 13px !important;
		line-height: 1.35 !important;
	}
/* ---------- Store block ---------- */
.clarus-footer-store {
		padding: 0 0 32px !important;
		border-bottom: 1px solid #d7dadd !important;
  	width: 100%;
	}
.clarus-footer-store h3,
	.clarus-footer-contact h3 {
		margin: 0 0 20px !important;
		font-size: 22px !important;
		line-height: 1.2 !important;
		font-weight: 700 !important;
	}
.clarus-footer-store-row {
		gap: 10px !important;
		margin-bottom: 13px !important;
		font-size: 16px !important;
		line-height: 1.35 !important;
	}
.clarus-footer-store-row > i {
		flex: 0 0 16px !important;
		width: 16px !important;
		font-size: 13px !important;
	}
/* ---------- Contact ---------- */
.clarus-footer-contact {
		padding: 32px 0 30px !important;
		border-bottom: 1px solid #d7dadd !important;
  	width: 100%;
	}
.clarus-footer-info-row {
		gap: 10px !important;
		margin-bottom: 20px !important;
	}
.clarus-footer-info-row svg,
	.clarus-footer-info-row > i {
		flex: 0 0 15px !important;
		width: 15px !important;
		height: 15px !important;
		font-size: 13px !important;
		margin-top: 2px !important;
	}

.clarus-footer-info-row i, .clarus-footer-info-row svg {
  margin-top: 7px !important;
}

.clarus-footer-info-row a,
	.clarus-footer-info-row span,
	.clarus-footer-info-row p {
		font-size: 16px !important;
		line-height: 1.45 !important;
	}
/* ---------- Accordion navigation ---------- */
.clarus-footer-mobile-links {
		margin-top: 14px !important;
	}
.clarus-footer-mobile-group {
		border-bottom: 1px solid #d7dadd !important;
	}
.clarus-footer-mobile-group > summary {
		min-height: 58px !important;
		padding: 0 4px !important;
		font-size: 20px !important;
		line-height: 1.2 !important;
		font-weight: 600 !important;
	}
.clarus-footer-mobile-group > summary::after {
		font-size: 26px !important;
	}
.clarus-footer-mobile-group-content {
		padding: 2px 4px 15px !important;
	}
.clarus-footer-mobile-group-content a {
		padding: 8px 0 !important;
		font-size: 16px !important;
		line-height: 1.4 !important;
	}
/* ---------- Brand block ---------- */
.clarus-footer-mobile-brand {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		padding: 34px 0 0 !important;
		text-align: center !important;
	}
.clarus-footer-mobile-brand .clarus-footer-logo {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		margin: 0 auto 10px !important;
	}
.clarus-footer-mobile-brand .clarus-footer-logo img {
		display: block !important;
		width: auto !important;
		max-width: 190px !important;
		max-height: 66px !important;
		margin: 0 auto !important;
	}
.clarus-footer-mobile-tagline {
		width: 100% !important;
		margin: 0 auto 20px !important;
		font-size: 11px !important;
		line-height: 1.2 !important;
		text-align: center !important;
	}
/* ---------- Copyright / social / policies ---------- */
.clarus-footer-bottom {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		gap: 16px !important;
		padding: 0 0 10px !important;
		text-align: center !important;
	}
.clarus-footer-bottom > p {
		order: 1 !important;
		width: 100% !important;
		margin: 0 auto !important;
		font-size: 14px !important;
		line-height: 1.4 !important;
		text-align: center !important;
	}
.clarus-social {
		order: 2 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex-wrap: wrap !important;
		width: 100% !important;
		gap: 16px !important;
		margin: 0 auto !important;
		text-align: center !important;
	}
.clarus-social-label {
		flex: 0 0 100% !important;
		width: 100% !important;
		margin: 0 0 4px !important;
		font-size: 14px !important;
		line-height: 1.2 !important;
		text-align: center !important;
	}
.clarus-social i {
		font-size: 16px !important;
	}
.clarus-footer-mobile-policies {
		order: 3 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex-wrap: wrap !important;
		width: 100% !important;
		gap: 6px !important;
		margin: 0 auto !important;
		font-size: 13px !important;
		line-height: 1.35 !important;
		text-align: center !important;
	}
}
@media (max-width: 380px) {
.clarus-footer > .clarus-shell {
		width: calc(100% - 24px) !important;
	}
.clarus-footer-text-card {
		width: 76% !important;
	}
.clarus-footer-store h3,
	.clarus-footer-contact h3 {
		font-size: 20px !important;
	}
.clarus-footer-store-row,
	.clarus-footer-info-row a,
	.clarus-footer-info-row span,
	.clarus-footer-info-row p {
		font-size: 14px !important;
	}
.clarus-footer-mobile-group > summary {
		font-size: 15px !important;
	}
.clarus-footer-bottom > p,
	.clarus-social-label,
	.clarus-footer-mobile-policies {
		font-size: 10px !important;
	}
}
/* ============================================================
   CLARUS PRODUCT CATEGORY PAGE — MOBILE CLIENT FEEDBACK
   - Cards are too large on mobile
   - Show at least 2 product cards per row
   ============================================================ */
@media (max-width: 767px) {
.clarus-category-page .clarus-shell {
		width: calc(100% - 20px) !important;
		max-width: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
.clarus-category-hero-inner {
		min-height: 130px !important;
		padding: 24px 14px !important;
	}
.clarus-category-hero h1 {
		font-size: 23px !important;
		line-height: 1.15 !important;
	}
.clarus-category-description {
		max-width: 320px !important;
		margin-top: 9px !important;
		font-size: 11px !important;
		line-height: 1.4 !important;
	}
.clarus-category-tabs-wrap {
		margin-top: 22px !important;
		margin-bottom: 24px !important;
	}
.clarus-category-tabs {
		justify-content: flex-start !important;
		gap: 7px !important;
		padding-bottom: 4px !important;
	}
.clarus-category-tab {
		min-height: 30px !important;
		padding: 7px 13px !important;
		font-size: 12px !important;
		white-space: nowrap !important;
	}
.clarus-product-group-header {
		margin-bottom: 12px !important;
		gap: 10px !important;
 		align-items: center;
	}
.clarus-product-group-title {
		font-size: 16px !important;
		line-height: 1.2 !important;
	}
.clarus-product-view-all {
		font-size: 11px !important;
	}
.clarus-product-group-actions {
		display: flex !important;
		align-items: center !important;
		gap: 6px !important;
	}
.clarus-product-slider-button {
		width: 32px !important;
		height: 32px !important;
		padding: 0 !important;
	}
/* Main client request: 2 cards per row */
.clarus-product-card-grid {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
	}
.clarus-product-card {
		min-width: 0 !important;
		min-height: 0 !important;
		height: auto !important;
		padding: 12px 9px 10px !important;
		gap: 7px !important;
		border-radius: 8px !important;
	}
.clarus-product-card .clarus-product-card-image {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		height: 118px !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 4px !important;
		box-sizing: border-box !important;
	}
.clarus-product-card .clarus-product-card-image img {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		max-width: 130px !important;
		max-height: 110px !important;
		margin: 0 auto !important;
		object-fit: contain !important;
	}

  .clarus-product-card-media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 130px !important;
    max-height: 110px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
}


.clarus-product-card-content {
		width: 100% !important;
		min-width: 0 !important;
	}
.clarus-product-card-title {
		margin: 0 !important;
		padding: 6px 2px 4px !important;
		font-size: 13px !important;
		line-height: 1.15 !important;
		font-weight: 700 !important;
		text-align: center !important;
	}
.clarus-product-card-divider {
		margin: 0 0 6px !important;
	}
.clarus-product-models {
		min-height: 0 !important;
		gap: 2px !important;
		line-height: 1.2 !important;
	}
.clarus-product-model {
		font-size: 11px !important;
		line-height: 1.3 !important;
	}
.clarus-product-more {
		margin-top: 5px !important;
		font-size: 9px !important;
		line-height: 1.2 !important;
	}
.clarus-category-content {
		gap: 30px !important;
	}
.clarus-product-group {
		scroll-margin-top: 110px !important;
	}
}
@media (max-width: 380px) {
.clarus-category-page .clarus-shell {
		width: calc(100% - 16px) !important;
	}
.clarus-product-card-grid {
		gap: 8px !important;
	}
.clarus-product-card {
		padding: 10px 7px 9px !important;
	}
.clarus-product-card .clarus-product-card-image {
		height: 104px !important;
	}
.clarus-product-card .clarus-product-card-image img {
		max-width: 115px !important;
		max-height: 98px !important;
	}
.clarus-product-card-title {
		font-size: 12px !important;
	}
.clarus-product-model,
	.clarus-product-more {
		font-size: 10px !important;
	}
}
/* ============================================================
   CLARUS PRODUCT DETAIL PAGE — MOBILE SHARK-STYLE CLEANUP v7
   Client feedback:
   - clean image area, no grey border/divider around image
   - image/hero area full width on mobile
   - help-topic menu stays on one horizontal scrolling row
   ============================================================ */
@media (max-width: 767px) {
/* Full-width series/detail experience on mobile */
.clarus-product-detail-page .clarus-product-support-layout--full,
	.clarus-product-detail-page .clarus-product-support-main {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
/* Breadcrumbs remain readable with small page gutter */
.clarus-product-detail-page .clarus-internal-breadcrumbs {
		width: calc(100% - 24px) !important;
		max-width: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
/* ------------------------------------------------------------
	   Product hero: Shark-like stacked mobile layout.
	   No card outline, no rounded outer frame, no divider around image.
	   ------------------------------------------------------------ */
.clarus-product-detail-page .clarus-detail-hero {
		display: grid !important;
		grid-template-columns: 1fr !important;
		width: 100% !important;
		max-width: 100% !important;
		min-height: 0 !important;
		margin: 8px 0 30px !important;
		padding: 0 !important;
		overflow: visible !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}
/* Any wrapper around the product image should be clean */
.clarus-product-detail-page .pd-top-sec {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		background: #ffffff !important;
		border: 0 !important;
		border-right: 0 !important;
		border-bottom: 0 !important;
		box-shadow: none !important;
	}
/* Full-width clean product image area */
.clarus-product-detail-page .clarus-detail-product-image {
		width: 100% !important;
		max-width: 100% !important;
		min-height: 340px !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		background-color: #ffffff !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
		background-size: contain !important;
	}
.clarus-product-detail-page .clarus-detail-product-image.has-image {
		background-size: contain !important;
	}
/* Support copy becomes its own full-width block below image */
.clarus-product-detail-page .clarus-detail-hero-copy {
		width: 100% !important;
		margin: 0 !important;
		padding: 30px 22px 32px !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: #eef3fb !important;
		box-sizing: border-box !important;
	}
.clarus-product-detail-page .clarus-page-kicker {
		margin-bottom: 9px !important;
	}
.clarus-product-detail-page .clarus-detail-hero-copy h1 {
		margin-bottom: 9px !important;
		font-size: 31px !important;
		line-height: 1.08 !important;
	}
.clarus-product-detail-page .clarus-detail-hero-copy .clarus-marker-description {
		margin-bottom: 22px !important;
		font-size: 13px !important;
		line-height: 1.45 !important;
	}
/* Shark-style quick links: clean white rows */
.clarus-product-detail-page .clarus-detail-quick-links {
		gap: 10px !important;
	}
.clarus-product-detail-page .clarus-detail-quick-links a {
		min-height: 46px !important;
		padding: 11px 14px !important;
		border: 0 !important;
		border-radius: 16px !important;
		background: #ffffff !important;
		box-shadow: none !important;
	}
/* ------------------------------------------------------------
	   "How can we help?" menu:
	   one row, horizontal scrolling, never wraps to a second line.
	   ------------------------------------------------------------ */
.clarus-product-detail-page .clarus-detail-help {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 0 34px !important;
		padding: 34px 0 30px !important;
		overflow: hidden !important;
		border-radius: 0 !important;
		background: #f5f5f5 !important;
		text-align: center !important;
	}
.clarus-product-detail-page .clarus-detail-help h2,
	.clarus-product-detail-page .clarus-detail-help p {
		width: calc(100% - 32px) !important;
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center !important;
	}
.clarus-product-detail-page .clarus-detail-help .clarus-help-topic-pills {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		justify-content: flex-start !important;
		gap: 10px !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 22px 0 0 !important;
		padding: 0 16px 6px !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		-webkit-overflow-scrolling: touch !important;
		scroll-snap-type: x proximity !important;
		scrollbar-width: none !important;
		box-sizing: border-box !important;
	}
.clarus-product-detail-page .clarus-detail-help .clarus-help-topic-pills::-webkit-scrollbar {
		display: none !important;
		height: 0 !important;
	}
.clarus-product-detail-page .clarus-detail-help .clarus-help-topic-pills a {
		flex: 0 0 auto !important;
		width: auto !important;
		max-width: none !important;
		min-height: auto !important;
		padding: 9px 17px !important;
		white-space: nowrap !important;
		font-size: 13px !important;
		line-height: 1 !important;
		text-align: center !important;
		scroll-snap-align: start !important;
	}
/* Support videos and content sections retain small mobile gutter */
.clarus-product-detail-page .clarus-support-videos,
	.clarus-product-detail-page .clarus-detail-sections,
	.clarus-product-detail-page .clarus-detail-troubleshooting,
	.clarus-product-detail-page .clarus-detail-manuals {
		width: calc(100% - 24px) !important;
		max-width: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
.clarus-product-detail-page .clarus-support-video-grid {
		grid-template-columns: 1fr !important;
	}
}
@media (max-width: 380px) {
.clarus-product-detail-page .clarus-detail-product-image {
		min-height: 300px !important;
	}
.clarus-product-detail-page .clarus-detail-hero-copy {
		padding: 26px 18px 28px !important;
	}
.clarus-product-detail-page .clarus-detail-hero-copy h1 {
		font-size: 28px !important;
	}
.clarus-product-detail-page .clarus-detail-help .clarus-help-topic-pills {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
.clarus-product-detail-page .clarus-detail-help .clarus-help-topic-pills a {
		padding-left: 15px !important;
		padding-right: 15px !important;
		font-size: 12px !important;
	}
  
  
}
/* ============================================================
   CLARUS PRODUCT DETAIL PAGE — MOBILE REFINEMENTS v8
   - Restore light-grey support panel
   - Add side breathing room to horizontal pills
   - Show a visible horizontal scrollbar under pills
   ============================================================ */
@media (max-width: 767px) {
/* Restore the original light-grey support/info area. */
.clarus-product-detail-page .clarus-detail-hero-copy {
		background: #f5f5f5 !important;
	}
/* Keep "How can we help?" full width, but inset the scroll rail. */
.clarus-product-detail-page .clarus-detail-help .clarus-help-topic-pills {
		width: calc(100% - 20px) !important;
		max-width: calc(100% - 20px) !important;
		margin: 22px auto 0 !important;
		padding: 0 8px 12px !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		flex-wrap: nowrap !important;
		justify-content: flex-start !important;
		scrollbar-width: thin !important;
		scrollbar-color: #8e989e #e4e7e9 !important;
		scroll-padding-left: 8px !important;
		box-sizing: border-box !important;
	}
/* Visible scrollbar for Chrome/Safari/Edge mobile preview. */
.clarus-product-detail-page .clarus-detail-help .clarus-help-topic-pills::-webkit-scrollbar {
		display: block !important;
		height: 5px !important;
	}
.clarus-product-detail-page .clarus-detail-help .clarus-help-topic-pills::-webkit-scrollbar-track {
		background: #e4e7e9 !important;
		border-radius: 999px !important;
	}
.clarus-product-detail-page .clarus-detail-help .clarus-help-topic-pills::-webkit-scrollbar-thumb {
		background: #8e989e !important;
		border-radius: 999px !important;
	}
/* Prevent the first/last pill from touching the section edges. */
.clarus-product-detail-page .clarus-detail-help .clarus-help-topic-pills a:first-child {
		margin-left: 2px !important;
	}
.clarus-product-detail-page .clarus-detail-help .clarus-help-topic-pills a:last-child {
		margin-right: 2px !important;
	}
}
@media (max-width: 380px) {
.clarus-product-detail-page .clarus-detail-help .clarus-help-topic-pills {
		width: calc(100% - 16px) !important;
		max-width: calc(100% - 16px) !important;
		padding-left: 6px !important;
		padding-right: 6px !important;
	}
}
/* ============================================================
   CLARUS PRODUCT DETAIL PAGE — PILLS / SCROLLBAR REFINEMENT v9
   - Center pills when they fit
   - Keep horizontal scroll when they overflow
   - Softer, thinner, always-present scrollbar rail
   - Add breathing room between pills and scrollbar
   ============================================================ */
@media (max-width: 767px) {
/* Outer rail keeps the menu visually centered in the section. */
.clarus-product-detail-page .clarus-detail-help .clarus-help-topic-pills {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;

		width: calc(100% - 28px) !important;
		max-width: calc(100% - 28px) !important;
		margin: 22px auto 0 !important;

		/* More bottom room so scrollbar doesn't stick to pills. */
		padding: 0 10px 18px !important;

		overflow-x: scroll !important;
		overflow-y: hidden !important;
		-webkit-overflow-scrolling: touch !important;

		/* When the pills fit, center them. If they overflow,
		   the row still scrolls horizontally. */
		justify-content: safe center !important;

		scrollbar-width: thin !important;
		scrollbar-color: #b7bec2 #eef0f1 !important;

		box-sizing: border-box !important;
	}
/* Chrome / Safari / Edge */
.clarus-product-detail-page .clarus-detail-help .clarus-help-topic-pills::-webkit-scrollbar {
		display: block !important;
		height: 3px !important;
	}
.clarus-product-detail-page .clarus-detail-help .clarus-help-topic-pills::-webkit-scrollbar-track {
		background: #eef0f1 !important;
		border-radius: 999px !important;
	}
.clarus-product-detail-page .clarus-detail-help .clarus-help-topic-pills::-webkit-scrollbar-thumb {
		background: #b7bec2 !important;
		border-radius: 999px !important;
	}
/* Keep pills balanced and away from the ends. */
.clarus-product-detail-page .clarus-detail-help .clarus-help-topic-pills a {
		flex: 0 0 auto !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
.clarus-product-detail-page .clarus-detail-help .clarus-help-topic-pills a:first-child {
		margin-left: 4px !important;
	}
.clarus-product-detail-page .clarus-detail-help .clarus-help-topic-pills a:last-child {
		margin-right: 4px !important;
	}
}
@media (max-width: 380px) {
.clarus-product-detail-page .clarus-detail-help .clarus-help-topic-pills {
		width: calc(100% - 20px) !important;
		max-width: calc(100% - 20px) !important;
		padding-left: 8px !important;
		padding-right: 8px !important;
		padding-bottom: 17px !important;
	}
}
/* ============================================================
   CLARUS PRODUCT DETAIL — MOBILE FULL-WIDTH SUPPORT SECTIONS v10
   Client feedback:
   "100% width on these items too, no white space on the side"
   Applies to dynamically rendered Installation / Cleaning /
   standard support topic sections.
   ============================================================ */
@media (max-width: 767px) {
/*
	 * The JS injects all support topic sections inside:
	 * #clarus-product-support-sections.clarus-detail-sections
	 *
	 * An older mobile rule reduced this wrapper to calc(100% - 24px),
	 * which created the visible white gutters. Remove that gutter.
	 */
.clarus-product-detail-page #clarus-product-support-sections,
	.clarus-product-detail-page .clarus-detail-sections {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
/*
	 * Full-width grey section background.
	 * Keep padding INSIDE the section so content stays readable,
	 * but there is no white strip outside the grey section.
	 */
.clarus-product-detail-page .clarus-detail-sections > .clarus-detail-topic,
	.clarus-product-detail-page #clarus-product-support-sections > .clarus-detail-topic {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding: 42px 20px !important;
		box-sizing: border-box !important;
		background: #f5f5f5 !important;
	}
/* Preserve the tighter spacing between consecutive topic sections. */
.clarus-product-detail-page .clarus-detail-sections > .clarus-detail-topic + .clarus-detail-topic,
	.clarus-product-detail-page #clarus-product-support-sections > .clarus-detail-topic + .clarus-detail-topic {
		padding-top: 18px !important;
	}
/* Inner white content card remains clean and contained. */
.clarus-product-detail-page .clarus-detail-topic-card {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding: 22px 18px !important;
		box-sizing: border-box !important;
	}
}
@media (max-width: 380px) {
.clarus-product-detail-page .clarus-detail-sections > .clarus-detail-topic,
	.clarus-product-detail-page #clarus-product-support-sections > .clarus-detail-topic {
		padding-left: 14px !important;
		padding-right: 14px !important;
	}
.clarus-product-detail-page .clarus-detail-topic-card {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
}
/* ============================================================
   CLARUS TROUBLESHOOTING — MOBILE DETAIL FLOW v11
   Fixes the mobile layout after selecting a troubleshooting card.
   ============================================================ */
@media (max-width: 767px) {
/* Full-width troubleshooting section with clean internal gutter. */
.clarus-product-detail-page .clarus-detail-troubleshooting,
	.clarus-product-detail-page .clarus-troubleshooting-hub {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 42px 14px 46px !important;
		box-sizing: border-box !important;
		background: #fff !important;
	}
/* Heading stays centered and readable in both initial/detail stages. */
.clarus-product-detail-page .clarus-troubleshooting-hub .clarus-trouble-heading {
		width: 100% !important;
		max-width: 360px !important;
		margin: 0 auto 22px !important;
		padding: 0 !important;
		text-align: center !important;
	}
.clarus-product-detail-page .clarus-troubleshooting-hub .clarus-trouble-heading h2 {
		margin: 0 !important;
		font-size: 22px !important;
		line-height: 1.12 !important;
		text-align: center !important;
	}
.clarus-product-detail-page .clarus-troubleshooting-hub .clarus-trouble-heading p {
		max-width: 330px !important;
		margin: 9px auto 0 !important;
		padding: 0 !important;
		font-size: 12px !important;
		line-height: 1.45 !important;
		text-align: center !important;
	}
/* Initial issue cards remain clean one-column cards. */
.clarus-product-detail-page .clarus-troubleshooting-hub .clarus-trouble-grid {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 10px !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
	}
.clarus-product-detail-page .clarus-troubleshooting-hub .clarus-trouble-card {
		width: 100% !important;
		min-height: 112px !important;
		padding: 18px 14px !important;
		border-radius: 8px !important;
	}
/*
	 * Detail stage topic pills:
	 * one row, horizontal scrolling, with a subtle always-visible rail.
	 */
.clarus-product-detail-page .clarus-troubleshooting-hub.is-detail-stage .clarus-trouble-pills {
		display: flex !important;
		flex-wrap: nowrap !important;
		justify-content: flex-start !important;
		gap: 8px !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 auto 22px !important;
		padding: 0 2px 12px !important;
		overflow-x: scroll !important;
		overflow-y: hidden !important;
		-webkit-overflow-scrolling: touch !important;
		scrollbar-width: thin !important;
		scrollbar-color: #c1c7cb #eef0f1 !important;
		box-sizing: border-box !important;
	}
.clarus-product-detail-page .clarus-troubleshooting-hub.is-detail-stage .clarus-trouble-pills::-webkit-scrollbar {
		display: block !important;
		height: 3px !important;
	}
.clarus-product-detail-page .clarus-troubleshooting-hub.is-detail-stage .clarus-trouble-pills::-webkit-scrollbar-track {
		background: #eef0f1 !important;
		border-radius: 999px !important;
	}
.clarus-product-detail-page .clarus-troubleshooting-hub.is-detail-stage .clarus-trouble-pills::-webkit-scrollbar-thumb {
		background: #c1c7cb !important;
		border-radius: 999px !important;
	}
.clarus-product-detail-page .clarus-troubleshooting-hub .clarus-trouble-pill {
		flex: 0 0 auto !important;
		min-height: 32px !important;
		padding: 7px 13px !important;
		font-size: 13px !important;
		white-space: nowrap !important;
	}
/*
	 * Embedded runtime:
	 * keep the actual quiz inside a contained clean card so the
	 * question/options do not run edge-to-edge on mobile.
	 */
.clarus-product-detail-page .clarus-trouble-runtime {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
.clarus-product-detail-page .clarus-trouble-runtime .clarus-simple-quiz.is-mounted,
	.clarus-product-detail-page .clarus-trouble-runtime .clarus-simple-quiz.is-mounted.clarus-quiz-figma,
	.clarus-product-detail-page .clarus-trouble-runtime .clarus-quiz-embed {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
.clarus-product-detail-page .clarus-trouble-runtime .clarus-figma-shell,
	.clarus-product-detail-page .clarus-trouble-runtime .clarus-quiz-shell {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 18px 14px 16px !important;
		border: 1px solid #e2e7ea !important;
		border-radius: 10px !important;
		background: #fff !important;
		box-shadow: none !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}
/* Question heading + supporting copy. */
.clarus-product-detail-page .clarus-trouble-runtime .clarus-question-block > h3 {
		margin: 0 0 7px !important;
		font-size: 18px !important;
		line-height: 1.25 !important;
		text-align: left !important;
	}
.clarus-product-detail-page .clarus-trouble-runtime .clarus-question-subtitle {
		margin: 0 0 16px !important;
		font-size: 12px !important;
		line-height: 1.45 !important;
	}
/* Options: clean separated rows with sensible side padding. */
.clarus-product-detail-page .clarus-trouble-runtime .clarus-figma-options {
		width: 100% !important;
		margin: 0 !important;
		border-top: 1px solid #e5e9ec !important;
	}
.clarus-product-detail-page .clarus-trouble-runtime .clarus-figma-options button {
		width: 100% !important;
		min-height: 54px !important;
		padding: 12px 6px 12px 10px !important;
		gap: 12px !important;
		font-size: 14px !important;
		line-height: 1.35 !important;
		border-bottom: 1px solid #e5e9ec !important;
	}
.clarus-product-detail-page .clarus-trouble-runtime .clarus-option-mark {
		font-size: 18px !important;
	}
/* Back / Restart navigation: keep both controls on one clean row. */
.clarus-product-detail-page .clarus-trouble-runtime .clarus-figma-nav {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		flex-wrap: nowrap !important;
		gap: 22px !important;
		width: 100% !important;
		margin: 18px 0 0 !important;
		padding: 0 !important;
	}
.clarus-product-detail-page .clarus-trouble-runtime .clarus-figma-nav button {
		width: auto !important;
		min-width: 0 !important;
		padding: 0 !important;
		font-size: 12px !important;
		line-height: 1.2 !important;
	}
.clarus-product-detail-page .clarus-trouble-runtime .clarus-nav-icon {
		font-size: 18px !important;
	}
.clarus-product-detail-page .clarus-trouble-runtime .clarus-restart-icon {
		font-size: 16px !important;
	}
/* Solution/result cards stay inside the same mobile width. */
.clarus-product-detail-page .clarus-trouble-runtime .clarus-solution-card,
	.clarus-product-detail-page .clarus-trouble-runtime .clarus-helpful-panel,
	.clarus-product-detail-page .clarus-trouble-runtime .clarus-figma-result {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}
.clarus-product-detail-page .clarus-trouble-runtime .clarus-solution-card {
		padding: 18px !important;
	}
.clarus-product-detail-page .clarus-trouble-runtime .clarus-helpful-panel {
		padding: 22px 16px !important;
	}
}
@media (max-width: 380px) {
.clarus-product-detail-page .clarus-detail-troubleshooting,
	.clarus-product-detail-page .clarus-troubleshooting-hub {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
.clarus-product-detail-page .clarus-trouble-runtime .clarus-figma-shell,
	.clarus-product-detail-page .clarus-trouble-runtime .clarus-quiz-shell {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
}
/* ============================================================
   CLARUS TROUBLESHOOTING — HIDE INITIAL CARD GRID IN DETAIL v12
   JS sets [hidden] on .clarus-trouble-grid after a topic is selected.
   The mobile grid display rule must not override that hidden state.
   ============================================================ */
@media (max-width: 767px) {
/* Respect the JS hidden state after opening a troubleshooting quiz. */
.clarus-product-detail-page .clarus-troubleshooting-hub .clarus-trouble-grid[hidden],
	.clarus-product-detail-page .clarus-troubleshooting-hub.is-detail-stage .clarus-trouble-grid[hidden] {
		display: none !important;
	}
/* Runtime is only visible when JS explicitly opens it. */
.clarus-product-detail-page .clarus-troubleshooting-hub .clarus-trouble-runtime[hidden] {
		display: none !important;
	}
}
/* ============================================================
   TROUBLESHOOTING SUCCESS SCREEN — MOBILE CENTER
   ============================================================ */
@media (max-width: 767px) {
.clarus-product-detail-page
    .clarus-trouble-runtime
    .clarus-figma-result.success {
        text-align: center !important;
    }
.clarus-product-detail-page
    .clarus-trouble-runtime
    .clarus-figma-result.success h3 {
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }
.clarus-product-detail-page
    .clarus-trouble-runtime
    .clarus-figma-result.success p {
        max-width: 280px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }
.clarus-product-detail-page
    .clarus-trouble-runtime
    .clarus-success-gif {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
.clarus-product-detail-page
    .clarus-trouble-runtime
    .clarus-success-logo {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
/* Back / Restart ko center nahi karna */
.clarus-product-detail-page
    .clarus-trouble-runtime
    .clarus-figma-nav {
        justify-content: flex-start !important;
        text-align: left !important;
    }
}
/* ============================================================
   CLARUS DEFAULT ARTICLE PAGE — MOBILE CLIENT FEEDBACK v13
   - More left/right article breathing room
   - Center Related Articles + Helpful vote area
   - Compact "Still Have Questions?" banner on mobile
   ============================================================ */
@media (max-width: 767px) {
/* ------------------------------------------------------------
	   ARTICLE CONTENT
	   Client: content is too close to left/right edges.
	   ------------------------------------------------------------ */
.clarus-support-article-page .clarus-article-layout {
		width: min(calc(100% - 40px), 680px) !important;
		max-width: 680px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-top: 24px !important;
		padding-bottom: 46px !important;
	}
.clarus-support-article-page .clarus-support-article {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 auto !important;
	}
.clarus-support-article-page .clarus-article-breadcrumbs,
	.clarus-support-article-page .clarus-article-header-custom,
	.clarus-support-article-page .clarus-article-body {
		width: 100% !important;
		max-width: 100% !important;
	}
/* Keep ordered/unordered lists safely inside the new mobile gutter. */
.clarus-support-article-page .clarus-article-body ul,
	.clarus-support-article-page .clarus-article-body ol {
		margin-left: 18px !important;
		padding-left: 14px !important;
	}
/* ------------------------------------------------------------
	   RELATED ARTICLES
	   Client: everything in this lower article area centered.
	   ------------------------------------------------------------ */
.clarus-support-article-page .clarus-related-articles {
		width: 100% !important;
		margin: 36px auto 0 !important;
		padding: 0 !important;
		text-align: center !important;
	}
.clarus-support-article-page .clarus-related-articles h2,
	.clarus-support-article-page .clarus-related-articles h3,
	.clarus-support-article-page .related-articles-title {
		width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center !important;
	}
.clarus-support-article-page .clarus-related-articles ul {
		width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center !important;
	}
.clarus-support-article-page .clarus-related-articles li {
		text-align: center !important;
	}
.clarus-support-article-page .clarus-related-articles a {
		display: inline-block !important;
		text-align: center !important;
	}
/* ------------------------------------------------------------
	   ARTICLE VOTING / HELPFUL
	   Center title, buttons and vote feedback.
	   ------------------------------------------------------------ */
.clarus-support-article-page .clarus-article-votes {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 14px !important;
		width: 100% !important;
		margin: 34px auto 0 !important;
		padding: 22px 18px !important;
		text-align: center !important;
	}
.clarus-support-article-page .clarus-article-votes > strong {
		width: 100% !important;
		margin: 0 auto !important;
		text-align: center !important;
	}
.clarus-support-article-page .clarus-vote-right {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 10px !important;
		width: 100% !important;
		text-align: center !important;
	}
.clarus-support-article-page .clarus-vote-actions {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: auto !important;
		max-width: 100% !important;
		margin: 0 auto !important;
	}
.clarus-support-article-page .clarus-vote-button {
		flex: 0 0 auto !important;
		min-width: 88px !important;
	}
.clarus-support-article-page .clarus-vote-feedback,
	.clarus-support-article-page .clarus-vote-label {
		width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center !important;
	}
/* ------------------------------------------------------------
	   "STILL HAVE QUESTIONS?" ARTICLE SUPPORT BANNER
	   Client: mobile version is too tall.
	   Keep it compact and balanced instead of a long vertical block.
	   ------------------------------------------------------------ */
.clarus-article-support-banner-wrap {
		width: min(calc(100% - 40px), 680px) !important;
		max-width: 680px !important;
		margin: 0 auto !important;
	}
.clarus-article-support-banner.clarus-still-questions {
		display: grid !important;
		grid-template-columns: 1fr !important;
		width: 100% !important;
		min-height: 0 !important;
		margin: 0 !important;
		overflow: hidden !important;
		border-radius: 10px !important;
	}
.clarus-article-support-banner .clarus-still-questions-copy {
		align-items: center !important;
		padding: 26px 20px 20px !important;
		text-align: center !important;
	}
.clarus-article-support-banner .clarus-still-questions-copy h2 {
		width: 100% !important;
		margin: 0 0 10px !important;
		font-size: 27px !important;
		line-height: 1.12 !important;
		text-align: center !important;
	}
.clarus-article-support-banner .clarus-still-questions-copy p {
		max-width: 330px !important;
		margin: 0 auto 18px !important;
		font-size: 13px !important;
		line-height: 1.45 !important;
		text-align: center !important;
	}
.clarus-article-support-banner .clarus-still-questions-copy a {
		align-self: center !important;
		margin: 0 auto !important;
	}
/* Critical height fix: old responsive CSS forces min-height:220px. */
.clarus-article-support-banner .clarus-still-questions-image {
		display: flex !important;
		align-items: flex-end !important;
		justify-content: center !important;
		width: 100% !important;
		height: 175px !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 14px !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
	}
.clarus-article-support-banner .clarus-still-questions-image img {
		display: block !important;
		width: 100% !important;
		height: 175px !important;
		min-height: 0 !important;
		max-height: 175px !important;
		margin: 0 auto !important;
		object-fit: contain !important;
		object-position: center bottom !important;
	}
}
@media (max-width: 380px) {
.clarus-support-article-page .clarus-article-layout,
	.clarus-article-support-banner-wrap {
		width: min(calc(100% - 32px), 680px) !important;
	}
.clarus-support-article-page .clarus-vote-actions {
		flex-direction: row !important;
		width: 100% !important;
	}
.clarus-support-article-page .clarus-vote-button {
		flex: 1 1 0 !important;
		min-width: 0 !important;
	}
.clarus-article-support-banner .clarus-still-questions-copy {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
.clarus-article-support-banner .clarus-still-questions-copy h2 {
		font-size: 24px !important;
	}
.clarus-article-support-banner .clarus-still-questions-image,
	.clarus-article-support-banner .clarus-still-questions-image img {
		height: 155px !important;
		max-height: 155px !important;
	}
}
/* ============================================================
   CLARUS DEFAULT ARTICLE PAGE — MOBILE REFINEMENTS v14
   - Related Articles stays LEFT aligned
   - Helpful vote area remains centered
   - Restore spacing between support banner and footer
   ============================================================ */
@media (max-width: 767px) {
/* ------------------------------------------------------------
	   RELATED ARTICLES
	   Keep this content left aligned on mobile.
	   ------------------------------------------------------------ */
.clarus-support-article-page .clarus-related-articles {
		width: 100% !important;
		margin: 36px 0 0 !important;
		padding: 0 !important;
		text-align: left !important;
	}
.clarus-support-article-page .clarus-related-articles h2,
	.clarus-support-article-page .clarus-related-articles h3,
	.clarus-support-article-page .related-articles-title,
	.clarus-support-article-page .clarus-related-articles ul,
	.clarus-support-article-page .clarus-related-articles li,
	.clarus-support-article-page .clarus-related-articles a {
		text-align: left !important;
	}
.clarus-support-article-page .clarus-related-articles ul {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
.clarus-support-article-page .clarus-related-articles a {
		display: inline !important;
	}
/* ------------------------------------------------------------
	   ARTICLE SUPPORT BANNER -> FOOTER SPACING
	   v13 removed the visual gap because wrapper margin was reset.
	   Restore a clean mobile bottom margin.
	   ------------------------------------------------------------ */
.clarus-support-article-page .clarus-article-support-banner-wrap {
		margin-top: 42px !important;
		margin-bottom: 42px !important;
	}
/* If footer follows immediately after the article page, keep spacing. */
.clarus-support-article-page + .clarus-footer,
	.clarus-support-article-page ~ .clarus-footer {
		margin-top: 0 !important;
	}
/* Keep the banner itself compact without touching the footer. */
.clarus-support-article-page .clarus-article-support-banner.clarus-still-questions {
		margin-bottom: 0 !important;
	}
}
@media (max-width: 380px) {
.clarus-support-article-page .clarus-article-support-banner-wrap {
		margin-top: 36px !important;
		margin-bottom: 36px !important;
	}
}
/* ============================================================
   CLARUS ARTICLE — MOBILE "IN THIS ARTICLE" FLOATING MENU v15
   Desktop/tablet TOC remains unchanged.
   Mobile <= 767px uses a floating contents button + bottom sheet.
   ============================================================ */
.clarus-mobile-toc-trigger,
.clarus-mobile-toc-overlay,
.clarus-mobile-toc-bar {
	display: none;
}
@media (max-width: 767px) {
/* Remove the large inline TOC from the top of the article. */
.clarus-support-article-page .clarus-article-toc {
		position: fixed !important;
		left: 50% !important;
		right: auto !important;
		bottom: 18px !important;
		top: auto !important;
		z-index: 10021 !important;

		display: flex !important;
		flex-direction: column !important;

		width: min(calc(100% - 36px), 420px) !important;
		max-width: 420px !important;
		max-height: min(70vh, 560px) !important;

		margin: 0 !important;
		padding: 0 !important;

		overflow: hidden !important;
		border: 1px solid #d9dde0 !important;
		border-radius: 10px !important;
		background: #ffffff !important;
		box-shadow: 0 12px 34px rgba(0, 0, 0, 0.24) !important;

		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
		transform: translate(-50%, calc(100% + 30px)) !important;
		transition:
			transform .28s ease,
			opacity .22s ease,
			visibility .22s ease !important;
	}
.clarus-support-article-page .clarus-article-toc.is-mobile-open {
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		transform: translate(-50%, 0) !important;
	}
/* Existing desktop title is not needed inside the mobile sheet. */
.clarus-support-article-page .clarus-article-toc > h2 {
		display: none !important;
	}
/* Scrollable TOC link area. */
.clarus-support-article-page .clarus-article-toc > nav {
		display: flex !important;
		flex: 1 1 auto !important;
		flex-direction: column !important;
		gap: 0 !important;

		width: 100% !important;
		min-height: 0 !important;
		max-height: calc(min(70vh, 560px) - 52px) !important;

		margin: 0 !important;
		padding: 8px 0 !important;
		overflow-x: clip !important;
		overflow-y: auto !important;

		border: 0 !important;
		background: #ffffff !important;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
		scrollbar-color: #c7cdd1 transparent;
	}
.clarus-support-article-page .clarus-article-toc > nav::-webkit-scrollbar {
		width: 4px;
	}
.clarus-support-article-page .clarus-article-toc > nav::-webkit-scrollbar-thumb {
		background: #c7cdd1;
		border-radius: 999px;
	}
.clarus-support-article-page .clarus-article-toc a {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 11px 18px !important;

		color: #20272b !important;
		border: 0 !important;
		border-bottom: 1px solid #eceff1 !important;

		font-size: 13px !important;
		line-height: 1.35 !important;
		font-weight: 400 !important;
		text-decoration: none !important;
		box-sizing: border-box !important;
	}
.clarus-support-article-page .clarus-article-toc a:last-child {
		border-bottom: 0 !important;
	}
.clarus-support-article-page .clarus-article-toc a.is-heading {
		font-weight: 600 !important;
	}
.clarus-support-article-page .clarus-article-toc a.is-subheading {
		padding-left: 34px !important;
	}
.clarus-support-article-page .clarus-article-toc a.is-subsubheading {
		padding-left: 50px !important;
		color: #4f5a60 !important;
	}
.clarus-support-article-page .clarus-article-toc a.active {
		color: #006b88 !important;
		background: #f3f8fa !important;
		border-left: 3px solid #006b88 !important;
		font-weight: 700 !important;
	}
/* Bottom title/close bar — similar to the supplied reference. */
.clarus-mobile-toc-bar {
		display: flex !important;
		flex: 0 0 50px !important;
		align-items: center !important;
		gap: 10px !important;

		width: 100% !important;
		min-height: 50px !important;
		padding: 0 13px !important;

		background: #ffffff !important;
		border-top: 1px solid #dfe3e6 !important;
		box-sizing: border-box !important;
	}
.clarus-mobile-toc-bar-icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 22px;
		height: 22px;
		flex: 0 0 22px;
		color: #111;
		font-size: 17px;
	}
.clarus-mobile-toc-bar-title {
		flex: 1 1 auto;
		color: #111;
		font-size: 13px;
		line-height: 1;
		font-weight: 600;
	}
.clarus-mobile-toc-close {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 32px;
		width: 32px;
		height: 32px;
		padding: 0;
		background: transparent;
		border: 0;
		color: #222;
		font-size: 21px;
		line-height: 1;
		cursor: pointer;
	}
/* Floating circular hamburger / contents control. */
.clarus-mobile-toc-trigger {
		position: fixed;
		left: 18px;
		bottom: 18px;
		z-index: 10019;

		display: inline-flex;
		align-items: center;
		justify-content: center;

		width: 44px;
		height: 44px;
		padding: 0;

		color: #111;
		background: #ffffff;
		border: 1px solid #d7dcdf;
		border-radius: 50%;
		box-shadow: 0 5px 16px rgba(0, 0, 0, 0.16);

		cursor: pointer;
	}
.clarus-mobile-toc-trigger svg {
		width: 19px;
		height: 19px;
	}
.clarus-mobile-toc-trigger[aria-expanded="true"] {
		opacity: 0;
		pointer-events: none;
	}
/* Dim page behind the sheet. */
.clarus-mobile-toc-overlay {
		position: fixed;
		inset: 0;
		z-index: 10020;

		display: block;
		background: rgba(0, 0, 0, 0.36);

		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: opacity .22s ease, visibility .22s ease;
	}
.clarus-mobile-toc-overlay.is-visible {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
body.clarus-mobile-toc-open {
		overflow: hidden !important;
	}
}
@media (max-width: 380px) {
.clarus-support-article-page .clarus-article-toc {
		width: calc(100% - 24px) !important;
		bottom: 12px !important;
	}
.clarus-mobile-toc-trigger {
		left: 12px;
		bottom: 12px;
	}
}
/* ============================================================
   CLARUS ONLINE SHOPPING HELP — MOBILE RESPONSIVE v16
   Client feedback:
   - Hero / shortcut items use full mobile width
   - Topic pills stay in one horizontally scrollable row
   - Lower question/article groups keep side padding
   ============================================================ */
@media (max-width: 767px) {
/* ------------------------------------------------------------
	   PAGE / BREADCRUMB
	   Main content can go edge-to-edge, while breadcrumb keeps gutter.
	   ------------------------------------------------------------ */
.clarus-online-support-page {
		padding-top: 14px !important;
		padding-bottom: 62px !important;
	}
.clarus-online-support-page .clarus-online-support-main {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
.clarus-online-support-page .clarus-online-support-breadcrumbs {
		width: calc(100% - 28px) !important;
		max-width: 620px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		margin-bottom: 18px !important;
	}
/* ------------------------------------------------------------
	   HERO
	   Shark-style stacked full-width mobile layout.
	   ------------------------------------------------------------ */
.clarus-online-support-page .clarus-online-support-hero {
		display: grid !important;
		grid-template-columns: 1fr !important;
		width: 100% !important;
		max-width: 100% !important;
		min-height: 0 !important;
		margin: 0 !important;
		overflow: hidden !important;
		border-radius: 0 !important;
	}
.clarus-online-support-page .clarus-online-support-photo {
		width: 100% !important;
		min-height: 250px !important;
		margin: 0 !important;
		border-radius: 0 !important;
		background-position: center !important;
		background-size: cover !important;
	}
.clarus-online-support-page .clarus-online-support-panel {
		width: 100% !important;
		margin: 0 !important;
		padding: 30px 18px 32px !important;
		box-sizing: border-box !important;
	}
.clarus-online-support-page .clarus-online-support-panel h1 {
		margin-bottom: 22px !important;
		font-size: 30px !important;
		line-height: 1.08 !important;
	}
/* Hero shortcut rows: full available width inside the panel. */
.clarus-online-support-page .clarus-online-quick-links {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 10px !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
	}
.clarus-online-support-page .clarus-online-quick-link {
		display: flex !important;
		width: 100% !important;
		max-width: 100% !important;
		min-height: 50px !important;
		margin: 0 !important;
		padding: 0 16px !important;
		border-radius: 16px !important;
		box-sizing: border-box !important;
	}
/* ------------------------------------------------------------
	   HOW CAN WE HELP?
	   Full-width grey area with one-row scrollable pills.
	   ------------------------------------------------------------ */
.clarus-online-support-page .clarus-online-topic-selector {
		width: 100% !important;
		max-width: 100% !important;
		margin: 18px 0 0 !important;
		padding: 30px 0 24px !important;
		border-radius: 0 !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}
.clarus-online-support-page .clarus-online-topic-selector > h2,
	.clarus-online-support-page .clarus-online-topic-selector > p {
		width: calc(100% - 28px) !important;
		max-width: 620px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center !important;
	}
.clarus-online-support-page .clarus-online-topic-selector > p {
		margin-top: 8px !important;
		margin-bottom: 18px !important;
	}
.clarus-online-support-page .clarus-online-topic-tabs {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		justify-content: flex-start !important;
		gap: 9px !important;

		width: calc(100% - 20px) !important;
		max-width: none !important;
		margin: 0 auto !important;
		padding: 0 4px 12px !important;

		overflow-x: scroll !important;
		overflow-y: hidden !important;
		-webkit-overflow-scrolling: touch !important;
		scroll-snap-type: x proximity !important;

		scrollbar-width: thin !important;
		scrollbar-color: #c2c8cc #eef0f1 !important;
		box-sizing: border-box !important;
	}
.clarus-online-support-page .clarus-online-topic-tabs::-webkit-scrollbar {
		display: block !important;
		height: 3px !important;
	}
.clarus-online-support-page .clarus-online-topic-tabs::-webkit-scrollbar-track {
		background: #eef0f1 !important;
		border-radius: 999px !important;
	}
.clarus-online-support-page .clarus-online-topic-tabs::-webkit-scrollbar-thumb {
		background: #c2c8cc !important;
		border-radius: 999px !important;
	}
.clarus-online-support-page .clarus-online-topic-tab {
		flex: 0 0 auto !important;
		width: auto !important;
		max-width: none !important;
		min-height: 34px !important;
		padding: 0 16px !important;
		white-space: nowrap !important;
		scroll-snap-align: start !important;
	}
/* ------------------------------------------------------------
	   QUESTIONS / ARTICLE GROUPS
	   Client specifically asked to KEEP side padding here.
	   ------------------------------------------------------------ */
.clarus-online-support-page .clarus-online-content {
		width: calc(100% - 28px) !important;
		max-width: 620px !important;
		margin: 22px auto 0 !important;
		padding: 0 !important;
		border-radius: 0 !important;
		box-sizing: border-box !important;
	}
.clarus-online-support-page .clarus-online-content-groups {
		display: grid !important;
		gap: 18px !important;
		width: 100% !important;
	}
.clarus-online-support-page .clarus-online-group {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 20px 16px !important;
		border-radius: 10px !important;
		box-sizing: border-box !important;
	}
.clarus-online-support-page .clarus-online-group h3 {
		padding: 7px 0 12px !important;
		font-size: 18px !important;
		line-height: 1.25 !important;
	}
.clarus-online-support-page .clarus-online-article-list a {
		min-height: 50px !important;
		padding: 11px 2px !important;
		gap: 12px !important;
		font-size: 14px !important;
		line-height: 1.4 !important;
	}
/* Keep long question titles wrapping cleanly rather than squeezing. */
.clarus-online-support-page .clarus-online-article-list a > span,
	.clarus-online-support-page .clarus-online-article-list a {
		min-width: 0 !important;
		white-space: normal !important;
	}
}
@media (max-width: 380px) {
.clarus-online-support-page .clarus-online-support-breadcrumbs,
	.clarus-online-support-page .clarus-online-topic-selector > h2,
	.clarus-online-support-page .clarus-online-topic-selector > p,
	.clarus-online-support-page .clarus-online-content {
		width: calc(100% - 22px) !important;
	}
.clarus-online-support-page .clarus-online-support-panel {
		padding-left: 14px !important;
		padding-right: 14px !important;
	}
.clarus-online-support-page .clarus-online-support-photo {
		min-height: 220px !important;
	}
.clarus-online-support-page .clarus-online-topic-tabs {
		width: calc(100% - 14px) !important;
	}
.clarus-online-support-page .clarus-online-group {
		padding-left: 14px !important;
		padding-right: 14px !important;
	}
}
/* ============================================================
   CLARUS ONLINE SHOPPING HELP — EXACT MOBILE OVERRIDES v17
   Targets the live DOM shown in DevTools.
   ============================================================ */
@media screen and (max-width: 767px) {
/* Main page truly edge-to-edge on mobile */
.clarus-online-support-page .clarus-online-support-main {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
/* Hero is full viewport width */
.clarus-online-support-page .clarus-online-support-hero {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border-radius: 0 !important;
		overflow: hidden !important;
	}
.clarus-online-support-page .clarus-online-support-photo {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		border-radius: 0 !important;
	}
/*
	 * Important fix:
	 * remove panel side padding so the quick-link items can actually
	 * use the full mobile width. Heading itself gets its own padding.
	 */
.clarus-online-support-page .clarus-online-support-kicker,
	.clarus-online-support-page #clarus-online-support-title {
		display: block !important;
		width: 100% !important;
		padding-left: 18px !important;
		padding-right: 18px !important;
		box-sizing: border-box !important;
	}
/* Exact live nav + button classes from DevTools */
.clarus-online-support-page nav#clarus-online-quick-links.clarus-online-quick-links {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 8px !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}
.clarus-online-support-page
	nav#clarus-online-quick-links.clarus-online-quick-links
	> button.clarus-online-quick-link {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		width: 100% !important;
		max-width: 100% !important;
		min-height: 52px !important;
		margin: 0 !important;
		padding: 0 18px !important;
		border-left: 0 !important;
		border-right: 0 !important;
		border-radius: 0 !important;
		box-sizing: border-box !important;
	}
/*
	 * HOW CAN WE HELP tabs:
	 * force a single horizontal row, never wrap.
	 */
.clarus-online-support-page nav#clarus-online-topic-tabs.clarus-online-topic-tabs {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		justify-content: flex-start !important;
		gap: 9px !important;
		width: calc(100% - 20px) !important;
		max-width: none !important;
		margin: 0 auto !important;
		padding: 0 4px 12px !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		-webkit-overflow-scrolling: touch !important;
		scrollbar-width: thin !important;
		scrollbar-color: #c2c8cc #eef0f1 !important;
		box-sizing: border-box !important;
	}
.clarus-online-support-page
	nav#clarus-online-topic-tabs.clarus-online-topic-tabs
	> button.clarus-online-topic-tab {
		flex: 0 0 auto !important;
		width: auto !important;
		max-width: none !important;
		white-space: nowrap !important;
	}
.clarus-online-support-page nav#clarus-online-topic-tabs.clarus-online-topic-tabs::-webkit-scrollbar {
		height: 3px !important;
	}
.clarus-online-support-page nav#clarus-online-topic-tabs.clarus-online-topic-tabs::-webkit-scrollbar-track {
		background: #eef0f1 !important;
		border-radius: 999px !important;
	}
.clarus-online-support-page nav#clarus-online-topic-tabs.clarus-online-topic-tabs::-webkit-scrollbar-thumb {
		background: #c2c8cc !important;
		border-radius: 999px !important;
	}
/*
	 * Question groups intentionally keep side gutter.
	 * Client explicitly said: "keep the padding so not full width
	 * on the questions section".
	 */
.clarus-online-support-page .clarus-online-content {
		width: calc(100% - 28px) !important;
		max-width: 620px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}
@media screen and (max-width: 380px) {
.clarus-online-support-page .clarus-online-support-kicker,
	.clarus-online-support-page #clarus-online-support-title {
		padding-left: 14px !important;
		padding-right: 14px !important;
	}
}
/* ============================================================
   CLARUS ONLINE SHOPPING HELP — MOBILE QUICK LINKS INSET v18
   Fix:
   - Keep the support PANEL background full width.
   - Keep the individual shortcut/tab rows inset from left/right.
   ============================================================ */
@media screen and (max-width: 767px) {
/* Full-width background/panel stays as-is. */
.clarus-online-support-page .clarus-online-support-panel {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 30px 0 30px !important;
		box-sizing: border-box !important;
	}
/* The quick-link rail itself gets mobile side breathing room. */
.clarus-online-support-page nav#clarus-online-quick-links.clarus-online-quick-links {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 8px !important;
		width: calc(100% - 28px) !important;
		max-width: 620px !important;
		margin: 0 auto !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}
/* Individual rows remain full-width INSIDE the inset rail. */
.clarus-online-support-page
	nav#clarus-online-quick-links.clarus-online-quick-links
	> button.clarus-online-quick-link {
		width: 100% !important;
		max-width: 100% !important;
		min-height: 50px !important;
		margin: 0 !important;
		padding: 0 16px !important;

		border-left: 0 !important;
		border-right: 0 !important;
		border-radius: 12px !important;

		box-sizing: border-box !important;
	}
.search-results {
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 380px) {
.clarus-online-support-page nav#clarus-online-quick-links.clarus-online-quick-links {
		width: calc(100% - 22px) !important;
	}
.clarus-online-support-page
	nav#clarus-online-quick-links.clarus-online-quick-links
	> button.clarus-online-quick-link {
		padding-left: 14px !important;
		padding-right: 14px !important;
	}
}


/* ============================================================
   CLARUS ONLINE SHOPPING HELP — MOBILE ARTICLE LOAD MORE v19
   Client feedback:
   - Mobile shows first 6 articles per question group
   - "Load More" appears only when more than 6 exist
   - Desktop continues showing the complete article list
   ============================================================ */

.clarus-online-load-more {
	display: none;
}

@media (max-width: 767px) {

	/* Articles after the first six are hidden only on mobile. */
	.clarus-online-support-page
	.clarus-online-article-list
	.clarus-online-mobile-extra {
		display: none !important;
	}

	/* Load More sits below the six visible questions. */
	.clarus-online-support-page .clarus-online-load-more {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		width: auto !important;
		min-width: 120px !important;
		min-height: 38px !important;

		margin: 16px auto 2px !important;
		padding: 9px 20px !important;

		color: #006b88 !important;
		background: #ffffff !important;
		border: 1px solid #006b88 !important;
		border-radius: 20px !important;

		font-family: inherit !important;
		font-size: 12px !important;
		line-height: 1.2 !important;
		font-weight: 700 !important;
		text-align: center !important;

		cursor: pointer !important;
		box-shadow: none !important;
	}

	.clarus-online-support-page .clarus-online-load-more:hover,
	.clarus-online-support-page .clarus-online-load-more:focus {
		color: #ffffff !important;
		background: #006b88 !important;
		border-color: #006b88 !important;
		outline: none !important;
	}

	/* The sixth visible row should still keep its divider while
	   Load More exists beneath it. */
	.clarus-online-support-page
	.clarus-online-article-list
	> a:nth-of-type(6) {
		border-bottom: 1px solid var(--online-line) !important;
	}

  .clarus-online-support-page .clarus-online-article-list > a:last-child {
    border-bottom: none !important;
	}

  .clarus-product-detail-page .clarus-detail-article-list a {
    padding: 14px;
	}
}

/* Desktop/tablet keeps every article visible and no Load More button. */
@media (min-width: 768px) {
	.clarus-online-support-page .clarus-online-mobile-extra {
		display: flex !important;
	}

	.clarus-online-support-page .clarus-online-load-more {
		display: none !important;
	}
}


/* Prevent iPhone Safari zoom when search field gets focus */
@media screen and (max-width: 767px) {
    .clarus-search-wrap input[type="search"],
    .clarus-search input[type="search"],
    input#query {
        font-size: 16px !important;
    }
}


/* ============================================================
   CLARUS PRODUCT FINDER POPUP — MOBILE SCROLL + BRAND ARROWS v20
   Client feedback:
   - Popup must be vertically scrollable on mobile
   - Bottom previous / next arrows should match Clarus styling
   - Keep the existing compact 2 x 2 mobile card layout
   ============================================================ */

@media (max-width: 767px) {

	#clarus-product-modal.clarus-product-modal {
		align-items: center !important;
		justify-content: center !important;
		padding: 10px !important;
		overflow: hidden !important;
	}

	#clarus-product-modal .clarus-product-modal-dialog {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		max-width: 430px !important;
		max-height: calc(100dvh - 20px) !important;
		margin: 0 auto !important;
		padding: 18px 12px 12px !important;
		overflow-x: clip !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch !important;
		overscroll-behavior: contain !important;
		scrollbar-width: thin !important;
		scrollbar-color: #b8c4c9 #eef2f4 !important;
		background: #f7f7f7 !important;
		border-radius: 10px !important;
		box-sizing: border-box !important;
	}

	#clarus-product-modal .clarus-product-modal-dialog::-webkit-scrollbar {
		width: 4px !important;
	}

	#clarus-product-modal .clarus-product-modal-dialog::-webkit-scrollbar-track {
		background: #eef2f4 !important;
		border-radius: 999px !important;
	}

	#clarus-product-modal .clarus-product-modal-dialog::-webkit-scrollbar-thumb {
		background: #b8c4c9 !important;
		border-radius: 999px !important;
	}

	#clarus-product-modal .clarus-product-modal-close {
		position: sticky !important;
		top: 0 !important;
		align-self: flex-end !important;
		float: none !important;
		z-index: 8 !important;
		width: 30px !important;
		height: 30px !important;
		flex: 0 0 30px !important;
		margin: -6px -2px -26px 0 !important;
		padding: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		background: #ffffff !important;
		border: 1px solid #d8e0e4 !important;
		border-radius: 50% !important;
		color: #111111 !important;
		font-size: 20px !important;
		line-height: 1 !important;
		box-shadow: 0 2px 8px rgba(0, 0, 0, .08) !important;
	}

	#clarus-product-modal-grid.clarus-product-modal-grid {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
		width: 100% !important;
		flex: 0 0 auto !important;
	}

	#clarus-product-modal-navigation.clarus-product-modal-navigation {
		position: sticky !important;
		bottom: -12px !important;
		z-index: 7 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 10px !important;
		width: calc(100% + 24px) !important;
		margin: 14px -12px -12px !important;
		padding: 10px 12px 12px !important;
		background: linear-gradient(
			to bottom,
			rgba(247, 247, 247, .88),
			#f7f7f7 35%
		) !important;
		border-top: 1px solid #e5ebee !important;
		box-sizing: border-box !important;
	}

	#clarus-product-modal-navigation .clarus-product-nav-arrow {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 34px !important;
		height: 34px !important;
		flex: 0 0 34px !important;
		padding: 0 !important;
		background: #ffffff !important;
		border: 1.5px solid #006b88 !important;
		border-radius: 50% !important;
		color: #006b88 !important;
		font-size: 13px !important;
		line-height: 1 !important;
		box-shadow: none !important;
		cursor: pointer !important;
		transition:
			background-color .18s ease,
			color .18s ease,
			border-color .18s ease,
			transform .18s ease !important;
	}

	#clarus-product-modal-navigation .clarus-product-nav-arrow:hover,
	#clarus-product-modal-navigation .clarus-product-nav-arrow:focus-visible {
		background: #006b88 !important;
		border-color: #006b88 !important;
		color: #ffffff !important;
		outline: none !important;
	}

	#clarus-product-modal-navigation .clarus-product-nav-arrow:active {
		transform: scale(.96) !important;
	}

	#clarus-product-modal-navigation .clarus-product-nav-arrow:disabled {
		opacity: 1 !important;
		background: #f5f7f8 !important;
		border-color: #cfd8dc !important;
		color: #a7b2b7 !important;
		cursor: default !important;
	}

	#clarus-product-modal-navigation .clarus-product-nav-arrow i {
		pointer-events: none !important;
		font-size: 12px !important;
	}

	#clarus-product-modal-navigation .clarus-product-slider-dots {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 6px !important;
		margin: 0 !important;
	}

	#clarus-product-modal-navigation .clarus-product-slider-dot {
		width: 6px !important;
		height: 6px !important;
		background: #cbd4d8 !important;
		border-radius: 999px !important;
	}

	#clarus-product-modal-navigation .clarus-product-slider-dot.is-active {
		width: 18px !important;
		background: #006b88 !important;
	}
}

@media (max-width: 380px) {
	#clarus-product-modal .clarus-product-modal-dialog {
		max-height: calc(100dvh - 16px) !important;
		padding: 16px 10px 10px !important;
	}

	#clarus-product-modal-navigation.clarus-product-modal-navigation {
		bottom: -10px !important;
		width: calc(100% + 20px) !important;
		margin-left: -10px !important;
		margin-right: -10px !important;
		margin-bottom: -10px !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
		padding-bottom: 10px !important;
	}
}


@media (max-width: 767px) {
  .clarus-hero .clarus-search-tags {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;

    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;

    margin: 0 auto !important;
    padding: 0 4px 8px !important;

    gap: 8px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  .clarus-hero .clarus-search-tags::-webkit-scrollbar {
    display: none !important;
  }

  .clarus-hero .clarus-search-tags a {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 767px) {

    .clarus-support-videos .clarus-content-heading {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
    }

    .clarus-support-videos .clarus-video-heading-actions {
        display: flex !important;
        align-items: center !important;
        gap: 7px !important;
        flex: 0 0 auto !important;
    }

    .clarus-support-videos #clarus-view-all-videos {
        display: inline-flex !important;
        align-items: center !important;
        margin: 0 !important;
        white-space: nowrap !important;
    }

    .clarus-support-videos #clarus-support-video-prev,
    .clarus-support-videos #clarus-support-video-next {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 25px !important;
        height: 25px !important;
        min-width: 25px !important;

        padding: 0 !important;
        margin: 0 !important;

        border: 1px solid #9aa7ad !important;
        border-radius: 50% !important;
        background: #fff !important;

        font-size: 12px !important;
        line-height: 1 !important;
    }

    .clarus-support-videos #clarus-support-video-prev i,
    .clarus-support-videos #clarus-support-video-next i {
        display: block !important;
        font-size: 11px !important;
    }

  .clarus-product-detail-page .clarus-detail-quick-links a {
    font-size: 14px;
  	}
}

/* ============================================================
   CLARUS MOBILE / TABLET STICKY HEADER — AUTHORITATIVE v21
   The promo bar scrolls away normally.
   The Clarus main header then remains pinned to the viewport top.
   IMPORTANT: html/body use overflow-x:clip rather than hidden,
   because an overflow scrolling ancestor can disable sticky.
   ============================================================ */
@media (max-width: 900px) {

	html,
	body {
		overflow-x: clip !important;
	}

	#clarus-site-header.clarus-header {
		position: -webkit-sticky !important;
		position: sticky !important;
		top: 0 !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;

		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;

		z-index: 10000 !important;
		background: #ffffff !important;
		overflow: visible !important;

		transform: none !important;
		filter: none !important;
		contain: none !important;
		will-change: auto !important;

		box-shadow: 0 1px 7px rgba(0, 0, 0, 0.08) !important;
	}

	/* Keep header contents above page content and overlays. */
	#clarus-site-header .clarus-header-main {
		position: relative !important;
		z-index: 10002 !important;
		background: #ffffff !important;
	}

	/* Mobile drawer stays attached to the sticky header layer. */
	#clarus-site-header .clarus-header-links {
		z-index: 10001 !important;
	}

	#clarus-site-header .clarus-mobile-toggle {
		position: relative !important;
		z-index: 10003 !important;
	}
}


/* ============================================================
   CLARUS MANUAL SELECTOR — MOBILE LAYOUT + SCROLL LOCK v22
   - Cleaner mobile popup proportions
   - Images always fully visible (no crop)
   - Header / progress / footer stay fixed inside popup
   - Only popup body scrolls
   - Background page cannot scroll while modal is open
   ============================================================ */

/* Strong modal scroll lock fallback */
html.clarus-manual-modal-open,
body.clarus-manual-modal-open {
	overflow: hidden !important;
	overscroll-behavior: none !important;
	touch-action: none !important;
}

/* Modal itself may receive touch events; the body panel is the scroll area. */
.clarus-manual-selector-modal.is-open {
	overscroll-behavior: contain !important;
	touch-action: none !important;
}

.clarus-manual-selector-modal.is-open .clarus-manual-selector-dialog,
.clarus-manual-selector-modal.is-open .clarus-manual-selector-body {
	touch-action: pan-y !important;
}

@media (max-width: 700px) {

	.clarus-manual-selector-modal {
		position: fixed !important;
		inset: 0 !important;
		z-index: 20000 !important;

		display: none !important;
		align-items: center !important;
		justify-content: center !important;

		width: 100% !important;
		height: 100dvh !important;
		padding: 10px !important;

		overflow: hidden !important;
		box-sizing: border-box !important;
	}

	.clarus-manual-selector-modal.is-open {
		display: flex !important;
	}

	.clarus-manual-selector-overlay {
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		background: rgba(0, 0, 0, .72) !important;
	}

	/*
	 * Four-row modal:
	 * header | progress | scrollable content | footer
	 * Prevents footer overlap and keeps the structure stable.
	 */
	.clarus-manual-selector-dialog {
		position: relative !important;
		z-index: 2 !important;

		display: grid !important;
		grid-template-rows: auto auto minmax(0, 1fr) auto !important;

		width: min(100%, 390px) !important;
		height: min(94dvh, 760px) !important;
		max-height: calc(100dvh - 20px) !important;

		margin: 0 auto !important;
		padding: 0 !important;

		overflow: hidden !important;

		background: #ffffff !important;
		border-radius: 18px !important;
		box-shadow: 0 18px 55px rgba(0, 0, 0, .28) !important;
		box-sizing: border-box !important;
	}

	.clarus-manual-selector-header {
		min-height: 0 !important;
		padding: 20px 62px 18px 18px !important;
		background: #ffffff !important;
		border-bottom: 1px solid #e4eaed !important;
	}

	.clarus-manual-selector-kicker {
		display: block !important;
		margin: 0 0 7px !important;
		font-size: 11px !important;
		line-height: 1.2 !important;
		letter-spacing: .08em !important;
	}

	.clarus-manual-selector-header h2 {
		margin: 0 !important;
		font-size: 23px !important;
		line-height: 1.12 !important;
	}

	.clarus-manual-selector-header p {
		display: none !important;
	}

	.clarus-manual-selector-close {
		position: absolute !important;
		top: 14px !important;
		right: 14px !important;
		z-index: 10 !important;

		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;

		width: 42px !important;
		height: 42px !important;
		padding: 0 !important;

		background: #ffffff !important;
		border: 1px solid #cfdbe0 !important;
		border-radius: 50% !important;
		color: #003d55 !important;
		font-size: 24px !important;
		line-height: 1 !important;
		box-shadow: none !important;
	}

	.clarus-manual-progress {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		align-items: center !important;
		gap: 0 !important;

		min-height: 56px !important;
		padding: 10px 18px !important;

		background: #ffffff !important;
		border-bottom: 1px solid #e4eaed !important;
	}

	.clarus-manual-progress-line,
	.clarus-manual-progress-copy {
		display: none !important;
	}

	.clarus-manual-progress-item {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	.clarus-manual-progress-number {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;

		width: 34px !important;
		height: 34px !important;
		flex: 0 0 34px !important;

		font-size: 12px !important;
		line-height: 1 !important;
	}

	/*
	 * This is the ONLY vertically scrollable area.
	 */
	.clarus-manual-selector-body {
		min-height: 0 !important;
		max-height: none !important;
		height: auto !important;

		padding: 18px 14px 24px !important;

		overflow-x: hidden !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch !important;
		overscroll-behavior: contain !important;

		background: #ffffff !important;

		scrollbar-width: thin !important;
		scrollbar-color: #b7c5cb transparent !important;
		box-sizing: border-box !important;
	}

	.clarus-manual-selector-body::-webkit-scrollbar {
		width: 4px !important;
	}

	.clarus-manual-selector-body::-webkit-scrollbar-thumb {
		background: #b7c5cb !important;
		border-radius: 999px !important;
	}

	.clarus-manual-selector-step {
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
	}

	.clarus-manual-step-eyebrow {
		margin: 0 0 8px !important;
		font-size: 10px !important;
		line-height: 1.2 !important;
	}

	.clarus-manual-step-heading {
		margin-bottom: 16px !important;
	}

	.clarus-manual-step-heading h3 {
		margin: 0 0 7px !important;
		font-size: 19px !important;
		line-height: 1.16 !important;
	}

	.clarus-manual-step-heading p {
		margin: 0 !important;
		font-size: 11px !important;
		line-height: 1.45 !important;
	}

	.clarus-manual-selector-options {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 12px !important;
		width: 100% !important;
	}

	/*
	 * Cleaner card dimensions.
	 * Avoid tall cards and prevent image clipping.
	 */
	.clarus-manual-selector-option {
		display: grid !important;
		grid-template-rows: 132px auto !important;

		width: 100% !important;
		min-height: 0 !important;
		height: auto !important;

		padding: 10px 10px 0 !important;

		overflow: hidden !important;

		background: #ffffff !important;
		border: 1px solid #cbd9df !important;
		border-radius: 14px !important;
		box-shadow: none !important;
		box-sizing: border-box !important;
	}

	.clarus-manual-option-visual {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		width: 100% !important;
		height: 132px !important;
		min-height: 132px !important;
		max-height: 132px !important;

		margin: 0 !important;
		padding: 8px !important;

		overflow: hidden !important;

		background: #fafafa !important;
		border-radius: 10px !important;
		box-sizing: border-box !important;
	}

	.clarus-manual-option-visual img {
		display: block !important;

		width: 100% !important;
		height: 100% !important;
		max-width: 100% !important;
		max-height: 100% !important;

		margin: 0 auto !important;

		object-fit: contain !important;
		object-position: center center !important;

		transform: none !important;
	}

	.clarus-manual-option-bottom {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 12px !important;

		min-height: 52px !important;
		padding: 11px 4px 12px !important;
	}

	.clarus-manual-option-bottom strong {
		min-width: 0 !important;
		font-size: 14px !important;
		line-height: 1.25 !important;
		text-align: left !important;
	}

	.clarus-manual-option-bottom span {
		flex: 0 0 auto !important;
	}

	/*
	 * Footer is its own grid row, never over the cards.
	 */
	.clarus-manual-selector-footer {
		position: relative !important;
		inset: auto !important;
		z-index: 8 !important;

		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		align-items: center !important;
		gap: 10px !important;

		min-height: 66px !important;
		margin: 0 !important;
		padding: 10px 14px !important;

		background: #ffffff !important;
		border-top: 1px solid #e4eaed !important;
		box-shadow: 0 -4px 12px rgba(20, 43, 52, .04) !important;
		box-sizing: border-box !important;
	}

	.clarus-manual-selection-summary {
		min-width: 0 !important;
	}

	.clarus-manual-selection-summary small {
		display: block !important;
		margin-bottom: 3px !important;
		font-size: 8px !important;
		line-height: 1.2 !important;
	}

	.clarus-manual-selection-summary strong {
		display: block !important;
		max-width: 190px !important;
		font-size: 11px !important;
		line-height: 1.35 !important;
		white-space: normal !important;
		overflow-wrap: anywhere !important;
	}

	.clarus-manual-footer-actions {
		display: flex !important;
		align-items: center !important;
		gap: 8px !important;
	}

	.clarus-manual-selector-start-over {
		white-space: nowrap !important;
		font-size: 10px !important;
	}

	.clarus-manual-selector-continue {
		width: 40px !important;
		height: 40px !important;
		min-width: 40px !important;
		min-height: 40px !important;
		padding: 0 !important;
		border-radius: 10px !important;
	}

	.clarus-manual-selector-continue span:first-child {
		display: none !important;
	}
}

@media (max-width: 390px) {

	.clarus-manual-selector-dialog {
		width: 100% !important;
		height: calc(100dvh - 16px) !important;
		max-height: calc(100dvh - 16px) !important;
		border-radius: 16px !important;
	}

	.clarus-manual-selector-header {
		padding: 18px 58px 16px 16px !important;
	}

	.clarus-manual-selector-header h2 {
		font-size: 21px !important;
	}

	.clarus-manual-selector-close {
		top: 12px !important;
		right: 12px !important;
		width: 38px !important;
		height: 38px !important;
	}

	.clarus-manual-selector-body {
		padding: 16px 12px 20px !important;
	}

	.clarus-manual-selector-option {
		grid-template-rows: 122px auto !important;
	}

	.clarus-manual-option-visual {
		height: 122px !important;
		min-height: 122px !important;
		max-height: 122px !important;
	}

	.clarus-manual-selector-footer {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
}


/* ============================================================
   CLARUS MANUAL SELECTOR — MOBILE IMAGE SIZE CORRECTION v23
   v22 fixed clipping but made source images visually too small.
   Keep contain behavior, but enlarge the artwork inside the card.
   ============================================================ */
@media (max-width: 700px) {

	.clarus-manual-selector-option {
		grid-template-rows: 150px auto !important;
		padding: 10px 10px 0 !important;
	}

	.clarus-manual-option-visual {
		height: 150px !important;
		min-height: 150px !important;
		max-height: 150px !important;
		padding: 4px !important;
		overflow: hidden !important;
	}

	.clarus-manual-option-visual img {
		display: block !important;

		width: auto !important;
		height: 118px !important;
		max-width: 92% !important;
		max-height: 118px !important;

		margin: auto !important;

		object-fit: contain !important;
		object-position: center !important;

		/*
		 * A number of Zendesk section images include transparent /
		 * empty whitespace inside the actual image file. Scaling the
		 * rendered artwork makes the product visually correct without
		 * cropping the image itself.
		 */
		transform: scale(1.45) !important;
		transform-origin: center center !important;
	}

	/* Product-family artwork usually has more built-in whitespace. */
	.clarus-manual-selector-step[data-step="1"]
	.clarus-manual-option-visual img {
		transform: scale(1.65) !important;
	}

	.clarus-manual-option-bottom {
		min-height: 54px !important;
		padding: 11px 4px 12px !important;
	}
}

@media (max-width: 390px) {

	.clarus-manual-selector-option {
		grid-template-rows: 140px auto !important;
	}

	.clarus-manual-option-visual {
		height: 140px !important;
		min-height: 140px !important;
		max-height: 140px !important;
	}

	.clarus-manual-option-visual img {
		height: 110px !important;
		max-height: 110px !important;
		transform: scale(1.42) !important;
	}

	.clarus-manual-selector-step[data-step="1"]
	.clarus-manual-option-visual img {
		transform: scale(1.6) !important;
	}
}


/* ============================================================
   CLARUS MANUAL SELECTOR — MOBILE CARD / IMAGE FINAL FIX v24
   Fixes the live DOM shown in DevTools:
   - Image stays in a full-width top area
   - Title + arrow stay in a separate bottom row
   - Product artwork is visibly larger
   - No tiny left-side thumbnail layout
   ============================================================ */

@media (max-width: 700px) {

	.clarus-manual-selector-modal
	.clarus-manual-selector-option {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-rows: 150px 54px !important;

		width: 100% !important;
		min-height: 204px !important;
		height: 204px !important;

		padding: 10px !important;
		gap: 0 !important;

		overflow: hidden !important;

		background: #ffffff !important;
		border: 1px solid #c8d8df !important;
		border-radius: 14px !important;
		box-shadow: none !important;
		box-sizing: border-box !important;
	}

	.clarus-manual-selector-modal
	.clarus-manual-selector-option
	.clarus-manual-option-visual {
		grid-column: 1 !important;
		grid-row: 1 !important;

		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		width: 100% !important;
		height: 150px !important;
		min-height: 150px !important;
		max-height: 150px !important;

		margin: 0 !important;
		padding: 4px !important;

		overflow: hidden !important;

		background: #fafafa !important;
		border-radius: 10px !important;
		box-sizing: border-box !important;
	}

	.clarus-manual-selector-modal
	.clarus-manual-option-visual img {
		display: block !important;

		width: auto !important;
		height: 128px !important;
		max-width: 88% !important;
		max-height: 128px !important;

		margin: auto !important;

		object-fit: contain !important;
		object-position: center center !important;

		transform: none !important;
	}

	/* Product-family images usually include more whitespace in the file */
	.clarus-manual-selector-modal
	.clarus-manual-selector-step[data-step="1"]
	.clarus-manual-option-visual img {
		height: 136px !important;
		max-height: 136px !important;
		max-width: 92% !important;
	}

	.clarus-manual-selector-modal
	.clarus-manual-option-bottom {
		grid-column: 1 !important;
		grid-row: 2 !important;

		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 12px !important;

		width: 100% !important;
		min-height: 54px !important;

		margin: 0 !important;
		padding: 10px 4px 4px !important;

		background: #ffffff !important;
		box-sizing: border-box !important;
	}

	.clarus-manual-selector-modal
	.clarus-manual-option-bottom strong {
		min-width: 0 !important;
		margin: 0 !important;

		font-size: 14px !important;
		line-height: 1.25 !important;
		font-weight: 700 !important;
		text-align: left !important;
	}

	.clarus-manual-selector-modal
	.clarus-manual-option-bottom span {
		flex: 0 0 auto !important;
	}

}

@media (max-width: 390px) {

	.clarus-manual-selector-modal
	.clarus-manual-selector-option {
		grid-template-rows: 140px 52px !important;
		min-height: 192px !important;
		height: 192px !important;
	}

	.clarus-manual-selector-modal
	.clarus-manual-selector-option
	.clarus-manual-option-visual {
		height: 140px !important;
		min-height: 140px !important;
		max-height: 140px !important;
	}

	.clarus-manual-selector-modal
	.clarus-manual-option-visual img {
		height: 118px !important;
		max-height: 118px !important;
		max-width: 90% !important;
	}

	.clarus-manual-selector-modal
	.clarus-manual-selector-step[data-step="1"]
	.clarus-manual-option-visual img {
		height: 126px !important;
		max-height: 126px !important;
		max-width: 94% !important;
	}
}


/* ============================================================
   CLARUS MANUAL SELECTOR — MOBILE 2-COLUMN CARD LAYOUT v25
   Final mobile direction:
   - 2 cards per row
   - Large centered image
   - Text below image
   - Remove arrow
   - Keep popup body scroll + background scroll lock from v22/v24
   ============================================================ */

@media (max-width: 700px) {

	/* Two cards per row */
	.clarus-manual-selector-modal
	.clarus-manual-selector-options {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
		width: 100% !important;
	}

	/* Compact vertical card */
	.clarus-manual-selector-modal
	.clarus-manual-selector-option {
		display: flex !important;
		flex-direction: column !important;

		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;

		margin: 0 !important;
		padding: 8px 8px 10px !important;

		overflow: hidden !important;

		background: #ffffff !important;
		border: 1px solid #cbd9df !important;
		border-radius: 12px !important;
		box-shadow: none !important;

		text-align: center !important;
		box-sizing: border-box !important;
	}

	/* Large image area */
	.clarus-manual-selector-modal
	.clarus-manual-selector-option
	.clarus-manual-option-visual {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		width: 100% !important;
		height: 118px !important;
		min-height: 118px !important;
		max-height: 118px !important;

		margin: 0 !important;
		padding: 4px !important;

		overflow: hidden !important;

		background: #fafafa !important;
		border-radius: 9px !important;
		box-sizing: border-box !important;
	}

	.clarus-manual-selector-modal
	.clarus-manual-option-visual img {
		display: block !important;

		width: 100% !important;
		height: 100% !important;
		max-width: 100% !important;
		max-height: 100% !important;

		margin: 0 auto !important;

		object-fit: contain !important;
		object-position: center center !important;

		transform: none !important;
	}

	/*
	 * Some first-step product-family images include transparent
	 * whitespace inside the source file, so enlarge them slightly.
	 */
	.clarus-manual-selector-modal
	.clarus-manual-selector-step[data-step="1"]
	.clarus-manual-option-visual img {
		transform: scale(1.18) !important;
	}

	/* Text below image */
	.clarus-manual-selector-modal
	.clarus-manual-option-bottom {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		width: 100% !important;
		min-height: 42px !important;

		margin: 0 !important;
		padding: 9px 4px 2px !important;

		background: transparent !important;
		box-sizing: border-box !important;
	}

	.clarus-manual-selector-modal
	.clarus-manual-option-bottom strong {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;

		margin: 0 !important;

		color: #102a38 !important;
		font-size: 12px !important;
		line-height: 1.25 !important;
		font-weight: 700 !important;
		text-align: center !important;

		white-space: normal !important;
		overflow-wrap: anywhere !important;
	}

	/* Remove the arrow completely */
	.clarus-manual-selector-modal
	.clarus-manual-option-bottom > span,
	.clarus-manual-selector-modal
	.clarus-manual-option-arrow {
		display: none !important;
	}

	/* Slightly tighter body for the 2-column layout */
	.clarus-manual-selector-body {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

	.clarus-manual-step-heading {
		margin-bottom: 14px !important;
	}

	.clarus-manual-step-heading h3 {
		font-size: 18px !important;
	}

	.clarus-manual-step-heading p {
		font-size: 10px !important;
	}
}

/* Very small phones */
@media (max-width: 360px) {

	.clarus-manual-selector-modal
	.clarus-manual-selector-options {
		gap: 8px !important;
	}

	.clarus-manual-selector-modal
	.clarus-manual-selector-option {
		padding: 7px 7px 9px !important;
		border-radius: 11px !important;
	}

	.clarus-manual-selector-modal
	.clarus-manual-selector-option
	.clarus-manual-option-visual {
		height: 104px !important;
		min-height: 104px !important;
		max-height: 104px !important;
	}

	.clarus-manual-selector-modal
	.clarus-manual-option-bottom strong {
		font-size: 11px !important;
	}
}

nav#clarus-manual-tabs {
  display: none;
}