/* BusTop Studio UI — Marketplace, jobs and native media creation */
:root {
  --bt-blue-950:#071b33;
  --bt-blue-900:#0b2b52;
  --bt-blue-800:#0c438a;
  --bt-blue-700:#0b5bd3;
  --bt-blue-600:#0b6ff5;
  --bt-blue-500:#2c83ff;
  --bt-blue-100:#dbeafe;
  --bt-blue-50:#eff6ff;
  --bt-ink:#0d1b2a;
  --bt-muted:#607089;
  --bt-line:#dce5f0;
  --bt-canvas:#f4f7fb;
  --bt-surface:#ffffff;
  --bt-success:#067647;
  --bt-danger:#c81e1e;
  --bt-warning:#9a5b00;
  --bt-shadow-sm:0 1px 2px rgba(7,27,51,.04),0 8px 24px rgba(7,27,51,.06);
  --bt-shadow-md:0 18px 50px rgba(7,27,51,.12);
  --bt-radius-sm:10px;
  --bt-radius-md:16px;
  --bt-radius-lg:24px;
  --bt-ease:cubic-bezier(.2,.8,.2,1);
}

[data-theme="dark"] {
  --bt-ink:#f7f9fc;
  --bt-muted:#9fb0c7;
  --bt-line:#263a52;
  --bt-canvas:#08111f;
  --bt-surface:#0e1c2d;
  --bt-blue-50:#102a47;
  --bt-blue-100:#183c65;
  --bt-shadow-sm:0 12px 30px rgba(0,0,0,.24);
  --bt-shadow-md:0 24px 60px rgba(0,0,0,.36);
}

/* Marketplace pages */
.mk-wrap{max-width:1280px!important;padding-top:28px!important}
.mk-head{position:relative;overflow:hidden;align-items:center!important;padding:26px 28px;margin-bottom:18px!important;border:1px solid var(--bt-line);border-radius:var(--bt-radius-lg);background:linear-gradient(135deg,var(--bt-surface) 0%,var(--bt-blue-50) 100%);box-shadow:var(--bt-shadow-sm)}
.mk-head:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-90px;top:-145px;background:radial-gradient(circle,rgba(11,111,245,.17),rgba(11,111,245,0) 68%);pointer-events:none}
.mk-h1{font-size:clamp(28px,3vw,40px)!important;letter-spacing:-.035em;color:var(--bt-ink);font-weight:850!important}
.mk-head .muted{font-size:15px;max-width:680px;color:var(--bt-muted)}
.mk-head .btn{position:relative;z-index:1;min-height:48px;border-radius:14px;padding:0 20px;display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,var(--bt-blue-700),var(--bt-blue-500));box-shadow:0 12px 26px rgba(11,91,211,.24)}
.mk-search{display:grid!important;grid-template-columns:minmax(220px,1.5fr) minmax(150px,.7fr) auto;gap:10px!important;padding:12px;border:1px solid var(--bt-line);border-radius:18px;background:var(--bt-surface);box-shadow:var(--bt-shadow-sm)}
.mk-search input{height:48px!important;border-radius:12px!important;border:1px solid transparent!important;background:var(--bt-canvas)!important;color:var(--bt-ink)!important;padding:0 15px!important}
.mk-search input:focus{background:var(--bt-surface)!important;border-color:var(--bt-blue-500)!important;box-shadow:0 0 0 4px rgba(11,111,245,.12)!important}
.mk-search .btn{height:48px;border-radius:12px;padding:0 22px}
.mk-chips{gap:9px!important;margin:2px 0 20px!important;scrollbar-width:none}
.mk-chips::-webkit-scrollbar{display:none}
.mk-chip{padding:9px 14px!important;border-radius:11px!important;background:var(--bt-surface)!important;border-color:var(--bt-line)!important;color:var(--bt-muted)!important;font-size:12px!important;letter-spacing:.01em;box-shadow:0 1px 0 rgba(7,27,51,.03)}
.mk-chip:hover{transform:translateY(-1px);border-color:var(--bt-blue-500)!important;color:var(--bt-blue-700)!important}
.mk-chip.active{background:var(--bt-blue-950)!important;border-color:var(--bt-blue-950)!important;color:#fff!important}
.mk-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.mk-card{border-color:var(--bt-line)!important;border-radius:18px!important;background:var(--bt-surface)!important;box-shadow:0 1px 1px rgba(7,27,51,.025);transition:transform .24s var(--bt-ease),box-shadow .24s var(--bt-ease),border-color .24s!important}
.mk-card:hover{transform:translateY(-5px)!important;border-color:#bdd2ec!important;box-shadow:var(--bt-shadow-md)!important}
.mk-card-img{aspect-ratio:4/3!important;background:linear-gradient(145deg,#eaf2fb,#dbe7f5)!important}
.mk-card-img img{transition:transform .45s var(--bt-ease)}
.mk-card:hover .mk-card-img img{transform:scale(1.035)}
.mk-cat,.mk-corp{top:11px!important;border-radius:8px!important;padding:5px 8px!important;backdrop-filter:blur(10px)}
.mk-cat{left:11px!important;background:rgba(7,27,51,.8)!important}
.mk-corp{right:11px!important;background:rgba(11,91,211,.92)!important}
.mk-card-body{padding:15px 15px 16px!important}
.mk-card-title{font-size:15px!important;line-height:1.4!important;min-height:42px!important;color:var(--bt-ink)}
.mk-price{font-size:21px!important;letter-spacing:-.02em;color:var(--bt-blue-700)!important;margin-top:5px}
.mk-meta,.mk-city{font-size:12.5px!important;color:var(--bt-muted)!important}
.mk-city{display:flex;align-items:center;gap:4px;margin-top:9px!important;padding-top:9px;border-top:1px solid var(--bt-line)}
.mk-empty{border:1px dashed var(--bt-line);border-radius:20px;background:var(--bt-surface)}
.mk-page{border-color:var(--bt-line)!important;background:var(--bt-surface);border-radius:10px!important}
.mk-page.active{background:var(--bt-blue-700)!important;border-color:var(--bt-blue-700)!important}

/* Listing detail */
.mk-detail{max-width:1180px!important}
.mk-back{display:inline-flex!important;align-items:center;gap:7px;color:var(--bt-blue-700)!important;margin-bottom:18px!important}
.mk-gallery{display:grid!important;grid-template-columns:2fr 1fr 1fr;grid-template-rows:220px 220px;gap:8px!important;overflow:visible!important;border-radius:22px!important}
.mk-gallery img{height:100%!important;width:100%;border-radius:14px!important;object-fit:cover;cursor:zoom-in;background:var(--bt-canvas)}
.mk-gallery img:first-child{grid-row:1/3;border-radius:20px!important}
.mk-gallery img:nth-child(n+6){display:none}
.mk-gallery-empty{height:440px!important;border-radius:22px!important;background:linear-gradient(145deg,#eaf2fb,#dbe7f5)!important}
.mk-detail-body{background:var(--bt-surface);border:1px solid var(--bt-line);border-radius:22px;padding:25px!important;box-shadow:var(--bt-shadow-sm)}
.mk-detail-title{font-size:clamp(25px,3vw,36px)!important;letter-spacing:-.035em;color:var(--bt-ink)}
.mk-detail-price{font-size:clamp(28px,3vw,40px)!important;color:var(--bt-blue-700)!important}
.mk-tag{border-radius:999px!important;padding:7px 11px!important;background:var(--bt-blue-50)!important;color:var(--bt-blue-800)!important;border:1px solid var(--bt-blue-100)}
.mk-seller{border-color:var(--bt-line)!important;border-radius:18px!important;padding:15px!important;background:linear-gradient(135deg,var(--bt-surface),var(--bt-blue-50))!important}
.mk-seller-av{background:linear-gradient(135deg,var(--bt-blue-700),var(--bt-blue-500))!important}
.mk-specs{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.mk-spec{border-color:var(--bt-line)!important;border-radius:14px!important;background:var(--bt-canvas)!important;padding:13px!important}
.mk-spec-k{font-size:11px!important;color:var(--bt-muted)!important;text-transform:uppercase;letter-spacing:.04em}
.mk-spec-v{font-size:14px!important;color:var(--bt-ink)}
.mk-desc{font-size:15px!important;line-height:1.75!important;color:var(--bt-muted)!important}

/* LinkedIn-inspired jobs */
.job-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.job-card{border-color:var(--bt-line)!important;border-radius:18px!important;padding:19px!important;background:var(--bt-surface)!important;box-shadow:0 1px 1px rgba(7,27,51,.03);position:relative;overflow:hidden}
.job-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--bt-blue-500),var(--bt-blue-700));opacity:.8}
.job-card:hover{transform:translateY(-3px)!important;border-color:#bfd4ee!important;box-shadow:var(--bt-shadow-sm)!important}
.job-pos{background:var(--bt-blue-50)!important;color:var(--bt-blue-800)!important;border:1px solid var(--bt-blue-100);border-radius:999px!important;padding:6px 10px!important}
.job-title{font-size:19px!important;letter-spacing:-.02em;color:var(--bt-ink)}
.job-company{font-size:14px!important;color:var(--bt-blue-700)!important;font-weight:650}
.job-meta{padding-top:13px;border-top:1px solid var(--bt-line)}
.job-salary{color:var(--bt-success)!important}
.job-tag{border-radius:999px!important;background:var(--bt-canvas)!important;border:1px solid var(--bt-line);padding:5px 9px!important}

/* Studio form shell */
.bt-studio{max-width:1180px;margin:0 auto;padding:28px 20px 70px}
.bt-studio__back{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;color:var(--bt-blue-700);font-weight:700;text-decoration:none}
.bt-studio__hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;padding:26px 28px;border:1px solid var(--bt-line);border-radius:24px;background:linear-gradient(135deg,var(--bt-surface),var(--bt-blue-50));box-shadow:var(--bt-shadow-sm);position:relative;overflow:hidden}
.bt-studio__hero:after{content:"";width:220px;height:220px;position:absolute;right:-100px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(11,111,245,.18),rgba(11,111,245,0) 70%)}
.bt-studio__eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--bt-blue-700);font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.bt-studio__title{margin:7px 0 7px;font-size:clamp(29px,4vw,42px);letter-spacing:-.04em;color:var(--bt-ink);font-weight:850}
.bt-studio__lead{margin:0;color:var(--bt-muted);font-size:15px;line-height:1.65;max-width:720px}
.bt-studio__trust{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:14px;background:rgba(255,255,255,.72);border:1px solid rgba(191,211,234,.85);color:var(--bt-blue-900);font-size:12px;font-weight:750;position:relative;z-index:1}
[data-theme="dark"] .bt-studio__trust{background:rgba(14,28,45,.72)}
.bt-stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}
.bt-step{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--bt-line);background:var(--bt-surface);border-radius:14px;color:var(--bt-muted);font-size:12px;font-weight:700}
.bt-step__num{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:var(--bt-canvas);color:var(--bt-blue-700);font-size:12px}
.bt-step.is-current{border-color:#a9c9f4;background:var(--bt-blue-50);color:var(--bt-blue-900)}
.bt-form{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}
.bt-form__main{display:grid;gap:16px}
.bt-panel{border:1px solid var(--bt-line);border-radius:20px;background:var(--bt-surface);box-shadow:var(--bt-shadow-sm);padding:22px}
.bt-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}
.bt-panel__head h2{font-size:19px;letter-spacing:-.025em;margin:0;color:var(--bt-ink)}
.bt-panel__head p{font-size:13px;color:var(--bt-muted);margin:4px 0 0;line-height:1.5}
.bt-panel__badge{white-space:nowrap;border-radius:999px;padding:5px 9px;background:var(--bt-blue-50);color:var(--bt-blue-800);font-size:11px;font-weight:800;border:1px solid var(--bt-blue-100)}
.bt-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bt-field{display:grid;gap:7px;min-width:0}
.bt-field--full{grid-column:1/-1}
.bt-field label,.bt-field__label{font-size:12.5px;font-weight:780;color:var(--bt-ink)}
.bt-field .req{color:var(--bt-danger)}
.bt-field input,.bt-field select,.bt-field textarea{width:100%;min-width:0;border:1px solid var(--bt-line);border-radius:12px;background:var(--bt-canvas);color:var(--bt-ink);padding:12px 13px;font-size:14px;outline:none;transition:border-color .18s,box-shadow .18s,background .18s;box-sizing:border-box}
.bt-field input,.bt-field select{height:47px}
.bt-field textarea{min-height:128px;resize:vertical;line-height:1.55}
.bt-field input:focus,.bt-field select:focus,.bt-field textarea:focus{border-color:var(--bt-blue-500);background:var(--bt-surface);box-shadow:0 0 0 4px rgba(11,111,245,.11)}
.bt-field__hint{font-size:11.5px;color:var(--bt-muted);line-height:1.45}
.bt-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.bt-check{position:relative;display:flex;align-items:flex-start;gap:10px;border:1px solid var(--bt-line);border-radius:13px;padding:12px;background:var(--bt-canvas);cursor:pointer;transition:.18s}
.bt-check:hover{border-color:#b9d1ef;background:var(--bt-blue-50)}
.bt-check input{width:18px;height:18px;margin:0;accent-color:var(--bt-blue-700);flex:0 0 auto}
.bt-check strong{display:block;color:var(--bt-ink);font-size:12.5px}
.bt-check span{display:block;color:var(--bt-muted);font-size:11px;margin-top:2px}
.bt-form__aside{position:sticky;top:92px;display:grid;gap:14px}
.bt-summary{border:1px solid var(--bt-line);border-radius:20px;background:var(--bt-surface);box-shadow:var(--bt-shadow-sm);padding:18px}
.bt-summary h3{margin:0 0 12px;font-size:16px;color:var(--bt-ink)}
.bt-summary__row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--bt-line);font-size:12px;color:var(--bt-muted)}
.bt-summary__row:last-child{border-bottom:0}
.bt-summary__row strong{color:var(--bt-ink);text-align:right}
.bt-publish{width:100%;height:54px;border:0;border-radius:15px;color:#fff;background:linear-gradient(135deg,var(--bt-blue-800),var(--bt-blue-500));font-size:15px;font-weight:850;cursor:pointer;box-shadow:0 14px 30px rgba(11,91,211,.25);transition:transform .18s var(--bt-ease),box-shadow .18s}
.bt-publish:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(11,91,211,.3)}
.bt-publish:disabled{opacity:.55;cursor:not-allowed;transform:none}
.bt-safe-note{display:flex;gap:10px;border:1px solid var(--bt-line);border-radius:16px;padding:13px;background:var(--bt-blue-50);font-size:11.5px;line-height:1.55;color:var(--bt-blue-900)}

/* Native media studio */
.bt-media-studio{border:1px solid var(--bt-line);border-radius:18px;padding:14px;background:var(--bt-canvas)}
.bt-media-studio__input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.bt-dropzone{min-height:174px;border:1.5px dashed #a9c3e4;border-radius:15px;background:linear-gradient(145deg,var(--bt-surface),var(--bt-blue-50));display:grid;place-items:center;text-align:center;padding:24px;cursor:pointer;transition:.22s var(--bt-ease);position:relative;overflow:hidden}
.bt-dropzone:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-90px;bottom:-110px;background:radial-gradient(circle,rgba(11,111,245,.15),rgba(11,111,245,0) 70%)}
.bt-dropzone:hover,.bt-dropzone.is-dragging{border-color:var(--bt-blue-500);transform:translateY(-1px);box-shadow:0 12px 30px rgba(7,27,51,.08)}
.bt-dropzone__icon{width:54px;height:54px;margin:0 auto 12px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--bt-blue-700),var(--bt-blue-500));color:#fff;box-shadow:0 12px 24px rgba(11,91,211,.24)}
.bt-dropzone__icon svg{width:26px;height:26px}
.bt-dropzone strong{display:block;font-size:15px;color:var(--bt-ink)}
.bt-dropzone span{display:block;font-size:12px;color:var(--bt-muted);margin-top:5px;line-height:1.45}
.bt-media-toolbar{display:none;align-items:center;justify-content:space-between;gap:12px;margin:12px 2px 8px}
.bt-media-studio.has-files .bt-media-toolbar{display:flex}
.bt-media-count{font-size:12px;font-weight:780;color:var(--bt-ink)}
.bt-media-help{font-size:11px;color:var(--bt-muted)}
.bt-media-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.bt-media-tile{position:relative;aspect-ratio:4/3;border-radius:13px;overflow:hidden;background:#dce7f3;border:1px solid var(--bt-line);cursor:grab;animation:btTileIn .22s var(--bt-ease)}
.bt-media-tile:active{cursor:grabbing}
.bt-media-tile img,.bt-media-tile video{width:100%;height:100%;object-fit:cover;display:block}
.bt-media-tile.is-cover{outline:3px solid var(--bt-blue-500);outline-offset:1px}
.bt-media-tile.is-dragging{opacity:.38;transform:scale(.96)}
.bt-media-tile__top{position:absolute;inset:7px 7px auto;display:flex;justify-content:space-between;align-items:center;pointer-events:none}
.bt-media-order,.bt-media-cover{display:inline-flex;align-items:center;height:24px;border-radius:8px;padding:0 7px;background:rgba(7,27,51,.78);color:#fff;font-size:10px;font-weight:850;backdrop-filter:blur(8px)}
.bt-media-cover{background:rgba(11,91,211,.92)}
.bt-media-actions{position:absolute;inset:auto 7px 7px;display:flex;justify-content:flex-end;gap:5px}
.bt-media-action{width:30px;height:30px;border-radius:9px;border:0;background:rgba(7,27,51,.82);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px)}
.bt-media-action:hover{background:var(--bt-blue-700)}
.bt-media-action.is-danger:hover{background:var(--bt-danger)}
.bt-media-add{aspect-ratio:4/3;border:1.5px dashed #a9c3e4;border-radius:13px;background:var(--bt-surface);display:grid;place-items:center;color:var(--bt-blue-700);cursor:pointer;font-size:12px;font-weight:800;text-align:center;padding:8px}
.bt-media-add:hover{background:var(--bt-blue-50);border-color:var(--bt-blue-500)}
.bt-media-errors{display:none;margin-top:10px;border:1px solid #fecaca;background:#fff1f2;color:#991b1b;border-radius:12px;padding:10px 12px;font-size:12px;line-height:1.55}
.bt-media-errors.is-visible{display:block}
.bt-upload-state{display:none;align-items:center;gap:12px;margin-top:12px;border:1px solid var(--bt-line);border-radius:13px;padding:11px;background:var(--bt-surface)}
.bt-upload-state.is-visible{display:flex}
.bt-upload-spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--bt-blue-100);border-top-color:var(--bt-blue-700);animation:btSpin .8s linear infinite}
.bt-upload-state strong{font-size:12px;color:var(--bt-ink)}
.bt-upload-state span{font-size:11px;color:var(--bt-muted);display:block;margin-top:2px}

/* Story studio */
.bt-story-layout{display:grid;grid-template-columns:minmax(300px,430px) minmax(0,1fr);gap:20px;align-items:start}
.bt-story-phone{position:sticky;top:88px;aspect-ratio:9/16;max-height:72vh;border-radius:34px;padding:10px;background:#06111f;box-shadow:0 28px 70px rgba(0,0,0,.26);overflow:hidden}
.bt-story-canvas{width:100%;height:100%;border-radius:27px;overflow:hidden;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#1d5fa9,#071b33 68%)}
.bt-story-canvas img,.bt-story-canvas video{width:100%;height:100%;object-fit:cover;display:none}
.bt-story-placeholder{padding:28px;text-align:center;color:#d8e8ff}
.bt-story-placeholder svg{width:55px;height:55px;margin-bottom:12px;opacity:.9}
.bt-story-overlay{position:absolute;left:20px;right:20px;bottom:52px;color:#fff;font-size:22px;font-weight:800;line-height:1.2;text-align:center;text-shadow:0 2px 14px rgba(0,0,0,.65);word-break:break-word}
.bt-story-location{position:absolute;left:50%;top:42px;transform:translateX(-50%);max-width:80%;padding:7px 10px;border-radius:999px;background:rgba(0,0,0,.52);backdrop-filter:blur(8px);font-size:11px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none}
.bt-story-location.is-visible{display:block}
.bt-story-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.bt-story-tool{border:1px solid var(--bt-line);background:var(--bt-canvas);border-radius:12px;padding:10px;color:var(--bt-ink);font-size:11px;font-weight:750;cursor:pointer}
.bt-story-tool:hover,.bt-story-tool.is-active{border-color:var(--bt-blue-500);background:var(--bt-blue-50);color:var(--bt-blue-800)}

/* Clip studio */
.bt-clip-layout{display:grid;grid-template-columns:minmax(300px,440px) minmax(0,1fr);gap:20px;align-items:start}
.bt-video-stage{aspect-ratio:9/16;max-height:72vh;border-radius:25px;background:#03070d;display:grid;place-items:center;overflow:hidden;position:sticky;top:88px;box-shadow:0 26px 65px rgba(0,0,0,.25)}
.bt-video-stage video{width:100%;height:100%;object-fit:contain;display:none;background:#000}
.bt-video-stage__placeholder{text-align:center;color:#dceaff;padding:28px}
.bt-video-stage__placeholder svg{width:60px;height:60px;margin-bottom:12px}
.bt-video-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px}
.bt-video-meta div{padding:10px;border:1px solid var(--bt-line);border-radius:12px;background:var(--bt-canvas)}
.bt-video-meta span{display:block;font-size:10px;color:var(--bt-muted);text-transform:uppercase;letter-spacing:.04em}
.bt-video-meta strong{display:block;font-size:12px;color:var(--bt-ink);margin-top:3px}
.bt-cover-preview{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center;border:1px solid var(--bt-line);border-radius:14px;padding:10px;background:var(--bt-canvas)}
.bt-cover-preview canvas{width:92px;aspect-ratio:9/16;object-fit:cover;background:#06111f;border-radius:10px}
.bt-cover-preview button{border:0;background:var(--bt-blue-700);color:#fff;border-radius:10px;padding:9px 12px;font-weight:750;cursor:pointer}

/* Job wizard refinements */
.bt-job-company{display:grid;grid-template-columns:56px 1fr;gap:13px;align-items:center;padding:13px;border:1px solid var(--bt-line);border-radius:15px;background:var(--bt-canvas)}
.bt-job-company__logo{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--bt-blue-800),var(--bt-blue-500));display:grid;place-items:center;color:#fff;font-weight:900;font-size:19px}
.bt-job-company strong{color:var(--bt-ink);font-size:14px}.bt-job-company span{display:block;color:var(--bt-muted);font-size:11px;margin-top:3px}

@keyframes btSpin{to{transform:rotate(360deg)}}
@keyframes btTileIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}

@media(max-width:1020px){
  .mk-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .bt-form{grid-template-columns:1fr}.bt-form__aside{position:static;grid-template-columns:1fr 1fr}.bt-summary{grid-column:1/-1}
  .bt-media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:760px){
  .mk-wrap{padding:16px 12px 86px!important}.mk-head{padding:21px!important;border-radius:19px}.mk-search{grid-template-columns:1fr}.mk-search .btn{width:100%}
  .mk-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.job-grid{grid-template-columns:1fr!important}
  .mk-card{border-radius:14px!important}.mk-card-body{padding:11px!important}.mk-card-title{font-size:13px!important;min-height:37px!important}.mk-price{font-size:17px!important}
  .mk-gallery{grid-template-columns:1fr 1fr!important;grid-template-rows:250px 120px!important}.mk-gallery img:first-child{grid-column:1/3;grid-row:auto}.mk-gallery img:nth-child(n+4){display:none}
  .mk-detail-body{padding:18px!important}.mk-specs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .bt-studio{padding:16px 12px 96px}.bt-studio__hero{grid-template-columns:1fr;padding:21px}.bt-studio__trust{width:max-content;max-width:100%}.bt-stepper{grid-template-columns:repeat(2,1fr)}
  .bt-fields{grid-template-columns:1fr}.bt-field--full{grid-column:auto}.bt-check-grid{grid-template-columns:1fr}.bt-form__aside{grid-template-columns:1fr}
  .bt-panel{padding:17px;border-radius:17px}.bt-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bt-story-layout,.bt-clip-layout{grid-template-columns:1fr}.bt-story-phone,.bt-video-stage{position:relative;top:auto;margin:0 auto;width:min(100%,390px);max-height:none}
  .bt-story-tools{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:420px){
  .mk-grid{grid-template-columns:1fr!important}.mk-card{display:grid!important;grid-template-columns:132px 1fr}.mk-card-img{height:100%;aspect-ratio:auto!important}.mk-card-title{min-height:auto!important}
  .bt-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bt-step{padding:9px}.bt-step span:last-child{font-size:11px}
}

@media(prefers-reduced-motion:reduce){
  .mk-card,.mk-card-img img,.bt-dropzone,.bt-publish,.bt-media-tile{transition:none!important;animation:none!important}
}
