.bplbp-wrap{
  --b:#e5e7eb;
  --t:#0f172a;
  --m:#475569;
  --bg:#ffffff;
  --soft:#f8fafc;
  --chip:#f1f5f9;
  --seg-bg:#eaf0f7;
  --seg-border:#dbe4ee;
  --dark:#0f172a;
  --shadow: 0 18px 45px rgba(2,6,23,.10);

  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
.bplbp-wrap, .bplbp-wrap *{ box-sizing:border-box; }

.bplbp-card{
  background:var(--bg);
  border:1px solid var(--b);
  border-radius:22px;
  box-shadow:var(--shadow);
  padding:18px;
  overflow:hidden;
}

/* Header */
.bplbp-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  margin-bottom:16px;
}
.bplbp-title{ font-size:20px; font-weight:950; color:var(--t); letter-spacing:-.2px; }
.bplbp-sub{ font-size:12px; color:var(--m); margin-top:4px; line-height:1.35; }

/* Logo fixed */
.bplbp-wrap .bplbp-logo-badge{
  width:52px !important; height:52px !important;
  min-width:52px !important; min-height:52px !important;
  flex:0 0 auto !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  border-radius:999px !important;
  border:1px solid var(--b) !important;
  background:var(--chip) !important;
  overflow:hidden !important;
  padding:6px !important;
}
.bplbp-wrap .bplbp-logo-img{
  width:100% !important; height:100% !important;
  object-fit:contain !important; display:block !important;
}
@media (max-width:480px){
  .bplbp-wrap .bplbp-logo-badge{
    width:44px !important;height:44px !important;
    min-width:44px !important;min-height:44px !important;
    padding:5px !important;
  }
}

/* Grid */
.bplbp-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.bplbp-span2{ grid-column:1/-1; }
@media (max-width:680px){ .bplbp-grid{ grid-template-columns:1fr; } }

/* Labels */
.bplbp-field label{ display:block; font-size:13px; font-weight:950; color:var(--t); }
.bplbp-label-row{ display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:8px; }
.bplbp-chip{
  font-size:11px; font-weight:900; color:var(--m);
  background:var(--chip); border:1px solid var(--b);
  padding:4px 10px; border-radius:999px; white-space:nowrap;
}

/* Inputs (iOS zoom fix) */
.bplbp-wrap select,
.bplbp-wrap input[type="number"]{
  width:100%;
  padding:12px;
  border:1px solid var(--b);
  border-radius:14px;
  background:#fff;
  color:var(--t);
  outline:none;
  font-size:16px;
  line-height:1.2;
}
.bplbp-wrap input[type=number]::-webkit-outer-spin-button,
.bplbp-wrap input[type=number]::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.bplbp-wrap input[type=number]{ -moz-appearance:textfield; }

.bplbp-inline{ position:relative; }
.bplbp-suffix{
  position:absolute; right:12px; top:50%;
  transform:translateY(-50%);
  font-size:12px; color:var(--m); font-weight:900;
  pointer-events:none;
}

/* iOS Segmented (2/3/any) */
.bplbp-wrap .bplbp-seg{
  --count:2;
  --index:0;
  position:relative;
  display:flex;
  padding:6px;
  border-radius:16px;
  background:var(--seg-bg);
  border:1px solid var(--seg-border);
  overflow:hidden;
  user-select:none;
}
.bplbp-wrap .bplbp-seg::before{
  content:"";
  position:absolute;
  top:6px; bottom:6px; left:6px;
  width:calc((100% - 12px) / var(--count));
  transform:translateX(calc(var(--index) * 100%));
  background:var(--dark);
  border-radius:12px;
  box-shadow:0 10px 24px rgba(2,6,23,.18);
  transition:transform .22s cubic-bezier(.4,0,.2,1);
  z-index:1;
}
.bplbp-wrap .bplbp-seg button{
  flex:1;
  position:relative;
  z-index:2;
  border:0 !important;
  background:transparent !important;
  padding:12px 10px !important;
  font-weight:950;
  font-size:15px;
  cursor:pointer;
  color:var(--t);
  appearance:none;
}
.bplbp-wrap .bplbp-seg button.is-active{ color:#fff; }

/* 3’lüde metin sıkışmasın */
.bplbp-wrap .bplbp-seg[data-count="3"] button{
  font-size:14px;
  padding:12px 8px !important;
  white-space:nowrap;
}
@media (max-width:420px){
  .bplbp-wrap .bplbp-seg[data-count="3"] button{ font-size:13px; }
}

/* Mini text */
.bplbp-minirow{ margin-top:8px; }
.bplbp-mini{ font-size:12px; color:var(--m); line-height:1.35; font-weight:800; }

/* Slider show */
.bplbp-slider{ --pct:50%; position:relative; padding-top:12px; }
.bplbp-wrap input[type="range"][data-bplbp="feel"]{
  -webkit-appearance:none !important;
  appearance:none !important;
  width:100% !important;
  height:12px !important;
  border-radius:999px !important;
  outline:none !important;
  background:linear-gradient(90deg,#0f172a 0%,#475569 20%,#e2e8f0 50%,#475569 80%,#0f172a 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(15,23,42,.12) !important;
}
.bplbp-slider::before{
  content:"";
  position:absolute;
  left:0;
  top:12px;
  height:12px;
  width:var(--pct);
  border-radius:999px;
  background:rgba(15,23,42,.18);
  pointer-events:none;
}
.bplbp-wrap input[type="range"][data-bplbp="feel"]::-webkit-slider-thumb{
  -webkit-appearance:none !important;
  appearance:none !important;
  width:26px !important; height:26px !important;
  border-radius:999px !important;
  background:#0f172a !important;
  border:3px solid #fff !important;
  box-shadow:0 12px 26px rgba(2,6,23,.25) !important;
  cursor:pointer !important;
  margin-top:-7px;
}
.bplbp-wrap input[type="range"][data-bplbp="feel"]::-moz-range-thumb{
  width:26px !important; height:26px !important;
  border-radius:999px !important;
  background:#0f172a !important;
  border:3px solid #fff !important;
  box-shadow:0 12px 26px rgba(2,6,23,.25) !important;
  cursor:pointer !important;
}
.bplbp-bubble{
  position:absolute;
  top:-2px;
  transform:translateX(-50%);
  background:#0f172a;
  color:#fff;
  font-weight:950;
  font-size:12px;
  padding:5px 9px;
  border-radius:999px;
  box-shadow:0 12px 26px rgba(2,6,23,.25);
  pointer-events:none;
  white-space:nowrap;
}
.bplbp-scale{
  display:flex;
  justify-content:space-between;
  font-size:12px;
  color:var(--m);
  margin-top:8px;
  font-weight:900;
}

/* Advanced accordion */
.bplbp-adv{
  margin-top:14px;
  border:1px solid var(--b);
  border-radius:18px;
  background:linear-gradient(180deg, var(--soft), #fff);
  overflow:hidden;
}
.bplbp-adv-sum{
  cursor:pointer;
  list-style:none;
  padding:12px 14px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  font-weight:950;
  color:var(--t);
}
.bplbp-adv-sum::-webkit-details-marker{ display:none; }
.bplbp-adv-pill{
  font-size:11px;
  font-weight:950;
  color:var(--m);
  background:var(--chip);
  border:1px solid var(--b);
  padding:4px 10px;
  border-radius:999px;
  white-space:nowrap;
}
.bplbp-adv-body{ padding:14px; border-top:1px solid var(--b); }

/* Results */
.bplbp-results{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:16px;
}
@media (max-width:680px){ .bplbp-results{ grid-template-columns:1fr; } }

.bplbp-result-card{
  border:1px solid var(--b);
  border-radius:18px;
  padding:14px;
  background:linear-gradient(180deg, var(--soft), #fff);
}
.bplbp-result-top{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.bplbp-result-label{ font-size:12px; color:var(--m); font-weight:950; }

.bplbp-result-badge{
  font-size:11px;
  font-weight:950;
  padding:4px 10px;
  border-radius:999px;
  border:1px solid var(--b);
  background:#fff;
  color:var(--t);
}
.bplbp-result-badge.is-low{ background:#f8fafc; color:#334155; }
.bplbp-result-badge.is-ok{ background:#0f172a; color:#fff; border-color:#0f172a; }
.bplbp-result-badge.is-high{ background:#e2e8f0; color:#0f172a; }

.bplbp-result-main{
  font-size:34px;
  font-weight:950;
  color:var(--t);
  margin-top:8px;
  letter-spacing:-.4px;
}
.bplbp-unit{ font-size:12px; color:var(--m); font-weight:900; margin-left:6px; }
.bplbp-result-sub{ font-size:12px; color:var(--m); margin-top:4px; font-weight:900; }
.bplbp-range{ margin-top:12px; font-size:12px; color:var(--t); font-weight:900; }

/* Gauge (NOT slider-like) */
.bplbp-gauge{ margin-top:12px; }
.bplbp-gauge-track{
  position:relative;
  height:10px;
  border-radius:999px;
  background:#e2e8f0;
  overflow:hidden;
  box-shadow: inset 0 0 0 1px rgba(15,23,42,.08);
  pointer-events:none; /* <-- makes it clearly not interactive */
}
.bplbp-gauge-fill{
  height:100%;
  width:50%;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(15,23,42,.20), rgba(15,23,42,.45));
  transition:width .18s ease;
  pointer-events:none;
}

/* Marker pin instead of draggable dot */
.bplbp-gauge-dot{
  position:absolute;
  top:50%;
  width:2px;
  height:18px;
  background:#0f172a;
  transform:translate(-50%,-50%);
  left:50%;
  transition:left .18s ease;
  pointer-events:none;
  border-radius:2px;
  box-shadow:0 10px 22px rgba(2,6,23,.14);
}
.bplbp-gauge-dot::after{
  content:"";
  position:absolute;
  top:-6px;
  left:50%;
  transform:translateX(-50%);
  width:8px;
  height:8px;
  border-radius:999px;
  background:#0f172a;
  border:2px solid #fff;
  box-shadow:0 10px 22px rgba(2,6,23,.16);
}

.bplbp-gauge-meta{
  display:flex;
  justify-content:space-between;
  font-size:11px;
  color:var(--m);
  font-weight:900;
  margin-top:6px;
}

/* Note */
.bplbp-note{
  margin-top:14px;
  padding:12px;
  border-radius:16px;
  border:1px dashed var(--b);
  color:var(--m);
  font-size:12px;
  line-height:1.5;
  background:#fff;
}