:root{--ink:#12343b;--green:#18b982;--line:#dce9e6;--soft:#f2faf7}*{box-sizing:border-box}.public-form-shell{min-height:100vh;background:linear-gradient(180deg,#e8f6f1,#f7fbfa 28%,#fff);padding:28px 18px 70px;color:var(--ink)}.public-form-shell>.brand{display:flex;max-width:850px;margin:0 auto 24px}.public-form-card{max-width:850px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(24px,5vw,48px);box-shadow:0 22px 60px rgba(12,75,65,.08)}.form-kicker{font-size:12px;font-weight:800;letter-spacing:.12em;color:#0d8f68}.public-form-card h1{font-size:clamp(28px,5vw,42px);margin:8px 0}.public-form-card>p{font-size:17px;color:#5c7275;line-height:1.6}.form-search-link{display:inline-flex;margin:8px 0 22px;padding:13px 18px;border-radius:13px;background:#eef8f5;color:#087658;font-weight:800;text-decoration:none}.form-divider{display:flex;align-items:center;gap:12px;margin:18px 0 24px;color:#788b8d;font-size:13px}.form-divider:before,.form-divider:after{content:"";height:1px;background:var(--line);flex:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{display:grid;gap:7px;font-weight:750;font-size:14px}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #cfdfdc;border-radius:12px;padding:13px;font:inherit;color:var(--ink);background:#fff}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:3px solid rgba(24,185,130,.15);border-color:var(--green)}.form-submit{width:100%;margin-top:24px;border:0;border-radius:14px;padding:15px;background:var(--green);color:#fff;font:800 16px inherit;cursor:pointer}.form-submit:disabled{opacity:.6}.form-status{min-height:24px;color:#087658;font-weight:700}@media(max-width:650px){.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.public-form-card{border-radius:20px;padding:22px}}
.links-builder{margin-top:28px;padding-top:26px;border-top:1px solid var(--line)}.links-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.links-heading h2{margin:0 0 4px;font-size:22px}.links-heading p{margin:0;color:#687d7f;font-size:14px}.add-link-button{flex:none;border:1px solid #9fd9c5;border-radius:12px;background:#eefaf6;color:#087658;padding:11px 14px;font:800 14px inherit;cursor:pointer}.link-rows{display:grid;gap:12px}.link-row{display:grid;grid-template-columns:46px 190px minmax(0,1fr) 38px;gap:10px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:15px;background:#fbfefd}.link-row label{display:grid;gap:6px;font-size:13px;font-weight:750}.link-row select,.link-row input{width:100%;height:46px;border:1px solid #cfdfdc;border-radius:11px;padding:0 12px;background:#fff;color:var(--ink);font:inherit}.platform-logo{display:grid;width:46px;height:46px;place-items:center;border-radius:12px;color:#fff;font-weight:900;font-size:18px}.logo-web{background:#087658}.logo-instagram{background:linear-gradient(135deg,#6f3acb,#e1306c,#f5a623)}.logo-facebook{background:#1877f2}.logo-tiktok{background:#111}.logo-youtube{background:#f00}.logo-linkedin{background:#0a66c2;font-size:14px}.logo-x{background:#111}.logo-sahibinden{background:#ffe800;color:#111}.logo-trendyol{background:#f27a1a}.logo-hepsiburada{background:#ff6000;font-size:13px}.logo-amazon{background:#111}.logo-yemeksepeti{background:#ea004b}.logo-n11{background:#5b2d90;font-size:12px}.logo-ciceksepeti{background:#51a544}.logo-etsy{background:#f1641e}.logo-booking{background:#003b95}.logo-airbnb{background:#ff385c}.remove-link{width:38px;height:46px;border:0;border-radius:10px;background:#f3f6f5;color:#697b7d;font-size:25px;cursor:pointer}.tr-phone{font-variant-numeric:tabular-nums}@media(max-width:650px){.links-heading{display:grid}.add-link-button{width:100%}.link-row{grid-template-columns:42px minmax(0,1fr) 36px;align-items:end}.platform-logo{width:42px;height:46px}.link-row>label:first-of-type{grid-column:2/3}.link-url-label{grid-column:1/-1}.remove-link{grid-column:3;grid-row:1}.link-row select,.link-row input{font-size:16px}}
.links-builder{margin-top:30px;padding:22px;border:1.5px solid #9fd9c5;border-radius:19px;background:linear-gradient(145deg,#f3fcf8,#eaf8f3);box-shadow:0 10px 28px rgba(8,118,88,.07)}.links-heading h2{color:#075f4b;font-size:24px}.links-heading h2:before{content:"↗";display:inline-grid;place-items:center;width:29px;height:29px;margin-right:9px;border-radius:9px;background:#d8f4e9;color:#087658;font-size:17px;vertical-align:2px}.links-heading p{color:#536f69}.add-link-button{border-color:#13a875;background:#13a875;color:#fff;box-shadow:0 7px 18px rgba(19,168,117,.18)}.add-link-button:hover{background:#0d9165}.link-row{border-color:#b9dfd3;background:#fff}
.link-row{position:relative;grid-template-columns:minmax(0,220px) minmax(0,1fr) 38px;overflow:visible}.platform-field{display:grid;gap:6px;min-width:0;font-size:13px;font-weight:750}.platform-picker{position:relative}.platform-trigger{display:flex;width:100%;height:46px;align-items:center;gap:9px;border:1px solid #cfdfdc;border-radius:11px;padding:0 10px;background:#fff;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.selected-platform-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-chevron{margin-left:auto;color:#617874;font-size:18px}.platform-menu{position:absolute;left:0;right:0;top:52px;z-index:30;max-height:350px;overflow-y:auto;padding:7px;border:1px solid #b9d8cf;border-radius:15px;background:#fff;box-shadow:0 18px 48px rgba(18,52,59,.2)}.platform-option{display:flex;width:100%;align-items:center;gap:11px;border:0;border-radius:10px;padding:8px;background:transparent;color:var(--ink);font:600 15px inherit;text-align:left;cursor:pointer}.platform-option:hover,.platform-option:focus{outline:0;background:#edf8f4}.platform-trigger .platform-logo,.platform-option .platform-logo{flex:none;width:30px;height:30px;border-radius:8px;font-size:13px}.platform-trigger .logo-linkedin,.platform-option .logo-linkedin{font-size:11px}.platform-trigger .logo-n11,.platform-option .logo-n11{font-size:9px}.platform-trigger .logo-hepsiburada,.platform-option .logo-hepsiburada{font-size:10px}@media(max-width:650px){.link-row{width:100%;min-width:0;grid-template-columns:minmax(0,1fr) 36px}.link-row>.platform-field{grid-column:1;grid-row:1;min-width:0}.link-row>.remove-link{grid-column:2;grid-row:1}.link-row>.link-url-label{grid-column:1/-1;grid-row:2;width:100%;min-width:0}.link-row>.link-url-label .link-url{width:100%;min-width:0}.platform-menu{max-height:320px}.platform-option{font-size:16px}}
.form-submit{min-height:48px;padding:0 17px;border-radius:13px;background:#075e54;display:flex;align-items:center;justify-content:center;gap:9px;font:inherit;font-size:16px;font-weight:850;box-shadow:0 8px 20px rgba(7,94,84,.18);transition:background .18s ease,transform .18s ease}.form-submit:before{content:"✓";flex:none;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#1d9bf0;color:#fff;font-size:.78rem;font-weight:900;box-shadow:0 0 0 3px rgba(29,155,240,.15)}.form-submit:hover:not(:disabled){background:#064f47;transform:translateY(-1px)}.form-submit:focus-visible{outline:3px solid rgba(29,155,240,.28);outline-offset:3px}

/* İşletme ekleme sayfasının beyaz üst barı */
.public-form-header{height:70px;padding:0 24px;background:#fff;border-bottom:1px solid #e2eae7;display:flex;align-items:center}
.public-form-header .brand{margin:0}
@media(max-width:700px){.public-form-header{height:62px;padding:0 16px}}

/* Rehbi form alanlari: input ve select boyutlarini birebir esitle */
.form-grid input:not([type="hidden"]),
.form-grid select{
  width:100% !important;
  height:64px !important;
  min-height:64px !important;
  padding:0 16px !important;
  border:1px solid #cfdfdc !important;
  border-radius:12px !important;
  background:#fff !important;
  color:var(--ink) !important;
  font:inherit !important;
  font-size:16px !important;
  line-height:1.2 !important;
}
.form-grid select{
  -webkit-appearance:auto !important;
  appearance:auto !important;
}


/* Bağlantı satırı: platform üstte, URL tamamen altında */
.link-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 46px !important;
  gap:12px !important;
  align-items:end !important;
  width:100% !important;
}
.link-row > .platform-field{
  grid-column:1 !important;
  grid-row:1 !important;
  min-width:0 !important;
}
.link-row > .remove-link{
  grid-column:2 !important;
  grid-row:1 !important;
  width:46px !important;
  height:46px !important;
  align-self:end !important;
}
.link-row > .link-url-label{
  grid-column:1 / -1 !important;
  grid-row:2 !important;
  width:100% !important;
  min-width:0 !important;
  display:grid !important;
  gap:6px !important;
}
.link-row > .link-url-label .link-url,
.link-row > .link-url-label input{
  width:100% !important;
  min-width:0 !important;
  height:46px !important;
  box-sizing:border-box !important;
}


/* v46 - İşletmeni Ekle: haritadan konum seçme */
.map-field{display:grid;gap:12px;margin-top:-2px}
.map-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.map-heading>div{display:grid;gap:6px}
.map-heading strong{font-size:16px;color:#12383d}
.map-heading small{font-size:13px;line-height:1.5;color:#7b8995;font-weight:500;max-width:650px}
.map-location-btn{flex:none;border:1px solid #9fd9c5;border-radius:12px;background:#eefaf6;color:#087658;padding:11px 14px;font:800 13px inherit;cursor:pointer}
.map-location-btn:disabled{opacity:.55;cursor:default}
.business-map{width:100%;height:360px;border:1px solid #cbded8;border-radius:18px;overflow:hidden;background:#eef5f2;z-index:1}
.map-status{padding:10px 12px;border-radius:12px;background:#f6faf9;color:#65747f;font-size:13px;font-weight:650}
.business-map .leaflet-control-attribution{font-size:10px}
@media(max-width:700px){
  .map-heading{display:grid;gap:10px}
  .map-location-btn{width:100%;min-height:48px}
  .business-map{height:300px;border-radius:16px}
}




/* v50 - İşletmeni Ekle: ekran görüntüsündeki gibi sabit +90 alanı */
.phone-input-fixed{
  display:flex;
  align-items:center;
  width:100%;
  min-height:112px;
  border:1px solid #d6dfdf;
  border-radius:32px;
  background:#fff;
  padding:0 28px;
  overflow:hidden;
}
.phone-prefix{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-right:22px;
  font-weight:800;
  font-size:clamp(28px,3.2vw,36px);
  line-height:1;
  color:#071f56;
  letter-spacing:-0.02em;
  white-space:nowrap;
}
.phone-input-fixed .tr-phone-fixed{
  flex:1;
  min-width:0;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  padding:0 !important;
  height:auto !important;
  font-size:clamp(28px,3.2vw,36px);
  font-weight:500;
  line-height:1.15;
  color:#173a40;
  letter-spacing:0.01em;
}
.phone-input-fixed .tr-phone-fixed::placeholder{
  color:#98a3b8;
  opacity:1;
}
.phone-input-fixed:focus-within{
  border-color:#9acdbb;
  box-shadow:0 0 0 4px rgba(24,185,130,.08);
}
@media (max-width:650px){
  .phone-input-fixed{
    min-height:92px;
    border-radius:28px;
    padding:0 22px;
  }
  .phone-prefix{
    margin-right:16px;
    font-size:24px;
  }
  .phone-input-fixed .tr-phone-fixed{
    font-size:24px;
  }
}


/* v51 - Bağlantılar: gerçek platform logoları */
.platform-logo{
  background:#fff !important;
  border:1px solid #e4ebe9;
  overflow:hidden;
  padding:7px;
}
.platform-logo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:5px;
}
.platform-logo .website-globe{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  color:#087658;
  font-size:24px;
  font-weight:800;
}
.platform-option .platform-logo{
  flex:0 0 38px;
  width:38px;
  height:38px;
  border-radius:10px;
}
.platform-trigger .platform-logo{
  flex:0 0 38px;
  width:38px;
  height:38px;
  border-radius:10px;
}


/* v59 - İşletmeni Ekle: profil görseli / logo yükleme */
.business-image-field{
  display:grid;
  gap:14px;
  padding:20px;
  border:1px solid #d9e7e2;
  border-radius:18px;
  background:#fbfefd;
}
.business-image-copy{
  display:grid;
  gap:5px;
}
.business-image-copy strong{
  color:#12343b;
  font-size:15px;
}
.business-image-copy small{
  color:#71827f;
  font-size:13px;
  line-height:1.5;
  font-weight:500;
}
.business-image-upload{
  display:flex;
  align-items:center;
  gap:16px;
}
.business-image-preview{
  flex:0 0 92px;
  width:92px;
  height:92px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid #cfe1da;
  border-radius:20px;
  background:linear-gradient(145deg,#edf8f4,#f8fcfa);
  color:#7a8b88;
  font-size:13px;
  font-weight:800;
}
.business-image-preview img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.business-image-actions{
  flex:1;
  min-width:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px;
}
.business-image-input{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}
.business-image-button,
.business-image-remove{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 15px;
  border-radius:12px;
  font:800 14px inherit;
  cursor:pointer;
}
.business-image-button{
  border:1px solid #12a876;
  background:#12a876;
  color:#fff;
}
.business-image-remove{
  border:1px solid #d7e4e0;
  background:#fff;
  color:#586d68;
}
.business-image-status{
  flex-basis:100%;
  min-height:18px;
  margin:0;
  color:#6b7e7a;
  font-size:12px;
  font-weight:700;
}
.business-image-status.error{color:#b3261e}
.business-image-status.success{color:#087658}
@media(max-width:650px){
  .business-image-field{padding:16px}
  .business-image-upload{align-items:flex-start}
  .business-image-preview{
    flex-basis:78px;
    width:78px;
    height:78px;
    border-radius:17px;
  }
}
