/* Fruit Factory — Careers (simple, list-style like global brand career pages) */
.career-page .nav-links a.active{ color:var(--mango); }
.c-narrow{ max-width:860px; }
.c-hero{ position:relative; overflow:hidden; isolation:isolate; color:#fff; background:#0d0620;
  min-height:min(88vh,720px); display:flex; align-items:center; padding:calc(var(--nav-h,76px) + 70px) 0 80px; }
.c-hero::before, .c-hero::after{ content:""; position:absolute; z-index:-1; border-radius:50%; filter:blur(70px); will-change:transform; }
.c-hero::before{ width:62vmax; height:62vmax; inset-inline-end:-18vmax; top:-26vmax; background:radial-gradient(circle,rgba(240,25,122,.55),transparent 62%); animation:cDrift 16s ease-in-out infinite alternate; }
.c-hero::after{ width:54vmax; height:54vmax; inset-inline-start:-20vmax; bottom:-30vmax; background:radial-gradient(circle,rgba(35,168,95,.45),rgba(255,177,60,.18) 55%,transparent 68%); animation:cDrift 20s ease-in-out infinite alternate-reverse; }
@keyframes cDrift{ from{ transform:translate3d(0,0,0) scale(1); } to{ transform:translate3d(-7vmax,5vmax,0) scale(1.18); } }
.c-hero .container > *{ animation:fxRise 1.2s var(--fx-out) both; }
.c-hero h1{ font-family:var(--font-display); font-size:clamp(2.4rem,7vw,5.2rem); line-height:1.12; letter-spacing:-.01em; margin:0 0 18px; text-wrap:balance; max-width:14ch; animation-delay:.1s; }
.c-hero p{ margin:0 0 30px; max-width:46ch; font-weight:300; font-size:clamp(1rem,2.2vw,1.2rem); opacity:.88; line-height:1.85; animation-delay:.25s; }
.c-hero .btn{ animation-delay:.4s; }
.c-hero .container::before{ content:""; display:block; width:84px; height:3px; margin-bottom:26px; border-radius:3px; background:linear-gradient(90deg,var(--mango),var(--pink)); transform-origin:0 50%; animation:fxLine 1s var(--fx-out) .05s both; }
[dir="rtl"] .c-hero .container::before{ transform-origin:100% 50%; }
.c-hero .container{ animation:none; }
.c-hero .container > *{ }
.c-section{ padding:64px 0; background:var(--cream); }
.c-section h2, .c-apply h2{ font-family:var(--font-display); font-size:1.7rem; margin:0 0 22px; }

.roles-list{ list-style:none; margin:0; padding:0; border-top:1px solid var(--line); }
.role-row{ position:relative; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:20px 4px; border-bottom:1px solid var(--line); }
.role-info{ min-width:0; }
.role-info h3{ margin:0 0 4px; font-family:var(--font-display); font-size:1.15rem; }
.role-info p{ margin:0; font-size:.88rem; color:var(--ink-soft); }
.role-row .btn{ flex:none; padding:10px 20px; }

.c-apply{ padding:64px 0 80px; background:#fff; }
.c-form-card{ background:transparent; padding:0; }
.c-form-card .field-row{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.c-form-card .opt{ font-style:normal; font-weight:400; opacity:.6; font-size:.82rem; }
.c-form-card .btn{ width:100%; justify-content:center; margin-top:6px; }
.c-form-card .lead-success{ position:static; }
.c-form-card [dir=ltr]{ text-align:left; }
.career-page .iti{ width:100%; }
.career-page .iti input{ direction:ltr; text-align:left; }
.iti__dropdown-content{ z-index:9999; }
.c-form-card{ scroll-margin-top:96px; }
@media (max-width:560px){
  .role-row{ flex-direction:column; align-items:flex-start; }
  .c-form-card .field-row{ grid-template-columns:1fr; }
  .c-hero{ padding-bottom:48px; }
}
.roles-note{ margin:20px 0 0; font-size:.92rem; color:var(--ink-soft); } .roles-note a{ color:var(--pink); font-weight:600; }

.role-row::after{ content:""; position:absolute; inset-inline-start:0; bottom:-1px; height:2px; width:100%; background:linear-gradient(90deg,var(--pink),var(--mango)); transform:scaleX(0); transform-origin:0 50%; transition:transform .6s var(--fx-out); }
[dir="rtl"] .role-row::after{ transform-origin:100% 50%; }
.role-row:hover::after{ transform:scaleX(1); }
.role-row{ transition:padding .4s var(--fx-out), background .4s; }
.role-row:hover{ padding-inline:18px; background:rgba(255,255,255,.55); }
.role-row .btn{ transition:transform .35s var(--fx-out), box-shadow .35s; }
.role-row:hover .btn{ transform:translateX(0) scale(1.06); }
@media (max-width:560px){ .c-hero{ min-height:auto; padding-top:calc(var(--nav-h,76px) + 56px); padding-bottom:64px; } .role-row:hover{ padding-inline:4px; background:none; } }
@media (prefers-reduced-motion:reduce){ .c-hero::before,.c-hero::after{ animation:none; } .c-hero .container > *, .c-hero .container::before{ animation:none; } }
.role-row.fx-r{ transition:opacity .9s var(--fx-out), transform .9s var(--fx-out), filter .9s var(--fx-out), padding .4s var(--fx-out), background .4s; transition-delay:var(--d,0ms),var(--d,0ms),var(--d,0ms),0s,0s; }

.career-page .order-form select{ font-family:var(--font-body); }
.cv-drop{ display:flex; align-items:center; gap:10px; }
.cv-pick{ flex:1; min-width:0; display:flex; align-items:center; justify-content:center; gap:10px; padding:14px 16px; border:1.5px dashed rgba(36,19,56,.28); border-radius:var(--r-md); background:#fff; color:var(--ink); font:inherit; cursor:pointer; transition:border-color .25s, background .25s; }
.cv-pick:hover{ border-color:var(--pink); background:rgba(240,25,122,.04); }
.cv-pick span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; direction:ltr; unicode-bidi:plaintext; }
.cv-drop.has-file .cv-pick{ border-style:solid; border-color:var(--green); background:rgba(35,168,95,.06); }
.cv-clear{ flex:none; width:40px; height:40px; border-radius:50%; border:1px solid var(--line); background:#fff; font-size:1.3rem; line-height:1; cursor:pointer; color:var(--ink-soft); }
.cv-clear:hover{ color:var(--pink); border-color:var(--pink); }