/* Source: _root.css */
:root,
[data-bs-theme="dark"] {
    color-scheme: dark;

    --primary: rgba(13, 84, 65, 1);
    --primary-light: rgba(13, 84, 65, .5);
    --primary-shade: rgba(13, 84, 65, .2);
    --primary-alt: #fff;

    --secondary: rgba(213, 45, 15, 1);
    --secondary-light: rgba(213, 45, 15, .5);
    --secondary-shade: rgba(213, 45, 15, .15);
    --secondary-alt: #fff;

    --tertiary: rgba(36, 31, 33, 1);
    --tertiary-light: rgba(36, 31, 33, .5);
    --tertiary-shade: rgba(36, 31, 33, .2);
    --tertiary-alt: #fff;

    --accent: rgba(218, 171, 73, 1);
    --accent-light: rgba(218, 171, 73, .5);
    --accent-shade: rgba(218, 171, 73, .12);
    --accent-alt: #241f21;

    --surface-page: #151918;
    --surface-header: #1b211e;
    --surface-card: #202723;
    --surface-raised: #28312b;
    --surface-input: #171e1a;

    --text-main: #e8eee9;
    --text-muted: #a4b2a8;
    --text-heading: #b3d9c4;
    --border-color: #39463d;
    --link-color: #8fd0af;

    /* Bootstrap defaults */
    --bs-body-bg: var(--surface-page);
    --bs-body-color: var(--text-main);
    --bs-emphasis-color: #fff;
    --bs-secondary-color: var(--text-muted);
    --bs-secondary-bg: var(--surface-raised);
    --bs-tertiary-bg: var(--surface-header);
    --bs-border-color: var(--border-color);
    --bs-link-color: var(--link-color);
    --bs-link-hover-color: #c1ead3;

    /* Neutrals */
    --black: #000;
    --black-light: rgba(0,0,0,.5);
    --black-shade: rgba(0,0,0,.1);
    --white: rgba(255,255,255,1);
    --white-light: rgba(255,255,255,.6);
    --white-shade: rgba(255,255,255,.45);

    /* Extended */
    --purple: rgba(96, 15, 151, 1);
    --green: rgba(6,188,64,1);
    --green-light: rgba(6, 188, 64, .5);
    --green-shade: rgba(6, 188, 64, .1);
    --yellow: rgba(248,182,25,1);
    --yellow-light: rgba(248,182,25,.5);
    --yellow-shade: rgba(248,182,25,.1);
    --violet: rgba(30,9,68,1);
    --blue: rgba(64,26,241,1);
    --blue-light: rgba(64,26,241,.5);
    --blue-shade: rgba(64,26,241,.1);
    --red: rgba(248,0,0,1);
    --red-light: rgba(248,0,0,.5);
    --red-xlight: rgba(248,0,0,.35);
    --red-shade: rgba(248,0,0,.1);

    /* Misc */
    --main-background: var(--surface-page);
    --gray: rgba(200,200,200,1);
    --gray-dark: rgba(100,100,100,1);
    --help: inherit;

    --fa-font-solid: "Font Awesome 7 Pro";
    --font-primary: "Roboto", sans-serif;
    --font-secondary: "Roboto", sans-serif;
    --font-header: "Roboto", sans-serif;

}

/* Source: core.css */
/* Base and page layout */
body.perlis-console {
    margin: 0;
    background: var(--surface-page);
    color: var(--text-main);
    font-family: var(--font-primary);
}

.console-layout {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.console-main {
    display: flex;
    flex: 1;
    flex-direction: column;
    width: 100%;
    min-width: 0;
}

/* Header */
.console-header {
    align-items: center;
    background: var(--surface-header);
    border-bottom: 4px solid var(--primary);
    box-sizing: border-box;
    color: var(--text-main);
	display: flex;
    flex-shrink: 0;
    gap: 20px;
    justify-content: space-between;
    min-height : 75px;
    padding: 8px 20px;
}

.console-header-brand {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: 6px 12px;
    background: #fff;
    border-radius: 6px;
    text-decoration: none;
}

.console-header-logo {
    display: block;
    width: auto;
    height: auto;
    max-width: 225px;
    max-height: 42px;
    object-fit: contain;
}

.console-header-user {
	flex : 1;
    margin-left: auto;
    min-width: 0;
}

/* Content and footer */
.console-content {
    flex: 1;
    min-width: 0;
    padding: 28px;
}

.console-content a:not(.btn) {
    color: var(--link-color);
}

.console-content a:not(.btn):hover {
    color: var(--bs-link-hover-color);
}

.console-footer {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 28px;
    border-top: 1px solid var(--border-color);
    color: var(--text-muted);
    font-size: 12px;
}

/* Sections and Bootstrap cards */
.console-section,
.console-content .card {
    background: var(--surface-card);
    color: var(--text-main);
    border: 1px solid var(--border-color);
    border-radius: 10px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, .18);
}

.console-section {
    margin-bottom: 24px;
}

.console-section-header,
.console-content .card-header {
    padding: 18px 22px;
    background: #25392e;
    color: var(--text-heading);
    border-bottom: 1px solid var(--border-color);
    border-radius: 10px 10px 0 0;
    font-weight: 600;
}

.console-section-title {
    margin: 0;
    color: var(--text-heading);
    font-family: var(--font-header);
    font-size: 20px;
    font-weight: 700;
}

.console-section-description {
    margin: 6px 0 0;
    color: var(--text-muted);
    font-size: 14px;
}

.console-section-body {
    padding: 22px;
}

.console-subsection + .console-subsection {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid var(--border-color);
}

.console-subsection-title {
    margin: 0 0 14px;
    padding-left: 12px;
    border-left: 4px solid var(--accent);
    color: var(--text-heading);
    font-size: 16px;
    font-weight: 700;
}

/* Form controls */
.perlis-console .form-control,
.perlis-console .form-select,
.perlis-console .input-group-text {
    background-color: var(--surface-input);
    color: var(--text-main);
    border-color: var(--border-color);
}

.perlis-console .form-control::placeholder {
    color: var(--text-muted);
    opacity: 1;
}

.perlis-console .form-control:focus,
.perlis-console .form-select:focus {
    background-color: var(--surface-input);
    color: var(--text-main);
    border-color: var(--link-color);
    box-shadow: 0 0 0 .2rem rgba(143, 208, 175, .15);
}

.perlis-console .form-control:disabled,
.perlis-console .form-select:disabled {
    background-color: var(--surface-raised);
    color: var(--text-muted);
}

/* Tables */
.perlis-console .table {
    --bs-table-color: var(--text-main);
    --bs-table-bg: var(--surface-card);
    --bs-table-border-color: var(--border-color);
    --bs-table-striped-bg: #252e28;
    --bs-table-striped-color: var(--text-main);
    --bs-table-hover-bg: #2d3d32;
    --bs-table-hover-color: #fff;
}

.perlis-console .table thead {
    --bs-table-bg: #25392e;
    --bs-table-color: var(--text-heading);
}

/* Dropdowns and modals */
.perlis-console .dropdown-menu {
    --bs-dropdown-bg: var(--surface-raised);
    --bs-dropdown-color: var(--text-main);
    --bs-dropdown-border-color: var(--border-color);
    --bs-dropdown-link-color: var(--text-main);
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-link-hover-bg: var(--primary);
    --bs-dropdown-link-active-bg: var(--primary);
    --bs-dropdown-link-active-color: #fff;
}

.perlis-console .modal-content {
    background: var(--surface-card);
    color: var(--text-main);
    border-color: var(--border-color);
}

/* Messages — default appearance is informational */
[data-shopify-job] [hidden]{
		display: none !important;
		}

.console-message {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 18px;
    padding: 16px 18px;
    border: 1px solid var(--message-border, #355364);
    border-left: 5px solid var(--message-color, #78b7d3);
    border-radius: 8px;
    background: var(--message-background, #1c2b34);
    color: var(--message-text, #c0dfed);
}

.console-message > i {
    flex-shrink: 0;
    margin-top: 3px;
    color: var(--message-color, #78b7d3);
    font-size: 18px;
}

.console-message-title {
    display: block;
    margin-bottom: 4px;
    font-weight: 700;
}

.console-message p {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
}

.console-message--warning {
    --message-color: #daab49;
    --message-border: #665532;
    --message-background: #30291b;
    --message-text: #f1d99f;
}

.console-message--info {
    --message-color: #78b7d3;
    --message-border: #355364;
    --message-background: #1c2b34;
    --message-text: #c0dfed;
}

.console-message--success {
    --message-color: #8fd0af;
    --message-border: #3c6350;
    --message-background: #1b3024;
    --message-text: #c0e4ce;
}

.console-message--danger {
    --message-color: #f08d79;
    --message-border: #704138;
    --message-background: #35221f;
    --message-text: #f3c6bc;
}
/* Header navigation */
.perlis-Nav-User-Bar {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: 24px;
		min-width: 0;
		}

.perlis-Nav-User {
		align-items: center;
	border-right: 1px solid var(--border-color);
	display: flex;
		flex      : 0 1 240px;
		gap: 12px;
		min-width : 0;
		padding-right: 24px;
		}

.perlis-Nav-User > i {
	color: var(--accent);
		flex-shrink : 0;
		font-size: 30px;
		}

.perlis-Nav-User > div {
	min-width : 0;
	}

.perlis-Nav-User-Name,
.perlis-Nav-User-Position {
	overflow      : hidden;
	text-overflow : ellipsis;
	white-space   : nowrap;
	}

.perlis-Nav-User-Name {
		color: var(--text-main);
		font-size: 14px;
		font-weight: 700;
		line-height: 1.4;
		}

.perlis-Nav-User-Position {
		color: var(--text-muted);
		font-size: 12px;
		line-height: 1.4;
		}

.perlis-Nav-Icons {
		align-items: center;
	display: flex;
		flex-shrink : 0;
		gap: 6px;
		}

.perlis-Nav-Link {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		min-height: 42px;
		padding: 10px 14px;
		border: 1px solid transparent;
		border-radius: 7px;
		color: var(--text-muted);
		font-size: 13px;
		font-weight: 600;
		text-decoration: none;
		white-space: nowrap;
		transition: background .15s ease, color .15s ease;
		}

.perlis-Nav-Link:hover {
		background: var(--surface-raised);
		color: var(--text-main);
		}

.perlis-Nav-Link.active,
.perlis-Nav-Link[aria-current="page"] {
		background: var(--accent-shade);
		border-color: var(--accent);
		color: var(--accent);
		}

.perlis-Nav-Link:focus-visible {
		outline: 2px solid var(--accent);
		outline-offset: 2px;
		}

.perlis-Nav-Logout {
	display   : flex;
	margin    : 0;
	min-width : 0;
	}

button.perlis-Nav-Link--logout {
	background  : transparent;
	cursor      : pointer;
	font-family : inherit;
	line-height : inherit;
	width       : 100%;
	}

.perlis-Nav-Link--logout:hover {
		background: var(--secondary-shade);
		color: #f08d79;
		}

/* Module navigation */
.perlis-module-nav {
		flex-shrink: 0;
		padding: 0 28px;
		background: var(--surface-card);
		border-bottom: 1px solid var(--border-color);
		}

.perlis-module-nav-inner {
		display: flex;
		align-items: stretch;
		gap: 8px;
		}

.perlis-module-link {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		min-height: 54px;
		padding: 14px 20px;
		border-bottom: 3px solid transparent;
		color: var(--text-muted);
		font-size: 14px;
		font-weight: 600;
		text-decoration: none;
		white-space: nowrap;
		transition: background .15s ease, color .15s ease;
		}

.perlis-module-link i {
		color: var(--link-color);
		font-size: 16px;
		}

.perlis-module-link:hover {
		background: var(--surface-raised);
		color: var(--text-main);
		border-bottom-color: var(--primary);
		}

.perlis-module-link.active,
.perlis-module-link[aria-current="page"] {
		background: var(--accent-shade);
		border-bottom-color: var(--accent);
		color: var(--accent);
		}

.perlis-module-link.active i,
.perlis-module-link[aria-current="page"] i {
		color: var(--accent);
		}

.perlis-module-link:focus-visible {
		outline: 2px solid var(--accent);
		outline-offset: -4px;
		}

/* Module subnavigation */
.perlis-subnav {
		align-items: center;
		background: var(--surface-card);
		border: 1px solid var(--border-color);
		border-radius: 10px;
		display: flex;
		gap: 6px;
		margin-bottom: 24px;
		padding: 8px;
		}

.perlis-subnav .perlis-subnav-link {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		min-height: 40px;
		padding: 10px 16px;
		border-radius: 6px;
		color: var(--text-muted);
		font-size: 13px;
		font-weight: 600;
		text-decoration: none;
		white-space: nowrap;
		transition: background .15s ease, color .15s ease;
		}

.perlis-subnav .perlis-subnav-link:hover {
		background: var(--surface-raised);
		color: var(--text-main);
		}

.perlis-subnav .perlis-subnav-link.active,
.perlis-subnav .perlis-subnav-link[aria-current="page"] {
		background: var(--primary);
		color: var(--primary-alt);
		box-shadow: inset 0 -2px 0 var(--accent);
		}

.perlis-subnav-link:focus-visible {
		outline: 2px solid var(--accent);
		outline-offset: 2px;
		}

/* Page heading */
.perlis-page-heading {
		align-items: center;
		border-bottom: 1px solid var(--border-color);
		display: flex;
		gap: 16px;
		margin-bottom: 24px;
		padding-bottom: 20px;
		}

.perlis-page-heading-icon {
		display: flex;
		flex: 0 0 56px;
		align-items: center;
		justify-content: center;
		height: 56px;
		background: var(--primary-shade);
		border: 1px solid var(--primary);
		border-radius: 12px;
		color: var(--accent);
		font-size: 24px;
		}

.perlis-page-title {
		margin: 0;
		color: var(--text-heading);
		font-family: var(--font-header);
		font-size: 30px;
		font-weight: 700;
		line-height: 1.2;
		letter-spacing: -.5px;
		}

.perlis-page-description {
		margin: 6px 0 0;
		color: var(--text-muted);
		font-size: 14px;
		line-height: 1.5;
		}

/* Action heading */
.perlis-action-heading {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 20px;
		margin-bottom: 18px;
		}

.perlis-action-title {
		margin: 0;
		padding-left: 12px;
		border-left: 4px solid var(--accent);
		color: var(--text-heading);
		font-size: 22px;
		font-weight: 600;
		line-height: 1.3;
		}

.perlis-action-description {
		margin: 6px 0 0 16px;
		color: var(--text-muted);
		font-size: 14px;
		}

/* Help toggle */
.perlis-help-toggle {
		display: inline-flex;
		flex-shrink: 0;
		align-items: center;
		gap: 8px;
		min-height: 40px;
		padding: 9px 14px;
		background: var(--surface-card);
		border: 1px solid var(--border-color);
		border-radius: 7px;
		color: var(--link-color);
		font: inherit;
		font-size: 13px;
		cursor: pointer;
		}

.perlis-help-toggle:hover {
		background: var(--surface-raised);
		border-color: var(--link-color);
		}

.perlis-help-toggle:focus-visible {
		outline: 2px solid var(--accent);
		outline-offset: 2px;
		}

.perlis-help-toggle .perlis-help-hide,
.perlis-help-toggle[aria-expanded="true"] .perlis-help-show {
		display: none;
		}

.perlis-help-toggle[aria-expanded="true"] .perlis-help-hide {
		display: inline;
		}

.perlis-help-chevron {
		transition: transform .15s ease;
		}

.perlis-help-toggle[aria-expanded="true"] .perlis-help-chevron {
		transform: rotate(180deg);
		}

/* Collapsible help content */
.perlis-action-help-body {
		margin-bottom: 24px;
		padding: 20px;
		background: var(--surface-card);
		border: 1px solid var(--border-color);
		border-radius: 10px;
		}

.perlis-help-section + .perlis-help-section {
		margin-top: 18px;
		padding-top: 18px;
		border-top: 1px solid var(--border-color);
		}

.perlis-help-section h3 {
		margin: 0 0 8px;
		color: var(--text-heading);
		font-size: 15px;
		font-weight: 700;
		}

.perlis-help-section p,
.perlis-help-section ol,
.perlis-help-section ul {
		margin-bottom: 0;
		color: var(--text-muted);
		font-size: 14px;
		line-height: 1.7;
		}

.perlis-action-help-body > .console-message {
		margin: 20px 0 0;
		}

/* Source: login.css */
/* Public sign-in page */
.perlis-login {
	align-items     : center;
	background      : radial-gradient(ellipse at top left, #183b2e, transparent 65%), #111815;
	box-sizing      : border-box;
	color           : var(--login-ink);
	color-scheme    : light;
	display         : flex;
	font-family     : var(--font-primary);
	--login-green   : #0d5441;
	--login-ink     : #213b31;
	justify-content : center;
	min-height      : 100vh;
	min-height      : 100svh;
	padding         : 48px 24px;
	}

.perlis-login *, .perlis-login *::before, .perlis-login *::after { box-sizing : border-box; }

.perlis-login-card {
	background            : #fffefa;
	border                : 1px solid #d9e0d6;
	border-radius         : 20px;
	box-shadow            : 0 24px 70px #143d2520;
	display               : grid;
	grid-template-columns : 1fr 1fr;
	max-width             : 1000px;
	overflow              : hidden;
	width                 : 100%;
	}

.perlis-login-brand {
	align-items     : flex-start;
	background      : radial-gradient(ellipse at bottom right, #28715a, transparent 75%), #0b4436;
	color           : #fffefa;
	display         : flex;
	flex-direction  : column;
	gap             : 48px;
	justify-content : space-between;
	padding         : 48px;
	}

.perlis-login-logo { background : #fff; border-radius : 6px; max-width : 100%; padding : 10px 16px; }

.perlis-login-logo img { display : block; height : auto; max-width : 100%; width : 218px; }

.perlis-login-eyebrow { font-size : 11px; font-weight : 700; letter-spacing : 2px; line-height : 1.5; margin : 0 0 14px; text-transform : uppercase; }

.perlis-login-brand .perlis-login-eyebrow { color : #e3c889; }

.perlis-login-intro h2 { color : inherit; font-family : Georgia, serif; font-size : clamp(32px, 4vw, 44px); font-weight : 400; letter-spacing : -1px; line-height : 1.15; margin : 0 0 20px; }

.perlis-login-intro > p:last-child { color : #d0e1d7; font-size : 15px; line-height : 1.7; margin : 0; max-width : 290px; }

.perlis-login-steps { border-top : 1px solid #ffffff30; display : grid; font-size : 13px; gap : 14px; line-height : 1.5; list-style : none; margin : 0; padding : 24px 0 0; width : 100%; }

.perlis-login-steps span { color : #e3c889; font-size : 11px; margin-right : 14px; }

.perlis-login-panel { min-width : 0; padding : 64px 48px 32px; }

.perlis-login-panel .perlis-login-eyebrow { color : var(--login-green); }

.perlis-login-panel h1 { color : var(--login-ink); font-size : 30px; font-weight : 600; letter-spacing : -1px; line-height : 1.2; margin : 0 0 12px; }

.perlis-login-description { color : #647269; font-size : 14px; line-height : 1.6; margin : 0 0 32px; }

.perlis-login-field { margin-bottom : 22px; }

.perlis-login-field label { display : block; font-size : 13px; font-weight : 600; margin-bottom : 8px; }

.perlis-login-field input {
	background    : #fff;
	border        : 1px solid #b8c5ba;
	border-radius : 8px;
	color         : var(--login-ink);
	display       : block;
	font          : inherit;
	font-size     : 16px;
	line-height   : 1.5;
	min-height    : 50px;
	padding       : 12px 14px;
	width         : 100%;
	}

.perlis-login-field input::placeholder { color : #748078; opacity : 1; }

.perlis-login-field input:focus { border-color : var(--login-green); outline : 3px solid #0d544126; outline-offset : 1px; }

.perlis-login-forgot { color : var(--login-green); display : block; font-size : 13px; margin : -6px 0 22px auto; padding-block : 10px; text-underline-offset : 4px; width : fit-content; }

.perlis-login-forgot:hover { color : #092f25; }

.perlis-login-submit {
	align-items     : center;
	background      : var(--login-green);
	border          : 1px solid var(--login-green);
	border-radius   : 8px;
	color           : #fff;
	cursor          : pointer;
	display         : flex;
	font            : inherit;
	font-size       : 15px;
	font-weight     : 600;
	justify-content : space-between;
	min-height      : 50px;
	padding         : 12px 18px;
	width           : 100%;
	}

.perlis-login-submit:hover { background : #093e30; }

.perlis-login-submit span { font-size : 22px; line-height : 1; }

.perlis-login-submit:focus-visible, .perlis-login-forgot:focus-visible { outline : 3px solid #b18b36; outline-offset : 4px; }

.perlis-login-note { border-top : 1px solid #e2e6de; color : #647269; font-size : 11px; letter-spacing : .5px; margin : 32px 0 0; padding-top : 24px; text-align : center; }

.perlis-login-error { background : #fff0eb; border : 1px solid #e4b3a7; border-radius : 8px; color : #8b2816; font-size : 14px; line-height : 1.5; margin-bottom : 22px; overflow-wrap : anywhere; padding : 12px 14px; }

@media (max-width : 767.98px) {
	.perlis-login { padding : 24px 16px; }
	.perlis-login-card { border-radius : 16px; grid-template-columns : 1fr; max-width : 480px; }
	.perlis-login-brand { gap : 24px; padding : 28px; }
	.perlis-login-logo img { width : 180px; }
	.perlis-login-intro h2 { font-size : 32px; margin-bottom : 12px; }
	.perlis-login-intro > p:last-child { font-size : 14px; max-width : none; }
	.perlis-login-steps { display : none; }
	.perlis-login-panel { padding : 32px 28px 24px; }
	.perlis-login-panel h1 { font-size : 28px; }
	.perlis-login-description { margin-bottom : 24px; }
	}

@media (max-width : 359.98px) {
	.perlis-login { padding : 12px; }
	.perlis-login-brand, .perlis-login-panel { padding : 24px 20px; }
	}

/* Source: responsive.css */
/* Let the account details share the top row and give navigation its own row. */
@media (max-width : 1199.98px) {
	.console-header {
		display               : grid;
		gap                   : 10px 16px;
		grid-template-columns : auto minmax(0, 1fr);
		padding-block         : 10px;
		}

	.console-header-brand {
		grid-column  : 1;
		grid-row     : 1;
		justify-self : start;
		}

	.console-header-user,
	.perlis-Nav-User-Bar {
		display : contents;
		}

	.perlis-Nav-User {
		border-right    : 0;
		grid-column     : 2;
		grid-row        : 1;
		justify-content : flex-end;
		padding-right   : 0;
		}

	.perlis-Nav-Icons {
		border-top            : 1px solid var(--border-color);
		display               : grid;
		gap                   : 4px;
		grid-column           : 1 / -1;
		grid-template-columns : repeat(6, minmax(0, 1fr));
		padding-top           : 8px;
		}

	.perlis-Nav-Icons:not(:has(a[href="/admin"])) {
		grid-template-columns : repeat(5, minmax(0, 1fr));
		}

	.perlis-Nav-Link {
		box-sizing : border-box;
		gap        : 6px;
		min-height : 44px;
		min-width  : 0;
		padding    : 8px;
		}
	}

/* Tablet and smaller */
@media (max-width: 991.98px) {
    .console-header {
        padding-inline: 16px;
    }

    .console-content {
        padding: 18px 14px;
    }

    .console-section-header,
    .console-section-body,
    .console-content .card-header {
        padding: 16px;
    }

    .console-footer {
        flex-wrap: wrap;
        padding: 14px;
    }
}

/* Phone */
@media (max-width: 575.98px) {
    .console-header {
        gap: 10px;
        padding-inline: 12px;
    }

    .console-header-logo {
        max-width: 150px;
    }

	.perlis-Nav-User {
		gap : 6px;
		}

	.perlis-Nav-User > i {
		font-size : 22px;
		}

	.perlis-Nav-Icons,
	.perlis-Nav-Icons:not(:has(a[href="/admin"])) {
		grid-template-columns : repeat(3, minmax(0, 1fr));
		}
}
@media (max-width: 991.98px) {
		.perlis-module-nav {
				padding-inline: 14px;
				}

		.perlis-module-nav-inner {
				overflow-x: auto;
				}

		.perlis-module-link {
				flex-shrink: 0;
				padding-inline: 16px;
				}
		}

@media (max-width: 575.98px) {
		.perlis-module-nav {
				padding-inline: 8px;
				}

		.perlis-module-nav-inner {
				gap: 2px;
				}

		.perlis-module-link {
				gap: 7px;
				min-height: 48px;
				padding: 12px;
				font-size: 12px;
				}
		}

@media (max-width: 575.98px) {
		.perlis-page-heading {
				gap: 12px;
				margin-bottom: 18px;
				padding-bottom: 16px;
				}

		.perlis-page-heading-icon {
				flex-basis: 44px;
				height: 44px;
				font-size: 20px;
				}

		.perlis-page-title {
				font-size: 24px;
				}

		.perlis-page-description {
				font-size: 13px;
				}
		}

@media (max-width: 575.98px) {
		.perlis-action-heading {
				align-items: flex-start;
				flex-direction: column;
				gap: 12px;
				}

		.perlis-action-title {
				font-size: 19px;
				}

		.perlis-action-help-body {
				padding: 16px;
				}
		}

/* Compact image review, with separate product and variant galleries. */
.export-review .export-image-section {
    background: var(--bs-tertiary-bg, #f8f9fa);
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-left: 4px solid var(--bs-primary, #0d6efd);
    border-radius: 6px;
    padding: 16px;
}

.export-review .export-image-section--variant {
    background: var(--bs-body-bg, #fff);
    border-left-color: var(--bs-secondary, #6c757d);
    margin-top: 24px;
}

.export-review .export-image-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 170px), 190px));
}

.export-review .export-image-thumbnail {
    border-radius: 5px 5px 0 0;
    display: block;
    height: 96px;
    object-fit: contain;
    width: 100%;
}