/* ═══════════════════════════════════════════════════════════════
   ORO Smart Estimate v8.1 — Self-contained, theme-proof CSS
   All values hardcoded (no CSS vars) for maximum compatibility
═══════════════════════════════════════════════════════════════ */

/* ── Reset & containment ──────────────────────────────────────────────────── */
#oro-tool { display: block !important; }
#oro-tool, #oro-tool * {
  box-sizing: border-box !important;
  -webkit-font-smoothing: antialiased !important;
}
#oro-tool p, #oro-tool h1, #oro-tool h2, #oro-tool h3 {
  margin: 0 !important; padding: 0 !important;
  border: none !important; background: none !important;
}
#oro-tool button { font-family: inherit !important; }

/* ── Full-width breakout ──────────────────────────────────────────────────── */
.entry-content #oro-tool,
.post-content #oro-tool,
article .entry-content #oro-tool {
  max-width: 100vw !important;
  width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  padding: 0 !important;
}
#oro-tool {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif !important;
  background: #f7f5f2 !important;
  color: #1a1a1a !important;
  width: 100% !important;
  max-width: 100% !important;
  line-height: 1.5 !important;
  font-size: 15px !important;
}

/* ── Top bar ─────────────────────────────────────────────────────────────── */
#oro-tool .ot-bar {
  background: #ffffff !important;
  border-bottom: 1px solid #e8e3dc !important;
  padding: 14px 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  box-shadow: 0 1px 8px rgba(0,0,0,.07) !important;
}
#oro-tool .ot-bar-logo {
  height: 42px !important; width: auto !important; max-width: 180px !important;
  object-fit: contain !important; display: block !important;
}
#oro-tool .ot-bar-name {
  font-size: 18px !important; font-weight: 800 !important;
  color: #1a1a1a !important; letter-spacing: -.3px !important;
}
#oro-tool .ot-bar-right {
  display: flex !important; align-items: center !important; gap: 14px !important;
}
#oro-tool .ot-bar-stars {
  display: flex !important; align-items: center !important; gap: 5px !important;
  background: #fdf6ec !important; border: 1px solid #e8d9c0 !important;
  border-radius: 20px !important; padding: 5px 13px !important;
  font-size: 12px !important; font-weight: 700 !important; color: #7a5c2a !important;
}
#oro-tool .ot-bar-lic { font-size: 11px !important; color: #aaa !important; }
#oro-tool .ot-bar-call {
  background: #1a1a1a !important; color: #fff !important;
  padding: 9px 18px !important; border-radius: 8px !important;
  font-size: 13px !important; font-weight: 700 !important;
  text-decoration: none !important; white-space: nowrap !important;
  display: inline-block !important; transition: background .15s !important;
}
#oro-tool .ot-bar-call:hover { background: #333 !important; }

/* ── Hero ─────────────────────────────────────────────────────────────────── */
#oro-tool .ot-hero {
  background: #1a1a1a !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  overflow: hidden !important;
}
#oro-tool .ot-hero-left {
  padding: 60px 52px 60px 48px !important;
  display: flex !important; flex-direction: column !important; justify-content: center !important;
}
#oro-tool .ot-hero-eyebrow {
  font-size: 11px !important; font-weight: 700 !important;
  text-transform: uppercase !important; letter-spacing: .12em !important;
  color: #c8963e !important; margin-bottom: 14px !important; display: block !important;
}
#oro-tool .ot-hero-h1 {
  font-size: 44px !important; font-weight: 900 !important;
  color: #ffffff !important; line-height: 1.1 !important;
  letter-spacing: -.8px !important; margin-bottom: 16px !important;
}
#oro-tool .ot-hero-accent { color: #c8963e !important; }
#oro-tool .ot-hero-p {
  font-size: 16px !important; color: rgba(255,255,255,.55) !important;
  line-height: 1.75 !important; margin-bottom: 28px !important; max-width: 480px !important;
}
#oro-tool .ot-hero-stats {
  display: flex !important; align-items: center !important; margin-bottom: 30px !important;
}
#oro-tool .ot-stat { text-align: center !important; padding: 0 18px !important; }
#oro-tool .ot-stat:first-child { padding-left: 0 !important; }
#oro-tool .ot-stat-n {
  font-size: 22px !important; font-weight: 900 !important;
  color: #fff !important; line-height: 1 !important; display: block !important; margin-bottom: 3px !important;
}
#oro-tool .ot-stat-l {
  font-size: 10px !important; color: rgba(255,255,255,.35) !important;
  text-transform: uppercase !important; letter-spacing: .06em !important; display: block !important;
}
#oro-tool .ot-stat-div { width: 1px !important; height: 36px !important; background: rgba(255,255,255,.12) !important; }
#oro-tool .ot-hero-btn {
  display: inline-flex !important; align-items: center !important; gap: 10px !important;
  padding: 17px 32px !important; background: #c8963e !important; color: #fff !important;
  border-radius: 12px !important; font-size: 16px !important; font-weight: 700 !important;
  text-decoration: none !important; transition: all .15s !important;
  margin-bottom: 12px !important;
}
#oro-tool .ot-hero-btn:hover { background: #b5822f !important; transform: translateY(-1px) !important; }
#oro-tool .ot-hero-trust {
  display: flex !important; align-items: center !important; gap: 7px !important;
  font-size: 12px !important; color: rgba(255,255,255,.35) !important;
}

/* Hero mosaic */
#oro-tool .ot-hero-right { position: relative !important; overflow: hidden !important; }
#oro-tool .ot-hero-img-grid {
  display: grid !important; grid-template-columns: 1fr 1fr !important;
  grid-template-rows: 1fr 1fr !important; height: 100% !important; gap: 3px !important;
}
#oro-tool .ot-himg { background-size: cover !important; background-position: center !important; }
#oro-tool .ot-himg-1 { background-image: url('https://images.unsplash.com/photo-1556909114-f6e7ad7d3136?w=500&q=80') !important; }
#oro-tool .ot-himg-2 { background-image: url('https://images.unsplash.com/photo-1552321554-5fefe8c9ef14?w=500&q=80') !important; }
#oro-tool .ot-himg-3 { background-image: url('https://images.unsplash.com/photo-1600566753376-12c8ab7fb75b?w=500&q=80') !important; }
#oro-tool .ot-himg-4 { background-image: url('https://images.unsplash.com/photo-1600210492493-0946911123ea?w=500&q=80') !important; }
#oro-tool .ot-hero-badge {
  position: absolute !important; bottom: 20px !important; left: 20px !important;
  background: rgba(0,0,0,.75) !important; color: #fff !important;
  padding: 8px 16px !important; border-radius: 20px !important;
  font-size: 12px !important; font-weight: 600 !important;
  display: flex !important; align-items: center !important; gap: 7px !important;
  border: 1px solid rgba(255,255,255,.1) !important;
}

/* ── Reviews strip — compact 3-col, no carousel overflow ──────────────── */
#oro-tool .ot-revstrip { background: #252220 !important; overflow: hidden !important; max-height: 120px !important; }
#oro-tool .ot-revstrip-inner {
  display: grid !important; grid-template-columns: 1fr 1fr 1fr !important; width: 100% !important; height: 120px !important;
}
#oro-tool .ot-rev-static {
  padding: 18px 28px !important;
  border-right: 1px solid rgba(255,255,255,.06) !important;
}
#oro-tool .ot-rev-static:last-child { border-right: none !important; }
#oro-tool .ot-rev-stars { color: #f9a825 !important; font-size: 12px !important; letter-spacing: 2px !important; display: block !important; margin-bottom: 6px !important; }
#oro-tool .ot-rev-q { font-size: 13px !important; color: rgba(255,255,255,.72) !important; font-style: italic !important; line-height: 1.55 !important; display: block !important; margin-bottom: 7px !important; }
#oro-tool .ot-rev-auth { font-size: 11px !important; color: rgba(255,255,255,.3) !important; display: block !important; }
#oro-tool .ot-rev-src-inline { background: rgba(255,255,255,.1) !important; padding: 1px 7px !important; border-radius: 10px !important; font-size: 10px !important; margin-left: 5px !important; }

/* ── Progress steps ──────────────────────────────────────────────────────── */
#oro-tool .ot-progress {
  background: #fff !important; border-bottom: 1px solid #e8e3dc !important; padding: 0 48px !important;
}
#oro-tool .ot-prog-inner {
  display: flex !important; align-items: center !important;
  max-width: 900px !important; margin: 0 auto !important;
}
#oro-tool .ot-step {
  display: flex !important; align-items: center !important; gap: 8px !important;
  padding: 17px 0 !important; font-size: 13px !important; font-weight: 500 !important;
  color: #ccc !important; cursor: pointer !important;
  border-bottom: 3px solid transparent !important;
  background: none !important; border-left: none !important; border-right: none !important; border-top: none !important;
  transition: all .15s !important;
}
#oro-tool .ot-step.active { color: #c8963e !important; border-bottom-color: #c8963e !important; font-weight: 700 !important; }
#oro-tool .ot-step.done { color: #555 !important; }
#oro-tool .ot-step-n {
  width: 24px !important; height: 24px !important; border-radius: 50% !important;
  background: #eee !important; color: #bbb !important;
  font-size: 11px !important; font-weight: 700 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  flex-shrink: 0 !important;
}
#oro-tool .ot-step.active .ot-step-n { background: #c8963e !important; color: #fff !important; }
#oro-tool .ot-step.done .ot-step-n { background: #1a1a1a !important; color: #fff !important; }
#oro-tool .ot-prog-line { flex: 1 !important; height: 1px !important; background: #e8e3dc !important; margin: 0 14px !important; }

/* ── Panels ──────────────────────────────────────────────────────────────── */
#oro-tool .ot-panel { display: none !important; padding: 36px 48px 52px !important; }
#oro-tool .ot-panel.active { display: block !important; }
#oro-tool .ot-form-wrap { max-width: 900px !important; margin: 0 auto !important; }

/* ── Sections ────────────────────────────────────────────────────────────── */
#oro-tool .ot-section {
  background: #fff !important; border-radius: 16px !important;
  border: 1px solid #e8e3dc !important; padding: 28px 32px !important;
  margin-bottom: 18px !important; box-shadow: 0 1px 4px rgba(0,0,0,.04) !important;
}
#oro-tool .ot-section-head {
  display: flex !important; align-items: flex-start !important;
  gap: 14px !important; margin-bottom: 20px !important; flex-wrap: wrap !important;
}
#oro-tool .ot-section-num {
  width: 34px !important; height: 34px !important; border-radius: 10px !important;
  background: #1a1a1a !important; color: #fff !important;
  font-size: 12px !important; font-weight: 800 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  flex-shrink: 0 !important; margin-top: 2px !important;
}
#oro-tool .ot-section-title {
  font-size: 18px !important; font-weight: 800 !important;
  color: #1a1a1a !important; line-height: 1.2 !important; margin-bottom: 4px !important;
}
#oro-tool .ot-section-sub { font-size: 13px !important; color: #888 !important; line-height: 1.6 !important; }
#oro-tool .ot-socal-pill {
  background: #e8f4ff !important; color: #1a6bb5 !important;
  font-size: 11px !important; font-weight: 700 !important;
  padding: 4px 12px !important; border-radius: 20px !important;
  margin-left: auto !important; white-space: nowrap !important; flex-shrink: 0 !important;
}

/* ── Service grid ────────────────────────────────────────────────────────── */
#oro-tool .ot-svc-grid {
  display: grid !important; grid-template-columns: repeat(5,1fr) !important; gap: 10px !important;
}
#oro-tool .ot-svc-btn {
  display: flex !important; flex-direction: column !important;
  align-items: center !important; gap: 8px !important; padding: 18px 8px !important;
  background: #f7f5f2 !important; border: 2px solid transparent !important;
  border-radius: 12px !important; cursor: pointer !important; transition: all .15s !important;
}
#oro-tool .ot-svc-btn:hover { background: #fdf6ec !important; border-color: #e8d9c0 !important; transform: translateY(-2px) !important; }
#oro-tool .ot-svc-btn.selected { background: #fdf6ec !important; border-color: #c8963e !important; }
#oro-tool .ot-svc-ico { width: 44px !important; height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; }
#oro-tool .ot-svc-ico svg { width: 32px !important; height: 32px !important; }
#oro-tool .ot-svc-lbl { font-size: 11px !important; font-weight: 600 !important; color: #555 !important; text-align: center !important; line-height: 1.3 !important; }
#oro-tool .ot-svc-btn.selected .ot-svc-lbl { color: #c8963e !important; }

/* ── Address ─────────────────────────────────────────────────────────────── */
#oro-tool .ot-addr-row { display: grid !important; grid-template-columns: 2fr 1.4fr 90px !important; gap: 12px !important; align-items: end !important; }
#oro-tool .ot-addr-dropdown {
  position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important;
  background: #fff !important; border: 2px solid #c8963e !important;
  border-top: none !important; border-radius: 0 0 10px 10px !important;
  z-index: 99999 !important; max-height: 240px !important; overflow-y: auto !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.15) !important;
}
#oro-tool .ot-addr-item { padding: 11px 16px !important; cursor: pointer !important; border-bottom: 1px solid #f5f0e8 !important; transition: background .1s !important; }
#oro-tool .ot-addr-item:last-child { border-bottom: none !important; }
#oro-tool .ot-addr-item:hover { background: #fdf6ec !important; }
#oro-tool .ot-addr-street { display: block !important; font-size: 14px !important; font-weight: 600 !important; color: #1a1a1a !important; }
#oro-tool .ot-addr-city { display: block !important; font-size: 11px !important; color: #888 !important; margin-top: 2px !important; }
#oro-tool .ot-addr-hint { padding: 10px 16px !important; font-size: 12px !important; color: #aaa !important; font-style: italic !important; }

/* ── Property intel ──────────────────────────────────────────────────────── */
#oro-tool .ot-intel-card {
  background: #fdf6ec !important; border: 1.5px solid #e8d9c0 !important;
  border-radius: 12px !important; padding: 16px 18px !important; margin-top: 14px !important;
  animation: ot-fadein .35s ease !important;
}
@keyframes ot-fadein { from { opacity:0; transform:translateY(-5px) } to { opacity:1; transform:none } }
#oro-tool .ot-intel-hdr {
  display: flex !important; align-items: center !important; gap: 8px !important;
  font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important;
  letter-spacing: .08em !important; color: #7a5c2a !important; margin-bottom: 12px !important;
}
#oro-tool .ot-intel-ok {
  margin-left: auto !important; font-size: 10px !important; color: #c8963e !important;
  font-weight: 700 !important; background: rgba(200,150,62,.15) !important;
  padding: 2px 10px !important; border-radius: 20px !important;
}
#oro-tool .ot-intel-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; margin-bottom: 10px !important; }
#oro-tool .ot-intel-item { background: rgba(255,255,255,.9) !important; border-radius: 8px !important; padding: 11px 13px !important; border: 1px solid rgba(200,150,62,.15) !important; }
#oro-tool .ot-intel-lbl { font-size: 9px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .08em !important; color: #b0a898 !important; margin-bottom: 4px !important; display: block !important; }
#oro-tool .ot-intel-val { font-size: 16px !important; font-weight: 800 !important; color: #1a1a1a !important; display: block !important; }
#oro-tool .ot-intel-tip { font-size: 12px !important; color: #5a4020 !important; line-height: 1.65 !important; background: rgba(200,150,62,.1) !important; border-radius: 7px !important; padding: 10px 13px !important; }
#oro-tool .ot-intel-load { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 12px !important; color: #b0a898 !important; padding: 8px 0 !important; margin-top: 8px !important; }

/* ── Dimensions ──────────────────────────────────────────────────────────── */
#oro-tool .ot-dim-row { display: flex !important; align-items: flex-end !important; gap: 10px !important; flex-wrap: wrap !important; }
#oro-tool .ot-dim-op { font-size: 22px !important; font-weight: 300 !important; color: #ccc !important; padding-bottom: 10px !important; flex-shrink: 0 !important; }
#oro-tool .ot-dim-result { flex: 1 !important; min-width: 80px !important; }
#oro-tool .ot-dim-disp { height: 48px !important; background: #fdf6ec !important; border: 2px solid #e8d9c0 !important; border-radius: 10px !important; display: flex !important; align-items: center !important; padding: 0 16px !important; font-size: 17px !important; font-weight: 800 !important; color: #c8963e !important; }
#oro-tool .ot-dim-or { font-size: 12px !important; color: #aaa !important; padding-bottom: 12px !important; font-weight: 500 !important; }

/* ── Fields ──────────────────────────────────────────────────────────────── */
#oro-tool .ot-fields-row { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 14px !important; margin-bottom: 14px !important; }
#oro-tool .ot-field { margin-bottom: 14px !important; }
#oro-tool .ot-field label,
#oro-tool label.ot-field-lbl {
  display: block !important; font-size: 11px !important; font-weight: 700 !important;
  text-transform: uppercase !important; letter-spacing: .07em !important;
  color: #888 !important; margin-bottom: 6px !important; padding: 0 !important;
  background: none !important; border: none !important; float: none !important;
}
#oro-tool input[type="text"],
#oro-tool input[type="email"],
#oro-tool input[type="tel"],
#oro-tool input[type="number"],
#oro-tool input[type="date"],
#oro-tool select,
#oro-tool textarea {
  width: 100% !important; padding: 13px 15px !important; font-size: 15px !important;
  color: #1a1a1a !important; background: #fff !important;
  border: 2px solid #e0dbd4 !important; border-radius: 10px !important;
  outline: none !important; -webkit-appearance: none !important; appearance: none !important;
  transition: border-color .15s, box-shadow .15s !important;
  font-family: inherit !important; line-height: 1.4 !important;
  box-shadow: none !important; margin: 0 !important;
}
#oro-tool input:focus, #oro-tool select:focus, #oro-tool textarea:focus {
  border-color: #c8963e !important;
  box-shadow: 0 0 0 4px rgba(200,150,62,.1) !important;
}
#oro-tool input::placeholder, #oro-tool textarea::placeholder { color: #c8c0b4 !important; font-size: 14px !important; }
#oro-tool select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M1 4l5 5 5-5' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: right 14px center !important; padding-right: 36px !important; cursor: pointer !important;
}
#oro-tool textarea { resize: vertical !important; min-height: 110px !important; line-height: 1.65 !important; }

/* Finish buttons */
#oro-tool .ot-finish-row { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; margin-top: 8px !important; }
#oro-tool .ot-fin {
  padding: 11px 20px !important; background: #f7f5f2 !important;
  border: 2px solid #e8e3dc !important; border-radius: 9px !important;
  font-size: 13px !important; font-weight: 500 !important; cursor: pointer !important;
  color: #555 !important; transition: all .15s !important; position: relative !important;
  font-family: inherit !important;
}
#oro-tool .ot-fin:hover { border-color: #c8963e !important; color: #c8963e !important; }
#oro-tool .ot-fin.active { background: #fdf6ec !important; border-color: #c8963e !important; color: #c8963e !important; font-weight: 700 !important; }
#oro-tool .ot-fin-popular {
  font-size: 9px !important; background: #c8963e !important; color: #fff !important;
  padding: 1px 6px !important; border-radius: 10px !important; margin-left: 6px !important;
  font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .04em !important;
}

/* AI Reword */
#oro-tool .ot-reword-btn {
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
  padding: 6px 14px !important; background: #fdf6ec !important;
  border: 1.5px solid #e8d9c0 !important; border-radius: 20px !important;
  font-size: 11px !important; font-weight: 700 !important; color: #c8963e !important;
  cursor: pointer !important; margin-left: auto !important; transition: all .15s !important;
  white-space: nowrap !important; font-family: inherit !important;
}
#oro-tool .ot-reword-btn:hover { background: #c8963e !important; color: #fff !important; }
#oro-tool .ot-reword-btn:disabled { opacity: .5 !important; cursor: not-allowed !important; }
#oro-tool .ot-reword-status {
  display: flex !important; align-items: center !important; gap: 8px !important;
  font-size: 12px !important; color: #c8963e !important; margin-top: 8px !important;
}

/* Uploads */
#oro-tool .ot-upload-pair { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 16px !important; }
#oro-tool .ot-upload-col { display: flex !important; flex-direction: column !important; }
#oro-tool .ot-upload-lbl {
  font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important;
  letter-spacing: .07em !important; color: #888 !important; margin-bottom: 8px !important;
}
#oro-tool .ot-upload-zone {
  border: 2px dashed #d4cfc8 !important; border-radius: 12px !important;
  background: #f7f5f2 !important; cursor: pointer !important; overflow: hidden !important;
  transition: all .15s !important; flex: 1 !important;
}
#oro-tool .ot-upload-zone:hover { border-color: #c8963e !important; background: #fdf6ec !important; }
#oro-tool .ot-upload-inner { padding: 28px 16px !important; text-align: center !important; }
#oro-tool .ot-upload-ico { font-size: 28px !important; display: block !important; margin-bottom: 8px !important; }
#oro-tool .ot-upload-inner p { font-size: 13px !important; color: #666 !important; margin: 0 0 4px !important; }
#oro-tool .ot-upload-inner strong { color: #c8963e !important; }
#oro-tool .ot-upload-hint { font-size: 11px !important; color: #aaa !important; display: block !important; }
#oro-tool .ot-upload-prev { position: relative !important; }
#oro-tool .ot-upload-prev img { width: 100% !important; max-height: 180px !important; object-fit: cover !important; display: block !important; }
#oro-tool .ot-remove-btn {
  position: absolute !important; top: 8px !important; right: 8px !important;
  background: rgba(0,0,0,.65) !important; color: #fff !important; border: none !important;
  font-size: 12px !important; padding: 4px 10px !important; border-radius: 20px !important; cursor: pointer !important;
}
#oro-tool .ot-gold-pill {
  background: #fdf6ec !important; color: #c8963e !important; font-size: 10px !important;
  font-weight: 700 !important; padding: 2px 8px !important; border-radius: 20px !important;
  border: 1px solid #e8d9c0 !important;
}

/* Consent */
#oro-tool .ot-consent {
  display: flex !important; gap: 10px !important; align-items: flex-start !important;
  font-size: 12px !important; color: #888 !important; cursor: pointer !important; line-height: 1.65 !important;
}
#oro-tool .ot-consent input { flex-shrink: 0 !important; margin-top: 2px !important; accent-color: #c8963e !important; width: auto !important; }

/* ── Panel footer ────────────────────────────────────────────────────────── */
#oro-tool .ot-panel-footer {
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  background: #fff !important; border-radius: 0 0 16px 16px !important;
  padding: 18px 32px !important; margin-top: -18px !important;
  border: 1px solid #e8e3dc !important; border-top: none !important;
}
#oro-tool .ot-trust-pills { display: flex !important; gap: 16px !important; flex-wrap: wrap !important; }
#oro-tool .ot-trust-pills span { font-size: 12px !important; color: #888 !important; font-weight: 500 !important; }
#oro-tool .ot-btn-gold {
  display: inline-flex !important; align-items: center !important; gap: 8px !important;
  padding: 15px 32px !important; background: #c8963e !important; color: #fff !important;
  border: none !important; border-radius: 10px !important; font-size: 15px !important;
  font-weight: 700 !important; cursor: pointer !important; transition: all .15s !important;
  font-family: inherit !important;
}
#oro-tool .ot-btn-gold:hover { background: #b5822f !important; transform: translateY(-1px) !important; }
#oro-tool .ot-btn-gold:disabled { background: #ccc !important; cursor: not-allowed !important; transform: none !important; }
#oro-tool .ot-btn-ghost {
  padding: 14px 20px !important; background: none !important;
  border: 2px solid #e0dbd4 !important; color: #888 !important;
  border-radius: 10px !important; font-size: 14px !important; cursor: pointer !important;
  transition: all .15s !important; font-family: inherit !important;
}
#oro-tool .ot-btn-ghost:hover { border-color: #888 !important; color: #1a1a1a !important; }
#oro-tool .ot-btn-submit {
  display: inline-flex !important; align-items: center !important; gap: 10px !important;
  flex: 1 !important; justify-content: center !important; padding: 17px 32px !important;
  background: #1a1a1a !important; color: #fff !important; border: none !important;
  border-radius: 10px !important; font-size: 16px !important; font-weight: 700 !important;
  cursor: pointer !important; transition: all .15s !important; font-family: inherit !important;
}
#oro-tool .ot-btn-submit:hover { background: #333 !important; transform: translateY(-1px) !important; }
#oro-tool .ot-btn-submit:disabled { background: #999 !important; cursor: not-allowed !important; transform: none !important; }

/* ── Contact panel split ─────────────────────────────────────────────────── */
#oro-tool .ot-contact-split {
  display: grid !important; grid-template-columns: 1fr 1.5fr !important; gap: 24px !important; align-items: start !important;
}
#oro-tool .ot-contact-promo {
  background: #1a1a1a !important; border-radius: 16px !important; padding: 30px 26px !important;
  color: #fff !important; position: sticky !important; top: 80px !important;
}
#oro-tool .ot-contact-promo-icon { font-size: 32px !important; display: block !important; margin-bottom: 14px !important; }
#oro-tool .ot-contact-promo-title { font-size: 22px !important; font-weight: 800 !important; color: #fff !important; margin-bottom: 10px !important; }
#oro-tool .ot-contact-promo-body { font-size: 14px !important; color: rgba(255,255,255,.55) !important; line-height: 1.7 !important; margin-bottom: 18px !important; }
#oro-tool .ot-contact-bullets { display: flex !important; flex-direction: column !important; gap: 9px !important; margin-bottom: 22px !important; }
#oro-tool .ot-bullet { font-size: 13px !important; color: rgba(255,255,255,.7) !important; display: flex !important; gap: 8px !important; }
#oro-tool .ot-contact-promo-trust { display: flex !important; border-top: 1px solid rgba(255,255,255,.1) !important; padding-top: 18px !important; }
#oro-tool .ot-cpt-item { flex: 1 !important; text-align: center !important; }
#oro-tool .ot-cpt-item strong { display: block !important; font-size: 18px !important; font-weight: 800 !important; color: #fff !important; margin-bottom: 3px !important; }
#oro-tool .ot-cpt-item span { font-size: 10px !important; color: rgba(255,255,255,.3) !important; text-transform: uppercase !important; letter-spacing: .06em !important; }
#oro-tool .ot-contact-right { background: #fff !important; border-radius: 16px !important; border: 1px solid #e8e3dc !important; padding: 28px 30px !important; }

/* ── Loading ─────────────────────────────────────────────────────────────── */
#oro-tool .ot-loading-box { text-align: center !important; padding: 80px 48px !important; }
#oro-tool .ot-loader-ring {
  width: 52px !important; height: 52px !important;
  border: 3px solid #e8e3dc !important; border-top-color: #c8963e !important;
  border-radius: 50% !important; animation: ot-spin .85s linear infinite !important;
  margin: 0 auto 22px !important; display: block !important;
}
@keyframes ot-spin { to { transform: rotate(360deg); } }
#oro-tool .ot-loading-title { font-size: 20px !important; font-weight: 700 !important; color: #1a1a1a !important; margin-bottom: 8px !important; }
#oro-tool .ot-loading-sub { font-size: 14px !important; color: #888 !important; margin-bottom: 28px !important; }
#oro-tool .ot-loading-steps { display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; flex-wrap: wrap !important; }
#oro-tool .ot-ls { font-size: 11px !important; color: #ccc !important; padding: 4px 12px !important; background: #f5f3f0 !important; border-radius: 20px !important; }
#oro-tool .ot-ls.active { background: #fdf6ec !important; color: #c8963e !important; font-weight: 600 !important; }
#oro-tool .ot-ls-arrow { color: #ccc !important; font-size: 12px !important; }
#oro-tool .ot-spin-sm {
  display: inline-block !important; width: 14px !important; height: 14px !important;
  border: 2px solid rgba(200,150,62,.25) !important; border-top-color: #c8963e !important;
  border-radius: 50% !important; animation: ot-spin .85s linear infinite !important; flex-shrink: 0 !important;
}

/* ── Thank you ───────────────────────────────────────────────────────────── */
#oro-tool .ot-ty {
  display: flex !important; align-items: center !important; gap: 16px !important;
  background: #fdf6ec !important; border: 1.5px solid #e8d9c0 !important;
  border-radius: 14px !important; padding: 20px 24px !important; margin-bottom: 22px !important;
}
#oro-tool .ot-ty-icon {
  width: 56px !important; height: 56px !important; background: #fff !important;
  border: 2px solid #c8963e !important; border-radius: 50% !important;
  display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;
}
#oro-tool .ot-ty-title { font-size: 18px !important; font-weight: 800 !important; color: #1a1a1a !important; margin-bottom: 4px !important; }
#oro-tool .ot-ty-sub { font-size: 13px !important; color: #888 !important; line-height: 1.6 !important; }

/* ── Results ─────────────────────────────────────────────────────────────── */
#oro-tool .ot-est-hero {
  background: #1a1a1a !important; border-radius: 16px !important; padding: 28px 32px !important;
  margin-bottom: 16px !important; display: flex !important; align-items: center !important; justify-content: space-between !important;
}
#oro-tool .ot-est-lbl { font-size: 10px !important; text-transform: uppercase !important; letter-spacing: .1em !important; color: rgba(255,255,255,.35) !important; margin-bottom: 6px !important; display: block !important; }
#oro-tool .ot-est-range { font-size: 40px !important; font-weight: 900 !important; color: #fff !important; letter-spacing: -1.5px !important; margin-bottom: 10px !important; display: block !important; }
#oro-tool .ot-est-tag { display: inline-block !important; font-size: 10px !important; padding: 3px 10px !important; background: rgba(255,255,255,.1) !important; border-radius: 20px !important; color: rgba(255,255,255,.5) !important; margin-right: 5px !important; margin-bottom: 3px !important; }
#oro-tool .ot-est-cta-call {
  display: inline-flex !important; align-items: center !important; gap: 8px !important;
  padding: 13px 22px !important; background: #c8963e !important; color: #fff !important;
  border-radius: 10px !important; font-size: 14px !important; font-weight: 700 !important;
  text-decoration: none !important; white-space: nowrap !important; transition: all .15s !important;
}
#oro-tool .ot-bd-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; margin-bottom: 16px !important; }
#oro-tool .ot-br-card { background: #fff !important; border: 1px solid #e8e3dc !important; border-radius: 12px !important; padding: 16px 18px !important; }
#oro-tool .ot-br-lbl { font-size: 9px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .08em !important; color: #ccc !important; margin-bottom: 5px !important; display: block !important; }
#oro-tool .ot-br-val { font-size: 22px !important; font-weight: 800 !important; color: #1a1a1a !important; display: block !important; }
#oro-tool .ot-scope { background: #fdf6ec !important; border-left: 4px solid #c8963e !important; border-radius: 0 10px 10px 0 !important; padding: 14px 18px !important; margin-bottom: 16px !important; font-size: 14px !important; line-height: 1.8 !important; color: #3a3028 !important; }
#oro-tool .ot-result-section-title { font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .1em !important; color: #ccc !important; margin-bottom: 10px !important; display: block !important; }
#oro-tool .ot-next-steps { background: #f9f7f4 !important; border: 1px solid #e8e3dc !important; border-radius: 10px !important; padding: 14px 18px !important; font-size: 13px !important; color: #777 !important; line-height: 1.75 !important; margin-bottom: 20px !important; }

/* Mockup */
#oro-tool .ot-mockup-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; margin-bottom: 20px !important; }
#oro-tool .ot-mock-before, #oro-tool .ot-mock-after { border-radius: 12px !important; overflow: hidden !important; border: 1px solid #e8e3dc !important; }
#oro-tool .ot-mock-after { background: #f9f7f4 !important; min-height: 180px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; }
#oro-tool .ot-mock-before img, #oro-tool .ot-mock-after img { width: 100% !important; height: 220px !important; object-fit: cover !important; display: block !important; }
#oro-tool .ot-mock-lbl { font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .06em !important; color: #bbb !important; text-align: center !important; padding: 8px !important; background: #fff !important; display: block !important; }
#oro-tool .ot-mock-spin { text-align: center !important; padding: 24px !important; }
#oro-tool .ot-mock-spin p { font-size: 12px !important; color: #888 !important; margin-top: 10px !important; }

/* Booking */
#oro-tool .ot-booking { background: #fff !important; border: 2px solid #e8e3dc !important; border-radius: 16px !important; padding: 26px 28px !important; margin-bottom: 22px !important; }
#oro-tool .ot-booking-hdr { display: flex !important; align-items: center !important; gap: 14px !important; margin-bottom: 12px !important; }
#oro-tool .ot-booking-icon { width: 48px !important; height: 48px !important; background: #fdf6ec !important; border-radius: 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; }
#oro-tool .ot-booking-title { font-size: 16px !important; font-weight: 700 !important; color: #1a1a1a !important; margin-bottom: 3px !important; }
#oro-tool .ot-booking-sub { font-size: 11px !important; color: #c8963e !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .05em !important; }
#oro-tool .ot-slots { display: flex !important; flex-direction: column !important; gap: 8px !important; }
#oro-tool .ot-slot { display: flex !important; align-items: center !important; gap: 10px !important; }
#oro-tool .ot-slot-lbl { font-size: 10px !important; font-weight: 700 !important; color: #aaa !important; text-transform: uppercase !important; letter-spacing: .05em !important; white-space: nowrap !important; min-width: 58px !important; }
#oro-tool .ot-slot-date, #oro-tool .ot-slot-time { flex: 1 !important; padding: 10px 12px !important; font-size: 13px !important; }
#oro-tool .ot-btn-book { width: 100% !important; padding: 15px !important; background: #1a1a1a !important; color: #fff !important; border: none !important; border-radius: 10px !important; font-size: 15px !important; font-weight: 700 !important; cursor: pointer !important; margin-top: 14px !important; transition: background .15s !important; font-family: inherit !important; }
#oro-tool .ot-btn-book:hover { background: #333 !important; }
#oro-tool .ot-btn-book:disabled { background: #999 !important; cursor: not-allowed !important; }
#oro-tool .ot-book-ok { background: #e8f5e9 !important; border: 1px solid #a5d6a7 !important; border-radius: 8px !important; padding: 12px 16px !important; margin-top: 10px !important; font-size: 13px !important; color: #1b5e20 !important; font-weight: 600 !important; }
#oro-tool .ot-result-actions { display: flex !important; gap: 10px !important; margin-bottom: 16px !important; flex-wrap: wrap !important; }
#oro-tool .ot-btn-gold-lg { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 1 !important; padding: 16px !important; background: #c8963e !important; color: #fff !important; border-radius: 10px !important; font-size: 15px !important; font-weight: 700 !important; text-decoration: none !important; transition: all .15s !important; border: none !important; cursor: pointer !important; font-family: inherit !important; }
#oro-tool .ot-btn-ghost-sm { padding: 16px 22px !important; background: none !important; border: 2px solid #e0dbd4 !important; color: #888 !important; border-radius: 10px !important; font-size: 14px !important; cursor: pointer !important; white-space: nowrap !important; font-family: inherit !important; }

/* Error + disclaimer */
#oro-tool .ot-error-box { text-align: center !important; padding: 60px 32px !important; }
#oro-tool .ot-error-icon { font-size: 40px !important; display: block !important; margin-bottom: 16px !important; }
#oro-tool .ot-error-title { font-size: 20px !important; font-weight: 800 !important; margin-bottom: 8px !important; }
#oro-tool .ot-error-msg { font-size: 14px !important; color: #888 !important; margin-bottom: 22px !important; line-height: 1.7 !important; }
#oro-tool .ot-disclaimer { font-size: 11px !important; color: #bbb !important; text-align: center !important; line-height: 1.75 !important; padding-top: 8px !important; }
#oro-tool .ot-disclaimer a { color: #c8963e !important; text-decoration: none !important; }

/* Footer */
#oro-tool .ot-foot { background: #1a1a1a !important; padding: 16px 48px !important; display: flex !important; justify-content: space-between !important; flex-wrap: wrap !important; gap: 8px !important; }
#oro-tool .ot-foot span { font-size: 11px !important; color: rgba(255,255,255,.25) !important; }

/* ── Responsive ──────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  #oro-tool .ot-bar { padding: 12px 18px !important; }
  #oro-tool .ot-bar-lic { display: none !important; }
  #oro-tool .ot-bar-call { padding: 7px 12px !important; font-size: 12px !important; }
  #oro-tool .ot-hero { grid-template-columns: 1fr !important; min-height: auto !important; }
  #oro-tool .ot-hero-right { display: none !important; }
  #oro-tool .ot-hero-left { padding: 36px 20px !important; }
  #oro-tool .ot-hero-h1 { font-size: 30px !important; }
  #oro-tool .ot-hero-p { font-size: 14px !important; }
  #oro-tool .ot-revstrip-inner { grid-template-columns: 1fr !important; }
  #oro-tool .ot-rev-static { border-right: none !important; border-bottom: 1px solid rgba(255,255,255,.06) !important; }
  #oro-tool .ot-rev-static:last-child { border-bottom: none !important; }
  #oro-tool .ot-progress { padding: 0 18px !important; }
  #oro-tool .ot-panel { padding: 20px 18px 40px !important; }
  #oro-tool .ot-svc-grid { grid-template-columns: repeat(3,1fr) !important; }
  #oro-tool .ot-addr-row { grid-template-columns: 1fr !important; }
  #oro-tool .ot-fields-row { grid-template-columns: 1fr !important; }
  #oro-tool .ot-contact-split { grid-template-columns: 1fr !important; }
  #oro-tool .ot-upload-pair { grid-template-columns: 1fr !important; }
  #oro-tool .ot-panel-footer { flex-direction: column-reverse !important; gap: 10px !important; border-radius: 12px !important; }
  #oro-tool .ot-btn-gold, #oro-tool .ot-btn-submit { width: 100% !important; justify-content: center !important; }
  #oro-tool .ot-est-hero { flex-direction: column !important; gap: 16px !important; }
  #oro-tool .ot-est-range { font-size: 30px !important; }
  #oro-tool .ot-mockup-grid { grid-template-columns: 1fr !important; }
  #oro-tool .ot-bd-grid { grid-template-columns: 1fr !important; }
  #oro-tool .ot-section { padding: 20px 16px !important; }
  #oro-tool .ot-foot { padding: 14px 18px !important; }
}

/* ── TARGETED FIXES v8.2 ─────────────────────────────────────────────────── */

/* Reviews — compact, no full-screen takeover */
#oro-tool .ot-revstrip {
  max-height: 120px !important;
  height: 120px !important;
  overflow: hidden !important;
}
#oro-tool .ot-revstrip-inner {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  height: 120px !important;
  overflow: hidden !important;
}
#oro-tool .ot-rev-static {
  padding: 14px 20px !important;
  height: 120px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}
#oro-tool .ot-rev-q {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  font-size: 12px !important;
  margin-bottom: 5px !important;
}
#oro-tool .ot-rev-stars { margin-bottom: 4px !important; font-size: 11px !important; }
#oro-tool .ot-rev-auth { font-size: 10px !important; }

/* Hero — no extra blank space */
#oro-tool .ot-hero {
  min-height: 0 !important;
}
#oro-tool .ot-hero-left {
  padding: 52px 48px 52px 48px !important;
}
#oro-tool .ot-hero-img-grid {
  height: 100% !important;
  min-height: 400px !important;
}
#oro-tool .ot-himg {
  min-height: 0 !important;
}

/* Dimension row — proper alignment, Calculated label above box */
#oro-tool .ot-dim-row {
  display: flex !important;
  align-items: flex-end !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
}
#oro-tool .ot-dim-result {
  flex: 1.2 !important;
  min-width: 120px !important;
}
#oro-tool .ot-dim-result label {
  display: block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .07em !important;
  color: #888 !important;
  margin-bottom: 6px !important;
}
#oro-tool .ot-dim-disp {
  height: 48px !important;
  background: #fdf6ec !important;
  border: 2px solid #e8d9c0 !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 16px !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #c8963e !important;
}
#oro-tool .ot-dim-op {
  padding-bottom: 10px !important;
  font-size: 20px !important;
  color: #ccc !important;
  font-weight: 300 !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
}
#oro-tool .ot-dim-or {
  padding-bottom: 14px !important;
  font-size: 12px !important;
  color: #aaa !important;
  font-weight: 600 !important;
  flex-shrink: 0 !important;
}
/* Make the "or" and Total SF wrap below on small screens */
@media (max-width: 600px) {
  #oro-tool .ot-dim-row { flex-wrap: wrap !important; }
  #oro-tool .ot-dim-or { width: 100% !important; padding: 4px 0 !important; text-align: center !important; }
}

/* Logo in topbar — tinted to match, no color clash */
#oro-tool .ot-bar-logo {
  filter: none !important;
  max-height: 38px !important;
  opacity: 1 !important;
}
/* If logo img loads on dark: no change needed — it's on white bar */

/* Hero eyebrow / h1 display fix */
#oro-tool .ot-hero-eyebrow { display: block !important; }
#oro-tool .ot-hero-h1 { display: block !important; }
#oro-tool .ot-hero-p { display: block !important; }

/* Steps — keep them on one line */
#oro-tool .ot-step { white-space: nowrap !important; }
#oro-tool .ot-step-lbl { font-size: 12px !important; }

/* ── Intel tip — expanded for rich data ─────────────────────────────────── */
#oro-tool .ot-intel-tip {
  font-size: 13px !important;
  color: #5a4020 !important;
  line-height: 1.65 !important;
  background: rgba(200,150,62,.08) !important;
  border-radius: 8px !important;
  padding: 12px 14px !important;
}
#oro-tool .ot-intel-tip div { line-height: 1.65 !important; }

/* ── Version bump — force cache bust ────────────────────────────────────── */
/* v8.2 */

/* ══════════════════════════════════════════════════════════════
   v8.3 — TOPBAR + REVIEWS COMPLETE REBUILD
══════════════════════════════════════════════════════════════ */

/* ── Top bar ── */
#oro-tool .ot-bar {
  background: #ffffff !important;
  border-bottom: 1px solid #e8e3dc !important;
  padding: 0 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 66px !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  box-shadow: 0 1px 10px rgba(0,0,0,.07) !important;
  gap: 16px !important;
}
#oro-tool .ot-bar-logo-wrap {
  display: flex !important;
  align-items: center !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
}
#oro-tool .ot-bar-logo {
  height: 40px !important;
  width: auto !important;
  max-width: 180px !important;
  display: block !important;
  object-fit: contain !important;
}
#oro-tool .ot-bar-fb {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #1a1a1a !important;
  letter-spacing: -.3px !important;
}
#oro-tool .ot-bar-right {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-shrink: 0 !important;
}

/* Platform badges row */
#oro-tool .ot-platforms {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
#oro-tool .ot-plat {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 5px 10px !important;
  border: 1px solid #e8e3dc !important;
  border-radius: 20px !important;
  background: #fff !important;
  transition: border-color .15s, box-shadow .15s !important;
  white-space: nowrap !important;
}
#oro-tool .ot-plat:hover {
  border-color: #c8963e !important;
  box-shadow: 0 2px 8px rgba(200,150,62,.15) !important;
}
#oro-tool .ot-plat-logo {
  width: 16px !important;
  height: 16px !important;
  display: block !important;
  flex-shrink: 0 !important;
}
#oro-tool .ot-plat-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}
#oro-tool .ot-plat-stars {
  color: #f9a825 !important;
  font-size: 9px !important;
  letter-spacing: .5px !important;
  line-height: 1 !important;
  display: block !important;
}
#oro-tool .ot-plat-name {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #555 !important;
  line-height: 1.2 !important;
  display: block !important;
}
#oro-tool .ot-bar-call {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  background: #c8963e !important;
  color: #fff !important;
  padding: 9px 18px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  transition: background .15s !important;
}
#oro-tool .ot-bar-call:hover { background: #b5822f !important; }

/* ── Reviews strip — fixed height, no overflow ── */
#oro-tool .ot-revstrip {
  background: #1e1c1a !important;
  overflow: hidden !important;
  border-bottom: 1px solid rgba(255,255,255,.04) !important;
}
#oro-tool .ot-revstrip-inner {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  width: 100% !important;
  overflow: hidden !important;
}
#oro-tool .ot-rev-col {
  padding: 15px 24px !important;
  border-right: 1px solid rgba(255,255,255,.06) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  overflow: hidden !important;
}
#oro-tool .ot-rev-col:last-child { border-right: none !important; }
#oro-tool .ot-rev-top-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 5px !important;
}
#oro-tool .ot-rev-stars {
  color: #f9a825 !important;
  font-size: 11px !important;
  letter-spacing: 1px !important;
  line-height: 1 !important;
}
#oro-tool .ot-rev-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,.45) !important;
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 20px !important;
  padding: 2px 7px !important;
}
#oro-tool .ot-rev-q {
  font-size: 12.5px !important;
  color: rgba(255,255,255,.7) !important;
  font-style: italic !important;
  line-height: 1.5 !important;
  margin-bottom: 6px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  flex: 1 !important;
}
#oro-tool .ot-rev-auth {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,.35) !important;
}
#oro-tool .ot-rev-date {
  font-size: 10px !important;
  color: rgba(255,255,255,.22) !important;
  font-weight: 400 !important;
}

/* ── Responsive — hide platforms on small screens ── */
@media (max-width: 900px) {
  #oro-tool .ot-platforms { display: none !important; }
  #oro-tool .ot-bar { padding: 0 20px !important; }
  #oro-tool .ot-revstrip-inner { grid-template-columns: 1fr !important; }
  #oro-tool .ot-rev-col { border-right: none !important; border-bottom: 1px solid rgba(255,255,255,.06) !important; }
  #oro-tool .ot-rev-col:last-child { border-bottom: none !important; }
}
@media (max-width: 1100px) {
  #oro-tool .ot-plat-name { display: none !important; }
  #oro-tool .ot-plat { padding: 5px 7px !important; }
}

/* ══════════════════════════════════════════════════════════════
   v8.4 — REVIEW CARD CAROUSEL + PROGRESS FIX
══════════════════════════════════════════════════════════════ */

/* ── Review carousel ──────────────────────────────────────────────────────── */
#oro-tool .ot-revstrip {
  background: #1a1a1a !important;
  padding: 28px 0 18px !important;
  overflow: hidden !important;
  position: relative !important;
}
#oro-tool .ot-rev-slider-wrap {
  position: relative !important;
  padding: 0 56px !important;
  overflow: hidden !important;
}
#oro-tool .ot-rev-track {
  display: flex !important;
  gap: 14px !important;
  transition: transform .4s cubic-bezier(.25,.46,.45,.94) !important;
  will-change: transform !important;
}
#oro-tool .ot-rev-card {
  background: #252220 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 14px !important;
  padding: 18px 20px !important;
  min-width: 260px !important;
  max-width: 260px !important;
  flex-shrink: 0 !important;
  transition: border-color .2s !important;
}
#oro-tool .ot-rev-card:hover {
  border-color: rgba(200,150,62,.4) !important;
}
#oro-tool .ot-rev-card-top {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
}
#oro-tool .ot-rev-card-av {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #fff !important;
  flex-shrink: 0 !important;
}
#oro-tool .ot-rev-card-meta {
  flex: 1 !important;
  min-width: 0 !important;
}
#oro-tool .ot-rev-card-name {
  display: block !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #fff !important;
  line-height: 1.2 !important;
}
#oro-tool .ot-rev-card-time {
  display: block !important;
  font-size: 11px !important;
  color: rgba(255,255,255,.35) !important;
  margin-top: 1px !important;
}
#oro-tool .ot-rev-card-src {
  flex-shrink: 0 !important;
  opacity: .85 !important;
}
#oro-tool .ot-rev-card-stars {
  color: #f9a825 !important;
  font-size: 14px !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 8px !important;
  display: block !important;
}
#oro-tool .ot-rev-card-text {
  font-size: 13px !important;
  color: rgba(255,255,255,.65) !important;
  line-height: 1.6 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Arrow buttons */
#oro-tool .ot-rev-arrow {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.1) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  color: #fff !important;
  font-size: 22px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 10 !important;
  transition: background .15s !important;
  font-family: inherit !important;
}
#oro-tool .ot-rev-arrow:hover { background: rgba(200,150,62,.4) !important; }
#oro-tool .ot-rev-prev { left: 10px !important; }
#oro-tool .ot-rev-next { right: 10px !important; }

/* Dots */
#oro-tool .ot-rev-dots {
  display: flex !important;
  justify-content: center !important;
  gap: 6px !important;
  margin-top: 14px !important;
  padding: 0 56px !important;
}
#oro-tool .ot-rev-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.2) !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  transition: all .2s !important;
}
#oro-tool .ot-rev-dot.active {
  background: #c8963e !important;
  width: 20px !important;
  border-radius: 3px !important;
}

/* ── Progress steps — fix styling ────────────────────────────────────────── */
#oro-tool .ot-progress {
  background: #fff !important;
  border-bottom: 2px solid #f0ebe3 !important;
  padding: 0 48px !important;
  overflow-x: auto !important;
}
#oro-tool .ot-prog-inner {
  display: flex !important;
  align-items: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  min-width: 0 !important;
}
#oro-tool .ot-step {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 16px 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #bbb !important;
  cursor: default !important;
  border-bottom: 3px solid transparent !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  background: none !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  transition: all .2s !important;
}
#oro-tool .ot-step.active {
  color: #c8963e !important;
  border-bottom-color: #c8963e !important;
  font-weight: 700 !important;
}
#oro-tool .ot-step.done { color: #555 !important; cursor: pointer !important; }
#oro-tool .ot-step-n {
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  background: #f0ebe3 !important;
  color: #bbb !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  transition: all .2s !important;
}
#oro-tool .ot-step.active .ot-step-n { background: #c8963e !important; color: #fff !important; }
#oro-tool .ot-step.done .ot-step-n { background: #1a1a1a !important; color: #fff !important; }
#oro-tool .ot-prog-line {
  flex: 1 !important;
  height: 1px !important;
  background: #e8e3dc !important;
  margin: 0 16px !important;
  min-width: 20px !important;
}

/* ══════════════════════════════════════════════════════════════
   v8.5 — CRITICAL FIXES: reviews, dim row, specificity
══════════════════════════════════════════════════════════════ */

/* ── REVIEWS — max specificity, every property explicit ─────────────────── */
div#oro-tool .ot-revstrip,
#oro-tool div.ot-revstrip {
  display: block !important;
  background: #1a1a1a !important;
  padding: 24px 0 16px !important;
  overflow: hidden !important;
  position: relative !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
div#oro-tool .ot-rev-slider-wrap,
#oro-tool .ot-rev-slider-wrap {
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0 48px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
div#oro-tool .ot-rev-track,
#oro-tool .ot-rev-track {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 14px !important;
  transition: transform .4s ease !important;
  width: max-content !important;
}
div#oro-tool .ot-rev-card,
#oro-tool .ot-rev-card {
  display: block !important;
  background: #252220 !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 14px !important;
  padding: 18px 20px !important;
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
  float: none !important;
  margin: 0 !important;
}
div#oro-tool .ot-rev-card-top,
#oro-tool .ot-rev-card-top {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
  width: 100% !important;
}
div#oro-tool .ot-rev-card-av,
#oro-tool .ot-rev-card-av {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #fff !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
}
div#oro-tool .ot-rev-card-name,
#oro-tool .ot-rev-card-name {
  display: block !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}
div#oro-tool .ot-rev-card-time,
#oro-tool .ot-rev-card-time {
  display: block !important;
  font-size: 11px !important;
  color: rgba(255,255,255,.4) !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}
div#oro-tool .ot-rev-card-stars,
#oro-tool .ot-rev-card-stars {
  display: block !important;
  color: #f9a825 !important;
  font-size: 14px !important;
  letter-spacing: 1px !important;
  margin: 0 0 8px !important;
  line-height: 1 !important;
}
div#oro-tool .ot-rev-card-text,
#oro-tool .ot-rev-card-text {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  font-size: 13px !important;
  color: rgba(255,255,255,.65) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}
div#oro-tool .ot-rev-arrow,
#oro-tool .ot-rev-arrow {
  display: flex !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: #ffffff !important;
  font-size: 20px !important;
  cursor: pointer !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 20 !important;
  transition: background .15s !important;
  padding: 0 !important;
  font-family: inherit !important;
  line-height: 1 !important;
}
div#oro-tool .ot-rev-arrow:hover,
#oro-tool .ot-rev-arrow:hover { background: rgba(200,150,62,.5) !important; }
div#oro-tool .ot-rev-prev,
#oro-tool .ot-rev-prev { left: 6px !important; }
div#oro-tool .ot-rev-next,
#oro-tool .ot-rev-next { right: 6px !important; }
div#oro-tool .ot-rev-dots,
#oro-tool .ot-rev-dots {
  display: flex !important;
  justify-content: center !important;
  gap: 6px !important;
  margin-top: 14px !important;
  padding: 0 !important;
}
div#oro-tool .ot-rev-dot,
#oro-tool .ot-rev-dot {
  display: inline-block !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 3px !important;
  background: rgba(255,255,255,.2) !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  transition: all .2s !important;
}
div#oro-tool .ot-rev-dot.active,
#oro-tool .ot-rev-dot.active {
  background: #c8963e !important;
  width: 20px !important;
}

/* ── DIMENSION ROW — pixel-perfect alignment ─────────────────────────────── */
#oro-tool .ot-dim-row {
  display: flex !important;
  align-items: flex-end !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}
/* Each number input field */
#oro-tool .ot-dim-row .ot-field {
  flex: 1 !important;
  min-width: 80px !important;
  max-width: 140px !important;
  margin-bottom: 0 !important;
}
/* × and = operators — aligned to bottom of inputs */
#oro-tool .ot-dim-op {
  font-size: 20px !important;
  font-weight: 300 !important;
  color: #ccc !important;
  flex-shrink: 0 !important;
  /* line up with input bottom: input height 48px + label 26px = 74px total, op is ~28px */
  padding-bottom: 11px !important;
  line-height: 1 !important;
  margin-bottom: 0 !important;
  display: flex !important;
  align-items: flex-end !important;
  height: 74px !important; /* label(26) + input(48) */
  padding-top: 0 !important;
}
/* Result display — same height as input */
#oro-tool .ot-dim-result {
  flex: 1 !important;
  min-width: 100px !important;
  max-width: 140px !important;
  margin-bottom: 0 !important;
}
#oro-tool .ot-dim-result label {
  display: block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .07em !important;
  color: #888 !important;
  margin-bottom: 6px !important;
  height: 20px !important;
  line-height: 20px !important;
}
#oro-tool .ot-dim-disp {
  height: 48px !important;
  background: #fdf6ec !important;
  border: 2px solid #e8d9c0 !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 14px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #c8963e !important;
  box-sizing: border-box !important;
}
/* "or" text */
#oro-tool .ot-dim-or {
  font-size: 12px !important;
  color: #aaa !important;
  font-weight: 600 !important;
  flex-shrink: 0 !important;
  padding-bottom: 11px !important;
  height: 74px !important;
  display: flex !important;
  align-items: flex-end !important;
  margin-bottom: 0 !important;
}
/* Total SF field */
#oro-tool .ot-dim-row .ot-field:last-child {
  max-width: 140px !important;
  flex: 1 !important;
}

/* ══════════════════════════════════════════════════════════════
   VIDEO ANALYZER SECTION
══════════════════════════════════════════════════════════════ */
#oro-tool .ot-video-section {
  background: linear-gradient(135deg, #1a1a1a 0%, #252220 100%) !important;
  border: 1.5px solid rgba(200,150,62,.3) !important;
  border-radius: 16px !important;
  padding: 28px 32px !important;
  margin-bottom: 20px !important;
  position: relative !important;
  overflow: hidden !important;
}
#oro-tool .ot-video-section::before {
  content: '' !important;
  position: absolute !important;
  top: -60px !important; right: -60px !important;
  width: 200px !important; height: 200px !important;
  border-radius: 50% !important;
  background: rgba(200,150,62,.06) !important;
  pointer-events: none !important;
}
#oro-tool .ot-video-header {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  margin-bottom: 20px !important;
}
#oro-tool .ot-video-icon {
  width: 52px !important; height: 52px !important;
  background: rgba(200,150,62,.15) !important;
  border: 1.5px solid rgba(200,150,62,.3) !important;
  border-radius: 14px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  flex-shrink: 0 !important;
}
#oro-tool .ot-video-title {
  font-size: 18px !important; font-weight: 800 !important;
  color: #fff !important; margin-bottom: 6px !important;
  display: flex !important; align-items: center !important; gap: 10px !important; flex-wrap: wrap !important;
}
#oro-tool .ot-video-badge {
  font-size: 10px !important; font-weight: 700 !important;
  background: #c8963e !important; color: #fff !important;
  padding: 3px 10px !important; border-radius: 20px !important;
  text-transform: uppercase !important; letter-spacing: .05em !important;
}
#oro-tool .ot-video-sub {
  font-size: 13px !important; color: rgba(255,255,255,.55) !important; line-height: 1.65 !important;
}
/* How it works steps */
#oro-tool .ot-video-steps {
  display: flex !important; align-items: center !important; gap: 8px !important;
  margin-bottom: 20px !important; flex-wrap: wrap !important;
}
#oro-tool .ot-vstep {
  display: flex !important; align-items: center !important; gap: 8px !important;
  font-size: 12px !important; color: rgba(255,255,255,.55) !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 8px !important; padding: 8px 12px !important;
  flex: 1 !important; min-width: 160px !important;
}
#oro-tool .ot-vstep-n {
  width: 20px !important; height: 20px !important; border-radius: 50% !important;
  background: #c8963e !important; color: #fff !important;
  font-size: 11px !important; font-weight: 800 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  flex-shrink: 0 !important;
}
#oro-tool .ot-vstep-arrow { color: rgba(255,255,255,.2) !important; font-size: 18px !important; flex-shrink: 0 !important; }

/* Upload zone */
#oro-tool .ot-video-upload-zone {
  border: 2px dashed rgba(200,150,62,.4) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.03) !important;
  cursor: pointer !important;
  transition: all .2s !important;
  overflow: hidden !important;
}
#oro-tool .ot-video-upload-zone:hover,
#oro-tool .ot-video-upload-zone.drag {
  border-color: #c8963e !important;
  background: rgba(200,150,62,.07) !important;
}
#oro-tool .ot-video-upload-inner { padding: 32px 24px !important; text-align: center !important; }
#oro-tool .ot-video-upload-ico { margin-bottom: 14px !important; }
#oro-tool .ot-video-upload-title { font-size: 15px !important; color: rgba(255,255,255,.8) !important; margin-bottom: 6px !important; }
#oro-tool .ot-video-upload-title strong { color: #c8963e !important; }
#oro-tool .ot-video-upload-hint { font-size: 12px !important; color: rgba(255,255,255,.3) !important; margin-bottom: 10px !important; }
#oro-tool .ot-video-upload-tip { font-size: 12px !important; color: rgba(255,255,255,.4) !important; background: rgba(255,255,255,.04) !important; border-radius: 8px !important; padding: 8px 14px !important; display: inline-block !important; }

/* Selected file */
#oro-tool .ot-video-selected { padding: 16px 20px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; }
#oro-tool .ot-video-file-info { font-size: 13px !important; color: rgba(255,255,255,.7) !important; display: flex !important; align-items: center !important; gap: 10px !important; }
#oro-tool .ot-video-remove { background: none !important; border: 1px solid rgba(255,255,255,.2) !important; color: rgba(255,255,255,.5) !important; font-size: 12px !important; padding: 5px 12px !important; border-radius: 20px !important; cursor: pointer !important; transition: all .15s !important; }
#oro-tool .ot-video-remove:hover { border-color: #ff5555 !important; color: #ff5555 !important; }

/* Analyze button */
#oro-tool .ot-video-analyze-btn {
  width: 100% !important; padding: 15px !important;
  background: #c8963e !important; color: #fff !important;
  border: none !important; border-radius: 10px !important;
  font-size: 15px !important; font-weight: 700 !important;
  cursor: pointer !important; display: flex !important;
  align-items: center !important; justify-content: center !important;
  gap: 10px !important; transition: all .15s !important; font-family: inherit !important;
}
#oro-tool .ot-video-analyze-btn:hover { background: #b5822f !important; transform: translateY(-1px) !important; }
#oro-tool .ot-video-analyze-btn:disabled { background: #666 !important; cursor: not-allowed !important; transform: none !important; }

/* Processing */
#oro-tool .ot-video-proc-inner { display: flex !important; align-items: center !important; gap: 16px !important; margin-bottom: 14px !important; }
#oro-tool .ot-video-proc-ring { width: 36px !important; height: 36px !important; border: 3px solid rgba(200,150,62,.2) !important; border-top-color: #c8963e !important; border-radius: 50% !important; animation: ot-spin .85s linear infinite !important; flex-shrink: 0 !important; }
#oro-tool .ot-video-proc-title { font-size: 14px !important; font-weight: 700 !important; color: #fff !important; margin-bottom: 4px !important; }
#oro-tool .ot-video-proc-sub { font-size: 12px !important; color: rgba(255,255,255,.4) !important; }
#oro-tool .ot-video-proc-bar { height: 3px !important; background: rgba(255,255,255,.08) !important; border-radius: 3px !important; overflow: hidden !important; }
#oro-tool .ot-video-proc-fill { height: 100% !important; background: #c8963e !important; border-radius: 3px !important; transition: width .5s ease !important; width: 0% !important; }

/* Result */
#oro-tool .ot-video-result-header { display: flex !important; align-items: flex-start !important; gap: 12px !important; background: rgba(200,150,62,.12) !important; border: 1px solid rgba(200,150,62,.25) !important; border-radius: 10px !important; padding: 14px 16px !important; margin-bottom: 12px !important; }
#oro-tool .ot-video-result-check { width: 32px !important; height: 32px !important; background: #c8963e !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; }
#oro-tool .ot-video-result-title { font-size: 14px !important; font-weight: 700 !important; color: #fff !important; margin-bottom: 3px !important; }
#oro-tool .ot-video-result-sub { font-size: 12px !important; color: rgba(255,255,255,.5) !important; }
#oro-tool .ot-video-transcript { background: rgba(255,255,255,.04) !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 8px !important; padding: 12px 14px !important; font-size: 12px !important; color: rgba(255,255,255,.5) !important; line-height: 1.7 !important; font-style: italic !important; margin-bottom: 12px !important; max-height: 80px !important; overflow-y: auto !important; }
#oro-tool .ot-video-redo { background: none !important; border: 1px solid rgba(255,255,255,.2) !important; color: rgba(255,255,255,.5) !important; font-size: 12px !important; padding: 6px 14px !important; border-radius: 20px !important; cursor: pointer !important; font-family: inherit !important; }

/* Error */
#oro-tool .ot-video-error-box { background: rgba(255,80,80,.08) !important; border: 1px solid rgba(255,80,80,.2) !important; border-radius: 10px !important; padding: 16px !important; display: flex !important; align-items: center !important; gap: 12px !important; }
#oro-tool .ot-video-error-icon { font-size: 20px !important; flex-shrink: 0 !important; }
#oro-tool #ot-video-error-msg { font-size: 13px !important; color: rgba(255,255,255,.7) !important; flex: 1 !important; }

/* Skip link */
#oro-tool .ot-video-skip { text-align: center !important; margin-top: 16px !important; font-size: 12px !important; color: rgba(255,255,255,.25) !important; display: flex !important; align-items: center !important; gap: 10px !important; }
#oro-tool .ot-video-skip::before, #oro-tool .ot-video-skip::after { content: '' !important; flex: 1 !important; height: 1px !important; background: rgba(255,255,255,.08) !important; }
#oro-tool .ot-video-skip-btn { background: none !important; border: none !important; color: rgba(255,255,255,.35) !important; font-size: 12px !important; cursor: pointer !important; font-family: inherit !important; transition: color .15s !important; white-space: nowrap !important; }
#oro-tool .ot-video-skip-btn:hover { color: #c8963e !important; }

/* ══════════════════════════════════════════════════════════════
   QR CODE PHONE UPLOAD
══════════════════════════════════════════════════════════════ */
#oro-tool .ot-qr-section { margin-top: 20px !important; }
#oro-tool .ot-qr-divider {
  display: flex !important; align-items: center !important;
  gap: 12px !important; margin-bottom: 14px !important;
  color: rgba(255,255,255,.3) !important; font-size: 12px !important;
}
#oro-tool .ot-qr-divider::before,
#oro-tool .ot-qr-divider::after { content: '' !important; flex: 1 !important; height: 1px !important; background: rgba(255,255,255,.08) !important; }
#oro-tool .ot-qr-card {
  display: grid !important; grid-template-columns: 1fr auto !important;
  gap: 20px !important; align-items: start !important;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 14px !important; padding: 20px !important;
}
#oro-tool .ot-qr-title { font-size: 15px !important; font-weight: 700 !important; color: #fff !important; margin-bottom: 6px !important; }
#oro-tool .ot-qr-sub { font-size: 12px !important; color: rgba(255,255,255,.45) !important; line-height: 1.65 !important; margin-bottom: 14px !important; }
#oro-tool .ot-qr-steps { display: flex !important; flex-direction: column !important; gap: 6px !important; }
#oro-tool .ot-qr-step { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 12px !important; color: rgba(255,255,255,.5) !important; }
#oro-tool .ot-qr-step-n { width: 18px !important; height: 18px !important; border-radius: 50% !important; background: rgba(200,150,62,.3) !important; color: #c8963e !important; font-size: 10px !important; font-weight: 800 !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; }
#oro-tool .ot-qr-status { display: flex !important; align-items: center !important; gap: 8px !important; margin-top: 12px !important; font-size: 12px !important; color: #c8963e !important; }
#oro-tool .ot-qr-pulse { width: 8px !important; height: 8px !important; border-radius: 50% !important; background: #c8963e !important; animation: ot-qr-pulse 1.5s ease-in-out infinite !important; flex-shrink: 0 !important; }
@keyframes ot-qr-pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(.7)} }
#oro-tool .ot-qr-right { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 8px !important; }
#oro-tool .ot-qr-box { display: flex !important; align-items: center !important; justify-content: center !important; }
#oro-tool .ot-qr-generate-btn {
  display: flex !important; flex-direction: column !important; align-items: center !important; gap: 8px !important;
  padding: 16px !important; background: rgba(200,150,62,.12) !important;
  border: 1.5px dashed rgba(200,150,62,.4) !important; border-radius: 12px !important;
  color: #c8963e !important; font-size: 12px !important; font-weight: 600 !important;
  cursor: pointer !important; transition: all .15s !important; font-family: inherit !important;
  width: 120px !important; min-height: 110px !important;
}
#oro-tool .ot-qr-generate-btn:hover { background: rgba(200,150,62,.2) !important; border-color: #c8963e !important; }
#oro-tool #ot-qr-canvas { display: block !important; border-radius: 10px !important; border: 3px solid #fff !important; }
#oro-tool .ot-qr-scan-hint { font-size: 11px !important; color: rgba(255,255,255,.4) !important; text-align: center !important; }
#oro-tool .ot-qr-expires { font-size: 10px !important; color: rgba(255,255,255,.2) !important; text-align: center !important; }
#oro-tool .ot-qr-files-header { display: flex !important; align-items: center !important; gap: 7px !important; font-size: 12px !important; font-weight: 700 !important; color: #c8963e !important; text-transform: uppercase !important; letter-spacing: .06em !important; margin-bottom: 10px !important; }
#oro-tool .ot-qr-files-list { display: flex !important; gap: 10px !important; flex-wrap: wrap !important; }
#oro-tool .ot-qr-file-thumb { width: 80px !important; height: 80px !important; border-radius: 10px !important; overflow: hidden !important; border: 2px solid rgba(200,150,62,.3) !important; position: relative !important; }
#oro-tool .ot-qr-file-thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
#oro-tool .ot-qr-file-thumb .ot-qr-file-type { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; background: rgba(200,150,62,.15) !important; font-size: 28px !important; }
@media (max-width: 600px) {
  #oro-tool .ot-qr-card { grid-template-columns: 1fr !important; }
  #oro-tool .ot-qr-right { flex-direction: row !important; justify-content: flex-start !important; }
}

/* ═══ MEDIA TABS ════════════════════════════════════════════════════════════ */
#oro-tool .ot-media-tabs {
  display: flex !important; gap: 8px !important; margin-bottom: 20px !important; flex-wrap: wrap !important;
}
#oro-tool .ot-mtab {
  padding: 10px 18px !important; background: #f7f5f2 !important;
  border: 2px solid #e8e3dc !important; border-radius: 8px !important;
  font-size: 13px !important; font-weight: 600 !important; color: #555 !important;
  cursor: pointer !important; transition: all .15s !important; font-family: inherit !important;
}
#oro-tool .ot-mtab:hover { border-color: #c8963e !important; color: #c8963e !important; }
#oro-tool .ot-mtab.active { background: #fdf6ec !important; border-color: #c8963e !important; color: #c8963e !important; }
#oro-tool .ot-mtab-content { display: none !important; }
#oro-tool .ot-mtab-content.active { display: block !important; }

/* Video intro */
#oro-tool .ot-video-intro { background: rgba(200,150,62,.08) !important; border-left: 3px solid #c8963e !important; border-radius: 0 8px 8px 0 !important; padding: 12px 16px !important; margin-bottom: 16px !important; font-size: 13px !important; color: #555 !important; line-height: 1.7 !important; }

/* QR layout */
#oro-tool .ot-qr-layout { display: grid !important; grid-template-columns: 1fr auto !important; gap: 24px !important; align-items: start !important; }
#oro-tool .ot-qr-title { font-size: 16px !important; font-weight: 700 !important; color: #1a1a1a !important; margin-bottom: 8px !important; }
#oro-tool .ot-qr-sub { font-size: 13px !important; color: #666 !important; line-height: 1.65 !important; margin-bottom: 14px !important; }
#oro-tool .ot-qr-steps { display: flex !important; flex-direction: column !important; gap: 7px !important; margin-bottom: 14px !important; }
#oro-tool .ot-qr-step { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 13px !important; color: #555 !important; }
#oro-tool .ot-qr-step-n { width: 20px !important; height: 20px !important; border-radius: 50% !important; background: #c8963e !important; color: #fff !important; font-size: 11px !important; font-weight: 800 !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; }
#oro-tool .ot-qr-status { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 12px !important; color: #c8963e !important; font-weight: 600 !important; }
#oro-tool .ot-qr-pulse { width: 8px !important; height: 8px !important; border-radius: 50% !important; background: #c8963e !important; animation: ot-qr-pulse 1.5s ease-in-out infinite !important; flex-shrink: 0 !important; }
@keyframes ot-qr-pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.35;transform:scale(.6)} }
#oro-tool .ot-qr-right { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 8px !important; }
#oro-tool .ot-qr-code-wrap { display: flex !important; flex-direction: column !important; align-items: center !important; }
#oro-tool #ot-qr-canvas { border-radius: 10px !important; border: 3px solid #1a1a1a !important; }
#oro-tool .ot-qr-scan-hint { font-size: 11px !important; color: #888 !important; text-align: center !important; }
#oro-tool .ot-qr-expires { font-size: 10px !important; color: #bbb !important; text-align: center !important; }
#oro-tool .ot-qr-file-thumb { width: 72px !important; height: 72px !important; border-radius: 8px !important; overflow: hidden !important; border: 2px solid #e8d9c0 !important; }
#oro-tool .ot-qr-file-thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
@media (max-width: 600px) {
  #oro-tool .ot-qr-layout { grid-template-columns: 1fr !important; }
  #oro-tool .ot-qr-right { align-items: flex-start !important; flex-direction: row !important; }
}

/* ══════════════════════════════════════════════════════════════
   v8.9 — MEDIA CHOICE + QR LAYOUT
══════════════════════════════════════════════════════════════ */

/* Choice grid */
#oro-tool .ot-choice-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 14px !important;
  margin-bottom: 18px !important;
}
#oro-tool .ot-choice-btn {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 24px 16px !important;
  background: #f7f5f2 !important;
  border: 2px solid #e8e3dc !important;
  border-radius: 14px !important;
  cursor: pointer !important;
  transition: all .15s !important;
  text-align: center !important;
  font-family: inherit !important;
}
#oro-tool .ot-choice-btn:hover {
  background: #fdf6ec !important;
  border-color: #c8963e !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(200,150,62,.15) !important;
}
#oro-tool .ot-choice-btn.selected {
  background: #fdf6ec !important;
  border-color: #c8963e !important;
}
#oro-tool .ot-choice-ico { font-size: 36px !important; display: block !important; }
#oro-tool .ot-choice-title { font-size: 15px !important; font-weight: 700 !important; color: #1a1a1a !important; display: block !important; }
#oro-tool .ot-choice-desc { font-size: 12px !important; color: #888 !important; line-height: 1.5 !important; display: block !important; }
#oro-tool .ot-skip-media {
  background: none !important;
  border: none !important;
  font-size: 13px !important;
  color: #aaa !important;
  cursor: pointer !important;
  font-family: inherit !important;
  display: block !important;
  margin: 0 auto !important;
  padding: 6px !important;
  transition: color .15s !important;
}
#oro-tool .ot-skip-media:hover { color: #c8963e !important; }

/* Back button inside sections */
#oro-tool .ot-media-back { margin-bottom: 16px !important; }
#oro-tool .ot-back-choice {
  background: none !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  color: rgba(255,255,255,.5) !important;
  font-size: 12px !important;
  padding: 5px 12px !important;
  border-radius: 20px !important;
  cursor: pointer !important;
  font-family: inherit !important;
  transition: all .15s !important;
}
#oro-tool .ot-media-phone .ot-back-choice,
#oro-tool .ot-media-video .ot-back-choice { border-color: rgba(255,255,255,.15) !important; color: rgba(255,255,255,.4) !important; }
#oro-tool .ot-back-choice:hover { border-color: #c8963e !important; color: #c8963e !important; }

/* For photo section back button - dark text */
#oro-tool .ot-media-photos .ot-back-choice {
  border-color: #e0dbd4 !important;
  color: #888 !important;
}

/* QR layout */
#oro-tool .ot-qr-layout {
  display: flex !important;
  align-items: flex-start !important;
  gap: 28px !important;
}
#oro-tool .ot-qr-code-box { flex-shrink: 0 !important; }
#oro-tool .ot-qr-steps-col {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}
#oro-tool .ot-qr-step {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
}
#oro-tool .ot-qr-step-n {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  border-radius: 50% !important;
  background: #c8963e !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  margin-top: 1px !important;
}
#oro-tool .ot-qr-pulse {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #c8963e !important;
  display: inline-block !important;
  animation: ot-qr-pulse 1.8s ease-in-out infinite !important;
  flex-shrink: 0 !important;
}
@keyframes ot-qr-pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.3;transform:scale(.6)} }

@media (max-width: 600px) {
  #oro-tool .ot-choice-grid { grid-template-columns: 1fr !important; }
  #oro-tool .ot-qr-layout { flex-direction: column !important; align-items: center !important; }
}

/* ══════════════════════════════════════════════════════════════
   PANEL 2 — Block-style photo upload + QR strip + video toggle
══════════════════════════════════════════════════════════════ */

/* Tips */
#oro-tool .ot-upload-tips { display:flex!important; flex-direction:column!important; gap:8px!important; margin-bottom:20px!important; }
#oro-tool .ot-tip-item { display:flex!important; align-items:flex-start!important; gap:10px!important; font-size:14px!important; color:#555!important; line-height:1.5!important; }
#oro-tool .ot-tip-check { color:#c8963e!important; font-weight:700!important; flex-shrink:0!important; margin-top:1px!important; }

/* Photo zone outer */
#oro-tool .ot-photo-zone { border-radius:14px!important; overflow:hidden!important; border:1px solid #e8e3dc!important; }

/* Thumbnails row */
#oro-tool .ot-photo-thumbs { display:flex!important; flex-wrap:wrap!important; gap:10px!important; padding:16px 16px 0!important; }
#oro-tool .ot-photo-thumb { position:relative!important; width:90px!important; height:90px!important; border-radius:10px!important; overflow:hidden!important; border:2px solid #e8e3dc!important; flex-shrink:0!important; }
#oro-tool .ot-photo-thumb img { width:100%!important; height:100%!important; object-fit:cover!important; display:block!important; }
#oro-tool .ot-photo-thumb .ot-thumb-label { position:absolute!important; bottom:0!important; left:0!important; right:0!important; background:rgba(0,0,0,.55)!important; color:#fff!important; font-size:9px!important; font-weight:700!important; text-transform:uppercase!important; letter-spacing:.05em!important; padding:3px 6px!important; text-align:center!important; }
#oro-tool .ot-photo-thumb .ot-thumb-remove { position:absolute!important; top:4px!important; right:4px!important; width:18px!important; height:18px!important; background:rgba(0,0,0,.65)!important; color:#fff!important; border:none!important; border-radius:50%!important; font-size:10px!important; cursor:pointer!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0!important; line-height:1!important; }

/* Add area */
#oro-tool .ot-photo-add-area { display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; padding:32px 20px 20px!important; background:#fff!important; position:relative!important; cursor:pointer!important; }
#oro-tool .ot-photo-add-area.drag-over { background:#fdf6ec!important; }
#oro-tool .ot-photo-placeholder { margin-bottom:10px!important; }
#oro-tool .ot-add-photos-btn { display:inline-flex!important; align-items:center!important; gap:7px!important; padding:13px 32px!important; background:#1a1a1a!important; color:#fff!important; border:none!important; border-radius:10px!important; font-size:15px!important; font-weight:700!important; cursor:pointer!important; transition:background .15s!important; font-family:inherit!important; margin-bottom:10px!important; }
#oro-tool .ot-add-photos-btn:hover { background:#333!important; }
#oro-tool .ot-photo-add-hint { font-size:12px!important; color:#aaa!important; text-align:center!important; }

/* QR strip — always visible below upload area */
#oro-tool .ot-qr-strip { display:flex!important; align-items:center!important; gap:16px!important; padding:14px 20px!important; background:#f5f3f0!important; border-top:1px solid #e8e3dc!important; }
#oro-tool .ot-qr-strip-left { flex-shrink:0!important; }
#oro-tool .ot-qr-strip-right { flex:1!important; }
#oro-tool .ot-qr-strip-title { font-size:14px!important; font-weight:700!important; color:#1a1a1a!important; margin-bottom:3px!important; }
#oro-tool .ot-qr-strip-sub { font-size:12px!important; color:#888!important; }
#oro-tool .ot-qr-phone-status { display:flex!important; align-items:center!important; gap:7px!important; margin-top:6px!important; font-size:12px!important; color:#c8963e!important; font-weight:600!important; }
#oro-tool .ot-qr-pulse-dot { width:7px!important; height:7px!important; border-radius:50%!important; background:#c8963e!important; display:inline-block!important; animation:ot-qr-p 1.8s ease-in-out infinite!important; flex-shrink:0!important; }
@keyframes ot-qr-p { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.3;transform:scale(.6)} }

/* Video toggle button */
#oro-tool .ot-video-option-toggle { margin-top:16px!important; text-align:center!important; }
#oro-tool .ot-video-toggle-btn { display:inline-flex!important; align-items:center!important; gap:7px!important; background:none!important; border:1.5px solid #e0dbd4!important; color:#888!important; font-size:13px!important; font-weight:500!important; padding:9px 18px!important; border-radius:20px!important; cursor:pointer!important; font-family:inherit!important; transition:all .15s!important; }
#oro-tool .ot-video-toggle-btn:hover { border-color:#c8963e!important; color:#c8963e!important; }
#oro-tool .ot-video-toggle-btn.active { background:#1a1a1a!important; border-color:#1a1a1a!important; color:#fff!important; }

/* Video section inner */
#oro-tool .ot-video-section-inner { margin-top:14px!important; border-radius:12px!important; overflow:hidden!important; }
#oro-tool .ot-video-upload-zone { background:#1a1a1a!important; border:2px dashed rgba(200,150,62,.35)!important; border-radius:12px!important; padding:28px 20px!important; text-align:center!important; cursor:pointer!important; transition:border-color .15s!important; }
#oro-tool .ot-video-upload-zone:hover { border-color:#c8963e!important; }
#oro-tool .ot-video-upload-title { font-size:15px!important; color:rgba(255,255,255,.85)!important; margin-bottom:6px!important; }
#oro-tool .ot-video-upload-title strong { color:#c8963e!important; }
#oro-tool .ot-video-upload-hint { font-size:12px!important; color:rgba(255,255,255,.35)!important; }
#oro-tool .ot-video-analyze-btn { width:100%!important; padding:14px!important; background:#c8963e!important; color:#fff!important; border:none!important; border-radius:10px!important; font-size:15px!important; font-weight:700!important; cursor:pointer!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:9px!important; transition:background .15s!important; font-family:inherit!important; }
#oro-tool .ot-video-analyze-btn:hover { background:#b5822f!important; }
#oro-tool .ot-video-analyze-btn:disabled { background:#666!important; cursor:not-allowed!important; }
#oro-tool .ot-video-proc-ring { width:28px!important; height:28px!important; border:2.5px solid rgba(200,150,62,.2)!important; border-top-color:#c8963e!important; border-radius:50%!important; animation:ot-spin .85s linear infinite!important; flex-shrink:0!important; }

@media (max-width:600px) {
  #oro-tool .ot-qr-strip { flex-direction:column!important; align-items:flex-start!important; }
}

/* ══════════════════════════════════════════════════════════════
   v9.1 FIXES — no phantom loading, QR strip polish
══════════════════════════════════════════════════════════════ */

/* Reword status — NEVER show by default, JS controls it */
#oro-tool #ot-reword-status { display: none !important; }
#oro-tool #ot-reword-status.visible { display: flex !important; }

/* QR strip URL hint */
#oro-tool .ot-qr-strip-url {
  font-size: 10px !important;
  color: #aaa !important;
  margin-top: 3px !important;
  word-break: break-all !important;
}

/* Address dropdown — style the Photon results */
#oro-tool .ot-addr-dropdown,
#oro-tool #ot-city-drop {
  position: absolute !important;
  top: 100% !important; left: 0 !important; right: 0 !important;
  background: #fff !important;
  border: 2px solid #c8963e !important;
  border-top: none !important;
  border-radius: 0 0 10px 10px !important;
  z-index: 99999 !important;
  max-height: 260px !important;
  overflow-y: auto !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.14) !important;
}

/* ══════════════════════════════════════════════════════════════
   v9.1 CRITICAL — kill all phantom spinners with max specificity
══════════════════════════════════════════════════════════════ */

/* Rewriting spinner — NEVER visible unless .visible class added by JS */
html body div#oro-tool #ot-reword-status,
html body #oro-tool div#ot-reword-status {
  display: none !important;
  visibility: hidden !important;
}
html body div#oro-tool #ot-reword-status.visible,
html body #oro-tool div#ot-reword-status.visible {
  display: flex !important;
  visibility: visible !important;
}

/* Neighborhood analyzer — NEVER visible unless .visible class added by JS */
html body div#oro-tool #ot-intel-loading,
html body #oro-tool div#ot-intel-loading {
  display: none !important;
  visibility: hidden !important;
}
html body div#oro-tool #ot-intel-loading.visible,
html body #oro-tool div#ot-intel-loading.visible {
  display: flex !important;
  visibility: visible !important;
}

/* ══════════════════════════════════════════════════════════════
   v9.6 — TWO SEPARATE UPLOAD ZONES + QR STRIP
══════════════════════════════════════════════════════════════ */
#oro-tool .ot-two-uploads {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  gap: 0 !important;
  align-items: start !important;
}
#oro-tool .ot-upload-block {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}
#oro-tool .ot-upload-block-label {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
#oro-tool .ot-upload-block-icon {
  font-size: 22px !important;
  flex-shrink: 0 !important;
}
#oro-tool .ot-upload-block-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  line-height: 1.2 !important;
}
#oro-tool .ot-upload-block-sub {
  font-size: 11px !important;
  color: #888 !important;
  margin-top: 2px !important;
}
#oro-tool .ot-upload-drop {
  border: 2px dashed #d4cfc8 !important;
  border-radius: 12px !important;
  background: #f7f5f2 !important;
  cursor: pointer !important;
  overflow: hidden !important;
  transition: border-color .15s, background .15s !important;
  min-height: 160px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#oro-tool .ot-upload-drop:hover {
  border-color: #c8963e !important;
  background: #fdf6ec !important;
}
#oro-tool .ot-upload-drop-inner {
  padding: 24px 16px !important;
  text-align: center !important;
}

/* QR strip under zone 1 */
#oro-tool .ot-qr-mini {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  background: #f5f3f0 !important;
  border: 1px solid #e8e3dc !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
}

/* Inspiration hint */
#oro-tool .ot-inspo-hint {
  display: flex !important;
  align-items: flex-start !important;
  gap: 6px !important;
  font-size: 12px !important;
  color: #888 !important;
  line-height: 1.55 !important;
  background: #fdf6ec !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
}

/* Divider between zones */
#oro-tool .ot-upload-divider {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 16px !important;
  padding-top: 48px !important;
}
#oro-tool .ot-upload-divider span {
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  background: #e8e3dc !important;
  color: #888 !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Tips */
#oro-tool .ot-upload-tips { display:flex!important; flex-direction:column!important; gap:7px!important; margin-bottom:20px!important; }
#oro-tool .ot-tip-item { display:flex!important; align-items:flex-start!important; gap:8px!important; font-size:13px!important; color:#555!important; line-height:1.5!important; }
#oro-tool .ot-tip-check { color:#c8963e!important; font-weight:700!important; flex-shrink:0!important; }

@keyframes ot-qr-p { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.3;transform:scale(.6)} }

@media (max-width: 640px) {
  #oro-tool .ot-two-uploads { grid-template-columns: 1fr !important; }
  #oro-tool .ot-upload-divider { padding: 8px 0 !important; }
  #oro-tool .ot-upload-divider span { transform: rotate(90deg) !important; }
}