/** Shopify CDN: Minification failed

Line 287:68 Expected "}" to go with "{"

**/
dakhli-careers {
--dkv-ink: #17191b; --dkv-muted: #65696b; --dkv-green: #c3f967;
--dkv-line: #e4e7e3; --dkv-paper: #f6f7f4;
display: block; width: 100%; color: var(--dkv-ink); background: #fff; overflow-anchor: none;
font-family: inherit; font-size: 16px; line-height: 1.7; text-align: left;
-webkit-text-size-adjust: 100%;
}
dakhli-careers *, dakhli-careers *::before, dakhli-careers *::after { box-sizing: border-box; }
dakhli-careers [hidden] { display: none !important; }
dakhli-careers h2, dakhli-careers h3, dakhli-careers p, dakhli-careers figure { margin: 0; }
dakhli-careers h2, dakhli-careers h3 { font-family: inherit; font-weight: 700; letter-spacing: -.035em; text-transform: none; }
dakhli-careers a { color: inherit; text-underline-offset: 4px; }
dakhli-careers button, dakhli-careers input, dakhli-careers textarea, dakhli-careers select { font: inherit; }
dakhli-careers button, dakhli-careers a { -webkit-tap-highlight-color: transparent; }
dakhli-careers img { max-width: 80%; }
dakhli-careers :focus-visible { outline: 3px solid #558a14; outline-offset: 5px; }
dakhli-careers .dkv-shell { width: 100%; margin-left: auto; margin-right: auto; padding-top: clamp(14px, 2.2vw, 26px); padding-bottom: clamp(30px, 4vw, 46px); box-sizing: border-box; }
@media screen and (min-width: 1360px) {
dakhli-careers .dkv-shell { max-width: 1760px; }
}
/* ---------- HERO ---------- */
dakhli-careers .dkv-hero { position: relative; isolation: isolate; overflow: hidden; border-radius: clamp(18px, 2.4vw, 28px); background: #181c1a; color: #fff; }
dakhli-careers .dkv-hero::after { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: radial-gradient(60% 70% at 78% 45%, #c3f9670f, transparent 70%); opacity: 0; transition: opacity .6s ease; }
dakhli-careers .dkv-hero.dkv-form-open::after { opacity: 1; }
dakhli-careers .dkv-hero-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: center; min-height: 540px; }
dakhli-careers .dkv-intro { position: relative; z-index: 3; min-width: 0; padding: clamp(30px, 4vw, 54px) clamp(16px, 1.4vw, 20px) clamp(30px, 4vw, 54px) clamp(22px, 3.6vw, 48px); }
/* Wordmark lockup */
dakhli-careers .dkv-mark { margin: 0 0 clamp(18px, 2vw, 24px); }
dakhli-careers .dkv-mark-main { display: block; font-family: Arial, Helvetica, sans-serif; font-weight: 800; font-size: clamp(46px, 7.6vw, 104px); line-height: .92; letter-spacing: -.055em; color: #fff; background: linear-gradient(176deg, #ffffff 26%, #cdd6cc 78%); -webkit-background-clip: text; background-clip: text; }
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
dakhli-careers .dkv-mark-main { -webkit-text-fill-color: transparent; color: transparent; }
}
dakhli-careers .dkv-mark-sub { display: flex; align-items: center; gap: clamp(12px, 1.6vw, 20px); margin-top: clamp(12px, 1.4vw, 18px); font-family: Arial, Helvetica, sans-serif; font-weight: 300; font-size: clamp(11px, 1.15vw, 16px); line-height: 1; letter-spacing: .42em; color: var(--dkv-green); white-space: nowrap; min-width: 0; }
dakhli-careers .dkv-mark-sub::before { content: ''; flex: 0 0 clamp(26px, 4.5vw, 64px); height: 1px; background: linear-gradient(90deg, #c3f96700, var(--dkv-green)); }
dakhli-careers .dkv-lead { max-width: 440px; color: #bfc7c2; font-size: clamp(14.5px, 1.1vw, 16px); line-height: 1.8; }
dakhli-careers .dkv-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: clamp(22px, 2.6vw, 30px); }
dakhli-careers .dkv-btn { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 52px; padding: 13px 21px; border: 1px solid transparent; border-radius: 12px; background: var(--dkv-green); color: #17220e; font-size: 15px; line-height: 1.5; font-weight: 700; text-decoration: none; cursor: pointer; transition: transform .25s, background .25s, border-color .25s, box-shadow .25s; }
dakhli-careers .dkv-arrow { font-family: Arial, sans-serif; font-size: 22px; line-height: 1; transition: transform .25s; }
dakhli-careers .dkv-visual { position: relative; z-index: 2; min-width: 0; min-height: 430px; align-self: stretch; display: grid; place-items: center; padding: clamp(24px, 3vw, 38px) clamp(20px, 3vw, 40px) clamp(56px, 6vw, 72px); }
dakhli-careers .dkv-visual::before { content: ''; position: absolute; inset: 8% -15% 0 -20%; z-index: -1; background: radial-gradient(ellipse, #697c3940, transparent 67%); }
dakhli-careers .dkv-stage { position: absolute; inset: 0; display: grid; grid-template-rows: minmax(0, 1fr) auto; padding: clamp(18px, 2.4vw, 28px) clamp(20px, 3vw, 40px); transition: opacity .34s ease, transform .46s cubic-bezier(.4, 0, .2, 1), filter .34s ease; }
dakhli-careers .dkv-stage.dkv-stage-out { opacity: 0; transform: translateY(7%) scale(.94); filter: blur(12px); pointer-events: none; }
dakhli-careers .dkv-photo-crop { position: relative; grid-row: 1; min-width: 0; min-height: 0; overflow: hidden; }
dakhli-careers .dkv-photo { position: absolute; bottom: 0; left: 50%; display: block; width: min(50%, 260px); height: auto; max-width: none; transform: translate(-50%, 17%); filter: drop-shadow(-18px 0 24px #0005); }
dakhli-careers .dkv-photo-fallback { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font: 800 clamp(32px, 4vw, 44px)/1.1 Arial, sans-serif; letter-spacing: -.07em; color: var(--dkv-green); }
dakhli-careers .dkv-visual-caption { position: relative; grid-row: 2; display: flex; justify-content: space-between; gap: 12px; border-top: 1px solid #ffffff26; padding-top: 15px; font-size: clamp(10px, .85vw, 12px); letter-spacing: .08em; color: #c0c8c0; }
/* ---------- GLASS APPLICATION PANEL ---------- */
dakhli-careers .dkv-panel { position: relative; z-index: 4; width: 100%; max-width: 420px; margin-left: auto; scroll-margin-top: 100px; padding: clamp(22px, 2.2vw, 28px) clamp(18px, 2vw, 26px); border: 1px solid #ffffff2b; border-radius: 22px; background: linear-gradient(158deg, #ffffff21, #ffffff09 62%); -webkit-backdrop-filter: blur(26px) saturate(150%); backdrop-filter: blur(26px) saturate(150%); box-shadow: 0 34px 80px #00000059, inset 0 1px 0 #ffffff33; color: #fff; }
dakhli-careers .dkv-panel::before { content: ''; position: absolute; inset: -30% -18% auto -18%; height: 200px; z-index: -1; border-radius: 50%; background: radial-gradient(ellipse, #c3f96726, transparent 70%); pointer-events: none; }
@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))) {
dakhli-careers .dkv-panel { background: #212721f2; }
}
@keyframes dkv-panel-in { from { opacity: 0; transform: translateY(22px) scale(.965); } to { opacity: 1; transform: none; } }
@keyframes dkv-rise { from { opacity: 0; transform: translateY(14px) scale(.985); } to { opacity: 1; transform: none; } }
dakhli-careers .dkv-panel-anim { animation: dkv-panel-in .6s cubic-bezier(.2, .75, .2, 1) both; }
dakhli-careers .dkv-panel-anim .dkv-panel-head { animation: dkv-rise .5s cubic-bezier(.2, .75, .2, 1) .1s both; }
dakhli-careers .dkv-panel-anim .dkv-fields > * { animation: dkv-rise .5s cubic-bezier(.2, .75, .2, 1) both; }
dakhli-careers .dkv-panel-anim .dkv-fields > *:nth-child(1) { animation-delay: .16s; }
dakhli-careers .dkv-panel-anim .dkv-fields > *:nth-child(2) { animation-delay: .22s; }
dakhli-careers .dkv-panel-anim .dkv-fields > *:nth-child(3) { animation-delay: .28s; }
dakhli-careers .dkv-panel-anim .dkv-fields > *:nth-child(4) { animation-delay: .34s; }
dakhli-careers .dkv-panel-anim .dkv-fields > *:nth-child(5) { animation-delay: .4s; }
dakhli-careers .dkv-panel-anim .dkv-fields > *:nth-child(6) { animation-delay: .46s; }
dakhli-careers .dkv-panel-anim .dkv-fields > *:nth-child(7) { animation-delay: .52s; }
dakhli-careers .dkv-panel :focus-visible { outline-color: var(--dkv-green); outline-offset: 3px; }
dakhli-careers .dkv-panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 22px; }
dakhli-careers .dkv-panel-eyebrow { color: #b9c9a4; font-size: 11px; letter-spacing: .18em; font-weight: 700; margin-bottom: 8px; }
dakhli-careers .dkv-panel-title { font-size: clamp(22px, 1.3vw, 28px); line-height: 1.3; color: #fff; }
dakhli-careers .dkv-close { flex: 0 0 auto; width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #ffffff2e; border-radius: 50%; background: #ffffff12; color: #eef2ea; font: 400 18px/1 Arial, sans-serif; cursor: pointer; transition: background .2s, border-color .2s; }
dakhli-careers .dkv-form { margin: 0; }
dakhli-careers .dkv-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 15px 12px; }
/* Floating labels + notched border */
dakhli-careers .dkv-field { position: relative; min-width: 0; }
dakhli-careers .dkv-wide { grid-column: 1 / -1; }
dakhli-careers .dkv-input { position: relative; z-index: 1; display: block; width: 100%; min-height: 54px; padding: 15px; color: #fff; background: transparent; border: 0; border-radius: 12px; box-shadow: none; opacity: 1; font-size: 16px; line-height: 1.5; }
dakhli-careers .dkv-input:focus { outline: none; }
dakhli-careers .dkv-input::placeholder { color: transparent; opacity: 0; }
dakhli-careers .dkv-input:-webkit-autofill { -webkit-text-fill-color: #fff; transition: background-color 9999s; }
dakhli-careers .dkv-notch { position: absolute; inset: 0; z-index: 0; margin: 0; padding: 0 10px; min-inline-size: 0; pointer-events: none; border: 1px solid #ffffff2b; border-radius: 12px; background: #ffffff12; transition: border-color .2s, background .2s, box-shadow .2s; }
dakhli-careers .dkv-notch legend { float: unset; display: block; width: auto; max-width: .01px; height: 9px; padding: 0; font-size: 10.5px; visibility: hidden; white-space: nowrap; transition: max-width .2s cubic-bezier(.2, .7, .2, 1); }
dakhli-careers .dkv-notch legend span { display: inline-block; padding: 0 5px; }
dakhli-careers .dkv-float { position: absolute; z-index: 2; top: 50%; left: 15px; transform: translateY(-50%); transform-origin: left center; color: #ffffff73; font-size: 13.5px; line-height: 1; white-space: nowrap; pointer-events: none; transition: top .2s cubic-bezier(.2, .7, .2, 1), transform .2s cubic-bezier(.2, .7, .2, 1), color .2s; }
dakhli-careers .dkv-input:focus ~ .dkv-notch { background: #ffffff1c; border-color: var(--dkv-green); box-shadow: 0 0 0 3px #c3f9671f; }
dakhli-careers .dkv-input:focus ~ .dkv-notch legend,
dakhli-careers .dkv-input:not(:placeholder-shown) ~ .dkv-notch legend { max-width: 100%; }
dakhli-careers .dkv-input:focus ~ .dkv-float,
dakhli-careers .dkv-input:not(:placeholder-shown) ~ .dkv-float { top: 0; transform: translateY(calc(-50% + 2px)) scale(.78); }
dakhli-careers .dkv-input:focus ~ .dkv-float { color: var(--dkv-green); }
/* Phone field: flag + (+995) prefix, revealed with the floating label */
dakhli-careers .dkv-prefix { position: absolute; z-index: 3; top: 50%; left: 15px; transform: translateY(-50%); display: flex; align-items: center; gap: 7px; font-size: 15px; line-height: 1; color: #ffffffd6; white-space: nowrap; pointer-events: none; opacity: 0; transition: opacity .2s ease; }
dakhli-careers .dkv-flag { flex: 0 0 auto; width: 19px; height: auto; max-width: none; border-radius: 2px; box-shadow: 0 0 0 1px #0000001f; }
dakhli-careers .dkv-input-phone { transition: padding-left .2s cubic-bezier(.2, .7, .2, 1); }
dakhli-careers .dkv-input-phone:focus,
dakhli-careers .dkv-input-phone:not(:placeholder-shown) { padding-left: var(--dkv-phone-pad, 92px); }
dakhli-careers .dkv-input:focus ~ .dkv-prefix,
dakhli-careers .dkv-input:not(:placeholder-shown) ~ .dkv-prefix { opacity: 1; }
/* File dropzone (UI only — Shopify does not deliver attachments) */
dakhli-careers .dkv-drop { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; padding: 22px 16px; border: 1.5px dashed #ffffff3d; border-radius: 14px; background: #ffffff0a; color: #fff; text-align: center; cursor: pointer; transition: border-color .25s, background .25s, color .25s; }
dakhli-careers .dkv-drop input { display: none; }
dakhli-careers .dkv-drop svg { height: 32px; fill: #9aa596; margin-bottom: 6px; transition: fill .25s; }
dakhli-careers .dkv-drop p { font-size: 14px; line-height: 1.5; color: #fff; }
dakhli-careers .dkv-drop.dkv-drag { border-color: var(--dkv-green); background: #c3f9670f; }
dakhli-careers .dkv-drop.dkv-drag svg { fill: var(--dkv-green); }
dakhli-careers .dkv-drop-name { color: var(--dkv-green); font-size: 12.5px; overflow-wrap: anywhere; }
dakhli-careers .dkv-drop-name.dkv-invalid { color: #ffb3a4; }
/* Animated consent checkbox */
dakhli-careers .dkv-consent { position: relative; display: flex; align-items: center; gap: 8px; margin-top: 2px; font-size: 11px; line-height: 1.6; color: #bcc4b9; cursor: pointer; }
dakhli-careers .dkv-consent input { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; margin: 0; padding: 0; opacity: 0; cursor: pointer; }
dakhli-careers .dkv-check { flex: 0 0 auto; width: 15px; height: 15px; overflow: visible; }
dakhli-careers .dkv-check-path { fill: none; stroke: #c6cec1; stroke-width: 6; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 241 9999999; stroke-dashoffset: 0; transition: stroke-dasharray .5s ease, stroke-dashoffset .5s ease, stroke .3s ease; }
dakhli-careers .dkv-consent input:checked ~ .dkv-check .dkv-check-path { stroke: var(--dkv-green); stroke-dasharray: 70.5096664428711 9999999; stroke-dashoffset: -262.2723388671875; }
dakhli-careers .dkv-consent input:focus-visible ~ .dkv-check { outline: 3px solid var(--dkv-green); outline-offset: 4px; border-radius: 6px; }
dakhli-careers .dkv-send { display: flex; flex-wrap: nowrap; align-items: stretch; gap: 10px; margin-top: 4px; }
dakhli-careers .dkv-btn-contact { flex: 0 0 auto; gap: 9px; padding: 13px 18px; background: #ffffff12; border-color: #ffffff2b; color: #eef3e8; font-weight: 600; white-space: nowrap; }
dakhli-careers .dkv-btn-contact svg { width: 18px; height: 18px; fill: none; stroke: var(--dkv-green); stroke-width: 1.7; flex-shrink: 0; }
dakhli-careers .dkv-submit { flex: 1 1 auto; min-width: 0; gap: 10px; padding: 13px 18px; justify-content: center; }
dakhli-careers .dkv-submit .dkv-shine { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
dakhli-careers .dkv-submit[disabled] { opacity: .6; cursor: default; }
/* Inspired by Uiverse.io / neerajbaniwal; adapted for black submit text. */
dakhli-careers .dkv-shine {
display: inline-block;
color: #000;
-webkit-text-fill-color: currentColor;
background: none;
}
@keyframes dkv-submit-text-shine {
0% { background-position: 100% 50%; }
60%, 100% { background-position: 0% 50%; }
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
dakhli-careers .dkv-submit .dkv-shine {
background-color: #000;
background-image: linear-gradient(
105deg,
#000 0%,
#000 28%,
#050505 33%,
#161616 38%,
#3a3a3a 43%,
#727272 47%,
#999 50%,
#727272 53%,
#3a3a3a 57%,
#161616 62%,
#050505 67%,
#000 72%,
#000 100%
);
background-size: 300% 100%;
background-position: 100% 50%;
background-repeat: no-repeat;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
text-shadow: none;
animation: dkv-submit-text-shine 3s linear infinite;
}
}
@media (prefers-reduced-motion: reduce), (forced-colors: active) {
dakhli-careers .dkv-submit .dkv-shine {
animation: none;
background: none;
color: #000;
-webkit-text-fill-color: currentColor;
text-shadow: none;
}
}
dakhli-careers .dkv-feedback { padding: 18px; border-radius: 14px; font-size: 15px; }
dakhli-careers .dkv-feedback + .dkv-fields { margin-top: 18px; }
dakhli-careers .dkv-success { background: #c3f9671f; border: 1px solid #c3f96747; color: #eaf7d5; }
dakhli-careers .dkv-error { background: #ff6a5122; border: 1px solid #ff8a7440; color: #ffd9d1; }
dakhli-careers .dkv-feedback p { margin-top: 5px; font-size: 14px; }
dakhli-careers .dkv-feedback p:first-child { margin-top: 0; }
dakhli-careers .dkv-feedback ul { margin: 8px 0 0; padding-left: 20px; font-size: 14px; }
dakhli-careers .dkv-hero-footer { position: relative; z-index: 3; display: flex; flex-wrap: wrap; gap: 10px clamp(18px, 2.2vw, 28px); padding: 18px clamp(22px, 3.6vw, 48px); border-top: 1px solid #ffffff1a; font-size: clamp(13px, 1vw, 14px); color: #e0e5df; }
dakhli-careers .dkv-hero-footer span { display: inline-flex; align-items: center; gap: 9px; min-width: 0; }
dakhli-careers .dkv-hero-footer svg { width: 17px; height: 17px; fill: none; stroke: var(--dkv-green); stroke-width: 1.6; flex-shrink: 0; }
@media (hover: hover) {
dakhli-careers .dkv-btn:hover { transform: translateY(-2px); background: #d1ff85; box-shadow: 0 12px 30px #c3f96726; }
dakhli-careers .dkv-btn-contact:hover { background: #ffffff24; border-color: #ffffff4d; box-shadow: none; }
dakhli-careers .dkv-btn:hover .dkv-arrow { transform: translateX(4px); }
dakhli-careers .dkv-close:hover { background: #ffffff22; border-color: #ffffff4d; }
dakhli-careers .dkv-drop:hover { border-color: var(--dkv-green); background: #c3f9670f; }
dakhli-careers .dkv-consent:hover .dkv-check-path { stroke: #e2e9dc; }
}
/* Extra inset while the introduction sits beside the photo. */
@media (min-width: 861px) {
dakhli-careers .dkv-intro {
padding-left: calc(clamp(22px, 3.6vw, 48px) + 24px);
}
}
/* ---------- RESPONSIVE ---------- */
@media (max-width: 1180px) {
dakhli-careers .dkv-hero-grid { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); min-height: 500px; }
}
@media (max-width: 1000px) {
dakhli-careers .dkv-hero-grid { min-height: 460px; }
dakhli-careers .dkv-visual { min-height: 380px; }
dakhli-careers .dkv-panel { max-width: 360px; }
dakhli-careers .dkv-fields { grid-template-columns: 1fr; }
dakhli-careers .dkv-lead { max-width: 380px; }
dakhli-careers .dkv-mark-sub { letter-spacing: .34em; }
}
@media (max-width: 860px) {
dakhli-careers .dkv-hero-grid { grid-template-columns: 1fr; min-height: 0; }
dakhli-careers .dkv-intro { padding: 32px 24px 0; }
dakhli-careers .dkv-mark-main { font-size: clamp(52px, 12vw, 88px); }
dakhli-careers .dkv-lead { max-width: none; }
dakhli-careers .dkv-actions .dkv-btn { flex: 1 1 190px; }
dakhli-careers .dkv-visual { min-height: 350px; padding: 20px 24px 96px; }
dakhli-careers .dkv-panel { max-width: none; margin: 0; }
dakhli-careers .dkv-visual.dkv-visual-form { min-height: 0; padding: 22px 20px 26px; }
dakhli-careers .dkv-visual.dkv-visual-form::before { inset: 0 -10% 0 -10%; }
}
@media (max-width: 560px) {
dakhli-careers .dkv-mark-main { font-size: clamp(44px, 14vw, 68px); }
dakhli-careers .dkv-mark-sub { letter-spacing: .28em; font-size: 11px; }
dakhli-careers .dkv-actions { gap: 10px; }
dakhli-careers .dkv-actions .dkv-btn { flex: 1 1 100%; }
dakhli-careers .dkv-visual { min-height: 300px; padding: 16px 18px 92px; }
dakhli-careers .dkv-visual-caption { font-size: 10px; letter-spacing: .06em; }
dakhli-careers .dkv-hero-footer { flex-direction: column; align-items: flex-start; gap: 10px; }
}
@media (max-width: 400px) {
dakhli-careers .dkv-intro { padding: 26px 18px 0; }
dakhli-careers .dkv-mark-sub { letter-spacing: .2em; gap: 10px; }
dakhli-careers .dkv-visual { min-height: 280px; padding: 14px 14px 88px; }
dakhli-careers .dkv-stage { padding: 16px; }
dakhli-careers .dkv-panel { border-radius: 18px; }
dakhli-careers .dkv-panel-head { gap: 10px; margin-bottom: 18px; }
}
@media (max-width: 480px) {
dakhli-careers .dkv-btn-contact { padding: 13px 15px; }
dakhli-careers .dkv-btn-contact span { display: none; }
}
@media (prefers-reduced-motion: reduce) {
dakhli-careers *, dakhli-careers *::before, dakhli-careers *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
/* Careers steps and the premium FAQ accordion. */
dakhli-careers .dkv-step-nav { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 24px; }
dakhli-careers .dkv-step-nav .dkv-next { margin-left: auto; }
dakhli-careers .dkv-back { padding: 8px 0; border: 0; background: transparent; color: #bfc7c2; font-size: 14px; cursor: pointer; }
dakhli-careers .dkv-faq { --fx-ease: cubic-bezier(.34,.01,.18,1); }
dakhli-careers .dkv-faq-item { position: relative; }
dakhli-careers .dkv-faq-item::before, dakhli-careers .dkv-faq-item::after { content: ''; position: absolute; left: 0; top: 0; height: 1.5px; pointer-events: none; }
dakhli-careers .dkv-faq-item::before { width: 100%; background: #ffffff26; }
dakhli-careers .dkv-faq-item::after { width: 0; background: #c3f9678c; transition: width .55s var(--fx-ease); }
dakhli-careers .dkv-faq-item.is-open::after { width: 100%; }
dakhli-careers .dkv-faq::after { content: ''; display: block; height: 1.5px; background: #ffffff26; }
dakhli-careers .dkv-faq-q { display: grid; grid-template-columns: 38px minmax(0,1fr) 20px; align-items: center; gap: 12px; width: 100%; padding: 13px 0; border: 0; background: none; color: #fff; text-align: left; cursor: pointer; }
dakhli-careers .dkv-faq-ico { width: 38px; height: 38px; display: grid; place-items: center; border: 2px solid #ffffff26; border-radius: 14px; color: #bfc7c2; background: #ffffff08; transition: color .35s, border-color .35s; }
dakhli-careers .dkv-faq-ico svg { width: 19px; height: 19px; }
dakhli-careers .is-open .dkv-faq-ico { color: var(--dkv-green); border-color: #c3f96766; }
dakhli-careers .dkv-faq-q strong { font-size: 14.5px; line-height: 1.5; }
dakhli-careers .dkv-faq-arrow { width: 20px; height: 20px; color: #bfc7c2; transform-origin: 50% 50%; will-change: transform; backface-visibility: hidden; transition: transform .55s cubic-bezier(.16,1,.3,1), color .35s; }
dakhli-careers .is-open .dkv-faq-arrow { transform: rotate(180deg); color: var(--dkv-green); }
dakhli-careers .dkv-faq-a { display: grid; grid-template-rows: 0fr; visibility: hidden; transition: grid-template-rows .45s var(--fx-ease), visibility 0s .45s; }
dakhli-careers .is-open .dkv-faq-a { grid-template-rows: 1fr; visibility: visible; transition-delay: 0s; }
dakhli-careers .dkv-faq-a > div { min-height: 0; overflow: hidden; }
dakhli-careers .dkv-faq-text { padding: 0 20px 16px 50px; color: #bfc7c2; font-size: 14px; line-height: 1.78; opacity: 0; transform: translateY(6px); transition: opacity .4s .06s, transform .4s .06s; }
dakhli-careers .is-open .dkv-faq-text { opacity: 1; transform: none; }
dakhli-careers .dkv-faq-a, dakhli-careers .dkv-faq-a > div { overflow-anchor: none; }
/* Shaping must not change as characters appear, or the block reflows mid-animation. */
dakhli-careers .dkv-faq-text, dakhli-careers .dkv-char { font-feature-settings: "case" off; font-variant-caps: normal; }
dakhli-careers .dkv-char { opacity: 0; transition: opacity .12s linear; }
dakhli-careers .dkv-char.is-on { opacity: 1; }
dakhli-careers .dkv-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 400px) { dakhli-careers .dkv-faq-text { padding-left: 0; } }
@media (prefers-reduced-motion: reduce) { dakhli-careers .dkv-char { opacity: 1; } }

dakhli-careers .dkv-panel .dkv-success { background: #c3f96712; border-color: #c3f96740; }
dakhli-careers .dkv-panel .dkv-success strong { color: #eaf7d5; }
dakhli-careers .dkv-panel .dkv-success p { color: #c7d1c0; }

/* ---------- SHOPIFY FORMS APP BLOCK ---------- */
dakhli-careers .dkv-app-form { color: #fff; }
dakhli-careers .dkv-app-form > div + div { margin-top: 18px; }
dakhli-careers .dkv-app-empty { padding: 20px; border: 1.5px dashed #ffffff3d; border-radius: 14px; color: #bfc7c2; font-size: 14px; text-align: center; }
dakhli-careers .dkv-call { display: inline-flex; margin-top: 18px; }
dakhli-careers .dkv-error-detail { margin-top: 8px; font-size: 12.5px; color: #ffc9be; overflow-wrap: anywhere; }
dakhli-careers .dkv-hp { position: absolute; width: 1px; height: 1px