#vendorApp{max-width:1190px;padding:0 30px 70px;margin:auto}.directoryhero{padding:55px 0 30px;display:grid;grid-template-columns:1.5fr 1fr;gap:45px;align-items:center}.directoryhero h1{font:52px/1.12 Georgia,serif;letter-spacing:-1.5px;margin:15px 0}.directoryhero p{color:var(--muted);max-width:590px}.directoryaside{border-left:1px solid var(--line);padding:12px 0 12px 28px;font:22px/1.5 Georgia,serif;color:#6c7f60}.directoryaside span{display:block;font:11px/1.6 Arial;letter-spacing:1px;margin-top:12px}.filters{padding:22px;border:1px solid var(--line);border-radius:12px;background:#fffdf8;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:15px}.filters label{font-size:11px;letter-spacing:.4px;margin:0 0 6px}.filters input,.filters select{font-size:14px;padding:11px}.directorycount{display:flex;align-items:center;justify-content:space-between;padding:20px 0;font-size:13px;color:var(--muted);gap:20px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.vendorcard{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fffdf8;display:flex;flex-direction:column}.vendorart{background:#183e35;min-height:165px;padding:24px;color:#f4e9cc;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.vendorart .monogram{font:60px/1 Georgia,serif;letter-spacing:-5px}.vendorart .artcategory{font-size:10px;letter-spacing:2px;margin-top:18px}.vendorart .badge{position:absolute;top:12px;left:12px;background:#f6e9c9;color:var(--ink);font-size:9px;padding:3px 7px;border-radius:4px}.vendorbody{padding:23px;display:flex;flex-direction:column;flex:1}.vendorbody h2{font:25px/1.2 Georgia,serif;margin:6px 0 10px}.vendorbody p{font-size:14px;color:var(--muted);margin:8px 0}.vendorbody .summary{min-height:66px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.tags span{font-size:10px;padding:4px 9px;border-radius:15px;background:#eaf0e3;color:#3d5d43}.vendorbottom{border-top:1px solid var(--line);padding-top:18px;margin-top:auto;display:flex;gap:12px;align-items:center;justify-content:space-between}.vendorbottom .textbtn{font-size:13px}.vendorbottom .primary{font-size:13px;padding:10px 13px}.empty{padding:55px 30px;border:1px dashed #b8c3af;border-radius:12px;text-align:center;grid-column:1/-1}.empty h2{font-size:29px}.empty p{color:var(--muted)}.joinbanner{margin-top:40px;border-radius:12px;background:#e8eedf;display:flex;justify-content:space-between;gap:30px;padding:30px;align-items:center}.joinbanner h2{font-size:28px;margin:0 0 8px}.joinbanner p{font-size:14px;margin:0;color:var(--muted)}.joinbanner button{white-space:nowrap}.supplierhead{padding:40px 0 15px;max-width:800px}.supplierhead h1{font:43px/1.2 Georgia,serif;margin:12px 0}.supplierhead p{color:var(--muted)}.supgrid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(230px,1fr);gap:30px}.supplierform .panel{padding:28px}.supplierform h2{font-size:27px}.supplierform textarea{min-height:110px}.supaside{position:sticky;top:25px;align-self:start}.supaside .panel{font-size:14px}.supplierform select[multiple]{min-height:145px}.hint{font-size:12px;color:var(--muted);margin:6px 0 0}.choicegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px 15px}.choicegrid .checklabel{margin:4px 0;font-size:13px;padding:10px}.choicegrid input{width:16px;height:16px}.statusbadge{font-size:12px;font-weight:bold;border-radius:5px;padding:7px 11px;background:#e7eddc;display:inline-block;margin:10px 0}.statusbadge.pending{background:#faeccb}.statusbadge.changes_requested{background:#fae2d5}.statusnote{border-left:3px solid var(--gold);padding:12px;font-size:14px;background:#faf1dc}.supactions{display:flex;gap:15px;flex-wrap:wrap;align-items:center}.supactions button{font-size:14px}.err{color:#a13524;font-size:14px}.invalid{outline:2px solid #b94833!important}.planoption{border:1px solid var(--line);border-radius:10px;padding:15px;display:block;margin:12px 0;font-weight:normal;cursor:pointer}.planoption:has(input:checked){border-color:var(--green);background:#eaf0e3}.planoption input{width:auto!important;margin-inline-end:8px;accent-color:var(--green)}.planoption strong{font-size:15px}.planoption p{font-size:13px;margin:8px 0;color:var(--muted)}.accountline{font-size:13px;padding:15px 20px;border-radius:7px;background:#eaf0e3;margin-bottom:20px;overflow-wrap:anywhere}.signinbox{background:#f6ebd2;border-radius:10px;padding:20px;margin-bottom:20px}.signinbox p{margin:0 0 15px}.signinbox a{display:inline-block}.adminitem{border:1px solid var(--line);background:#fffdf8;border-radius:12px;padding:25px;margin:20px 0}.adminitem h2{font-size:26px}.adminitem .adminactions{display:flex;gap:12px;flex-wrap:wrap}.adminitem textarea{margin-bottom:12px;min-height:70px}dialog{border:1px solid var(--line);border-radius:15px;background:var(--paper);color:var(--ink);max-width:850px;width:calc(100% - 36px);max-height:90vh;padding:0}dialog::backdrop{background:#102d27a8;backdrop-filter:blur(3px)}.dialogtop{background:#e9eedf;padding:25px 32px;display:flex;justify-content:space-between;gap:20px;align-items:start}.dialogtop h2{font-size:35px;margin:10px 0}.dialoginside{padding:25px 32px}.profilecols{display:grid;grid-template-columns:1.5fr 1fr;gap:30px}.profilecols h3{font:22px Georgia,serif}.profilecols p{font-size:14px}.profilecontact{padding:20px;background:#fffdf8;border:1px solid var(--line);border-radius:10px;align-self:start;overflow-wrap:anywhere}.profilecontact a{display:block;margin:10px 0;font-size:14px;text-decoration:underline}.profilecontact .primary{text-decoration:none;text-align:center;color:white}.closebtn{font-size:23px;background:transparent;color:var(--ink);line-height:1;padding:10px}.quotebox{border-top:1px solid var(--line);margin-top:25px;padding-top:25px}.quotebox label{font-size:13px}.quotebox .primary{display:inline-block;margin-top:20px;color:white}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:12px 22px;border-radius:8px;z-index:100;display:none;max-width:90vw}.navlink{font-size:13px;background:transparent;color:var(--ink);padding:8px;white-space:nowrap}.navlink.active{border-bottom:2px solid var(--green)}body[dir=rtl] .directoryaside{border-left:0;border-right:1px solid var(--line);padding:12px 28px 12px 0}body[dir=rtl] .directoryhero h1{letter-spacing:0;font-size:45px}body[dir=rtl] .directoryhero h1,body[dir=rtl] .supplierhead h1{font-family:Arial,sans-serif}header nav{gap:9px}.mobilefind{display:none}@media(max-width:950px){.cards{grid-template-columns:repeat(2,1fr)}.supgrid{grid-template-columns:minmax(0,1fr)}.supaside{position:static}.filters{grid-template-columns:1fr 1fr}.directoryhero{gap:20px}header nav{gap:3px}.navlink{padding:6px;font-size:12px}}@media(max-width:650px){#vendorApp{padding:0 18px 40px}.directoryhero{grid-template-columns:1fr;padding:30px 0 20px}.directoryhero h1{font-size:38px}.directoryaside{display:none}.cards{grid-template-columns:1fr}.filters{padding:15px;gap:12px}.filters>div:first-child{grid-column:1/-1}.filters>div:last-child{grid-column:1/-1}.joinbanner{flex-direction:column;align-items:start;padding:24px}.profilecols{grid-template-columns:1fr}.dialogtop,.dialoginside{padding:20px}.choicegrid{grid-template-columns:1fr}.supplierform .panel{padding:20px}.supplierhead h1{font-size:34px}header{flex-wrap:wrap;justify-content:center;gap:4px}header nav{width:100%;justify-content:center;flex-wrap:wrap}.directorycount{align-items:start}.vendorbody .summary{min-height:0}body[dir=rtl] .directoryhero h1{font-size:36px}.gridtwo{grid-template-columns:1fr}.vendorart{min-height:145px}.dialogtop h2{font-size:28px}}

.vendor-image {display:block;max-width:100%;width:auto;height:auto;object-fit:contain;border-radius:8px}
.vendorart .vendor-image {width:100%;height:145px;background:#fff;margin-top:14px}
.dialoginside > .vendor-image {max-height:260px;margin:0 auto 24px}
#imagePreview .vendor-image {max-height:140px;margin-top:12px}