/* MymenTech Products */
.mt-product-hero-grid { display: grid; grid-template-columns: 1.3fr 1fr; gap: 48px; align-items: center; }
.mt-product-hero-art { display: flex; justify-content: center; }
.mt-product-banner { border-radius: var(--mt-radius-lg); box-shadow: var(--mt-shadow-lg); max-height: 360px; object-fit: cover; }
.mt-product-hero-icon { width: 200px; height: 200px; border-radius: 48px; box-shadow: 0 30px 60px -20px rgba(34,227,255,.4); background: #fff; object-fit: cover; }
.mt-product-icon-fallback { display: grid; place-items: center; background: var(--mt-grad-accent); color: var(--mt-navy-900); }
.mt-notice-inline { margin-top: 18px; padding: 12px 16px; border-radius: var(--mt-radius); background: rgba(34,227,255,.12); border: 1px solid rgba(34,227,255,.3); color: #e0f2fe; font-size: .9rem; }

.mt-product-layout { display: grid; grid-template-columns: 1fr 340px; gap: 56px; align-items: start; padding-top: 64px; padding-bottom: 72px; }
.mt-product-section { margin-bottom: 64px; }
.mt-product-section .mt-section-head { margin-bottom: 28px; }
.mt-feature-grid { gap: 18px; }
.mt-feature { display: flex; gap: 14px; padding: 18px 20px; border-radius: var(--mt-radius); background: var(--mt-bg-alt); border: 1px solid var(--mt-line); }
.mt-feature-icon { flex: none; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--mt-grad-brand); color: #fff; }
.mt-feature strong { display: block; color: var(--mt-ink); font-family: var(--mt-font-head); font-weight: 600; }
.mt-feature p { margin: 4px 0 0; font-size: .92rem; color: var(--mt-muted); }
.mt-screens { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.mt-screen { margin: 0; }
.mt-screen img { border-radius: var(--mt-radius); border: 1px solid var(--mt-line); box-shadow: var(--mt-shadow-sm); width: 100%; }
.mt-screen figcaption { font-size: .85rem; color: var(--mt-muted); margin-top: 8px; }
.mt-license-tier { max-width: 460px; }
.mt-purchase-steps { margin-top: 28px; }
.mt-purchase-steps ol { padding-left: 1.2em; display: grid; gap: 8px; color: var(--mt-muted); }
.mt-purchase-steps strong { color: var(--mt-ink); }

.mt-product-sidebar { position: sticky; top: 96px; display: grid; gap: 20px; }
.mt-sidebar-card { padding: 24px; gap: 14px; }
.mt-sidebar-buttons { display: grid; gap: 10px; }
.mt-sidebar-buttons .mt-btn { width: 100%; }
.mt-spec { margin: 6px 0 0; display: grid; grid-template-columns: auto 1fr; gap: 8px 16px; font-size: .9rem; }
.mt-spec dt { color: var(--mt-muted); }
.mt-spec dd { margin: 0; color: var(--mt-ink); font-weight: 500; text-align: right; }
.mt-sidebar-links ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.mt-sidebar-links a { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: var(--mt-radius-sm); color: var(--mt-ink); font-weight: 500; }
.mt-sidebar-links a:hover { background: var(--mt-bg-soft); color: var(--mt-blue-700); }
.mt-sidebar-links .mt-icon { color: var(--mt-blue-600); }
.mt-donate-card { background: linear-gradient(160deg, #fff 0%, var(--mt-bg-soft) 100%); border-color: rgba(47,107,255,.25); }
.mt-donate-heart { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: #fee2e2; color: #dc2626; }

.mt-product-card .mt-product-card-head { display: flex; gap: 16px; align-items: center; }
.mt-product-icon { width: 64px; height: 64px; border-radius: 18px; object-fit: cover; flex: none; }
.mt-product-kind { font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; color: var(--mt-blue-600); }
.mt-tag-paid { background: #fef3c7; color: #92400e; }
.mt-tag-wporg { background: #dbeafe; color: #1e40af; }
.mt-tag-freemium { background: #ede9fe; color: #5b21b6; }
.mt-changelog h4 { margin: 1.4em 0 .4em; font-size: 1rem; }
.mt-changelog h4::before { content: "v"; opacity: .5; }

/* My Account licenses */
.mt-license-card { border: 1px solid var(--mt-line); border-radius: var(--mt-radius-lg); padding: 22px; margin-bottom: 18px; }
.mt-license-head { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; align-items: center; margin-bottom: 12px; }
.mt-license-head strong { font-family: var(--mt-font-head); font-size: 1.1rem; margin-right: 10px; }
.mt-license-key { font-size: 1rem; background: var(--mt-navy-900); color: #7df0ff; padding: 8px 14px; border-radius: var(--mt-radius-sm); letter-spacing: .06em; }
.mt-license-status { display: inline-block; padding: 3px 10px; border-radius: var(--mt-radius-pill); font-size: .75rem; font-weight: 700; text-transform: uppercase; background: #dcfce7; color: #166534; }
.mt-license-status:not(.is-ok) { background: #fee2e2; color: #991b1b; }
.mt-license-meta { display: flex; gap: 24px; margin: 0 0 12px; font-size: .9rem; }
.mt-license-meta dt { color: var(--mt-muted); display: inline; }
.mt-license-meta dd { display: inline; margin: 0 0 0 4px; font-weight: 600; }
.mt-license-links { margin: 12px 0 0; font-size: .9rem; }
.mt-license-table code { background: var(--mt-navy-900); color: #7df0ff; padding: 4px 8px; border-radius: 6px; }

@media (max-width: 1024px) {
	.mt-product-layout { grid-template-columns: 1fr; }
	.mt-product-sidebar { position: static; }
	.mt-product-hero-grid { grid-template-columns: 1fr; }
	.mt-product-hero-art { display: none; }
}
@media (max-width: 767px) {
	.mt-screens { grid-template-columns: 1fr; }
	.mt-license-meta { flex-direction: column; gap: 6px; }
}