body { color: var(--text-primary); }

.modal        { display: none !important; }
.modal.in,
.modal.show   { display: block !important; }
.modal-backdrop         { position: fixed; inset: 0; background: rgba(0,0,0,0.6); z-index: 1040; display: none; }
.modal-backdrop.in,
.modal-backdrop.show    { display: block; }

.svc-section-body { color: var(--text-primary); }

.svc-section-body .row {
  display: flex; flex-wrap: wrap;
  margin-inline: -10px;
}
.svc-section-body [class*="col-"] {
  padding-inline: 10px;
  box-sizing: border-box; flex: 1 1 100%;
}
.svc-section-body .col-md-6,.svc-section-body .col-sm-6 { flex: 0 0 50%; max-width: 50%; }
.svc-section-body .col-md-4,.svc-section-body .col-sm-4 { flex: 0 0 33.333%; max-width: 33.333%; }
.svc-section-body .col-md-3,.svc-section-body .col-sm-3 { flex: 0 0 25%; max-width: 25%; }
.svc-section-body .col-md-8,.svc-section-body .col-sm-8 { flex: 0 0 66.666%; max-width: 66.666%; }
.svc-section-body .col-md-12 { flex: 0 0 100%; max-width: 100%; }
@media (max-width: 768px) {
  .svc-section-body [class*="col-"] { flex: 0 0 100%; max-width: 100%; }
}

.svc-section-body .panel,
.svc-section-body .card {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid var(--border-soft) !important;
  border-radius: var(--radius-lg) !important;
  margin-bottom: var(--space-4) !important;
  overflow: hidden;
  box-shadow: none !important;
  color: var(--text-primary) !important;
}
.svc-section-body .panel-heading,
.svc-section-body .card-header {
  background: rgba(255,255,255,0.04) !important;
  border-bottom: 1px solid var(--border-soft) !important;
  padding: var(--space-3) var(--space-4) !important;
  color: var(--text-primary) !important;
}
.svc-section-body .panel-title,
.svc-section-body .card-title {
  font-size: var(--text-sm) !important;
  font-weight: var(--font-bold) !important;
  color: var(--text-primary) !important;
  margin: 0 !important;
}
.svc-section-body .panel-body,
.svc-section-body .card-body {
  padding: var(--space-4) !important;
  background: transparent !important;
  color: var(--text-primary) !important;
}
.svc-section-body .panel-footer,
.svc-section-body .card-footer {
  background: rgba(255,255,255,0.02) !important;
  border-top: 1px solid var(--border-soft) !important;
  padding: var(--space-3) var(--space-4) !important;
  color: var(--text-muted) !important;
  font-size: var(--text-xs) !important;
}
.svc-section-body .panel-default { border-color: var(--border-soft) !important; }
.svc-section-body .panel-primary { border-color: var(--accent) !important; }
.svc-section-body .panel-primary > .panel-heading {
  background: var(--accent-soft) !important;
  color: var(--accent-text) !important;
}
.svc-section-body .panel-success > .panel-heading {
  background: rgba(16,185,129,0.1) !important;
  color: var(--on-success) !important;
}
.svc-section-body .panel-warning > .panel-heading {
  background: rgba(245,158,11,0.1) !important;
  color: var(--on-warning) !important;
}
.svc-section-body .panel-danger > .panel-heading {
  background: rgba(239,68,68,0.08) !important;
  color: var(--on-danger) !important;
}

.svc-section-body .btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px var(--space-4) !important;
  border-radius: var(--radius-md) !important;
  font-size: var(--text-sm) !important;
  font-weight: var(--font-medium) !important;
  font-family: var(--font-main) !important;
  cursor: pointer !important;
  transition: var(--tr-ui-fast) !important;
  text-decoration: none !important;
  border: 1px solid transparent !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.svc-section-body .btn-default,
.svc-section-body .btn-secondary {
  background: var(--bg-card-hover) !important;
  border-color: var(--border-medium) !important;
  color: var(--text-primary) !important;
}
.svc-section-body .btn-default:hover { background: var(--border-soft) !important; color: var(--text-primary) !important; }
.svc-section-body .btn-primary {
  background: var(--grad-brand) !important;
  color: #fff !important; border-color: transparent !important;
}
.svc-section-body .btn-primary:hover { opacity: 0.88 !important; color: #fff !important; }
.svc-section-body .btn-success {
  background: var(--success) !important;
  color: #fff !important; border-color: transparent !important;
}
.svc-section-body .btn-warning {
  background: var(--warning) !important;
  color: #000 !important; border-color: transparent !important;
}
.svc-section-body .btn-danger {
  background: var(--danger) !important;
  color: #fff !important; border-color: transparent !important;
}
.svc-section-body .btn-info {
  background: var(--accent) !important;
  color: #fff !important; border-color: transparent !important;
}
.svc-section-body .btn-sm,.svc-section-body .btn-xs {
  padding: 5px var(--space-3) !important;
  font-size: var(--text-xs) !important;
}
.svc-section-body .btn-lg {
  padding: 12px var(--space-5) !important;
  font-size: var(--text-base) !important;
}
.svc-section-body .btn-block { width: 100% !important; }

.svc-section-body .form-group { margin-bottom: var(--space-4) !important; }
.svc-section-body label,
.svc-section-body .control-label {
  display: block !important;
  font-size: var(--text-xs) !important;
  font-weight: var(--font-medium) !important;
  color: var(--text-muted) !important;
  margin-bottom: var(--space-2) !important;


}
.svc-section-body .form-control {
  width: 100% !important;
  padding: 9px var(--space-3) !important;
  background: var(--bg-card) !important;
  border: 1px solid var(--border-medium) !important;
  border-radius: var(--radius-md) !important;
  color: var(--text-primary) !important;
  font-family: var(--font-main) !important;
  font-size: var(--text-sm) !important;
  outline: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  transition: border-color var(--transition-fast) !important;
}
.svc-section-body .form-control:focus {
  border-color: var(--accent) !important;
  background: var(--bg-card-hover) !important;
  box-shadow: 0 0 0 3px var(--accent-border) !important;
}
.svc-section-body select.form-control {
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2364748b'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: left 12px center !important;
}
.svc-section-body .input-group { display: flex !important; }
.svc-section-body .input-group .form-control {
  flex: 1 !important;
  border-radius: var(--radius-md) 0 0 var(--radius-md) !important;
}
.svc-section-body .input-group-btn,
.svc-section-body .input-group-append { display: flex !important; }
.svc-section-body .input-group-btn .btn,
.svc-section-body .input-group-append .btn {
  border-radius: 0 var(--radius-md) var(--radius-md) 0 !important;
}

.svc-section-body .table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: var(--text-sm) !important;
  color: var(--text-primary) !important;
  background: transparent !important;
}
.svc-section-body .table thead th,
.svc-section-body .table > thead > tr > th {
  padding: var(--space-2) var(--space-3) !important;
  text-align: start !important;
  font-size: var(--text-xs) !important;
  font-weight: var(--font-semibold) !important;
  color: var(--text-muted) !important;


  border-bottom: 1px solid var(--border-medium) !important;
  background: rgba(255,255,255,0.02) !important;
}
.svc-section-body .table td,
.svc-section-body .table > tbody > tr > td {
  padding: var(--space-3) !important;
  border-bottom: 1px solid var(--border-soft) !important;
  border-top: none !important;
  vertical-align: middle !important;
  background: transparent !important;
  color: var(--text-primary) !important;
}
.svc-section-body .table-striped > tbody > tr:nth-child(odd) > td {
  background: rgba(255,255,255,0.02) !important;
}
.svc-section-body .table-hover > tbody > tr:hover > td {
  background: var(--bg-card-hover) !important;
}
.svc-section-body .table-bordered td,
.svc-section-body .table-bordered th {
  border: 1px solid var(--border-soft) !important;
}
.svc-section-body .table-responsive {
  overflow-x: auto !important;
  border: none !important;
}

.svc-section-body .alert {
  padding: var(--space-3) var(--space-4) !important;
  border-radius: var(--radius-md) !important;
  font-size: var(--text-sm) !important;
  border: 1px solid transparent !important;
  margin-bottom: var(--space-3) !important;
  background-clip: padding-box !important;
}
.svc-section-body .alert-success {
  background: rgba(16,185,129,0.1) !important;
  border-color: rgba(16,185,129,0.3) !important;
  color: var(--on-success) !important;
}
.svc-section-body .alert-warning {
  background: rgba(245,158,11,0.1) !important;
  border-color: rgba(245,158,11,0.3) !important;
  color: #fcd34d !important;
}
.svc-section-body .alert-danger, .svc-section-body .alert-error {
  background: rgba(239,68,68,0.1) !important;
  border-color: rgba(239,68,68,0.3) !important;
  color: #fca5a5 !important;
}
.svc-section-body .alert-info {
  background: var(--accent-soft) !important;
  border-color: var(--accent-border) !important;
  color: var(--accent-text) !important;
}

.svc-section-body .label,
.svc-section-body .badge {
  display: inline-flex !important;
  align-items: center !important;
  padding: 2px 8px !important;
  border-radius: 20px !important;
  font-size: var(--text-xs) !important;
  font-weight: var(--font-medium) !important;
  text-shadow: none !important;
}
.svc-section-body .label-default,.svc-section-body .badge-default {
  background: var(--bg-card-hover) !important; color: var(--text-secondary) !important;
}
.svc-section-body .label-primary,.svc-section-body .badge-primary {
  background: var(--accent-soft) !important; color: var(--accent-text) !important;
}
.svc-section-body .label-success,.svc-section-body .badge-success {
  background: rgba(16,185,129,0.15) !important; color: var(--on-success) !important;
}
.svc-section-body .label-warning,.svc-section-body .badge-warning {
  background: rgba(245,158,11,0.15) !important; color: #fcd34d !important;
}
.svc-section-body .label-danger,.svc-section-body .badge-danger {
  background: rgba(239,68,68,0.12) !important; color: #fca5a5 !important;
}
.svc-section-body .label-info,.svc-section-body .badge-info {
  background: var(--info-soft) !important; color: var(--on-info) !important;
}

.svc-section-body .progress {
  height: 8px !important;
  background: rgba(255,255,255,0.06) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}
.svc-section-body .progress-bar {
  height: 100% !important;
  background: var(--accent) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}
.svc-section-body .progress-bar-success { background: var(--success) !important; }
.svc-section-body .progress-bar-warning { background: var(--warning) !important; }
.svc-section-body .progress-bar-danger  { background: var(--danger) !important; }

.svc-section-body .nav-tabs {
  display: flex !important; gap: 4px !important;
  border-bottom: 1px solid var(--border-medium) !important;
  margin-bottom: var(--space-4) !important;
  list-style: none !important; padding: 0 !important;
  background: transparent !important;
}
.svc-section-body .nav-tabs > li > a,
.svc-section-body .nav-tabs .nav-link {
  display: block !important;
  padding: 8px var(--space-4) !important;
  font-size: var(--text-sm) !important;
  font-weight: var(--font-semibold) !important;
  color: var(--text-secondary) !important;
  text-decoration: none !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  margin-bottom: -1px !important;
  background: transparent !important;
  border-radius: 0 !important;
}
.svc-section-body .nav-tabs > li.active > a,
.svc-section-body .nav-tabs .nav-link.active {
  color: var(--accent-text) !important;
  border-bottom-color: var(--accent) !important;
  background: transparent !important;
}
.svc-section-body .nav-tabs > li > a:hover {
  color: var(--text-primary) !important;
  background: rgba(255,255,255,0.04) !important;
}
.svc-section-body .tab-content > .tab-pane { display: none !important; }
.svc-section-body .tab-content > .active   { display: block !important; }

.svc-section-body .text-muted   { color: var(--text-muted) !important; }
.svc-section-body .text-primary { color: var(--accent-text) !important; }
.svc-section-body .text-success { color: var(--on-success) !important; }
.svc-section-body .text-warning { color: var(--on-warning) !important; }
.svc-section-body .text-danger  { color: var(--on-danger) !important; }
.svc-section-body .text-info    { color: var(--on-info) !important; }
.svc-section-body .well {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid var(--border-soft) !important;
  border-radius: var(--radius-md) !important;
  padding: var(--space-4) !important;
  box-shadow: none !important;
}
.svc-section-body h1,.svc-section-body h2,
.svc-section-body h3,.svc-section-body h4,
.svc-section-body h5,.svc-section-body h6 {
  color: var(--text-primary) !important;
  margin-top: 0 !important;
  font-family: var(--font-main) !important;
}
.svc-section-body a { color: var(--accent-text) !important; }
.svc-section-body a:hover { color: var(--accent-text) !important; }
.svc-section-body hr {
  border-color: var(--border-soft) !important;
  margin: var(--space-4) 0 !important;
}
.svc-section-body p { color: var(--text-secondary) !important; margin-bottom: var(--space-3) !important; }
.svc-section-body small { color: var(--text-muted) !important; }
.svc-section-body .glyphicon { display: none !important; }
.svc-section-body .mb-0 { margin-bottom: 0 !important; }
.svc-section-body .mb-1 { margin-bottom: var(--space-1) !important; }
.svc-section-body .mb-2 { margin-bottom: var(--space-2) !important; }
.svc-section-body .mb-3 { margin-bottom: var(--space-3) !important; }
.svc-section-body .mb-4 { margin-bottom: var(--space-4) !important; }
.svc-section-body .mt-3 { margin-top: var(--space-3) !important; }
.svc-section-body .mt-4 { margin-top: var(--space-4) !important; }
.svc-section-body .p-3  { padding: var(--space-3) !important; }

#order-standard_cart {
  width: 100%;
  font-family: var(--font-main);
  color: var(--text-primary);
}

#order-standard_cart > .row {
  display: flex;
  min-height: 420px;
}

#order-standard_cart .cart-sidebar {
  width: 240px;
  flex-shrink: 0;
  border-inline-end: 1px solid var(--border-soft);
  padding: var(--space-5) var(--space-3);
}

#order-standard_cart .cart-body {
  flex: 1;
  min-width: 0;
  padding: var(--space-6) var(--space-5);
}

@media (max-width: 768px) {
  #order-standard_cart > .row { flex-direction: column; }
  #order-standard_cart .cart-sidebar {
    width: 100%;
    border-inline-end: none;
    border-bottom: 1px solid var(--border-soft);
    padding: var(--space-4);
  }
}

#order-standard_cart .cart-sidebar .panel,
#order-standard_cart .cart-sidebar .card {
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-lg);
  overflow: hidden;
  margin-bottom: var(--space-3);
  backdrop-filter: var(--glass-blur-sm);
  -webkit-backdrop-filter: var(--glass-blur-sm);
  animation: fadeInRight 0.4s ease both;
}
#order-standard_cart .cart-sidebar .panel-heading,
#order-standard_cart .cart-sidebar .card-header {
  padding: var(--space-3) var(--space-4);
  background: rgba(255,255,255,0.03);
  border-bottom: 1px solid var(--border-soft);
}
#order-standard_cart .cart-sidebar .panel-title {
  font-size: var(--text-xs);
  font-weight: var(--font-semibold);
  color: var(--text-muted);


  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#order-standard_cart .cart-sidebar .panel-title .fa-chevron-up { font-size: var(--text-xs); opacity: 0.5; }

#order-standard_cart .cart-sidebar .list-group {
  list-style: none;
  padding: var(--space-2) 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
#order-standard_cart .cart-sidebar .list-group-item,
#order-standard_cart .cart-sidebar .list-group-item-action {
  display: block;
  padding: 8px var(--space-3);
  margin: 0 var(--space-2);
  color: var(--text-secondary);
  text-decoration: none;
  font-size: var(--text-sm);
  font-weight: var(--font-medium);
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  cursor: pointer;
  transition: color var(--transition-fast), background var(--transition-fast);
}
#order-standard_cart .cart-sidebar .list-group-item:hover {
  background: var(--bg-card-hover);
  color: var(--text-primary);
}
#order-standard_cart .cart-sidebar .list-group-item.active {
  background: var(--accent-soft);
  color: var(--accent-text);
  font-weight: var(--font-semibold);
}

#order-standard_cart .sidebar-collapsed { display: none; }
@media (max-width: 768px) {
  #order-standard_cart .sidebar-collapsed { display: block; margin-bottom: var(--space-4); }
  #order-standard_cart .sidebar-collapsed .panel,
  #order-standard_cart .sidebar-collapsed .card {
    background: var(--bg-card);
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-md);
    padding: var(--space-2) var(--space-3);
  }
  #order-standard_cart .sidebar-collapsed select.form-control {
    width: 100%;
    padding: 8px var(--space-3);
    background: var(--bg-card);
    border: 1px solid var(--border-medium);
    border-radius: var(--radius-md);
    color: var(--text-primary);
    font-family: var(--font-main);
    font-size: var(--text-sm);
    outline: none;
    box-sizing: border-box;
  }
}

#order-standard_cart .header-lined {
  margin-bottom: var(--space-6);
  padding-bottom: var(--space-4);
  border-bottom: 1px solid var(--border-soft);
  animation: fadeInUp 0.4s ease both;
}
#order-standard_cart .header-lined h1,
#order-standard_cart .header-lined .font-size-36 {
  font-size: var(--text-2xl) !important;
  font-weight: var(--font-bold) !important;
  color: var(--text-primary) !important;
  margin: 0 0 var(--space-2) 0 !important;
  font-family: var(--font-main) !important;
  line-height: 1.3 !important;
}
#order-standard_cart .header-lined p {
  font-size: var(--text-sm);
  color: var(--text-muted);
  margin: 0;
}

#order-standard_cart .alert {
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
  font-size: var(--text-sm);
  margin-bottom: var(--space-4);
  border: 1px solid transparent;
}
#order-standard_cart .alert-danger {
  background: rgba(239,68,68,0.1);
  border-color: rgba(239,68,68,0.25);
  color: #fca5a5;
}
#order-standard_cart .alert-info {
  background: var(--accent-soft);
  border-color: var(--accent-border);
  color: var(--accent-text);
}

#order-standard_cart .products .row,
#order-standard_cart .products .row-eq-height {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
}
#order-standard_cart .products [class*="col-"] {
  padding: 10px;
  box-sizing: border-box;
}
#order-standard_cart .products .col-md-6 { flex: 0 0 50%;     max-width: 50%; }
#order-standard_cart .products .col-md-4 { flex: 0 0 33.333%; max-width: 33.333%; }
#order-standard_cart .products .col-md-3 { flex: 0 0 25%;     max-width: 25%; }
#order-standard_cart .products .col-md-12{ flex: 0 0 100%;    max-width: 100%; }
@media (max-width: 768px) {
  #order-standard_cart .products .col-md-6,
  #order-standard_cart .products .col-md-4 { flex: 0 0 100%; max-width: 100%; }
}

#order-standard_cart .product {
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-xl);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  animation: fadeInUp 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
  transition: border-color var(--transition-normal),
              background var(--transition-normal),
              transform var(--transition-normal),
              box-shadow var(--transition-normal);
}
#order-standard_cart .product::before {
  content: '';
  position: absolute;
  top: 0; inset-inline: 0;
  height: 2px;
  content: none;
  opacity: 0;
  transition: opacity var(--transition-normal);
}
#order-standard_cart .product:hover {
  border-color: var(--border-medium);
  background: var(--bg-card-hover);
  transform: translateY(var(--lift));
  box-shadow: 0 16px 40px rgba(0,0,0,0.28);
}
#order-standard_cart .product:hover::before { opacity: 1; }

#order-standard_cart .products .col-md-6:nth-child(1) .product { animation-delay: 0.05s; }
#order-standard_cart .products .col-md-6:nth-child(2) .product { animation-delay: 0.12s; }

#order-standard_cart .product > header {
  padding: var(--space-5) var(--space-5) 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-2);
}
#order-standard_cart .product > header span[id$="-name"] {
  font-size: var(--text-lg);
  font-weight: var(--font-bold);
  color: var(--text-primary);
  font-family: var(--font-main);
  line-height: 1.3;
}
#order-standard_cart .product .qty {
  font-size: var(--text-xs);
  color: var(--text-muted);
  background: var(--bg-card-hover);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-full);
  padding: 2px 8px;
  flex-shrink: 0;
}

#order-standard_cart .product .product-desc {
  padding: var(--space-3) var(--space-5);
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
#order-standard_cart .product .product-desc p {
  font-size: var(--text-sm);
  color: var(--text-secondary);
  line-height: 1.7;
  margin: 0;
}
#order-standard_cart .product .product-desc ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
#order-standard_cart .product .product-desc li {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  font-size: var(--text-sm);
  color: var(--text-secondary);
  padding: 3px 0;
  line-height: 1.5;
}
#order-standard_cart .product .product-desc li::before {
  content: '✓';
  color: var(--accent-text);
  font-weight: var(--font-bold);
  flex-shrink: 0;
}
#order-standard_cart .product .product-desc .feature-value {
  color: var(--accent-text);
  font-weight: var(--font-semibold);
  margin-inline-end: var(--space-1);
}

#order-standard_cart .product > footer {
  padding: var(--space-4) var(--space-5) var(--space-5);
  border-top: 1px solid var(--border-soft);
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
#order-standard_cart .product .product-pricing {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
#order-standard_cart .product .price {
  font-size: var(--text-2xl);
  font-weight: var(--font-extrabold);
  color: var(--text-primary);
  line-height: 1.1;
}
#order-standard_cart .product > footer br { display: none; }
#order-standard_cart .product > footer small,
#order-standard_cart .product .product-pricing small {
  font-size: var(--text-xs);
  color: var(--text-muted);
}

#order-standard_cart .btn-order-now,
#order-standard_cart .btn-success.btn-sm {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100% !important;
  padding: 11px var(--space-4) !important;
  background: var(--grad-brand) !important;
  border: none !important;
  border-radius: var(--radius-md) !important;
  color: #fff !important;
  font-size: var(--text-sm) !important;
  font-weight: var(--font-medium) !important;
  font-family: var(--font-main) !important;
  cursor: pointer;
  text-decoration: none !important;
  transition: opacity 0.2s, transform 0.2s, box-shadow 0.2s;
  box-shadow: none;
  white-space: nowrap;
}
#order-standard_cart .btn-order-now:hover,
#order-standard_cart .btn-success.btn-sm:hover {
  opacity: 0.88 !important;
  transform: translateY(var(--lift));
  box-shadow: none;
  color: #fff !important;
}

#order-standard_cart .panel,
#order-standard_cart .panel-default {
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
#order-standard_cart .panel-heading,
#order-standard_cart .card-header {
  background: rgba(255,255,255,0.04);
  border-bottom: 1px solid var(--border-soft);
  padding: var(--space-3) var(--space-4);
  color: var(--text-muted);
  font-size: var(--text-xs);
  font-weight: var(--font-semibold);


}
#order-standard_cart .panel-body,
#order-standard_cart .card-body { padding: var(--space-4); }

#order-standard_cart h1, #order-standard_cart h2,
#order-standard_cart h3, #order-standard_cart h4 {
  color: var(--text-primary);
  font-family: var(--font-main);
}
#order-standard_cart a { color: var(--accent-text); text-decoration: none; }
#order-standard_cart a:hover { color: var(--accent-text); }
#order-standard_cart .text-muted,
#order-standard_cart small { color: var(--text-muted) !important; }
#order-standard_cart p { color: var(--text-secondary); margin: 0 0 var(--space-3); }
#order-standard_cart .clearfix::after { content: ''; display: table; clear: both; }
#order-standard_cart .hidden { display: none !important; }

#order-standard_cart:has(.sib-product-grid),
#order-standard_cart:has(.sib-store-layout),
#order-standard_cart:has(.sib-store-sidebar) {
  padding: 0;
}

.sib-store-layout {
  display: grid;
  grid-template-columns: 1fr 220px;
  gap: var(--space-5);
  align-items: start;
}
.sib-store-sidebar { order: 2; }
.sib-store-main, .sib-product-grid { order: 1; }
.sib-store-main { min-width: 0; }

.sib-store-sidebar {
  position: sticky;
  top: 80px;
}
.sib-store-sidebar-card {
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
.sib-store-sidebar-title {
  padding: var(--space-3) var(--space-4);
  font-size: var(--text-xs);
  font-weight: var(--font-bold);
  color: var(--text-muted);


  border-bottom: 1px solid var(--border-soft);
  display: flex;
  align-items: center;
  gap: 6px;
}
.sib-store-sidebar-nav {
  display: flex;
  flex-direction: column;
  padding: var(--space-2);
}
.sib-store-sidebar-item {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: 10px var(--space-3);
  border-radius: var(--radius-md);
  color: var(--text-secondary);
  font-size: var(--text-sm);
  font-weight: var(--font-medium);
  text-decoration: none;
  transition: var(--tr-ui-fast);
}
.sib-store-sidebar-item:hover {
  background: var(--bg-surface);
  color: var(--text-primary);
}
.sib-store-sidebar-item.active {
  background: var(--accent-soft);
  color: var(--accent-text);
  font-weight: var(--font-semibold);
}
.sib-store-sidebar-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: var(--radius-sm);
  background: var(--bg-surface);
  font-size: 13px;
  flex-shrink: 0;
  color: var(--text-muted);
  transition: var(--tr-ui-fast);
}
.sib-store-sidebar-item.active .sib-store-sidebar-icon {
  background: var(--accent-soft);
  color: var(--accent-text);
}
.sib-store-sidebar-item:hover .sib-store-sidebar-icon {
  background: var(--bg-card-hover);
  color: var(--text-primary);
}

.sib-advisor-card {
  background: var(--bg-card);
  border: 1px solid var(--accent-border);
  border-radius: var(--radius-lg);
  padding: var(--space-4);
  margin-bottom: var(--space-3);
}
.sib-advisor-header {
  font-size: var(--text-sm); font-weight: var(--font-bold);
  color: var(--text-primary); display: flex; align-items: center; gap: 6px;
  margin-bottom: var(--space-2);
}
.sib-advisor-desc {
  font-size: var(--text-xs); color: var(--text-secondary); line-height: 1.7;
  margin-bottom: var(--space-3);
}
.sib-advisor-input {
  width: 100%; padding: 10px; border-radius: var(--radius-md);
  border: 1px solid var(--border-soft); background: var(--bg-card);
  color: var(--text-primary); font-family: var(--font-main);
  font-size: var(--text-xs); resize: vertical; min-height: 50px;
  transition: border-color var(--transition-fast);
}
.sib-advisor-input:focus { border-color: var(--accent); outline: none; }
.sib-advisor-btn {
  width: 100%; margin-top: var(--space-2); padding: 8px;
  background: var(--grad-brand);
  color: #fff; border: none; border-radius: var(--radius-md);
  font-family: var(--font-main); font-size: var(--text-xs);
  font-weight: var(--font-medium); cursor: pointer;
  display: flex; align-items: center; justify-content: center; gap: 6px;
  transition: opacity var(--transition-fast);
}
.sib-advisor-btn:hover { opacity: .9; }
.sib-advisor-result { margin-top: var(--space-3); }
.sib-advisor-loading { text-align: center; font-size: 20px; padding: var(--space-2); display: flex; flex-direction: column; align-items: center; gap: 6px; }
.sib-advisor-loading > svg { animation: sib-advisor-spin 1s linear infinite; }
.sib-advisor-loading-text { font-size: var(--text-xs); color: var(--text-secondary); }
.sib-advisor-loading-slow { font-size: var(--text-xs); color: var(--text-muted); }
@keyframes sib-advisor-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .sib-advisor-loading > svg { animation: none; } }
.sib-advisor-reply {
  font-size: var(--text-xs); color: var(--text-secondary); line-height: 1.8;
  padding: var(--space-3); background: var(--bg-card);
  border-radius: var(--radius-md); border: 1px solid var(--border-soft);
}
.sib-advisor-error {
  font-size: var(--text-xs); color: var(--on-danger); text-align: center;
  padding: var(--space-2);
}
.sib-advisor-products { margin-top: var(--space-2); display: flex; flex-direction: column; gap: var(--space-2); }
.sib-advisor-product {
  display: block; padding: 10px; background: var(--bg-card-hover);
  border: 1px solid var(--border-soft); border-radius: var(--radius-md);
  text-decoration: none; transition: var(--tr-ui-fast);
}
.sib-advisor-product:hover { border-color: var(--accent-border); transform: translateY(var(--lift)); }
.sib-advisor-product-group { display: block; font-size: var(--text-xs); color: var(--text-muted); }
.sib-advisor-product-name { font-size: var(--text-xs); font-weight: var(--font-bold); color: var(--text-primary); }

@media (max-width: 768px) {
  .sib-store-layout {
    grid-template-columns: 1fr;
  }
  .sib-store-sidebar {
    position: static;
  }
  .sib-store-sidebar-nav {
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--space-1);
  }
  .sib-store-sidebar-item {
    padding: 6px var(--space-3);
    font-size: var(--text-xs);
  }
  .sib-store-sidebar-icon {
    width: 22px; height: 22px; font-size: var(--text-xs);
  }
}

.sib-store-header {
  display: flex;
  align-items: center;
  padding: var(--space-6) 0 var(--space-5);
  border-bottom: 1px solid var(--border-soft);
  margin-bottom: var(--space-6);
}
.sib-store-title-wrap {
  display: flex;
  align-items: center;
  gap: var(--space-4);
}
.sib-store-icon {
  font-size: 28px;
  width: 54px; height: 54px;
  display: flex; align-items: center; justify-content: center;
  background: var(--bg-chip);
  border: 1px solid var(--accent-border);
  border-radius: var(--radius-xl);
  flex-shrink: 0;
  color: var(--accent-text);
}
.sib-store-title {
  font-size: var(--text-2xl) !important;
  font-weight: var(--font-bold) !important;
  color: var(--text-primary) !important;
  margin: 0 0 var(--space-1) !important;
  font-family: var(--font-main) !important;
  line-height: 1.2 !important;
}
.sib-store-tagline {
  font-size: var(--text-sm);
  color: var(--text-muted);
  margin: 0;
}

.sib-store-alert {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
  font-size: var(--text-sm);
  margin-bottom: var(--space-5);
  border: 1px solid transparent;
  font-family: var(--font-main);
}
.sib-alert {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
  font-size: var(--text-sm);
  margin: var(--space-5) 0;
  border: 1px solid transparent;
  font-family: var(--font-main);
}
.sib-alert-danger {
  background: rgba(239,68,68,0.10); border-color: rgba(239,68,68,0.25); color: #fca5a5;
}
.sib-alert-info {
  background: var(--accent-soft); border-color: var(--accent-border); color: var(--accent-text);
}

.sib-product-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-5);
}
@media (max-width: 1100px) { .sib-product-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px)  { .sib-product-grid { grid-template-columns: 1fr; } }

.sib-product-card {
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-xl);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  transition: border-color var(--transition-normal),
              background var(--transition-normal),
              transform var(--transition-normal),
              box-shadow var(--transition-normal);
}
.sib-product-card:hover {
  border-color: var(--border-medium);
  background: var(--bg-card-hover);
  transform: translateY(var(--lift));
  box-shadow: 0 20px 48px rgba(0,0,0,0.30);
}
.sib-card-accent {
  position: absolute;
  top: 0; inset-inline: 0;
  height: 2px;
  background: none;
  opacity: 0;
  transition: opacity var(--transition-normal);
}
.sib-product-card:hover .sib-card-accent { opacity: 1; }

.sib-card-head {
  padding: var(--space-5) var(--space-5) var(--space-3);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-2);
}
.sib-card-name {
  font-size: var(--text-md) !important;
  font-weight: var(--font-bold) !important;
  color: var(--text-primary) !important;
  font-family: var(--font-main) !important;
  margin: 0 !important;
  line-height: 1.3;
}
.sib-card-qty {
  font-size: var(--text-xs);
  color: var(--text-muted);
  background: var(--bg-card-hover);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-full);
  padding: 2px 8px;
  flex-shrink: 0;
}

.sib-card-body {
  padding: 0 var(--space-5) var(--space-3);
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.sib-card-desc {
  font-size: var(--text-sm);
  color: var(--text-secondary);
  line-height: 1.7;
  margin: 0;
}
.sib-card-features {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.sib-card-features li {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  font-size: var(--text-sm);
  color: var(--text-secondary);
  line-height: 1.5;
}
.sib-card-features li::before {
  content: '✓';
  color: var(--accent-text);
  font-weight: var(--font-bold);
  flex-shrink: 0;
}
.sib-feat-val {
  color: var(--accent-text);
  font-weight: var(--font-semibold);
  margin-inline-end: var(--space-1);
}

.sib-product-card.is-bare { justify-content: center; }
.sib-product-card.is-bare .sib-card-foot { margin-top: 0; border-top: 0; }

.sib-card-foot {
  padding: var(--space-4) var(--space-5) var(--space-5);
  border-top: 1px solid var(--border-soft);
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  margin-top: auto;
}
.sib-price-block { display: flex; flex-direction: column; gap: 3px; }
.sib-price-label,
.sib-price-from  {
  font-size: var(--text-xs);
  color: var(--text-muted);
}
.sib-price {
  font-size: var(--text-2xl);
  font-weight: var(--font-extrabold);
  color: var(--text-primary);
  line-height: 1.1;
}
.sib-price-cycle {
  font-size: var(--text-xs);
  color: var(--text-muted);
}
.sib-price-setup {
  font-size: var(--text-xs);
  color: var(--text-muted);
}

.sib-btn-order {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  padding: 11px var(--space-4);
  background: var(--grad-brand);
  border: none;
  border-radius: var(--radius-md);
  color: #fff !important;
  font-size: var(--text-sm);
  font-weight: var(--font-medium);
  font-family: var(--font-main);
  cursor: pointer;
  text-decoration: none !important;
  transition: opacity 0.2s, transform 0.2s, box-shadow 0.2s;
  box-shadow: none;
  white-space: nowrap;
  box-sizing: border-box;
}
.sib-btn-order:hover {
  opacity: 0.88 !important;
  transform: translateY(var(--lift));
  box-shadow: none;
  color: #fff !important;
}

.sib-store-empty {
  text-align: center;
  padding: var(--space-8) var(--space-4);
  color: var(--text-muted);
  font-family: var(--font-main);
}
.sib-store-empty p { font-size: var(--text-sm); margin: 0; }

.sib-step-trail {
  display: flex;
  align-items: center;
  padding: var(--space-3) 0 var(--space-5);
  font-family: var(--font-main);
  flex-wrap: wrap;
  row-gap: var(--space-3);
}
.sib-step {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  text-decoration: none !important;
  white-space: nowrap;
  transition: opacity 0.15s;
}
.sib-step-num {
  width: 26px; height: 26px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: var(--text-xs); font-weight: var(--font-bold);
  flex-shrink: 0;
  transition: box-shadow 0.2s, background 0.2s;
}
.sib-step-label { font-size: var(--text-sm); }
.sib-step-done .sib-step-num {
  background: var(--accent-soft);
  color: var(--accent-text);
  border: 1.5px solid var(--accent);
}
.sib-step-done .sib-step-label { color: var(--text-secondary); }
.sib-step-done:hover .sib-step-num { background: var(--accent-soft); }
.sib-step-done:hover .sib-step-label { color: var(--accent-text); }
.sib-step-active .sib-step-num {
  background: var(--accent);
  color: #fff;
  box-shadow: 0 0 0 4px var(--accent-border);
}
.sib-step-active .sib-step-label { color: var(--text-primary); font-weight: var(--font-semibold); }
.sib-step-pending .sib-step-num {
  background: transparent;
  border: 1.5px solid var(--border-soft);
  color: var(--text-muted);
}
.sib-step-pending .sib-step-label { color: var(--text-muted); }
.sib-step-line {
  flex: 0 0 28px;
  height: 1.5px;
  background: var(--accent-soft);
  margin: 0 var(--space-2);
}
.sib-step-line-pending { background: var(--border-soft); }
@media (max-width: 560px) {
  .sib-step-label { display: none; }
  .sib-step-line { flex: 0 0 14px; margin: 0 4px; }
}

.sib-cp-product-card {
  display: flex;
  align-items: center;
  gap: var(--space-5);
  padding: var(--space-5) var(--space-6);
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-xl);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  margin-bottom: var(--space-5);
  position: relative;
  overflow: hidden;
}
.sib-cp-product-card::before {
  content: '';
  position: absolute;
  top: 0; inset-inline: 0;
  height: 2px;
  content: none;
}
.sib-cp-product-icon {
  font-size: 32px;
  width: 60px; height: 60px;
  display: flex; align-items: center; justify-content: center;
  background: var(--bg-chip);
  border: 1px solid var(--accent-border);
  border-radius: var(--radius-xl);
  flex-shrink: 0;
  color: var(--accent-text);
}
.sib-cp-product-info { flex: 1; min-width: 0; }
.sib-cp-product-name {
  font-size: var(--text-xl) !important;
  font-weight: var(--font-bold) !important;
  color: var(--text-primary) !important;
  margin: 0 0 var(--space-1) !important;
  font-family: var(--font-main) !important;
}
.sib-cp-product-desc {
  font-size: var(--text-sm);
  color: var(--text-secondary);
  margin: 0;
  line-height: 1.6;
}
.sib-cp-step-badge {
  flex-shrink: 0;
}
.sib-cp-step-badge span {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: var(--radius-full);
  background: var(--accent-soft);
  border: 1px solid var(--accent-border);
  color: var(--accent-text);
  font-size: var(--text-xs);
  font-weight: var(--font-semibold);
  font-family: var(--font-main);
}

.sib-cp-errors {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
}
.sib-cp-errors.w-hidden,
.sib-cp-errors.hidden { display: none !important; }
.sib-cp-errors ul { margin: var(--space-1) 0 0 var(--space-4); padding: 0; }
.sib-cp-errors li { margin-bottom: 2px; }

.sib-cp-layout {
  display: flex;
  gap: var(--space-5);
  align-items: flex-start;
}
.sib-cp-main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.sib-cp-summary {
  width: 300px;
  flex-shrink: 0;
  position: sticky;
  top: calc(var(--topbar-height, 64px) + 16px);
}
@media (max-width: 900px) {
  .sib-cp-layout { flex-direction: column; }
  .sib-cp-summary { width: 100%; position: static; }
}

.sib-section-card {
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-lg);
  overflow: hidden;
  backdrop-filter: var(--glass-blur-sm);
  -webkit-backdrop-filter: var(--glass-blur-sm);
}
.sib-section-head {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-4);
  background: rgba(255,255,255,0.03);
  border-bottom: 1px solid var(--border-soft);
  font-size: var(--text-sm);
  font-weight: var(--font-semibold);
  color: var(--text-muted);
  font-family: var(--font-main);
}
.sib-section-head i,
.sib-section-head .sb-icon { color: var(--accent-text); font-size: 13px; }
.sib-section-hint-inline {
  margin-inline-start: auto;
  font-size: var(--text-xs);
  font-weight: var(--font-regular);
  color: var(--text-muted);
  opacity: 0.75;
}
.sib-section-body { padding: var(--space-4); }
.sib-section-hint { font-size: var(--text-sm); color: var(--text-muted); margin: 0 0 var(--space-3); }

.sib-select {
  width: 100%;
  padding: 10px var(--space-3);
  background: var(--bg-card-hover);
  border: 1px solid var(--border-medium);
  border-radius: var(--radius-md);
  color: var(--text-primary);
  font-family: var(--font-main);
  font-size: var(--text-sm);
  outline: none;
  box-sizing: border-box;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%234A6A8A'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 12px center;
  transition: border-color var(--transition-fast);
}
.sib-select:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-border); }

[data-theme="dark"] .sib-select,
[data-theme="dark"] select {
  color-scheme: dark;
  background-color: var(--bg-surface);
  color: var(--text-primary);
}
[data-theme="dark"] .sib-select option,
[data-theme="dark"] select option {
  background-color: var(--bg-surface);
  color: var(--text-primary);
}
[data-theme="dark"] .sib-select option:checked,
[data-theme="dark"] select option:checked {
  background-color: var(--bg-chip);
  color: var(--text-primary);
}

[data-theme="light"] .sib-select,
[data-theme="light"] select {
  color-scheme: light;
  background-color: var(--bg-surface);
  color: var(--text-primary);
}
[data-theme="light"] .sib-select option,
[data-theme="light"] select option {
  background-color: var(--bg-surface);
  color: var(--text-primary);
}
[data-theme="light"] .sib-select option:checked,
[data-theme="light"] select option:checked {
  background-color: var(--bg-chip);
  color: var(--accent-text);
}

.sib-input {
  width: 100%;
  padding: 10px var(--space-3);
  background: var(--bg-card-hover);
  border: 1px solid var(--border-medium);
  border-radius: var(--radius-md);
  color: var(--text-primary);
  font-family: var(--font-main);
  font-size: var(--text-sm);
  outline: none;
  box-sizing: border-box;
  transition: border-color var(--transition-fast);
}
.sib-input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-border); }
.sib-input-qty { width: 80px; text-align: center; }
.sib-qty-wrap { display: flex; align-items: center; gap: var(--space-3); }
.sib-qty-unit { font-size: var(--text-sm); color: var(--text-muted); }

.sib-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4);
}
.sib-form-group-full { grid-column: 1 / -1; }
.sib-form-row { display: flex; gap: var(--space-4); }
.sib-form-group { display: flex; flex-direction: column; gap: var(--space-2); }
.sib-form-group label {
  font-size: var(--text-xs);
  font-weight: var(--font-medium);
  color: var(--text-muted);


}
.sib-field-hint { font-size: var(--text-xs); color: var(--text-muted); }
@media (max-width: 640px) {
  .sib-form-grid { grid-template-columns: 1fr; }
  .sib-form-row  { flex-direction: column; }
}

.sib-radio-group { display: flex; flex-direction: column; gap: var(--space-2); }
.sib-radio-item,
.sib-checkbox-item {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  cursor: pointer;
  font-size: var(--text-sm);
  color: var(--text-secondary);
  font-family: var(--font-main);
}
.sib-radio-item input,
.sib-checkbox-item input { accent-color: var(--accent); }
.sib-filter-text { display: flex; flex-direction: column; gap: 2px; }
.sib-filter-label { color: var(--text-primary); font-size: var(--text-sm); font-weight: var(--font-medium); line-height: 1.3; }
.sib-filter-hint { color: var(--text); font-size: var(--text-xs); line-height: 1.3; }

.sib-metrics-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--space-3); }
.sib-metrics-list li { display: flex; align-items: center; gap: var(--space-3); flex-wrap: wrap; font-size: var(--text-sm); }
.sib-metric-name { font-weight: var(--font-semibold); color: var(--text-primary); }
.sib-metric-price { color: var(--accent-text); }
.sib-metric-note { font-size: var(--text-xs); color: var(--text-muted); }
.sib-btn-sm {
  padding: 4px 10px;
  background: var(--accent-soft);
  border: 1px solid var(--accent-border);
  border-radius: var(--radius-sm);
  color: var(--accent-text);
  font-size: var(--text-xs);
  cursor: pointer;
  font-family: var(--font-main);
  transition: background var(--transition-fast);
}
.sib-btn-sm:hover { background: var(--accent-soft); }

.sib-addons-grid { display: flex; flex-direction: column; gap: var(--space-3); }
.sib-addon-card {
  display: flex;
  align-items: stretch;
  background: var(--bg-card-hover);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-md);
  overflow: hidden;
  cursor: pointer;
  transition: border-color var(--transition-fast);
}
.sib-addon-card:hover { border-color: var(--border-medium); }
.sib-addon-card.sib-addon-selected {
  border-color: var(--accent-border);
  background: var(--accent-soft);
}
.sib-addon-check {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--space-3);
  border-inline-end: 1px solid var(--border-soft);
}
.sib-addon-input { accent-color: var(--accent); width: 16px; height: 16px; cursor: pointer; }
.sib-addon-body {
  flex: 1;
  padding: var(--space-3) var(--space-4);
  display: flex;
  flex-direction: column;
  gap: 3px;
  cursor: pointer;
}
.sib-addon-name { font-size: var(--text-sm); font-weight: var(--font-semibold); color: var(--text-primary); font-family: var(--font-main); }
.sib-addon-desc { font-size: var(--text-xs); color: var(--text-secondary); }
.sib-addon-price { font-size: var(--text-xs); color: var(--accent-text); font-weight: var(--font-semibold); margin-top: 2px; }

.sib-help-bar {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  background: rgba(245,158,11,0.06);
  border: 1px solid rgba(245,158,11,0.18);
  border-radius: var(--radius-md);
  font-size: var(--text-sm);
  color: var(--text-muted);
  font-family: var(--font-main);
}
.sib-help-bar i { color: var(--on-warning); flex-shrink: 0; }
.sib-help-bar a { color: var(--accent-text); text-decoration: none; }
.sib-help-bar a:hover { text-decoration: underline; }

.sib-summary-card {
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-xl);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  overflow: hidden;
  position: relative;
}
.sib-summary-card::before {
  content: '';
  position: absolute;
  top: 0; inset-inline: 0;
  height: 2px;
  content: none;
}
.sib-summary-header {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-4) var(--space-5);
  border-bottom: 1px solid var(--border-soft);
}
.sib-summary-header i { color: var(--accent-text); }
.sib-summary-header h2 {
  font-size: var(--text-md) !important;
  font-weight: var(--font-bold) !important;
  color: var(--text-primary) !important;
  margin: 0 !important;
  font-family: var(--font-main) !important;
}
.sib-summary-loader {
  text-align: center;
  padding: var(--space-4);
  color: var(--accent-text);
  font-size: 20px;
}
.sib-summary-body {
  padding: var(--space-4) var(--space-5);
  min-height: 60px;
  font-family: var(--font-main);
  font-size: var(--text-sm);
  color: var(--text-secondary);
}
.sib-summary-footer {
  padding: var(--space-4) var(--space-5) var(--space-5);
  border-top: 1px solid var(--border-soft);
}

.sib-btn-continue {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 13px var(--space-5);
  background: var(--grad-brand);
  border: none;
  border-radius: var(--radius-md);
  color: #fff !important;
  font-size: var(--text-sm);
  font-weight: var(--font-medium);
  font-family: var(--font-main);
  cursor: pointer;
  transition: opacity 0.2s, transform 0.2s, box-shadow 0.2s;
  box-shadow: none;
}
.sib-btn-continue:hover {
  opacity: 0.88;
  transform: translateY(var(--lift));
  box-shadow: none;
}
.sib-btn-spinner.w-hidden { display: none; }

.sso-btn {
  display: flex; align-items: center; gap: var(--space-3);
  padding: var(--space-3) var(--space-3);
  background: var(--accent-soft);
  border: 1px solid var(--accent-border);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: var(--tr-ui-fast);
  text-decoration: none;
  color: var(--text-primary);
  font-size: var(--text-sm);
  font-weight: var(--font-medium);
  width: 100%;
  text-align: start;
  font-family: var(--font-main);
  margin-bottom: var(--space-2);
}
.sso-btn:hover {
  background: var(--accent-soft-hover);
  border-color: var(--accent);
  color: var(--text-primary);
  transform: translateY(var(--lift));
}
.sso-btn-icon {
  width: 32px; height: 32px; border-radius: var(--radius-md);
  display: flex; align-items: center; justify-content: center;
  font-size: 16px; flex-shrink: 0;
  background: var(--bg-chip);
}
.sso-btn-label { flex: 1; }
.sso-btn-label span {
  display: block;
  font-size: var(--text-xs);
  color: var(--text-muted);
  font-weight: var(--font-regular);
  margin-top: 2px;
}

.sib-cpd-header {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-4) 0 var(--space-5);
}
.sib-cpd-icon {
  font-size: 44px;
  line-height: 1;
  color: var(--accent-text);
}
.sib-cpd-title {
  font-size: var(--text-2xl, 26px) !important;
  font-weight: var(--font-bold) !important;
  color: var(--text-primary) !important;
  margin: 0 0 4px !important;
  font-family: var(--font-main) !important;
}
.sib-cpd-sub {
  font-size: var(--text-sm);
  color: var(--text-muted);
  margin: 0;
}

.sib-cpd-options {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  margin-bottom: var(--space-5);
}
.sib-domain-option {
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-xl);
  overflow: hidden;
  transition: border-color 0.2s;
}
.sib-domain-option.sib-option-selected {
  border-color: var(--accent-border);
  background: var(--accent-soft);
}
.sib-domain-option-head {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-4) var(--space-5);
  cursor: pointer;
  user-select: none;
}
.sib-domain-option-head .iradio_square-blue,
.sib-domain-option-head .iradio_square-blue * { flex-shrink: 0; }
.sib-domain-opt-icon {
  font-size: 18px;
  color: var(--accent-text);
  width: 20px;
  text-align: center;
}
.sib-domain-option-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.sib-domain-opt-label {
  font-size: var(--text-sm);
  font-weight: var(--font-semibold);
  color: var(--text-primary);
}
.sib-domain-opt-hint {
  font-size: var(--text-xs);
  color: var(--text-muted);
}

.sib-domain-input-wrap {
  display: none;
  padding: 0 var(--space-5) var(--space-4);
  border-top: 1px solid var(--border-soft);
}
.sib-domain-input-row {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  flex-wrap: wrap;
  padding-top: var(--space-3);
}
.sib-domain-field {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-md);
  overflow: hidden;
  background: var(--bg-lifted);
  direction: ltr;
}
.sib-domain-www {
  padding: 0 10px;
  font-size: var(--text-sm);
  color: var(--text-muted);
  white-space: nowrap;
  border-inline-end: 1px solid var(--border-soft);
  line-height: 42px;
}
.sib-input-domain {
  flex: 1;
  border: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10px 10px !important;
}
.sib-select-tld {
  border: none !important;
  border-inline-start: 1px solid var(--border-soft) !important;
  border-radius: 0 !important;
  background: transparent !important;
  width: auto !important;
  min-width: 80px;
  padding: 0 6px !important;
}
.sib-input-tld {
  border: none !important;
  border-inline-start: 1px solid var(--border-soft) !important;
  border-radius: 0 !important;
  background: transparent !important;
  width: 90px !important;
  padding: 10px 8px !important;
}
.sib-select-grow { flex: 1; }
.sib-domain-field-sub .sib-input-domain { min-width: 120px; }
.sib-domain-field-sub .sib-subdomain-dot {
  align-self: stretch; display: flex; align-items: center;
  padding: 0 10px;
  border-inline: 1px solid var(--border-soft);
  font-size: var(--text-sm); font-weight: var(--font-regular);
  color: var(--text-muted); line-height: 1;
}
.sib-textarea-domain {
  flex: 1;
  min-height: 80px;
  resize: vertical;
}
.sib-domain-tld-filters {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  padding-top: var(--space-3);
  align-items: center;
}

.sib-domain-tld-filters .btn-group { position: relative; }
.sib-domain-tld-filters .multiselect.btn {
  background: var(--bg-lifted) !important;
  border: 1px solid var(--border-soft) !important;
  border-radius: var(--radius-md) !important;
  color: var(--text-primary) !important;
  font-size: var(--text-xs) !important;
  padding: 6px 12px !important;
  margin: 0 !important;
  min-height: 38px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.sib-domain-tld-filters .multiselect.btn:hover { border-color: var(--accent) !important; }
.sib-domain-tld-filters .multiselect-container.dropdown-menu {
  background: var(--bg-surface) !important;
  border: 1px solid var(--border-soft) !important;
  border-radius: var(--radius-md);
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  padding: 6px 0;
  min-width: 200px;
  max-height: 240px;
  overflow-y: auto;
  position: absolute;
  top: 100%;
  inset-inline-start: 0;
  inset-inline-end: auto;
  z-index: 10000;
  display: none;
  list-style: none;
  margin: 4px 0 0;
}
.sib-domain-tld-filters .btn-group.open .multiselect-container { display: block; }
.sib-domain-tld-filters .multiselect-container li a {
  display: block;
  padding: 5px 14px;
  cursor: pointer;
  text-decoration: none;
  color: var(--text-primary) !important;
  background: transparent !important;
}
.sib-domain-tld-filters .multiselect-container li a:hover { background: var(--neutral-lifted) !important; }
.sib-domain-tld-filters .multiselect-container label {
  display: flex !important;
  align-items: center;
  gap: 8px;
  font-size: var(--text-xs);
  cursor: pointer;
  margin: 0;
  font-weight: normal;
  color: var(--text-primary) !important;
}
.sib-domain-tld-filters .multiselect-container li.disabled a { opacity: .4; pointer-events: none; }
.sib-domain-tld-filters .multiselect-item.filter {
  padding: 6px 8px;
  border-bottom: 1px solid var(--border-soft);
}
.sib-domain-tld-filters .multiselect-item.filter .multiselect-search {
  width: 100%;
  padding: 4px 8px;
  background: var(--bg-lifted) !important;
  border: 1px solid var(--border-soft) !important;
  border-radius: var(--radius-sm);
  color: var(--text-primary) !important;
  font-size: var(--text-xs);
}
.sib-domain-tld-filters .sib-checkbox-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: var(--text-xs);
  color: var(--text-muted) !important;
  cursor: pointer;
  padding: 5px 0;
}

.sib-btn-domain-action {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 20px;
  background: var(--grad-brand);
  border: none;
  border-radius: var(--radius-md);
  color: #fff;
  font-size: var(--text-sm);
  font-weight: var(--font-medium);
  font-family: var(--font-main);
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s, transform 0.2s;
  flex-shrink: 0;
}
.sib-btn-domain-action:hover { opacity: 0.88; transform: translateY(var(--lift)); }

.sib-cpd-freedomain {
  font-size: var(--text-sm);
  color: var(--text-muted);
  padding: var(--space-3) var(--space-4);
  background: var(--accent-soft);
  border: 1px solid var(--accent-border);
  border-radius: var(--radius-md);
  margin-bottom: var(--space-4);
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.sib-cpd-freedomain i { color: var(--accent-text); }

.sib-cpd-results {
  margin-top: var(--space-4);
}
.sib-cpd-primary-result {
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-xl);
  padding: var(--space-5);
  margin-bottom: var(--space-4);
}
.sib-cpd-result-heading {
  font-size: var(--text-sm);
  font-weight: var(--font-semibold);
  color: var(--text-muted);
  margin-bottom: var(--space-3);


}
.sib-cpd-loader {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--text-sm);
  color: var(--text-muted);
  padding: var(--space-4) 0;
}
.sib-cpd-lookup-result { padding-top: var(--space-2); }
.sib-cpd-status {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--text-md);
  font-weight: var(--font-medium);
  margin-bottom: var(--space-2);
}
.sib-cpd-available { color: var(--status-success, #10b981); }
.sib-cpd-unavailable { color: var(--status-error, #ef4444); }
.sib-cpd-hint {
  font-size: var(--text-sm);
  color: var(--text-muted);
  margin-bottom: var(--space-1);
}
.sib-cpd-price {
  margin-top: var(--space-3);
  font-size: var(--text-sm);
  color: var(--text-secondary);
}
.sib-cpd-price strong {
  font-size: var(--text-lg, 18px);
  color: var(--accent-text);
  margin-inline-start: var(--space-2);
}
.sib-cpd-error { color: var(--status-error, #ef4444); font-size: var(--text-sm); }
.sib-cpd-idn { margin-top: var(--space-3); }
.sib-cpd-contact {
  display: inline-flex;
  padding: 8px 16px;
  border-radius: var(--radius-md);
  font-size: var(--text-sm);
  cursor: pointer;
}

.sib-cpd-spotlight {
  margin-bottom: var(--space-4);
}
.sib-cpd-spotlight-inner {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}
.sib-cpd-spotlight-item {
  flex: 1;
  min-width: 110px;
}
.sib-cpd-spotlight-item .spotlight-tld {
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-lg);
  padding: var(--space-3) var(--space-4);
  text-align: center;
  position: relative;
}
.sib-cpd-spotlight-badge {
  font-size: var(--text-xs);
  font-weight: var(--font-medium);


  color: var(--accent-text);
  margin-bottom: 4px;
}
.sib-cpd-spotlight-tld {
  font-size: var(--text-md);
  font-weight: var(--font-bold);
  color: var(--text-primary);
  display: block;
}
.sib-cpd-spotlight-price {
  font-size: var(--text-sm);
  color: var(--accent-text);
  font-weight: var(--font-semibold);
  display: block;
  margin-top: 4px;
}
.sib-btn-tld-state {
  display: inline-block;
  padding: 5px 10px;
  border-radius: var(--radius-sm);
  font-size: var(--text-xs);
  border: 1px solid var(--border-soft);
  background: transparent;
  color: var(--text-muted);
  font-family: var(--font-main);
  cursor: default;
  margin-top: var(--space-2);
}
.sib-btn-tld-add {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 7px 14px;
  border-radius: var(--radius-md);
  border: none;
  background: var(--grad-brand);
  color: #fff;
  font-size: var(--text-xs);
  font-weight: var(--font-medium);
  font-family: var(--font-main);
  cursor: pointer;
  margin-top: var(--space-2);
}

.sib-cpd-suggestions {
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-xl);
  overflow: hidden;
  margin-bottom: var(--space-4);
}
.sib-cpd-suggestions-head {
  padding: var(--space-4) var(--space-5);
  font-size: var(--text-sm);
  font-weight: var(--font-semibold);
  color: var(--text-primary);
  border-bottom: 1px solid var(--border-soft);
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.sib-cpd-suggestions-head i { color: var(--accent-text); }
.sib-cpd-suggestions-loader {
  padding: var(--space-4) var(--space-5);
  color: var(--text-muted);
  font-size: var(--text-sm);
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.sib-cpd-suggestions-list { padding: 0; }
.sib-cpd-suggestion-row {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-5);
  border-bottom: 1px solid var(--border-muted, var(--border-soft));
}
.sib-cpd-suggestion-row:last-child { border-bottom: none; }
.sib-cpd-sug-name {
  font-weight: var(--font-semibold);
  color: var(--text-primary);
  font-size: var(--text-sm);
}
.sib-cpd-sug-ext {
  color: var(--accent-text);
  font-size: var(--text-sm);
}
.sib-cpd-sug-actions {
  margin-inline-start: auto;
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.sib-cpd-sug-price {
  font-size: var(--text-sm);
  color: var(--text-secondary);
}
.sib-cpd-sug-promo {
  font-size: var(--text-xs);
  color: var(--accent-text);
}
.sib-btn-add-domain {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 14px;
  border-radius: var(--radius-md);
  border: 1px solid var(--accent-border);
  background: var(--accent-soft);
  color: var(--text-primary);
  font-size: var(--text-xs);
  font-weight: var(--font-medium);
  font-family: var(--font-main);
  cursor: pointer;
  transition: background 0.2s;
}
.sib-btn-add-domain:hover { background: var(--accent-soft); }
.sib-cpd-more-row {
  padding: var(--space-3) var(--space-5);
  text-align: center;
  border-top: 1px solid var(--border-soft);
}
.sib-cpd-no-more {
  font-size: var(--text-xs);
  color: var(--text-muted);
}
.sib-cpd-sug-warning {
  padding: var(--space-3) var(--space-5);
  font-size: var(--text-xs);
  color: var(--text-muted);
  border-top: 1px solid var(--border-soft);
}

@media (max-width: 600px) {
  .sib-domain-input-row { flex-direction: column; align-items: stretch; }
  .sib-btn-domain-action { justify-content: center; }
  .sib-cpd-sug-actions { flex-wrap: wrap; }
}

.sib-co-header {
  padding: var(--space-4) 0 var(--space-5);
}
.sib-co-steps {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  flex-wrap: wrap;
}
.sib-co-step {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: var(--radius-full);
  font-size: var(--text-sm);
  font-weight: var(--font-semibold);
  color: var(--text-muted);
  border: 1px solid var(--border-soft);
  background: var(--bg-card);
}
.sib-co-step-done {
  color: var(--accent-text);
  border-color: var(--accent-border);
  background: var(--accent-soft);
}
.sib-co-step-active {
  color: var(--text-primary);
  border-color: var(--accent-border);
  background: var(--accent-soft);
}
.sib-co-step-sep {
  color: var(--text-muted);
  font-size: 18px;
}

.sib-co-layout {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: var(--space-5);
  align-items: start;
}
.sib-co-main {
  min-width: 0;
}
.sib-co-side {
  position: sticky;
  top: calc(var(--topbar-height, 64px) + 16px);
}

.sib-co-toggle-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
  padding: var(--space-3) var(--space-4);
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-md);
  flex-wrap: wrap;
}
.sib-co-toggle-hint {
  font-size: var(--text-sm);
  color: var(--text-muted);
  margin: 0;
}

.sib-account-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: var(--space-3);
}
.sib-account-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s;
}
.sib-account-card input[type="radio"] { display: none; }
.sib-account-card:hover {
  border-color: var(--accent);
  background: var(--bg-lifted);
}
.sib-account-card.sib-account-selected {
  border-color: var(--accent);
  background: var(--accent-soft);
}
.sib-account-name {
  font-size: var(--text-sm);
  font-weight: var(--font-semibold);
  color: var(--text-primary);
  display: flex;
  align-items: center;
  gap: var(--space-2);
  flex-wrap: wrap;
}
.sib-account-addr {
  font-size: var(--text-xs);
  color: var(--text-muted);
}

.sib-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: var(--radius-full);
  font-size: var(--text-xs);
  font-weight: var(--font-medium);
}
.sib-badge-gray  { background: rgba(100,116,139,0.20); color: var(--text-muted); }
.sib-badge-cyan  { background: var(--accent-soft);   color: var(--accent-text); }

.sib-form-actions {
  padding-top: var(--space-3);
}

.sib-pw-actions {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  flex-wrap: wrap;
}
.sib-pw-strength {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  flex: 1;
  min-width: 180px;
}
.sib-pw-bar {
  flex: 1;
  height: 6px;
  border-radius: 3px;
  background: var(--border-soft);
  overflow: hidden;
}
.sib-pw-fill {
  height: 100%;
  width: 0;
  border-radius: 3px;
  background: var(--accent);
  transition: width 0.3s, background 0.3s;
}
.sib-pw-label {
  font-size: var(--text-xs);
  color: var(--text-muted);
  white-space: nowrap;
}

.sib-co-domain-select { max-width: 340px; margin-bottom: var(--space-4); }

.sib-hook-output { margin-bottom: var(--space-4); }

.sib-co-panel {
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-xl);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  overflow: hidden;
  position: relative;
}
.sib-co-panel::before {
  content: '';
  position: absolute;
  top: 0; inset-inline: 0;
  height: 2px;
  content: none;
}
.sib-co-panel-head {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-4) var(--space-5);
  border-bottom: 1px solid var(--border-soft);
  font-size: var(--text-md);
  font-weight: var(--font-bold);
  color: var(--text-primary);
}
.sib-co-panel-head i { color: var(--accent-text); }

.sib-co-total-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-4) var(--space-5);
  border-bottom: 1px solid var(--border-soft);
  background: var(--bg-surface);
}
.sib-co-total-label {
  font-size: var(--text-sm);
  color: var(--text-muted);
}
.sib-co-total-price {
  font-size: var(--text-xl, 20px);
  font-weight: var(--font-bold);
  color: var(--accent-text);
}

.sib-co-credit-wrap {
  padding: var(--space-4) var(--space-5);
  border-bottom: 1px solid var(--border-soft);
}
.sib-co-credit-msg {
  font-size: var(--text-sm);
  color: var(--text-muted);
  margin-bottom: var(--space-2);
}

.sib-co-gateways {
  padding: var(--space-4) var(--space-5);
  border-bottom: 1px solid var(--border-soft);
}
.sib-co-gateways-label {
  font-size: var(--text-xs);
  color: var(--text-muted);
  margin-bottom: var(--space-3);


}
.sib-gateway-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.sib-gateway-item {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: 10px 14px;
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s;
  position: relative;
}
.sib-gateway-item input[type="radio"] { display: none; }
.sib-gateway-item:hover {
  border-color: var(--accent);
  background: var(--bg-lifted);
}
.sib-gateway-item.sib-gateway-active {
  border-color: var(--accent);
  background: var(--accent-soft);
}
.sib-gateway-icon {
  font-size: 14px;
  color: var(--text-muted);
  width: 16px;
  text-align: center;
}
.sib-gateway-name {
  flex: 1;
  font-size: var(--text-sm);
  font-weight: var(--font-semibold);
  color: var(--text-primary);
}
.sib-gateway-check {
  font-size: 14px;
  color: var(--accent-text);
  opacity: 0;
  transition: opacity 0.2s;
}
.sib-gateway-item.sib-gateway-active .sib-gateway-check { opacity: 1; }

.sib-co-cc-wrap {
  padding: var(--space-4) var(--space-5);
  border-bottom: 1px solid var(--border-soft);
}
.sib-co-cvv-row { margin-bottom: var(--space-3); }
.sib-co-cc-tabs {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--space-3);
}
.sib-input-group {
  display: flex;
  gap: 0;
}
.sib-input-group .sib-input {
  border-radius: 0 !important;
  border-start-start-radius: var(--radius-md) !important; border-end-start-radius: var(--radius-md) !important;
  flex: 1;
}
.sib-input-addon {
  padding: 0 12px;
  background: var(--bg-lifted);
  border: 1px solid var(--border-soft);
  border-inline-start: none;
  border-radius: 0;
  border-start-end-radius: var(--radius-md); border-end-end-radius: var(--radius-md);
  color: var(--text-muted);
  font-size: var(--text-sm);
  cursor: pointer;
  font-family: var(--font-main);
}
.sib-field-danger { color: var(--status-error, #ef4444); }

.sib-co-express { padding: var(--space-4) var(--space-5); }
.sib-co-express-msg {
  padding: var(--space-4) var(--space-5);
  font-size: var(--text-sm);
  color: var(--text-muted);
  text-align: center;
}

.sib-co-captcha {
  padding: var(--space-4) var(--space-5);
  border-bottom: 1px solid var(--border-soft);
}

.sib-co-marketing {
  padding: var(--space-4) var(--space-5);
  border-bottom: 1px solid var(--border-soft);
}
.sib-co-marketing-title {
  font-size: var(--text-sm);
  font-weight: var(--font-bold);
  color: var(--text-primary);
  margin: 0 0 var(--space-2);
}

.sib-co-submit {
  padding: var(--space-4) var(--space-5) var(--space-5);
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.sib-tos-check {
  font-size: var(--text-sm);
  color: var(--text-secondary);
}
.sib-link {
  color: var(--accent-text);
  text-decoration: none;
}
.sib-link:hover { text-decoration: underline; }
.sib-co-ssl {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: var(--text-xs);
  color: var(--text-muted);
  padding-top: var(--space-2);
}
.sib-co-ssl i { color: var(--accent-text); }

.sib-required { color: var(--status-error, #ef4444); margin-inline-start: 2px; }

.sib-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 20px;
  background: var(--grad-brand);
  border: none;
  border-radius: var(--radius-md);
  color: #fff;
  font-size: var(--text-sm);
  font-weight: var(--font-medium);
  font-family: var(--font-main);
  cursor: pointer;
  transition: opacity 0.2s, transform 0.2s;
}
.sib-btn-primary:hover { opacity: 0.88; transform: translateY(var(--lift)); }
.sib-btn-warning {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: rgba(245,158,11,0.12);
  border: 1px solid rgba(245,158,11,0.35);
  border-radius: var(--radius-md);
  color: #f59e0b;
  font-size: var(--text-sm);
  font-weight: var(--font-medium);
  font-family: var(--font-main);
  cursor: pointer;
  transition: background 0.2s;
}
.sib-btn-warning:hover { background: rgba(245,158,11,0.20); }

@media (max-width: 900px) {
  .sib-co-layout { grid-template-columns: 1fr; }
  .sib-co-side { position: static; }
}
@media (max-width: 600px) {
  .sib-co-steps { gap: var(--space-1); }
  .sib-co-step { padding: 5px 10px; font-size: var(--text-xs); }
  .sib-account-grid { grid-template-columns: 1fr; }
}

.sib-complete-wrap {
  max-width: 640px;
  margin: var(--space-5) auto;
}
.sib-complete-hero {
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-xl);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  padding: var(--space-7, 48px) var(--space-5);
  text-align: center;
  margin-bottom: var(--space-4);
  position: relative;
  overflow: hidden;
}
.sib-complete-hero::before {
  content: '';
  position: absolute;
  top: 0; inset-inline: 0;
  height: 3px;
  content: none;
}
.sib-complete-icon {
  font-size: 64px;
  color: var(--accent-text);
  margin-bottom: var(--space-4);
  animation: sibPulse 1.6s ease-in-out infinite;
}
@keyframes sibPulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50%       { transform: scale(1.06); opacity: 0.85; }
}
.sib-complete-title {
  font-size: var(--text-2xl, 28px) !important;
  font-weight: var(--font-bold) !important;
  color: var(--text-primary) !important;
  margin: 0 0 var(--space-2) !important;
  font-family: var(--font-main) !important;
}
.sib-complete-sub {
  font-size: var(--text-md);
  color: var(--text-secondary);
  margin: 0;
}
.sib-complete-order-num {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-4) var(--space-5);
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-lg);
  margin-bottom: var(--space-4);
}
.sib-complete-order-label {
  font-size: var(--text-sm);
  color: var(--text-muted);
}
.sib-complete-order-val {
  font-size: var(--text-lg, 18px);
  font-weight: var(--font-bold);
  color: var(--accent-text);
  font-family: var(--font-mono, monospace);

}
.sib-complete-notice {
  margin-bottom: var(--space-4);
}
.sib-complete-instructions {
  font-size: var(--text-sm);
  color: var(--text-secondary);
  text-align: center;
  padding: var(--space-3) var(--space-4);
  margin-bottom: var(--space-4);
}
.sib-complete-addon {
  margin-bottom: var(--space-4);
}
.sib-complete-actions {
  text-align: center;
  margin-bottom: var(--space-5);
}
.sib-complete-actions .sib-btn-continue {
  display: inline-flex;
  width: auto;
  padding: 13px 32px;
  text-decoration: none;
}
.sib-complete-recommendations {
  margin-top: var(--space-5);
  padding-top: var(--space-5);
  border-top: 1px solid var(--border-soft);
}

.sib-alert-warning {
  background: rgba(245,158,11,0.10);
  border: 1px solid rgba(245,158,11,0.30);
  color: #f59e0b;
}
.sib-alert-warning i { color: #f59e0b; }

.sib-badge-green   { background: rgba(34,197,94,0.15);  color: #22c55e; }
.sib-badge-warning { background: rgba(245,158,11,0.15); color: #f59e0b; }
.sib-badge-danger  { background: rgba(239,68,68,0.15);  color: #ef4444; }

.sib-domain-opt-badge {
  display: inline-flex;
  align-items: center;
  font-size: var(--text-xs);
  font-weight: var(--font-medium);
  padding: 1px 7px;
  border-radius: 20px;
  margin-inline-start: 6px;
  line-height: 18px;
  vertical-align: middle;
}

.sib-renewal-layout {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: var(--space-5);
  align-items: start;
}
@media (max-width: 900px) {
  .sib-renewal-layout { grid-template-columns: 1fr; }
}
.sib-renewal-side { position: sticky; top: var(--space-5); }
.sib-renewal-side .sib-store-sidebar { position: static; margin-top: var(--space-4); }

.sib-renewal-item {
  background: var(--bg-lifted);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-lg);
  padding: var(--space-4);
  margin-bottom: var(--space-3);
  transition: border-color 0.18s;
}
.sib-renewal-item:last-child { margin-bottom: 0; }
.sib-renewal-item:hover { border-color: var(--border-hover); }

.sib-renewal-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--space-3);
  flex-wrap: wrap;
}
.sib-renewal-info { flex: 1; min-width: 0; }
.sib-renewal-name {
  font-size: var(--text-base);
  font-weight: var(--font-semibold);
  color: var(--text-primary);
  margin: 0 0 var(--space-1);
}
.sib-renewal-domain {
  display: block;
  font-size: var(--text-sm);
  color: var(--accent-text);
  margin-bottom: var(--space-1);
  direction: ltr;
}
.sib-renewal-date {
  font-size: var(--text-sm);
  color: var(--text-muted);
  margin: 0;
}
.sib-renewal-free {
  font-size: var(--text-sm);
  color: #22c55e;
  margin: var(--space-1) 0 0;
}
.sib-renewal-badge-wrap { flex-shrink: 0; padding-top: 2px; }

.sib-renewal-foot {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-3);
  margin-top: var(--space-3);
  flex-wrap: wrap;
}
.sib-renewal-period {
  font-size: var(--text-sm);
  color: var(--text-secondary);
  flex: 1;
}
.sib-renewal-period-label {
  display: block;
  font-size: var(--text-xs);
  color: var(--text-muted);
  margin-bottom: 2px;
}
.sib-renewal-period-select {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: var(--space-3);
  padding-top: var(--space-3);
  border-top: 1px solid var(--border-soft);
}
.sib-renewal-ineligible {
  font-size: var(--text-sm);
  color: var(--text-muted);
}
.sib-renewal-addons {
  margin-top: var(--space-3);
  padding-top: var(--space-3);
  border-top: 1px solid var(--border-soft);
}
.sib-renewal-addons-title {
  font-size: var(--text-xs);
  font-weight: var(--font-semibold);
  color: var(--text-muted);


  margin: 0 0 var(--space-2);
}

.sib-summary-card {
  background: var(--bg-lifted);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
.sib-summary-header {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-4);
  border-bottom: 1px solid var(--border-soft);
  background: var(--bg-surface);
}
.sib-summary-header h2 {
  font-size: var(--text-base);
  font-weight: var(--font-semibold);
  margin: 0;
  color: var(--text-primary);
}
.sib-summary-header i { color: var(--accent-text); }
.sib-summary-loader {
  padding: var(--space-4);
  text-align: center;
  color: var(--text-muted);
}
.sib-summary-body { padding: 0 var(--space-4); }
.sib-summary-footer {
  padding: var(--space-3) var(--space-4) var(--space-4);
}

.sib-store-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
}
.sib-store-title-wrap {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}
.sib-store-icon { font-size: 28px; }
.sib-store-title {
  font-size: var(--text-xl);
  font-weight: var(--font-bold);
  color: var(--text-primary);
  margin: 0;
}

.sib-error-wrap {
  max-width: 600px;
  margin: var(--space-8) auto;
  text-align: center;
  padding: 0 var(--space-4);
}
.sib-error-icon {
  font-size: 56px;
  margin-bottom: var(--space-4);
  line-height: 1;
}
.sib-error-icon-warning { color: #f59e0b; }
.sib-error-title {
  font-size: var(--text-xl);
  font-weight: var(--font-bold);
  color: var(--text-primary);
  margin: 0 0 var(--space-3);
}
.sib-error-msg {
  font-size: var(--text-base);
  color: var(--text-secondary);
  margin-bottom: var(--space-4);
}
.sib-error-detail {
  font-size: var(--text-sm);
  color: var(--text-muted);
  margin-bottom: var(--space-5);
}
.sib-error-actions {
  display: flex;
  justify-content: center;
  gap: var(--space-3);
  flex-wrap: wrap;
}

.sib-modal-content {
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-lg);
  background: var(--bg-surface);
  box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}
.sib-modal-close {
  color: var(--text-muted);
  opacity: 1;
  font-size: 18px;
  line-height: 1;
}
.sib-modal-close:hover { color: var(--text-primary); }
.sib-modal-title {
  font-size: var(--text-base);
  font-weight: var(--font-semibold);
  color: var(--text-primary);
  margin: 0;
}
.sib-modal-body {
  font-size: var(--text-sm);
  color: var(--text-secondary);
  padding: var(--space-4) var(--space-5);
}
.sib-modal-footer {
  padding: var(--space-3) var(--space-5);
  display: flex;
  justify-content: flex-end;
  gap: var(--space-2);
  border-top: 1px solid var(--border-soft);
}

.sib-btn-outline-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: 10px 20px;
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--text-secondary);
  font-size: var(--text-sm);
  font-weight: var(--font-medium);
  text-decoration: none;
  cursor: pointer;
  transition: border-color 0.18s, color 0.18s, background 0.18s;
}
.sib-btn-outline-btn:hover {
  border-color: var(--accent);
  color: var(--accent-text);
  background: var(--accent-soft);
  text-decoration: none;
}

.sib-subdomain-row {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  flex-wrap: wrap;
}
.sib-subdomain-dot {
  font-size: var(--text-lg);
  font-weight: var(--font-bold);
  color: var(--accent-text);
  flex-shrink: 0;
  line-height: 1;
  padding: 0 2px;
}
.sib-subdomain-preview-wrap { color: var(--text-muted); }
.sib-subdomain-preview {
  font-family: var(--font-mono, monospace);
  color: var(--accent-text);
  font-weight: var(--font-semibold);
  font-size: var(--text-sm);
}

.sib-cp-product-domain {
  font-size: var(--text-sm);
  color: var(--accent-text);
  margin: 2px 0 0;
  display: flex;
  align-items: center;
  gap: 6px;
  direction: ltr;
  font-family: var(--font-mono, monospace);
  justify-content: right;
}
.sib-cp-product-domain i { font-size: var(--text-xs); opacity: 0.8; }

.sib-cycle-hint {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0 0 var(--space-3);
  font-size: var(--text-sm);
  color: var(--on-success);
}
.sib-cycle-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(max(170px, calc((100% - 3 * var(--space-3)) / 4)), 1fr));
  gap: var(--space-3);
}
.sib-cycle-box {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 14px 16px;
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-md);
  background: var(--bg-surface);
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
  font-size: var(--text-sm);
  color: var(--text-primary);
}
.sib-cycle-box input[type="radio"] { display: none; }
.sib-cycle-box:hover {
  border-color: var(--accent);
  background: var(--bg-lifted);
}
.sib-cycle-box:has(input:checked) {
  border-color: var(--accent);
  background: var(--accent-soft);
  color: var(--text-primary);
}
.sib-cycle-box.is-best { border-color: var(--success); }
.sib-cycle-box.is-best:has(input:checked) { border-color: var(--accent); }
.sib-cycle-label { flex: 1; }
.sib-cycle-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; line-height: 1.5; }
.sib-cycle-name { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; font-weight: var(--font-semibold); }
.sib-cycle-off {
  padding: 1px 8px;
  border-radius: var(--radius-full);
  background: var(--success-bg);
  color: var(--on-success);
  font-size: var(--text-xs);
  font-weight: var(--font-bold);
  white-space: nowrap;
}
.sib-cycle-price { font-size: var(--text-base); font-weight: var(--font-bold); color: var(--text-primary); }
.sib-cycle-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 4px;
  padding-top: 10px;
  border-top: 1px solid var(--border-soft);
}
.sib-cycle-sub { font-size: var(--text-xs); color: var(--text-muted); }
.sib-cycle-save { font-size: var(--text-xs); font-weight: var(--font-semibold); color: var(--on-success); }
.sib-cycle-ribbon {
  position: absolute;
  top: 0;
  inset-inline-end: 12px;
  transform: translateY(-50%);
  padding: 1px 10px;
  border-radius: var(--radius-full);
  border: 1px solid var(--success);
  background: var(--bg-surface);
  color: var(--on-success);
  font-size: var(--text-xs);
  font-weight: var(--font-bold);
  white-space: nowrap;
}

.sib-os-product {
  border-bottom: 1px solid var(--border-soft);
  padding-bottom: var(--space-3);
  margin-bottom: var(--space-3);
}
.sib-os-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--space-3);
  padding: 4px 0;
  font-size: var(--text-sm);
}
.sib-os-product-row { font-weight: var(--font-semibold); }
.sib-os-option-row, .sib-os-addon-row { color: var(--text-secondary); }
.sib-os-section-label {
  font-size: var(--text-xs);
  font-weight: var(--font-semibold);
  color: var(--text-muted);
  padding: var(--space-2) 0 var(--space-1);
  border-top: 1px solid var(--border-soft);
  margin-top: var(--space-2);
}
.sib-os-name { flex: 1; }
.sib-os-price { white-space: nowrap; color: var(--text-primary); font-weight: var(--font-semibold); }
.sib-os-indent { color: var(--accent-text); margin-inline-end: 4px; font-size: var(--text-xs); }
.sib-os-opt-val { color: var(--accent-text); }
.sib-os-setup { font-size: var(--text-xs); color: var(--text-muted); }
.sib-os-sub { color: var(--text-muted); }
.sib-os-sub-block { display: block; }
.sib-os-domain { direction: ltr; }
.sib-os-remove, #order-standard_cart .sib-os-remove { margin-inline-start: 6px; color: var(--error); }
.sib-os-totals {
  border-top: 1px solid var(--border-soft);
  padding-top: var(--space-2);
  margin-bottom: var(--space-3);
}
.sib-os-label { color: var(--text-secondary); font-size: var(--text-sm); }
.sib-os-amount { white-space: nowrap; font-size: var(--text-sm); }
.sib-os-total-today {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 2px solid var(--accent);
  padding-top: var(--space-3);
  margin-top: var(--space-2);
}
.sib-os-today-label {
  font-size: var(--text-sm);
  font-weight: var(--font-semibold);
  color: var(--text-primary);
}
.sib-os-today-amount {
  font-size: var(--text-lg);
  font-weight: var(--font-bold);
  color: var(--accent-text);
}

.sib-dr-search-wrap {
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
  margin-bottom: var(--space-5);
  position: relative;
  z-index: 50;
}
.tooltip {
  position: absolute; z-index: 1070; display: block;
  font-family: var(--font-main); font-size: var(--text-xs); font-weight: var(--font-regular);
  line-height: 1.6; white-space: normal; word-wrap: break-word;
  opacity: 0; pointer-events: none;
}
.tooltip.in { opacity: 1; }
.tooltip.fade { transition: opacity .15s linear; }
.tooltip.top    { margin-top: -4px; padding: 6px 0; }
.tooltip.bottom { margin-top: 4px;  padding: 6px 0; }
.tooltip.left   { margin-left: -4px; padding: 0 6px; }
.tooltip.right  { margin-left: 4px;  padding: 0 6px; }
.tooltip-inner {
  max-width: 260px; padding: 6px 10px;
  color: var(--bg-root); background: var(--text-primary);
  border-radius: var(--radius-sm); box-shadow: var(--shadow-2);
  text-align: center;
}
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
.tooltip.top .tooltip-arrow    { bottom: 0; left: 50%; margin-left: -6px; border-width: 6px 6px 0; border-top-color: var(--text-primary); }
.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -6px; border-width: 0 6px 6px; border-bottom-color: var(--text-primary); }
.tooltip.left .tooltip-arrow   { right: 0; top: 50%; margin-top: -6px; border-width: 6px 0 6px 6px; border-left-color: var(--text-primary); }
.tooltip.right .tooltip-arrow  { left: 0; top: 50%; margin-top: -6px; border-width: 6px 6px 6px 0; border-right-color: var(--text-primary); }

#order-standard_cart .sib-dr-search-wrap.domain-checker-container {
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
  margin: 0 0 var(--space-5);
}
#order-standard_cart .sib-dr-search-wrap .sib-dr-textarea { height: auto; min-height: 96px; resize: vertical; }
#order-standard_cart .sib-dr-search-wrap label { font-size: inherit; margin: 0; color: inherit; }
#order-standard_cart .sib-form-group label,
#order-standard_cart .sib-captcha .field-label { color: var(--text-muted); font-weight: var(--font-medium); font-size: var(--text-xs); margin: 0; }
#order-standard_cart .sib-dr-search-wrap input[type=checkbox] { margin: 0; background: none; }
#order-standard_cart .sib-dr-search-wrap .sib-captcha { margin: 0; }
.sib-dr-search-row {
  display: flex; gap: var(--space-3); align-items: stretch;
}
.sib-dr-input {
  flex: 1;
  padding: 12px 16px;
  background: var(--bg-surface);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-md);
  color: var(--text-primary);
  font-size: var(--text-base);
  font-family: var(--font-main);
  direction: ltr;
  outline: none;
  transition: border-color 0.15s;
}
.sib-dr-input:focus { border-color: var(--accent); }
.sib-dr-textarea {
  flex: 1; min-height: 60px; resize: vertical;
  padding: 12px 16px;
  background: var(--bg-surface);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-md);
  color: var(--text-primary);
  font-family: var(--font-main);
  outline: none;
  transition: border-color 0.15s;
}
.sib-dr-textarea:focus { border-color: var(--accent); }
.sib-dr-ai-hint { display: flex; align-items: center; gap: 6px; margin-top: var(--space-2); color: var(--on-warning); }
.sib-dr-ai-hint[hidden] { display: none; }
.sib-btn-search {
  padding: 10px 22px;
  background: var(--grad-brand);
  color: #fff;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--text-sm);
  font-weight: var(--font-medium);
  font-family: var(--font-main);
  cursor: pointer;
  display: flex; align-items: center; gap: 8px;
  white-space: nowrap;
  box-shadow: none;
  transition: opacity 0.15s, box-shadow 0.15s;
  flex-shrink: 0;
}
.sib-btn-search:hover { opacity: 0.88; box-shadow: none; color: #fff; }
.sib-btn-search.domain-check-availability { width: auto; height: 38px; padding: 0 20px; line-height: 1; }
.domain-checker-container #btnCheckAvailability {
  position: static !important;
  right: auto !important;
  top: auto !important;
}
.sib-dr-search-filters {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  flex-wrap: wrap;
  margin-top: var(--space-3);
  padding-top: var(--space-3);
  border-top: 1px solid var(--border-soft);
}
.sib-dr-filter-opts { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: center; flex: 1; }
.sib-dr-captcha { margin-top: var(--space-4); padding-top: var(--space-4); border-top: 1px solid var(--border-soft); max-width: 420px; }

.sib-dr-result-heading {
  font-size: var(--text-sm);
  font-weight: var(--font-semibold);
  color: var(--text-secondary);
  padding: var(--space-3) 0 var(--space-2);

}
.sib-dr-loader { padding: var(--space-4) 0; color: var(--text-muted); }
.sib-dr-result-box {
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
  margin-bottom: var(--space-4);
}
.sib-dr-status { font-size: var(--text-base); font-weight: var(--font-medium); margin: 0 0 var(--space-2); display: flex; align-items: center; gap: 8px; }
.sib-dr-available { color: var(--on-success); }
.sib-dr-unavailable { color: var(--error); }
.sib-dr-price { margin-top: var(--space-3); display: flex; align-items: center; gap: var(--space-3); flex-wrap: wrap; }
.sib-dr-error { color: var(--error); font-size: var(--text-sm); }
.sib-dr-contact { font-family: var(--font-main); }

.sib-dr-spotlight { margin: var(--space-4) 0; }
.sib-dr-spotlight-item {
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-md);
  padding: var(--space-3) var(--space-4);
  text-align: center;
  transition: border-color 0.15s;
}
.sib-dr-tld-name { font-size: var(--text-base); font-weight: var(--font-semibold); color: var(--text-primary); }
.sib-dr-spotlight-price { font-size: var(--text-sm); color: var(--accent-text); font-weight: var(--font-semibold); }
.sib-dr-spotlight-badge { font-size: var(--text-xs); font-weight: var(--font-medium); border-radius: 4px; padding: 2px 6px; margin-bottom: 4px; display: inline-block; }
.sib-btn-tld-add { font-family: var(--font-main); font-size: var(--text-xs); }
.spotlight-tlds.sib-dr-spotlight { background: none; padding: 0; }
.sib-dr-spotlight .spotlight-tlds-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: var(--space-3); margin: 0; }
.sib-dr-spotlight .spotlight-tld-container { width: auto; padding: 0; }
.sib-dr-spotlight .spotlight-tld.sib-dr-spotlight-item { height: auto; min-height: 112px; background: var(--bg-card); border-color: var(--border-soft); color: var(--text-primary); font-weight: var(--font-regular); }
.sib-dr-spotlight .spotlight-tld .btn:not(.domain-contact-support),
.suggested-domains.sib-dr-suggestions .btn:not(.domain-contact-support) { width: auto; padding: 4px 14px; border: none; border-radius: var(--radius-sm); background: var(--accent); color: var(--on-accent); font-family: var(--font-main); font-size: var(--text-xs); }
.sib-dr-spotlight .spotlight-tld .btn:not(.domain-contact-support):hover,
.suggested-domains.sib-dr-suggestions .btn:not(.domain-contact-support):hover { background: var(--accent-hover); }
.sib-dr-spotlight .spotlight-tld .btn.invalid,
.sib-dr-spotlight .spotlight-tld .btn.unavailable { margin: var(--space-4) 0; background: var(--bg-chip); color: var(--text-muted); }
.suggested-domains.sib-dr-suggestions .domain-lookup-suggestions-loader,
.suggested-domains.sib-dr-suggestions .domain-lookup-suggestions-message { padding: var(--space-5); background: var(--bg-card); border: 1px solid var(--border-soft); border-radius: var(--radius-md); opacity: 1; }
.suggested-domains.sib-dr-suggestions .price { padding: 0; font-size: var(--text-sm); }

.sib-dr-suggestions { margin: var(--space-4) 0; }
.sib-dr-suggestions-head {
  font-size: var(--text-sm); font-weight: var(--font-semibold);
  color: var(--text-secondary);
  padding: var(--space-3) 0;
  display: flex; align-items: center; gap: 8px;
}
.sib-dr-suggestions-head i { color: var(--accent-text); }
.sib-dr-suggestion-row {
  display: flex; justify-content: space-between; align-items: center;
  padding: var(--space-3) var(--space-4);
  border-bottom: 1px solid var(--border-soft);
  background: var(--bg-card);
}
.sib-dr-suggestion-row:first-child { border-radius: var(--radius-md) var(--radius-md) 0 0; }
.sib-dr-suggestion-row:last-child { border-bottom: none; border-radius: 0 0 var(--radius-md) var(--radius-md); }
.sib-dr-sug-left { direction: ltr; unicode-bidi: isolate; }
.sib-dr-ext { color: var(--text-muted); }
.sib-dr-sug-actions { display: flex; align-items: center; gap: var(--space-3); }
.sib-dr-sug-price { font-weight: var(--font-semibold); color: var(--accent-text); }
.sib-dr-promo { font-size: var(--text-xs); }
.sib-dr-no-suggestions { color: var(--text-muted); font-size: var(--text-sm); padding: var(--space-3) 0; }
.sib-dr-more-wrap { padding: var(--space-3) 0; text-align: center; }
.sib-dr-sug-warning { color: var(--text-muted); font-size: var(--text-xs); padding: var(--space-2) 0; }

.sib-dr-pricing { margin-top: var(--space-6); }
.sib-dr-featured-tlds {
  display: flex; flex-wrap: wrap; gap: var(--space-3); margin-bottom: var(--space-5);
}
.sib-dr-featured-item {
  flex: 1; min-width: 120px;
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-md);
  padding: var(--space-3) var(--space-4);
  text-align: center;
}
.sib-dr-featured-icon img { height: 32px; margin-bottom: var(--space-2); }
.sib-dr-featured-tld { font-weight: var(--font-bold); color: var(--text-primary); }
.sib-dr-featured-price { font-size: var(--text-sm); color: var(--accent-text); margin-top: 4px; }
.sib-dr-table-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--space-3); margin-bottom: var(--space-3); }
.sib-dr-table-title { font-size: var(--text-base) !important; font-weight: var(--font-semibold) !important; color: var(--text-primary) !important; margin: 0 !important; font-family: var(--font-main) !important; }
.sib-dr-filters { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.sib-dr-filter-tag {
  padding: 4px 12px;
  border-radius: 20px;
  border: 1px solid var(--border-soft);
  font-size: var(--text-xs);
  color: var(--text-secondary);
  text-decoration: none;
  transition: var(--tr-ui-fast);
}
.sib-dr-filter-tag:hover, .sib-dr-filter-tag.active {
  border-color: var(--accent);
  color: var(--accent-text);
  background: var(--accent-soft);
}
.sib-dr-filter-count { opacity: 0.7; }
.sib-dr-table {
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
.sib-dr-table-row {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  border-bottom: 1px solid var(--border-soft);
}
.sib-dr-table-row:last-child { border-bottom: none; }
.sib-dr-table-hdr {
  background: var(--bg-surface);
  font-size: var(--text-xs);
  font-weight: var(--font-semibold);
  color: var(--text-muted);

}
.sib-dr-col-tld, .sib-dr-col-price {
  padding: var(--space-3) var(--space-4);
  font-size: var(--text-sm);
}
.sib-dr-col-tld { color: var(--text-primary); }
.sib-dr-col-price { text-align: center; color: var(--text-secondary); }
.sib-dr-col-price small { color: var(--text-muted); font-size: var(--text-xs); }
.sib-dr-tld-badge {
  font-size: var(--text-xs); font-weight: var(--font-medium);
  padding: 1px 5px; border-radius: 3px; margin-inline-start: 4px;
}
.sib-dr-tld-badge-hot { background: rgba(239,68,68,.15); color: #ef4444; }
.sib-dr-tld-badge-new { background: rgba(16,185,129,.15); color: #10b981; }
.sib-dr-tld-badge-sale { background: rgba(245,158,11,.15); color: #f59e0b; }
.sib-dr-free { color: var(--on-success); }
.sib-dr-na { color: var(--text-muted); }
.tld-row { display: none; }
.tld-row.tld-visible { display: grid; }

.sib-dr-promo-row { display: flex; gap: var(--space-4); margin-top: var(--space-6); flex-wrap: wrap; }
.sib-dr-promo-box {
  flex: 1; min-width: 240px;
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.sib-dr-promo-box::before {
  content: '';
  position: absolute;
  top: 0; inset-inline: 0;
  height: 3px;
  content: none;
}
.sib-dr-promo-icon {
  font-size: 28px;
  margin-bottom: var(--space-3);
  display: block;
  width: 52px; height: 52px;
  background: var(--bg-chip);
  border-radius: var(--radius-md);
  display: flex; align-items: center; justify-content: center;
  color: var(--accent-text);
}
.sib-dr-promo-title { font-size: var(--text-base) !important; font-weight: var(--font-bold) !important; color: var(--text-primary) !important; margin: 0 0 var(--space-2) !important; font-family: var(--font-main) !important; }
.sib-dr-promo-sub { font-size: var(--text-sm); color: var(--text-secondary); margin-bottom: var(--space-4); flex: 1; }
.sib-dr-promo-note { font-size: var(--text-xs); color: var(--text-muted); margin-top: var(--space-3); }
.sib-btn-promo {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: 10px 20px;
  background: var(--grad-brand);
  color: #fff !important;
  text-decoration: none !important;
  border-radius: var(--radius-md);
  font-size: var(--text-sm);
  font-weight: var(--font-medium);
  font-family: var(--font-main);
  transition: opacity 0.15s, transform 0.15s, box-shadow 0.15s;
  box-shadow: none;
  align-self: flex-start;
}
.sib-btn-promo:hover { opacity: 0.88; transform: translateY(var(--lift)); box-shadow: none; color: #fff !important; text-decoration: none !important; }
.sib-btn-promo-sec { background: var(--grad-brand); }

@media (max-width: 700px) {
  .sib-dr-table-row { grid-template-columns: 2fr 1fr 1fr; }
  .sib-dr-col-price:nth-child(3) { display: none; }
  .sib-dr-search-row { flex-direction: column; }
  .sib-btn-search,
  .sib-btn-search.domain-check-availability { width: 100%; justify-content: center; }
}