/**
 * Cloud Win Enterprise ? Orderform design (pasta orderforms)
 * Layout OS/ciclos/pre?os/categorias em light 2027
 * Subir junto com templates/orderforms/croster_default/
 * Jura ? navy #2A4578 ? gold #E8B931 ? red #C8102E
 */

@import url("https://fonts.googleapis.com/css2?family=Jura:wght@500;600;700&display=swap");

#order-standard_cart,
#order-standard_cart * {
  font-family: "Jura", ui-sans-serif, system-ui, sans-serif;
}

/* ??? Categorias sidebar ??? */
#order-standard_cart .sidebar .panel,
#order-standard_cart .cart-sidebar .panel {
  background: #fff !important;
  border: 1.5px solid rgba(42, 69, 120, 0.12) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
  box-shadow: 0 14px 36px rgba(42, 69, 120, 0.07) !important;
  overflow: hidden;
  margin-bottom: 1.1rem;
}

#order-standard_cart .sidebar .panel-heading {
  background: linear-gradient(180deg, #FAFBFF, #F4F6FB) !important;
  color: #2A4578 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(42, 69, 120, 0.1) !important;
  border-left: 3px solid #E8B931 !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  font-size: 0.72rem !important;
  padding: 0.9rem 1rem !important;
}

#order-standard_cart .sidebar .list-group-item {
  background: #fff !important;
  color: #334155 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(42, 69, 120, 0.06) !important;
  font-weight: 700 !important;
  font-size: 0.78rem !important;
  padding: 0.85rem 1rem !important;
  clip-path: none !important;
}

#order-standard_cart .sidebar .list-group-item:hover {
  background: #FFFBEB !important;
  color: #2A4578 !important;
}

#order-standard_cart .sidebar .list-group-item.active {
  background: linear-gradient(90deg, rgba(232, 185, 49, 0.22), rgba(232, 185, 49, 0.04)) !important;
  color: #2A4578 !important;
  border-left: 3px solid #E8B931 !important;
  font-weight: 800 !important;
  clip-path: none !important;
  box-shadow: none !important;
}

/* ??? Pricing cards ??? */
#order-standard_cart .cros-pricing-container {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#order-standard_cart .cros-pricing-table {
  background: #fff !important;
  border: 1.5px solid rgba(42, 69, 120, 0.12) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
  box-shadow: 0 16px 40px rgba(42, 69, 120, 0.08) !important;
  color: #2A4578 !important;
  position: relative;
  overflow: hidden;
}

#order-standard_cart .cros-pricing-table::before {
  content: "" !important;
  position: absolute !important;
  left: 0; right: 0; top: 0;
  height: 3px !important;
  inset: auto 0 0 0 !important;
  top: 0 !important;
  bottom: auto !important;
  background: linear-gradient(90deg, #C8102E, #E8B931, #2A4578) !important;
  opacity: 1 !important;
  z-index: 2 !important;
}

#order-standard_cart .cros-pricing-table h4 {
  color: #2A4578 !important;
  font-weight: 800 !important;
  font-family: "Jura", sans-serif !important;
}

#order-standard_cart .cros-pricing-table h4::after {
  background: linear-gradient(90deg, #E8B931, #2A4578) !important;
  border-radius: 0 !important;
}

#order-standard_cart .cros-pricing-table .cost,
#order-standard_cart .cros-pricing-table .price-highlight {
  background: none !important;
  -webkit-text-fill-color: #2A4578 !important;
  color: #2A4578 !important;
  font-weight: 800 !important;
}

#order-standard_cart .cros-pricing-table .btn-order-now,
#order-standard_cart .cros-pricing-table .btn {
  background: linear-gradient(180deg, #3A5A9A, #2A4578) !important;
  border: 1px solid rgba(232, 185, 49, 0.5) !important;
  color: #fff !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* ??? Billing cycles ??? */
#order-standard_cart .pcb,
.section-billing-cycle .pcb,
label .pcb {
  background: #fff !important;
  border: 1.5px solid rgba(42, 69, 120, 0.14) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
  color: #2A4578 !important;
  box-shadow: 0 10px 24px rgba(42, 69, 120, 0.05) !important;
}

#order-standard_cart .pcb .c-name,
#order-standard_cart .pcb .c-price,
#order-standard_cart .pcb *,
.pcb .c-name,
.pcb .c-price {
  color: #2A4578 !important;
  -webkit-text-fill-color: #2A4578 !important;
  opacity: 1 !important;
}

#order-standard_cart .pcb,
.section-billing-cycle .pcb,
label .pcb {
  position: relative !important;
  overflow: hidden !important;
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.28s ease, border-color 0.28s ease, background 0.28s ease !important;
  cursor: pointer;
}

#order-standard_cart .pcb:hover,
.section-billing-cycle .pcb:hover,
label .pcb:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(232, 185, 49, 0.55) !important;
  box-shadow: 0 18px 36px rgba(42, 69, 120, 0.1) !important;
}

input[type="radio"]:checked + .pcb {
  background: #FFFBEB !important;
  border-color: rgba(232, 185, 49, 0.75) !important;
  box-shadow: 0 0 0 2px rgba(232, 185, 49, 0.22), 0 16px 36px rgba(42, 69, 120, 0.1) !important;
  animation: cw-pcb-select 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

input[type="radio"]:checked + .pcb::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, #E8B931, #C8102E);
}

.pcb .c-save {
  background: linear-gradient(135deg, #F6E27A, #E8B931) !important;
  color: #2A4578 !important;
  -webkit-text-fill-color: #2A4578 !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 6px 100%, 0 calc(100% - 6px)) !important;
  box-shadow: 0 8px 18px rgba(232, 185, 49, 0.28) !important;
  border: 1px solid rgba(42, 69, 120, 0.08) !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
}

@keyframes cw-pcb-select {
  0% { transform: scale(0.97); }
  60% { transform: scale(1.02); }
  100% { transform: scale(1); }
}

/* ========== OS PICKER LAYOUT (era rackon-orderform dark ? agora light) ========== */
.product-configurable-options .col-md-6:has(.os-picker-layout) {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

.os-picker-layout {
  width: 100%;
  margin-top: 0.75rem;
  overflow: visible;
}

.os-picker-column {
  min-width: 0;
  overflow: visible;
}

.os-icons-container.os-icons-container--category {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  row-gap: 1.25rem !important;
  column-gap: 0.85rem !important;
  width: 100% !important;
  margin-top: 0 !important;
  overflow: visible !important;
  padding-top: 0.35rem;
}

@media (min-width: 1200px) {
  .os-picker-layout--split {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 1.35rem;
    align-items: start;
  }
}

@media (min-width: 992px) {
  .os-picker-layout--single .os-icons-container--category {
    display: flex !important;
    flex-wrap: wrap;
    gap: 0.85rem !important;
    row-gap: 1.15rem !important;
  }
  .os-picker-layout--single .os-icons-container--category .os-card {
    flex: 1 1 calc(25% - 0.75rem);
    min-width: 160px;
    max-width: none;
  }
}

@media (min-width: 1400px) {
  .os-picker-layout--single .os-icons-container--category .os-card {
    flex: 1 1 calc(20% - 0.85rem);
    min-width: 160px;
  }
}

.os-icons-container:not(.os-icons-container--category) {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0.85rem !important;
  width: 100% !important;
  margin-top: 0.75rem !important;
}

@media (max-width: 1200px) {
  .os-icons-container:not(.os-icons-container--category) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 992px) {
  .os-icons-container:not(.os-icons-container--category),
  .os-icons-container.os-icons-container--category {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .os-picker-layout--single .os-icons-container--category {
    display: grid !important;
  }
  .os-picker-layout--single .os-icons-container--category .os-card {
    flex: unset !important;
    min-width: 0 !important;
  }
}

@media (max-width: 1199px) {
  .os-picker-layout--split .os-picker-column--linux {
    margin-top: 1.5rem;
  }
}

/* OS cards ? light enterprise */
.os-card {
  min-height: 148px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 1rem 0.75rem 0.85rem !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.55rem !important;
  position: relative;
  overflow: visible !important;
  background: #fff !important;
  border: 1.5px solid rgba(42, 69, 120, 0.12) !important;
  box-shadow: 0 12px 28px rgba(42, 69, 120, 0.06) !important;
  cursor: pointer;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.os-card::before,
.os-card::after {
  display: none !important;
}

.os-card.selected::before {
  display: block !important;
}

.os-card__check {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: linear-gradient(180deg, #3A5A9A, #2A4578) !important;
  color: #F6E27A !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.58rem;
  opacity: 0;
  transform: scale(0.55);
  transition: opacity 0.2s ease, transform 0.2s ease;
  z-index: 4;
  border: 1px solid rgba(232, 185, 49, 0.5);
}

.os-card.selected .os-card__check {
  opacity: 1;
  transform: scale(1);
}

.os-card__icon-wrap {
  position: relative;
  z-index: 2;
  width: 72px;
  height: 72px;
  border-radius: 0;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(42, 69, 120, 0.1);
  background: #F1F5F9 !important;
  box-shadow: none !important;
}

.os-card__icon-wrap--windows { background: #EFF6FF !important; border-color: rgba(0, 164, 239, 0.35); }
.os-card__icon-wrap--ubuntu { background: #FFF7ED !important; border-color: rgba(233, 84, 32, 0.35); }
.os-card__icon-wrap--debian { background: #FFF1F2 !important; border-color: rgba(168, 0, 48, 0.3); }
.os-card__icon-wrap--centos { background: #F5F3FF !important; border-color: rgba(38, 37, 119, 0.3); }
.os-card__icon-wrap--alma { background: #FFF7ED !important; border-color: rgba(255, 115, 0, 0.35); }
.os-card__icon-wrap--linux { background: #ECFDF5 !important; border-color: rgba(5, 150, 105, 0.3); }

.os-card__logo {
  width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  object-fit: contain;
  filter: none !important;
}

.os-card__icon-fallback {
  font-size: 2rem !important;
  color: #2A4578 !important;
}

.os-card__meta {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  width: 100%;
  min-width: 0;
  padding: 0 0.25rem;
  text-align: center;
  background: transparent !important;
}

.os-card__title {
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
  font-size: 0.82rem !important;
  color: #2A4578 !important;
  line-height: 1.3 !important;
  white-space: normal !important;
  word-break: break-word;
}

.os-card__ver {
  font-size: 0.68rem !important;
  color: #64748B !important;
  letter-spacing: 0.03em;
  line-height: 1.35 !important;
  max-width: 100%;
  white-space: normal !important;
  overflow: visible !important;
}

.os-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(232, 185, 49, 0.55) !important;
  box-shadow: 0 16px 36px rgba(42, 69, 120, 0.1) !important;
}

.os-card.selected {
  background: #FFFBEB !important;
  border-color: rgba(232, 185, 49, 0.75) !important;
  box-shadow: 0 0 0 2px rgba(232, 185, 49, 0.22), 0 16px 36px rgba(42, 69, 120, 0.1) !important;
  transform: translateY(-2px) !important;
  animation: cw-os-pick 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.os-card.selected .os-card__icon-wrap {
  animation: cw-os-icon-pop 0.5s cubic-bezier(0.22, 1, 0.36, 1);
  box-shadow: 0 0 0 3px rgba(232, 185, 49, 0.18) !important;
  border-color: rgba(232, 185, 49, 0.55) !important;
}

.os-card.selected::before {
  display: block !important;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, #E8B931, #C8102E);
  z-index: 3;
}

@keyframes cw-os-pick {
  0% { transform: scale(0.96) translateY(0); filter: brightness(1.08); }
  55% { transform: scale(1.03) translateY(-4px); }
  100% { transform: scale(1) translateY(-2px); filter: brightness(1); }
}

@keyframes cw-os-icon-pop {
  0% { transform: scale(0.85) rotate(-6deg); }
  60% { transform: scale(1.1) rotate(2deg); }
  100% { transform: scale(1) rotate(0); }
}

/* esconde labels legados que quebravam layout */
.os-card > div:not(.os-card__meta):not(.os-card__icon-wrap):not(.os-card__lollipop):not(.os-card__check) {
  display: none !important;
}

.os-card img:not(.os-card__logo),
.os-card__icon:not(.os-card__icon-fallback) {
  display: none !important;
}

/* Category dividers */
.os-category-divider {
  width: 100%;
  padding: 0.65rem 1rem !important;
  margin: 0 0 0.85rem !important;
  background: linear-gradient(180deg, #FAFBFF, #F4F6FB) !important;
  border: 1.5px solid rgba(42, 69, 120, 0.12) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
  color: #2A4578 !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase;
  font-family: "Jura", sans-serif;
  font-weight: 800;
}

.os-category-divider__inner {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.os-category-divider__logo {
  width: 18px;
  height: 18px;
}

/* Lollipop light */
.os-card__lollipop-bubble {
  background: #2A4578 !important;
  border: 1px solid rgba(232, 185, 49, 0.45) !important;
  color: #F6E27A !important;
}

/* ??? Order summary ??? */
#order-standard_cart .order-summary,
#order-standard_cart .summary-container {
  background: #fff !important;
  border: 1.5px solid rgba(42, 69, 120, 0.12) !important;
  box-shadow: 0 14px 36px rgba(42, 69, 120, 0.08) !important;
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
  overflow: hidden;
}

#order-standard_cart .order-summary .title,
#order-standard_cart .summary-container .title {
  background: linear-gradient(180deg, #FAFBFF, #F4F6FB) !important;
  color: #2A4578 !important;
  border-left: 3px solid #E8B931 !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

#order-standard_cart .btn-checkout,
#order-standard_cart #checkout,
#btnCompleteOrder {
  background: linear-gradient(180deg, #3A5A9A, #2A4578) !important;
  border: 1px solid rgba(232, 185, 49, 0.55) !important;
  color: #fff !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

/* ??? Terminal / provision light ??? */
.cloudwin-terminal-card,
.cloudwin-terminal,
.terminal-container,
.terminal-container--dynamic,
.terminal {
  background: #fff !important;
  border: 1.5px solid rgba(42, 69, 120, 0.14) !important;
  color: #2A4578 !important;
  box-shadow: 0 18px 40px rgba(42, 69, 120, 0.1) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
}

.cloudwin-terminal__header,
.terminal-header {
  background: linear-gradient(180deg, #FAFBFF, #F4F6FB) !important;
  border-bottom: 1px solid rgba(42, 69, 120, 0.1) !important;
  color: #2A4578 !important;
}

.cloudwin-terminal__body,
.terminal-body,
.terminal-content {
  background: #F8FAFC !important;
  color: #334155 !important;
  font-family: "Consolas", "Courier New", monospace !important;
}

.cloudwin-terminal__body,
.terminal-body {
  color: #047857 !important;
}

/* ??? Forms cart/checkout ??? */
#order-standard_cart .form-control,
#order-standard_cart textarea,
#order-standard_cart select,
#order-standard_cart input[type="text"],
#order-standard_cart #additionalnotes,
#order-standard_cart .view-cart-promotion-code,
#order-standard_cart .promo-code-card {
  background: #fff !important;
  border: 1.5px solid rgba(42, 69, 120, 0.14) !important;
  color: #2A4578 !important;
}

#order-standard_cart .account-select-container div.account {
  background: #fff !important;
  border: 1.5px solid rgba(42, 69, 120, 0.14) !important;
  color: #2A4578 !important;
}

#order-standard_cart .account-select-container div.account.active {
  background: #FFFBEB !important;
  border-color: rgba(232, 185, 49, 0.6) !important;
}

#order-standard_cart .secure-notice {
  background: #EEF2FF !important;
  border: 1px solid rgba(47, 58, 143, 0.2) !important;
  color: #1E293B !important;
}

/* Header produto na store */
#order-standard_cart .header-lined,
#order-standard_cart .products .product-title {
  color: #2A4578 !important;
}

/* ========== OS LOLLIPOP (hover typewriter ? sem pretinho permanente) ========== */
.os-card__lollipop {
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% + 6px) !important;
  transform: translateX(-50%) translateY(8px) scale(0.92) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: 30 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  transition: opacity 0.22s ease, transform 0.28s cubic-bezier(0.34, 1.45, 0.64, 1) !important;
  filter: drop-shadow(0 10px 22px rgba(42, 69, 120, 0.18));
}

.os-card:hover .os-card__lollipop,
.os-card.is-lollipop-active .os-card__lollipop {
  opacity: 1 !important;
  transform: translateX(-50%) translateY(0) scale(1) !important;
}

.os-card__lollipop-bubble {
  position: relative;
  background: #2A4578 !important;
  border: 1px solid rgba(232, 185, 49, 0.5) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
  padding: 0.42rem 0.65rem !important;
  font-family: "Consolas", "Courier New", ui-monospace, monospace !important;
  font-size: 0.66rem !important;
  line-height: 1.35 !important;
  color: #F6E27A !important;
  white-space: nowrap;
  max-width: min(240px, 88vw);
  overflow: hidden;
}

.os-card__lollipop-prefix { color: #E8B931 !important; opacity: 0.95; }
.os-card__lollipop-text { color: #F8FAFC !important; }
.os-card__lollipop-cursor {
  color: #E8B931 !important;
  margin-left: 1px;
  animation: cw-os-cursor 0.8s step-end infinite;
  font-weight: 400;
}
@keyframes cw-os-cursor { 50% { opacity: 0; } }

.os-card__lollipop-stem {
  width: 2px;
  height: 9px;
  background: linear-gradient(180deg, #E8B931, rgba(42, 69, 120, 0.2));
  margin-top: -1px;
}

.os-card:hover .os-card__ver,
.os-card.is-lollipop-active .os-card__ver {
  opacity: 0.35 !important;
}

.os-card {
  overflow: visible !important;
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.28s ease, border-color 0.28s ease, background 0.28s ease !important;
}

.os-card:hover {
  transform: translateY(-5px) !important;
}

.os-card:hover .os-card__icon-wrap {
  transform: scale(1.06) translateY(-2px);
  transition: transform 0.28s ease;
}

/* ========== MODAL rk-os-deploy LIGHT ========== */
.terminal-container--dynamic.rk-os-deploy {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10050 !important;
  display: none;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
  background: rgba(42, 69, 120, 0.42) !important;
  backdrop-filter: blur(10px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.1) !important;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.terminal-container--dynamic.rk-os-deploy.is-visible {
  display: flex !important;
  opacity: 1;
}

.terminal-container--dynamic.rk-os-deploy.is-closing {
  opacity: 0;
}

.rk-os-deploy__panel,
.terminal.rk-os-deploy__panel {
  position: relative !important;
  width: min(440px, calc(100vw - 24px)) !important;
  max-width: calc(100vw - 24px) !important;
  height: auto !important;
  max-height: min(90dvh, 640px) !important;
  padding: 1.2rem 1.2rem 1.05rem !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px)) !important;
  background:
    linear-gradient(165deg, #FFFFFF 0%, #FAFBFF 50%, #FFFBEB 100%) !important;
  border: 1.5px solid rgba(232, 185, 49, 0.4) !important;
  box-shadow: 0 28px 64px rgba(42, 69, 120, 0.22), 0 0 0 1px rgba(42, 69, 120, 0.06) !important;
  overflow: hidden;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.85rem;
  font-family: "Jura", ui-sans-serif, sans-serif !important;
  color: #2A4578 !important;
}

.rk-os-deploy__panel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0.5;
  background-image:
    linear-gradient(rgba(42, 69, 120, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(42, 69, 120, 0.04) 1px, transparent 1px);
  background-size: 22px 22px;
  animation: cw-panel-grid 18s linear infinite;
}

.rk-os-deploy__glow {
  position: absolute;
  inset: -30% -15% auto;
  height: 55%;
  background:
    radial-gradient(circle at 25% 20%, rgba(232, 185, 49, 0.16), transparent 55%),
    radial-gradient(circle at 80% 10%, rgba(47, 58, 143, 0.12), transparent 50%);
  pointer-events: none;
  z-index: 0;
}

.rk-os-deploy__panel > *:not(.rk-os-deploy__glow) {
  position: relative;
  z-index: 1;
}

.rk-os-deploy__header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-bottom: 0.7rem;
  border-bottom: 1px solid rgba(42, 69, 120, 0.1);
}

.rk-os-deploy__dots { display: flex; gap: 6px; flex-shrink: 0; }
.rk-os-deploy__dot { width: 11px; height: 11px; border-radius: 50%; }
.rk-os-deploy__dot--red { background: #ff5f57; }
.rk-os-deploy__dot--yellow { background: #febc2e; }
.rk-os-deploy__dot--green { background: #28c840; }

.rk-os-deploy__headcopy {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.rk-os-deploy__kicker {
  font-size: 0.62rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #64748B;
  font-weight: 700;
}

.rk-os-deploy__title {
  font-size: 0.98rem;
  font-weight: 800;
  color: #2A4578 !important;
  background: none !important;
  -webkit-text-fill-color: #2A4578 !important;
}

.rk-os-deploy__pill {
  flex-shrink: 0;
  font-size: 0.62rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 800;
  padding: 0.3rem 0.6rem;
  border-radius: 0;
  clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 6px 100%, 0 calc(100% - 6px));
  border: 1px solid rgba(232, 185, 49, 0.55);
  color: #B45309;
  background: #FFFBEB;
}

.rk-os-deploy__hero { text-align: center; padding: 0.4rem 0 0.2rem; }

.rk-os-deploy__ring {
  position: relative;
  width: 118px;
  height: 118px;
  margin: 0 auto 0.7rem;
}

.rk-os-deploy__ring-svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.rk-os-deploy__ring-track {
  fill: none !important;
  stroke: rgba(42, 69, 120, 0.1) !important;
  stroke-width: 6;
}

.rk-os-deploy__ring-progress {
  fill: none !important;
  stroke: #E8B931 !important;
  stroke-width: 6;
  stroke-linecap: round;
  stroke-dasharray: 327;
  stroke-dashoffset: 327;
  animation: cw-os-ring 2.2s ease forwards;
  filter: drop-shadow(0 0 8px rgba(232, 185, 49, 0.35));
}

@keyframes cw-os-ring {
  to { stroke-dashoffset: 18; }
}

.rk-os-deploy__logo {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 52px !important;
  height: 52px !important;
  object-fit: contain;
  filter: none !important;
}

.rk-os-deploy__os-name {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 800;
  color: #2A4578 !important;
}

.rk-os-deploy__os-ver {
  margin: 0.2rem 0 0;
  font-size: 0.82rem;
  color: #64748B !important;
}

.rk-os-deploy__steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.rk-os-deploy__step {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.5rem 0.65rem;
  border-radius: 0;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
  border: 1px solid rgba(42, 69, 120, 0.08);
  color: #64748B;
  font-size: 0.82rem;
  font-weight: 600;
  background: #F8FAFC;
  transition: border-color 0.25s ease, background 0.25s ease, color 0.25s ease;
}

.rk-os-deploy__step.is-active {
  color: #2A4578;
  border-color: rgba(232, 185, 49, 0.45);
  background: #FFFBEB;
}

.rk-os-deploy__step.is-done { color: #047857; }

.rk-os-deploy__step-icon {
  width: 22px;
  text-align: center;
  color: #2F3A8F;
  flex-shrink: 0;
}

.rk-os-deploy__step.is-done .rk-os-deploy__step-icon { color: #047857; }

.rk-os-deploy__bar {
  height: 6px;
  border-radius: 0;
  background: #EEF2FF;
  overflow: hidden;
  border: 1px solid rgba(42, 69, 120, 0.08);
}

.rk-os-deploy__bar-fill {
  height: 100%;
  width: 0;
  background: linear-gradient(90deg, #2A4578, #E8B931);
  transition: width 0.55s ease;
}

.rk-os-deploy__footer {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0.7rem !important;
  margin-top: 0.15rem !important;
  padding-top: 0.15rem !important;
  position: relative !important;
  z-index: 2 !important;
}

.rk-os-deploy__status {
  margin: 0 !important;
  font-size: 0.78rem !important;
  color: #64748B !important;
  text-align: center !important;
  min-height: 1.35em !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  position: static !important;
  width: 100% !important;
  order: 1;
}

.rk-os-deploy__close,
.terminal-close.rk-os-deploy__close {
  position: static !important;
  align-self: stretch !important;
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
  order: 2;
  background: linear-gradient(180deg, #3A5A9A, #2A4578) !important;
  border: 1px solid rgba(232, 185, 49, 0.5) !important;
  color: #fff !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px)) !important;
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 0.65rem 1.25rem !important;
  cursor: pointer;
}

/* Esconde legado disk se aparecer */
.rk-os-deploy .disk-animation,
.rk-os-deploy .disk-drive,
.rk-os-deploy .disk { display: none !important; }

@media (max-width: 640px) {
  .rk-os-deploy__panel {
    width: min(calc(100vw - 16px), 100%) !important;
    padding: 1rem !important;
  }
  .rk-os-deploy__ring { width: 100px; height: 100px; }
}

/* ========== OS DEPLOY ? efeitos premium 2027 ========== */
.terminal-container--dynamic.rk-os-deploy.is-visible .rk-os-deploy__panel {
  animation: cw-deploy-panel-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.terminal-container--dynamic.rk-os-deploy.is-closing .rk-os-deploy__panel {
  animation: cw-deploy-panel-out 0.28s ease both;
}

@keyframes cw-deploy-panel-in {
  0% { opacity: 0; transform: translateY(18px) scale(0.94); filter: blur(4px); }
  100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}

@keyframes cw-deploy-panel-out {
  to { opacity: 0; transform: translateY(10px) scale(0.96); }
}

.rk-os-deploy__glow {
  animation: cw-deploy-glow 3.2s ease-in-out infinite alternate;
}

@keyframes cw-deploy-glow {
  from { opacity: 0.65; transform: translateY(0); }
  to { opacity: 1; transform: translateY(6px); }
}

.rk-os-deploy__ring::after {
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: 1px solid rgba(232, 185, 49, 0.35);
  animation: cw-deploy-pulse 1.8s ease-out infinite;
  pointer-events: none;
}

@keyframes cw-deploy-pulse {
  0% { transform: scale(0.92); opacity: 0.7; }
  100% { transform: scale(1.18); opacity: 0; }
}

.rk-os-deploy__logo {
  animation: cw-deploy-logo-float 2.4s ease-in-out infinite;
}

@keyframes cw-deploy-logo-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}

.rk-os-deploy__step {
  animation: cw-deploy-step-in 0.4s ease both;
}

.rk-os-deploy__step:nth-child(1) { animation-delay: 0.05s; }
.rk-os-deploy__step:nth-child(2) { animation-delay: 0.12s; }
.rk-os-deploy__step:nth-child(3) { animation-delay: 0.19s; }
.rk-os-deploy__step:nth-child(4) { animation-delay: 0.26s; }

@keyframes cw-deploy-step-in {
  from { opacity: 0; transform: translateX(-8px); }
  to { opacity: 1; transform: translateX(0); }
}

.rk-os-deploy__step.is-active {
  box-shadow: 0 0 0 1px rgba(232, 185, 49, 0.25), 0 8px 20px rgba(232, 185, 49, 0.12);
  animation: cw-deploy-step-active 1.4s ease-in-out infinite;
}

@keyframes cw-deploy-step-active {
  0%, 100% { border-color: rgba(232, 185, 49, 0.45); }
  50% { border-color: rgba(232, 185, 49, 0.85); }
}

.rk-os-deploy__step.is-done {
  background: #ECFDF5 !important;
  border-color: rgba(5, 150, 105, 0.28) !important;
}

.rk-os-deploy__bar-fill {
  position: relative;
  background: linear-gradient(90deg, #2A4578 0%, #2F3A8F 40%, #E8B931 100%) !important;
  box-shadow: 0 0 12px rgba(232, 185, 49, 0.35);
}

.rk-os-deploy__bar-fill::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.45), transparent);
  animation: cw-deploy-shimmer 1.4s linear infinite;
}

@keyframes cw-deploy-shimmer {
  from { transform: translateX(-100%); }
  to { transform: translateX(100%); }
}

.rk-os-deploy__pill {
  animation: cw-deploy-pill 2s ease-in-out infinite;
}

@keyframes cw-deploy-pill {
  0%, 100% { box-shadow: 0 0 0 0 rgba(232, 185, 49, 0); }
  50% { box-shadow: 0 0 0 4px rgba(232, 185, 49, 0.18); }
}

.rk-os-deploy__close:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(42, 69, 120, 0.18);
}

/* ??? Cart line items ??? */
#order-standard_cart .view-cart-items .item,
#order-standard_cart .cart-item,
#order-standard_cart .panel.cart-item {
  background: #fff !important;
  border: 1.5px solid rgba(42, 69, 120, 0.12) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px)) !important;
  box-shadow: 0 10px 26px rgba(42, 69, 120, 0.05) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
  overflow: hidden;
  position: relative;
}

#order-standard_cart .view-cart-items .item:hover,
#order-standard_cart .cart-item:hover {
  transform: translateY(-3px);
  border-color: rgba(232, 185, 49, 0.45) !important;
  box-shadow: 0 18px 40px rgba(42, 69, 120, 0.1) !important;
}

#order-standard_cart .view-cart-items .item::before,
#order-standard_cart .cart-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, #E8B931, #2A4578);
  opacity: 0;
  transition: opacity 0.25s ease;
}

#order-standard_cart .view-cart-items .item:hover::before,
#order-standard_cart .cart-item:hover::before {
  opacity: 1;
}

#order-standard_cart .order-summary .summary-totals,
#order-standard_cart .summary-container .total-due-today,
#order-standard_cart .order-summary .total-due-today {
  background: linear-gradient(180deg, #FAFBFF, #FFFBEB) !important;
  border: 1.5px solid rgba(232, 185, 49, 0.35) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px)) !important;
  color: #2A4578 !important;
}

/* Summary ? preços gold + boxes internos */
#order-standard_cart .summary-container .product-name,
#order-standard_cart .order-summary .product-name {
  color: #2A4578 !important;
  font-family: "Jura", sans-serif !important;
  font-weight: 800 !important;
}

#order-standard_cart .summary-container .product-price,
#order-standard_cart .summary-container #producttotal,
#order-standard_cart .summary-container .cart-item-price,
#order-standard_cart #producttotal,
#order-standard_cart .summary-container span[id*="price"],
#order-standard_cart .order-summary .pull-right,
#order-standard_cart #totalDueToday,
#order-standard_cart #totalCartPrice {
  color: #B45309 !important;
  -webkit-text-fill-color: #B45309 !important;
  font-weight: 800 !important;
  font-family: "Jura", sans-serif !important;
}

#order-standard_cart .summary-totals,
#order-standard_cart .summary-container .recurring-totals,
#order-standard_cart .summary-container .bordered-totals,
#order-standard_cart .summary-container .total-due-today,
#order-standard_cart .order-summary .summary-totals {
  background: linear-gradient(165deg, #FFFBEB 0%, #FAFBFF 100%) !important;
  border: 1.5px solid rgba(232, 185, 49, 0.35) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px)) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6) !important;
  padding: 0.85rem 1rem !important;
  margin-top: 0.65rem !important;
}

#order-standard_cart .summary-container .loader,
#order-standard_cart .order-summary i.fa-server,
#order-standard_cart .order-summary i.fa-cog,
#order-standard_cart .order-summary .fa-cog {
  color: #B45309 !important;
}

/* OS picker ? lollipop / roleta hover sem clip */
.os-picker-layout,
.os-icons-container,
.os-icons-container--category,
.os-picker-column {
  overflow: visible !important;
}

.os-card {
  overflow: visible !important;
}

/* Roleta lead ? protege do light override + z-index alto */
#leadOverlay {
  z-index: 10120 !important;
}
#leadModal {
  z-index: 10130 !important;
}
#leadModal .modal-content.lead-modal-crt {
  background: #070b08 !important;
  color: #b6f5c6 !important;
  border: 1px solid rgba(232, 185, 49, 0.4) !important;
  box-shadow:
    0 0 0 1px rgba(232, 185, 49, 0.2),
    0 0 40px rgba(232, 185, 49, 0.1),
    0 28px 50px rgba(0, 0, 0, 0.65) !important;
  clip-path: none !important;
  border-radius: 10px !important;
}
#leadModal .form-control,
#leadModal .form-control-phone,
#order-standard_cart #leadModal .form-control {
  background: #0a120d !important;
  border: 1px solid rgba(34, 197, 94, 0.35) !important;
  color: #b6f5c6 !important;
  -webkit-text-fill-color: #b6f5c6 !important;
}
#leadModal .btn-primary,
#order-standard_cart #leadModal .btn-primary {
  background: linear-gradient(180deg, #3A5A9A, #2A4578) !important;
  border: 1px solid rgba(232, 185, 49, 0.55) !important;
  color: #fff !important;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px)) !important;
}
#leadModal .wheel-wrapper {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
#leadModal .wheel,
#leadModal #leadWheel {
  display: block !important;
  visibility: visible !important;
}

@media (prefers-reduced-motion: reduce) {
  .os-card.selected,
  .os-card.selected .os-card__icon-wrap,
  input[type="radio"]:checked + .pcb,
  .rk-os-deploy__logo,
  .rk-os-deploy__glow,
  .rk-os-deploy__ring::after,
  .rk-os-deploy__step,
  .rk-os-deploy__step.is-active,
  .rk-os-deploy__bar-fill::after,
  .rk-os-deploy__pill,
  .terminal-container--dynamic.rk-os-deploy.is-visible .rk-os-deploy__panel {
    animation: none !important;
  }
}