/* page-specific rules for careers-en.html (generated) */
.why-join { background:#fff }
.wj-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:24px }
.wj-card { background:#fff;padding:36px 24px;border-radius:8px;text-align:center;border:1px solid var(--border);transition:.3s }
.wj-card:hover { transform:translateY(-6px);box-shadow:0 18px 44px rgba(26,20,16,.1);border-color:var(--gold) }
.wj-icon { width:72px;height:72px;border-radius:50%;background:rgba(201,169,97,.15);color:var(--gold-deep);display:flex;align-items:center;justify-content:center;margin:0 auto 20px }
.wj-card h3 { font-size:18px;font-weight:800;color:var(--ink);margin-bottom:10px }
.wj-card p { font-size:13px;color:var(--text-muted);line-height:1.7 }
.openings { background:var(--surface-2) }
.jobs-list { display:flex;flex-direction:column;gap:16px }
.filters-en { display:flex;gap:10px;margin-bottom:28px;flex-wrap:wrap }
.filter-btn-en { padding:9px 20px;background:#fff;color:var(--ink);border:1.5px solid var(--border);border-radius:30px;font-size:13px;font-weight:700;cursor:pointer;transition:.3s;font-family:inherit }
.filter-btn-en:hover, .filter-btn-en.active { background:var(--gold-deep);color:#fff;border-color:var(--gold-deep) }
.jobs-count-en { display:inline-flex;align-items:center;gap:8px;background:var(--gold-deep);color:#fff;padding:7px 16px;border-radius:30px;font-size:13px;font-weight:700;margin-bottom:12px }
@keyframes spin-en {to{transform:rotate(360deg)}}
.job-card { background:#fff;padding:28px 32px;border-radius:6px;border:1px solid var(--border);display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;transition:.3s }
.job-card:hover { border-color:var(--gold-deep);box-shadow:0 14px 40px rgba(26,20,16,.08);transform:translateX(6px) }
.job-info h3 { font-size:19px;font-weight:800;color:var(--ink);margin-bottom:6px }
.job-meta { display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--text-muted) }
.job-meta span { display:inline-flex;align-items:center;gap:6px }
.job-meta .badge { background:rgba(201,169,97,.15);color:var(--gold-deep);padding:3px 10px;border-radius:3px;font-weight:700;font-size:12px;letter-spacing:.5px }
.job-apply { padding:12px 26px;background:var(--gold-deep);color:#fff;border-radius:3px;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:.3s;white-space:nowrap }
.job-apply:hover { background:var(--ink) }
.apply-section { background:#fff }
.ap-grid { display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:start }
.ap-info h2 { font-size:36px;font-weight:900;margin-bottom:20px;line-height:1.2 }
.ap-info p { color:var(--text-muted);font-size:16px;margin-bottom:20px;line-height:1.9 }
.ap-perks { list-style:none }
.ap-perks li { padding:12px 0;display:flex;gap:12px;align-items:flex-start;font-size:15px;color:#444;border-bottom:1px solid #f3ebd8 }
.ap-perks li:last-child { border-bottom:none }
.ap-perks .check { width:28px;height:28px;border-radius:50%;background:rgba(168,140,95,.15);color:var(--gold-deep);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700 }
.apply-form { background:var(--surface-2);padding:45px 40px;border-radius:8px;border:1px solid var(--border) }
.apply-form h3 { font-size:24px;font-weight:800;margin-bottom:6px;color:var(--ink) }
.apply-form .sub { color:var(--text-muted);font-size:14px;margin-bottom:24px }
@media (max-width:968px) {
.ci-grid, .ap-grid, .wj-grid { grid-template-columns:1fr }
.wj-grid { grid-template-columns:1fr 1fr }
.job-card { grid-template-columns:1fr }
.apply-form { padding:30px 24px }
}
.page-hero { --hero-img: url('/assets/team/team-1600.webp'); background-image: none !important; }