/* ==========================================================================
   Usluca Metal — Teklif Gönder Sayfası — v45
   Tema: Iron
   Fontlar: Tema style.css içindeki lokal Bebas Neue ve DM Sans @font-face
   Google Fonts çağrılmıyor.
   ========================================================================== */

/* ── RESET & BASE ────────────────────────────── */
.usluca-offer-page *{box-sizing:border-box;margin:0;padding:0}
.usluca-offer-page{
  --steel:#1a1f2e;
  --steel-mid:#232b3d;
  --steel-deep:#141925;
  --orange:#e85d04;
  --orange-light:#f48c42;
  --orange-dim:rgba(232,93,4,.11);
  --cream:#f2f4f7;
  --white:#ffffff;
  --text-muted:rgba(26,31,46,.56);
  --text-dim:rgba(26,31,46,.36);
  --border:rgba(26,31,46,.09);
  --border-strong:rgba(26,31,46,.16);
  --border-focus:rgba(232,93,4,.45);
  --shadow-card:0 1px 4px rgba(26,31,46,.05),0 8px 24px rgba(26,31,46,.07);
  --shadow-deep:0 4px 16px rgba(26,31,46,.10),0 24px 56px rgba(26,31,46,.14);
  --font-d:'Bebas Neue',Arial,sans-serif;
  --font-b:'DM Sans',Arial,sans-serif;
  --r:6px;
  font-family:var(--font-b);
  background:var(--cream);
  color:var(--steel);
  line-height:1.65;
}
.usluca-offer-page a{text-decoration:none;color:inherit}
.usluca-offer-page img{display:block;max-width:100%}

/* ── PAGE-WRAPPER OFFSET ─────────────────────── */
body.page-template-page-usluca-offer .page-wrapper{padding-top:0}

/* ── YARDIMCI ────────────────────────────────── */
.usluca-offer-page .wrap{width:min(1180px,calc(100% - 56px));margin:0 auto}

/* ── HERO ────────────────────────────────────── */
.usluca-offer-page .offer-hero{
  position:relative;
  background:var(--steel);
  color:var(--white);
  overflow:hidden;
  padding:104px 0 44px;
}
.usluca-offer-page .hero-bg{
  position:absolute;inset:0;
  background-size:cover;background-position:center;background-repeat:no-repeat;
  transform:scale(1.03);
}
.usluca-offer-page .hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(105deg,rgba(14,18,28,.97) 42%,rgba(14,18,28,.75) 100%);
}
.usluca-offer-page .hero-grid-pattern{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:52px 52px;
}
.usluca-offer-page .hero-accent{
  position:absolute;bottom:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(232,93,4,.55),transparent);
}
.usluca-offer-page .hero-accent-glow{
  position:absolute;bottom:-1px;left:25%;right:25%;height:3px;
  background:linear-gradient(90deg,transparent,rgba(232,93,4,.3),transparent);
  filter:blur(6px);
}
.usluca-offer-page .hero-inner{
  position:relative;z-index:1;
  display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;
}
.usluca-offer-page .hero-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
  color:var(--orange-light);margin-bottom:14px;
}
.usluca-offer-page .hero-eyebrow::before{
  content:"";width:28px;height:2px;background:var(--orange-light);flex-shrink:0;
}
.usluca-offer-page .hero-title{
  font-family:var(--font-d);
  font-size:clamp(52px,7vw,82px);
  line-height:.95;letter-spacing:.8px;font-weight:400;max-width:680px;
}
.usluca-offer-page .hero-title em{color:var(--orange-light);font-style:normal}
.usluca-offer-page .hero-sub{
  margin-top:18px;max-width:560px;
  font-size:16px;line-height:1.7;color:rgba(255,255,255,.68);
}
.usluca-offer-page .hero-actions{
  display:flex;flex-direction:column;gap:10px;align-items:flex-end;flex-shrink:0;
}
.usluca-offer-page .hero-trust{
  position:relative;z-index:1;
  margin-top:32px;display:flex;gap:28px;flex-wrap:wrap;
  border-top:1px solid rgba(255,255,255,.07);padding-top:22px;
}
.usluca-offer-page .trust-item{
  display:flex;align-items:center;gap:9px;
  font-size:13px;color:rgba(255,255,255,.55);
}
.usluca-offer-page .trust-dot{
  width:6px;height:6px;border-radius:50%;background:var(--orange-light);flex-shrink:0;
}

/* ── BUTONLAR ────────────────────────────────── */
.usluca-offer-page .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:14px 26px;border-radius:var(--r);
  font-family:var(--font-b);font-size:13px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;
  border:1px solid transparent;white-space:nowrap;cursor:pointer;
  transition:all .2s ease;
  -webkit-tap-highlight-color:transparent;
}
.usluca-offer-page .btn:focus,
.usluca-offer-page .btn:active,
.usluca-offer-page .btn:active:focus{outline:none;box-shadow:none;border-color:transparent}
.usluca-offer-page .btn:focus-visible{outline:2px solid rgba(244,140,66,.65);outline-offset:3px}
.usluca-offer-page .btn-primary{background:var(--orange);border-color:var(--orange);color:var(--white)}
.usluca-offer-page .btn-primary:hover{background:var(--orange-light);border-color:var(--orange-light);transform:translateY(-2px);box-shadow:0 8px 24px rgba(232,93,4,.28)}
.usluca-offer-page .btn-outline{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);color:var(--white)}
.usluca-offer-page .btn-outline:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}
.usluca-offer-page .btn-wa{background:#25d366;border-color:#25d366;color:#fff}
.usluca-offer-page .btn-wa:hover{background:#22c55e;border-color:#22c55e;transform:translateY(-1px)}

/* ── ANA LAYOUT ──────────────────────────────── */
.usluca-offer-page .offer-section{padding:56px 0}
.usluca-offer-page .offer-grid{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(280px,.68fr);
  gap:24px;align-items:start;
}

/* ── FORM KARTI ──────────────────────────────── */
.usluca-offer-page .form-card{
  background:var(--white);border:1px solid var(--border);
  border-radius:var(--r);box-shadow:var(--shadow-card);overflow:hidden;
}
.usluca-offer-page .form-head{
  padding:28px 32px 24px 36px;
  border-bottom:1px solid var(--border);
  background:linear-gradient(180deg,#fff,#fafbfc);
  position:relative;
}
.usluca-offer-page .form-head::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(180deg,var(--orange),var(--orange-light));
}
.usluca-offer-page .form-label{
  font-size:11px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;
  color:var(--orange);margin-bottom:8px;
}
.usluca-offer-page .form-title{
  font-family:var(--font-d);font-size:40px;line-height:1.02;
  letter-spacing:.6px;font-weight:400;color:var(--steel);
}
.usluca-offer-page .form-body{padding:28px 32px}
.usluca-offer-page .form-grid{display:grid;gap:20px}
.usluca-offer-page .row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}

/* ── STEP BAŞLIKLARI ─────────────────────────── */
.usluca-offer-page .step-head{
  display:flex;align-items:center;gap:10px;
  padding-bottom:10px;border-bottom:1px solid var(--border);margin-bottom:2px;
}
.usluca-offer-page .step-num{
  width:22px;height:22px;border-radius:50%;
  background:var(--orange-dim);color:var(--orange);
  font-size:10px;font-weight:800;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  border:1px solid rgba(232,93,4,.2);
}
.usluca-offer-page .step-title{
  font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;
  color:rgba(26,31,46,.45);
}

/* ── SATIICI TİPİ TOGGLE ─────────────────────── */
.usluca-offer-page .seller-toggle{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.usluca-offer-page .stog-item{position:relative}
.usluca-offer-page .stog-item input[type=radio]{position:absolute;opacity:0;width:0;height:0}
.usluca-offer-page .stog-item label{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  padding:14px 8px;border:1.5px solid var(--border);border-radius:var(--r);
  background:#fafbfc;cursor:pointer;transition:.18s;text-align:center;
  font-size:12px;font-weight:600;color:var(--text-muted);line-height:1.3;min-height:72px;
  color:inherit;text-decoration:none;
}
.usluca-offer-page .stog-item label .stog-icon{font-size:18px;line-height:1}
.usluca-offer-page .stog-item input:checked + label{border-color:var(--orange);background:var(--orange-dim);color:var(--orange)}
.usluca-offer-page .stog-item label:hover{border-color:rgba(232,93,4,.35);background:rgba(232,93,4,.04)}

/* ── HURDA GRID ──────────────────────────────── */
.usluca-offer-page .hurda-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.usluca-offer-page .hurda-item{position:relative}
.usluca-offer-page .hurda-item input{position:absolute;opacity:0;width:0;height:0}
.usluca-offer-page .hurda-item label{
  display:flex;align-items:center;gap:8px;
  padding:10px 13px;border:1.5px solid var(--border);border-radius:var(--r);
  font-size:13px;font-weight:500;color:rgba(26,31,46,.68);
  cursor:pointer;transition:.16s;background:#fafbfc;
  text-decoration:none;
}
.usluca-offer-page .hurda-item label::before{
  content:"";width:14px;height:14px;border-radius:50%;
  border:2px solid rgba(26,31,46,.2);flex-shrink:0;transition:.16s;
}
.usluca-offer-page .hurda-item input:checked + label{border-color:var(--orange);background:var(--orange-dim);color:var(--orange)}
.usluca-offer-page .hurda-item input:checked + label::before{border-color:var(--orange);background:var(--orange);box-shadow:inset 0 0 0 3px #fff}
.usluca-offer-page .hurda-item label:hover{border-color:rgba(232,93,4,.35)}

/* ── KOŞULLU BÖLÜMLER ────────────────────────── */
.usluca-offer-page .cond-section{display:none;animation:uoFadeIn .26s ease}
.usluca-offer-page .cond-section.active{display:grid;gap:18px}
@keyframes uoFadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}

/* ── ALANLAR ─────────────────────────────────── */
.usluca-offer-page .field{display:grid;gap:7px}
.usluca-offer-page .field-label{font-size:12px;font-weight:700;letter-spacing:.15px;color:var(--steel)}
.usluca-offer-page .field-hint{font-size:11px;color:var(--text-muted);margin-top:2px}
.usluca-offer-page .field-req{color:var(--orange);margin-left:2px}
.usluca-offer-page .uo-input,
.usluca-offer-page .uo-select,
.usluca-offer-page .uo-textarea{
  width:100%;border:1.5px solid var(--border);background:#fafbfc;border-radius:var(--r);
  padding:12px 14px;font-family:var(--font-b);font-size:14px;color:var(--steel);
  outline:none;transition:.18s;-webkit-appearance:none;appearance:none;
}
.usluca-offer-page .uo-select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231a1f2e' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 13px center;
  padding-right:38px;cursor:pointer;
}
.usluca-offer-page .uo-input:focus,
.usluca-offer-page .uo-select:focus,
.usluca-offer-page .uo-textarea:focus{
  border-color:var(--border-focus);background:#fff;box-shadow:0 0 0 3px rgba(232,93,4,.08);
}
.usluca-offer-page .uo-textarea{min-height:96px;resize:vertical;line-height:1.6}
.usluca-offer-page .uo-input::placeholder,
.usluca-offer-page .uo-textarea::placeholder{color:rgba(26,31,46,.32)}

/* ── ÖZEL FORM GÖNDERİMİ ─────────────────────── */
.usluca-offer-page .uof-hp{
  position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;
  opacity:0!important;pointer-events:none!important;
}
.usluca-offer-page .form-message{
  display:none;padding:13px 16px;border-radius:var(--r);
  font-size:13px;font-weight:600;line-height:1.5;
}
.usluca-offer-page .form-message[hidden]{display:none!important}
.usluca-offer-page .form-message.is-info,
.usluca-offer-page .form-message.is-success,
.usluca-offer-page .form-message.is-error{display:block}
.usluca-offer-page .form-message.is-info{
  background:rgba(59,130,246,.07);border:1px solid rgba(59,130,246,.18);color:#2563eb;
}
.usluca-offer-page .form-message.is-success{
  background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.22);color:#15803d;
}
.usluca-offer-page .form-message.is-error{
  background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.18);color:#b91c1c;
}
.usluca-offer-page .btn.is-loading{opacity:.72;cursor:wait;transform:none!important;box-shadow:none!important}
.usluca-offer-page .uo-file{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
.usluca-offer-page .file-list{font-size:12px;color:var(--text-muted);line-height:1.45}
.usluca-offer-page .file-list.has-files{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.usluca-offer-page .file-summary{width:100%;font-weight:700;color:rgba(26,31,46,.72);margin-bottom:2px}
.usluca-offer-page .file-chip,.usluca-offer-page .file-more{display:inline-flex;align-items:center;max-width:100%;padding:6px 9px;border-radius:999px;background:rgba(26,31,46,.05);border:1px solid rgba(26,31,46,.07);color:rgba(26,31,46,.66);font-size:11px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ── UPLOAD ZONE ─────────────────────────────── */
.usluca-offer-page .upload-zone{
  display:grid;place-items:center;gap:0;
  border:2px dashed rgba(26,31,46,.13);border-radius:var(--r);
  background:rgba(242,244,247,.7);padding:28px 20px;text-align:center;cursor:pointer;transition:.2s;
}
.usluca-offer-page .upload-zone:hover,.usluca-offer-page .upload-zone.is-dragover{border-color:rgba(232,93,4,.55);background:rgba(232,93,4,.06);transform:translateY(-1px)}
.usluca-offer-page .upload-icon{font-size:28px;margin-bottom:8px;line-height:1}
.usluca-offer-page .upload-main{font-size:14px;font-weight:600;color:var(--steel);margin-bottom:4px}
.usluca-offer-page .upload-sub{font-size:12px;color:var(--text-muted)}
.usluca-offer-page .upload-wa{
  margin-top:12px;display:inline-flex;align-items:center;gap:7px;
  font-size:12px;font-weight:700;letter-spacing:.4px;color:#25d366;
  padding:8px 14px;border-radius:4px;
  border:1.5px solid rgba(37,211,102,.22);background:rgba(37,211,102,.06);transition:.16s;
}
.usluca-offer-page .upload-wa:hover{background:rgba(37,211,102,.12)}

/* ── CHECKBOX ────────────────────────────────── */
.usluca-offer-page .checks{display:grid;gap:10px}
.usluca-offer-page .check-item{
  display:flex;align-items:flex-start;gap:10px;
  font-size:13px;color:rgba(26,31,46,.65);cursor:pointer;
}
.usluca-offer-page .check-item input[type=checkbox]{
  width:16px;height:16px;flex-shrink:0;accent-color:var(--orange);margin-top:2px;
}

/* ── SUBMIT ──────────────────────────────────── */
.usluca-offer-page .submit-area{border-top:1px solid var(--border);padding-top:18px;display:grid;gap:12px}
.usluca-offer-page .submit-trust{display:flex;gap:18px;flex-wrap:wrap}
.usluca-offer-page .trust-badge{font-size:12px;font-weight:500;color:var(--text-muted);display:flex;align-items:center;gap:5px}
.usluca-offer-page .submit-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}

/* ── BİLGİLENDİRME KUTUSU ────────────────────── */
.usluca-offer-page .notice-box{
  margin-top:2px;padding:14px 16px;
  background:rgba(232,93,4,.07);border:1px solid rgba(232,93,4,.16);
  border-radius:var(--r);font-size:13px;color:rgba(26,31,46,.72);line-height:1.6;
}
.usluca-offer-page .notice-box strong{color:var(--orange);font-weight:700}
.usluca-offer-page .notice-box.info{background:rgba(59,130,246,.05);border-color:rgba(59,130,246,.18);color:rgba(26,31,46,.65)}
.usluca-offer-page .notice-box.info strong{color:#3b82f6}

/* ── YAN SÜTUN ───────────────────────────────── */
.usluca-offer-page .side-col{display:grid;gap:16px;position:sticky;top:106px}
.admin-bar .usluca-offer-page .side-col{top:138px}
@media screen and (max-width:782px){
  .admin-bar .usluca-offer-page .side-col{top:152px}
}
.usluca-offer-page .side-card{
  background:var(--white);border:1px solid var(--border);
  border-radius:var(--r);box-shadow:var(--shadow-card);
}
.usluca-offer-page .side-card-head{padding:20px 22px 16px;border-bottom:1px solid var(--border)}
.usluca-offer-page .side-card-head h3{
  font-family:var(--font-d);font-size:28px;line-height:1;
  letter-spacing:.6px;font-weight:400;color:var(--steel);
}
.usluca-offer-page .side-card-body{padding:18px 22px}
.usluca-offer-page .checklist{display:grid;gap:11px;list-style:none}
.usluca-offer-page .checklist li{display:flex;gap:11px;font-size:14px;color:rgba(26,31,46,.7);align-items:flex-start}
.usluca-offer-page .cl-dot{
  flex-shrink:0;margin-top:3px;width:18px;height:18px;border-radius:50%;
  background:var(--orange-dim);display:flex;align-items:center;justify-content:center;
}
.usluca-offer-page .cl-dot::after{content:"✓";font-size:10px;font-weight:800;color:var(--orange)}
.usluca-offer-page .wa-box{
  padding:18px 22px;
  background:linear-gradient(135deg,var(--steel),var(--steel-mid));
  border-radius:0 0 var(--r) var(--r);display:grid;gap:10px;
}
.usluca-offer-page .wa-box p{font-size:13px;color:rgba(255,255,255,.6);line-height:1.5}
.usluca-offer-page .wa-btn{
  display:flex;align-items:center;gap:9px;padding:12px 18px;border-radius:4px;
  background:#25d366;color:#fff;font-size:13px;font-weight:700;letter-spacing:.4px;
  transition:.18s;width:100%;justify-content:center;border:none;cursor:pointer;
}
.usluca-offer-page .wa-btn:hover{background:#22c55e;transform:translateY(-1px)}
.usluca-offer-page .region-card{
  background:var(--white);border:1px solid var(--border);
  border-radius:var(--r);padding:18px 22px;box-shadow:var(--shadow-card);
}
.usluca-offer-page .region-card h4{
  font-family:var(--font-d);font-size:22px;color:var(--steel);
  letter-spacing:.5px;font-weight:400;margin-bottom:12px;
}
.usluca-offer-page .region-tags{display:flex;flex-wrap:wrap;gap:6px}
.usluca-offer-page .rtag{
  padding:5px 11px;border-radius:20px;font-size:12px;font-weight:600;
  background:var(--cream);color:rgba(26,31,46,.65);border:1px solid var(--border);
}

/* ── SÜREÇ ───────────────────────────────────── */
.usluca-offer-page .process-section{padding:0 0 56px}
.usluca-offer-page .section-eyebrow{
  font-size:11px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;
  color:var(--orange);margin-bottom:10px;
}
.usluca-offer-page .section-heading{
  font-family:var(--font-d);font-size:clamp(38px,5vw,54px);
  line-height:1.02;letter-spacing:.6px;font-weight:400;color:var(--steel);margin-bottom:32px;
}
.usluca-offer-page .process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.usluca-offer-page .process-item{
  background:var(--white);border:1px solid var(--border);border-radius:var(--r);
  padding:26px 22px;box-shadow:var(--shadow-card);position:relative;overflow:hidden;transition:.22s;
}
.usluca-offer-page .process-item:hover{box-shadow:var(--shadow-deep);transform:translateY(-2px)}
.usluca-offer-page .process-item::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--orange),var(--orange-light));
}
.usluca-offer-page .pno{
  font-family:var(--font-d);font-size:42px;line-height:1;
  color:rgba(232,93,4,.2);letter-spacing:1px;margin-bottom:16px;
}
.usluca-offer-page .process-item h3{font-size:16px;font-weight:700;color:var(--steel);line-height:1.3;margin-bottom:8px}
.usluca-offer-page .process-item p{font-size:13px;color:var(--text-muted);line-height:1.6}

/* ── BELGE BİLGİLENDİRME ─────────────────────── */
.usluca-offer-page .doc-section{padding:0 0 56px}
.usluca-offer-page .doc-card{
  background:var(--white);border:1px solid var(--border);border-radius:var(--r);
  box-shadow:var(--shadow-card);display:grid;grid-template-columns:auto 1fr;overflow:hidden;
}
.usluca-offer-page .doc-icon-col{
  background:linear-gradient(180deg,var(--steel),var(--steel-mid));
  padding:32px 28px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:12px;min-width:100px;
}
.usluca-offer-page .doc-icon-col .di{
  font-size:32px;line-height:1;width:56px;height:56px;
  background:rgba(232,93,4,.2);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
}
.usluca-offer-page .doc-icon-col span{
  font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;
  color:rgba(255,255,255,.5);text-align:center;line-height:1.4;
}
.usluca-offer-page .doc-body{padding:28px 32px}
.usluca-offer-page .doc-body h2{
  font-family:var(--font-d);font-size:34px;line-height:1.02;
  letter-spacing:.6px;font-weight:400;color:var(--steel);margin-bottom:14px;
}
.usluca-offer-page .doc-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.usluca-offer-page .doc-col{padding:16px;border-radius:4px;border:1px solid var(--border);background:#fafbfc}
.usluca-offer-page .doc-col h4{font-size:13px;font-weight:800;color:var(--steel);margin-bottom:8px;display:flex;align-items:center;gap:7px}
.usluca-offer-page .dtag{padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.4px;background:var(--orange-dim);color:var(--orange)}
.usluca-offer-page .doc-col p{font-size:13px;color:var(--text-muted);line-height:1.6}
.usluca-offer-page .doc-note{
  margin-top:14px;padding:12px 14px;background:rgba(242,244,247,.8);border-radius:4px;
  font-size:13px;color:var(--text-muted);line-height:1.6;
  border-left:3px solid rgba(232,93,4,.32);
}

/* ── ALT CTA ─────────────────────────────────── */
.usluca-offer-page .bottom-cta{
  background:var(--steel-deep);padding:36px 40px;border-radius:var(--r);
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  position:relative;overflow:hidden;box-shadow:var(--shadow-deep);
}
.usluca-offer-page .bottom-cta::before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--orange),transparent);
}
.usluca-offer-page .bottom-cta::after{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px);
  background-size:42px 42px;
}
.usluca-offer-page .cta-text{position:relative;z-index:1}
.usluca-offer-page .cta-text h2{
  font-family:var(--font-d);font-size:clamp(34px,4vw,48px);
  line-height:1;letter-spacing:.7px;font-weight:400;color:var(--white);
}
.usluca-offer-page .cta-text p{margin-top:7px;font-size:14px;color:rgba(255,255,255,.58);max-width:420px}
.usluca-offer-page .cta-actions{position:relative;z-index:1;display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}

/* ── RESPONSIVE ──────────────────────────────── */
@media(max-width:1100px){
  .usluca-offer-page .hero-inner{grid-template-columns:1fr}
  .usluca-offer-page .hero-actions{flex-direction:row;align-items:flex-start}
  .usluca-offer-page .offer-grid{grid-template-columns:1fr}
  .usluca-offer-page .side-col{position:static}
  .usluca-offer-page .process-grid{grid-template-columns:repeat(2,1fr)}
  .usluca-offer-page .doc-card{grid-template-columns:1fr}
  .usluca-offer-page .doc-icon-col{flex-direction:row;padding:20px 24px;min-width:0}
  .usluca-offer-page .bottom-cta{flex-direction:column;align-items:flex-start}
}
@media(max-width:860px){
  .usluca-offer-page .seller-toggle{grid-template-columns:repeat(2,1fr)}
  .usluca-offer-page .hurda-grid{grid-template-columns:repeat(2,1fr)}
  .usluca-offer-page .doc-cols{grid-template-columns:1fr}
  .usluca-offer-page .row-2{grid-template-columns:1fr}
  .usluca-offer-page .hero-trust{flex-direction:column;gap:12px}
}
@media(max-width:700px){
  .usluca-offer-page .wrap{width:calc(100% - 32px)}
  .usluca-offer-page .offer-hero{padding:76px 0 36px}
  .usluca-offer-page .hero-actions .btn{flex:1}
  .usluca-offer-page .offer-section{padding:40px 0}
  .usluca-offer-page .form-head{padding:20px 22px 18px 26px}
  .usluca-offer-page .form-body{padding:20px 22px}
  .usluca-offer-page .form-title{font-size:32px}
  .usluca-offer-page .seller-toggle{grid-template-columns:1fr 1fr}
  .usluca-offer-page .hurda-grid{grid-template-columns:1fr 1fr}
  .usluca-offer-page .process-section,
  .usluca-offer-page .doc-section{padding-bottom:40px}
  .usluca-offer-page .process-grid{grid-template-columns:1fr}
  .usluca-offer-page .bottom-cta{padding:24px 22px}
  .usluca-offer-page .cta-actions{width:100%}
  .usluca-offer-page .cta-actions .btn{width:100%;justify-content:center}
}

/* ── FONT LOCK — tema override koruması ──────── */
body.page-template-page-usluca-offer .usluca-offer-page h1,
body.page-template-page-usluca-offer .usluca-offer-page h2,
body.page-template-page-usluca-offer .usluca-offer-page h3,
body.page-template-page-usluca-offer .usluca-offer-page h4{
  font-family:var(--font-d) !important;font-weight:400 !important;margin-top:0 !important;
}
body.page-template-page-usluca-offer .usluca-offer-page .form-title,
body.page-template-page-usluca-offer .usluca-offer-page .hero-title{
  font-family:'Bebas Neue',Arial,sans-serif !important;
}
body.page-template-page-usluca-offer .usluca-offer-page p,
body.page-template-page-usluca-offer .usluca-offer-page span,
body.page-template-page-usluca-offer .usluca-offer-page label,
body.page-template-page-usluca-offer .usluca-offer-page input,
body.page-template-page-usluca-offer .usluca-offer-page select,
body.page-template-page-usluca-offer .usluca-offer-page textarea,
body.page-template-page-usluca-offer .usluca-offer-page button{
  font-family:'DM Sans',Arial,sans-serif !important;
}

/* ── v34 UX / PERFORMANS GERİ BİLDİRİMİ ───────────── */
.usluca-offer-page form[data-uof-busy="1"] .submit-area{
  position:relative;
}
.usluca-offer-page form[data-uof-busy="1"] .submit-area::after{
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:calc(var(--r) + 8px);
  border:1px solid rgba(232,93,4,.10);
  pointer-events:none;
}
.usluca-offer-page .submit-row .submit-message{
  flex:1 1 260px;
  min-width:240px;
  max-width:100%;
  margin:0;
}
.usluca-offer-page .file-message{
  width:100%;
  margin:8px 0 0;
}
.usluca-offer-page .form-message .uof-progress{
  display:block;
  height:4px;
  margin-top:10px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(26,31,46,.10);
}
.usluca-offer-page .form-message .uof-progress[hidden]{display:none!important}
.usluca-offer-page .form-message .uof-progress > span{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:currentColor;
  transition:width .22s ease;
}
.usluca-offer-page .btn.is-loading{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-width:190px;
}
.usluca-offer-page .uof-btn-spinner{
  width:15px;
  height:15px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.45);
  border-top-color:#fff;
  animation:uof-spin .75s linear infinite;
  flex:0 0 auto;
}
@keyframes uof-spin{to{transform:rotate(360deg)}}
.usluca-offer-page .form-message .uof-progress.is-processing > span{
  width:46%!important;
  background:linear-gradient(90deg,currentColor,rgba(255,255,255,.55),currentColor);
  animation:uof-progress-indeterminate 1.05s ease-in-out infinite;
}
@keyframes uof-progress-indeterminate{
  0%{transform:translateX(-120%)}
  100%{transform:translateX(230%)}
}

.usluca-offer-page form[data-uof-busy="1"] input,
.usluca-offer-page form[data-uof-busy="1"] select,
.usluca-offer-page form[data-uof-busy="1"] textarea,
.usluca-offer-page form[data-uof-busy="1"] .upload-zone,
.usluca-offer-page form[data-uof-busy="1"] .seller-toggle,
.usluca-offer-page form[data-uof-busy="1"] .chips,
.usluca-offer-page form[data-uof-busy="1"] .checks{
  pointer-events:none;
}
@media (prefers-reduced-motion: reduce){
  .usluca-offer-page .uof-btn-spinner{animation:none}
  .usluca-offer-page .form-message .uof-progress.is-processing > span{animation:none;transform:none}
  .usluca-offer-page .form-message .uof-progress > span{transition:none}
}
@media only screen and (max-width: 767px){
  .usluca-offer-page .submit-row .btn{
    width:100%;
  }
  .usluca-offer-page .submit-row .submit-message{
    flex-basis:100%;
    min-width:0;
  }
  .usluca-offer-page .btn.is-loading{
    min-width:0;
  }
}

/* v35 UX polish: file clear action and busy affordance */
.usluca-offer-page .file-clear{
  appearance:none;
  border:1px solid rgba(26,31,46,.10);
  background:rgba(255,255,255,.78);
  color:rgba(26,31,46,.70);
  border-radius:999px;
  padding:6px 10px;
  font-size:11px;
  line-height:1.2;
  cursor:pointer;
  transition:.18s ease;
}
.usluca-offer-page .file-clear:hover{
  border-color:rgba(232,93,4,.30);
  color:var(--accent);
  background:rgba(232,93,4,.06);
}
.usluca-offer-page form[data-uof-busy="1"] .upload-zone,
.usluca-offer-page form[data-uof-busy="1"] .choice,
.usluca-offer-page form[data-uof-busy="1"] .upload-wa{
  pointer-events:none;
}
.usluca-offer-page form[data-uof-busy="1"] .submit-trust{
  opacity:.74;
}
@media only screen and (max-width: 767px){
  .usluca-offer-page .file-clear{width:100%;justify-content:center;text-align:center}
}

/* v37 UX: gönderim sırasında net bekleme imleci */
.usluca-offer-page form[data-uof-busy="1"]{cursor:progress}
.usluca-offer-page form[data-uof-busy="1"] .btn.is-loading{cursor:wait}

/* v37 UX polish: prevent file clear accidental double-action during active submit */
.usluca-offer-page form[data-uof-busy="1"] .file-clear{pointer-events:none;opacity:.55}

/* v38: kullanıcı deneyimi/performance polish */
@supports (content-visibility:auto){
  .usluca-offer-page .side-card,
  .usluca-offer-page .region-card{content-visibility:auto;contain-intrinsic-size:1px 520px}
}
.usluca-offer-page .file-list[aria-live="polite"]{min-height:22px}
.usluca-offer-page form[aria-busy="true"] .form-message{scroll-margin-top:96px}


/* v45 kusur düzeltmeleri: submit feedback buton yanında, dosya uyarısı ayrı, direct R2 drag-drop akışı destekli */
.usluca-offer-page .submit-row{align-items:stretch}
.usluca-offer-page .submit-row .submit-message{align-self:stretch;display:none;place-content:center}
.usluca-offer-page .submit-row .submit-message.is-info,
.usluca-offer-page .submit-row .submit-message.is-success,
.usluca-offer-page .submit-row .submit-message.is-error{display:grid}
.usluca-offer-page .file-message.is-info,
.usluca-offer-page .file-message.is-success,
.usluca-offer-page .file-message.is-error{display:block}