/* MAT-EĞİTİM shared design system. All screen layouts load this after utilities. */
:root {
    --corp-ink: #231d45;
    --corp-green: #3c7924;
    --corp-brand: #5eb130;
    --corp-paper: #f7f8f4;
    --corp-cream: var(--corp-paper);
    --corp-muted: #686775;
    --corp-line: #e3e5dd;
    --corp-radius: 12px;
    --corp-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
.corporate-ui {
    --primary-color: var(--corp-green);
    --secondary-color: var(--corp-ink);
    font-family: var(--corp-font);
    color: var(--corp-ink);
    background: var(--corp-paper);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
.corporate-ui :focus-visible { outline: 3px solid var(--corp-green); outline-offset: 3px; }
.corporate-ui :where(button, input, select, textarea) { font: inherit; }
.corporate-ui :where(a, button, input, select, textarea) { -webkit-tap-highlight-color: transparent; }
.corp-container { width: 100%; max-width: 1240px; margin-inline: auto; padding-inline: 32px; }
.corp-page-heading { background: var(--corp-paper); border-bottom: 1px solid var(--corp-line); padding: 42px 0 34px; }
.corp-eyebrow { margin: 0 0 10px; color: var(--corp-green); font-size: 11px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.corp-page-heading h1 { margin: 0; color: var(--corp-ink); font-size: clamp(28px, 3.2vw, 40px); font-weight: 750; line-height: 1.18; letter-spacing: -.035em; }
.corp-page-description { max-width: 720px; margin: 14px 0 0; color: var(--corp-muted); font-size: 16px; line-height: 1.65; }
.corp-page-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.corp-breadcrumb { background: #fff; border-bottom: 1px solid var(--corp-line); }
.corp-breadcrumb ol { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; min-height: 44px; padding-block: 10px; color: var(--corp-muted); font-size: 12px; }
.corp-breadcrumb li { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
.corp-breadcrumb a:hover { color: var(--corp-green); text-decoration: underline; text-underline-offset: 3px; }
.corp-breadcrumb [aria-current] { color: var(--corp-ink); overflow-wrap: anywhere; }
.corp-breadcrumb-separator { color: #a3a59e; }
.corporate-content:not(.corporate-home) { min-height: 45vh; }
.corporate-content:not(.corporate-home) :where(.max-w-7xl) { max-width: 1240px; }
.corporate-content:not(.corporate-home) :where(h1) { letter-spacing: -.025em; line-height: 1.25; }
.corporate-content:not(.corporate-home) :where(h2, h3) { letter-spacing: -.015em; line-height: 1.35; }
.corporate-content:not(.corporate-home) :where(p) { line-height: 1.7; }
.corporate-content:not(.corporate-home) :where(.rounded-2xl, .rounded-3xl) { border-radius: var(--corp-radius); }
.corporate-content:not(.corporate-home) :where(.shadow-lg, .shadow-xl, .shadow-2xl) { box-shadow: 0 4px 18px rgb(35 29 69 / 5%); }
.corporate-content:not(.corporate-home) :where(.bg-white.rounded-xl, .bg-white.rounded-2xl, .bg-white.rounded-3xl) { border: 1px solid var(--corp-line); }
.corporate-content:not(.corporate-home) :where(.text-4xl, .text-5xl) { font-size: clamp(28px, 3vw, 38px); }
.corporate-ui :where(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], input[type="search"], input[type="url"], input[type="date"], input[type="datetime-local"], select, textarea) {
    max-width: 100%; border: 1px solid #ced2c7; border-radius: 8px; background-color: #fff; color: var(--corp-ink); font-size: 14px; line-height: 1.5;
}
.corporate-ui :where(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], input[type="search"], input[type="url"], input[type="date"], input[type="datetime-local"], select) { min-height: 44px; }
.corporate-ui :where(input, textarea)::placeholder { color: #747782; opacity: 1; }
.corporate-ui :where(input[type="checkbox"], input[type="radio"]) { accent-color: var(--corp-green); }
.corporate-ui :where(button:disabled, input:disabled, select:disabled) { cursor: not-allowed; opacity: .6; }
.corporate-ui :where(table) { font-size: 14px; }
.corporate-ui :where(th) { font-size: 12px; font-weight: 700; }
.corp-filter-panel, .corp-card { border: 1px solid var(--corp-line); border-radius: var(--corp-radius); background: #fff; box-shadow: 0 2px 8px rgb(35 29 69 / 3%); }
.corp-filter-panel { padding: 20px; }
.corp-card { overflow: hidden; transition: border-color .18s ease, box-shadow .18s ease; }
.corp-card:hover { border-color: #c4cfbc; box-shadow: 0 8px 22px rgb(35 29 69 / 6%); }
.corp-card-media { background: #f0f3ea; border-bottom: 1px solid var(--corp-line); }
.corp-product-card { display: flex; flex-direction: column; height: 100%; }
.corp-product-cover { background: #f1f3ed; }
.corp-catalog-search input[name="search"] { padding-right: 108px; }
.corp-surface-tint { background: #f2f5ed; }
.corp-surface-brand { background: var(--corp-ink); }
.corp-detail :where(.animate-pulse-slow) { animation: none; }
.corp-detail #main-image { max-height: 510px; min-height: 260px !important; }
.corp-product-cover img { object-fit: contain; transition: transform .2s ease; }
.corp-product-card:hover .corp-product-cover img { transform: translateY(-3px); }
.corp-badge { display: inline-flex; align-items: center; gap: 5px; border: 1px solid #d9e6d1; border-radius: 5px; padding: 4px 8px; background: #eff6e9; color: var(--corp-green); font-size: 11px; font-weight: 700; line-height: 1.4; }
.corp-price { color: var(--corp-ink); font-weight: 750; letter-spacing: -.025em; }
.corp-button, .corp-button-secondary { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 11px 18px; border: 1px solid var(--corp-ink); border-radius: 8px; background: var(--corp-ink); color: #fff; font-size: 14px; font-weight: 650; line-height: 1.4; text-align: center; text-decoration: none; transition: background .18s ease, border-color .18s ease; }
.corp-button:hover { background: #373052; border-color: #373052; color: #fff; }
.corp-button-secondary { background: #fff; color: var(--corp-ink); border-color: #d2d6cb; }
.corp-button-secondary:hover { background: var(--corp-paper); border-color: #a8b69e; color: var(--corp-green); }
.corp-callout { background: var(--corp-ink); border-radius: var(--corp-radius); padding: 32px; color: #fff; }
.corp-callout p { color: #e2deed; }
.corp-resource-hero { padding: 36px 0; background: var(--corp-paper); border-bottom: 1px solid var(--corp-line); }
.corp-resource-meta { color: var(--corp-ink); }
.corp-resource-meta :where(.text-gray-300, .text-gray-400) { color: var(--corp-muted); }
.corp-resource-meta h1 { color: var(--corp-ink); }
.corp-resource-hero img { max-height: 440px; object-fit: contain; }
.corp-resource-cover { min-height: 300px; background: #edf2e6; color: var(--corp-green); }
.corp-reading { max-width: 900px; margin-inline: auto; }
.corp-reading :where(p, li) { line-height: 1.85; }
.corp-reading :where(h2, h3) { margin-top: 1.7em; }
.corp-catalog :where(.animate-pulse), .corp-detail :where(.animate-pulse) { animation: none; }
.corp-catalog :where(.hover\:-translate-y-1:hover, .hover\:-translate-y-2:hover) { transform: none; }
.corporate-content:not(.corporate-home) .btn-primary { background: var(--corp-green) !important; }
.corporate-content:not(.corporate-home) .btn-secondary { background: var(--corp-ink) !important; }
.corporate-content:not(.corporate-home) .gradient-primary { background: var(--corp-green); }
.corporate-content:not(.corporate-home) .gradient-dark { background: var(--corp-ink); }
.corporate-content:not(.corporate-home) [class~="text-[#5eb130]"],
.corporate-content:not(.corporate-home) [class~="text-[#5EB130]"] { color: var(--corp-green); }
.corporate-content:not(.corporate-home) :is(a, button, span)[class~="bg-[#5eb130]"][class~="text-white"] { background-color: var(--corp-green); }
@media (max-width: 1099px) {
    .corporate-ui #mobile-sticky-cart, .corporate-ui #mobile-payment-bar { bottom: calc(66px + env(safe-area-inset-bottom, 0px)); }
    .corporate-ui #mobile-sticky-cart.translate-y-full, .corporate-ui #mobile-payment-bar.translate-y-full { transform: translateY(calc(100% + 66px + env(safe-area-inset-bottom, 0px))); }
    .storefront-body:has(#mobile-sticky-cart) .storefront-whatsapp, .storefront-body:has(#mobile-payment-bar) .storefront-whatsapp { bottom: calc(163px + env(safe-area-inset-bottom, 0px)); }
}
@media (max-width: 767px) {
    .corp-container { padding-inline: 20px; }
    .corp-page-heading { padding: 28px 0; }
    .corp-page-description { font-size: 14px; margin-top: 10px; }
    .corp-filter-panel { padding: 16px; }
    .corp-catalog-search button { padding-inline: 14px; }
    .corp-breadcrumb ol { font-size: 11px; gap: 6px; }
    .corp-callout { padding: 24px; }
    .corp-resource-hero { padding: 24px 0; }
    .corp-resource-hero img { max-height: 340px; }
    .corporate-ui :where(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], input[type="search"], select, textarea) { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
    .corporate-ui *, .corporate-ui *::before, .corporate-ui *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}