/* =====================================================
   LOCKER BOTÕES — TOTEM / TOUCH
   ===================================================== */

.locker-size-container {
  padding: 2rem 1rem;
  text-align: center;
}

.locker-title {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 3rem;
}

/* =====================================================
   CARD BASE
   ===================================================== */

.size-card {
  cursor: pointer;
  user-select: none;
  touch-action: manipulation;
  transition: transform .15s ease, box-shadow .15s ease;
}

/* =====================================================
   CARD GRANDE
   ===================================================== */

.size-card-lg {
  min-height: 340px;
  border-radius: 22px;
}

/* =====================================================
   HOVER / TOUCH
   ===================================================== */

a.size-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 1.2rem 2.4rem rgba(0,0,0,.18);
}

.size-card:active {
  transform: scale(0.97);
}

/* =====================================================
   DESABILITADO
   ===================================================== */

.size-card.disabled,
.size-card[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: .55;
}

/* =====================================================
   TEXTO
   ===================================================== */

.size-letter {
  font-size: 5.2rem;
  font-weight: 800;
  line-height: 1;
}

.size-label {
  font-size: 1.4rem;
  margin: .5rem 0 1.5rem;
}

/* =====================================================
   BADGE
   ===================================================== */

.size-badge {
  font-size: 1rem;
  padding: .6em 1.4em;
  border-radius: 999px;
}

/* =====================================================
   FOCO (ACESSIBILIDADE)
   ===================================================== */

.size-card:focus-visible,
.btn:focus-visible {
  outline: 4px solid #0d6efd;
  outline-offset: 4px;
}

/* =====================================================
   MOBILE
   ===================================================== */

@media (max-width: 768px) {
  .size-card-lg {
    height: 320px;
    min-height: 240px;
  }

  .size-letter {
    font-size: 4.2rem;
  }
}

.size-card.disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.size-card.disabled:hover {
  transform: none;
  box-shadow: none;
}