/* BuddyAvenue v1.4.1: one live navigation bar and real semantic HTML forms.
   Printed top navigation is removed from all five desktop image assets.
   Body/footer are preserved. Overlay coordinates match each cropped asset.
   Small/short screens retain the readable reflow. No cover/stretch distortion. */
.art-fullpage { --art-nav-height:76px; }
.art-fullpage.area-seller-apply { --art-nav-height:62px; height:auto; min-height:100vh; overflow:auto; }
.art-fullpage.area-seller-apply .page { height:auto; min-height:0; overflow:visible; }
.art-fullpage .page { min-height:0; }
.art-fullpage footer { display:grid; }
.art-stage { position:relative; width:calc(100% - 40px); max-width:1160px; margin:0 auto; padding:40px 0; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:36px; align-items:center; }
.art-image { display:none; }
.art-copy h1 { font-size:clamp(32px,4.5vw,60px); line-height:1.03; letter-spacing:-.035em; margin:12px 0 18px; }
.art-copy p { color:#617489; }
.art-login-form,.art-application-form { background:#fff; border:1px solid #dbe6ee; border-radius:20px; padding:26px; box-shadow:0 18px 45px #07142614; display:flex; flex-direction:column; gap:18px; min-width:0; }
.art-form-heading { margin:0; }
.art-form-heading h2 { margin:4px 0 8px; }
.art-form-heading p { margin:0; color:#617489; font-size:13px; }
.art-field { display:block; min-width:0; position:relative; font-size:14px; font-weight:700; }
.art-label { display:block; margin-bottom:7px; }
.art-field input:not([type=checkbox]),.art-field select,.art-field textarea { box-sizing:border-box; display:block; width:100%; min-width:0; min-height:44px; margin:0; padding:10px 12px; border:1px solid #cbd9e4; border-radius:8px; background:#fff; color:#10233a; font-size:16px; font-weight:400; line-height:1.3; outline:none; }
.art-field input::placeholder,.art-field textarea::placeholder { color:#7b8998; opacity:1; }
.art-field input:focus,.art-field select:focus,.art-field textarea:focus { border-color:#039fc8; outline:3px solid #00cdec44; outline-offset:1px; }
.art-field-help { display:block; font-size:11px; font-weight:400; color:#617489; margin-top:4px; }
.art-password { position:relative; }
.art-login-form .art-password input { padding-right:48px; }
.art-password-toggle { position:absolute; right:3px; bottom:2px; height:40px; width:40px; padding:9px; display:flex; align-items:center; justify-content:center; background:transparent; color:#60768a; border:0; border-radius:6px; cursor:pointer; }
.art-password-toggle svg { width:100%; height:100%; }
.art-password-toggle[aria-pressed=true] { color:#007b9c; background:#eafbfe; }
.art-submit { display:flex; align-items:center; justify-content:center; width:100%; min-height:46px; border:1px solid #00c6e5; border-radius:9px; background:linear-gradient(110deg,#00c8eb,#28dceb); color:#071426; font-size:16px; font-weight:800; cursor:pointer; padding:10px 14px; transition:box-shadow .18s,filter .18s; }
.art-submit:hover { filter:brightness(1.06); box-shadow:0 4px 22px #00cceb55; }
.art-submit:active { filter:brightness(.94); }
.art-submit:disabled { cursor:wait; opacity:.78; }
.art-forgot { font-size:13px; color:#0070b1; align-self:flex-end; margin-top:-12px; }
.art-extra { color:#617489; font-size:14px; font-weight:400; margin:0; }
.art-extra a { color:#0070b1; font-weight:650; }
.art-fullpage a:focus-visible,.art-fullpage button:focus-visible,.art-plan:focus-within { outline:3px solid #00c9e7; outline-offset:3px; }
.art-apply-intro { min-width:0; padding:24px; border-radius:20px; background:linear-gradient(140deg,#0b253a,#071426); color:#fff; }
.art-apply-intro .art-copy p { color:#b9cad9; }
.art-plans { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:24px 0 0; padding:0; border:0; }
.art-plans legend { font-size:13px; }
.art-plan { position:relative; display:flex; flex-direction:column; gap:5px; background:#091c2c; border:1px solid #28607a; padding:13px; border-radius:12px; cursor:pointer; color:#fff; min-width:0; }
.art-plan input { position:absolute; top:12px; right:10px; width:14px; height:14px; margin:0; accent-color:#00cced; }
.art-plan-name { color:#2fdcf1; font-size:11px; letter-spacing:.04em; font-weight:900; text-transform:uppercase; padding-right:14px; }
.art-plan-price { font-size:24px; line-height:1.2; font-weight:850; }
.art-plan-price small { font-size:10px; font-weight:400; }
.art-plan-meta { font-size:10px; color:#b7c8d9; }
.art-plan strong { font-size:11px; }
.art-plan:hover { border-color:#49e4ff; }
.art-plan.selected,.art-plan:has(input:checked) { border-color:#25e5ff; box-shadow:0 0 0 2px #00cced55; background:#0a2c3d; }
.art-stage-seller-application { max-width:1500px; grid-template-columns:minmax(260px,.9fr) minmax(0,1.5fr); gap:20px; }
.art-application-form { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; padding:24px; }
.art-application-form .art-form-heading,.art-consent,.art-application-form .art-submit { grid-column:1/-1; }
.art-description { grid-column:span 2; }
.art-description textarea { resize:vertical; padding-bottom:24px; min-height:84px; }
.art-description-counter { position:absolute; right:9px; bottom:5px; font-size:11px; font-weight:400; color:#617489; pointer-events:none; }
.art-document input[type=file] { padding:8px; font-size:12px; }
.art-consent { display:flex; align-items:flex-start; gap:9px; font-size:12px; font-weight:400; line-height:1.45; cursor:pointer; }
.art-consent input { flex:0 0 auto; width:17px; height:17px; margin:1px 0; accent-color:#00bfdc; }
.art-stage-how-it-works { display:block; }
.art-steps { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; padding-left:20px; }
.art-steps li { border:1px solid #dbe6ee; padding:16px; border-radius:12px; }
.art-steps h2 { font-size:17px; }
.art-steps p { font-size:14px; }
.art-sr-only { position:absolute!important; width:1px!important; height:1px!important; margin:-1px!important; padding:0!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.art-fullpage .flash { position:fixed; z-index:80; top:calc(var(--art-nav-height) + 8px); left:50%; transform:translateX(-50%); width:min(92vw,680px); margin:0; box-shadow:0 8px 32px #07142633; font-size:14px; }
.art-fullpage .flash.fade { opacity:1; }
.art-recovery { max-width:550px; margin:45px auto; padding:26px; }
.art-recovery label { display:block; margin:16px 0; font-weight:700; }
.art-recovery input { display:block; width:100%; margin-top:6px; padding:12px; border:1px solid #cbd9e4; border-radius:8px; }
@media(max-width:1024px) {
  .art-stage { grid-template-columns:1fr; max-width:720px; gap:22px; padding:26px 0; }
  .art-copy h1 { font-size:clamp(32px,6.5vw,48px); }
  .art-application-form { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .art-description,.art-document { grid-column:1/-1; }
  .art-fullpage.area-seller-apply { --art-nav-height:66px; }
  .art-steps { grid-template-columns:1fr 1fr; }
}
@media(max-width:560px) {
  .art-stage { width:calc(100% - 28px); }
  .art-application-form { grid-template-columns:1fr; padding:20px; }
  .art-login-form { padding:22px; }
  .art-plan-price { font-size:21px; }
  .art-steps { grid-template-columns:1fr; }
  .art-recovery { margin:20px 14px; }
}
/* A short window or browser zoom reflows the form instead of clipping fields. */
@media(min-width:1025px) and (min-height:640px) {
  body.art-fullpage:not(.art-fallback) { background:#081a2d; }
  body.art-fullpage:not(.art-fallback) .page { min-height:0; height:auto; margin:0; padding:0; overflow:visible; }
  body.art-fullpage:not(.art-fallback) .art-stage { container-type:inline-size; display:block; position:relative; width:min(100%,calc((100vh - var(--art-nav-height)) * var(--art-ratio))); width:min(100%,calc((100dvh - var(--art-nav-height)) * var(--art-ratio))); max-width:none!important; aspect-ratio:var(--art-ratio); padding:0!important; margin:0 auto!important; overflow:visible; }
  body.art-fullpage:not(.art-fallback) .art-image { display:block; position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:contain; pointer-events:none; user-select:none; }
  body.art-fullpage:not(.art-fallback) footer { display:none; }
  body.art-fullpage:not(.art-fallback) .art-copy,body.art-fullpage:not(.art-fallback) .art-form-heading,body.art-fullpage:not(.art-fallback) .art-label,body.art-fullpage:not(.art-fallback) .art-field-help,body.art-fullpage:not(.art-fallback) .art-consent span { position:absolute!important; width:1px!important; height:1px!important; margin:-1px!important; padding:0!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
  body.art-fullpage:not(.art-fallback) .art-login-form,body.art-fullpage:not(.art-fallback) .art-application-form { position:absolute; inset:0; display:block; margin:0; padding:0; background:none; border:0; border-radius:0; box-shadow:none; pointer-events:none; }
  body.art-fullpage:not(.art-fallback) .art-apply-intro,body.art-fullpage:not(.art-fallback) .art-plans { display:contents; padding:0; margin:0; border:0; background:none; }
  body.art-fullpage:not(.art-fallback) .art-field,body.art-fullpage:not(.art-fallback) .art-submit,body.art-fullpage:not(.art-fallback) .art-forgot,body.art-fullpage:not(.art-fallback) .art-extra,body.art-fullpage:not(.art-fallback) .art-consent,body.art-fullpage:not(.art-fallback) .art-plan { position:absolute; pointer-events:auto; margin:0; }
  body.art-fullpage:not(.art-fallback) .art-field input:not([type=checkbox]),body.art-fullpage:not(.art-fallback) .art-field select,body.art-fullpage:not(.art-fallback) .art-field textarea { position:absolute; inset:0; display:block; width:100%; height:100%; min-height:0; margin:0; padding:.45cqw .8cqw; border:1px solid #ccdbe7; border-radius:.6cqw; font-size:clamp(11px,.88cqw,20px); line-height:1.25; background:#fdfefe; font-weight:400; }
  body.art-fullpage:not(.art-fallback) .art-password input { padding-right:2.7cqw; }
  body.art-fullpage:not(.art-fallback) .art-password-toggle { right:1px; top:1px; bottom:1px; width:2.4cqw; height:auto; min-width:24px; padding:.48cqw; border-radius:.5cqw; pointer-events:auto; }
  body.art-fullpage:not(.art-fallback) .art-submit { min-height:0; padding:0 .5cqw; border-radius:.55cqw; font-size:clamp(12px,1.04cqw,24px); line-height:1.1; background:linear-gradient(110deg,#00c8e9,#05d3ed); }
  body.art-fullpage:not(.art-fallback) .art-forgot { background:#fff; font-size:.85cqw; line-height:1.4; text-align:right; white-space:nowrap; padding:.15cqw 0; border-radius:2px; }
  body.art-fullpage:not(.art-fallback) .art-extra { background:#fff; font-size:.88cqw; line-height:1.5; padding:.08cqw 0; white-space:nowrap; }
  body.art-fullpage:not(.art-fallback) .art-plan { padding:.6cqw; border:1px solid #285871; border-radius:.65cqw; display:flex; gap:.25cqw; justify-content:space-between; background:#081b2b; }
  body.art-fullpage:not(.art-fallback) .art-plan input { appearance:none; top:.6cqw; right:.6cqw; width:.85cqw; height:.85cqw; border-radius:50%; border:1px solid #50a5bc; background:#081b2b; }
  body.art-fullpage:not(.art-fallback) .art-plan input:checked { background:#20daf7; border-color:#fff; box-shadow:inset 0 0 0 2px #063144; }
  body.art-fullpage:not(.art-fallback) .art-plan-name { font-size:.70cqw; line-height:1.15; padding-right:1cqw; }
  body.art-fullpage:not(.art-fallback) .art-plan-price { font-size:1.42cqw; line-height:1.02; letter-spacing:-.025em; }
  body.art-fullpage:not(.art-fallback) .art-plan-price small { font-size:.57cqw; letter-spacing:0; }
  body.art-fullpage:not(.art-fallback) .art-plan-meta { font-size:.59cqw; line-height:1.2; white-space:nowrap; }
  body.art-fullpage:not(.art-fallback) .art-plan strong { font-size:.67cqw; line-height:1.2; }
  body.art-fullpage:not(.art-fallback) .art-plan.selected,body.art-fullpage:not(.art-fallback) .art-plan:has(input:checked) { border-color:#40e5ff; background:#081b2b; box-shadow:0 0 0 1px #40e5ff; }
  body.art-fullpage:not(.art-fallback) .art-application-form .art-field input,body.art-fullpage:not(.art-fallback) .art-application-form .art-field select,body.art-fullpage:not(.art-fallback) .art-application-form .art-field textarea { padding:.38cqw .7cqw; border-radius:.35cqw; font-size:clamp(10px,.74cqw,18px); }
  body.art-fullpage:not(.art-fallback) .art-application-form .art-field textarea { resize:none; padding-bottom:1.25cqw; }
  body.art-fullpage:not(.art-fallback) .art-description-counter { right:.35cqw; bottom:.2cqw; padding-left:4px; background:#fdfefe; font-size:.63cqw; }
  body.art-fullpage:not(.art-fallback) .art-document input[type=file] { font-size:clamp(9px,.65cqw,16px); padding:.28cqw; }
  body.art-fullpage:not(.art-fallback) .art-document input::file-selector-button { border:1px solid #c6ced3; border-radius:2px; padding:.12cqw .35cqw; background:#edf0f2; color:#263543; font:inherit; margin-right:.5cqw; }
  body.art-fullpage:not(.art-fallback) .art-consent { display:block; cursor:pointer; }
  body.art-fullpage:not(.art-fallback) .art-consent input { position:absolute; left:1.4%; top:17%; width:.92cqw; height:.92cqw; min-width:11px; min-height:11px; margin:0; }
  body.art-fullpage:not(.art-fallback) .art-application-form .art-submit { font-size:.9cqw; border-radius:.45cqw; }
  body.art-fullpage:not(.art-fallback) .art-stage-seller-login .art-email { left:48.307292%; top:27.00421941%; width:18.880208%; height:4.53586525%; }
  body.art-fullpage:not(.art-fallback) .art-stage-seller-login .art-password { left:48.307292%; top:35.75949394%; width:18.880208%; height:4.43037921%; }
  body.art-fullpage:not(.art-fallback) .art-stage-seller-login .art-forgot { left:58.723958%; top:41.03375500%; width:8.463542%; height:2.53164557%; }
  body.art-fullpage:not(.art-fallback) .art-stage-seller-login .art-submit { left:48.307292%; top:44.93670940%; width:18.880208%; height:5.06329114%; }
  body.art-fullpage:not(.art-fallback) .art-stage-seller-login .art-extra { left:48.307292%; top:54.43037975%; width:18.880208%; height:2.74261549%; }
  /* Keep the original envelope/lock artwork visible inside the admin inputs. */
  body.art-fullpage:not(.art-fallback) .art-stage-admin-login .art-field input { background:transparent; border-color:transparent; padding-left:2.8cqw; }
  body.art-fullpage:not(.art-fallback) .art-stage-admin-login .art-field input:focus { border-color:#039fc8; }
  body.art-fullpage:not(.art-fallback) .art-stage-admin-login .art-password-toggle { background:#fdfefe; }
  body.art-fullpage:not(.art-fallback) .art-stage-admin-login .art-email { left:64.939551%; top:28.09523774%; width:22.107081%; height:5.83333385%; }
  body.art-fullpage:not(.art-fallback) .art-stage-admin-login .art-password { left:64.939551%; top:38.69047631%; width:22.107081%; height:5.95238117%; }
  body.art-fullpage:not(.art-fallback) .art-stage-admin-login .art-submit { left:64.939551%; top:46.66666626%; width:22.107081%; height:5.95238117%; }
  body.art-fullpage:not(.art-fallback) .art-stage-buyer-login .art-email { left:65.125000%; top:30.73929989%; width:22.375000%; height:5.70687436%; }
  body.art-fullpage:not(.art-fallback) .art-stage-buyer-login .art-password { left:65.125000%; top:41.37483753%; width:22.375000%; height:5.57717269%; }
  body.art-fullpage:not(.art-fallback) .art-stage-buyer-login .art-submit { left:65.125000%; top:48.76783354%; width:22.375000%; height:6.09597935%; }
  body.art-fullpage:not(.art-fallback) .art-stage-buyer-login .art-extra { left:65.125000%; top:56.93904061%; width:22.250000%; height:3.24254163%; }
  body.art-fullpage:not(.art-fallback) .art-stage-seller-application .art-name { left:45.500000%; top:28.51562451%; width:14.250000%; height:4.42708371%; }
  body.art-fullpage:not(.art-fallback) .art-stage-seller-application .art-email { left:60.750000%; top:28.51562451%; width:14.250000%; height:4.42708371%; }
  body.art-fullpage:not(.art-fallback) .art-stage-seller-application .art-phone { left:76.000000%; top:28.51562451%; width:14.000000%; height:4.42708371%; }
  body.art-fullpage:not(.art-fallback) .art-stage-seller-application .art-password { left:45.500000%; top:38.15104180%; width:14.250000%; height:4.42708371%; }
  body.art-fullpage:not(.art-fallback) .art-stage-seller-application .art-seller-type { left:60.750000%; top:38.15104180%; width:14.250000%; height:4.42708371%; }
  body.art-fullpage:not(.art-fallback) .art-stage-seller-application .art-legal-name { left:76.000000%; top:38.15104180%; width:14.000000%; height:4.42708371%; }
  body.art-fullpage:not(.art-fallback) .art-stage-seller-application .art-shop-name { left:45.500000%; top:47.39583307%; width:14.250000%; height:4.42708371%; }
  body.art-fullpage:not(.art-fallback) .art-stage-seller-application .art-province { left:60.750000%; top:47.39583307%; width:14.250000%; height:4.42708371%; }
  body.art-fullpage:not(.art-fallback) .art-stage-seller-application .art-city { left:76.000000%; top:47.39583307%; width:14.000000%; height:4.42708371%; }
  body.art-fullpage:not(.art-fallback) .art-stage-seller-application .art-description { left:45.500000%; top:57.03125037%; width:29.500000%; height:7.68229152%; }
  body.art-fullpage:not(.art-fallback) .art-stage-seller-application .art-document { left:76.000000%; top:57.03125037%; width:14.000000%; height:4.55729202%; }
  body.art-fullpage:not(.art-fallback) .art-stage-seller-application .art-consent { left:45.500000%; top:67.31770814%; width:44.562500%; height:5.20833358%; }
  body.art-fullpage:not(.art-fallback) .art-stage-seller-application .art-submit { left:45.500000%; top:73.82812485%; width:44.500000%; height:5.72916683%; }
  body.art-fullpage:not(.art-fallback) .art-stage-seller-application .art-plan-0 { left:10.062500%; top:25.13020838%; width:10.750000%; height:13.28125004%; }
  body.art-fullpage:not(.art-fallback) .art-stage-seller-application .art-plan-1 { left:21.500000%; top:25.13020838%; width:10.750000%; height:13.28125004%; }
  body.art-fullpage:not(.art-fallback) .art-stage-seller-application .art-plan-2 { left:10.062500%; top:39.84374986%; width:10.750000%; height:13.15104173%; }
  body.art-fullpage:not(.art-fallback) .art-stage-seller-application .art-plan-3 { left:21.500000%; top:39.84374986%; width:10.750000%; height:13.15104173%; }
}
@media(prefers-reduced-motion:reduce){.art-fullpage *, .art-fullpage *::before,.art-fullpage *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}