/*
 * Admin dashboard theme.
 * Matches the RingBuilder 2.0 (Pro) dashboard: Poppins, a monochrome palette, white cards with a
 * thin grey border on a light grey canvas, light grey inner panels, near-black primary buttons and
 * outlined secondary buttons. Loaded after admin-ui.css and premium-features.css, so it sets the
 * final look of every tab; the earlier files keep the layout.
 */

/* =========================================================
   Tokens
   ========================================================= */
#wpcontent:has(.main-div-tab),
#wpbody-content:has(.main-div-tab) {
	background: #f6f6f6;
}

.main-div-tab,
#premium-features-tab-pane {
	--kirb-t-ink: #303030;
	--kirb-t-ink-strong: #1a1a1a;
	--kirb-t-text: #4a4a4a;
	--kirb-t-muted: #6b6b6b;
	--kirb-t-line: #e3e3e3;
	--kirb-t-border: #d4d4d4;
	--kirb-t-panel: #f7f7f7;
	--kirb-t-hover: #f1f1f1;
	--kirb-t-success-bg: #d4f8e8;
	--kirb-t-success: #0b6b47;
	--kirb-t-radius: 12px;
	--kirb-t-radius-sm: 8px;
	--kirb-t-focus: 0 0 0 3px rgba(48, 48, 48, .14);
	--kirb-t-font: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

	/* Earlier design layers read these: point them at the monochrome palette */
	--kirb-ui-primary: var(--kirb-t-ink);
	--kirb-ui-primary-dark: var(--kirb-t-ink-strong);
	--kirb-ui-tint: var(--kirb-t-panel);
	--kirb-ui-tint-strong: var(--kirb-t-line);
	--kirb-ui-glow: transparent;
	--kirb-ui-ink: var(--kirb-t-ink);
	--kirb-ui-text: var(--kirb-t-text);
	--kirb-ui-muted: var(--kirb-t-muted);
	--kirb-ui-line: var(--kirb-t-line);
	--kirb-ui-field: var(--kirb-t-border);
	--kirb-ui-canvas: var(--kirb-t-panel);
	--kirb-ui-gold: var(--kirb-t-ink);
	--kirb-ui-radius: var(--kirb-t-radius);
	--kirb-ui-shadow: none;
	--kirb-ui-shadow-lg: none;
	--kirb-pf-accent: var(--kirb-t-ink);
	--kirb-pf-ink: var(--kirb-t-ink);
	--kirb-pf-muted: var(--kirb-t-muted);
	--kirb-pf-line: var(--kirb-t-line);
	--kirb-pf-soft: var(--kirb-t-panel);
}

/* =========================================================
   Typography: Poppins everywhere except icon fonts
   ========================================================= */
.main-div-tab,
.main-div-tab :where(*):not([class^="ri-"]):not([class*=" ri-"]):not(.dashicons) {
	font-family: var(--kirb-t-font) !important;
}

.main-div-tab {
	color: var(--kirb-t-text);
	font-size: 13px;
}

.main-div-tab h1,
.main-div-tab h2,
.main-div-tab h3,
.main-div-tab h4,
.main-div-tab h5,
.main-div-tab h6 {
	color: var(--kirb-t-ink);
	letter-spacing: normal;
}

.main-div-tab a:not([class]) {
	color: var(--kirb-t-ink);
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* =========================================================
   Plugin header: dark purple strip (same as Keyideas Jewelry Customizer Pro)
   ========================================================= */
.main-div-tab .kirb-plugin-header {
	padding: 18px 22px;
	border: 0;
	border-radius: 16px;
	background: radial-gradient(120% 140% at 0% 0%, rgba(108, 92, 231, .35) 0%, transparent 60%), linear-gradient(135deg, #1d1838 0%, #2c2553 100%);
	box-shadow: 0 18px 40px rgba(23, 21, 42, .12);
	color: #d9d6ee;
}

.main-div-tab .kirb-plugin-header-icon {
	padding: 6px;
	border: 0;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 6px 16px rgba(0, 0, 0, .25);
}

.main-div-tab .kirb-plugin-header h1 {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
}

.main-div-tab .kirb-plugin-header-version {
	padding: 3px 9px;
	border: 0;
	border-radius: 999px;
	background: rgba(255, 255, 255, .14);
	color: #fff;
	font-size: 12px;
	font-weight: 600;
}

.main-div-tab .kirb-plugin-header p {
	color: #d9d6ee;
	font-size: 13px;
}

.main-div-tab .kirb-plugin-header-status {
	padding: 5px 12px;
	border: 0;
	border-radius: 999px;
	background: #fff;
	color: #8a5a00;
	font-size: 12px;
	font-weight: 600;
	box-shadow: none;
}

.main-div-tab .kirb-plugin-header-status.is-active {
	color: #11795a;
}

.main-div-tab .kirb-plugin-header-status.is-active::before {
	background: #11a36b;
}

/* =========================================================
   Page header: plain title on the canvas, action on the right
   ========================================================= */
.main-div-tab .sticky-outer-section {
	margin-bottom: 16px;
	background: #f6f6f6;
}

.main-div-tab .main-heading-btn {
	min-height: 56px;
	padding: 8px 0;
	border: none;
	border-radius: 0;
	background: #f6f6f6;
	box-shadow: none;
	overflow: visible;
}

.main-div-tab .main-heading-btn::before {
	display: none;
}

.main-div-tab .kirb-tabs-header h2 {
	color: var(--kirb-t-ink);
	font-size: 18px !important;
	font-weight: 600;
	letter-spacing: normal;
}

/* =========================================================
   Buttons
   ========================================================= */
/* Primary: near-black, flat */
.main-div-tab .save-btn,
.main-div-tab .initial-section .save-btn,
.main-div-tab .send-button,
.main-div-tab .year-month-switch-section .yearly-btn,
.main-div-tab .kirb-activate-plugin-btn,
.main-div-tab .kirb-contact-btn button,
.main-div-tab .kirb-btn-primary,
#premium-features-tab-pane .kirb-pf-btn-primary {
	border: 1px solid var(--kirb-t-ink) !important;
	border-radius: var(--kirb-t-radius-sm);
	background: var(--kirb-t-ink) !important;
	color: #fff !important;
	font-weight: 500;
	letter-spacing: normal;
	box-shadow: none !important;
	filter: none;
	transform: none;
	transition: background-color .15s ease, border-color .15s ease;
}

.main-div-tab .save-btn:hover,
.main-div-tab .send-button:not(:disabled):hover,
.main-div-tab .year-month-switch-section .yearly-btn:hover,
.main-div-tab .kirb-activate-plugin-btn:hover,
.main-div-tab .kirb-contact-btn button:hover,
.main-div-tab .kirb-btn-primary:not(:disabled):hover,
#premium-features-tab-pane .kirb-pf-btn-primary:hover {
	border-color: var(--kirb-t-ink-strong) !important;
	background: var(--kirb-t-ink-strong) !important;
	color: #fff !important;
	box-shadow: none !important;
	filter: none;
	transform: none;
}

/* Secondary: white with a grey outline */
.main-div-tab .kirb-doc-btn,
.main-div-tab .clear-cache-btn,
.main-div-tab .kirb-rec-apps__all,
.main-div-tab .kirb-btn-outline,
#premium-features-tab-pane .kirb-pf-btn-ghost,
#premium-features-tab-pane .kirb-pf-btn-light,
#premium-features-tab-pane .kirb-pf-btn-soft {
	border: 1px solid var(--kirb-t-border) !important;
	border-radius: var(--kirb-t-radius-sm);
	background: #fff;
	color: var(--kirb-t-ink) !important;
	font-weight: 500;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .04);
	transform: none;
	transition: background-color .15s ease, border-color .15s ease;
}

.main-div-tab .kirb-doc-btn:hover,
.main-div-tab .kirb-doc-btn:focus,
.main-div-tab .clear-cache-btn:hover,
.main-div-tab .kirb-rec-apps__all:hover,
.main-div-tab .kirb-rec-apps__all:focus,
.main-div-tab .kirb-btn-outline:hover,
#premium-features-tab-pane .kirb-pf-btn-ghost:hover,
#premium-features-tab-pane .kirb-pf-btn-light:hover,
#premium-features-tab-pane .kirb-pf-btn-soft:hover {
	border-color: var(--kirb-t-ink) !important;
	background: var(--kirb-t-hover);
	color: var(--kirb-t-ink) !important;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .04);
	transform: none;
}

.main-div-tab .kirb-doc-btn {
	padding: 9px 16px;
	font-size: 13px;
}

.main-div-tab .kirb-doc-btn::after {
	display: none;
}

#premium-features-tab-pane .kirb-pf-btn {
	height: 40px;
	font-size: 13px;
}

#premium-features-tab-pane .kirb-pf-btn:hover {
	transform: none;
}

.main-div-tab :is(button, a, [tabindex]):focus-visible,
#premium-features-tab-pane .kirb-pf-btn:focus-visible {
	outline: 2px solid var(--kirb-t-ink);
	outline-offset: 2px;
}

/* =========================================================
   Cards and inner panels
   ========================================================= */
.main-div-tab .right-section,
.main-div-tab .initial-section .confirm-settings,
.main-div-tab .chargeable-services-section,
.main-div-tab .kirb-rec-apps,
.main-div-tab .kirb-contact-form,
.main-div-tab .kirb-contact-card,
#premium-features-tab-pane .kirb-pf-group,
#premium-features-tab-pane .kirb-pf-logos {
	border: 1px solid var(--kirb-t-border) !important;
	border-radius: var(--kirb-t-radius);
	background: #fff;
	box-shadow: none;
}

.main-div-tab .right-section {
	padding: 24px;
}

/* Grey inner panels, like the reference's sub-sections */
.main-div-tab .right-section-container,
.main-div-tab .step-color-div .color-inner,
.main-div-tab .stap-grid-section .item.list,
#premium-features-tab-pane .kirb-pf-card,
#premium-features-tab-pane .kirb-pf-price-card,
#premium-features-tab-pane .kirb-pf-stats li {
	border: 1px solid var(--kirb-t-line);
	border-radius: 10px;
	background: var(--kirb-t-panel);
	box-shadow: none;
}

.main-div-tab .stap-grid-section .item.list {
	background: #fff;
	border-color: var(--kirb-t-border);
	border-radius: var(--kirb-t-radius-sm);
}

.main-div-tab .stap-grid-section .item.list:hover {
	border-color: var(--kirb-t-ink);
	background: #fff;
}

.main-div-tab .stap-grid-section .item.list .text-p {
	color: var(--kirb-t-ink);
	font-size: 13px;
	font-weight: 600;
}

#premium-features-tab-pane .kirb-pf-card:hover {
	border-color: var(--kirb-t-border);
	box-shadow: none;
	transform: none;
}

.main-div-tab .step h5,
.main-div-tab .setting-category-section h5,
.main-div-tab .theme-header h5,
.main-div-tab .right-section > .step > h5 {
	color: var(--kirb-t-ink);
	font-size: 15px;
	font-weight: 600;
	letter-spacing: normal;
}

.main-div-tab .kirb-step-hint {
	color: var(--kirb-t-text);
	font-size: 13px;
}

.main-div-tab .right-section-container .section-header .para p {
	color: var(--kirb-t-ink);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: normal;
	text-transform: none;
}

.main-div-tab .right-section-container .kirb-nav-arrow {
	border: 1px solid var(--kirb-t-border);
	border-radius: var(--kirb-t-radius-sm);
	background: #fff;
	box-shadow: none;
}

/* =========================================================
   Segmented sub tabs (Basic / More Options, Basic / Translations)
   ========================================================= */
.main-div-tab .year-tab-section .nav-tabs,
.main-div-tab .year-tab-section .nav-tabs:hover {
	gap: 4px;
	padding: 4px;
	border: 1px solid var(--kirb-t-border) !important;
	border-radius: 10px;
	background: #fff;
}

.main-div-tab .year-tab-section button {
	padding: 7px 18px;
	border-radius: 7px;
	color: var(--kirb-t-ink);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: normal;
	text-transform: none;
}

.main-div-tab .year-tab-section button:hover {
	background: var(--kirb-t-hover);
	color: var(--kirb-t-ink);
}

.main-div-tab .year-tab-section button.active,
.main-div-tab .plan-btn.active {
	background-color: var(--kirb-t-ink) !important;
	color: #fff !important;
	box-shadow: none;
}

/* =========================================================
   Form controls
   ========================================================= */
.main-div-tab select,
.main-div-tab .form-select,
.main-div-tab input[type="text"],
.main-div-tab input[type="email"],
.main-div-tab input[type="number"],
.main-div-tab input[type="tel"],
.main-div-tab textarea {
	border: 1px solid var(--kirb-t-border) !important;
	border-radius: var(--kirb-t-radius-sm);
	color: var(--kirb-t-ink);
	font-size: 13px;
}

.main-div-tab select:hover,
.main-div-tab .form-select:hover,
.main-div-tab textarea:hover {
	border-color: var(--kirb-t-muted) !important;
}

.main-div-tab select:focus,
.main-div-tab .form-select:focus,
.main-div-tab input[type="text"]:focus,
.main-div-tab input[type="email"]:focus,
.main-div-tab input[type="number"]:focus,
.main-div-tab input[type="tel"]:focus,
.main-div-tab textarea:focus {
	border-color: var(--kirb-t-ink) !important;
	box-shadow: var(--kirb-t-focus);
}

.main-div-tab input[type="checkbox"],
.main-div-tab input[type="radio"] {
	accent-color: var(--kirb-t-ink);
}

/* WordPress paints checked boxes in the admin colour scheme: use the dashboard ink instead */
.main-div-tab input[type="checkbox"]:checked,
.main-div-tab input[type="radio"]:checked {
	border-color: var(--kirb-t-ink);
	background-color: var(--kirb-t-ink);
}

.main-div-tab input[type="checkbox"]:focus,
.main-div-tab input[type="radio"]:focus {
	border-color: var(--kirb-t-ink);
	box-shadow: var(--kirb-t-focus);
}

/* Products per page: outlined chips, selected one filled */
.main-div-tab .number-section span {
	border-color: var(--kirb-t-border);
	border-radius: var(--kirb-t-radius-sm);
	color: var(--kirb-t-ink);
	font-weight: 500;
}

.main-div-tab .number-section span:hover {
	border-color: var(--kirb-t-ink);
	background: var(--kirb-t-hover);
}

.main-div-tab .number-section span.active {
	border-color: var(--kirb-t-ink);
	background: var(--kirb-t-ink);
	color: #fff;
	box-shadow: none;
}

.main-div-tab .kirb-pf-more-teaser,
.kirb-pf-more-teaser {
	border: 1px dashed var(--kirb-t-border);
	border-radius: 10px;
	background: var(--kirb-t-panel);
}

.kirb-pf-more-teaser .kirb-pf-open-tab {
	background: var(--kirb-t-ink);
}

/* Settings > B: "create now" link */
.main-div-tab #kirb_create_engagement_ring_cat_btn,
.main-div-tab #kirb_create_engagement_ring_cat_btn:hover,
.main-div-tab #kirb_create_engagement_ring_cat_btn:focus {
	color: var(--kirb-t-ink);
}

/* =========================================================
   My Plan
   ========================================================= */
.main-div-tab .myplan-price-main .simple-plan-section {
	padding: 24px;
	border: 1px solid var(--kirb-t-border);
	border-radius: var(--kirb-t-radius);
	background: #fff;
	color: var(--kirb-t-text);
	box-shadow: none;
}

.main-div-tab .myplan-price-main .simple-plan-section h2 {
	color: var(--kirb-t-ink) !important;
	font-size: 26px !important;
	font-weight: 700 !important;
	letter-spacing: normal;
}

.main-div-tab .myplan-price-main .simple-plan-section .pera-head {
	color: var(--kirb-t-text);
}

/* Plan name: outlined chip, like the reference's "Free Trial" label */
.main-div-tab .basic-free-plan-section .basic-btn {
	padding: 5px 12px;
	border: 1px solid var(--kirb-t-border);
	border-radius: 6px;
	background: #fff;
	color: var(--kirb-t-ink);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: normal;
	text-transform: none;
}

.main-div-tab .myplan-price-main .simple-plan-section .yearly-btn,
.main-div-tab .myplan-price-main .simple-plan-section .kirb-contact-btn button {
	background: var(--kirb-t-ink) !important;
	color: #fff !important;
}

.main-div-tab .main-youget-section h3,
.main-div-tab .chargeable-services-section h3,
.main-div-tab .trusted-jewelers-section h3,
.main-div-tab .kirb-rec-apps .kirb-rec-apps__title {
	color: var(--kirb-t-ink);
	font-size: 16px;
	font-weight: 600;
	letter-spacing: normal;
}

.main-div-tab .main-youget-section .inner-youget-section .plan-dropdown-section {
	border: 1px solid var(--kirb-t-line);
	border-radius: 10px;
	background: var(--kirb-t-panel);
	box-shadow: none;
}

.main-div-tab .main-youget-section .inner-youget-section .plan-dropdown-section:hover {
	border-color: var(--kirb-t-border);
	box-shadow: none;
	transform: none;
}

.main-div-tab .main-youget-section .plan-dropdown-heading h4 {
	color: var(--kirb-t-ink);
	font-size: 13px;
	font-weight: 500;
}

/* Included features: mint check, like the reference's plan benefits */
.main-div-tab .main-youget-section .plan-dropdown-heading h4::before {
	background: var(--kirb-t-success-bg);
	color: var(--kirb-t-success);
}

/* Pro-only features: neutral star */
.main-div-tab .kirb-free-pricing-seperator-div ~ .plan-dropdown-section .plan-dropdown-heading h4::before {
	background: #fff;
	color: var(--kirb-t-ink);
	box-shadow: inset 0 0 0 1px var(--kirb-t-border);
}

.main-div-tab .kirb-free-pricing-seperator-div {
	color: var(--kirb-t-muted);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: normal;
	text-transform: none;
}

.main-div-tab .chargeable-services-section {
	padding: 8px 20px;
}

.main-div-tab .kirb-rec-apps__item img {
	border-radius: 8px;
}

.main-div-tab .kirb-rec-apps__name {
	font-weight: 600;
}

/* =========================================================
   FAQs / accordions
   ========================================================= */
.main-div-tab .faq-section .accordion {
	border: 1px solid var(--kirb-t-border);
	border-radius: var(--kirb-t-radius);
	box-shadow: none;
}

.main-div-tab .faq-section .head-pera-faq {
	color: var(--kirb-t-ink);
	font-weight: 500;
}

/* =========================================================
   Premium Features
   ========================================================= */
#premium-features-tab-pane .kirb-pf-hero,
#premium-features-tab-pane .kirb-pf-cta {
	border: 1px solid var(--kirb-t-border);
	border-radius: var(--kirb-t-radius);
	background: #fff;
	color: var(--kirb-t-text);
}

#premium-features-tab-pane .kirb-pf-hero::after {
	display: none;
}

#premium-features-tab-pane .kirb-pf-eyebrow {
	color: var(--kirb-t-muted);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: normal;
	text-transform: none;
}

#premium-features-tab-pane .kirb-pf-hero h3,
#premium-features-tab-pane .kirb-pf-cta h4 {
	color: var(--kirb-t-ink);
	font-weight: 600;
}

#premium-features-tab-pane .kirb-pf-hero h3 {
	font-size: 22px;
}

#premium-features-tab-pane .kirb-pf-hero p,
#premium-features-tab-pane .kirb-pf-cta p,
#premium-features-tab-pane .kirb-pf-stats span {
	color: var(--kirb-t-text);
}

#premium-features-tab-pane .kirb-pf-stats strong {
	color: var(--kirb-t-ink);
}

/* Category badges: small outlined labels, like "Required" / "Optional" */
#premium-features-tab-pane .kirb-pf-badge-pro,
#premium-features-tab-pane .kirb-pf-badge-addon,
#premium-features-tab-pane .kirb-pf-badge-custom,
#premium-features-tab-pane .kirb-pf-text {
	border: 1px solid var(--kirb-t-ink);
	border-radius: 4px;
	background: #fff;
	color: var(--kirb-t-ink);
	letter-spacing: normal;
	text-transform: none;
}

#premium-features-tab-pane .kirb-pf-icon,
#premium-features-tab-pane .kirb-pf-group-head h4 i,
#premium-features-tab-pane .kirb-pf-price strong {
	color: var(--kirb-t-ink);
}

#premium-features-tab-pane .kirb-pf-price-card {
	border-color: var(--kirb-t-border);
	background: #fff;
}

#premium-features-tab-pane .kirb-pf-included li {
	color: var(--kirb-t-text);
}

/* RingBuilder 2.0 promo */
#premium-features-tab-pane .kirb-pf-rb2 {
	border: 1px solid var(--kirb-t-border);
	border-radius: var(--kirb-t-radius);
	background: #fff;
}

#premium-features-tab-pane .kirb-pf-rb2-icon {
	border-radius: 10px;
	background: var(--kirb-t-panel);
	color: var(--kirb-t-ink);
	box-shadow: inset 0 0 0 1px var(--kirb-t-line);
}

#premium-features-tab-pane .kirb-pf-rb2-badge {
	border-radius: 4px;
	background: var(--kirb-t-ink);
	letter-spacing: normal;
}

#premium-features-tab-pane .kirb-pf-section-title {
	color: var(--kirb-t-ink);
	font-weight: 600;
}

/* Comparison table */
#premium-features-tab-pane .kirb-pf-table thead th {
	color: var(--kirb-t-ink);
	letter-spacing: normal;
	text-transform: none;
}

#premium-features-tab-pane .kirb-pf-table tbody tr:hover {
	background: var(--kirb-t-panel);
}

#premium-features-tab-pane .kirb-pf-table .kirb-pf-col-pro {
	background: var(--kirb-t-panel);
}

#premium-features-tab-pane .kirb-pf-table thead .kirb-pf-col-pro span {
	border-radius: 4px;
	background: var(--kirb-t-ink);
	letter-spacing: normal;
}

#premium-features-tab-pane .kirb-pf-yes {
	background: var(--kirb-t-success-bg);
	color: var(--kirb-t-success);
}

#premium-features-tab-pane .kirb-pf-col-pro .kirb-pf-yes {
	background: var(--kirb-t-ink);
	color: #fff;
}

#premium-features-tab-pane .kirb-pf-no {
	background: var(--kirb-t-hover);
	color: #b0b0b0;
}

#premium-features-tab-pane .kirb-pf-value strong,
#premium-features-tab-pane .kirb-pf-col-pro .kirb-pf-value strong {
	color: var(--kirb-t-ink);
}

#premium-features-tab-pane .kirb-pf-value small {
	color: var(--kirb-t-muted);
}

/* =========================================================
   Contact Us
   ========================================================= */
.main-div-tab .kirb-contact-form::before {
	display: none;
}

.main-div-tab .kirb-contact-form-head h4,
.main-div-tab .kirb-contact-card h5 {
	color: var(--kirb-t-ink);
	font-weight: 600;
}

.main-div-tab .kirb-contact-form-head h4 {
	font-size: 16px;
}

.main-div-tab .kirb-contact-form-icon,
.main-div-tab .kirb-contact-channel > i:first-child {
	border: 1px solid var(--kirb-t-line);
	border-radius: 10px;
	background: var(--kirb-t-panel);
	color: var(--kirb-t-ink);
}

.main-div-tab .kirb-contact-channel:hover > i:first-child {
	background: var(--kirb-t-ink);
	color: #fff;
}

.main-div-tab .kirb-contact-channel:hover,
.main-div-tab .kirb-contact-channel:focus-visible {
	border-color: var(--kirb-t-line);
	background: var(--kirb-t-panel);
}

.main-div-tab .kirb-contact-channel:hover .kirb-contact-go {
	color: var(--kirb-t-ink);
}

.main-div-tab .kirb-contact-store {
	border-color: var(--kirb-t-border);
	border-radius: 6px;
	background: #fff;
}

.main-div-tab .kirb-contact-store i,
.main-div-tab .kirb-contact-tips h5 i {
	color: var(--kirb-t-ink);
}

/* Tips: grey info panel, like the reference's notes */
.main-div-tab .kirb-contact-tips {
	background: var(--kirb-t-panel);
}

.main-div-tab .kirb-contact-tips li::before {
	background: var(--kirb-t-ink);
}

/* Pro card: dark, flat */
.main-div-tab .kirb-contact-pro {
	border-radius: var(--kirb-t-radius);
	background: var(--kirb-t-ink);
	box-shadow: none;
}

.main-div-tab .kirb-contact-pro:hover {
	background: var(--kirb-t-ink-strong);
	transform: none;
}

.main-div-tab .kirb-contact-pro > i:first-child {
	color: #fff;
}

/* The form lives in a shadow root: theme it through its variables and parts */
.main-div-tab #ring-builder-contact {
	--cf-primary: var(--kirb-t-ink);
	--cf-radius: var(--kirb-t-radius-sm);
	--cf-control-border: var(--kirb-t-border);
	--cf-input-text: var(--kirb-t-ink);
	--cf-placeholder: var(--kirb-t-muted);
	--cf-muted: var(--kirb-t-panel);
	--cf-notice-bg: var(--kirb-t-panel);
	--cf-notice-border: var(--kirb-t-line);
	font-family: var(--kirb-t-font);
}

.main-div-tab #ring-builder-contact::part(button-primary) {
	border-radius: var(--kirb-t-radius-sm);
	background: var(--kirb-t-ink);
	box-shadow: none;
	font-weight: 500;
}

/* =========================================================
   Consent card, toast
   ========================================================= */
.main-div-tab .kirb-consent-card {
	border: 1px solid var(--kirb-t-border) !important;
	border-radius: var(--kirb-t-radius);
	box-shadow: 0 12px 32px rgba(0, 0, 0, .12) !important;
}

.main-div-tab .kirb-consent-card h4 {
	color: var(--kirb-t-ink);
	font-weight: 600 !important;
}

@media (max-width: 600px) {
	.main-div-tab .main-heading-btn {
		min-height: 48px;
		padding: 6px 0;
	}

	.main-div-tab .kirb-tabs-header h2 {
		font-size: 17px !important;
	}

	.main-div-tab .right-section {
		padding: 16px;
	}
}

/* =========================================================
   Page structure (one admin page per section)
   ========================================================= */
.main-div-tab .kirb-page {
	display: flex;
	flex-direction: column;
	gap: 20px;
	max-width: 98%;
	margin-bottom: 32px;
}

.main-div-tab .kirb-page > .sticky-outer-section {
	margin-bottom: 0;
}

/* The page is already as wide as the plugin header: its parts fill it */
.main-div-tab .kirb-page .main-heading-btn,
.main-div-tab .kirb-page > .right-section,
#premium-features-tab-pane.kirb-page > .kirb-pf {
	width: 100%;
	max-width: none;
	margin-bottom: 0;
}

/* White card with a title and a description, e.g. Setup Guide */
.main-div-tab .kirb-card {
	margin: 0;
	padding: 20px;
	border: 1px solid var(--kirb-t-border);
	border-radius: var(--kirb-t-radius);
	background: #fff;
}

.main-div-tab .kirb-card__title {
	margin: 0 0 6px;
	color: var(--kirb-t-ink);
	font-size: 16px;
	font-weight: 600;
}

.main-div-tab .kirb-card__desc {
	margin: 0 0 20px;
	color: var(--kirb-t-text);
	font-size: 13px;
}

/* Small outlined label: Required / Optional / Done */
.main-div-tab .kirb-badge {
	display: inline-flex;
	align-items: center;
	padding: 1px 7px;
	border: 1px solid var(--kirb-t-ink);
	border-radius: 4px;
	background: #fff;
	color: var(--kirb-t-ink);
	font-size: 11px;
	font-weight: 600;
	line-height: 1.5;
	vertical-align: middle;
}

.main-div-tab .kirb-badge--done {
	border-color: var(--kirb-t-success);
	background: var(--kirb-t-success-bg);
	color: var(--kirb-t-success);
}

/* =========================================================
   Numbered section card: circled number, title, badge, description, collapse chevron
   ========================================================= */
.main-div-tab .kirb-step-card {
	border: 1px solid var(--kirb-t-border);
	border-radius: var(--kirb-t-radius);
	background: #fff;
}

.main-div-tab .kirb-step-card__head {
	display: flex;
	align-items: center;
	gap: 16px;
	width: 100%;
	margin: 0;
	padding: 20px 24px;
	border: 0;
	border-radius: var(--kirb-t-radius);
	background: transparent;
	color: inherit;
	text-align: left;
	cursor: pointer;
}

.main-div-tab .kirb-step-card__num {
	display: inline-flex;
	flex: 0 0 42px;
	align-items: center;
	justify-content: center;
	height: 42px;
	border: 2px solid var(--kirb-t-ink);
	border-radius: 50%;
	background: #fff;
	color: var(--kirb-t-ink);
	font-size: 16px;
	font-weight: 600;
}

.main-div-tab .kirb-step-card__num.is-done {
	border-color: var(--kirb-t-ink);
	background: var(--kirb-t-ink);
	color: #fff;
	font-size: 20px;
}

.main-div-tab .kirb-step-card__text {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.main-div-tab .kirb-step-card__title {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	color: var(--kirb-t-ink);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3;
}

.main-div-tab .kirb-step-card__desc {
	color: var(--kirb-t-text);
	font-size: 13px;
	line-height: 1.5;
}

.main-div-tab .kirb-step-card__chevron {
	flex: 0 0 auto;
	color: var(--kirb-t-ink);
	font-size: 22px;
	transition: transform .2s ease;
}

.main-div-tab .kirb-step-card__body {
	padding: 4px 24px 24px;
}

.main-div-tab .kirb-step-card.is-collapsed .kirb-step-card__body {
	display: none;
}

.main-div-tab .kirb-step-card.is-collapsed .kirb-step-card__chevron {
	transform: rotate(180deg);
}

/* Fields on the left, preview on the right */
.main-div-tab .kirb-step-card__split {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 24px;
	align-items: start;
}

.main-div-tab .kirb-step-card__fields {
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
}

.main-div-tab .kirb-step-card__split .right-section-container {
	top: 70px;
}

/* Grey inner panel holding one group of fields */
.main-div-tab .kirb-panel {
	padding: 20px;
	border: 1px solid var(--kirb-t-line);
	border-radius: 10px;
	background: var(--kirb-t-panel);
}

.main-div-tab .kirb-panel--narrow {
	max-width: calc(50% - 12px);
}

.main-div-tab .kirb-panel--row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.main-div-tab .kirb-panel__title {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0 0 4px;
	color: var(--kirb-t-ink);
	font-size: 14px;
	font-weight: 600;
}

.main-div-tab .kirb-panel__desc {
	margin: 0 0 14px;
	color: var(--kirb-t-text);
	font-size: 13px;
}

.main-div-tab .kirb-panel--row .clear-cache-btn {
	flex: 0 0 auto;
	white-space: nowrap;
}

.main-div-tab .kirb-panel--row .kirb-panel__desc {
	margin-bottom: 0;
}

.main-div-tab .kirb-panel .stap-grid-section {
	margin: 0;
}

.main-div-tab .kirb-panel select {
	width: 100%;
	max-width: none;
	min-height: 42px;
	margin-bottom: 10px;
	background-color: #fff;
}

.main-div-tab .kirb-panel .step-color-div {
	margin: 0;
}

.main-div-tab .kirb-panel .step-color-div .color-inner {
	background: #fff;
}

.main-div-tab .kirb-panel.more-setting-input-section {
	margin: 0;
}

/* Grey info note with an icon, e.g. "Titles can be edited in Language & Region" */
.main-div-tab .kirb-note {
	display: flex;
	gap: 8px;
	margin: 0;
	padding: 12px 16px;
	border-radius: 10px;
	background: var(--kirb-t-hover);
	color: var(--kirb-t-ink);
	font-size: 13px;
}

.main-div-tab .kirb-note i {
	font-size: 15px;
	line-height: 1.4;
}

.main-div-tab .kirb-pf-more-teaser .kirb-pf-open-tab {
	text-decoration: none;
	color: #fff;
}

/* =========================================================
   App Overview: Setup Guide
   ========================================================= */
.main-div-tab .kirb-setup-steps {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.main-div-tab .kirb-setup-step {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	margin: 0;
	padding: 20px;
	border: 1px solid var(--kirb-t-border);
	border-radius: 10px;
	background: var(--kirb-t-panel);
}

.main-div-tab .kirb-setup-step .kirb-step-card__num {
	flex-basis: 36px;
	height: 36px;
	border-width: 1px;
	border-color: var(--kirb-t-border);
	font-size: 14px;
}

.main-div-tab .kirb-setup-step .kirb-step-card__num.is-done {
	border-color: var(--kirb-t-ink);
	font-size: 18px;
}

.main-div-tab .kirb-setup-step__body h4 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 6px 0 6px;
	color: var(--kirb-t-ink);
	font-size: 14px;
	font-weight: 600;
}

.main-div-tab .kirb-setup-step__body p {
	margin: 0 0 14px;
	color: var(--kirb-t-text);
	font-size: 13px;
}

/* Dark link button, like the reference's "Go to Settings" */
.main-div-tab .kirb-btn-dark {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 9px 20px;
	border: 1px solid var(--kirb-t-ink);
	border-radius: var(--kirb-t-radius-sm);
	background: var(--kirb-t-ink);
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
	text-decoration: none;
	transition: background-color .15s ease;
}

.main-div-tab .kirb-btn-dark:hover,
.main-div-tab .kirb-btn-dark:focus {
	background: var(--kirb-t-ink-strong);
	color: #fff;
}

/* Outlined link or button, like the reference's "Open Appearance" (colors from the secondary button rule) */
.main-div-tab a.kirb-btn-outline,
.main-div-tab button.kirb-btn-outline {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 9px 20px;
	font-size: 13px;
	line-height: 1.4;
	text-decoration: none;
}

.main-div-tab .kirb-btn-dark.is-disabled {
	border-color: var(--kirb-t-border);
	background: var(--kirb-t-hover);
	color: var(--kirb-t-muted);
	cursor: not-allowed;
}

/* Overview cards moved from My Plan */
.main-div-tab .kirb-page > .kirb-rec-apps,
.main-div-tab .kirb-page > .main-chargeable-section {
	margin: 0;
	padding: 20px;
}

.main-div-tab .kirb-page > .main-chargeable-section .recommened-section {
	padding: 0;
}

@media (max-width: 1023px) {
	.main-div-tab .kirb-step-card__split {
		grid-template-columns: minmax(0, 1fr);
	}

	.main-div-tab .kirb-panel--narrow {
		max-width: none;
	}
}

@media (max-width: 600px) {
	.main-div-tab .kirb-page {
		max-width: 100%;
	}

	.main-div-tab .kirb-step-card__head {
		gap: 12px;
		padding: 16px;
	}

	.main-div-tab .kirb-step-card__num {
		flex-basis: 34px;
		height: 34px;
		font-size: 14px;
	}

	.main-div-tab .kirb-step-card__body {
		padding: 0 16px 16px;
	}

	.main-div-tab .kirb-panel {
		padding: 16px;
	}

	.main-div-tab .kirb-panel--row {
		flex-direction: column;
		align-items: flex-start;
	}

	.main-div-tab .kirb-setup-step {
		padding: 16px;
	}
}

/* =========================================================
   Settings page: matches the RingBuilder 2.0 Settings page
   ========================================================= */
.main-div-tab.kirb-page-settings .tab-content-section {
	max-width: 1152px;
	margin: 0 auto;
}

.main-div-tab.kirb-page-settings .kirb-plugin-header,
.main-div-tab.kirb-page-settings .kirb-page {
	max-width: 100%;
}

.main-div-tab .kirb-page {
	gap: 40px;
}

.main-div-tab .kirb-page > .sticky-outer-section {
	margin-bottom: -20px;
}

/* Section card */
.main-div-tab .kirb-step-card {
	border-color: var(--kirb-t-border);
	border-radius: 16px;
}

.main-div-tab .kirb-step-card__head {
	gap: 16px;
	padding: 22px 24px 22px 20px;
	border-radius: 16px;
}

.main-div-tab .kirb-step-card__num {
	flex-basis: 44px;
	height: 44px;
	border: 2px solid #1f2937;
	font-size: 17px;
	font-weight: 500;
}

.main-div-tab .kirb-step-card__title {
	font-size: 17px;
}

.main-div-tab .kirb-step-card__desc {
	font-size: 13px;
}

.main-div-tab .kirb-step-card__body {
	padding: 6px 25px 25px;
}

/* Divider under the header, for a body of plain text and buttons */
.main-div-tab .kirb-step-card.has-divider .kirb-step-card__head {
	border-bottom: 1px solid var(--kirb-t-line);
	border-radius: 16px 16px 0 0;
}

.main-div-tab .kirb-step-card.has-divider .kirb-step-card__body {
	padding-top: 22px;
}

.main-div-tab .kirb-step-card.has-divider.is-collapsed .kirb-step-card__head {
	border-bottom: 0;
	border-radius: 16px;
}

.main-div-tab .kirb-step-card__lead {
	margin: 0 0 16px;
	color: var(--kirb-t-ink);
	font-size: 13px;
}

/* Heading-only section: no body, so the header is not a toggle */
.main-div-tab .kirb-step-card.is-heading-only .kirb-step-card__head {
	cursor: default;
}

.main-div-tab .kirb-step-card.is-heading-only .kirb-step-card__desc a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Two columns: fields and preview */
.main-div-tab .kirb-step-card__split {
	gap: 25px;
}

.main-div-tab .kirb-step-card__fields {
	gap: 20px;
}

/* Grey panel */
.main-div-tab .kirb-panel {
	padding: 24px;
	border: 1px solid var(--kirb-t-line);
	border-radius: 12px;
	background: #f6f6f6;
}

.main-div-tab .kirb-panel__title {
	margin: 0 0 6px;
	font-size: 15px;
	font-weight: 600;
}

.main-div-tab .kirb-panel > .kirb-panel__title:only-child,
.main-div-tab .kirb-panel > .kirb-panel__title + select,
.main-div-tab .kirb-panel > .kirb-panel__title + .kirb-note {
	margin-top: 4px;
}

.main-div-tab .kirb-panel > .kirb-panel__title + .kirb-note,
.main-div-tab .kirb-panel > .kirb-panel__title + select {
	margin-top: 18px;
}

.main-div-tab .kirb-panel__desc {
	margin: 0 0 16px;
	font-size: 13px;
}

.main-div-tab .kirb-panel__desc:last-child {
	margin-bottom: 0;
}

.main-div-tab .kirb-panel__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 6px;
}

.main-div-tab .kirb-panel__head .kirb-panel__title {
	margin: 0;
}

.main-div-tab .kirb-panel__foot {
	margin: 18px 0 0;
	color: var(--kirb-t-ink);
	font-size: 13px;
}

.main-div-tab .kirb-panel__foot a,
.main-div-tab .kirb-panel__foot #kirb_create_engagement_ring_cat_btn {
	color: var(--kirb-t-ink);
	font-weight: 400;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.main-div-tab .kirb-panel select {
	min-height: 42px;
	margin: 0;
	padding: 0 16px;
	border-color: var(--kirb-t-border) !important;
	font-size: 13px;
}

/* Info note */
.main-div-tab .kirb-note {
	align-items: flex-start;
	padding: 12px 14px;
	border-radius: 8px;
	background: #ececec;
	color: var(--kirb-t-ink);
	font-size: 13px;
	line-height: 1.45;
}

.main-div-tab .kirb-note a {
	color: var(--kirb-t-ink);
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Checkbox rows with a "Start with a ..." strip under each checked one */
.main-div-tab .kirb-check-list {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-top: 24px;
}

.main-div-tab .kirb-check-row {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 38px;
	margin: 0;
	padding: 0 11px;
	border: 1px solid var(--kirb-t-border);
	border-radius: 8px;
	background: #fff;
	cursor: pointer;
}

.main-div-tab .kirb-check-row input[type="checkbox"] {
	width: 16px;
	min-width: 16px;
	height: 16px;
	margin: 0;
	border: 1.5px solid #555;
	border-radius: 3px;
}

.main-div-tab .kirb-check-row__label {
	margin: 0;
	color: var(--kirb-t-ink);
	font-size: 13px;
	font-weight: 600;
}

.main-div-tab .kirb-start-link {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 38px;
	padding: 0 14px;
	border-radius: 6px;
	background: #ccf7e3;
	color: var(--kirb-t-ink);
	font-size: 13px;
}

.main-div-tab .kirb-check-list .kirb-start-link {
	margin-top: -4px;
}

.main-div-tab .kirb-panel select + .kirb-start-link {
	margin-top: 24px;
}

.main-div-tab .kirb-start-link a {
	color: var(--kirb-t-ink);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.main-div-tab .kirb-start-link i {
	font-size: 15px;
	line-height: 1;
}

/* Color fields, as in the reference's Appearance colors */
.main-div-tab .kirb-color-fields {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 268px));
	gap: 16px 24px;
}

.main-div-tab .kirb-field__label {
	display: block;
	margin: 0 0 8px;
	color: var(--kirb-t-ink);
	font-size: 13px;
}

.main-div-tab .kirb-color-field {
	display: flex;
	align-items: center;
	gap: 12px;
	height: 44px;
	padding: 0 12px;
	border: 1px solid #555;
	border-radius: 8px;
	background: #fff;
}

.main-div-tab .kirb-color-field input[type="color"] {
	width: 26px;
	height: 26px;
	padding: 0;
	border: 1px solid var(--kirb-t-line);
	border-radius: 4px;
	background: none;
	cursor: pointer;
}

.main-div-tab .kirb-color-field input[type="color"]::-webkit-color-swatch-wrapper {
	padding: 0;
}

.main-div-tab .kirb-color-field input[type="color"]::-webkit-color-swatch {
	border: 0;
	border-radius: 3px;
}

.main-div-tab .kirb-color-field__hex {
	color: var(--kirb-t-ink);
	font-size: 13px;
}

/* Appearance > Typography: Heading and Subheading panels side by side, two fields per row */
.main-div-tab .kirb-heading-actions {
	display: flex;
	align-items: center;
	gap: 12px;
}

/* Phones: the title, then the buttons sharing a row of their own (they did not fit beside it) */
@media (max-width: 600px) {
	.main-div-tab .main-heading-btn:has(.kirb-heading-actions, .kirb-pro-head-actions) {
		flex-wrap: wrap;
		row-gap: 10px;
	}

	.main-div-tab .kirb-heading-actions,
	.main-div-tab .kirb-pro-head-actions {
		flex: 1 1 100%;
		flex-wrap: wrap;
		gap: 8px;
	}

	/* Equal buttons in one row, each on a full row of its own when their text does not fit */
	.main-div-tab .kirb-heading-actions > *,
	.main-div-tab .kirb-pro-head-actions > * {
		flex: 1 1 auto;
		justify-content: center;
		white-space: nowrap;
	}
}

.main-div-tab .kirb-typo-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 0 0 16px;
}

.main-div-tab .kirb-typo-toolbar .kirb-panel__desc {
	margin: 0;
}

.main-div-tab .kirb-typo-groups {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

.main-div-tab .kirb-typo-group {
	margin: 0;
}

.main-div-tab .kirb-typo-fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px 20px;
	margin-top: 16px;
}

.main-div-tab .kirb-typo-fields .kirb-field {
	min-width: 0;
}

.main-div-tab .kirb-typo-fields .kirb-color-field {
	max-width: none;
}

.main-div-tab .kirb-typo-input {
	display: flex;
	align-items: center;
	width: 100%;
	max-width: none;
	height: 44px;
	min-height: 44px;
	margin: 0;
	padding: 0 12px;
	border: 1px solid #555 !important;
	border-radius: 8px;
	background: #fff;
	color: var(--kirb-t-ink);
	font-size: 13px;
}

/* Selects carry the same border as the inputs (a more specific select rule elsewhere sets a lighter one) */
.main-div-tab .kirb-typo-fields select.kirb-typo-input,
.main-div-tab .kirb-lr__sizes select.kirb-typo-input {
	border: 1px solid #555 !important;
	border-radius: 8px;
}

.main-div-tab .kirb-typo-fields select.kirb-typo-input:focus,
.main-div-tab .kirb-lr__sizes select.kirb-typo-input:focus {
	border-color: var(--kirb-t-ink) !important;
}

.main-div-tab .kirb-typo-input input {
	flex: 1;
	min-width: 0;
	height: 100%;
	padding: 0;
	border: 0 !important;
	border-radius: 0;
	background: transparent;
	box-shadow: none !important;
	color: inherit;
	font-size: 13px;
	outline: none;
}

.main-div-tab .kirb-typo-input:focus-within,
.main-div-tab select.kirb-typo-input:focus {
	border-color: var(--kirb-t-ink) !important;
	box-shadow: none;
	outline: none;
}

.main-div-tab .kirb-typo-input--unit span {
	color: var(--kirb-t-muted);
	font-size: 12px;
}

@media (max-width: 1100px) {
	.main-div-tab .kirb-typo-groups {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 600px) {
	.main-div-tab .kirb-typo-fields {
		grid-template-columns: 1fr;
	}

	.main-div-tab .kirb-typo-toolbar {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* Preview: bordered image, caption, dots */
.main-div-tab .kirb-preview {
	min-width: 0;
}

.main-div-tab .kirb-preview__frame {
	overflow: hidden;
	border: 1px solid var(--kirb-t-border);
	border-radius: 14px;
	background: #fff;
}

.main-div-tab .kirb-preview .kirb_img_slides img {
	display: none !important;
	width: 100%;
	height: auto;
	border-radius: 0;
	cursor: zoom-in;
}

.main-div-tab .kirb-preview .kirb_img_slides img.is-active {
	display: block !important;
}

.main-div-tab .kirb-preview__caption {
	margin: 22px 0 12px;
	color: var(--kirb-t-ink);
	font-size: 13px;
	font-weight: 500;
	text-align: center;
}

.main-div-tab .kirb-preview__dots {
	display: flex;
	justify-content: center;
	gap: 10px;
}

.main-div-tab .kirb-preview__dot {
	width: 11px;
	height: 11px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #d6d6de;
	cursor: pointer;
}

.main-div-tab .kirb-preview__dot.is-active {
	background: var(--kirb-t-ink);
}

/* Products per page chips inside a grey panel */
.main-div-tab .kirb-panel .number-section {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
}

.main-div-tab .kirb-panel .number-section span {
	display: inline-flex;
	flex: 1 1 0;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 40px;
	margin: 0;
	border: 1px solid var(--kirb-t-border);
	background: #fff;
	font-size: 13px;
}

.main-div-tab .kirb-panel .number-section span.active {
	border-color: var(--kirb-t-ink);
	background: var(--kirb-t-ink);
	color: #fff;
}

/* Phones: equal chips in rows of four, instead of a stretched last row */
@media (max-width: 600px) {
	.main-div-tab .kirb-panel .number-section {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.main-div-tab .kirb-panel .clear-cache-btn {
	flex: 0 0 auto;
	padding: 7px 14px;
	font-size: 13px;
	white-space: nowrap;
}

/* Page title and Save, as in the reference */
.main-div-tab.kirb-page-settings .main-heading-btn {
	align-items: flex-start;
	min-height: 0;
	padding: 0;
}

.main-div-tab.kirb-page-settings .kirb-tabs-header h2 {
	font-size: 17px !important;
}

.main-div-tab.kirb-page-settings .save-btn {
	width: auto;
	height: 42px;
	padding: 0 17px;
	border-radius: 8px;
	background: #111 !important;
	font-size: 15px;
	font-weight: 500;
}

.main-div-tab.kirb-page-settings .main-heading-btn .save-btn {
	margin-top: 8px;
}

@media (max-width: 1023px) {
	.main-div-tab .kirb-step-card__split {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Settings sections live inside the settings form: space them like the page */
.main-div-tab #settings_form {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.main-div-tab #settings_form > .sticky-outer-section {
	margin-bottom: -20px;
}

.main-div-tab .kirb-panel__foot #kirb_create_engagement_ring_cat_btn {
	display: inline;
	margin: 0;
	padding: 0;
}

/* =========================================================
   App Overview page: matches the RingBuilder 2.0 App Overview
   ========================================================= */
.main-div-tab.kirb-page-overview .tab-content-section {
	max-width: 1232px;
	margin: 0 auto;
}

.main-div-tab.kirb-page-overview .kirb-plugin-header,
.main-div-tab.kirb-page-overview .kirb-page {
	max-width: 100%;
}

.main-div-tab.kirb-page-overview .main-heading-btn {
	min-height: 0;
	padding: 0;
}

.main-div-tab.kirb-page-overview .kirb-tabs-header h2 {
	font-size: 17px !important;
}

.main-div-tab.kirb-page-overview .kirb-card {
	padding: 22px 20px 20px;
	border-color: var(--kirb-t-border);
	border-radius: 14px;
}

.main-div-tab.kirb-page-overview .kirb-card__title,
.main-div-tab.kirb-page-overview .kirb-rec-apps .kirb-rec-apps__title {
	margin: 0 0 14px;
	color: var(--kirb-t-ink);
	font-size: 17px;
	font-weight: 700;
}

.main-div-tab.kirb-page-overview .kirb-card__desc,
.main-div-tab.kirb-page-overview .kirb-rec-apps__subtitle {
	margin: 0 0 24px;
	color: var(--kirb-t-ink);
	font-size: 13px;
}

.main-div-tab .kirb-ext-link,
.main-div-tab.kirb-page-overview .kirb-card__desc a {
	color: var(--kirb-t-ink);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.main-div-tab .kirb-ext-link + i,
.main-div-tab .kirb-ext-link i,
.main-div-tab .kirb-trusted__foot i {
	color: var(--kirb-t-ink);
	font-size: 14px;
	vertical-align: -2px;
}

/* Setup Guide steps */
.main-div-tab .kirb-setup-steps {
	gap: 31px;
}

.main-div-tab .kirb-setup-step {
	position: relative;
	gap: 16px;
	padding: 22px 20px 20px;
	border: 1px solid var(--kirb-t-border);
	border-radius: 12px;
	background: #f7f7f7;
}

.main-div-tab .kirb-setup-step__num {
	display: inline-flex;
	flex: 0 0 36px;
	align-items: center;
	justify-content: center;
	height: 36px;
	margin-top: 2px;
	border: 1px solid #c8c8c8;
	border-radius: 50%;
	background: #fff;
	color: var(--kirb-t-ink);
	font-size: 15px;
	font-weight: 600;
}

.main-div-tab .kirb-setup-step__body {
	flex: 1 1 auto;
	min-width: 0;
	max-width: 820px;
}

.main-div-tab .kirb-setup-step__body h4 {
	margin: 0 0 12px;
	color: var(--kirb-t-ink);
	font-size: 15px;
	font-weight: 600;
}

.main-div-tab .kirb-setup-step__body p {
	margin: 0 0 18px;
	color: var(--kirb-t-ink);
	font-size: 13px;
	line-height: 1.55;
}

.main-div-tab .kirb-setup-step__faq {
	flex: 0 0 auto;
	font-size: 13px;
	white-space: nowrap;
}

.main-div-tab .kirb-setup-step__faq i {
	margin-left: 2px;
	text-decoration: none;
	display: inline-block;
}

.main-div-tab.kirb-page-overview .kirb-btn-dark {
	height: 36px;
	padding: 0 24px;
	border-radius: 8px;
	background: var(--kirb-t-ink);
	font-size: 15px;
	font-weight: 500;
}

/* Recommended Apps */
.main-div-tab.kirb-page-overview .kirb-rec-apps__list {
	margin-bottom: 32px;
}

.main-div-tab.kirb-page-overview .kirb-rec-apps__name {
	font-size: 15px;
	font-weight: 600;
}

.main-div-tab.kirb-page-overview .kirb-rec-apps__desc {
	color: var(--kirb-t-ink);
	font-size: 13px;
}

.main-div-tab.kirb-page-overview .kirb-rec-apps__all {
	padding: 7px 12px;
	border-color: var(--kirb-t-border) !important;
	font-size: 13px;
}

/* Trusted jewelers */
.main-div-tab .kirb-trusted__logos {
	margin: 0 0 28px;
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%);
	mask-image: linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%);
}

.main-div-tab .kirb-trusted__logos .slider-img {
	border-radius: 10px;
	filter: grayscale(1);
	opacity: .85;
}

.main-div-tab .kirb-trusted__foot {
	margin: 0;
	color: var(--kirb-t-ink);
	font-size: 13px;
}

@media (max-width: 782px) {
	.main-div-tab .kirb-setup-step {
		flex-wrap: wrap;
	}

	/* The text stays beside the number on every step (long texts used to wrap under it); FAQs go below */
	.main-div-tab .kirb-setup-step__body {
		flex-basis: calc(100% - 52px);
	}

	.main-div-tab .kirb-setup-step__faq {
		order: 3;
		margin-left: 52px;
	}
}

@media (max-width: 600px) {
	/* Phones: the number above the text on every step */
	.main-div-tab .kirb-setup-step__body {
		flex-basis: 100%;
	}
}

.main-div-tab .kirb-setup-step__faq {
	margin-left: auto;
}

.main-div-tab.kirb-page-overview .kirb-btn-dark {
	padding: 0 22px;
	font-size: 14px;
}

.main-div-tab .kirb-trusted__logos .item {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 72px;
}

.main-div-tab .kirb-trusted__logos .slider-img {
	width: auto !important;
	max-width: 100%;
	max-height: 64px;
	object-fit: contain;
}

.main-div-tab .kirb-trusted__logos .owl-stage-outer,
.main-div-tab .kirb-trusted__logos .owl-stage {
	height: 72px;
}

/* =========================================================
   Premium Features page
   ========================================================= */
/* Plan, Appearance and Contact Us share this centred width, so the plugin header stays put between tabs */
.main-div-tab.kirb-page-premium-features .tab-content-section,
.main-div-tab.kirb-page-plan .tab-content-section,
.main-div-tab.kirb-page-appearance .tab-content-section,
.main-div-tab.kirb-page-contact-us .tab-content-section {
	max-width: 1232px;
	margin: 0 auto;
}

.main-div-tab.kirb-page-premium-features .kirb-plugin-header,
.main-div-tab.kirb-page-premium-features .kirb-page,
.main-div-tab.kirb-page-plan .kirb-plugin-header,
.main-div-tab.kirb-page-plan .kirb-page,
.main-div-tab.kirb-page-appearance .kirb-plugin-header,
.main-div-tab.kirb-page-appearance .kirb-page,
.main-div-tab.kirb-page-contact-us .kirb-plugin-header,
.main-div-tab.kirb-page-contact-us .kirb-page {
	max-width: 100%;
}

.main-div-tab.kirb-page-premium-features .main-heading-btn {
	align-items: center;
	min-height: 0;
	padding: 0;
}

.main-div-tab.kirb-page-premium-features .kirb-tabs-header h2 {
	font-size: 17px !important;
}

.main-div-tab .kirb-pro-head-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

/* Buttons */
.main-div-tab .kirb-pro-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	height: 42px;
	padding: 0 18px;
	border: 1px solid #111;
	border-radius: 8px;
	background: #111;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.main-div-tab .kirb-pro-btn:hover,
.main-div-tab .kirb-pro-btn:focus {
	background: #333;
	color: #fff;
}

.main-div-tab .kirb-pro-btn--outline {
	border-color: var(--kirb-t-border);
	background: #fff;
	color: var(--kirb-t-ink);
}

.main-div-tab .kirb-pro-btn--outline:hover,
.main-div-tab .kirb-pro-btn--outline:focus {
	border-color: var(--kirb-t-ink);
	background: #f6f6f6;
	color: var(--kirb-t-ink);
}

.main-div-tab .kirb-pro-btn--light {
	border-color: #fff;
	background: #fff;
	color: #111;
}

.main-div-tab .kirb-pro-btn--light:hover,
.main-div-tab .kirb-pro-btn--light:focus {
	border-color: #e5e5e5;
	background: #e5e5e5;
	color: #111;
}

.main-div-tab .kirb-pro-btn--ghost {
	border-color: rgba(255, 255, 255, .35);
	background: transparent;
	color: #fff;
}

.main-div-tab .kirb-pro-btn--ghost:hover,
.main-div-tab .kirb-pro-btn--ghost:focus {
	border-color: #fff;
	background: rgba(255, 255, 255, .08);
	color: #fff;
}

/* Hero: pitch + plan */
.main-div-tab .kirb-pro-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.55fr) minmax(300px, 1fr);
	gap: 0;
	overflow: hidden;
	border: 1px solid var(--kirb-t-border);
	border-radius: 16px;
	background: #fff;
}

.main-div-tab .kirb-pro-hero__pitch {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 36px 36px 32px;
	background:
		radial-gradient(circle at 1px 1px, rgba(0, 0, 0, .07) 1px, transparent 0) 0 0 / 18px 18px,
		#fff;
}

.main-div-tab .kirb-pro-eyebrow {
	display: inline-flex;
	align-self: flex-start;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	border: 1px solid var(--kirb-t-ink);
	border-radius: 999px;
	background: #fff;
	color: var(--kirb-t-ink);
	font-size: 12px;
	font-weight: 600;
}

.main-div-tab .kirb-pro-hero__pitch h3 {
	max-width: 560px;
	margin: 16px 0 12px;
	color: var(--kirb-t-ink);
	font-size: 28px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -.01em;
}

.main-div-tab .kirb-pro-hero__pitch > p {
	max-width: 600px;
	margin: 0 0 28px;
	color: var(--kirb-t-text);
	font-size: 14px;
	line-height: 1.6;
}

.main-div-tab .kirb-pro-stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.main-div-tab .kirb-pro-stats li {
	margin: 0;
	padding: 14px 16px;
	border: 1px solid var(--kirb-t-line);
	border-radius: 12px;
	background: #f7f7f7;
}

.main-div-tab .kirb-pro-stats strong {
	display: block;
	color: var(--kirb-t-ink);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
}

.main-div-tab .kirb-pro-stats span {
	color: var(--kirb-t-muted);
	font-size: 12px;
	line-height: 1.4;
}

/* Plan card */
.main-div-tab .kirb-pro-plan {
	display: flex;
	flex-direction: column;
	padding: 32px 30px;
	background: #111;
	color: #d4d4d4;
}

.main-div-tab .kirb-pro-plan__tag {
	align-self: flex-start;
	padding: 3px 10px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .12);
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.main-div-tab .kirb-pro-plan__from {
	margin: 18px 0 0;
	color: #a3a3a3;
	font-size: 13px;
}

.main-div-tab .kirb-pro-plan__price {
	display: flex;
	align-items: baseline;
	gap: 6px;
	margin: 0 0 20px;
	color: #fff;
}

.main-div-tab .kirb-pro-plan__price strong {
	font-size: 44px;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -.02em;
}

.main-div-tab .kirb-pro-plan__price span {
	color: #a3a3a3;
	font-size: 14px;
}

.main-div-tab .kirb-pro-plan__includes {
	margin: 0 0 10px;
	padding-top: 18px;
	border-top: 1px solid rgba(255, 255, 255, .14);
	color: #fff;
	font-size: 13px;
	font-weight: 600;
}

.main-div-tab .kirb-pro-plan ul {
	display: grid;
	gap: 8px;
	margin: 0 0 24px;
	padding: 0;
	list-style: none;
}

.main-div-tab .kirb-pro-plan li {
	display: flex;
	gap: 8px;
	margin: 0;
	color: #d4d4d4;
	font-size: 13px;
	line-height: 1.45;
}

.main-div-tab .kirb-pro-plan li i {
	flex: 0 0 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 18px;
	margin-top: 1px;
	border-radius: 50%;
	background: #ccf7e3;
	color: #0b6b47;
	font-size: 12px;
}

.main-div-tab .kirb-pro-plan .kirb-pro-btn {
	width: 100%;
}

.main-div-tab .kirb-pro-plan__note {
	margin: 12px 0 0;
	color: #8a8a8a;
	font-size: 12px;
	text-align: center;
}

/* RingBuilder 2.0 strip */
.main-div-tab .kirb-pro-rb2 {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 20px;
	border: 1px solid var(--kirb-t-border);
	border-radius: 12px;
	background: #fff;
	color: var(--kirb-t-text);
	font-size: 13px;
	text-decoration: none;
	transition: border-color .15s ease, background-color .15s ease;
}

.main-div-tab .kirb-pro-rb2:hover,
.main-div-tab .kirb-pro-rb2:focus {
	border-color: var(--kirb-t-ink);
	background: #f7f7f7;
	color: var(--kirb-t-text);
}

.main-div-tab .kirb-pro-rb2__badge {
	flex: 0 0 auto;
	padding: 2px 8px;
	border-radius: 4px;
	background: var(--kirb-t-ink);
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
}

.main-div-tab .kirb-pro-rb2__text {
	flex: 1 1 auto;
	min-width: 0;
}

.main-div-tab .kirb-pro-rb2__text strong {
	color: var(--kirb-t-ink);
	font-weight: 600;
}

.main-div-tab .kirb-pro-rb2__go {
	flex: 0 0 auto;
	color: var(--kirb-t-ink);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Segmented control */
.main-div-tab .kirb-pro-segment {
	display: inline-flex;
	gap: 4px;
	margin-bottom: 16px;
	padding: 4px;
	border: 1px solid var(--kirb-t-border);
	border-radius: 10px;
	background: #fff;
}

.main-div-tab .kirb-pro-segment button {
	height: 32px;
	padding: 0 14px;
	border: 0;
	border-radius: 7px;
	background: transparent;
	color: var(--kirb-t-ink);
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
}

.main-div-tab .kirb-pro-segment button.is-active {
	background: var(--kirb-t-ink);
	color: #fff;
}

/* Comparison table (relative, so its screen-reader texts scroll with it instead of widening the page) */
.main-div-tab .kirb-pro-table-wrap {
	position: relative;
	overflow-x: auto;
	border: 1px solid var(--kirb-t-border);
	border-radius: 12px;
}

.main-div-tab .kirb-pro-table {
	width: 100%;
	min-width: 560px;
	border-collapse: collapse;
	font-size: 13px;
}

.main-div-tab .kirb-pro-table th,
.main-div-tab .kirb-pro-table td {
	padding: 12px 18px;
	border-bottom: 1px solid var(--kirb-t-line);
	text-align: center;
	vertical-align: middle;
}

/* Phones: the table fits the screen (the feature names wrap) instead of scrolling sideways */
@media (max-width: 600px) {
	.main-div-tab .kirb-pro-table {
		min-width: 0;
		font-size: 12px;
	}

	.main-div-tab .kirb-pro-table th,
	.main-div-tab .kirb-pro-table td {
		padding: 10px 8px;
	}
}

.main-div-tab .kirb-pro-table tbody tr:last-child th,
.main-div-tab .kirb-pro-table tbody tr:last-child td {
	border-bottom: 0;
}

.main-div-tab .kirb-pro-table th[scope="row"],
.main-div-tab .kirb-pro-table thead th:first-child {
	color: var(--kirb-t-ink);
	font-weight: 500;
	text-align: left;
}

.main-div-tab .kirb-pro-table thead th {
	background: #f7f7f7;
	color: var(--kirb-t-ink);
	font-size: 12px;
	font-weight: 600;
}

.main-div-tab .kirb-pro-table td,
.main-div-tab .kirb-pro-table thead th:not(:first-child) {
	width: 170px;
}

.main-div-tab .kirb-pro-table .is-pro {
	background: #f4f4f4;
}

.main-div-tab .kirb-pro-table thead .is-pro span {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 3px 12px;
	border-radius: 999px;
	background: var(--kirb-t-ink);
	color: #fff;
}

.main-div-tab .kirb-pro-table tbody tr:hover th,
.main-div-tab .kirb-pro-table tbody tr:hover td {
	background: #fafafa;
}

.main-div-tab .kirb-pro-table tbody tr:hover .is-pro {
	background: #efefef;
}

.main-div-tab .kirb-pro-yes,
.main-div-tab .kirb-pro-no {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	font-size: 15px;
}

.main-div-tab .kirb-pro-yes {
	background: #ccf7e3;
	color: #0b6b47;
}

.main-div-tab .is-pro .kirb-pro-yes {
	background: var(--kirb-t-ink);
	color: #fff;
}

.main-div-tab .kirb-pro-no {
	background: #ececec;
	color: #a3a3a3;
}

.main-div-tab .kirb-pro-value {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 1px;
	line-height: 1.3;
}

.main-div-tab .kirb-pro-value strong {
	color: var(--kirb-t-ink);
	font-weight: 700;
}

.main-div-tab .kirb-pro-value small {
	color: var(--kirb-t-muted);
	font-size: 11px;
}

/* Feature catalogue */
.main-div-tab .kirb-pro-catalog__bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 20px;
	margin-bottom: 18px;
}

.main-div-tab .kirb-pro-tabs {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 4px;
	padding: 4px;
	border: 1px solid var(--kirb-t-border);
	border-radius: 10px;
	background: #fff;
}

.main-div-tab .kirb-pro-tabs button {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 34px;
	padding: 0 12px;
	border: 0;
	border-radius: 7px;
	background: transparent;
	color: var(--kirb-t-ink);
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
}

.main-div-tab .kirb-pro-tabs button:hover {
	background: #f4f4f4;
}

.main-div-tab .kirb-pro-tabs button.is-active {
	background: var(--kirb-t-ink);
	color: #fff;
}

.main-div-tab .kirb-pro-tabs__count {
	min-width: 20px;
	padding: 0 6px;
	border-radius: 999px;
	background: rgba(0, 0, 0, .07);
	font-size: 11px;
	font-weight: 600;
	line-height: 18px;
	text-align: center;
}

.main-div-tab .kirb-pro-tabs button.is-active .kirb-pro-tabs__count {
	background: rgba(255, 255, 255, .2);
}

.main-div-tab .kirb-pro-legend {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 16px;
	color: var(--kirb-t-muted);
	font-size: 12px;
}

.main-div-tab .kirb-pro-badge {
	display: inline-block;
	padding: 1px 7px;
	border: 1px solid var(--kirb-t-ink);
	border-radius: 4px;
	background: #fff;
	color: var(--kirb-t-ink);
	font-size: 11px;
	font-style: normal;
	font-weight: 600;
	white-space: nowrap;
}

.main-div-tab .kirb-pro-badge--pro {
	background: var(--kirb-t-ink);
	color: #fff;
}

.main-div-tab .kirb-pro-badge--custom {
	border-style: dashed;
}

.main-div-tab .kirb-pro-badge--included {
	border-color: #31b978;
	background: #eefaf3;
	color: #087542;
}

.main-div-tab .kirb-pro-badge--paid {
	border-color: #b7791f;
	background: #fff8eb;
	color: #8a5a12;
}

.main-div-tab .kirb-pro-badge--promo {
	border-color: #3b6fd8;
	background: #eef3fd;
	color: #234da3;
}

.main-div-tab .kirb-pro-panel__intro {
	margin: 0 0 14px;
	color: var(--kirb-t-text);
	font-size: 13px;
}

.main-div-tab .kirb-pro-panel__intro strong {
	color: var(--kirb-t-ink);
}

.main-div-tab .kirb-pro-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 14px;
}

.main-div-tab .kirb-pro-card {
	display: flex;
	flex-direction: column;
	padding: 18px;
	border: 1px solid var(--kirb-t-line);
	border-radius: 12px;
	background: #f7f7f7;
	transition: border-color .15s ease, background-color .15s ease, transform .15s ease;
}

.main-div-tab .kirb-pro-card:hover {
	border-color: var(--kirb-t-ink);
	background: #fff;
	transform: translateY(-2px);
}

.main-div-tab .kirb-pro-card__top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 14px;
}

.main-div-tab .kirb-pro-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 1px solid var(--kirb-t-border);
	border-radius: 10px;
	background: #fff;
	color: var(--kirb-t-ink);
	font-size: 20px;
}

.main-div-tab .kirb-pro-card h5 {
	margin: 0 0 6px;
	color: var(--kirb-t-ink);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.35;
}

.main-div-tab .kirb-pro-card p {
	margin: 0;
	color: var(--kirb-t-text);
	font-size: 13px;
	line-height: 1.5;
}

/* The store's status for an add-on card (on, off, locked) */
.main-div-tab .kirb-pro-card p.kirb-pro-card__status {
	margin-top: auto;
	padding-top: 12px;
	color: var(--kirb-t-ink);
	font-size: 12px;
	font-weight: 600;
}

.main-div-tab .kirb-pro-card p.kirb-pro-card__status.is-on {
	color: #087542;
}

.main-div-tab .kirb-pro-card p.kirb-pro-card__status.is-locked {
	color: var(--kirb-t-text);
}

.main-div-tab .kirb-pro-card p.kirb-pro-card__status a {
	color: inherit;
	text-decoration: underline;
}

/* Four cards a row (Appearance > More Appearance Options) */
.main-div-tab .kirb-pro-grid--four {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1100px) {
	.main-div-tab .kirb-pro-grid--four {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.main-div-tab .kirb-pro-grid--four {
		grid-template-columns: minmax(0, 1fr);
	}
}

.main-div-tab .kirb-pro-grid__more {
	margin: 16px 0 0;
	font-size: 13px;
}

.main-div-tab .kirb-pro-grid__more a {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--kirb-t-ink);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Gallery */
.main-div-tab .kirb-pro-gallery {
	display: grid;
	grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
	gap: 24px;
	align-items: start;
}

.main-div-tab .kirb-pro-gallery__stage {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
	border: 1px solid var(--kirb-t-border);
	border-radius: 14px;
	background: #f7f7f7;
	cursor: zoom-in;
}

.main-div-tab .kirb-pro-gallery__stage img {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	background: #fff;
}

.main-div-tab .kirb-pro-gallery__zoom {
	position: absolute;
	right: 12px;
	bottom: 12px;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 6px 10px;
	border-radius: 999px;
	background: rgba(17, 17, 17, .85);
	color: #fff;
	font-size: 12px;
	opacity: 0;
	transition: opacity .15s ease;
}

.main-div-tab .kirb-pro-gallery__stage:hover .kirb-pro-gallery__zoom,
.main-div-tab .kirb-pro-gallery__stage:focus-visible .kirb-pro-gallery__zoom {
	opacity: 1;
}

.main-div-tab .kirb-pro-gallery__caption {
	margin: 0 0 14px;
	color: var(--kirb-t-muted);
	font-size: 13px;
}

.main-div-tab .kirb-pro-gallery__caption strong {
	color: var(--kirb-t-ink);
	font-weight: 600;
}

.main-div-tab .kirb-pro-gallery__thumbs {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

.main-div-tab .kirb-pro-gallery__thumb {
	padding: 0;
	overflow: hidden;
	border: 1px solid var(--kirb-t-border);
	border-radius: 10px;
	background: #fff;
	cursor: pointer;
	opacity: .7;
	transition: opacity .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.main-div-tab .kirb-pro-gallery__thumb img {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.main-div-tab .kirb-pro-gallery__thumb:hover {
	opacity: 1;
}

.main-div-tab .kirb-pro-gallery__thumb.is-active {
	border-color: var(--kirb-t-ink);
	box-shadow: 0 0 0 1px var(--kirb-t-ink);
	opacity: 1;
}

/* Closing call to action */
.main-div-tab .kirb-pro-cta {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
	gap: 32px;
	align-items: center;
	padding: 32px 36px;
	border-radius: 16px;
	background: #111;
	color: #d4d4d4;
}

.main-div-tab .kirb-pro-cta h4 {
	margin: 0 0 6px;
	color: #fff;
	font-size: 22px;
	font-weight: 700;
}

.main-div-tab .kirb-pro-cta__text > p {
	margin: 0 0 20px;
	font-size: 14px;
}

.main-div-tab .kirb-pro-cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.main-div-tab .kirb-pro-cta__logos > p {
	margin: 0 0 12px;
	color: #a3a3a3;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.main-div-tab .kirb-pro-marquee {
	overflow: hidden;
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%);
	mask-image: linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%);
}

.main-div-tab .kirb-pro-marquee__track {
	display: flex;
	gap: 12px;
	width: max-content;
	animation: kirb-pf-marquee 90s linear infinite;
}

.main-div-tab .kirb-pro-marquee:hover .kirb-pro-marquee__track {
	animation-play-state: paused;
}

.main-div-tab .kirb-pro-marquee__logo {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 132px;
	height: 60px;
	padding: 8px 12px;
	border-radius: 10px;
	background: #fff;
}

.main-div-tab .kirb-pro-marquee__logo img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	filter: grayscale(1);
}

@media (prefers-reduced-motion: reduce) {
	.main-div-tab .kirb-pro-marquee__track {
		animation: none;
	}
}

@media (max-width: 1100px) {
	.main-div-tab .kirb-pro-hero,
	.main-div-tab .kirb-pro-gallery,
	.main-div-tab .kirb-pro-cta {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 782px) {
	.main-div-tab .kirb-pro-hero__pitch {
		padding: 24px 20px;
	}

	.main-div-tab .kirb-pro-hero__pitch h3 {
		font-size: 22px;
	}

	.main-div-tab .kirb-pro-stats {
		grid-template-columns: minmax(0, 1fr);
	}

	.main-div-tab .kirb-pro-rb2 {
		flex-wrap: wrap;
	}

	.main-div-tab .kirb-pro-cta {
		padding: 24px 20px;
	}
}

/* Gallery: keep the featured image a comfortable size */
.main-div-tab .kirb-pro-gallery {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.main-div-tab .kirb-pro-gallery__stage img {
	height: 440px;
	aspect-ratio: auto;
	padding: 12px;
}

/* A category with a single feature: one wide card */
.main-div-tab .kirb-pro-grid > .kirb-pro-card:only-child {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	column-gap: 18px;
	align-items: center;
}

.main-div-tab .kirb-pro-grid > .kirb-pro-card:only-child .kirb-pro-card__top {
	grid-row: span 2;
	flex-direction: column;
	align-items: center;
	margin: 0;
}

.main-div-tab .kirb-pro-grid > .kirb-pro-card:only-child h5 {
	align-self: end;
	font-size: 15px;
}

.main-div-tab .kirb-pro-grid > .kirb-pro-card:only-child p {
	align-self: start;
	max-width: 760px;
}

/* Gallery: smaller featured image, more room for the thumbnails */
.main-div-tab .kirb-pro-gallery {
	grid-template-columns: minmax(0, 420px) minmax(0, 1fr);
}

.main-div-tab .kirb-pro-gallery__stage img {
	height: 340px;
	padding: 10px;
}

@media (max-width: 1100px) {
	.main-div-tab .kirb-pro-gallery {
		grid-template-columns: minmax(0, 1fr);
	}

	.main-div-tab .kirb-pro-gallery__stage {
		max-width: 420px;
	}
}

/* The featured image is also a .kirb-pf-shot (lightbox trigger): undo the old square gallery tile */
#premium-features-tab-pane .kirb-pro-gallery__stage.kirb-pf-shot {
	aspect-ratio: auto;
	border-color: var(--kirb-t-border);
	border-radius: 14px;
	background: #fff;
}

#premium-features-tab-pane .kirb-pro-gallery__stage.kirb-pf-shot img {
	width: 100%;
	height: 340px;
	padding: 10px;
	object-fit: contain;
}

#premium-features-tab-pane .kirb-pro-gallery__stage.kirb-pf-shot:hover img {
	transform: none;
}

/* Hero: slightly more compact */
.main-div-tab .kirb-pro-hero__pitch {
	padding: 28px 32px 26px;
}

.main-div-tab .kirb-pro-hero__pitch h3 {
	margin: 14px 0 10px;
	font-size: 25px;
}

.main-div-tab .kirb-pro-hero__pitch > p {
	margin-bottom: 22px;
	font-size: 13.5px;
	line-height: 1.55;
}

.main-div-tab .kirb-pro-stats {
	gap: 10px;
}

.main-div-tab .kirb-pro-stats li {
	padding: 12px 14px;
}

.main-div-tab .kirb-pro-stats strong {
	font-size: 20px;
}

.main-div-tab .kirb-pro-plan {
	padding: 26px 28px;
}

.main-div-tab .kirb-pro-plan__from {
	margin-top: 14px;
}

.main-div-tab .kirb-pro-plan__price {
	margin-bottom: 16px;
}

.main-div-tab .kirb-pro-plan__price strong {
	font-size: 40px;
}

.main-div-tab .kirb-pro-plan__includes {
	padding-top: 14px;
}

.main-div-tab .kirb-pro-plan ul {
	gap: 6px;
	margin-bottom: 20px;
}

.main-div-tab .kirb-pro-plan .kirb-pro-btn {
	height: 40px;
}

.main-div-tab .kirb-pro-plan__note {
	margin-top: 10px;
}

/* Hero: one more step smaller */
.main-div-tab .kirb-pro-hero__pitch {
	padding: 24px 28px 22px;
}

.main-div-tab .kirb-pro-eyebrow {
	padding: 3px 9px;
	font-size: 11px;
}

.main-div-tab .kirb-pro-hero__pitch h3 {
	margin: 12px 0 8px;
	font-size: 23px;
}

.main-div-tab .kirb-pro-hero__pitch > p {
	margin-bottom: 18px;
	font-size: 13px;
	line-height: 1.5;
}

.main-div-tab .kirb-pro-stats li {
	padding: 10px 12px;
	border-radius: 10px;
}

.main-div-tab .kirb-pro-stats strong {
	font-size: 18px;
}

.main-div-tab .kirb-pro-stats span {
	font-size: 11.5px;
}

.main-div-tab .kirb-pro-plan {
	padding: 22px 24px;
}

.main-div-tab .kirb-pro-plan__from {
	margin-top: 10px;
	font-size: 12px;
}

.main-div-tab .kirb-pro-plan__price {
	margin-bottom: 12px;
}

.main-div-tab .kirb-pro-plan__price strong {
	font-size: 36px;
}

.main-div-tab .kirb-pro-plan__includes {
	margin-bottom: 8px;
	padding-top: 12px;
	font-size: 12.5px;
}

.main-div-tab .kirb-pro-plan ul {
	gap: 5px;
	margin-bottom: 16px;
}

.main-div-tab .kirb-pro-plan li {
	font-size: 12.5px;
}

.main-div-tab .kirb-pro-plan .kirb-pro-btn {
	height: 38px;
	font-size: 13px;
}

.main-div-tab .kirb-pro-plan__note {
	margin-top: 8px;
	font-size: 11.5px;
}

/* Hero: compact */
.main-div-tab .kirb-pro-hero__pitch {
	padding: 20px 26px 20px;
}

.main-div-tab .kirb-pro-hero__pitch h3 {
	margin: 10px 0 6px;
	font-size: 21px;
}

.main-div-tab .kirb-pro-hero__pitch > p {
	margin-bottom: 14px;
	font-size: 12.5px;
}

.main-div-tab .kirb-pro-stats li {
	padding: 8px 12px;
}

.main-div-tab .kirb-pro-stats strong {
	font-size: 16px;
}

.main-div-tab .kirb-pro-stats span {
	display: block;
	font-size: 11px;
	line-height: 1.35;
}

.main-div-tab .kirb-pro-plan {
	padding: 18px 22px;
}

.main-div-tab .kirb-pro-plan__tag {
	padding: 2px 8px;
	font-size: 10px;
}

.main-div-tab .kirb-pro-plan__from {
	margin-top: 8px;
}

.main-div-tab .kirb-pro-plan__price {
	margin-bottom: 10px;
}

.main-div-tab .kirb-pro-plan__price strong {
	font-size: 32px;
}

.main-div-tab .kirb-pro-plan__includes {
	padding-top: 10px;
}

.main-div-tab .kirb-pro-plan ul {
	gap: 4px;
	margin-bottom: 14px;
}

.main-div-tab .kirb-pro-plan li {
	font-size: 12px;
}

.main-div-tab .kirb-pro-plan li i {
	flex-basis: 16px;
	height: 16px;
	font-size: 11px;
}

.main-div-tab .kirb-pro-plan .kirb-pro-btn {
	height: 36px;
}

.main-div-tab .kirb-pro-plan__note {
	margin-top: 6px;
	font-size: 11px;
}

/* =========================================================
   Saved-message toast (KIRB_Admin::toast(), kirbShowToast() in admin.js)
   Card with a wave, a round icon, a title and the message; based on
   uiverse.io/akshat-patel28/itchy-firefox-86, colored per type
   ========================================================= */
.kirb-toast {
	--kirb-toast-color: #0f9d58;
	--kirb-toast-wave: rgba(15, 157, 88, .23);
	--kirb-toast-soft: rgba(15, 157, 88, .28);
	position: fixed;
	top: 52px; /* below the WordPress admin bar (32px) */
	right: 24px;
	z-index: 100000;
	display: flex;
	align-items: center;
	gap: 15px;
	box-sizing: border-box;
	width: 360px;
	max-width: calc(100vw - 32px);
	min-height: 80px;
	padding: 10px 15px;
	overflow: hidden;
	border-radius: 8px;
	background: #fff;
	box-shadow: rgba(149, 157, 165, .2) 0 8px 24px;
	font-family: "Poppins", sans-serif;
	animation: kirb-toast-in .3s ease-out;
}

.kirb-toast[hidden] {
	display: none;
}

.kirb-toast--error {
	--kirb-toast-color: #e5484d;
	--kirb-toast-wave: rgba(229, 72, 77, .23);
	--kirb-toast-soft: rgba(229, 72, 77, .28);
}

.kirb-toast--info {
	--kirb-toast-color: #124fff;
	--kirb-toast-wave: rgba(71, 119, 255, .23);
	--kirb-toast-soft: rgba(71, 119, 255, .28);
}

.kirb-toast__wave {
	position: absolute;
	top: 32px;
	left: -31px;
	width: 80px;
	transform: rotate(90deg);
	fill: var(--kirb-toast-wave);
}

.kirb-toast__icon {
	display: flex;
	flex: 0 0 35px;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	margin-left: 8px;
	border-radius: 50%;
	background: var(--kirb-toast-soft);
	color: var(--kirb-toast-color);
}

.kirb-toast__svg {
	display: none;
	width: 17px;
	height: 17px;
}

.kirb-toast--success .kirb-toast__svg--success,
.kirb-toast--error .kirb-toast__svg--error,
.kirb-toast--info .kirb-toast__svg--info {
	display: block;
}

.kirb-toast__text {
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
}

.kirb-toast .kirb-toast__title,
.kirb-toast .kirb-toast__msg {
	margin: 0;
	padding: 0;
	cursor: default;
	text-align: left;
}

.kirb-toast .kirb-toast__title {
	color: var(--kirb-toast-color);
	font-size: 17px;
	font-weight: 700;
	line-height: 1.3;
}

.kirb-toast .kirb-toast__msg {
	color: #555;
	font-size: 14px;
	line-height: 1.4;
}

.kirb-toast .kirb-toast__msg a,
.kirb-toast .kirb-toast__msg .kirb-a-button {
	color: var(--kirb-toast-color);
	font-weight: 500;
	text-decoration: underline;
	cursor: pointer;
}

.kirb-toast .kirb-toast__close {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: #555;
	cursor: pointer;
}

.kirb-toast .kirb-toast__close:hover,
.kirb-toast .kirb-toast__close:focus-visible {
	background: #f1f1f1;
	color: #111;
}

.kirb-toast .kirb-toast__close svg {
	width: 18px;
	height: 18px;
}

@keyframes kirb-toast-in {
	from {
		opacity: 0;
		transform: translateY(-16px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* The admin bar is 46px high on small screens */
@media screen and (max-width: 782px) {
	.kirb-toast {
		top: 62px;
		right: 16px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.kirb-toast {
		animation: none;
	}
}

/* =========================================================
   Appearance > Language & Region (admin/views/appearance.php, admin-language-region.js)
   ========================================================= */
.main-div-tab .kirb-lr + .kirb-lr {
	margin-top: 20px;
}

.main-div-tab .kirb-lr__toggles {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 16px 0 18px;
}

.main-div-tab .kirb-lr__toggle {
	min-width: 106px;
	height: 38px;
	padding: 0 20px;
	border: 1px solid var(--kirb-t-border);
	border-radius: 6px;
	background: #fff;
	color: var(--kirb-t-ink);
	font-size: 13px;
	cursor: pointer;
	transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.main-div-tab .kirb-lr__toggle:hover {
	border-color: var(--kirb-t-ink);
}

.main-div-tab .kirb-lr__toggle.is-enabled {
	border-color: var(--kirb-t-ink);
	background: var(--kirb-t-ink);
	color: #fff;
}

.main-div-tab .kirb-lr__toggle:disabled {
	cursor: not-allowed;
	opacity: 1;
}

.main-div-tab .kirb-lr__languages {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(480px, 1fr));
	gap: 14px 24px;
}

.main-div-tab .kirb-lr__row[hidden] {
	display: none;
}

.main-div-tab .kirb-lr__line {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.main-div-tab .kirb-lr__name {
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--kirb-t-ink);
	font-size: 13px;
}

.main-div-tab .kirb-lr__flag {
	display: inline-block;
	flex: 0 0 auto;
	width: 30px;
	height: 22px;
	border-radius: 3px;
	background-image: url(images/language_sprites.webp);
	background-repeat: no-repeat;
	background-size: 182px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .08);
}

.main-div-tab .kirb-lr__flag.en_US { background-position: -100px -44px; }
.main-div-tab .kirb-lr__flag.en_GB { background-position: -7.5px -44px; }
.main-div-tab .kirb-lr__flag.fr_FR { background-position: -52.5px -44px; }
.main-div-tab .kirb-lr__flag.de_DE { background-position: -100px -7.5px; }
.main-div-tab .kirb-lr__flag.it_IT { background-position: -7.5px -7.5px; }
.main-div-tab .kirb-lr__flag.es_ES { background-position: -54px -7.5px; }

.main-div-tab .kirb-lr__default {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	height: 30px;
	padding: 0 10px;
	border: 1px solid var(--kirb-t-ink);
	border-radius: 6px;
	background: #fff;
	color: var(--kirb-t-ink);
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
}

.main-div-tab .kirb-lr__default.is-default {
	background: var(--kirb-t-ink);
	color: #fff;
	cursor: default;
	opacity: 1;
}

.main-div-tab .kirb-lr__files {
	display: flex;
	gap: 8px;
}

.main-div-tab .kirb-lr__file {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 38px;
	padding: 0 16px;
	border: 1px solid var(--kirb-t-ink);
	border-radius: 8px;
	background: #fff;
	color: var(--kirb-t-ink);
	font-size: 13px;
	cursor: pointer;
}

.main-div-tab .kirb-lr__file:hover,
.main-div-tab .kirb-lr__default:not(.is-default):hover {
	background: var(--kirb-t-hover);
}

.main-div-tab .kirb-lr__notice {
	display: flex;
	align-items: flex-start;
	gap: 6px;
	margin-top: 10px;
	padding: 8px 10px;
	border-radius: 6px;
	font-size: 12px;
	line-height: 1.4;
}

.main-div-tab .kirb-lr__notice[hidden] {
	display: none;
}

.main-div-tab .kirb-lr__notice--success {
	background: rgba(15, 157, 88, .1);
	color: #0b7a44;
}

.main-div-tab .kirb-lr__notice--error {
	background: rgba(229, 72, 77, .1);
	color: #c42b30;
}

.main-div-tab .kirb-lr__sizes {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-top: 16px;
}

.main-div-tab .kirb-lr__sizes-input {
	gap: 10px;
	background: #f7f7f7;
}

.main-div-tab .kirb-lr__sizes-input.is-editing {
	background: #fff;
}

.main-div-tab .kirb-lr__sizes-input.is-invalid {
	border-color: #e5484d !important;
}

.main-div-tab .kirb-lr__sizes-input input[readonly] {
	color: var(--kirb-t-muted);
	text-overflow: ellipsis;
}

.main-div-tab .kirb-lr__edit {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 4px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--kirb-t-ink);
	font-size: 13px;
	cursor: pointer;
}

.main-div-tab .kirb-lr__error {
	margin: 8px 0 0;
	color: #c42b30;
	font-size: 12px;
}

.main-div-tab .kirb-lr__error[hidden] {
	display: none;
}

@media (max-width: 1100px) {
	.main-div-tab .kirb-lr__languages {
		grid-template-columns: 1fr;
	}
}

/* Settings > Add-ons: one panel per add-on in the plan */
.main-div-tab .kirb-addon-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 16px;
}

.main-div-tab .kirb-addon .kirb-check-row {
	flex: 1 1 auto;
	border: 0;
	padding: 0;
	min-height: 0;
	background: transparent;
}

.main-div-tab .kirb-addon.is-unavailable .kirb-check-row {
	cursor: default;
	opacity: 0.6;
}

.main-div-tab .kirb-addon__badge {
	flex: none;
	padding: 2px 8px;
	border-radius: 999px;
	background: #ececec;
	color: var(--kirb-t-ink);
	font-size: 11px;
	font-weight: 600;
	white-space: nowrap;
}

.main-div-tab .kirb-addon__fields {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 12px;
}

.main-div-tab .kirb-addon__fields label {
	font-size: 12px;
	font-weight: 600;
}

/* Plan page: the store's plan, the plan cards and the comparison table */
.main-div-tab .kirb-myplan {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin: 0 0 24px;
	padding: 24px;
	border: 1px solid var(--kirb-t-ink);
	border-radius: var(--kirb-t-radius);
	background: #fff;
}

.main-div-tab .kirb-myplan__eyebrow {
	color: var(--kirb-t-muted);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.main-div-tab .kirb-myplan__name {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 4px 0 4px;
	color: var(--kirb-t-ink-strong);
	font-size: 24px;
	font-weight: 700;
}

.main-div-tab .kirb-myplan__cycle {
	padding: 2px 10px;
	border-radius: 999px;
	background: var(--kirb-t-panel);
	color: var(--kirb-t-ink);
	font-size: 12px;
	font-weight: 600;
}

.main-div-tab .kirb-myplan__text {
	margin: 0;
	color: var(--kirb-t-text);
	font-size: 13px;
}

.main-div-tab .kirb-myplan__stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(110px, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.main-div-tab .kirb-myplan__stats li {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin: 0;
	padding: 12px 14px;
	border-radius: var(--kirb-t-radius-sm);
	background: var(--kirb-t-panel);
}

.main-div-tab .kirb-myplan__stats strong {
	color: var(--kirb-t-ink-strong);
	font-size: 18px;
	font-weight: 700;
}

.main-div-tab .kirb-myplan__stats span {
	color: var(--kirb-t-muted);
	font-size: 12px;
	line-height: 1.35;
}

.main-div-tab .kirb-plans-compare summary {
	color: var(--kirb-t-ink);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
	cursor: pointer;
}

.main-div-tab .kirb-plans-compare {
	padding: 18px 24px;
	border: 1px solid var(--kirb-t-line);
	border-radius: var(--kirb-t-radius);
	background: #fff;
}

.main-div-tab .kirb-plans-compare summary {
	font-size: 14px;
}

.main-div-tab .kirb-plans-compare[open] summary {
	margin-bottom: 16px;
}

@media (max-width: 1200px) {
	.main-div-tab .kirb-myplan__stats {
		grid-template-columns: repeat(2, minmax(110px, 1fr));
	}
}

@media (max-width: 600px) {
	.main-div-tab .kirb-myplan__stats {
		grid-template-columns: 1fr;
	}

	.main-div-tab .kirb-myplan,
	.main-div-tab .kirb-plans-compare {
		padding: 16px;
	}
}