:root {
      --font: "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    }

    html,
    body {
      height: 100%;
    }

    body {
      font-family: var(--font);
      min-height: 100vh;
      display: flex;
      flex-direction: column;
    }

    main.main {
      flex: 1 0 auto;
    }

    footer.footer {
      margin-top: auto;
    }

    body,
    .main {
      padding-bottom: 0 !important;
    }

    #preloader {
      display: none !important;
    }

    /* Footer altı boşluk / preloader kalıntısı için güvenli fix */

    .cfg-sticky {
      position: sticky;
      top: 110px;
    }

    @media (max-width: 991.98px) {
      .cfg-sticky {
        position: static;
        top: auto;
      }
    }

    .cfg-card.is-disabled {
      opacity: .45;
      filter: grayscale(1);
      pointer-events: none;
      cursor: not-allowed;
    }

    .cfg-card.is-disabled .cfg-card__head::after {
      content: " (Kilitli)";
      font-weight: 600;
      opacity: .75;
    }

    .cfg-standard-note {
      background: rgba(11, 2, 211, .04);
      border: 1px solid rgba(0, 0, 0, .08);
      border-radius: 14px;
      padding: 12px;
      margin-bottom: 12px;
    }

    .cfg-standard-note b {
      font-weight: 700;
    }

    .cfg-preview {
      border: 1px solid rgba(0, 0, 0, .08);
      border-radius: 16px;
      overflow: hidden;
      background: #fff;
      box-shadow: 0 10px 25px rgba(0, 0, 0, .06);
    }

    /* ✅ HARD FIX: "Değiştirme (Mevcut El)" yeni robotta ASLA görünmez */
    body[data-has-robot="0"] #handSameCard {
      display: none !important;
    }

    body[data-has-robot="1"][data-existing-joint="23"] #handSameCard {
      display: none !important;
    }

    /* ✅ Hızlı Seçimler (Preset Bar) */
    .cfg-presets {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      padding: 12px;
      border: 1px solid rgba(0, 0, 0, .08);
      border-radius: 14px;
      background: rgba(0, 0, 0, .02);
      margin-bottom: 12px;
    }

    .cfg-presets .preset-btn {
      border-radius: 999px;
      padding: 8px 14px;
      font-weight: 600;
      font-size: 13px;
      border: 1px solid rgba(0, 0, 0, .12);
      background: #fff;
      cursor: pointer;
      transition: all .18s ease;
      user-select: none;
    }

    .cfg-presets .preset-btn:hover {
      transform: translateY(-1px);
    }

    .cfg-presets .preset-btn.is-active {
      background: #0b02d3;
      color: #fff;
      border-color: rgba(11, 2, 211, .45);
    }

    .cfg-presets .preset-note {
      width: 100%;
      font-size: 12.5px;
      color: rgba(0, 0, 0, .60);
      line-height: 1.45;
      margin-top: 2px;
    }

    /* ✅ Bilgi ikonu */
    .cfg-feature {
      position: relative;
    }

    .cfg-feature__top {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 10px;
      padding-right: 44px;
    }

    .cfg-info-btn {
      position: absolute;
      top: 14px;
      right: 14px;
      border: 0;
      background: transparent;
      padding: 0;
      line-height: 1;
      cursor: pointer;
      color: rgba(0, 0, 0, .55);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      transition: all .12s ease;
    }

    .cfg-info-btn:hover {
      color: #0b02d3;
      transform: translateY(-1px);
    }

    .cfg-info-btn i {
      font-size: 18px;
    }

    /* Header actions */
    .hdr-actions {
      display: flex;
      align-items: center;
      gap: 10px;
      white-space: nowrap;
    }

    .hdr-actions .btn {
      white-space: nowrap;
    }

    /* Desktop dropdown look */
    .cart-dd {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      border-radius: 999px;
      padding: 10px 16px;
      white-space: nowrap;
    }

    .cart-dd.dropdown-toggle::after {
      margin-left: .55rem;
      vertical-align: middle;
    }

    .cart-dd-menu {
      min-width: 240px;
      border-radius: 14px;
      border: 1px solid rgba(15, 23, 42, .12);
      box-shadow: 0 18px 45px rgba(15, 23, 42, .12);
      overflow: hidden;
    }

    .cart-dd-menu .dropdown-item {
      font-weight: 800;
      font-size: 13px;
      padding: 10px 14px;
    }

    .cart-dd-menu .dropdown-item:hover {
      background: rgba(11, 2, 211, .06);
      color: rgba(11, 2, 211, .98);
    }

    /* Mobil: accordion */
    .nav-cart-acc {
      margin: 8px 12px;
    }

    .nav-cart-toggle {
      width: 100%;
      border: 1px solid rgba(11, 2, 211, .14);
      background: rgba(11, 2, 211, .06);
      border-radius: 12px;
      padding: 10px 14px;
      font-weight: 900;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      color: rgba(15, 23, 42, .92);
    }

    .nav-cart-right {
      display: flex;
      align-items: center;
      gap: 10px
    }

    .nav-cart-chevron {
      transition: transform .18s ease
    }

    .nav-cart-panel {
      display: none;
      padding: 8px 0 2px
    }

    .nav-cart-acc.is-open .nav-cart-panel {
      display: block
    }

    .nav-cart-acc.is-open .nav-cart-chevron {
      transform: rotate(180deg)
    }

    .nav-cart-link {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 10px 12px;
      border-radius: 12px;
      margin: 6px 0;
      text-decoration: none;
      color: rgba(15, 23, 42, .80);
      font-weight: 800;
    }

    .nav-cart-link i {
      width: 34px;
      height: 34px;
      border-radius: 999px;
      background: rgba(15, 23, 42, .06);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .nav-cart-link:hover {
      background: rgba(11, 2, 211, .06);
      color: rgba(11, 2, 211, .98);
    }

    .nav-cart-link:hover i {
      background: rgba(11, 2, 211, .12)
    }

    /* Robot type selector */
    .cfg-robot-type {
      margin-bottom: 14px;
    }
/* Preview image animasyon */
#previewImg {
  will-change: transform, filter, opacity;
  transform: translateX(0);
  filter: blur(0);
  opacity: 1;
  transition: transform 260ms ease, filter 260ms ease, opacity 260ms ease;
}

/* yüklenirken */
#previewImg.is-loading {
  transform: translateX(10px);
  filter: blur(8px);
  opacity: .35;
}

/* SweetAlert2 toast'ı küçültme / premium his */
.swal2-toast-small {
  padding: 10px 12px !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.12) !important;
  min-width: 260px !important;
  max-width: 320px !important;
}

.swal2-toast-small .swal2-icon {
  width: 18px !important;
  height: 18px !important;
  margin: 0 10px 0 0 !important;
}

.swal2-toast-title {
  font-size: 13px !important;
  font-weight: 600 !important;
  margin: 0 !important;
}

.swal2-toast-text {
  font-size: 12px !important;
  margin: 2px 0 0 0 !important;
}

/* Sağ üstte biraz içeri al (header ile çakışmasın) */
.swal2-container.swal2-top-end {
  padding-top: 14px !important;
  padding-right: 14px !important;
}